/* core */ input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder { -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */ opacity: 1; /* 2. correct opacity on iOS */ } input, textarea, input:focus, textarea:focus, button, button:focus, select { /* -webkit-appearance: none;*/ outline:none; } html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, ins, kbd, q, samp, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); tap-highlight-color: rgba(255, 255, 255, 0); } *, *:focus, input, label, button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; *behavior: url(/_core/htc/boxsizing.htc); } table { border-spacing: 0px; border-collapse:collapse; } .oldboxmodel, .oldboxmodel * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; *behavior: url(/_assets/htc/boxsizing.htc); } *[style*="overflow"], pre, code { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box!important; *behavior: url(/_assets/htc/boxsizing.htc); } *[style*="overflow"]:not(button):not(a) { line-height: normal; } *[style*="overflow"] .group:not(:empty)::after, *[style*="overflow"] .group-big:not(:empty)::after, *[style*="overflow"] .group-small:not(:empty)::after, *[style*="overflow"] p:not(:empty)::after, *[style*="overflow"] section:not(:empty)::after, *[style*="overflow"] .column-grid:not(:empty)::after, *[style*="overflow"] .stat-holder:not(:empty)::after { content: none!important; } a { cursor:pointer; } *[source-width] { background-position:center; background-size:cover; } .outlined { outline:1px solid #ccc; outline-offset:0px; } body { background: #ffffff; overflow-y:scroll; } body, input, button, textarea, select{ font-family:sans-serif; } * { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-size-adjust: none; } img, iframe, video { /*vertical-align: bottom;*/ max-width:100%; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } th code { padding: 1px 1px; line-height: 12px; font-size:8px; font-weight: normal; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; max-width: calc(100vw - 120px)!important; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .code { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } table { background-color: transparent; } caption { text-align: left; } table:not([style*="inline-table"]) { width: 100%; } table { max-width: 100%; } .fx { -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .fx-slow { -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .fx-slower { -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -ms-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; } .outlined { outline:1px solid #ccc; outline-offset:0px; } table { /*max-width:calc(100vw - 60px);*/ } input + label[for] { user-select: none; } input, textarea, .redactor-editor, input:focus, textarea:focus, .redactor-editor:focus, button, button:focus, select, .select, button:active, .button, .submit { -webkit-appearance: none; outline:none; box-shadow:none; font-weight:normal; } input[type=checkbox] { -webkit-appearance:checkbox; appearance:checkbox; } input[type=radio] { -webkit-appearance:radio; appearance:radio; } :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder, ::-input-placeholder { /* Firefox 18- */ color:#999; } .input, input, textarea, .redactor-editor, select, .select, label, button, .button, .submit, .input-group { background:none; display:block; float:left; margin:0px; padding:0px; border:none; outline:none; } button, .button, .submit { display: inline-flex; } button > *, .button > *, .submit > * { margin-top: auto; margin-bottom: auto; } button > *, .button > *, .submit > * { margin-left: 0px; margin-right: auto; } input[type=checkbox], input[type=radio] { outline:none!important; padding-left:0px!important; padding-right:0px!important; } input, select, .option-selected, textarea, .redactor-editor { /*z-index:1;*/ } button:hover, .submit:hover, .button:hover { position: relative; z-index:2; } input:focus, select:focus, textarea:focus, .redactor-editor:focus { /*z-index:2;*/ } /*WIDTHS*/ .input, input, textarea, .redactor-editor, select, .select, label:only-child, label, .input-group { width:100%; } .input, input, textarea, .redactor-editor , select, .select ul .option, .option-selected, button, .button, .submit{ padding-left:2px; padding-right:2px; } .redactor-editor { padding-top:8px; padding-bottom:8px; } @media screen and (min-width: 720px) { label { width:25%; width:calc(0px + 150px); padding-right:5px; } input + label.error, textarea + label.error, .redactor-editor + label+error, select + label.error, .select + label.error { width:100%; } label + input ~ label, label + .input-group ~ label, label + textarea ~ label, label + .redactor-editor ~ label, label + select ~ label, label + .select ~ label { width:75%; width: calc(100% - 150px); margin-left:25%; margin-left: calc(0px + 150px); } label + input, label + select, form label + .select, label + textarea, label + .redactor-editor, .group label + .input-group { width:75%; width: calc(100% - 150px); } } .form-narrow .input, .form-narrow input, .form-narrow textarea, .form-narrow .redactor-editor, .form-narrow select, .form-narrow select, .form-narrow label:only-child, .form-narrow label { width:100%; margin-left:0!important; padding-right:0; } input[type=checkbox], input[type=radio] { width:5%; width:calc(0px + 20px); margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type=checkbox] + label, input[type=radio] + label { width:95%; width: 100%; } /*BUTTONS*/ button, .button, .submit { cursor:pointer; } button[type=submit], .submit { float:right; } input, textarea, .redactor-editor, input:focus, textarea:focus, .redactor-editor:focus, .select ul, .option-selected, select { /*background-color:#f6f6f6; box-shadow: 0 0 0 1px #ccc, inset 0px 1px 2px rgba(0,0,0,0.1);*/ } button, button:active, .button, .button:active, .button:hover { color:inherit; } button[type=submit], button[type=submit]:active, .submit, .submit:active, .submit:hover { } input.before-button, input.before-button + button, input.before-button + .button, input.before-button + .submit { margin:0px!important; float:left; } input.before-button { width:90%; width:calc(100% - 75px); } input.before-button + button, input.before-button + .button, input.before-button + .submit { width:10%; width:calc(0px + 75px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.select { cursor:pointer; } .option-selected, select { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAAa0lEQVQ4jbXNuw2AMAxF0Yu8ACVjMEpGzSgpGYcmQnwcxwTzpBRxcc8EJGDlnxUBNmAGlug4kKV+opECZAA5HaOQI34HIpBLXAO+II94CxhB1LgFvEGa8R7gQcy4B7CQbtwLaIgrPrJUn3s7Vf0bEOOHKqYAAAAASUVORK5CYII='); background-size:12px 6px; background-repeat:no-repeat; background-position:right center; background-position:calc(100% - 6px) center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } select { padding-right: 26px!important; text-overflow: ellipsis; } .option-selected:empty { content: ' '; } .select .option { } .select ul .selected { } .select ul, .select li { list-style:none; } .select ul li.option { display:none; } .select ul li.shown { display:block; } .select ul { display:none; position:absolute; min-width:150px; max-height:250px; overflow:auto; overflow-x:hidden; margin-left:0px; margin-top:2px; } .select ul + ul { margin-top: 29px; } .select.focus ul { display:block; z-index:2000; } .select ul li.focus { background-color:#fc0; } .select ul li.selected { background-color:#06F; } .select:hover .option { } .select-open .option-selected, .select-multiple .option-selected { display:none; } .select-open ul, .select-multiple ul { display:block; position:relative!important; overflow:inherit; overflow-x:inherit; max-height:none; } .select-open ul li.option, .select-multiple ul li.option { display:block; } .select-open input, .select-multiple input { display:none; } h1, h2, h3, h4, h5, h6 { font-weight:bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; } h1, h2 { font-size: 20px; line-height: 1; margin-top:10px; margin-bottom:0px; } h3 { font-size: 15px; line-height: 15px; margin-top:10px; margin-bottom:0px; } h4 { font-size: 14px; line-height: 14px; margin-top:10px; margin-bottom:0px; } h5 { font-size: 13px; line-height: 13px; margin-top:10px; margin-bottom:0px; } h6 { margin-top:10px; margin-bottom:0px; } a { color:#00F; text-decoration:none; } p, blockquote, ul, ol { margin-top:10px; margin-bottom:0px; } .card p { margin-top:5px; } .ajax_box + p { margin-top: 0px; animation: none!important; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, blockquote:first-child, ul:first-child { margin-top:0px; } strong { font-weight:bold; } .phone { display:none!important; } .phone, .tablet, .portrait { display:none; } .container { z-index:1; min-height:100vh; } .center { margin:auto; } .sql2table[data-viewtype="thumbs"] tbody:not(:empty):after, hgroup:not(:empty):after, .clearafter:not(:empty):after, .menu ul:not(:empty):after, .submenu ul:not(:empty):after, .tab-menu ul:not(:empty):after, .group:not(:empty):after, .group-big:not(:empty):after, .group-small:not(:empty):after, p:not(:empty):after, section:not(:empty):after, .column-grid:not(:empty):after, .stat-holder:not(:empty):after { content: "."; display: block; height: 0; clear: both; visibility: hidden; margin:0px; padding:0px; } .clear { height: 0; clear: both; visibility: hidden; margin:0px; padding:0px; } .buttongroup ul { list-style:none; margin:0; padding:0; } /*Menu, Submenu, footer, headlines etc*/ .menu ul, .submenu ul, .footer ul, .headlines ul, .splash ul { margin:0px; padding:0px; list-style:none; list-style-type:none; } .menu li, .submenu li, .tab-menu li, .footer li { margin:0px; padding:0px; } .menu li a{ display:block; } /*Grid model*/ .group, .group-tiny, .group-small, .group-big { display:block; } .group, .group-tiny, .group-small, .group-big { /*width:100%;*/ } .group:empty, .group-tiny:empty, .group-small:empty, .group-big:empty { display: none; } .group { } .group-tiny { } .group-small:not(th) { padding-top:5px!important; } .group-big:not(th) { padding-top:25px!important; } .group-big:not(th):first-child, .group-small:not(th):first-child, .group:not(th):first-child { padding-top:0px; } tr:not(:hover) .nohover-hidden { display: none; } tr:not(:has(input:focus)) .nofocus-hidden { display: none; } .no-border-top { border-top:none!important; } .no-border-left { border-left:none!important; } .no-border-right { border-right:none!important; } .no-border-bottom { border-bottom:none!important; } .no-borders, .no-borders tr:not(.not-important) , .no-borders tr > td:not(.not-important) , .no-borders tr > th:not(.not-important) { border-top:none!important; border-left:none!important; border-right:none!important; border-bottom:none!important; } .no-padding, .no-padding tr:not(.not-important) , .no-padding tr > td:not(.not-important) , .no-padding tr > th:not(.not-important) { padding: 0px; } .no-padding tr > td:not(:first-child) input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .no-padding tr > td:not(:last-child) input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /*Forms*/ .form-line:not(:empty):after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .form-line div:not(:empty):after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .buttongroup:not(:empty):after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .edge-top-left,.edge-top-right,.edge-bottom-left,.edge-bottom-right { position:fixed; z-index:9999; } .float-left { float:left!important; } .float-right { float:right!important; } .center { width:1000px; margin:auto; } .column-grid { margin-left:-10px; width: calc(100% + 20px); } .column { float:left; padding-left:10px; padding-right:10px; } .column-grid-big { margin-left:-20px; width: calc(100% + 40px); } .column-grid-big .column { padding-left:20px; padding-right:20px; } .column-grid-small { margin-left:-5px; width: calc(100% + 10px); } .column-grid-small .column { padding-left:5px; padding-right:5px; } .truncate, .truncate * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .truncate * { max-width: 100%; } .filereader-file-preview-name.truncate { width: 100px; } table.tiny-table tr > th, table.tiny-table tr > td { padding-top: 2px; padding-bottom: 2px; line-height: 11px; font-size:11px; } body.print-version h1 { line-height: 1.2; } .half, .third, .twothird, .fourth, .twofourth, .threefourth, .fifth, .twofifth, .threefifth, .fourfifth, .sixth, .fivesixth, .seventh, .twoseventh, .threeseventh, .fourseventh, .fiveseventh, .sixseventh, .eight, .threeeight, .fiveeight, .seveneight, .ninth, .twoninth, .fourninth, .fiveninth, .sevenninth, .eightninth, .tenth, .threetenth, .sevententh, .ninetenth, .eleventh, .twoeleventh, .threeeleventh, .foureleventh, .fiveeleventh, .sixeleventh, .seveneleventh, .eighteleventh, .nineeleventh, .eleveneleventh, .twelfth, .fivetwelfth, .seventwelfth, .twelvetwelfth { float:left; } .whole { width:100%; } .half { width:50%; } .third { width:33.33%; } .twothird { width:66.66%; } .fourth { width:25%; } .twofourth { width:50%; } .threefourth { width:75%; } .fifth { width:20%; } .twofifth { width:40%; } .threefifth { width:60%; } .fourfifth { width:80%; } .sixth { width:16.66%; } .fivesixth { width:83.33%; } .seventh { width:14.28%; } .twoseventh { width:28.57%; } .threeseventh { width:42.85%; } .fourseventh { width:57.14%; } .fiveseventh { width:71.42%; } .sixseventh { width:85.71%; } .eight { width:12.5%; } .threeeight { width:37.5%; } .fiveeight { width:62.5%; } .seveneight { width:87.5%; } .ninth { width:11.11%; } .twoninth { width:22.22%; } .fourninth { width:44.44%; } .fiveninth { width:55.55%; } .sevenninth { width:77.77%; } .eightninth { width:88.88%; } .tenth { width:10%; } .threetenth { width:30%; } .sevententh { width:70%; } .ninetenth { width:90%; } .eleventh { width:9.09%; } .twoeleventh { width:18.18%; } .threeeleventh { width:27.27%; } .foureleventh { width:36.36%; } .fiveeleventh { width:45.45%; } .sixeleventh { width:54.54%; } .seveneleventh { width:63.63%; } .eighteleventh { width:72.72%; } .nineeleventh { width:81.81%; } .eleveneleventh { width:90.9%; } .twelfth { width:8.33%; } .fivetwelfth { width:41.66%; } .seventwelfth { width:58.33%; } .twelvetwelfth { width:91.66%; } .spacer10 { min-height:10px; } .spacer15 { min-height:15px; } .spacer20 { min-height:20px; } .spacer25 { min-height:25px; } .spacer30 { min-height:30px; } .spacer35 { min-height:35px; } .spacer40 { min-height:40px; } .spacer45 { min-height:45px; } .spacer50 { min-height:50px; } .spacer55 { min-height:55px; } .spacer60 { min-height:60px; } .spacer65 { min-height:65px; } .spacer70 { min-height:70px; } .spacer75 { min-height:75px; } .spacer80 { min-height:80px; } .spacer85 { min-height:85px; } .spacer90 { min-height:90px; } .spacer95 { min-height:95px; } .spacer100 { min-height:100px; } .spacer105 { min-height:105px; } .spacer110 { min-height:110px; } .spacer115 { min-height:115px; } .spacer120 { min-height:120px; } .spacer125 { min-height:125px; } .spacer130 { min-height:130px; } .spacer135 { min-height:135px; } .spacer140 { min-height:140px; } .spacer145 { min-height:145px; } .spacer150 { min-height:150px; } .spacer155 { min-height:155px; } .spacer160 { min-height:160px; } .spacer165 { min-height:165px; } .spacer170 { min-height:170px; } .spacer175 { min-height:175px; } .spacer180 { min-height:180px; } .spacer185 { min-height:185px; } .spacer190 { min-height:190px; } .spacer195 { min-height:195px; } .half, .third, .twothird, .fourth, .twofourth, .threefourth, .fifth, .twofifth, .threefifth, .fourfifth, .sixth, .fivesixth, .seventh, .twoseventh, .threeseventh, .fourseventh, .fiveseventh, .sixseventh, .eight, .threeeight, .fiveeight, .seveneight, .ninth, .twoninth, .fourninth, .fiveninth, .sevenninth, .eightninth, .tenth, .threetenth, .sevententh, .ninetenth, .eleventh, .twoeleventh, .threeeleventh, .foureleventh, .fiveeleventh, .sixeleventh, .seveneleventh, .eighteleventh, .nineeleventh, .eleveneleventh, .twelfth, .fivetwelfth, .seventwelfth, .twelvetwelfth { float:left; } .whole { width:100%; } .half { width:50%; } .third { width:33.33%; } .twothird { width:66.66%; } .fourth { width:25%; } .twofourth { width:50%; } .threefourth { width:75%; } .fifth { width:20%; } .twofifth { width:40%; } .threefifth { width:60%; } .fourfifth { width:80%; } .sixth { width:16.66%; } .fivesixth { width:83.33%; } .seventh { width:14.28%; } .twoseventh { width:28.57%; } .threeseventh { width:42.85%; } .fourseventh { width:57.14%; } .fiveseventh { width:71.42%; } .sixseventh { width:85.71%; } .eight { width:12.5%; } .threeeight { width:37.5%; } .fiveeight { width:62.5%; } .seveneight { width:87.5%; } .ninth { width:11.11%; } .twoninth { width:22.22%; } .fourninth { width:44.44%; } .fiveninth { width:55.55%; } .sevenninth { width:77.77%; } .eightninth { width:88.88%; } .tenth { width:10%; } .threetenth { width:30%; } .sevententh { width:70%; } .ninetenth { width:90%; } .eleventh { width:9.09%; } .twoeleventh { width:18.18%; } .threeeleventh { width:27.27%; } .foureleventh { width:36.36%; } .fiveeleventh { width:45.45%; } .sixeleventh { width:54.54%; } .seveneleventh { width:63.63%; } .eighteleventh { width:72.72%; } .nineeleventh { width:81.81%; } .eleveneleventh { width:90.9%; } .twelfth { width:8.33%; } .fivetwelfth { width:41.66%; } .seventwelfth { width:58.33%; } .twelvetwelfth { width:91.66%; } .spacer10 { min-height:10px; } .spacer15 { min-height:15px; } .spacer20 { min-height:20px; } .spacer25 { min-height:25px; } .spacer30 { min-height:30px; } .spacer35 { min-height:35px; } .spacer40 { min-height:40px; } .spacer45 { min-height:45px; } .spacer50 { min-height:50px; } .spacer55 { min-height:55px; } .spacer60 { min-height:60px; } .spacer65 { min-height:65px; } .spacer70 { min-height:70px; } .spacer75 { min-height:75px; } .spacer80 { min-height:80px; } .spacer85 { min-height:85px; } .spacer90 { min-height:90px; } .spacer95 { min-height:95px; } .spacer100 { min-height:100px; } .spacer105 { min-height:105px; } .spacer110 { min-height:110px; } .spacer115 { min-height:115px; } .spacer120 { min-height:120px; } .spacer125 { min-height:125px; } .spacer130 { min-height:130px; } .spacer135 { min-height:135px; } .spacer140 { min-height:140px; } .spacer145 { min-height:145px; } .spacer150 { min-height:150px; } .spacer155 { min-height:155px; } .spacer160 { min-height:160px; } .spacer165 { min-height:165px; } .spacer170 { min-height:170px; } .spacer175 { min-height:175px; } .spacer180 { min-height:180px; } .spacer185 { min-height:185px; } .spacer190 { min-height:190px; } .spacer195 { min-height:195px; } /* desktop */ .no-desktop { display:none; }/* theme */ @media print{ @page { size: landscape; margin: 1mm 1mm 1mm 1mm; } } @media screen { body.document { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #eee; padding: 50px; } body.document .paper { background-color: #fff; border:1px solid #ccc; max-width: 1024px; margin: auto; padding: 30px; box-shadow:10px 10px 30px 0px #d6d6d6; } } body.document h1 { font-size:30px; font-weight: normal; line-height: 1; } body.document .paper-item-value { border-left: 2px solid #ccc; padding-left: 10px; position: relative; } body.document .paper-item-value-key { font-weight: bold; position: absolute; top: -5px; left: 0px; padding-left: 10px; padding-right: 10px; font-size:7px; } .paper-item-inline { font-size: 9px; margin-right: 10px; display: inline-block; } .paper-item { border-top:1px solid #ddd; padding-top: 20px; padding-bottom: 20px; } body.document img { border:1px solid #ccc; padding: 2px; margin-top: 10px; } @media print { html { zoom:75%; } html, body, .container, table, tbody, tr { max-width: 200%!important; width: auto; } .cms-nav-top, .cms-menu, .cms-tabmenu { display: none!important; } body .container { padding: 10px!important; padding-top:10px!important; } .fa-trash { display: none!important; } .tablemenu form, .xhr-sensor { display: none!important; } } .print-version .xhr-sensor { display: none; } .print-version .container { padding-top:0px!important; padding-left:0px!important; padding-right:0px!important; padding-bottom:0px!important; } .print-version .spinner { display: none!important; } .print-version .notifier { display: none!important; } .sql2table tr { page-break-inside: avoid; } :root { --color_green: #A8CD1D; --color_activegreen: #A8CD1D; } /*end :root*/.has-ajax-count-indicator { position:relative; } .has-ajax-count-indicator, .has-ajax-count-indicator > * { /*background-color:#C00!important;*/ } .count-indicator:empty { transform: scale(0,0); } .ajax-count-indicator { opacity:0; transform:scale(0,0); } .count-indicator { top: 2px; right: 2px; } .ajax-count-indicator, .count-indicator { position:absolute; white-space: nowrap; display: inline-block; font-size:9px; min-width:18px; max-width:200px; height:18px; line-height:18px; text-align:center; color:#000; border-radius:9px; background-color:#EBC810; z-index:9999; z-index: +1; transition:0.2s linear all; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1); /*font-weight:bold;*/ box-shadow: none; min-width:15px; height:16px; line-height:16px; box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2); } h2 .count-indicator, h3 .count-indicator { position: relative; top: auto; right: auto; transform: translate(1px,-7px); } label .count-indicator { right:-10px; } a.button > .count-indicator::after { } a.button > .count-indicator, a.button .text > .count-indicator { position: relative; transform: translate(9px,-9px); margin-left: -5px; } .count-indicator.green { background-color: #55B400; color: #fff; } td .count-indicator { padding-left: 4px; padding-right: 4px; position: relative; top: auto; right: auto; margin: auto; } .count-indicator-0 { background-color: #ccc; color:#999; } .content .cms-tabmenu .count-indicator { box-shadow: none; min-width:16px; height:16px; line-height:16px; box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2), 0px 0px 0px 1.5px #eee; } .ajax-count-indicator-show-animation { opacity:1; transform:scale(1,1); } .desktop-links .ajax-count-indicator { border:1px solid #eee; left:50%; margin-left:15px; margin-top:-5px; } .cms-user-settings .ajax-count-indicator { right:2px; margin-top:7px; } .cms-menu .ajax-count-indicator { border:1px solid #eee; top: 12px; left:40px; margin-top:2px; } li.cms-tab_item a.has-ajax-count-indicator { transition-delay:0.4s; transition:0.2s linear all; padding-left:10px; padding-right:20px; } .cms-tab_item .ajax-count-indicator { right:2px; top:2px; box-shadow:none; }@media only screen and (max-width: 1599px) { .no-width-nonbigscreen { min-width: 100%; width: 100%!important; float: none!important; min-height: 10px; } .column-grid.no-width-nonbigscreen, .column.no-width-nonbigscreen { margin-left: 0px; } .column.no-width-nonbigscreen { padding-left: 0px; padding-right: 0px; } } .bigscreen { display: none; } @media only screen and (min-width: 1599px) { .bigscreen { display: block; } }.module-breadcrums { height:40px; background-color:#f6f6f6; border-bottom:1px solid #eee; user-select: none; } .module-breadcrums { /* padding:0px 10px;*/ } .module-breadcrums, .module-breadcrums * { transition:0.2s ease all; } .module-breadcrums > * { float:left; padding:0px 10px; line-height:40px; margin-right:1px; } .module-breadcrums .fa { padding-left:0px; padding-right:5px; } .module-breadcrums-crum { padding:5px 10px; position: relative; } a.module-breadcrums-crum-title { display: block; } .module-breadcrums .module-breadcrums-crum * { line-height:15px; max-width:180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .module-breadcrums .module-breadcrums-crum .module-breadcrums-crum-table { font-size:10px; } .module-breadcrums .module-breadcrums-crum:hover * { max-width:280px; } .module-breadcrums .module-breadcrums-crum:hover { margin-right:10px; } .module-breadcrums a[href="#"], .module-breadcrums a .module-breadcrums-crum-table { color:#666; cursor:default; } .module-breadcrums > *:last-child, .module-breadcrums .module-breadcrums-crum:hover { background-color:#fff; } .module-breadcrums > *:last-child, .module-breadcrums a.module-breadcrums-crum:hover { height:41px; } .content .module-breadcrums { margin-left: -10px!important; margin-top: -10px!important; width: calc(100% + 20px); } .module-breadcrums-crum > *:not(.module-breadcrums-dropdown) { font-weight: bold; } .module-breadcrums-dropdown { position: absolute; left:-1px; top: calc(100% - 2px); min-width: calc(100% + 20px); background-color:#f6f6f6; border:1px solid #eee; z-index: +1; transform-origin: top left; transition: 0.1s ease filter, 0.1s ease transform!important; box-shadow: 0px 20px 30px -10px rgba(0,0,0,0.2); } .module-breadcrums .module-breadcrums-crum:not(:hover) .module-breadcrums-dropdown { top:-1000px; filter: opacity(0); transform: scale(0.8,0.8)!important; } .module-breadcrums .module-breadcrums-crum:hover .module-breadcrums-dropdown { background-color: #fff; } .module-breadcrums-dropdown li a:hover { background-color: #666; color:#fff!important; } .module-breadcrums-dropdown li a, .module-breadcrums-dropdown li[class] { transition: 0.05s ease all; display: block; margin: 0px!important; padding: 4px 10px!important; } .module-breadcrums-dropdown li.divider { font-size:10px; line-height: 10px; background-color:#999; background:linear-gradient(to bottom, #777 0%,#666 100%); color:#fff; font-weight:bold; } .module-breadcrums-dropdown li a > * { transition: 0.05s ease all; font-weight: normal; } .module-breadcrums-dropdown li a > div:not(:last-child) { display: block; } .module-breadcrums-dropdown li a div span { background:none!important; } .module-breadcrums-dropdown li a:hover div span { border-color:#eee; } .module-breadcrums-dropdown li:not(:first-child) a { border-top:1px solid #eee!important; } .module-breadcrums-dropdown .stat-holder { margin-top: 2px; background-color: rgba(230,230,230,0.2); padding: 1px; margin-left: -5px; width: calc(100% + 10px); min-height: 10px; } .card { max-width:560px; padding:20px; padding-top:20px; } .cms-overlay .card { max-width:820px; } .wide-card { max-width:720px; } .subtle-card { padding:5px; } .card, .thumb, .subtle-card { border:1px solid rgba(0,0,0,0.15); } .card, .thumb { box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); } .thumb { background-color: #eee; margin-bottom: auto; } .thumb:hover { border-color:#5fa958; } .card[onClick]:not(.selected) { cursor: pointer; } .card[onClick]:hover { border-color:#fff; box-shadow: 0px 0px 0px 2px var(--color_main); /*padding:19px; border:2px dashed #ccc; cursor: pointer;*/ } .card[onClick]:active { /*padding:19px;*/ background-color: #eee; border-color:var(--color_main); } .card-no-padding { padding-top:0px!important; } .card table { margin-top:0px; } .card .sql2table:nth-child(n+1) { margin-top:0px; } .card .sql2table tr td{ padding:5px 10px; } .column > .card { max-width:100%; } .body-print .card { margin:auto; max-width:720px; } fieldset.card { position: relative; padding-top: 40px!important; } .card legend { background-color: #5fa958; position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; display: block; padding:5px 10px; color: #fff; } .card .card { box-shadow: none!important; max-width: 100%!important; background-color: rgba(0,0,0,0.05); } .quicklook-tooltip .card { padding: 5px; } .quicklook-tooltip .card:not(:first-child) { margin-top: 6px; } .card ul { padding-left: 15px; } .paper { position: relative; min-height: 700px; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05), 0 2px 3px 0 rgba(40,44,53,0.012),0 3px 7px 0 rgba(40,44,53,0.05); padding: 30px; background-color: #fff; }.chartjs-legend-item { color:#fff; padding:1px 5px; display:inline-block; font-size:10px; line-height:12px; margin:0px; } .chartjs-legend { line-height:12px; text-align:center; margin-top:0px!important; margin-bottom:5px; }canvas.chart { /* max-height:240px; min-height:240px; width:100%; */ } .chart-legend { font-size:12px; line-height:14px; } .chart-color-block { display:inline-block; width:14px; height:14px; border:1px solid #ccc; } .chart-color-block-label{ display:inline-block; margin-right:5px; height:14px; }.cms-form-bottom-bar { position: fixed; bottom:0px; left: 60px; right:0px; background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.075), 0px 0px 0px 3px rgba(0,0,0,0.033); padding: 5px 15px; } .cms-form-bottom-bar-summary { float: right; line-height: 20px; padding:5px; } .cms-form-bottom-bar .group { float: right; } .cms-form-bottom-bar pre { min-height: 20px; } .cms-form-bottom-bar pre:empty { display: none!important; }.cms-menu * { } .cms-menu-item-submenu { position: relative; } .cms-menu-inner *:hover { z-index: 999999913213!important; } .cms-menu-item-submenu ul { display: none; box-shadow: 10px 7px 10px 0px rgba(0,0,0,0.1); position:absolute; left:60px; top: -37px; background-color: #fff; border: 1px solid #eee; border-left: 1px solid #ccc; transform-origin: top left; } li:hover .cms-menu-item-submenu ul { display: block; animation-name: cmis_show; animation-duration: 0.33s; } .cms-menu-item-submenu ul li { margin-top:0px!important; border-bottom: 1px solid #eee; } .cms-menu-item-submenu ul li a { opacity: 0; padding: 10px 10px; padding-left: 10px; display: block; line-height: 15px; white-space: nowrap; font-weight: 400; } li:hover .cms-menu-item-submenu ul li a { opacity: 1; padding-left: 20px; padding-right: 20px; animation-name: cmis_item_show; animation-duration: 1s; transition: 0.1 ease all; } li:hover .cms-menu-item-submenu ul li:nth-child(1) a { animation-duration: 0.3s; } li:hover .cms-menu-item-submenu ul li:nth-child(2) a { animation-duration: 0.3s; } li:hover .cms-menu-item-submenu ul li:nth-child(3) a { animation-duration: 0.4s; } li:hover .cms-menu-item-submenu ul li:nth-child(4) a { animation-duration: 0.5s; } li:hover .cms-menu-item-submenu ul li:nth-child(5) a { animation-duration: 0.6s; } li:hover .cms-menu-item-submenu ul li:nth-child(6) a { animation-duration: 0.7s; } li:hover .cms-menu-item-submenu ul li:nth-child(7) a { animation-duration: 0.8s; } .cms-menu-item-submenu ul li a:hover { background-color: #e6e6e6; } .cms-menu-item-submenu ul li a:active { background-color: #333; color: #fff; transition: none!important; } .cms-menu-item-submenu ul li:last-child { border-bottom: none; } .cms-menu-item-submenu .ajax-count-indicator { display: none!important; } .cms-menu-item-submenu ul, .cms-menu-item-submenu ul li { border-color:#ddd; } .cms-menu-item-submenu ul { border-color:#ccc; } @keyframes cmis_show { 0% { opacity: 0; transform: scale(0.9,0.9); } 100% { opacity: 1; transform: scale(1,1); } } @keyframes cmis_item_show { 0% { opacity: 0; padding-left: 10px; padding-right: 10px; } 100% { opacity: 1; padding-left: 20px; padding-right: 20px; } } .cms-menu-item-submenu-header a { padding-top:2.5px!important; padding-bottom:2.5px!important; background-color: #666!important; background:linear-gradient(to bottom, #777 0%,#666 100%); color: #fff; margin-top: -20px; font-weight: normal; font-size:10px; box-shadow: 0px 0px 0px 1px #555; } .cms-menu-inner li.has-image-icon > a .cms-menu-item-inner { display: grid; grid-template-columns: 1fr; } .cms-menu-inner li.has-image-icon > a .cms-menu-item-inner .cms-menu-item-image-icon { margin: 7px; display: block; background-size:contain; background-repeat: no-repeat; background-position: center; opacity: 0.28; filter: brightness(0%); transition: 0.1s ease all; } .cms-menu:hover li:not(.selected):not(:hover) > a .cms-menu-item-inner .cms-menu-item-image-icon { opacity: 0.85; } .cms-menu:hover li:hover > a .cms-menu-item-inner .cms-menu-item-image-icon { opacity: 1!important; filter: invert(100%)!important; } /* css @ cms_push_messages */ .cms-overlay-container[overlay-src*="cms_push_messages"] .cms-overlay-inner { background-color:#eee; } .cms-overlay-container[overlay-src*="cms_push_messages"] .cms-overlay-inner .cms-push-message-item { background-color:#fff; box-shadow: 0px 0px 0px 1px #ccc, 0px 4px 0px 0px rgba(0,0,0,0.05); } .cms-overlay-container[overlay-src*="cms_push_messages"] .cms-overlay-inner .cms-push-message-item:not(:first-child) { margin-top: 10px; } .has-push-messages:not(:hover) > a:not(:hover) { background-color: #D7BC23 !important; box-shadow:0px 1px 0px 0px #AA9519; } .has-push-messages > a .fa { text-shadow: 0px 0.5px 0px rgba(0,0,0,0.5); } .has-push-messages .ajax-count-indicator { background-color:#333; color:#fff; } li#cms-push-message-container .hover-menu { user-select:text; width: auto; min-width: 340px; max-width: 90vw; /*max-height: calc(50vh + 100px);*/ padding: 0px!important; background-color: #eee; } li#cms-push-message-container .hover-menu { } li#cms-push-message-container .hover-menu:hover { } .cms-push-message-item h5 { font-weight: normal!important; display: grid; grid-template-columns: 90px 1fr 20px; line-height: 20px; grid-gap: 5px; } .cms-push-message-item h5 > *:first-child { font-size:10px; } .cms-push-message-item h5 > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cms-push-message-item { background-color: #fff; padding: 5px; border-left:5px solid var(--color_main); } .hover-menu .cms-push-message-item:nth-child(n+4) { display: none!important; } .hover-menu .cms-push-message-item:not(:first-child) { border-top:1px solid #ccc; } .cms-push-message-item:not(:first-child) { margin-top:2px; } .hover-menu .cms-push-message-item:not(:last-child) { border-bottom:1px solid #ccc; } a.cms-push-message-close-button { width: 20px; width: 20px; display: block; line-height:20px!important; padding: 0px!important; text-align: center!important; margin-top: 0px; margin-right: 0px; margin-bottom: auto; margin-left: auto; } a.cms-push-message-close-button .fa { float: none!important; margin: 0px!important; font-size:12px!important; transform: scale(1,1); } a.cms-push-message-close-button:hover { background-color:#666; } .cms-push-message-message { display: block; padding-right: 5px; } .cms-push-message-message, .cms-push-message-message p { font-size:10px; line-height: 15px; font-family: 'verdana'; } .cms-push-message-message hr { border-color:#ddd; background-color: #ddd; } .cms-push-message-item .group { margin: 0px!important; padding-top:2px!important; } .cms-push-message-item strong { font-weight: bold!important; } .hover-menu-whole-button { margin-top: 2px; } .hover-menu-whole-button a { display: block; width: 100%; background-color: var(--color_main); color:#fff!important; text-align: center; padding: 5px; } .hover-menu-whole-button a:hover { background-color: #333; } .hover-menu-whole-button a:active { background-color: var(--color_action); }.cms-subtle-prompt-wrapper { position: fixed; left: 50vw; top: 50px; width: 500px; margin-left: -250px; transition: 0.2s ease all, 0s linear top 0.2s; transform-origin: top; z-index: 888; } .cms-subtle-prompt-wrapper-inner { position: relative; } body:not(.cms-subtle-prompt-open) .cms-subtle-prompt-wrapper { top:-10000px!important; transform: scale(0.95,0.95); filter: opacity(0); } body.cms-subtle-prompt-open .cms-subtle-prompt-wrapper { transition: 0.2s ease all, 0s linear top; transform: scale(1,1); } body.cms-subtle-prompt-open .cms-subtle-prompt-wrapper-inner { } .cms-subtle-prompt { min-height: 100px; transform-origin: top; background-color: #fff; border:1px solid #ccc; padding: 20px; box-shadow: 0px 2px 2px rgba(0,0,0,0.25), 0px 70px 70px 0vw rgba(0,0,0,0.32); position: absolute; top: 0px; left: 0px; right: 0px; transition: 0.2s ease all, 0.1s ease filter 0.1s; } .cms-subtle-prompt-remove { background-color:#eee; transform: scale(0.95,0.95); filter: opacity(0); top: -20px; } .cms-subtle-prompt p { margin-bottom: 10px; font-size:14px; } .cms-subtle-prompt .group:last-child > .button, .cms-subtle-prompt .group:last-child > .submit, .cms-subtle-prompt .group:last-child > button, .cms-subtle-prompt .group:last-child > button[type="submit"] { padding: 6px 15px; } .cms-subtle-prompt { z-index: 999999999; } .cms-subtle-prompt + .cms-subtle-prompt { transform: scale(0.95,0.95); z-index: 888; bottom:-20px; box-shadow: 0px 2px 2px rgba(0,0,0,0.25); } .cms-subtle-prompt + .cms-subtle-prompt + .cms-subtle-prompt { transform: scale(0.9,0.9); z-index: 777; bottom:-40px; } :root { --maincolor: #5FA958; } .content-float-bar .button-group > *, *[class*="grid"] .button-group > *, .sql2table-sticky-footer .button-group > * { margin-bottom: 0px!important; } .content-float-bar { background-color: #f9f9f9; margin-left: -10px; width: calc(100% + 20px); box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1), 0px 3px 0px 0px rgba(0,0,0,0.05); z-index: +1; min-height: 40px; display: block; padding: 0px 25px; } .card .content-float-bar { width: 100%; } .content-float-bar > * { margin-top: auto; margin-bottom: auto; } .content-float-bar *[style*="flex"] > * { margin-top: auto; margin-bottom: auto; } form.busy .content-float-bar { filter: grayscale(100%); } form.busy .content-float-bar > * { filter: opacity(25%); } form.busy .content-float-bar * { cursor: not-allowed; } .content-float-bar h4 { display: inline-block; padding-top: 4px; padding-bottom: 4px; line-height: 20px; } .content-float-bar { display: flex; justify-content: flex-start; /* display: grid; grid-template-columns: repeat( auto-fit, minmax(150px, auto) );*/ } .content-float-bar > * { margin-left: 10px; margin-right: auto; width: auto; } @media only screen and (max-width: 1440px) { .content-float-bar:not(.content-float-bar-many-filters) { display: block; padding-bottom: 5px; } .content-float-bar:not(.content-float-bar-many-filters) > * { float: left; margin-bottom: 5px; } } .content-float-bar > *:first-child { margin-left: 0px; } .content-float-bar:first-child, script:first-child + .content-float-bar { margin-top: -9px; } .content-float-bar { background:linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.05) 40px); } .content-float-bar + .content-float-bar { background:linear-gradient(rgba(255,255,255,1) 0%, rgba(0,0,0,0.025) 40px); border-top:1px solid #e6e6e6; } .content-float-bar div .dropdown-filter { margin-top: 2px; } .content-float-bar .dropdown-filter label { width: auto!important; } .content-float-bar .dropdown-filter-simple { position: relative; } .content-float-bar label + .group { padding-top: 0px; } .content-float-bar-full-button { float: left; border-left: 1px solid #ddd; height: 47px; min-width: 48px; padding: 10px; line-height: 27px; text-align: center; margin-top: 0px!important; margin-bottom: 0px!important; } .content-float-bar-full-button .fa { font-size: 16px; } .content-float-bar-full-button:not(.selected):not(:hover) { color:#666; } .content-float-bar-full-button:hover, .content-float-bar-full-button.selected { background: #fff; } .content-float-bar-full-button.selected { height: 47px; box-shadow: 0px 3.5px 0px #fff, inset 0px 1px 1px 1px rgba(0,0,0,0.05); } .content-float-bar-full-button:last-child { border-right: 1px solid #ddd; } @media only screen and (max-width: 1440px) { .content > .content-float-bar-many-filters:first-child { margin-top: -10px!important; } .content-float-bar-many-filters .dropdown-filter-simple label { position: absolute; padding-top: 0px; padding-bottom: 0px; bottom: calc(100% - 2px); } } .content-float-bar-many-items .dropdown-filter { grid-template-columns: 1fr; } .content-float-bar .dropdown-filter > * { float: left!important; } .floatbar-dropdown-wrapper { position: relative; } .floatbar-dropdown > div { } .floatbar-dropdown > div label { display: none; } .floatbar-dropdown { position: absolute; left:-1px; top: calc(100% - 2px); min-width: calc(100% + 20px); z-index: +1; transform-origin: top left; transition: 0.1s ease filter, 0.1s ease transform!important; box-shadow: 0px 20px 30px -10px rgba(0,0,0,0.2); } .floatbar-dropdown:hover { background-color:#ffcc0010; padding: 50px; padding-bottom: 200px; margin-left: -50px; margin-top: -50px; } .floatbar-dropdown > * { background-color:#f6f6f6; border:1px solid #eee; padding: 5px; } .floatbar-dropdown > * { background-color:#f6f6f6; border:1px solid #eee; padding: 5px; } .floatbar-dropdown > *:first-child { border-bottom:none!important; } .floatbar-dropdown > *:last-child { border-top:none!important; } .floatbar-dropdown-wrapper:not(:hover) .floatbar-dropdown { top:-1000px; filter: opacity(0); transform: scale(0.8,0.8)!important; } .module-breadcrums .module-breadcrums-crum:hover .module-breadcrums-dropdown { background-color: #fff; } .content-float-bar + .group:not(:first-child) { padding-top: 5px; }.demo-mode * { opacity:1; }.electron a.logo { margin-left: 65px; } .cms-nav-top { -webkit-app-region: drag; } .cms-nav-top a:not(.logo), .cms-nav-top input { -webkit-app-region: none; }.explainer { transition: 0.2s ease all; transform: scale(0,0); position: absolute; z-index: -1; line-height: 15px; background-color: rgba(50,50,50,0.8); color: #fff; padding: 15px; } .cms-menu .explainer { transform-origin: center left; left:60px; margin-top: -175px; padding-top: 150px; padding-bottom: 150px; padding-right: 50px; min-width: 240px; border-top-right-radius: 300px; border-bottom-right-radius: 300px; } .cms-nav-top .explainer { top:100%; min-width: calc(50vh + 300px)!important; min-height:calc(50vh + 200px); height: 300px; padding-top: 10vh; padding-left: 150px; padding-right: 150px; padding-bottom: 150px; } .explainer-top-left { margin-left: -150px; padding-left: 175px; transform-origin: top left; margin-top: 12px; border-bottom-right-radius: 800px; } .explainer-top-right { margin-right: -150px; padding-right: 255px; padding-left: 70px; padding-top: 5vh; min-width: calc(55vh + 250px)!important; min-height:calc(45vh + 150px); transform-origin: top right; margin-top: 0px; border-bottom-left-radius: 800px; } .explainer-shown { transform: scale(1,1); } .explainer .fa-info-circle { display: inline-block; margin-left: -20px!important; min-width: 15px; padding-right: 1px; text-align: right; transform-origin: top right; transform: scale(3,3)!important; } .explainer-highlight { z-index:+9; color:#333!important; background-color:rgba(255,255,255,0.8)!important; box-shadow: 0px 0px 0px 2px rgb(209, 180, 32), 0px 0px 10px 0px rgb(209, 180, 32)!important; } .cms-menu .explainer-highlight { background-color:rgba(255,255,255,1)!important; transform: scale(1.1,1.1); }.filtermenu { border:1px solid #ddd; background-color:#eee; } .filtermenu-summary-button { color:#333; font-weight: normal; } .filtermenu { display: grid; grid-template-columns: minmax(auto, 200px) auto; } .filtermenu, .filtermenu .word, .filtermenu a, .filter-group div { /*float:left; width: auto;*/ } .filtermenu-buttons { /* display: -webkit-flex; -webkit-flex-direction: column; width: 500px; height: auto; min-height: 200px;*/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: stretch; align-content: start; background-color: #ccc; margin-bottom: -1px; } .filtermenu-buttons > * { white-space: nowrap; overflow: hidden; flex: 1 0 auto; margin: 0px; margin-bottom: 1px; margin-left: 1px; text-align: center; user-select: none; } .filtermenu .word, .filtermenu a{ display:inline-block; padding:5px 10px; } .filtermenu a { background-color:#fff; /*border-radius:4px;*/ } .filtermenu a:hover { } .filtermenu a:hover { background-color:#e6e6e6; } .filtermenu a:active, .filtermenu a.selected { color:#fff; background-color:#268a40; } .filtermenu a.selected { cursor:default; } .filtermenu a .fa-times { cursor: pointer; margin-left: 5px; display: inline-block; text-align: center; min-width: 12px; border-radius: 10px; transition: 0.1s ease all; box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.001), 0px 0px 0px 0.01px rgba(0,0,0,0.01); } .filtermenu a:hover .fa-times { box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.33), 0px 0px 0px 4px rgba(0,0,0,0.33); } .filtermenu a:hover .fa-times:hover { color:#fff; box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.66), 0px 0px 0px 4px rgba(0,0,0,0.66); } .filtermenu a:active .fa-times { color:#fff; box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,1), 0px 0px 0px 6px rgba(0,0,0,1); } .filter-group { background-color:#f6f6f6; float: left; border:1px solid #e6e6e6; padding: 2px; } .filter-group div.filtermenu-container { margin-top: 0px; padding-top: 0px; padding-right: 5px; margin-right: 5px; border-right:1px solid #e6e6e6; } .filter-group div.filtermenu-container:last-child { margin-right: 0px; padding-right: 0px; border-right: none; }/*.flex-container { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row; justify-content: space-around; width:300px; background-color:#fc0; max-width:100%; } .flex-item { text-align: center; flex:1 0 auto; height:auto; } .flex-item:before { content:''; float:left; padding-top:100%; }*/ .flex-container { min-height: 400px; display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: auto; align-content: space-between; } .flex-container:after { display: block; content: " invisible node "; flex: 999 999 auto; } .flex-item { height:auto; flex: 1 2 auto; margin: 5px; } .fa-alt-text { display: none!important; } table td > .fa:not(.red):not(.green):not(.fa-plus-circle):not(.fa-trash):not(.fa-pencil):not(.fa-times):not(.fa-check) { color:#333; } .card-list li .fa { float: right; } table td span.fa:not(.red):not(.green):not(.fa-plus-circle), .card-list li span.fa:not(.red):not(.green) { /*transition:opacity 1s ease, font 0.3s ease; opacity:0.5;*/ } button .fa, .button .fa { opacity:1!important; } button .fa:first-child, .button .fa:first-child { } table th i.fa, table td i.fa, .card-list li i.fa { font-size:16px; } table td .sql2table-cell-reversed-ext_id-item i.fa { font-size:10px; display: inline-block; } table td .sql2table-cell-reversed-ext_id-item i.fa + span { display: inline-block; margin-left: 2px; } table td *:not(.flex-grid):not(:span) > span.fa, .card-list li *:not(.flex-grid) > span.fa, table td a i.fa { transform: scale(1.2,1.2); padding-left: 5px; padding-right: 5px; } .sql2table-cell-reversed-ext_id-item > span{ padding-left: 0px; padding-right: 0px; display: inline-block; width: auto!important; } button .fa, .button .fa { transform: scale(1,1)!important; } .button .fa:first-child:last-child { min-width: 18px; display: inline-block; padding-left: 0px!important; padding-right: 0px!important; margin-left: -2px; margin-right: -2px; } button .fa:first-child, .button .fa:first-child, { padding-left: 0px!important; padding-right: 5px; } button .fa:last-child, .button .fa:last-child { padding-right: 0px!important; margin-right: 0px; text-align: center; min-width: 20px; } table tr:hover a > .fa:not(.red):not(.green), .card-list li:hover .fa:not(.red):not(.green):first-child { transition:opacity 0.3s ease, font 0.3s ease; opacity:1; } table td .fa-pencil:not(.red):not(.green), .fa.yellow { color:#d1b420; } table td .fa-trash:not(.red):not(.green), .card-list li .fa-trash:not(.red):not(.green), a:not(.button-red) .fa-trash:not(.red):not(.green):not(.neutral):not(div) { color:#C00!important; } table td .button-red:not(:hover) .fa-trash:not(.red) { color:#fff!important; } table td .fa-gray:not(.red):not(.green) { color:#ccc; } table td i.fa-times:not(.red):not(.green) { color:#ccc; } table td i.fa.red { color:#C00!important; } i.fa-check-green:not(.red):not(.green), .fa-boolean-1:not(.red):not(.green), i.fa.green { color:#A8CD1D!important; } .fa-boolean-0:not(.red):not(.green) { color:#C00; } table tr td i.fa-check-green:not(.red):not(.green) { opacity:1; } .fa-15x { font-size:100%; transform:scale(1.5,1.5); margin:1.5pt; } .fa-2x { font-size:100%; transform:scale(2,2); margin:2pt; } /*table .fa-area-chart { color:#6C9; } table .fa-cubes { color:#39F; } table .fa-archive { color:#963; } table .fa-copy { color:#3CF; }*/ table a .fa:hover { color:#000; } .row-highlight .fa { color:#000!important; opacity:0.75; } .row-highlight:hover .fa { opacity:1; } table tr td:first-child:last-child > a:first-child { /*background-color: rgba(38,138,64,1)!important;*/ } table tr td:first-child:last-child > a:first-child:hover { /*background-color: rgba(25,92,42,1)!important; */ } table tr td:first-child:last-child > a:first-child > span { /*color:#fff!important;*/ } p .fas { transform: scale(1.5,1.5); display: inline-block; } p .fas:not(:first-child) { margin-left: 5px; } p .fas:not(:last-child) { margin-right: 5px; }/*@font-face { font-family: 'MavenProBold'; src: url('/_assets/fonts/maven_pro_bold-webfont.eot'); src: url('/_assets/fonts/maven_pro_bold-webfont.eot?#iefix') format('eot'), url('/_assets/fonts/maven_pro_bold-webfont.woff') format('woff'), url('/_assets/fonts/maven_pro_bold-webfont.ttf') format('truetype'), url('/_assets/fonts/maven_pro_bold-webfont.svg#webfontNOU7iUTL') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MavenProMedium'; src: url('/_assets/fonts/maven_pro_medium-webfont.eot'); src: url('/_assets/fonts/maven_pro_medium-webfont.eot?#iefix') format('eot'), url('/_assets/fonts/maven_pro_medium-webfont.woff') format('woff'), url('/_assets/fonts/maven_pro_medium-webfont.ttf') format('truetype'), url('/_assets/fonts/maven_pro_medium-webfont.svg#webfontNj5iy4Dl') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MavenProRegular'; src: url('/_assets/fonts/maven_pro_regular-webfont.eot'); src: url('/_assets/fonts/maven_pro_regular-webfont.eot?#iefix') format('eot'), url('/_assets/fonts/maven_pro_regular-webfont.woff') format('woff'), url('/_assets/fonts/maven_pro_regular-webfont.ttf') format('truetype'), url('/_assets/fonts/maven_pro_regular-webfont.svg#webfontOM8fITNz') format('svg'); font-weight: normal; font-style: normal; }*/ /*@font-face { font-family: 'pt_sansregular'; src: url('/_assets/fonts/PTS55F-webfont.eot'); src: url('/_assets/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/PTS55F-webfont.woff') format('woff'), url('/_assets/fonts/PTS55F-webfont.ttf') format('truetype'), url('/_assets/fonts/PTS55F-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'existencelight'; src: url('/_assets/fonts/Existence-Light-webfont.eot'); src: url('/_assets/fonts/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/Existence-Light-webfont.woff') format('woff'), url('/_assets/fonts/Existence-Light-webfont.ttf') format('truetype'), url('/_assets/fonts/Existence-Light-webfont.svg#existencelight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lane_-_narrowregular'; src: url('/_assets/fonts/LANENAR_-webfont.eot'); src: url('/_assets/fonts/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/LANENAR_-webfont.woff') format('woff'), url('/_assets/fonts/LANENAR_-webfont.ttf') format('truetype'), url('/_assets/fonts/LANENAR_-webfont.svg#lane_-_narrowregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ambleregular'; src: url('/_assets/fonts/Amble-Regular-webfont.eot'); src: url('/_assets/fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/_assets/fonts/Amble-Regular-webfont.woff') format('woff'), url('/_assets/fonts/Amble-Regular-webfont.ttf') format('truetype'), url('/_assets/fonts/Amble-Regular-webfont.svg#ambleregular') format('svg'); font-weight: normal; font-style: normal; }*/ h1, h2, h3, h4, h5, h6, blockquote, p, label { text-wrap: balance; } body,html,input,select,textarea,button, .rx-content, .rx-content p, p, th, td, a.button, button, .button-dropdown li > a { font-family: 'Noto Sans', sans-serif; font-family: 'Poppins','Rubik','Noto Sans','Maven Pro', sans-serif; font-weight: 400; font-size:12px; } body.isdev, .isdev input, .isdev select, .isdev textarea, .isdev button, .isdev .rx-content, .isdev .rx-content p, .isdev p, .isdev th, .isdev td, .isdev a.button, .isdev button { /*font-family: 'Figtree','Poppins','Rubik','Noto Sans','Maven Pro', sans-serif;*/ } body,html,input,select,textarea,button, .rx-content, .rx-content p, p { line-height:20px; color:#555; } .rx-content p, .rx-content li, .rx-content td, .rx-content th { font-size:12px!important; } strong { font-weight:bold; font-weight:500; } .small { font-size:9px; font-family: 'verdana'; } h1,h2,h3,h4,h5,h6 { /* line-height:200%;*/ background-repeat:no-repeat; padding:0px; margin:0px; font-family: 'Hind Madurai', sans-serif; font-family: 'Poppins','Rubik','Noto Sans','Maven Pro', sans-serif; font-weight:600; } h1, h2.big-header { font-weight: 200; } h1 + h2 { font-weight: 300; margin-top: 10px; } .push-message, .push-message *:not(a), h1,h2,h3,h4,h5,h6, input, textarea, .select { color:#111; } .medium-editor, textarea { font-size:13.5px; line-height: 22px; } .medium-editor *:not(.fa), textarea { /*font-family: 'Spectral', serif; */ } .medium-editor p:not(.fa), .medium-editor li:not(.fa), textarea { font-family: 'verdana', 'Spectral', serif; font-size:11px; line-height: 15px!important; color:#666; } .medium-editor, textarea { color:#111; } h1 { font-size:30px; } .content h1 + h2 { opacity:0.5; } h2 { font-size:20px; } h3 { font-size:120%; } .content ol { margin-left:15px; } .content p + h3, .content ol + h3, .content ul + h3 { margin-top:20px; } .content h2 + h3 { margin-top:3px; opacity:0.5; } h4 { font-size:110%; } h5 { font-size:100%; } a { /*text-decoration:none;*/ } small, .table-imitator .key { font-size:83.33%; } @media only screen and (max-width: 1440px) { .content-float-bar-many-filters .dropdown-filter-simple label { font-size:83.33%; } } p small, tr.static-boolean-concept td[data-colkey="title"]::after, .sql2form-concept-label, td.small, .sql2form-line small, .input-group-boolean + label, select + label, .sql2table-cell-reversed-ext_id-item:not(.normal-font), th small, label .description, label.description, tr.small * { font-family: 'verdana', 'Spectral', serif; font-size:9px; line-height: 15px; } tr.small strong { font-weight: bold!important; } p small, tr.static-boolean-concept td[data-colkey="title"]::after, .sql2form-concept-label, td.small, .sql2form-line small, .input-group-boolean + label, select + label, .sql2table-cell-reversed-ext_id-item, th small { line-height: 15px!important; } .sql2table-cell-reversed-ext_id-item[onDrag] { user-select: none; cursor: move; } .sql2table-cell-reversed-ext_id-item.is-dragging { transform: rotate(-10deg) scale(1.2,1.2); } .sql2table-cell-reversed-ext_id-item { line-height: 11px!important; padding-top: 2px; padding-bottom: 2px; } .sql2table-cell-reversed-ext_id-item > * { vertical-align: middle; line-height: 11px!important; } .sql2table-cell-reversed-ext_id-item strong { font-weight: bold!important; } .sql2table-cell-reversed-ext_id-item .sql2table-cell-reversed-ext_id-item { margin-top: -2px; margin-bottom: -2px; } select + label { padding-top: 0px!important; } big { font-size:120%; color:#000; } .positive:not(section):not(.important) { color:#55B400; } .negative:not(section):not(.important) { color:#D00; } .negative:not(section):not(.important) strong { color:#000!important; } h1 em, h2 em, h3 em, h4 em, h5 em { font-weight:bold!important; color:#978315; margin:0px 4px; display:inline-block; font-style:normal; } .agreement p, .agreement ul, .agreement, .agreement ol { font-size:10px; line-height:15px; } .not-strong { font-weight: normal!important; } a strong + span, a strong + small, .decolorize, td a br + small { font-weight: normal!important; } .decolorize, .decolorize *, .decolorize, td a br + small { color:#333; } td a br + small { margin-top: 0px; line-height: 10px; } h2 .fa { display: inline-block; min-width: 25px; text-align: center; } h3 .fa { min-width: 16px; text-align: center; } p a:not(.button):hover { text-decoration: underline; } strong.red, small.red { color:#C00; } strong.green, small.green { color:#A8CD1D; } span.light, p.light, small.light, p.description { color:rgba(100,100,100,0.7); } .monospace, .monospace *:not(.fa) { font-family: 'Roboto Mono', monospace; } .nowrap { white-space: nowrap; } blockquote::before { display: inline-block; content: ',,'; } blockquote::after { display: inline-block; content: "''"; } blockquote { color:#666!important; } td small .fa { display: inline-block; font-size:10px; float: left; margin: 0px!important; line-height: 20px; }.int { text-align:right; font-family:"Courier New", Courier, monospace; }a.button { user-select: none; } .chrome_websiteIP { display: none!important; opacity: 0; filter: opacity(0); transform: translateY(1000px); } ::selection { background: rgba(95, 169, 88,0.66); /* WebKit/Blink Browsers */ /* box-shadow:0px 0px 0px 5px #fff;*/ } [contenteditable]::selection { background-color: var(--color_action); } .input-keywords-overlay { /*position: absolute; padding: 3px; padding-right: 2px; margin-left: 0px; margin-top: 0px;*/ padding: 3px; padding-right: 2px; padding-bottom: 0px; background-color:#ccc; color:#666; opacity: 0; z-index: +1; } .input-has-keywords { position: absolute; top: 0px; left: 0px; height: 1px; width: 1px; opacity: 0; } .input-has-keywords + .input-keywords-overlay { opacity: 1; } .input-keywords-overlay:empty { display: none; } .input-keyword { float: left; background-color:#f6f6f6; display: inline-block; margin-right: 2px; padding-left:2px; padding-right: 2px; margin-left: 0px!important; margin-top: 0px!important; margin-bottom: 2px; min-width: 10px; min-height: 20px; border-radius: 2px; } .input-keyword:focus { background-color:#fff; } .input-keyword:empty { } form.busy .group * { filter: grayscale(100%) brightness(80%) opacity(80%); overflow: hidden; transition: 0.1s ease all; } .sql2form { /*max-width:800px;*/ } /*@media only screen and (min-width: 1200px) { .sql2form { max-width:calc(800px + 10vw); } }*/ @media only screen and (min-width: 1127px) { .sql2form-has-multiple-groups .sql2form-inner { display: flex; flex-flow: column wrap; } .sql2form-has-groups { padding: 0px!important; } .sql2form-has-groups .sql2form-inner, .textured-bg { max-width: calc(100% + 20px)!important; box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.05), inset 0px 0px 0px 6px rgba(0,0,0,0.025), inset 0px 5px 5px 0px rgba(0,0,0,0.07); position: relative; padding-bottom: 50px; } .sql2form-has-groups .sql2form-inner { padding: 10px; } .sql2form-has-much-groups .sql2form-inner { min-height: calc(100vh - 260px); } .content .sql2form-has-multiple-groups, body:not(.print-version) .content-inset { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .content .sql2form-has-multiple-groups, body:not(.print-version) form .content-inset { padding-left: 20px; } body:not(.print-version) .sql2form-has-multiple-groups .sql2form-inner , body:not(.print-version) .textured-bg { background-color: #f6f6f6; background-image: url('/_images/images/leather-texture-foot.png'); background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat; background-position: top center; background-image: url('/_images/images/patterns/mocha-grunge.png')!important; background-image: url('/_images/images/patterns/grey-wash.png')!important; background-image: url('/_images/images/patterns/squared-metal.png')!important; background-image: url('/_images/images/patterns/irongrip50.png')!important; background-size: auto auto; background-repeat: repeat; } body:not(.print-version) .textured-bg { padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; } body:not(.print-version) .texture-light { background-image: url('/_images/images/patterns/irongrip50.png')!important; background-size: auto auto; background-repeat: repeat; } .textured-bg .card { background-color: #fff; } .sql2form-has-multiple-groups .sql2form-fieldset-buttons.is-sticky { flex-basis: 100%; /* added */ margin: 0px; } .sql2form-has-multiple-groups .sql2form-fieldset:not(.is-sticky) { box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); min-width: 500px; width: calc(50% - 20px); float: left; margin-right:20px; width: calc(33.33% - 20px); width: calc(50% - 20px); margin-top: 0px!important; margin-bottom: 20px; padding: 0px 15px; padding-bottom: 10px!important; border:1px solid #eee; background-color: #f3f3f3; transition: 3s ease background; } .sql2form-has-multiple-groups .sql2form-fieldset:hover { /*background-color: #fff; transition: 1s ease all;*/ } .sql2form-has-multiple-groups legend { border:1px solid #eee; background-color: #f3f3f3; padding: 0px 10px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; } } @media only screen and (min-width: 1000px) and (max-width: 1400px) { /*.sql2form-has-multiple-groups .sql2form-line > .group { display: grid; grid-template: auto / 150px 1fr auto / auto; } .sql2form-has-multiple-groups .sql2form-line > .group > * { width: auto!important; margin: 0px!important; }*/ } .sql2form-fieldset { } .sql2form-fieldset-buttons { padding-top: 10px!important; } .sql2form-has-groups .sql2form-fieldset-buttons:not(.is-sticky), .sql2table-sticky-footer, .container > .content > form.sql2form-has-many-cols .sql2form-fieldset-buttons:not(.is-sticky) { background-color:#fff; position: absolute; left: 60px; bottom: 0px; right: 0px; width: calc(100% - 60px); max-width: calc(100% - 60px); margin-bottom: 0px!important; padding: 10px!important; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.075); z-index: +3; } .sql2table-sticky-footer { z-index: 5!important; } form.form-small { max-width: 480px!important; } form.form-tiny { max-width: 360px!important; } .sql2table-sticky-footer .content-inset { margin-top: -10px!important; margin-bottom: -10px!important; } @media only screen and (min-width: 800px) { .sql2form-has-groups .sql2form-fieldset-buttons:not(.is-sticky), .sql2table-sticky-footer, .container > .content > form.sql2form-has-many-cols .sql2form-fieldset-buttons:not(.is-sticky) { width: calc(100% - 60px)!important; max-width: calc(100% - 60px)!important; } } .container > .content > form .sql2form-fieldset-buttons { } .sql2form-has-much-groups .sql2form-fieldset-buttons:not(.is-sticky), .sql2table-sticky-footer, .page-add-submit-button-group, .container > .content > form.sql2form-has-many-cols .sql2form-fieldset-buttons:not(.is-sticky) { position: fixed; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05),0px 0px 0px 3px rgba(0,0,0,0.025); background-color: #fff; background: linear-gradient(#FFF 0%,#f9f9f9 40px)!important; z-index: +1; } .sql2table-sticky-footer { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05),0px 0px 0px 3px rgba(0,0,0,0.025), 0px -25px 50px -15px rgba(100,100,100,0.5); } .sql2table-sticky-footer { max-height: calc(100vh - 200px); /* overflow: auto;*/ } .page-add-submit-button-group { bottom: 0px; left: 0px; right: 0px; padding: 10px; } input:not(input[type="range"]):not([type="radio"]),select, .option-selected, .select ul, textarea, .redactor-editor, button, .button, .submit, input:focus, select:focus, .select ul:focus, textarea:focus, .redactor-editor:focus, button:active, .button:active, .submit:active { /*border-radius:3px; outline-radius:6px; -moz-outline-radius:6px;*/ line-height:26px; transition:color 0.15s linear, outline-color 0.15s linear, box-shadow 0.15s ease; } input:focus, select, .option-selected, .select ul, textarea:focus { transition:color 0.15s linear, outline-color 0.15s linear, box-shadow 0.05s linear; } textarea, textarea:focus, label, .medium-editor-field { padding-top: 4.5px; padding-bottom: 4.5px; line-height: 17.33px; } form .sql2form-linkage-table label { padding-top: 0px; padding-bottom: 2px; line-height: 15px; cursor: pointer!important; } form .sql2form-linkage-table table tr > td { border: none!important; } form .sql2form-linkage-table table tr:nth-child(even) > td { background-color: rgba(255,255,255,0.5); } table input:not(input[type="range"]),table textarea { width: 100%; font-size:11px; } input.before-button { border-top-right-radius:0px; border-bottom-right-radius:0px; outline-top-right-radius:0px; outline-bottom-right-radius:0px; } input.before-button + button, input.before-button + .button, input.before-button + .submit { border-top-left-radius:0px; border-bottom-left-radius:0px; outline-border-top-left-radius:0px; outline-border-bottom-left-radius:0px; } label + input ~ label, label + textarea ~ label, label + select ~ label, label + .select ~ label, .input-group + label, label small { margin-top:6px; line-height:20px; color:#666; font-weight:normal; padding-bottom:8px; } label .description, label.description { color:#666; font-weight:normal; } .input-group-boolean + label { margin-top: -5px; } input:not(input[type="range"]):not([type="radio"]), select, .option-selected, .select ul, textarea, .redactor-editor, canvas#signature, .medium-editor-field, .alt-select-options-group:not(.alt-select-options-group-open) ul li[onClick*="tog"].selected, .rx-container .rx-editor { background-color:#f9f9f9; /* box-shadow: 0 0 0 2px rgba(95,168,88,1), inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15);*/ box-shadow: 0 0 0 2px rgba(95,168,88,0), inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), 0px 0px 0px 1px #d6d6d6; border-radius: 3px; } input:not(input[type="range"]):not([type="radio"]):hover, select:hover, textarea:hover, .redactor-editor:hover, canvas#signature:hover, .rx-container .rx-editor:hover { box-shadow: 0 0 0 2px rgba(95,168,88,0), inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), 0px 0px 0px 1px #d6d6d6, 0px 0px 6px 2px rgba(0,0,0,0.1) ; } .select-options-1 .option-selected { background: none!important; box-shadow: none; cursor:auto; } input[disabled], select[disabled], .disabled { cursor: not-allowed; } input[disabled]:not(input[type=checkbox]), select[disabled], input.disabled { background-color:#CCC!important; color:#999!important; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.07), inset 0px 1px 2px rgba(0,0,0,0.07); } input:not(input[type="range"]),select, .option-selected, .select ul .option, textarea, .redactor-editor { padding-left:6px; padding-right:6px; } .select li.option:not(:hover) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select .option-selected { padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } input:focus, select:focus, .select:hover .option-selected, .select.focus .option-selected, textarea:focus, .redactor-editor-editor:focus, .medium-editor-field:focus { box-shadow: 0 0 0 2px rgba(95,168,88,1), inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15); color:#000; } .select.focus ul { box-shadow: 0px 2px 0 2px rgba(200,200,200,1), inset 0px 1px 3px rgba(0,0,0,0.15); } .select.focus ul { box-shadow: 0px 0px 0 2px rgba(200,200,200,1), inset 0px 1px 3px rgba(0,0,0,0.15), 0px 10px 25px rgba(0,0,0,0.35) ; } .select { transition: 0.1s ease all; } .select.focus { box-shadow: 0px 0px 25px rgba(0,0,0,0.35); } input.had-focus:invalid { box-shadow:0 0 0 2px #C00, inset 0px 1px 2px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #CC000033; } input:invalid:focus { box-shadow:0 0 0 2px #D6B420, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px rgba(215,180,30,0.25); box-shadow:0 0 0 2px #D1B420, inset 0px 1px 2px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #D1B42033; box-shadow:0 0 0 1px #D6B420, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px rgba(215,180,30,0.25); } .error { color:#C00!important; } p.important.error { background-color:#C00; color:#fff!important; } .valid { /*color:#55B400!important;*/ } input.valid, input.green { box-shadow:0 0 0 1px #ccc, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #55B40020; } input.valid:focus, input.green:focus { box-shadow:0 0 0 2px #A8CD1D, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #55B40020!important; } input.error { box-shadow:0 0 0 1px #ccc, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #CC000020; } .error:focus { color:#C00!important; box-shadow:0 0 0 2px #C00, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #CC000020; } input.valid:focus { box-shadow:0 0 0 2px #55B400, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15), inset 0px 0px 0px 50px #55B40020; } label.error { font-weight: bold; } button, .button, .submit, button[type=submit] { text-align:center; padding:0px 5px; margin-left:5px; font-weight:normal; } button:not(.button-green):not(.button-red):not(.button-yellow):not(.rx-form-button), .button:not(.button-green):not(.button-red):not(.button-yellow):not(.arx-form-button):not(.rx-form-button):not(.submit):not(.button-pencil):not(.selected) { background-color:#fff; box-shadow: 0 0 0 1px rgba(38,138,64,1); box-shadow: 0 0 0 1px var(--color_main); } .button-pencil { box-shadow: 0px 0px 0px 1px #d1b420; background-color: #fff; } button, .button, button:hover, .button:hover { color:rgba(38,138,64,1); color:var(--color_main_darker); } .button-container, .button-dropdown-wrapper { display:inline-block; position:relative; } .button-container .button-dropdown, .button .button-dropdown, .button + .button-dropdown { display: none; position:absolute; min-width:100%; top:100%; background-color:#fff; z-index: 31291231321; border:1px solid #ccc; } .button .button-dropdown { left: 0px; border:1px solid #ccc; } .button:hover .button-dropdown, .button:hover + .button-dropdown, .button-dropdown:hover { display: block; } ul.button-dropdown, .button-dropdown li { margin:0px!important; background-color: #fff; } .button-dropdown li:not(:has(a)):not(:has(label)) { } .button-dropdown li { list-style: none; border-top:1px solid #ccc; } .button-dropdown li:not(:has(> a)):not(:has(> label)), .button-dropdown li > a, .button-dropdown li > label { text-align:left; display:block; padding-left:14px; padding-right:14px; white-space: nowrap; float:none; } .button-dropdown li > a { display: block; } .button .button-dropdown li:not(:first-child) { } .button .button-dropdown a { background-color: #fff; line-height: 15px; padding-top:4px; padding-bottom: 4px; } .button .button-dropdown a:hover { background-color: #eee; } .button .button-dropdown a.selected { background-color: var(--color_main); color:#fff; } .button-container:hover .button-dropdown { z-index:9999; display:block; } .button .fa:last-child { min-width: 22px; display: inline-block; text-align: center; } .submit:not(.button-green):not(.button-red), button[type=submit]:not(.button-green):not(.button-red) { box-shadow: 0 0 0 1px #D1B420; } .button-green { box-shadow: 0 0 0 1px #A8CD1D; background-color: #A8CD1D; color:#fff; } .button-yellow { box-shadow: 0 0 0 2px #EAC80F; background-color: #d1b42010; color:#EAC80F; } .button-yellow.selected:not(:hover) { box-shadow: 0 0 0 1px #EAC80F!important; color:#fff!important; } .button-yellow.selected { background-color: #EAC80F!important; } .button-yellow.selected:hover { color:var(--color_main)!important; } a.red:not(a[class*="button"]) { color:#C00; } .button-red { box-shadow: 0 0 0 1px #C00; background-color: #C00; color:#fff; } .button-subtle-red, .button:not([class*="button-"]):has(.fa-trash) { box-shadow: 0 0 0 1px #C00!important; color:#C00!important; } .button-subtle-orange { box-shadow: 0 0 0 1px #CF7813, inset 0 0 0 1px #CF7813!important; background-color: #FFF!important; color:#CF7813!important; } .button-subtle-red { box-shadow: 0 0 0 1px #C00, inset 0 0 0 1px #C00!important; background-color: #FFF!important; color:#C00!important; } .button-subtle-green { box-shadow: 0 0 0 1px #A8CD1D, inset 0 0 0 1px #A8CD1D!important; background-color: #FFF!important; color:#A8CD1D!important; } .button-subtle-yellow { box-shadow: 0 0 0 1px #D1B421, inset 0 0 0 1px #D1B421!important; background-color: #FFF!important; color:#D1B421!important; } .submit:not(.button-green):not(.button-red), button[type=submit]:not(.button-green):not(.button-red):not(.arx-form-button):not(.rx-form-button) { background-color:#D1B420!important; color:#fff; } button:first-child, .button:first-child, .submit:first-child { margin-left:0px; } label + button, label + .button, label + .submit { margin-left:0px; margin-right:0px; } button:hover:not(.button-green):not(.button-red), .button:hover:not(.button-green):not(.button-red) { box-shadow: 0 0 0 2px var(--color_main),0px 0px 5px var(--color_main)!important; } .button-green:hover { transition: 0.05s ease all; box-shadow: 0 0 0 2px #A8CD1D,0px 0px 5px #A8CD1D25; background-color: #A8CD1D25; color:#A8CD1D; } .button-red:hover { transition: 0.05s ease all; box-shadow: 0 0 0 2px #C00,0px 0px 5px #CC000025; background-color: #CC000025; color:#CC0000; } .button-green:active { transition: 0.05s ease all; box-shadow: 0 0 0 2px #A8CD1D, 0px 0px 0px 4px #A8CD1D20; background-color: #A8CD1D00; color:#A8CD1D; } .button-red:active { transition: 0.05s ease all; box-shadow: 0 0 0 2px #C00, 0px 0px 0px 4px #CC000020; background-color: #CC000000; color:#CC0000; } a.submit:hover:not(.button-red), input[type="search"]:focus + button[type="submit"], button[type="submit"]:hover:not(.button-red) { box-shadow: 0 0 0 2px rgba(95,168,88,1),0px 0px 5px rgba(209, 180, 32,1); } button:active:not(.button-green):not(.button-red), .button:active:not(.button-green):not(.button-red), .button.selected:not(.button-green):not(.button-red), button.selected:not(.button-green):not(.button-red) { color:#fff; background-color:var(--color_main); box-shadow: 0 0 0 1px var(--color_main); } .button.not-selected { color:#666!important; background-color:rgba(0,0,0,0.05); box-shadow: 0 0 0 1px #666!important; } button[type=submit]:active:active:not(.button-green):not(.button-red), a.submit:active:active:not(.button-green):not(.button-red) { background:none!important; background-color:var(--color_main)!important; color:#fff; } .busy button, select.busy, td.busy { background-image:url('/_images/images/button_disabled.png')!important; animation:buttonbusy 1s infinite linear; } .drop-uploader-state-indicator-inner.busy, button.busy, tr.busy, .loading-inline input:not(input[type="range"]),.card-list li.busy { background-image:url('/_images/images/button_disabled.png')!important; animation:buttonbusy 1s infinite linear; } .loading-inline input[type="checbox"] + label:before { background-image:url('/_images/images/button_disabled.png')!important; animation:buttonbusy 1s infinite linear; } .group.loading-inline input[type="checbox"] + label { display: inline-block; background-image:url('/_images/images/button_disabled.png')!important; animation:buttonbusy 1s infinite linear; color: #ccc; } .stat-holder .busy, a.busy:not(.logo):not(*[class*="thumb"]) { background-image:url('/_images/images/button_disabled.png')!important; animation:buttonbusy 1s infinite linear; } .card-list li.busy { filter: grayscale(100%); } button:active:active:not(.button-green):not(.button-red), .button:active:active:not(.button-green):not(.button-red), .submit:active:active:not(.button-green):not(.button-red), .busy button, button[type=submit]:active:active:not(.button-green):not(.button-red) { box-shadow: 0 0 0 2px rgba(95,168,88,1), 0px 0px 5px rgba(95,168,88,1); } select.busy { cursor: default!important; filter: grayscale(1); } tr.busy { cursor: default!important; filter: grayscale(1); opacity: 0.2; } tr.busy td { background: none!important; } tr.deleted td { background-color: rgba(255,0,0,.1); background-image: url('/_images/images/patterns/diagonalstripes00000010.svg'); background-size:6px auto; } th.disabled { filter: grayscale(100%); background-image: url('/_images/images/patterns/diagonalstripes00000020.svg'); background-size:6px auto; } tr.disabled td { background-color: rgba(255,0,0,.1); background-image: url('/_images/images/patterns/diagonalstripes00000010.svg'); background-size:6px auto; filter: brightness(95%); } .disabled button, button[disabled] { opacity:0.5; background-image:url('/_images/images/button_disabled.png')!important; animation:none; } .logo { animation:none!important; } @keyframes buttonbusy { 0%{ background-position:0px 0px; } 100% { background-position:20px 0px; } } /*Special buttons*/ a.button-center { min-width:10%; max-width:100px; float:none!important; margin:auto!important; display:block!important; } .is-checked { outline:1px solid #666; background-color:#666; color:#fff; } .busy input:not(input[type="range"]),.busy textarea, .busy .redactor-editor, .disabled input:not(input[type="range"]),.disabled textarea, .disabled .redactor-editor, .busy .select, .disabled .select { /*outline:none; background:none;*/ } .disabled input:not(input[type="range"]),.disabled textarea, .disabled .redactor-editor, .disabled .select { opacity:0.5; } textarea, .redactor { min-height:120px; } table textarea { height: 63px; min-height: 63px; } table tr:hover textarea, table tr textarea:focus { /* height:120px; min-height:120px;*/ } .select ul li.option { border-bottom:1px solid rgba(0,0,0,0.1); } .select ul li.option { /*transition:all 0.15s linear; */ padding-top: 5px; padding-bottom: 5px; line-height: 16px; font-size: 11px; max-height: 28px!important; overflow: hidden; transition: 0.1s ease all; } .select ul li.option:hover { transition: 0.2s linear max-height 0.5s; max-height: 140px!important; overflow: hidden; } .select ul li.option:hover, .select ul li.focus { background-color:rgba(0,150,250,0.25); } .select ul li.option:active { background-color:rgba(95,168,88,1); color:#fff; } .select ul li.selected, .select ul li.selected:hover { background-color:rgba(95,168,88,1); color:#fff; } form .group { padding-top:5px; } form .input-group-boolean .group, form .input-group-boolean .group label { margin-top: 0px!important; padding-top: 0px!important; } form .input-group-boolean { padding-top: 5px; } form .input-group-boolean .group { } form .sql2form-linkage-table .group { margin-top: 0px!important; } form .group:first-child { padding-top:0px; margin-top:0px; } /*Numbers and money*/ input[type=number].money { -moz-appearance:textfield; appearance:textfield; } .input-prefix + input:not(input[type="range"]),.input-prefix + input + input.money-euros { margin-left:30px; } .input-prefix + input { width:calc(100% - 30px); } input[type="number"]:not(input[type="range"]), input.money:not(input[type="range"]), input.number:not(input[type="range"]) { text-align:right; width:85px; } input[type="number"].big-input { width: 130px; } td input[type="number"], td input.money, td input.number { width: auto; } td > input[type="number"] { max-width: 10000%; width: 100%; } input[name*="geo"] { text-align:left; width:100%; } input.money-cents { width:30px; text-align:left; } label.description, input + .description { font-size:11px; } input + .description { line-height: 17.33px; } /*RADIO BUTTONS*/ .input-group { /*background-color:#ffc;*/ position:relative; } .input-group .group:first-child label{ margin-top:5px; } .input-group .group:last-child label{ margin-bottom:5px; } input[type=radio]:not(:last-child):not(.rx-form-radio), input[type=checkbox]:not(:last-child):not(.rx-form-checkbox) { display:none; } input[type=checkbox] + input[type=checkbox] { display: inline-block; } input[type=radio] + input[type=radio] { display: inline-block; } label input[type=radio], label input[type=checkbox] { display:inline-block; } label fieldset input[type=radio], label fieldset input[type=checkbox] { display:none; } input[type="checkbox"]:last-child { appearance: none; } label fieldset legend { font-weight: bold; } input[type=radio] + label, input[type=checkbox] + label, input[type=checkbox]:last-child { cursor:pointer; line-height:20px; /*font-style:italic; text-decoration:line-through;*/ } .redactor-modal-link-insert input{ margin-bottom:10px; } input[type=checkbox] + label { color:rgba(0,0,0,1); } input[type=radio] + label { color:rgba(0,0,0,0.5); width: auto!important; float:left; } input[type=radio] + label:before, input[type=checkbox] + label:before, input[type=checkbox]:last-child, th input[type=checkbox], label:has(input[type="checkbox"]):before { display: inline-block; background-color:#f6f6f6; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bbb, inset 0px 1px 2px rgba(0,0,0,0.15); content: ' '; width:14px; height:14px; cursor: pointer!important; } input[type=checkbox] + label > div, input[type=checkbox] + label + div { margin-left: 20px; margin-top: 0px!important; line-height: 15px; transform:translateY(-1px); } label:has(input[type="checkbox"]):before { transform: translateY(2px); } input[type=radio] + label:before, input[type=checkbox] + label:before, input[type=checkbox]:last-child, th input[type=checkbox] { margin-top:3px; } label:has(input[type="checkbox"]) { cursor: pointer!important; display: flex; } label:has(input[type="checkbox"]) > * { margin: auto; margin-left: 4px; cursor: pointer; } label:has(input[type="checkbox"]) > *:first-child { margin-left: 0px; } label:has(input[type="checkbox"]):before { margin-right: 3px; } input[type=checkbox]:last-child { margin: 3px; min-width: 14px; min-height: 14px; } input[type=radio] + label:before, input[type=checkbox] + label:before { margin-right:6px; float:left; } input[type=radio] + label:hover, input[type=radio]:hover + label { color: #000; } input[type=radio]:hover + label, input[type=checkbox]:hover + label, input[type=radio]:checked + label, input[type=checkbox]:checked + label { /*font-weight:bold;*/ color:inherit; color:#000; /* cursor: default;*/ text-shadow: 0px 0px 0.3px #000; } input[type=radio]:hover + label:before, input[type=checkbox]:hover + label:before, input[type=checkbox]:last-child:hover, label:hover:has(input[type="checkbox"]):before { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999, inset 0px 1px 2px rgba(0,0,0,0.15), inset 0 0 0 1px #fff; background-color:rgba(38,138,64,1); background-color:#bbb; animation-name: inputradiocheckhover; animation-duration: 0.2s; animation-iteration-count: 1; } input + label:before { transition:0.2s ease all; } a.button > img { max-height: 26px; margin-right: 5px; background-color: #eee; border:1px solid #fff; transition: 0.1s ease all; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0), 1px 0px 0px 0px #ccc; } a.button:hover > img { transform: scale(2,2); transform-origin: right center; border-radius: 4px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15), 1px 0px 0px 0px #cccccc00; } a.button:has(img) { padding-left: 0px; } input[type=checkbox][onchange*="toggle"] + label:before, input[type=checkbox][onchange*="window.location"] + label:before { height: 18px; } input[type=checkbox][onchange*="toggle"] + label, input[type=checkbox][onchange*="window.location"] + label{ line-height: 24px; } /*input[type=checkbox][onchange*="toggle"] + label { line-height: 20px!important; display: grid; grid-template: 36px 1fr; grid-gap: 5px; } input[type=checkbox][onchange*="toggle"] + label > * { margin:auto 0px; }*/ input[type=checkbox][onchange*="toggle"] + label:before, input[type=checkbox][onchange*="window.location"] + label:before { float: left; min-width: 36px; border-radius: 3px; /*transition:none!important;*/ transition:0.2s ease all!important; margin-right: 10px!important; } input[type=checkbox][onchange*="toggle"] + label:before, input[type=checkbox][onchange*="window.location"] + label:before { background-color: #ccc!important; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bbb, inset 0px 1px 2px rgba(0,0,0,0.15), inset -18px 0px 0px #f6f6f6!important; } input[type=checkbox][onchange*="toggle"]:hover + label:before, input[type=checkbox][onchange*="window.location"]:hover + label:before { background-color: var(--color_active_green)!important; } input[type=checkbox][onchange*="toggle"]:checked + label:before, input[type=checkbox][onchange*="window.location"]:checked + label:before { background-color: var(--color_active_green)!important; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bbb, inset 0px 1px 2px rgba(0,0,0,0.15), inset 18px 0px 0px #f6f6f6!important; } input[type=radio]:hover + label:before, input[type=checkbox]:hover + label:before { } @keyframes inputradiocheckhover { from { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999, inset 0px 1px 8px rgba(0,0,0,0.15), inset 0 0 0 4px #fff; } to { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999, inset 0px 1px 2px rgba(0,0,0,0.15), inset 0 0 0 1px #fff; } } input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before, input[type=checkbox]:last-child:checked, label:has(input[type="checkbox"]:checked):before { background-color:rgba(38,138,64,1); background-color:#A8CD1D; } input[type=radio][value="0"][option-name="nee"]:checked + label:before { background-color:rgba(38,138,64,1); background-color:#FF0000; } input[type=radio]:checked:hover + label:before, input[type=checkbox]:checked:hover + label:before { animation: none; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999, inset 0px 1px 2px rgba(0,0,0,0.15), inset 0 0 0 1px #fff; } input[type=radio]:active + label:before, input[type=checkbox]:not([onchange*="toggle"]):active + label:before { animation: none; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999, inset 0px 1px 2px rgba(0,0,0,0.15), inset 0 0 0 1px #fff, 0 0 0 4px rgba(0,0,0,0.1)!important; } input[type=radio] + label:before { border-radius:50%; } /*Specials*/ button .fa, a.button .fa, a.submit .fa { float:left; line-height:inherit; margin-right:4px; font-size:120%; } button .fa-chevron-right, a.button .fa-chevron-right, a.submit .fa-chevron-right { margin-right:0px; margin-left:4px; float:right; } label.static { color:rgba(0,0,0,0.75); font-weight:bold; } .input-prefix { outline:1px solid #ccc; background-color:#ddd; text-align:center; min-width:25px; height:26px; left:0px; top:0px; position:absolute; line-height:27px; font-weight:bold; } .input-group-boolean-busy input[type="radio"]:checked + label::before { background-color: #fff!important; background:linear-gradient(to right, #55B400 50%,rgba(55,165,0,0) 50.01%); animation-name: rotate360; animation-duration: 0.5s; animation-iteration-count: infinite; } @keyframes rotate360 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .cms-login-window .input-group { width:100%!important; } .submit + .submit, button[type="submit"] + button[type="submit"], .submit + button[type="submit"], button[type="submit"] + .submit { margin-right:4px; } .sql2form-fieldset { margin-top:10px; border-top:1px solid #ccc; } .sql2form-fieldset:first-child { margin-top:0px; } .sql2form-fieldset legend { font-weight:bold; padding-right:10px; } form .sql2form-fieldset .group:nth-child(2), .input-group-boolean > .group { /* margin-top:0px!important;*/ padding-top:0px!important; } .input-group-boolean > .group, .input-group-boolean .group:first-child label { margin-top: 0px!important; } legend + .group { margin-top: 10px!important; } .sql2form-linkage-table, .input-fa-icons, .reversed-ext-id-options-group { padding:10px; padding-top:0px; border:1px solid #ccc; background-color:#eee; } .input-fa-icons, .reversed-ext-id-options-group { max-height:415px; overflow:auto; } .sql2form-linkage-table thead, .sql2form-linkage-table tbody { width: 100%; display: block!important; } .sql2form-linkage-table { padding-bottom: 0px; } .sql2form-linkage-table thead tr > *:not(:first-child), .sql2form-linkage-table tbody tr td:not(:first-child) { width: 100px; } .sql2form-linkage-table thead tr, .sql2form-linkage-table tbody tr { width: 100%; display:table!important; table-layout:fixed; } .sql2form-linkage-table tbody { max-height:310px; overflow:auto; min-height: 40px; } .sql2form-linkage-table input[type=checkbox] + label, .sql2form-linkage-table input[type=radio] + label { width: auto; } .sql2form-linkage-table input[type="text"], .sql2form-linkage-table input[type="number"] { width: 100%; box-shadow:0 0 0 1px #a6a6a6, inset 0px 0px 0px 2px #FFF, inset 0px 1px 3px rgba(0,0,0,0.15); } .sql2form-linkage-table tr.sql2form-linkage-table-search-header > * { padding-top: 5px; padding-bottom: 5px; } .sql2form-linkage-table tr.sql2form-linkage-table-search-header > * div { position: relative; } .sql2form-linkage-table tr.sql2form-linkage-table-search-header > * input[type="search"] { padding-left: 30px; } .sql2form-linkage-table tr.sql2form-linkage-table-search-header > * .fa-search { position: absolute; left: 5px; top:1px; font-size:18px; line-height: 24px; /*background-color: #ccc;*/ } .sql2form-linkage-table + .group, .description-below { padding-top: 5px!important; padding-bottom: 5px; } body:not(.has-fullscreen) .sql2form-linkage-table tr { animation: showme; animation-duration: 0.2s; } .sql2form-linkage-table input[type="text"] { max-width: 140px; } .sql2form-linkage-table tbody tr.sql2form-linkage-table-hidden-row, .sql2form-linkage-table-hidden-row { display: none!important; opacity: 0.2; } .sql2form-linkage-table input[type="number"] { max-width: 80px; } .sql2form-linkage-table input[disabled] { opacity: 0.2; } .sql2form-linkage-table { padding-left: 0px; padding-right: 0px; } .reversed-ext-id-input-group, .reversed-ext-id-input-group label, .reversed-ext-id-input-group input[type=checkbox], .reversed-ext-id-input-group input[type=radio] { padding-top: 0px!important; padding-bottom: 0px!important; margin-top: 0px!important; margin-bottom: 0px!important; } .reversed-ext-id-input-group label:first-child, .reversed-ext-id-input-group input[type=checkbox]:first-child, .reversed-ext-id-input-group input[type=radio]:first-child { margin-top:5px!important; } .input-button-select a { margin-top:2px; min-width:180px; float:left; line-height:20px; border-radius:3px; padding:0px 5px; } .input-button-select-colors a { min-width:22px; margin-left:5px; border:2px solid #fff; box-shadow:0px 0px 0px 1px #ccc; } .label-before-available-colors { float:left; line-height:25px; margin-left:5px; } .input-button-select-colors a.current { box-shadow:0px 0px 0px 2px #D1B420; } .input-button-select-colors a.selected { box-shadow:0px 0px 0px 2px #5FA958; } .input-button-select a .fa { text-align:center; min-width:30px; } .input-button-select a .truncate { max-width:90px; width:90px!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .input-button-select a:hover, .input-button-select a.selected { background-color:#333; color:#fff; } .input-button-select-label { margin-left:2px; } form label .fa { margin-left:5px; transform:scale(1.5,1.5); } input[type="color"] { border:none; max-width:30px; /*box-shadow:none; background:none;*/ padding:2px; } input[type="date"] { max-width: 150px; min-width: 120px; text-align: center; } input[type="time"] { width: 100px; text-align: center; } .timemachine-item { border-left:2px solid #ccc; padding-left:5px; font-size:11px; line-height:13px; margin-bottom:2px; } .timemachine-item:last-child { margin-bottom:10px; } .mini-form { margin-top: 5px; } .mini-form form { border:1px solid #ddd; background-color: #eee; padding: 2.5px; padding-left: 10px; display: inline-block; width: auto; } .mini-form h2 { display: none; } .mini-form .group { float: left; width: auto; padding-right: 5px; margin-top: 0px; } .mini-form .group:last-child { padding-right: 0px; } .show-if-focus { display: none; margin-top: 32px!important; } *:focus + .show-if-focus { display: block; } input[type="search"] + button[type="submit"] { float: left; margin-left: 2px!important; } @media only screen and (min-width: 900px) { form.has-language-wrapper input:not(input[type="range"]),form.has-language-wrapper .select { max-width: calc(75vw - 280px)!important; } } @media only screen and (min-width: 1200px) { form.has-language-wrapper input:not(input[type="range"]),form.has-language-wrapper .select { max-width: calc(50vw - 280px)!important; } } form.has-language-wrapper { box-shadow:0px 0px 0px 2px #ddd; padding: 10px; } form.has-language-wrapper { max-width: 100%; } @media only screen and (min-width: 600px) { .language-wrapper-sql2form-line { float: left; width: 50%; margin-bottom: 10px; } .language-wrapper-main-language { padding-right: 10px; } } .redactor-box { position: relative; } .language-wrapper-group .redactor-toolbar { position: absolute!important; top:0px!important; left: 0px!important; right: 0px; z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.2),0px 0px 0px 1px rgba(0,0,0,0.1); height: 0px; overflow: hidden; transition: 0.2s ease all; } .input-group.input-group-opened .redactor-toolbar { height: auto!important; } .language-wrapper-group .redactor-editor { transition: 0.2s ease all; } .input-group.input-group-opened .redactor-editor { padding-top: 50px; } .redactor-toolbar a.re-icon { width: 20px; height: 20px; font-size:15px; line-height: 20px; text-align: center; } @media only screen and (max-width: 800px) { .language-wrapper-group .redactor-toolbar { position: fixed!important; top:51px!important; left: 61px!important; } .language-wrapper-group .input-group { position: relative; max-height: 100px; overflow: hidden; transition: 0.2s ease all; } .language-wrapper-group .input-group.input-group-opened { max-height: 1000px!important; } .language-wrapper-group .input-group:after { content: ' '; position: absolute; top:60px; left: 0px; right: 0px; bottom:0px; min-height: 30px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); transition: 0.2s ease all; } .language-wrapper-group .input-group-opened:after { top:100%; } .input-group.input-group-opened .redactor-editor { padding-top: 5px; } } .wrapper-hidden-form-item { } div.language-wrapper-group label + .input-group { width: 100%; } .language-wrapper-group label { width: 100%; } textarea[name*="code"] { font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-size:11px; line-height: 15px; min-height: 300px; } .highlight-error { background-color: rgba(204, 0, 0,0.2); padding: 10px!important; margin-left: -10px; margin-top: -10px; width: calc(100% + 20px); } /*input[input-tooltip] { border:2px solid #fc0!important; } input[input-tooltip]:before, input::after { content 'test'; }*/ .sql2form-dev-coltype-wrapper { position: relative; } .sql2form-dev-coltype { opacity: 0; z-index: +1; position: absolute; color:#ccc; line-height: 10px; font-size:9.5px; margin-top: 0px; font-family: 'verdana', sans-serif; max-width: 100%; background-color:#66666695; padding:1px 3px; top:100%; left: calc(100% + 20px); right: auto; min-width: 200px; display: none; } .sql2form-line .sql2form-dev-coltype { top: auto; bottom:0px; right: 100%; margin-right: -220px; margin-left: -10px; border-top-right-radius: 4px; } .sql2form-dev-coltype:hover { } .sql2form-line:hover .sql2form-dev-coltype, .input-group:hover .sql2form-dev-coltype { opacity: 1; } .description video { width: calc(50vw - 280px)!important; max-width: 500px; } input.subtype-date, input.subtype-zipcode { width: 140px; } input.subtype-phone, input.subtype-email { width: 200px; } .sql2form-line { padding-top: 2px; padding-bottom: 2px; } .sql2form-line:not(.sql2form-line-full-width) { max-width: 800px; } .sql2form-line .select { max-width: 580px; } .inline-editable { border:1px solid rgba(0,0,0,0.1); outline:none; min-height: 20px; min-width: 20px; } .inline-editable:hover, .inline-editable:focus { border:1px solid rgba(0,0,0,0.25); } .inline-editable:focus { background-color:#eee; } input[type="file"] { box-shadow: none!important; background: none!important; border: none!important; padding: 0px!important; } .file-group:not(.sql2form-line) { display: grid; grid-template-columns: auto 110px; grid-gap:20px; } .file-group-label-and-file-input { display: grid; grid-template-columns: 1fr!important; } .file-group-label-and-file-input > * { width: 100%!important; margin: 0px!important; margin-bottom: auto!important; height: 30px!important; } .file-group-label-and-file-input input[type="file"] { border:1px solid #ccc!important; background-color: #eee!important; padding: 5px 5px!important; height: 37px!important; } .file-group .form-current-image-group { display: grid; grid-template-columns: 1fr!important; max-width: 110px!important; } .file-group .form-current-image-group > * { font-size: 11px; max-width: 110px!important; } .file-group .form-current-image-group > label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%!important; } .cms-dropzone { } .file-group > .group:first-child { display: block!important; } .file-group > .group:first-child > * { width: 100%!important; margin-left:0px!important; } input[type="file"] { vertical-align: middle; } .file-group > * { margin-top:0px!important; } .file-group .filereader-file-preview .filereader-file-preview-image { margin-top: 0px!important; margin-right: 0px; background-color: #ddd; min-width: 100px; max-width: 100px; max-height: 100px; } .select, .select * { user-select: none; } label.description:empty { display: none; } form.medium-width { max-width: 720px; } form.wide { } .sql2form-line iframe { background-color: #fff; padding: 4px; border:1px solid #ccc; } .sql2form-line-highlight { margin-left: -5px; margin-top: -5px; width: calc(100% + 10px); background-color:rgba(215,180,30,0.25); border-radius: 5px; padding: 5px; margin-bottom: 5px; } .form-file-js-textarea { display: none; } .filter-button-group .button:not(.selected):not(.button-green):not(.button-red) { background:none!important; color:#999!important; } .filter-button-group .button.selected { background-color:var(--color_active_green) !important; color:#fff!important; } .filter-button-group .button:not(.button-green):not(.button-red), .filter-button-group .button:hover:not(.button-green):not(.button-red) { border:none!important; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bbb, inset 0px 1px 2px rgba(0,0,0,0.15) !important; border-radius: 3px; } .filter-button-group .button:hover:not(.button-green):not(.button-red) { border:none!important; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bbb, inset 0px 1px 2px rgba(0,0,0,0.15) !important; background-color:#A8CD2650 !important; } .button-small { white-space: nowrap; display: inline-block; border:1px solid rgba(0,0,0,0.1); border-radius: 2px; } .button-small, .button-small > * { line-height: 20px!important; } .button-small { display: inline-flex; } .button-small > * { margin-top: auto; margin-bottom: auto; display: inline-block; } .button-small .fa { padding: 0px!important; transform: scale(1,1)!important; margin: 0px!important; } .button-small .fa + .text { margin-left: 2px; } .cms-rte-label, .sql2form-line label[for]:first-child { font-weight: 600; color:#777; letter-spacing: 0.1px; } .sql2form-line p[placeholder]:empty { position: relative; padding: 5px; min-height: 30px; z-index: 1; } .sql2form-line p[placeholder]:empty::after { position: absolute; top: 1px; left: 0px; content: attr(placeholder); display: block; font-style: italic; padding: 5px; line-height: 20px; user-select: none; color:#666; z-index: 0; } input.big-input:not(input[type="range"]),.big-input > *:not(span), .big-label { font-size:16px; } .big-input { padding: 10px 15px; } .big-input { min-width: 80px; } .big-label { padding: 15px 0px; } input.inline-input { float: none; display: inline-block; } button.disabled, .button.disabled { filter: grayscale(100%); background-image: url('/_images/images/patterns/diagonalstripes00000010.svg'); background-size:6px auto; } .input-group.has-datepicker-clearbutton { max-width: 280px; } .input-group.has-datepicker-clearbutton a.button { float: left; } textarea.code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; } .sql2form-line.is-sticky, .is-sticky:not(.sql2form-fieldset-buttons) { position: sticky; top: 50px; z-index: 2; padding-bottom: 5px; } .is-sticky:not(.sql2form-fieldset-buttons) { padding-top: 5px; } .sql2form-line.is-sticking { background-color: #fff; width: calc(100% + 20px)!important; max-width:calc(100% + 20px)!important; padding-left: 10px; padding-right: 10px; margin-left: -10px; /*border-bottom:1px solid #ccc;*/ box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1), 0px 3px 0px 0px rgba(0,0,0,0.05); } .sql2form-fieldset-buttons.is-sticky { border-top:none!important; z-index: 100; padding: 10px; } .sql2form-fieldset-buttons.is-sticking { background-color: #fff; padding: 10px; /*border-bottom:1px solid #ccc;*/ box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.1), 0px -3px 0px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05),0px 0px 0px 3px rgba(0,0,0,0.025); background-color: #fff; background: linear-gradient(#FFF 0%,#f9f9f9 40px)!important; } .sql2form-fieldset-buttons.is-sticking { width: calc(100% + 20px)!important; max-width: calc(100% + 20px)!important; margin-left: -10px; margin-right: -10px; } .sql2form-has-much-groups .sql2form-fieldset-buttons.is-sticking { width: 100%; max-width: 100%!important; margin: 0px!important; } .is-sticky .input-group-flex { display: flex; } .is-sticky .input-group-flex label + input ~ label.description, .is-sticky .input-group-flex label + .input-group ~ label.description { margin-top: auto!important; margin-bottom: auto!important; } .input-group-flex > * { margin-top: auto; margin-bottom: auto; margin-left: 0px; } .input-group-flex > *:last-child { margin-right: auto; } .input-group-flex > *:not(:last-child) { margin-right: 0px; } .sql2form-fieldset-buttons.is-sticky { position: sticky; bottom: 0px; } input[list] { background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-image:url('/ajax.php?page=fa_icon2favicon&icon=angle-down&color=999999')!important; background-size:16px 16px; }.filereader-preview { padding-bottom:20px; } .filereader-file-preview { float:left; /* width:23%;*/ /*margin-right:2%; min-width:80px; max-width:160px; text-align:center; font-size:11px; margin-top:5px; background-color:#eee; padding:2px;*/ } .filereader-file-preview-image { background-color:#ffffff00; box-shadow:0px 0px 0px 4px #f6f6f6, 0px 0px 0px 5px #ccc; background-size:contain; background-repeat:no-repeat; background-position:center; } img.filereader-file-preview-image { margin-left: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } div.filereader-file-preview-image { background-image:url('/_images/images/no-preview-thin.svg'); margin-top: 10px; margin-left: calc(0px + 225px); margin-right: 5px; min-height:calc(10vh + 50px); } .filereader-file-preview-image { transition:0.2s ease all; } .filereader-file-preview .filereader-file-preview-image { min-width: 120px; min-height: 80px; margin-left: 0px; } .drag-drop, .drop-field, .show-dropzones .cms-dropzone, .show-dropzones .ajax-image-uploader-button { outline:2px dashed var(--color_main)!important; cursor: copy; /* box-shadow:0px 0px 0px 100vw rgba(0,0,0,0.2)!important;*/ z-index: 99999999; transform: scale(1.00000001,1.00000001); } .cms-dropzone:not(.medium-editor-field) { } .show-dropzones .cms-dropzone:not(.medium-editor-field) { /* transition: 0s ease all; box-shadow:0px 0px 10vw rgba(0,0,0,0.1)!important;*/ } .filereader-file-preview-image .drag-drop { outline:1px dashed #268A40; transform:scale(1.33,1.33); z-index:99999; background-color:#fff; } .file-dropper { outline:2px dashed #CCC; text-align:center; } .drag-drop { outline-color:#268A40; } .sql2form-no-groups .file-group { /* background-color:#f6f6f6;*/ /* padding: 10px!important;*/ /* box-shadow: 0px 0px 0px 10px #f6f6f6; margin-top: 10px!important; margin-bottom: 10px!important;*/ /*border-top:1px solid #ccc; padding-top:10px!important; padding-bottom:10px!important; border-bottom:1px solid #ccc; */ } .column > form .file-group { box-shadow:none; background: none; } .file-group .filereader-file-preview-image { background-color: #fff; } .file-group + .file-group { border-top:none; } .drop-uploader-state-indicator-inner { min-width:220px; text-align:center; transition:0.5s ease all; background-color:#F5CD05; display:inline-block; padding:0px 10px; font-weight:bold; line-height:25px; font-size:12px; text-shadow:0px 1px 1px #fff; } .sql2table[data-viewtype="thumbs"] tbody { background-color:#f6f6f6!important; box-shadow:inset 0px 0px 15px rgba(255,255,255,0.5); outline:1px solid #ccc; outline-bottom:1px solid #ccc; min-height:150px; display:block!important; }.medium-editor-group { position: relative; margin-bottom: 2px; transition:0.2s ease all; } .medium-editor-group img:active { cursor: grabbing; } .medium-editor-group textarea { display: none; } .medium-editor-code-view textarea { display: block; } .medium-editor-notification-bar { display: block; margin-left: 220px; width: calc(100% - 220px); } .medium-editor-code-view textarea { margin-top: 4px; margin-bottom: 10px; font-family: "Lucida console","courier new", courier, monospace; font-size: 10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ line-height: 15px; } .medium-editor-field *:not(th) { background-color:rgba(255,255,255,0.25); margin-bottom: 1px; border:1px solid rgba(0,0,0,0.05); min-height: 20px; min-width: 30px; position: relative; } .medium-editor-field h1:after, .medium-editor-field h2:after, .medium-editor-field h3:after, .medium-editor-field h4:after, .medium-editor-field h5:after, .medium-editor-field h6:after, .medium-editor-field p:after, .medium-editor-field li:after { position: absolute; display: block; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; border-radius: 3px; top: 2px; right:2px; content: 'test'; text-align: right; font-family: 'verdana', sans-serif; font-size:8px; line-height: 8px; user-select: none; background-color: rgba(60,60,60,0.5); color:#fff; text-transform: uppercase; } .medium-editor-field h1:after { content: 'h1'; } .medium-editor-field h2:after { content: 'h2'; } .medium-editor-field h3:after { content: 'h3'; } .medium-editor-field h4:after { content: 'h4'; } .medium-editor-field h5:after { content: 'h5'; } .medium-editor-field h6:after { content: 'h6'; } .medium-editor-field p:after { content: 'p'; } .medium-editor-field li:after { content: 'li'; } .medium-editor-field > * { margin-top: 0px!important; margin-bottom: 5px!important; } .medium-editor-field *:focus { background-color:rgba(255,255,255,0.66); margin-bottom: 1px; border:1px solid rgba(0,0,0,0.25); } .medium-editor-field { padding-left: 5px; padding-right: 30px; max-height: 100px; overflow: hidden; min-height: 70px; transition:0.2s ease all; } .medium-editor-field-grown { min-height: 30vh; } .medium-editor-fullscreen-view { /*width: calc(100vw - 440px); max-width: 100vw;*/ } body.body-medium-editor-fullscreen-view { overflow: hidden!important; } .medium-editor-fullscreen-view { position: fixed; left: 80px; top: 80px; background-color: #fff; right: 20px!important; max-width: calc(100% - 100px); max-height: calc(100% - 100px); z-index: 99999; overflow: auto; border:1px solid #ccc; padding: 20px!important; padding-right: 40px!important; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1),0px 0px 0px 3px rgba(0,0,0,0.05); } .medium-editor-fullscreen-view textarea { min-height: calc(10vh + 10vw); } .medium-editor textarea { min-height: 33vh; } .medium-editor-fullscreen-view .medium-editor-field { min-height: calc(5vh + 5vw); font-size:13px; line-height: 20px; max-height: 10000px; } .medium-editor-field:focus, .medium-editor-field.focused { max-height: 10000px; } .medium-editor-field iframe { display: block; max-height: 30px; overflow: hidden; filter:brightness(66%); border:1px solid #ccc; padding:1px; } .medium-editor-field iframe::after { content: 'iframe'; } .medium-editor-swiss-knife { position: absolute; top:2px; right:2px; z-index: +1; max-width: 25px; } .medium-editor-swiss-knife a { background-color: #eee; display: block; text-align: center; min-width: 25px; height: 25px; margin-bottom: 1px; line-height: 25px; font-size:16px; } .medium-editor-swiss-knife a.medium-editor-text-length { height: 15px; line-height: 15px; font-size:9px; } .medium-editor-swiss-knife a .fa-smaller { display: none; } .medium-editor-fullscreen-view .medium-editor-swiss-knife a .fa-enlarge { display: none; } .medium-editor-fullscreen-view .medium-editor-swiss-knife a .fa-smaller { display: block; } .medium-editor-swiss-knife a:hover, .medium-editor-code-view a.medium-editor-button-showcode, .medium-editor-fullscreen-view a.medium-editor-button-fullscreen { background-color:#268A40; color:#fff; } .medium-editor-notification-bar:empty { display: none; } .medium-editor-notification-bar { animation: showme; animation-duration: 0.5s; animation-iteration-count: 1; } .medium-editor-image-placeholder { display: block; background-color: #eee; border:1px solid #ccc; height: 320px; max-width: 700px; width: 30vh; height: 15vh; } .medium-editor-group img { display: block; max-width:700px!important; width: 30vh; cursor: grab; } .medium-editor-field ul, .medium-editor-field li { display: list-item!important; list-style-type: disc; } .medium-editor-field ul li { margin-left: 10px; padding-left: 5px; } ::-webkit-datetime-edit-second-field { background: $color-white; color: transparent; margin-left: -3px; position: absolute; width: 1px; } ::-datetime-edit-second-field { background: $color-white; color: transparent; margin-left: -3px; position: absolute; width: 1px; } input.subtype-licence-plate { max-width: 120px; } input[name*="license_plate"] { max-width: 120px; } input[type="time"], input[placeholder="UU:MM"] { max-width: 100px; text-align: right; } td input[type="time"], td input[placeholder="UU:MM"] { max-width:100%; }/*WIDTHS*/ .input:not(input[type="range"]),input:not(input[type="range"]),textarea, .redactor-editor, select, .select, label:only-child, label, .input-group { width:100%; } @media screen and (min-width: 720px) { label:not(:last-child) { width:25%; width:calc(0px + 220px); padding-right:5px; } input + label.error, textarea + label.error, .redactor-editor + label+error, select + label.error, .select + label.error { width:100%; } form:not(.form-narrow) label + input ~ label, form:not(.form-narrow) label + .input-group ~ label, form:not(.form-narrow) label + textarea ~ label, form:not(.form-narrow) label + .redactor-editor ~ label, form:not(.form-narrow) label + select ~ label, form:not(.form-narrow) label + .select ~ label { width:75%; width: calc(100% - 220px); max-width: calc(100% - 220px); margin-left:25%; margin-left: calc(0px + 220px); } form:not(.form-narrow) label + input[type="number"] ~ label, form:not(.form-narrow) label + .input-group-type-number + label{ max-width: calc(100% - 320px); } input.file-reader + label.description { width:75%; padding-top:5px; margin-left:25%; margin-left: calc(0px + 220px); width:calc(100% - 220px); line-height:20px; padding-bottom: 0px!important; } label + input:not(input[type="range"]),label + select, form label + .select, label + textarea, label + .redactor-editor, .group label + .input-group, label + label.static { width:75%; width: calc(100% - 220px); } } label + input ~ label.description, label + select ~ label.description { margin-left: 0px!important; width: 100%; } label + input ~ label.description, label + .input-group ~ label.description { margin-top: 2px!important; padding-top: 0px!important; } label + .input-group-type-number, label + .input-group-type-number ~ label.description { float: left; width: auto!important; margin-left: 0px!important; margin-right: 5px!important; } label + .input-group-type-number ~ label.description { padding-top: 4px!important; padding-bottom: 4px!important; line-height: 16px; } .form-narrow .input:not(input[type="range"]),.form-narrow input:not(input[type="range"]),.form-narrow textarea, .form-narrow .redactor-editor, .form-narrow select, .form-narrow .select, .form-narrow label:only-child, .form-narrow label { width:100%; } .form-narrow .sql2form-line-int .group { display: grid; grid-template-columns: 1fr 100px; grid-gap: 10px; } .form-narrow .sql2form-line-int .input-group { width: 100%; } .form-narrow .sql2form-line-int .sql2form-dev-coltype { display: none; }#googlemaps { width:100%; height:20vh; background-color:#eee; }.fx { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .maxwidth720 { max-width:720px; } input[type=text], input[type=password], textarea, .half, .third, .fourth, .fifth, .sixth, .twothird, .onethird, .threefourth, .fourfifth, .threefifth, .twofifth, .fivesixth, .foursixth, .threesixth, .twosixth, .form-description, .line .cms-rte { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; *behavior: url(/_assets/htc/boxsizing.htc); position: relative; vertical-align: middle; } .center { margin:auto; } .clear { clear:both; font-size:0px; height:0px; } /*Grid model*/ .padding-big { padding:30px; } .padding-normal { padding:20px; } .padding-small { padding:10px; } .padding-thin { padding:5px; } .padding-small-left { padding-left:10px; } .padding-small-right { padding-right:10px; } .padding-left { padding-left:20px; } .padding-right { padding-right:20px; } .padding-small-top { padding-top:10px; } .padding-small-bottom { padding-bottom:10px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .padding-big-left { padding-left:30px; } .padding-big-right { padding-right:30px; } .padding-big-top { padding-top:30px; } .padding-big-bottom { padding-bottom:30px; } .group:not(th) { padding-top:10px; } .group:first-child, script:first-child + .group { padding-top:0px!important; } .newboxmodel, .half, .third, .twothird, .fourth, .twofourth, .threefourth, .fifth, .twofifth, .threefifth, .fourfifth, .sixth, .fivesixth, .seventh, .twoseventh, .threeseventh, .fourseventh, .fiveseventh, .sixseventh, .eight, .threeeight, .fiveeight, .seveneight, .ninth, .twoninth, .fourninth, .fiveninth, .sevenninth, .eightninth, .tenth, .threetenth, .sevententh, .ninetenth, .eleventh, .twoeleventh, .threeeleventh, .foureleventh, .fiveeleventh, .sixeleventh, .seveneleventh, .eighteleventh, .nineeleventh, .eleveneleventh, .twelfth, .fivetwelfth, .seventwelfth, .twelvetwelfth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .half, .third, .twothird, .fourth, .twofourth, .threefourth, .fifth, .twofifth, .threefifth, .fourfifth, .sixth, .fivesixth, .seventh, .twoseventh, .threeseventh, .fourseventh, .fiveseventh, .sixseventh, .eight, .threeeight, .fiveeight, .seveneight, .ninth, .twoninth, .fourninth, .fiveninth, .sevenninth, .eightninth, .tenth, .threetenth, .sevententh, .ninetenth, .eleventh, .twoeleventh, .threeeleventh, .foureleventh, .fiveeleventh, .sixeleventh, .seveneleventh, .eighteleventh, .nineeleventh, .eleveneleventh, .twelfth, .fivetwelfth, .seventwelfth, .twelvetwelfth { float:left; } .whole { width:100%!important; } .half { width:50%!important; } .third { width:33.33% !important; } .twothird { width:66.66% !important; } .fourth { width:25% !important; } .twofourth { width:50% !important; } .threefourth { width:75% !important; } .fifth { width:20% !important; } .twofifth { width:40% !important; } .threefifth { width:60% !important; } .fourfifth { width:80% !important; } .sixth { width:16.66% !important; } .fivesixth { width:83.33% !important; } .seventh { width:14.28% !important; } .twoseventh { width:28.57% !important; } .threeseventh { width:42.85% !important; } .fourseventh { width:57.14% !important; } .fiveseventh { width:71.42% !important; } .sixseventh { width:85.71% !important; } .eight { width:12.5% !important; } .threeeight { width:37.5% !important; } .fiveeight { width:62.5% !important; } .seveneight { width:87.5% !important; } .ninth { width:11.11% !important; } .twoninth { width:22.22% !important; } .fourninth { width:44.44% !important; } .fiveninth { width:55.55% !important; } .sevenninth { width:77.77% !important; } .eightninth { width:88.88% !important; } .tenth { width:10% !important; } .threetenth { width:30% !important; } .sevententh { width:70% !important; } .ninetenth { width:90% !important; } .eleventh { width:9.09% !important; } .twoeleventh { width:18.18% !important; } .threeeleventh { width:27.27% !important; } .foureleventh { width:36.36% !important; } .fiveeleventh { width:45.45% !important; } .sixeleventh { width:54.54% !important; } .seveneleventh { width:63.63% !important; } .eighteleventh { width:72.72% !important; } .nineeleventh { width:81.81% !important; } .eleveneleventh { width:90.9% !important; } .twelfth { width:8.33% !important; } .fivetwelfth { width:41.66% !important; } .seventwelfth { width:58.33% !important; } .twelvetwelfth { width:91.66% !important; } /*Tables*/ .data-table tr td:first-child { border-left:1px solid #ccc; } .data-table tr td:last-child { border-right:1px solid #ccc; } .data-table tr:last-child td { border-bottom:1px solid #ccc; } .data-table thead th, .data-table th { background-color:#000; color:#FFF; } table th, table td { line-height:20px; padding:5px; } .data-table table .key { font-weight:bold; text-align:right; } .data-table tr:nth-child(even) td{ background-color:#eee; } .data-table tr:nth-child(odd) td{ background-color:#f9f9f9; } .data-table tr.selectable { cursor:pointer; } .data-table tr.selectable:hover td, .data-table tr.selected td { background-color:#00F; color:#FFF; } .table-toolbarcontents { display:none; } .data-table .table-toolbar { background-color:#ccc; } .data-table .table-toolbar td { padding-left:10px; padding-right:10px; } .data-table .table-toolbar ul { list-style:none; margin:0; padding:0; } .data-table .table-toolbar li { float:left; } .data-table .table-toolbar li a { } /*Forms*/ .form-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .form-line div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .width-10perc { width:10%; } .width-20perc { width:20%; } .width-30perc { width:30%; } .width-40perc { width:40%; } .width-50perc { width:50%; } .width-60perc { width:60%; } .width-70perc { width:70%; } .width-80perc { width:80%; } .width-90perc { width:90%; } .width-100perc { width:100%; } .flex-justify-grid { display: flex; justify-content: space-between; } .flex-justify-grid > * { margin: auto; } .flex-justify-grid > *:first-child { margin-left:0px; } .flex-justify-grid > *:last-child { margin-right:0px; } .flex-grid { display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .inline-flex { display: inline-flex; } .inline-flex > * { margin: auto; } .inline-flex > *:not(:first-child) { margin-left: 5px; } .flex-grid:not(a) { width: 100%; max-width: 100%!important; } .flex-left, .flex-grid[align="left"] { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .flex-left > *, .flex-grid[align="left"] > * { margin-top: auto; margin-bottom: auto; margin-left: 0px; margin-right: 10px; } .flex-left > *:last-child { margin-right: auto; } .flex-grid:not(a):not([align="left"]) > * { justify-content: flex-start!important; flex: 1; min-width: 300px; max-width: 360px; margin: 0px; /* Magic! */ margin-right: 20px; margin-bottom: 20px; padding-top: 0px!important; } a.flex-grid { display: inline-flex; } a.flex-grid > * { white-space: nowrap; margin: auto; } a.flex-grid > *:first-child { margin-left: 0px; } a.flex-grid > *:last-child { margin-right: 0px; } a.flex-grid > .fa { width: auto!important; } a.flex-grid > span + span { margin-left: 5px; } a.flex-grid > .fa { font-size:14px; } a.flex-grid { user-select: none; } .new-grid { display: grid; grid-template-columns: 500px 1fr; grid-gap: 20px; } .grow-grid { display: grid; grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) ); grid-gap: 20px; } .grow-grid > .group { margin-top: 0px!important; } .grow-grid-m200 { grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) ); } .grow-grid { padding-top: 20px; padding-bottom: 20px; } .table-imitator { display: grid; grid-template-columns: repeat( auto-fit, minmax(140px, 1fr) ); grid-gap: 5px; } .table-imitator > * { border-bottom: 1px solid #ddd; } .table-imitator:last-child > * { border-bottom:none; } .table-imitator .key { font-weight:500; } .table-imitator .val { grid-column: 1 / 4; } /*GRID FROM A2*/ div[class*="grid-"] { display: grid; grid-gap: 20px; } div[class*="grid-"][class*="-g0"] { grid-gap: 0px; } div[class*="grid-"][class*="-g10"] { grid-gap: 10px; } div[class*="grid-"][class*="-g20"] { grid-gap: 20px; } .grid-2, div[class*="grid-2"] { grid-template-columns: 1fr 1fr; } div[class*="grid-"][class*="-3"], .grid-6, .grid-7, .grid-9 { grid-template-columns: 1fr 1fr 1fr; } .grid-4, .grid-8 { grid-template-columns: 1fr 1fr 1fr 1fr; /*grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);*/ } .grid-2-32 { grid-template-columns: 3fr 2fr!important; } .grid-2-23 { grid-template-columns: 2fr 3fr; } .grid-2-21, div[class*="grid-2-21"] { grid-template-columns: 2fr 1fr; } .grid-2-12, div[class*="grid-2-12"] { grid-template-columns: 1fr 2fr; } .grid-3, div[class*="grid-3"] { grid-template-columns: 1fr 1fr 1fr; } .grid-4, div[class*="grid-4"] { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-5, div[class*="grid-5"] { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-6, div[class*="grid-6"] { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .flex-grid[align="left"] * { display: inline-block!important; } div[class*="grid-"] > * { margin: auto; margin-top: 0px; width: 100%; } div[class*="grid-"] *[style*="background-image"] { min-height: 20px; margin: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } .flex-grid { display: flex; justify-content:space-between; } .flex-grid[align="left"] > * { margin-top: auto; margin-bottom: auto; } .flex-grid:not(a):not([align="left"]) > *:not(.button-group) { margin: 0 10px!important; display: block; flex-grow: 1; } .flex-grid > *:first-child { margin-left:0px!important; } .flex-grid > *:last-child { margin-right: 0px!important; } .square, *[class*="rect-"] { position: relative; } .rect-2-1 { padding-top: 50%!important; } .rect-3-2 { padding-top: 66.66%!important; } .rect-4-3 { padding-top: 75%!important; } .rect-3-4 { padding-top: 125%!important; } .square { padding-top: 100%!important; } .square > *, *[class*="rect-"] > * { position: absolute; top: 0px; max-width: 100%; } .square[style*="background-image"], *[class*="rect-"][style*="background-image"] { background-position: center; background-size:contain; } .square[style*="background-image"][style*=".png"], *[class*="rect-"][style*="background-image"][style*=".png"] { background-size:contain; } .square[style*="background-image"][style*=".jp"], *[class*="rect-"][style*="background-image"][style*=".jp"] { background-position: center; background-size: cover; } .square[style*="background-image"] > img, *[class*="rect-"][style*="background-image"] > img { opacity: 0; } .float-grid { display: flex; align-content: flex-start; } /*.justify-grid, .justify-grid * { background-color: #ffcc0010; }*/ .justify-grid { display: flex; justify-content: space-between; } .justify-grid > * { margin: auto; } .justify-grid > *:first-child { margin-left: 0px; } .justify-grid > *:last-child { margin-right: 0px; } @media only screen and (max-width: 720px) { div[class*="grid-"][class*="p1"] { grid-template-columns: 1fr; } div[class*="grid-"][class*="p2"] { grid-template-columns: 1fr 1fr; } div[class*="grid-"][class*="p3"] { grid-template-columns: 1fr 1fr; } div[class*="grid-2"][class*="preverse"] { grid-template-columns: 1fr; grid-template-rows: auto auto; grid-template-areas: " b " " a "; } div[class*="grid-2"][class*="preverse"] > * { position: relative!important; display: block!important; } div[class*="grid-2"][class*="preverse"] > *:first-child { grid-area: a; } div[class*="grid-2"][class*="preverse"] > *:last-child { grid-area: b; } .phone-rect-2-1 { padding-top: 50%!important; } } @media only screen and (max-width: 1025px) { div[class*="grid-"][class*="t1"] { grid-template-columns: 1fr; } } @media only screen and (min-width: 1440px) { .bigscreen-rect-2-1 phone-rect-2-1 { padding-top: 50%!important; } } .cms-slicer-container { display:none; /*text-align:center;*/ } .cms-slicer-object { /*display:inline-block;*/ } .cms-slicer, .cms-slicer-swiper, .cms-slicer-image-container { height:300px; width:800px; } .cms-slicer { border:5px solid #ddd; background-color:#eee; } .cms-slicer-swiper { margin-top:5px; margin-left:5px; position:absolute; cursor:move; } .cms-slicer { overflow:hidden; } .cms-slicer img{ max-width:none!important; } .disable-selection * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }#instafeed-container { margin-top: 50px; background-color: #fff; padding: 10px!important; border: 1px solid #ccc; } #instafeed-container a.instagram-thumb { } #instafeed-inner > div { display: grid!important; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; } @media screen and (max-width: 1000px) { #instafeed-container > div { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } } #instafeed-container a:hover { box-shadow:0px 0px 0px 2px #fff, 0px 0px 0px 4px #268A40; } .instagram-thumb > div { position: absolute; bottom: 0px; left: 0px; right: 0px; /* left: 0px; top:0px; bottom: 0px; right: 0px; padding-top: calc(100% - 40px); line-height: 20px;*/ line-height: 15px; font-size:10px; background-color: rgba(0,0,0,0.8); padding-top: 5px; padding-bottom: 5px; margin: 5px; color:#FFF; } .instagram-thumb:hover { box-shadow:0px 0px 0px 1px #CCCCCC, inset 0px 0px 0px 1px #FFF; } .instagram-thumb:hover > div { background-color: rgba(0,0,0,1); } /* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0px; position: absolute; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-vline.right { right: 0px; } .jcrop-hline.bottom { bottom: 0px; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; } .jcrop-tracker { width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .slicer { background-color:#eee; background-image:url('images/patternlight.png'); } .slicer img { box-shadow: 2px 2px 10px rgba(0,0,0,0.3); }.page-leave, .page-leave *, .loader-spinner-shown, .loader-spinner-shown * { cursor: progress!important; } .spinner-container { top:0px; left:0px; width: 100%; height: 100%; position: fixed; background-color:rgba(0,0,0,0.33); -moz-user-select: none; -webkit-user-select: none; display: flex; align-items: center; justify-content: center; display: -webkit-box; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; transform: scale(1,1); z-index: 99997; filter: opacity(100%); transition:0.2s ease all; } .spinner-container-hide { filter: opacity(0%)!important; } .spinner-container-hidden { display: none; } .spinner-container-appear { -webkit-animation: loaderappear 0.2s linear 1; animation: loaderappear 0.2s linear 1; } @keyframes loaderappear { 0% { filter: opacity(20%); } 100% { filter: opacity(100%); } } .spinner { -webkit-animation: rotate 2.4s linear infinite; animation: rotate 2.4s linear infinite; } .spinner .path { stroke-dasharray: 1,150; /* 1%, 101% circumference */ stroke-dashoffset: 0; stroke: #FFDE00; stroke-linecap: round; -webkit-animation: dash 1.2s ease-in-out infinite; animation: dash 1.2s ease-in-out infinite; } .spinner-inline { float: left; min-height: 10px; min-width: 10px; position: relative; } .spinner-inline + *{ float: left; margin-left: 5px; } .spinner-inline .spinner { position: absolute; top:0px; left: 0px; } .spinner-inline .spinner .path { stroke:#268A40; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate{ 100% { -webkit-transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1,150; /* 1%, 101% circumference */ stroke-dashoffset: 0; } 50% { stroke-dasharray: 90,150; /* 70%, 101% circumference */ stroke-dashoffset: -35; /* 25% circumference */ } 100% { stroke-dasharray: 90,150; /* 70%, 101% circumference */ stroke-dashoffset: -124; /* -99% circumference */ } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1,150; /* 1%, 101% circumference */ stroke-dashoffset: 0; } 50% { stroke-dasharray: 90,150; /* 70%, 101% circumference */ stroke-dashoffset: -35; /* 25% circumference */ } 100% { stroke-dasharray: 90,150; /* 70%, 101% circumference */ stroke-dashoffset: -124; /* -99% circumference */ } } .loading-inline { /*color: red;*/ }.page-mailing { overflow-x: hidden; } .subpage-mailing-inhoud { /*overflow: hidden;*/ } .page-mailing .content { position: relative; } .page-mailing .content > iframe { height: calc(100vh - 80px); width: calc(100% + 20px); /*margin-left: -10px;*/ margin-top: -10px; /*width: calc(100vw - 50px); position: absolute; z-index: 999999;*/ } .page-mailing .content > .group { margin-top: 0px; padding-top: 0px; } .page-mailing .content > .group + iframe { margin-top: 10px; box-shadow: 0px 0px 0px 2px #eee; /* position: absolute;*/ height: calc(100vh - 135px); } body.view-form, body.disable-scrolling { overflow-x: hidden; overflow-y: auto; } body.disable-scrolling { overflow-y: hidden; } .cms-nav-top .fa { min-width: 12px; text-align: center; } .cms-nav-top { display: flex; } .cms-nav-top > * { margin:0px; } .cms-nav-top > .cms-user-settings { margin-left: auto; margin-right: 0px; } .cms-nav-top h1 { color:#fff; line-height: 50px; text-align: center; } .button, button, .submit { white-space: nowrap; } .ghostery-purple-box { display: none!important; } pre { display:block; border:1px solid #ccc; background-color:#eee; padding:5px; width:100%; overflow-x:auto; } a { color:var(--color_main_darker); font-weight:600; text-decoration:none; } *:not(li) > a:not([class]):hover, *:not(li) > a:not([class]):hover .truncate { text-decoration: underline; } *:not(li) > a:not([class]):active, *:not(li) > a:not([class]):active .truncate { text-decoration: underline; filter: grayscale(100%); } table a { font-weight: 500; } hr { border:none; border-top:1px solid rgba(100,100,100,0.5); } .content > hr, .content > form > hr { border-top:1px solid rgba(230,230,230,1); min-height: 30px; display: block; background: linear-gradient(#f3f3f3 0px,rgba(255,255,255,1) 100%); margin-left: -10px; margin-right: -10px; width: calc(100 + 20px); margin-top: 15px; margin-bottom: -25px; } .cms-overlay-inner .content > hr, .cms-overlay-inner .content > form > hr { margin-left: -40px; margin-right: -40px; width: calc(100 + 80px); } .cms-nav-top { position:fixed; width:100%; height:50px; background-color:#5FA958; background-color:var(--color_main); border-bottom:1px solid rgba(0,0,0,0.05); box-shadow:0px 0px 0px 2px rgba(150,150,150,0.25),63px 0px 0px 2px rgba(0,0,0,0.05); z-index:998; } @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) { body:not(.lightmode) .cms-nav-top { /*background-color:var(--color_main_opacity95); backdrop-filter: blur(5px) brightness(60%) contrast(300%);*/ } } .cms-nav-top ul li { float:left; margin-left:1px; } .cms-nav-top .fa { transform:scale(1.4,1.4); } .cms-nav-top .fa + span { margin-left:5px; } .cms-nav-top li:first-child { } .cms-nav-top li > a { display:flex; color:#FFFFFF!important; line-height: 49px; padding:0px 15px; min-height: 49px; } .cms-nav-top li > a > * { line-height: 15px; margin: auto; margin-left: 0px; margin-right: 0px; } .cms-nav-top li > a > *:not(:last-child) { margin-right: 10px; } .cms-nav-top li > a .nav-top-a-flex { } .cms-nav-top a.logo{ padding:0px 5px; } .cms-nav-top a img { max-height: 20px; min-height: 20px; min-width: 20px; float: left; margin-top: 15px; margin-left: -7px; margin-right: 10px; background-color: rgba(200,200,200,1); box-shadow:0px 0px 0px 2px rgba(200,200,200,1), 0px 0px 0px 4px rgba(30,30,30,0.2); border-radius: 3px; } .cms-nav-top a:hover img { background-color: rgba(225,225,225,1); box-shadow:0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(30,30,30,0.2); } .cms-nav-top a img.user-thumb { margin-top: 9px; width: 32px; height: 32px; max-height: 32px; border-radius: 50%; } .cms-nav-top li:last-child { margin-right:1px; } .cms-nav-top .cms-user-settings { float:right; } .container, .footer { padding-left:60px; padding-top:50px!important; } .container > .cms-tabmenu { background-image:url('/_images/images/tabmenu-bg.png'); } .top-notifier-bar { display: none; } .cms-tabmenu:has(h1) { background-repeat:repeat-x; background-color:#DDD; min-height:126px; padding:1px 10px; padding-bottom:0px; display: grid; grid-template-columns: 1fr; } .cms-tabmenu h1 { line-height:1; margin:auto 0px; margin-right: auto; padding:0px; margin-left:15px; font-size:35px; line-height: 40px; text-shadow: #fff 0px 2px 1px; max-width: 80vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-height: 800px) { .cms-tabmenu:has(h1) { min-height:118px; } .cms-tabmenu h1 { font-size:30px; line-height: 40px; } } @media screen and (max-height: 640px) { .cms-tabmenu:has(h1) { min-height:92px; } .cms-tabmenu h1 { margin-left: 0px; font-size:24px; line-height: 40px; } } .cms-tabmenu ul { margin-top: auto; margin-bottom: 0px!important; } .cms-tabmenu > ul > li { position: relative; } .cms-tabmenu ul li .cms-tab-tooltip { position: absolute; top: 100%; left: 0px; line-height: 15px; padding: 5px 10px; background-color: #fff; border-left: 1px solid #eee; border-bottom:1px solid #eee; border-right: 1px solid #eee; z-index: 999; box-shadow: 0px 2px 2px rgba(0,0,0,0.12),0px 90vw 0px 90vw rgba(0,0,0,0.06); } .cms-tabmenu ul li .cms-tab-tooltip ul.cms-tabmenu-submenu { margin-left: -10px; margin-right: -10px; margin-top: -5px!important; margin-bottom: -5px!important; min-height: 30px; } .cms-tabmenu ul li .cms-tab-tooltip ul.cms-tabmenu-submenu li a .count-indicator { right: auto!important; left: calc(100% + 2px); top: -4px!important; } .cms-tabmenu ul li .cms-tab-tooltip ul.cms-tabmenu-submenu li a { white-space: nowrap; border-radius:0px!important; padding-right: 20px!important; } .cms-tabmenu ul li .cms-tab-tooltip ul.cms-tabmenu-submenu li:not(:last-child) { border-bottom: 1px solid #eee; } .cms-tabmenu ul li .cms-tab-tooltip ul.cms-tabmenu-submenu li a:hover, .cms-tabmenu ul li .cms-tab-tooltip ul.cms-tabmenu-submenu li.selected a { background-color:var(--color_main); color:#fff!important; transition: 0.0001s linear all; } .cms-tabmenu ul li:not(:hover) .cms-tab-tooltip { display: none; } .content .cms-tabmenu { background:linear-gradient(to bottom,#EEEEEE00,#EEE) !important; background:linear-gradient(to bottom,#FFF,#FFF) !important; box-shadow: inset 0px -1px 0px #eee; } .subpage-mailing-inhoud .cms-tabmenu { min-height:40px; } .content .cms-tabmenu { margin-left:-10px; margin-top:-10px; max-width:none; width:calc(100% + 20px); background-image:none; background-color:#eee; min-height:40px; padding-top:5px; margin-bottom:10px; } .content p + .cms-tabmenu, .content section + .cms-tabmenu { margin-top: 0px; } .cms-tabmenu { position: relative; } .container > .cms-tabmenu > ul { padding-left: 10px; } .container > .cms-tabmenu:has(h1) > ul { position: absolute; bottom: 0px; left: 0px; width: calc(100% - 70px); } @media screen and (max-width: 1030px) { .cms-tabmenu { min-height:50px; } .container > .cms-tabmenu > ul { position: relative!important; left:0px!important; width:100%!important; width:calc(100% + 20px)!important; margin-left:-10px!important; overflow:hidden; overflow-x:auto!important; } .container > .cms-tabmenu > ul > li { /* background-color:#eee;*/ } .container > .cms-tabmenu > ul > li:first-child { } .cms-tab-divider { display: none!important; } } .content .cms-tabmenu h1 { display:none; } @media screen and (max-width: 1000px) { .cms-tabmenu h1 { font-size:30px; } } @media screen and (max-width: 1400px) { .cms-tabmenu h1 { } } @media screen and (min-width: 1439px) { .cms-tabmenu > ul > li a { font-size:14px; } } .cms-tabmenu > ul > li { float:left; margin-right: 2px!important; } .cms-tabmenu > ul > li a, .filtermenu-buttons a { font-weight: normal; } .cms-tabmenu > ul > li.cms-tab-divider { margin-left:10px; margin-right:10px; width:0px; height:10px; } .cms-tabmenu > ul > li a { display:block; background-color:#eee; line-height:30px; padding:5px 15px; transition:background 0.33s ease; opacity:0.75; } .cms-tabmenu > ul > li a:has(br) { line-height: 16px; padding:7px 15px; } .subpage-mailing-inhoud .cms-tabmenu > ul > li a { padding:2.5px 15px; } .subpage-mailing-inhoud .cms-tabmenu h1 { display: none; } @media screen and (max-width: 1030px) { .cms-tabmenu ul { position: relative; } .cms-tabmenu h1 { font-size:30px; line-height:70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cms-tabmenu > ul > li { margin-left:0px; margin-right:0px!important; border:none!important; text-align:center; } .cms-tabmenu > ul > li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media screen and (max-width: 720px) { .cms-tabmenu h1 { font-size:25px; line-height:40px; text-align:center; } .cms-tabmenu > ul > li { /* margin-left:0px; width:50%;*/ text-align:center; } .cms-tabmenu > ul > li a { padding:0px 7.5px!important; font-weight:normal; font-size:12px; } } @media screen and (max-width: 720px) { .cms-tabmenu h1 { margin: 10px 0px; } .cms-tabmenu ul { display: grid; grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) ); } .cms-tabmenu > ul > li { } .cms-tabmenu > ul > li a { padding:0px 4px!important; font-size:11px; } } @media screen and (max-width: 2720px) { .cms-tabmenu-small > ul > li a { padding:2.5px 4px!important; font-size:11px!important; } .cms-tabmenu-small > ul > li a:has(.count-indicator) { padding-right: 15px!important; } } .cms-tabmenu.cms-tabmenu-has-description li a { line-height: 13px!important; padding-top: 6px!important; padding-bottom: 2px!important; } .cms-tabmenu.cms-tabmenu-has-description li a .description { font-size:10px; } .cms-tabmenu.cms-tabmenu-has-description li a { padding-left:3px!important; padding-right: 3px!important; } @media screen and (min-width: 1029px) { .content .cms-tabmenu, .content .cms-tabmenu > ul > li a { background: linear-gradient(#eee 80%, #ddd 100%); } .content .cms-tabmenu > ul > li { margin-right:2px; } .content .cms-tabmenu > ul > li a { padding:3px 12px; } } .cms-tabmenu-to-much-tabs li.cms-tab-divider { margin-left:2px; margin-right: 2px; } .cms-tabmenu-to-much-tabs li a { padding: 2.5px 7.5px; font-size:11px; } .cms-tabmenu-still-to-much-tabs li a { padding: 0px 5px; font-size:11px; font-weight:normal; } .cms-tabmenu > ul > li:hover a, .cms-tabmenu > ul > li > a:hover, .cms-tabmenu > ul > li.selected > a { background:none; background-color:#fff; opacity:1; } .cms-tabmenu > ul > li a:active { background-color: #fff; box-shadow: inset 0px 15px 15px -10px #ccc; filter: grayscale(100%); } .content .cms-tabmenu > ul > li.selected > a { margin-top:-1px; border:1px solid #ddd; border-bottom:0px; } .content { padding:10px; background-color:#FFFFFF; } .cms-footer { height:100px; } p a.selected { padding:0px 3px; border-radius:3px; overflow:inherit!important; margin:0px; min-width:18px; text-align:center; display:inline-block; background-color:#268a40; color:#fff; } .global-search-container { float: left; padding-top: 12px; margin-left: 8px; position: relative; } @media (min-width: 1400px) { .page-desktop .global-search-container { margin-left: 53px; } } .content .content-inset { margin-left: -10px!important; width: calc(100% + 20px); } input[type="search"].global-search:not(.badaboemba) { width: 175px; background-color:rgba(240,240,240,0.2)!important; /*box-shadow:0px 0px 0px 1px rgba(0,0,0,0.9);*/ /*outline:1px solid rgba(255,255,255,0.5)!important;*/ transition:0.2s ease all; color:#fff!important; box-shadow: none; } @media only screen and (min-width: 1200px) { input[type="search"].global-search:not(.badaboemba) { min-width: 170px; width: calc(90vw - 900px); max-width: 400px; } } input.global-search::-webkit-input-placeholder { color:#fff; } .global-search-container:hover .global-search.searched, input.global-search:focus { width: calc(265px + 8vw); background-color:rgba(240,240,240,0.3); /*box-shadow:0px 0px 0px 1px rgba(0,0,0,0.9);*/ box-shadow:0px 0px 0px 2px rgba(255,255,255,0.75)!important; transition:0.2s ease all; } .global-search-results { min-width: 100px; position: absolute; width: calc(100% + 2px); max-height: 80vh; overflow-x: hidden; overflow-y: hidden; background-color: #fcfcfc; top:100%; margin-top: 1px; margin-left: -1px; border-top:2px solid #eee; box-shadow:0px 0px 0px 1px rgba(150,150,150,0.25),0px 0px 0px 1px rgba(0,0,0,0.05),0px 10px 50px -10px rgba(0,0,0,0.25),0px 2540px 0px 2530px rgba(0,0,0,0.1); display: none; opacity: 0; transition:0.2s ease all; } .global-search-results > * { padding: 5px 10px!important; padding-top: 5px!important; margin: 0px!important; border-bottom:1px solid #eee; line-height: 15px; } .global-search-results > .result { padding: 2px 10px!important; position: relative; } .global-search-results > .result .fa { position: absolute; top:7.5px; right:7.5px; } .global-search-results > .result:not(.big-result) { font-size:10px; } .global-search-results > * { } .global-search-container:hover .global-search.searched + .global-search-results, .global-search:focus + .global-search-results { display: block; opacity: 1; } .global-search:focus + .global-search-results:empty { display: none; } .global-search-results > *.result > a { display: block; padding: 2px 10px!important; margin-left: -10px; margin-top: -2px; margin-bottom: -2px; width: calc(100% + 20px); } .global-search-results > *.result > a:not(.big-result) { font-size:10px; color:#333; } .global-search-results > *.big-result > a { line-height: 25px; } .global-search-results > *.result > a strong { color:#000; } .global-search-results > * a:hover { background-color: #eee; } .global-search-results > * a:hover * { color: #aaa; } .global-search-results > * a:hover strong { color: #5FA958; } .global-search-results > *.result > a:active { background-color: #333; color:#fff; } .global-search-results .result-category { background-color: var(--color_main); color:#fff; } .global-search-results .result-category a { text-decoration: underline; color: #fff; } .html-display-iframe { width: 100%; display: block; } .content > iframe, .content > .group > iframe, .html-display-iframe { background-color: #ddd; height: calc(100vh - 260px); } .card .html-display-iframe { min-height: 450px; max-height: 600px; height: 40vh; background-color:#fff; } .content > iframe, .content > .group > iframe { background-color: #aaa; width: calc(100vw - 70px); } .content > iframe, .content > .group > iframe, .html-display-iframe { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1),0px 0px 0px 1px rgba(0,0,0,0.2),0px 0px 0px 3px rgba(0,0,0,0.1); } .content > .group > iframe { min-height:calc(100vh - 380px - 90px); filter: brightness(90%); transition: 0.2s ease all; } .content > .group > iframe:hover { } .html-display-iframe-button-group { background-color: rgba(0,0,0,0.1); padding: 5px; margin-top: 3px; margin-left: -3px; } ul.link-list { } ul.link-list, ul.link-list li, ul.card-list, ul.card-list li, .cms-side-menu-content ul:not(ul[class]) { list-style: none; padding: 0px; } ul.link-list li, ul.card-list li, .cms-side-menu-content ul:not(ul[class]) li { clear: both; margin-bottom: 2px; } ul.link-list li a { display: inline-block; } ul.link-list li a, ul.card-list li, .cms-side-menu-content ul:not(ul[class]) li { border-left:2px solid #ccc; padding-left: 10px; } .link-list li { display: block; } .card ul.link-list li a { background-color: #FFFFFF50; display: block; position: relative; font-weight: normal; width: 100%; padding: 2.5px 10px; } .card ul.link-list ul.link-list li a:hover { background-color:#239ECD; color:#fff; } .card ul.link-list li a .title, .card ul.link-list li a .description { display: block; } .card ul.link-list .fa-chevron-right { position: absolute; right: 10px; line-height: 30px; top:50%; margin-top: -15px; } ul.link-list input[type="radio"] { display: none; } ul.link-list input[type="radio"] + label:before { display: none; } ul.link-list input[type="radio"] + label a { transition:0.33s ease background; } ul.link-list input[type="radio"] + label { float: none!important; width: 100%!important; } ul.link-list input[type="radio"] + label:hover a { border-left:2px solid #55B400; background-color:rgba(85,185,0,0.1); } ul.link-list input[type="radio"]:checked + label a { transition:0.1s ease background; border-left:4px solid #55B400; background-color:rgba(85,185,0,0.3); padding-left:8px; display: block; } .content > ul { padding-left: 15px; } .show-dropzones{ } .show-dropzones .cms-dropzone { } .cms-pages-visits-activity { margin-top: 5vh; } .cms-page-visits-activity p, .cms-page-visits-activity h4 { opacity: 0.2; transition: 0.2s ease all; } .cms-page-visits-activity p:hover, .cms-page-visits-activity:hover h4 { opacity: 1; transition-delay: 0.5s; } .cms-page-visits-activity, .buildtime-log { max-width: 100%; overflow-y: hidden; overflow-x: auto; } .cms-page-visits-activity p, .buildtime-log { font-size:10px; line-height: 15px; } .group.filtermenu-container:not(:first-child) { margin-top: 5px; padding-top: 0px; } .medium-editor-button-fullscreen { display: none; opacity: 0; } .button-group { } .group:has(h2) + .button-group:not([style*="-top"]), h2 + .button-group:not([style*="-top"]), .group:has(h2) + .group:not([style*="-top"]), h2 + .group:not([style*="-top"]) { padding-top: 5px; } .button-group > label{ width: auto!important; font-weight: bold; } .button-group > * { margin: auto!important; /*margin-right:5px!important; margin-bottom: 5px!important; float: left!important*/; } hgroup:has( > div) { vertical-align: top; /*display: flex; flex-direction: column;*/ } hgroup:has( > div) > div { float: left; display: inline-block!important; margin-top: 0px; margin-left: 5px; margin-right: 0px; margin-bottom: auto; } hgroup:has( > div) > div:first-child { margin-left: 0px; } hgroup:has( > div) > div:has(.button) { margin-right: 5px; margin-top: -1px; } .preview-reader-group { padding: 5px; background-color: rgba(0,0,0,0.05); border:1px solid #ccc; } .preview-reader-group h4 { font-size:12px!important; } .preview-reader-group th, .preview-reader-group td, .preview-reader-group p, .nav-head { font-family: verdana, sans-serif; font-size:9px; line-height: 15px; } thead, .cms-nav-top, .cms-menu { user-select: none; } .nav-head { font-size:8px; width: 60px; text-align: center!important; line-height: 8px; padding:4px 2px!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } form { /* margin-top: 5px;*/ } .sticky-clone .cms-tabmenu { background-color:rgba(255,255,255,0.9)!important; border-bottom:1px solid #ccc; margin-top: -1px!important; } body:not(.lightmode) .sticky-clone .cms-tabmenu { backdrop-filter:blur(2px); } .sticky-clone .cms-tabmenu > ul > li.selected a { box-shadow: 0px 1px 0px 0px #fff; } .group.sticky-clone { padding-top: 0px!important; } div.sticky-clone { display: block; width: calc(100% - 60px); } div.sticky-clone:not([style*="background-color"]) { background-color: #fff; box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), -10px 11px 0px 0px #ccc; } body[cms-sidemenu-align="right"] div.sticky-clone { width: calc(100% - 372px); } .tablemenu.sticky-clone { padding: 10px; border-bottom:1px solid #ccc; } h1.sticky-clone { line-height: 40px!important; font-size: 25px!important; background-color: rgba(245,245,245,0.9); width: calc(100% + 145px)!important; max-width: calc(100% + 145px)!important; margin: 0px!important; padding-left: 25px!important; margin-left: -35px!important; } .inline-icon-button-group { border:1px solid #eee; border-radius: 3px; margin: 0px; } .inline-icon-button-group a.selected { background-color: #A8CD1D; color:#fff; } .inline-icon-button-group a.not-selected:not(:hover) { color:#999; } .inline-icon-button-group a:not(:last-child) { border-right: 1px solid #eee; } .inline-icon-button-group { display: flex; } .inline-icon-button-group a { min-width: 24px; line-height: 24px; text-align: center; margin: 0px; } .inline-icon-button-group a:hover { background-color: var(--color_main); } .inline-icon-button-group a:hover, .inline-icon-button-group a:hover > * { color:#fff!important; } .inline-icon-button-group-wrapper { position: relative; } .inline-icon-button-group-wrapper .inline-icon-button-group { position: absolute; top: -5px; right: 0px; } h2 .inline-icon-button-group, h3 .inline-icon-button-group { float: right; } section[is-silent-mes] { position:relative; } section[is-silent-mes] .silent-mes-backtrace { position:absolute; font-family:verdana; } section[is-silent-mes] .silent-mes-backtrace:not(:hover) { top:-1px; font-size:10px; line-height:10px; } section[is-silent-mes] .silent-mes-backtrace:hover { background-color: #fff; padding-left: 5px; padding-right: 5px; border-radius: 5px; margin-left: -5px; } .silent-mes-backtrace + div { padding-top:14px; } .silent-mes-backtrace:hover + div { padding-top:17px; } .flex-group { display: flex; justify-content:flex-start; } .flex-group > * { margin: auto; } .flex-group > *:first-child { margin-left: 0px; } .flex-group > *:not([style*="margin"]):has(button), .flex-group > *:not([style*="margin"]):has(.button) { margin-right: 10px; } .flex-group > *:has(button) + *:not([style*="margin"]), .flex-group > *:has(.button) + *:not([style*="margin"]) { margin-left: 10px; } .flex-group > *:last-child:not(:first-child) { margin-right: 0px; margin-left: auto; }.medium-editor-toolbar > * { box-shadow: none!important; } .medium-editor-toolbar button:not(.button-green):not(.button-red) { box-shadow: none!important; color:#fff!important; transition:none!important; } .medium-editor-toolbar button:hover:not(.button-green):not(.button-red){ box-shadow: none!important; color:#ccc!important; } .medium-editor-toolbar ul li a { color:#fff!important; } #minimap { display: none!important; box-shadow:0px 0px 0px 10px #333, 0px 0px 0px 40px #fff, 0px 0px 0px 50px #ccc, 0px 0px 200px 0px rgba(0,0,0,0.3); background-color: #fc0; background: rgba(255,255,255,.8) -moz-element(#cms-container) no-repeat;/* vendor prefixed */ background-position: -60px -60px; backgrond-size:cover!important; position: fixed; bottom:15px; right:15px; height:calc(100vh - 60px); width:calc(100vw - 120px); z-index: 99999; transform: scale(0.02,0.02); transform-origin: bottom right; overflow: hidden; transition: 0.2s ease all; } #minimap:hover { transform: scale(0.1,0.1); } #minimap-range { transform: translatey(-100%) rotate(90deg); transform-origin: bottom left; background-color: rgba(0,0,0,0); opacity: 1; transition: opacity .2s; margin: 0; padding: 0; max-width: 1500vh; /* same as #minimap's max-height */ height: 100vw; /* same as #minimap's width */ } #minimap-range:hover { } #minimap-range::-moz-range-thumb { background-color: rgba(0,0,0,0); width: 100vh; height: 100vw; /* same as #minimap's width */ box-shadow:0px 0px 0px 800vw rgba(0,0,0,0.5); cursor: pointer; } #minimap-range::-moz-range-track{ background-color: transparent; }.modbase-view-details { } .page-cms_email_log .cms-side-menu-close-button { display: none!important; } .cms-media-thumb-container { background-color:#eee; float:left; width:100px; height:100px; border:5px solid #ddd; margin-right:10px; margin-top:10px; -webkit-transition: border 0.33s ease;-moz-transition:border 0.33s ease;transition:border 0.33s ease; overflow:hidden; } .cms-media-thumb-container:nth-child(8n+8) { width:93px; margin-right:0px; } a.cms-media-thumb-container { cursor:pointer; } a.cms-media-thumb-container:hover { border-color:#aaa; } .cms-media-thumb-uploaded, .cms-media-thumb-selected, a.cms-media-thumb-selected:hover { border-color:#5FA958; } .cms-media-thumb-upload-error { border-color:#CC0000; } .cms-image-preview img { margin-top:7px; border:5px solid #ddd; background-color:#eee; } input[type="submit"].disabled, .submit.disabled, input[type="submit"].disabled:hover, .submit.disabled:hover { background-color:#666; color:#999; } input[type="submit"].disabled, .submit.disabled, input[type="submit"].disabled:hover, .submit.disabled:hover, input[type="submit"].busy, .submit.busy, input[type="submit"].busy:hover, .submit.busy:hover { cursor:default!important; background-image:url('/_images/images/busy.png'); } input[type="submit"].busy, .submit.busy, input[type="submit"].busy:hover, .submit.busy:hover, input[type="button"]:active, .buttongroup li a:active, .button:active { animation:buttonbusy 1s infinite linear; } @keyframes buttonbusy { 0%{ background-position:0px 0px; } 100% { background-position:20px 0px; } } body[class*="webshop"] .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vdsshop1.jpg'); } body[class*="kd_"] .container > .cms-tabmenu:has(h1) { background-image:url('https://images.unsplash.com/photo-1447933601403-0c6688de566e?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1256&q=80'); } body[class*="vanzus_"] .container > .cms-tabmenu:has(h1) { background-image:url('https://images.unsplash.com/photo-1600294421265-c354b772e790?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80'); } .cms-tabmenu:has(h1), body { background-size:cover; background-repeat:no-repeat; } .container > .cms-tabmenu:has(h1) { box-shadow:inset 0px 0px 0px 100vw rgba(160,160,160,0.35); } .cms-tabmenu:has(h1) { background-position:center; } .page-login, .page-forgot_password { width:100%; background-color:#ddd!important; background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.7) 100%); } .page-login .container, .page-forgot_password .container { padding-left:10px; padding-right:10px; } .page-login .cms-menu, .page-forgot_password .cms-menu, .page-reset_password .cms-menu { display:none; } .page-desktop .button-group a { margin-bottom:5px; } @media (max-width: 840px) { /*.page-desktop .button-group a { line-height:40px; padding-left:10px; padding-right:10px; } */ } .page-desktop .content .button:not(.button-red) { background-color:rgba(255,255,255,0.5); } .page-desktop .content .buttonn:not(.button-red):hover { background-color:rgba(255,255,255,0.9); } /* body[class*="domain-svh"] .cms-nav-top, body[class*="domain-svh"] .cms-menu li.selected a .cms-menu-item-inner, body[class*="domain-svh"] .cms-menu li a:hover .cms-menu-item-inner, body[class*="domain-svh"] thead { background-color: #0F367A!important; } body[class*="domain-svh"] h1, body[class*="domain-svh"] h2, body[class*="domain-svh"] .container a { color:#0F367A; border-color:#0F367A; } body[class*="domain-svh"] thead *, body[class*="domain-svh"] thead * > *, body[class*="domain-svh"] thead a { background: none!important; color:rgba(255,255,255,0.8); } body[class*="domain-svh"] .tablehead a, body[class*="domain-svh"] thead a { color:rgba(255,255,255,0.8)!important; }; body[class*="domain-svh"] thead .tablehead_selected { background-color: rgba(0,0,0,0.33); color:#fff!important; } */ body[class*="captainjohn"].page-desktop { background-color:rgba(240,240,240)!important; background:linear-gradient(rgba(240,240,240,0.66) 2px, rgba(240,240,240,1) 100vh ),url('/_images/wallpapers/big/willemskade.jpg'); background-size:100vw 100vw; background-repeat: no-repeat; background-position: top right; } body[class*="holthinrichs"] .cms-tabmenu:has(h1) { background-image:url('https://holthinrichswatches.com/_cache/holthinrichs2021/thumbnails/1920x0/hex5713_2021_12_03_042247.jpg'); } @media (min-width: 640px) { /**/ body[class*="nedmarine"]:not(.lightmodebackup).page-desktop, body[class*="mtq"]:not(.lightmodebackup).page-desktop { background-color:rgba(240,240,240)!important; background:linear-gradient(rgba(240,240,240,0.4) 100px, rgba(240,240,240,1) 100vh ),url('/_images/wallpapers/big/nedmarine/dlanor-s-86y-PYL1eIs-unsplash.jpg'); background:linear-gradient(rgba(240,240,240,0.4) 100px, rgba(240,240,240,1) 100vh ),url('/_images/wallpapers/big/nedmarine/peter-hall-beh98RE_MC0-unsplash.jpg'); background-size:120vw 72vw; background:linear-gradient(rgba(240,240,240,0.4) 100px, rgba(240,240,240,1) 100vh ),url('/_images/wallpapers/big/nedmarine/oosterschelde.jpg'); background-image:url('/_images/wallpapers/big/nedmarine/ridderkerk.jpg'); background-size:auto 100vh; background-size:cover; background-repeat: no-repeat; background-position: center 0px; transition: 4s ease all; background-attachment: fixed; } body[class*="mtq"]:not(.lightmodebackup).page-desktop { background-image:url('/_images/wallpapers/big/nedmarine/dordrecht-aerial-painted.jpg')!important; } body[class*="nedmarine"]:not(.lightmodebackup).page-desktop .container, body[class*="mtq"]:not(.lightmodebackup).page-desktop .container { background:linear-gradient(rgba(240,240,240,0.4) 100px, rgba(240,240,240,1) 70vh); } body[class*="nedmarine"]:not(.lightmodebackup).page-desktop .cms-tabmenu:has(h1), body[class*="mtq"]:not(.lightmodebackup).page-desktop .cms-tabmenu:has(h1) { background: none!important; } /* body[class*="nedmarine"][data-scrolltop-h="0"] { background-position: center 0px; } body[class*="nedmarine"][data-scrolltop-h="1"] { background-position: center -50px; } body[class*="nedmarine"][data-scrolltop-h="2"] { background-position: center -100px; } */ body[class*="vds"].page-desktop { background-color:rgba(240,240,240)!important; background:linear-gradient(rgba(240,240,240,0.66) 2px, rgba(240,240,240,1) 50vw ),url('/_images/wallpapers/big/vds-leather.jpg'); background-size:150vw 75vw; background-repeat: no-repeat; background-position: top right; } .page-login, .page-forgot_password, body:not(.lightmode) .page-desktop .cms-tabmenu:has(h1), .page-reset_password { background-position:center center!important; background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.7) 100%),url('/_images/wallpapers/big/willemsbrug.jpg'); background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.7) 100%),url('https://images.unsplash.com/photo-1565612350705-cd9de56987b6?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=30'); background-size:cover; } .page-desktop .content { background:none; padding-left:55px; padding-right:55px; padding-bottom:25px; } .page-desktop .content-inset { margin-left: -55px; width: calc(100% + 110px); } .cms-overlay-inner .content { padding-left: 0px; padding-right: 0px; } body:not(.lightmode) .page-desktop { background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,1) 100%),url('/_images/wallpapers/big/willemsbrug.jpg'); background-size:cover; } body[class*="svh"].page-desktop { background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.55) 100%),url('/_images/wallpapers/big/waterpolo.jpg'); background-size:cover; } body[class*="denise"].page-desktop { background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.55) 100%),url('/_images/wallpapers/big/denise.jpg'); background-size:cover; } body[class*="smgblack"].page-desktop { background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.55) 100%),url('/_images/wallpapers/big/smg.jpg'); background:linear-gradient(rgba(60,60,60,1) 0%,rgba(60,60,60,0.85) 60%,rgba(60,60,60,0.8) 90%,rgba(60,60,60,0.55) 100%),url('/_images/wallpapers/big/smg.jpg'); background-size:cover; } body[class*="smgblack"].page-desktop .content, body[class*="vicox"].page-desktop .content { color:#eee; } body[class*="smgblack"].page-desktop .content p, body[class*="smgblack"].page-desktop .content tr td, body[class*="vicox"].page-desktop .content p { color:#ccc!important; } body[class*="smgblack"].page-desktop .content td, body[class*="vicox"].page-desktop .content td { color:#333; } body[class*="smgblack"].page-desktop .desktop-links .column { box-shadow: 0px 0px 0px 1px #333; } body[class*="smgblack"].page-desktop .desktop-links p small { color:#ccc; } body[class*="smgblack"].page-desktop .content .button, body[class*="vicox"].page-desktop .content .button { background-color:rgba(0,0,0,0.2); } body[class*="smgblack"].page-desktop .content a, body[class*="smgblack"].page-desktop .content a p, body[class*="vicox"].page-desktop .content a, body[class*="vicox"].page-desktop .content a p { color:#5FA958; } body[class*="smgblack"].page-desktop .content a.submit, body[class*="vicox"].page-desktop .content a.submit, body[class*="smgblack"].page-desktop .content .tablehead a, body[class*="vicox"].page-desktop .content .tablehead a { color:#fff; } body[class*="smgblack"].page-desktop .content a:hover, body[class*="smgblack"].page-desktop .content a:hover p, body[class*="smgblack"].page-desktop .container .push-message-warning, body[class*="vicox"].page-desktop .content a:hover, body[class*="vicox"].page-desktop .content a:hover p { color:#fff; } /*body[class*="bureau-ro"] .cms-nav-top { background-color: #666; } body[class*="bureau-ro"] .cms-menu { filter: grayscale(100%); }*/ /* body[class*="vico"].page-desktop { background-color:rgba(240,240,240)!important; background:linear-gradient(rgba(240,240,240,0.66) 2px, rgba(240,240,240,0.85) 50vw, rgba(240,240,240,1) 70vw ),url('https://vico-movement.com/images/vico_special_pages_blocks/originals/vico-special-pages-2018-04-04-021148_2018_04_04_021148.jpg'); background-size:120vw 80vw; background-repeat: no-repeat; background-position: top center; } body[class*="vico"].page-desktop table tbody td { background-color: rgba(255,255,255,0.5); }*/ body[class*="vds"].page-desktop table tbody td { background-color: rgba(255,255,255,0.5); } body[class*="ddma"].page-desktop, .body[class*="privacy"].page-desktop { background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0.55) 100%),url('/_images/wallpapers/big/ddma.jpg'); background-size:cover; } .page-desktop .jumbotron h1, h2.big-header, h1.jumbotron { margin-top:17px; font-size:40px; line-height:60px; color:var(--color_main_darker); text-shadow:0px 1px 0px rgba(0,0,0,0.25); } h1.jumbotron { line-height:40px; } .page-desktop .buildtime-log { display:none; } .cms-menu { background:none; background-image:url('/_images/images/tints/eee80.png'); } .page-desktop .cms-tabmenu:has(h1) { /*background:none; background-image:url('/_images/wallpapers/header/track.jpg');*/ } .page-lobby .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/8.jpg'); background-position:center; } .page-news .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic_news.jpg'); } .page-stats .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/2.jpg'); background-position:center; } .page-cms_pages .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/cms_pages.jpg'); background-position:bottom; } .page-footer .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/footer.jpg'); background-position:bottom; } .page-faq .cms-tabmenu:has(h1), .page-cms_tickets .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/faq.jpg'); background-position:top; } .page-cms_tickets .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/cooltab.jpg'); background-position: center; } .page-cms_properties .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/cogs-header.jpg'); background-position:top; } .page-cms_email_log .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/cms_email_log_header.jpg'); } .page-cms_properties .cms-tabmenu:has(h1) h1 { color:rgba(255,255,255,0.95); text-shadow: 0px 0px #000; } .page-userlist .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/5.jpg'); background-image:url('/_images/wallpapers/big/willemsbrug.jpg'); background-position:center; } body[class*="page-ro_blocks"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/lego.jpg'); box-shadow:inset 0px 0px 0px 100vw rgba(255,255,255,0.3); background-position:bottom 0px center; background-size: cover; } /*body[class*="page-ro_"] .container .content .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/denise-tab1.jpg'); box-shadow:inset 0px 0px 0px 100vw rgba(255,255,255,0.85); background-position:bottom 0px center; background-size: cover; } body[class*="page-ro_"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/denise-tab1.jpg'); background-position:bottom -40px center; background-size: cover; }*/ body[class*="page-capta"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/bureau-veritas-tabmenu.jpg'); background-position:center; background-size: cover; } body[class*="page-ro_orders"] .container > .cms-tabmenu:has(h1) { /*background-image:url('/_images/wallpapers/header/denise-tab2.jpg'); background-position:center; min-height: 200px;*/ } body[class*="smgblack"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/smg-tab.jpg'); background-position:center; } body[class*="mailing"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/mailing-tab.jpg'); box-shadow:inset 0px 0px 0px 100vw rgba(160,160,160,0.75); background-position:center; } body[class*="ddma"] .container > .cms-tabmenu:has(h1), body[class*="privacy"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/ddma-tab.jpg'); background-position:center; } body[class*="_test"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/checktest-tab.jpg'); background-position:center; } .page-devtools .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/5.jpg'); background-image:url('/_images/wallpapers/big/willemskade.jpg'); background-position:center; } .page-devtools_cms .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/8.jpg'); background-position:center; } .page-addressbook .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/addressbook.jpg'); } .page-vico_sl .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic3s.jpg'); } .page-vico_shop_dashboard .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic4s.jpg'); } .page-vico_settings .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic5s.jpg'); } .page-vico_klanten .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic2s.jpg'); } body[class*="ned_"] .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/nedmarine_header.jpg'); } body.page-ned_products_and_services .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/nedmarine-magazijn.jpg'); } body.page-ned_time_registration .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/scheepsklok.jpg'); } .page-instagram .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/instagram.jpg'); } .page-vico_shop .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic1s.jpg'); } .page-vico_orders .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/vic6s.jpg'); } .page-cropdater .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/acai.jpg'); } .page-menco_projecten .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/menco_projects.jpg'); } body[class*="svh"] .cms-tabmenu:has(h1), .page-svh .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/svhwaterpolo.jpg'); } body[class*="svh_bak"] .cms-tabmenu:has(h1), .page-svh_boterletters .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/svhwaterpolo_boterletters.jpg'); } body[class*="rederij_joblist"] .container > .cms-tabmenu:has(h1) { background-image:url('https://images.unsplash.com/photo-1532474569301-888db064c2dd?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80'); } body[class*="rederij_joblist_losfocus"] .container > .cms-tabmenu:has(h1) { background-image:url('/_images/wallpapers/header/rederijdejong/justus-menke-50-PtgEjLAY-unsplash-pallet.jpg'); } }@media screen { body { min-height: 100vh; } body.page-enter, body.page-leave { overflow-x:hidden; } } body.page-enter .container, body.page-leave .container{ transition:0.2s ease filter; filter: grayscale(100%); } body .container { transition:1s ease all; } body.page-leave .clicked { /*transform:scale(2,2)*/ }section.important { padding: 0px 5px; border-radius: 4px; } section.important { position: relative; } section.important > .fa-times { position: absolute; right: 5px!important; top:2px; font-size:16px; max-width: 18px!important; } section.important + section.important { margin-top:1px; } .push-message-date { display: block; font-size:10px; opacity: 0.75; line-height: 12px; font-weight: bold; } .push-message { display: block; border-left:2px solid #ccc; padding:10px!important; padding-left:15px; padding-right:15px; font-size:14px; position: relative; } p.important, .important > p, section.imporant { display: block; border-left:2px solid #ccc; padding-left:7.5px; padding-right:7.5px; padding-top:2.5px; padding-bottom: 2.5px; animation: showme; animation-duration: 0.6s; } form .important > p, p.important { animation: none!important; } td p.important, td section.important { animation: none!important; animation-duration: 0.1s!important; } p.important + p.important { margin-top: 2px; animation-duration: 0.8s; } p.important + p.important + p.important { animation-duration: 1s; } p.important + p.important + p.important { animation-duration: 1.2s; } .push-message img, .push-message .thumb { position: absolute; width: 70px; height: calc(100% - 8px); left: 4px; top: 4px; background-size:cover; transition: 0.1s ease all; } .push-message a.thumb:hover { transform: scale(1.25,1.25); z-index: 99999; box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px rgba(0,0,0,0.2); } .push-message a:hover { text-decoration: underline; } .push-message img + *, .push-message .thumb + * { margin-left: 75px; } .push-message img + span, .push-message .thumb + span { display: inline-block; } .push-message + .push-message { margin-top: 2px!important; } .push-message:last-child { margin-bottom: 5px; } .push-message p a:hover, section.important a:hover { text-decoration:underline; } .push-message-warning, p.important, .important > p, section.important, strong.important { border-color:#D6B420; background-color:rgba(215,180,30,0.25); } strong.important { display: inline-block; } p.important.red, section.important.red { border-color:#CC0000; background-color:rgba(204,0,0,0.25); } span.red { color:#CC0000; } th.red, td.red, tr:hover th.red, tr:hover td.red { color: #CC0000; } th.green, td.green, .fa.green { color: #55B400; } p.important.green, section.important.green, p.important.positive { border-color:#55B400; background-color:rgba(85,180,0,0.25); } a.push-message:hover { border-color:#333; background-color:rgba(95, 169, 88); } a.push-message:active { border-color:#333; background-color:rgba(76, 135, 70); } a.push-message:hover, a.push-message:hover * { color:#fff!important; } .push-message-green, .push-message-positive { border-color:#D6B420; background-color:#CBEAD0; } @media screen and (max-width: 1030px) { .push-message { padding-left:5px; padding-right:5px; font-size:11px; } } .push-message-red, .push-message-error { border-color:rgba(230,02,0,1); background-color:rgba(230,0,0,0.20); } .push-message-red .button, .push-message-red .button { box-shadow:none; background-color:rgba(230,0,0,1); color:#fff; font-weight:bold; } .push-message-red a, .push-message-error a { color:rgba(230,0,0,1); } .push-message-red input, .push-message-error input { box-shadow: 0 0 0 1px rgba(230,02,0,1), inset 0px 1px 2px rgba(0,0,0,0.15); } .push-message-red .button:hover { box-shadow:none; background-color:rgba(200,0,0,1); } .push-message-sticky { position: fixed; width: 100%; } .push-message-sticky-container { position: relative; height: 40px; } .push-message-warning { /* background: none!important; border: none!important;*/ } #cms-push-message-container h4 { padding: 5px; margin-bottom: 5px; } #cms-push-message-container .group:last-child { margin-top: 0px; padding-top: 0px; } p.push-message-actions { text-align: center; /*padding-top: 2px; margin-top: 0px;*/ } p.push-message-actions a { display: inline-block; text-decoration: underline; } p.push-message-actions a:hover { color:#333; } .important ul { padding-left: 10px!important; list-style-type: square; } .rederij-at-booleans { display: flex; justify-content: space-between; } button, a{ position: relative; } button.has-ripple:not(.has-mini-tooltip), a.has-ripple:not(.has-mini-tooltip) { overflow:hidden; } .ripple-effect { transform: scale(0); opacity:0; position: absolute; border-radius: 50%; width: 50px; height: 50px; background-color:rgba(0,0,0,0.5); animation: ripple-animation 0.75s; z-index:999999999; } @-webkit-keyframes ripple-animation { 0% { transform: scale(1); opacity: 1; } 66% { transform: scale(5); opacity: 0; } 67 % { display:none; } 100% { transform: scale(5); opacity: 0; } } @keyframes ripple-animation { 0% { transform: scale(1); opacity: 1; } 66% { transform: scale(5); opacity: 0; } 67 % { display:none; } 100% { transform: scale(5); opacity: 0; } }html { --scrollbarBG: #f6f6f6; --thumbBG: #aaa; } body::-webkit-scrollbar, .sql2table::-webkit-scrollbar { width: 10px; border-radius: 5px; } .sql2table::-webkit-scrollbar { height: 10px; cursor: grab; } body, html, *, .sql2table { scrollbar-width: thin; /* auto | thin | none | */ scrollbar-color: var(--color_main) var(--scrollbarBG); } * { scrollbar-color: var(--color_main) var(--scrollbarBG); scrollbar-width: auto; } body::-webkit-scrollbar-track, .sql2table::-webkit-scrollbar-track { background: var(--scrollbarBG); } body::-webkit-scrollbar-thumb, .sql2table::-webkit-scrollbar-thumb { background-color: var(--color_main) ; border-radius: 0px; border: 3px solid var(--scrollbarBG); cursor: grab; } .shadow-inset-top { position: relative; } .shadow-inset-top::before { content: ' '; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; display: block; background-color: rgba(0,0,0,0.05); border-top:1px solid rgba(0,0,0,0.1); } .shadow-right { box-shadow: 2px -1px 0px -1px rgba(0,0,0,0.1), 6px -3px 0px -3px rgba(0,0,0,0.05); } .top-row { display: none; } @media only screen and (max-width:800px) { .top-row .td-title br { display: block; } .top-row .td-title br + * { margin-left: 0px; } }#afbeelding-list { } /*#afbeelding-list li { background-color: #EEE; margin: 2px 0; padding: 5px; padding-left:20px; background-image:url('/_images/images/sortable-arrow-both.png'); background-repeat:no-repeat; background-position:6px 5px; list-style: none; cursor:move; line-height:40px; } #afbeelding-list li:first-child { background-image:url('/_images/images/sortable-arrow-down.png'); } #afbeelding-list li:last-child { background-image:url('/_images/images/sortable-arrow-up.png'); } */ #afbeelding-list li:active { } #afbeelding-list .odd { background-color: #F5F5F5; } #afbeelding-list .even { background-color: #F2F2F2; } #afbeelding-list li img { height:40px; margin-right:10px; float: left; } #afbeelding-list li .afbeelding-name { display: block; float: left; margin: 20px 0 0 10px; } #afbeelding-list .afbeelding-placeholder { background-color: #FFF; } #afbeelding-list .buttons { margin: 20px 20px 0 0; float: right; width: 200px; } #afbeelding-list li .buttons .button { margin-top: 0px; } #afbeelding-list li .buttons a { text-decoration: none; vertical-align: middle; } #afbeelding-list li .buttons img { float: none; display: inline; } tr.ui-sortable-helper { transition: 0s linear all!important; box-shadow:0px 0px 0px 1px rgba(0,0,0,0.25),0px 0px 25px 0px rgba(0,0,0,0.25); background-color:#fff; } .sql2.sql2table:not(.sql2table[data-viewtype="thumbs"]) tr.ui-sortable-helper { border-left:2px solid rgb(95, 169, 88); left: 61px!important; min-width: 80vw!important; max-width: calc(100vw - 62px); } .sql2table[data-viewtype="thumbs"] tr.ui-sortable-helper { min-width:inherit!important; width: 200px; } .sql2table[data-viewtype="thumbs"] tr.ui-sortable-helper > * { max-width: 100%; } .sql2table:not(.sql2table[data-viewtype="thumbs"]) tr.ui-sortable-helper { opacity: 0.9; user-select: none!important; } body:not(.lightmode) .sql2table:not(.sql2table[data-viewtype="thumbs"]) tr.ui-sortable-helper { opacity: 0.8; backdrop-filter:blur(3px); filter: grayscale(100%); } .sql2table:not(.sql2table[data-viewtype="thumbs"]) tr.ui-sortable-helper td { padding: 5px 10px!important; font-weight: bold; background: none!important; border: none; } .sql2table:not(.sql2table[data-viewtype="thumbs"]) tr.ui-sortable-helper td:not(td[class*="title"]) { } .sql2table:not(.sql2table[data-viewtype="thumbs"]) .sortable-placeholder { border:2px dashed rgba(0,0,0,0.1)!important; height: 40px; width: 100%; filter:brightness(70%); display: table-row; } .sql2table:not(.sql2table[data-viewtype="thumbs"]) .sortable-placeholder > * { } .sql2table:not(.sql2table[data-viewtype="thumbs"]) tr.ui-sortable-helper td:nth-child(n+2) { } tr.ui-sortable-helper td:nth-child(n+3) { } .m_icon_4square { background: url('/_images/images/sprite/sprite.png') -0px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_4square, .m_icon_4square_selected { background: url('/_images/images/sprite/sprite.png') -24px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_add { background: url('/_images/images/sprite/sprite.png') -48px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_add, .m_icon_add_selected { background: url('/_images/images/sprite/sprite.png') -72px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_address_book { background: url('/_images/images/sprite/sprite.png') -96px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_address_book, .m_icon_address_book_selected { background: url('/_images/images/sprite/sprite.png') -120px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_adjust { background: url('/_images/images/sprite/sprite.png') -144px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_adjust, .m_icon_adjust_selected { background: url('/_images/images/sprite/sprite.png') -168px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_airplane { background: url('/_images/images/sprite/sprite.png') -192px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_airplane, .m_icon_airplane_selected { background: url('/_images/images/sprite/sprite.png') -216px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_alarm { background: url('/_images/images/sprite/sprite.png') -240px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_alarm, .m_icon_alarm_selected { background: url('/_images/images/sprite/sprite.png') -264px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_albums { background: url('/_images/images/sprite/sprite.png') -288px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_albums, .m_icon_albums_selected { background: url('/_images/images/sprite/sprite.png') -312px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_align_center { background: url('/_images/images/sprite/sprite.png') -336px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_align_center, .m_icon_align_center_selected { background: url('/_images/images/sprite/sprite.png') -360px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_align_left { background: url('/_images/images/sprite/sprite.png') -384px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_align_left, .m_icon_align_left_selected { background: url('/_images/images/sprite/sprite.png') -408px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_align_right { background: url('/_images/images/sprite/sprite.png') -432px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_align_right, .m_icon_align_right_selected { background: url('/_images/images/sprite/sprite.png') -456px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_amazon { background: url('/_images/images/sprite/sprite.png') -480px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_amazon, .m_icon_amazon_selected { background: url('/_images/images/sprite/sprite.png') -504px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_anchor { background: url('/_images/images/sprite/sprite.png') -528px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_anchor, .m_icon_anchor_selected { background: url('/_images/images/sprite/sprite.png') -552px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_announcement { background: url('/_images/images/sprite/sprite.png') -576px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_announcement, .m_icon_announcement_selected { background: url('/_images/images/sprite/sprite.png') -600px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_asterisk { background: url('/_images/images/sprite/sprite.png') -624px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_asterisk, .m_icon_asterisk_selected { background: url('/_images/images/sprite/sprite.png') -648px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_attach { background: url('/_images/images/sprite/sprite.png') -672px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_attach, .m_icon_attach_selected { background: url('/_images/images/sprite/sprite.png') -696px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ax { background: url('/_images/images/sprite/sprite.png') -720px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ax, .m_icon_ax_selected { background: url('/_images/images/sprite/sprite.png') -744px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ban { background: url('/_images/images/sprite/sprite.png') -768px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ban, .m_icon_ban_selected { background: url('/_images/images/sprite/sprite.png') -792px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bank { background: url('/_images/images/sprite/sprite.png') -816px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bank, .m_icon_bank_selected { background: url('/_images/images/sprite/sprite.png') -840px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_barcode { background: url('/_images/images/sprite/sprite.png') -864px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_barcode, .m_icon_barcode_selected { background: url('/_images/images/sprite/sprite.png') -888px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_baseball { background: url('/_images/images/sprite/sprite.png') -912px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_baseball, .m_icon_baseball_selected { background: url('/_images/images/sprite/sprite.png') -936px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_beach_umbrella { background: url('/_images/images/sprite/sprite.png') -960px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_beach_umbrella, .m_icon_beach_umbrella_selected { background: url('/_images/images/sprite/sprite.png') -984px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_beer { background: url('/_images/images/sprite/sprite.png') -1008px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_beer, .m_icon_beer_selected { background: url('/_images/images/sprite/sprite.png') -1032px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_behance { background: url('/_images/images/sprite/sprite.png') -1056px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_behance, .m_icon_behance_selected { background: url('/_images/images/sprite/sprite.png') -1080px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bell { background: url('/_images/images/sprite/sprite.png') -1104px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bell, .m_icon_bell_selected { background: url('/_images/images/sprite/sprite.png') -1128px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bin { background: url('/_images/images/sprite/sprite.png') -1152px -0px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bin, .m_icon_bin_selected { background: url('/_images/images/sprite/sprite.png') -1176px -0px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_binoculars { background: url('/_images/images/sprite/sprite.png') -0px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_binoculars, .m_icon_binoculars_selected { background: url('/_images/images/sprite/sprite.png') -24px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_birthday_cake { background: url('/_images/images/sprite/sprite.png') -48px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_birthday_cake, .m_icon_birthday_cake_selected { background: url('/_images/images/sprite/sprite.png') -72px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_blog { background: url('/_images/images/sprite/sprite.png') -96px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_blog, .m_icon_blog_selected { background: url('/_images/images/sprite/sprite.png') -120px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_blogger { background: url('/_images/images/sprite/sprite.png') -144px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_blogger, .m_icon_blogger_selected { background: url('/_images/images/sprite/sprite.png') -168px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bluetooth { background: url('/_images/images/sprite/sprite.png') -192px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bluetooth, .m_icon_bluetooth_selected { background: url('/_images/images/sprite/sprite.png') -216px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_boat { background: url('/_images/images/sprite/sprite.png') -240px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_boat, .m_icon_boat_selected { background: url('/_images/images/sprite/sprite.png') -264px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bold { background: url('/_images/images/sprite/sprite.png') -288px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bold, .m_icon_bold_selected { background: url('/_images/images/sprite/sprite.png') -312px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bomb { background: url('/_images/images/sprite/sprite.png') -336px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bomb, .m_icon_bomb_selected { background: url('/_images/images/sprite/sprite.png') -360px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_book { background: url('/_images/images/sprite/sprite.png') -384px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_book_open { background: url('/_images/images/sprite/sprite.png') -408px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_book_open, .m_icon_book_open_selected { background: url('/_images/images/sprite/sprite.png') -432px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_book, .m_icon_book_selected { background: url('/_images/images/sprite/sprite.png') -456px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bookmark { background: url('/_images/images/sprite/sprite.png') -480px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bookmark, .m_icon_bookmark_selected { background: url('/_images/images/sprite/sprite.png') -504px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bowling { background: url('/_images/images/sprite/sprite.png') -528px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bowling, .m_icon_bowling_selected { background: url('/_images/images/sprite/sprite.png') -552px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bp { background: url('/_images/images/sprite/sprite.png') -576px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bp, .m_icon_bp_selected { background: url('/_images/images/sprite/sprite.png') -600px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_briefcase { background: url('/_images/images/sprite/sprite.png') -624px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_briefcase, .m_icon_briefcase_selected { background: url('/_images/images/sprite/sprite.png') -648px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_brightness_increase { background: url('/_images/images/sprite/sprite.png') -672px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_brightness_increase, .m_icon_brightness_increase_selected { background: url('/_images/images/sprite/sprite.png') -696px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_brightness_reduce { background: url('/_images/images/sprite/sprite.png') -720px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_brightness_reduce, .m_icon_brightness_reduce_selected { background: url('/_images/images/sprite/sprite.png') -744px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_brush { background: url('/_images/images/sprite/sprite.png') -768px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_brush, .m_icon_brush_selected { background: url('/_images/images/sprite/sprite.png') -792px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bullets { background: url('/_images/images/sprite/sprite.png') -816px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bullets, .m_icon_bullets_selected { background: url('/_images/images/sprite/sprite.png') -840px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_buoy { background: url('/_images/images/sprite/sprite.png') -864px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_buoy, .m_icon_buoy_selected { background: url('/_images/images/sprite/sprite.png') -888px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_bus { background: url('/_images/images/sprite/sprite.png') -912px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_bus, .m_icon_bus_selected { background: url('/_images/images/sprite/sprite.png') -936px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_buzz { background: url('/_images/images/sprite/sprite.png') -960px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_buzz, .m_icon_buzz_selected { background: url('/_images/images/sprite/sprite.png') -984px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cake { background: url('/_images/images/sprite/sprite.png') -1008px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cake, .m_icon_cake_selected { background: url('/_images/images/sprite/sprite.png') -1032px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_calculator { background: url('/_images/images/sprite/sprite.png') -1056px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_calculator, .m_icon_calculator_selected { background: url('/_images/images/sprite/sprite.png') -1080px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_calendar { background: url('/_images/images/sprite/sprite.png') -1104px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_calendar, .m_icon_calendar_selected { background: url('/_images/images/sprite/sprite.png') -1128px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_camera { background: url('/_images/images/sprite/sprite.png') -1152px -24px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_camera, .m_icon_camera_selected { background: url('/_images/images/sprite/sprite.png') -1176px -24px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_camera_small { background: url('/_images/images/sprite/sprite.png') -0px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_camera_small, .m_icon_camera_small_selected { background: url('/_images/images/sprite/sprite.png') -24px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_candle { background: url('/_images/images/sprite/sprite.png') -48px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_candle, .m_icon_candle_selected { background: url('/_images/images/sprite/sprite.png') -72px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_car { background: url('/_images/images/sprite/sprite.png') -96px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_car, .m_icon_car_selected { background: url('/_images/images/sprite/sprite.png') -120px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cardio { background: url('/_images/images/sprite/sprite.png') -144px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cardio, .m_icon_cardio_selected { background: url('/_images/images/sprite/sprite.png') -168px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cargo { background: url('/_images/images/sprite/sprite.png') -192px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cargo, .m_icon_cargo_selected { background: url('/_images/images/sprite/sprite.png') -216px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cars { background: url('/_images/images/sprite/sprite.png') -240px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cars, .m_icon_cars_selected { background: url('/_images/images/sprite/sprite.png') -264px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cart_in { background: url('/_images/images/sprite/sprite.png') -288px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cart_in, .m_icon_cart_in_selected { background: url('/_images/images/sprite/sprite.png') -312px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cart_out { background: url('/_images/images/sprite/sprite.png') -336px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cart_out, .m_icon_cart_out_selected { background: url('/_images/images/sprite/sprite.png') -360px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_celebration { background: url('/_images/images/sprite/sprite.png') -384px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_celebration, .m_icon_celebration_selected { background: url('/_images/images/sprite/sprite.png') -408px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_certificate { background: url('/_images/images/sprite/sprite.png') -432px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_certificate, .m_icon_certificate_selected { background: url('/_images/images/sprite/sprite.png') -456px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_charts { background: url('/_images/images/sprite/sprite.png') -480px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_charts, .m_icon_charts_selected { background: url('/_images/images/sprite/sprite.png') -504px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_chat { background: url('/_images/images/sprite/sprite.png') -528px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_chat, .m_icon_chat_selected { background: url('/_images/images/sprite/sprite.png') -552px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_check { background: url('/_images/images/sprite/sprite.png') -576px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_check, .m_icon_check_selected { background: url('/_images/images/sprite/sprite.png') -600px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_arrow_down { background: url('/_images/images/sprite/sprite.png') -624px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_arrow_down, .m_icon_circle_arrow_down_selected { background: url('/_images/images/sprite/sprite.png') -648px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_arrow_left { background: url('/_images/images/sprite/sprite.png') -672px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_arrow_left, .m_icon_circle_arrow_left_selected { background: url('/_images/images/sprite/sprite.png') -696px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_arrow_right { background: url('/_images/images/sprite/sprite.png') -720px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_arrow_right, .m_icon_circle_arrow_right_selected { background: url('/_images/images/sprite/sprite.png') -744px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_arrow_top { background: url('/_images/images/sprite/sprite.png') -768px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_arrow_top, .m_icon_circle_arrow_top_selected { background: url('/_images/images/sprite/sprite.png') -792px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_exclamation_mark { background: url('/_images/images/sprite/sprite.png') -816px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_exclamation_mark, .m_icon_circle_exclamation_mark_selected { background: url('/_images/images/sprite/sprite.png') -840px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_info { background: url('/_images/images/sprite/sprite.png') -864px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_info, .m_icon_circle_info_selected { background: url('/_images/images/sprite/sprite.png') -888px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_minus { background: url('/_images/images/sprite/sprite.png') -912px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_minus, .m_icon_circle_minus_selected { background: url('/_images/images/sprite/sprite.png') -936px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_ok { background: url('/_images/images/sprite/sprite.png') -960px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_ok, .m_icon_circle_ok_selected { background: url('/_images/images/sprite/sprite.png') -984px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_plus { background: url('/_images/images/sprite/sprite.png') -1008px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_plus, .m_icon_circle_plus_selected { background: url('/_images/images/sprite/sprite.png') -1032px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_question_mark { background: url('/_images/images/sprite/sprite.png') -1056px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_question_mark, .m_icon_circle_question_mark_selected { background: url('/_images/images/sprite/sprite.png') -1080px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_circle_remove { background: url('/_images/images/sprite/sprite.png') -1104px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_circle_remove, .m_icon_circle_remove_selected { background: url('/_images/images/sprite/sprite.png') -1128px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cleaning { background: url('/_images/images/sprite/sprite.png') -1152px -48px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cleaning, .m_icon_cleaning_selected { background: url('/_images/images/sprite/sprite.png') -1176px -48px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_clock { background: url('/_images/images/sprite/sprite.png') -0px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_clock, .m_icon_clock_selected { background: url('/_images/images/sprite/sprite.png') -24px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cloud { background: url('/_images/images/sprite/sprite.png') -48px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cloud, .m_icon_cloud_selected { background: url('/_images/images/sprite/sprite.png') -72px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_coffe_cup { background: url('/_images/images/sprite/sprite.png') -96px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_coffe_cup, .m_icon_coffe_cup_selected { background: url('/_images/images/sprite/sprite.png') -120px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cogwheel { background: url('/_images/images/sprite/sprite.png') -144px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cogwheel, .m_icon_cogwheel_selected { background: url('/_images/images/sprite/sprite.png') -168px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cogwheels { background: url('/_images/images/sprite/sprite.png') -192px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cogwheels, .m_icon_cogwheels_selected { background: url('/_images/images/sprite/sprite.png') -216px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_comments { background: url('/_images/images/sprite/sprite.png') -240px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_comments, .m_icon_comments_selected { background: url('/_images/images/sprite/sprite.png') -264px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_compass { background: url('/_images/images/sprite/sprite.png') -288px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_compass, .m_icon_compass_selected { background: url('/_images/images/sprite/sprite.png') -312px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_computer_locked { background: url('/_images/images/sprite/sprite.png') -336px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_computer_locked, .m_icon_computer_locked_selected { background: url('/_images/images/sprite/sprite.png') -360px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_computer_proces { background: url('/_images/images/sprite/sprite.png') -384px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_computer_proces, .m_icon_computer_proces_selected { background: url('/_images/images/sprite/sprite.png') -408px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_computer_service { background: url('/_images/images/sprite/sprite.png') -432px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_computer_service, .m_icon_computer_service_selected { background: url('/_images/images/sprite/sprite.png') -456px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_conversation { background: url('/_images/images/sprite/sprite.png') -480px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_conversation, .m_icon_conversation_selected { background: url('/_images/images/sprite/sprite.png') -504px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_credit { background: url('/_images/images/sprite/sprite.png') -528px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_credit_card { background: url('/_images/images/sprite/sprite.png') -552px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_credit_card, .m_icon_credit_card_selected { background: url('/_images/images/sprite/sprite.png') -576px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_credit, .m_icon_credit_selected { background: url('/_images/images/sprite/sprite.png') -600px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_crop { background: url('/_images/images/sprite/sprite.png') -624px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_crop, .m_icon_crop_selected { background: url('/_images/images/sprite/sprite.png') -648px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cup { background: url('/_images/images/sprite/sprite.png') -672px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cup, .m_icon_cup_selected { background: url('/_images/images/sprite/sprite.png') -696px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_cutlery { background: url('/_images/images/sprite/sprite.png') -720px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_cutlery, .m_icon_cutlery_selected { background: url('/_images/images/sprite/sprite.png') -744px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_dashboard { background: url('/_images/images/sprite/sprite.png') -768px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_dashboard, .m_icon_dashboard_selected { background: url('/_images/images/sprite/sprite.png') -792px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_database_ban { background: url('/_images/images/sprite/sprite.png') -816px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_database_ban, .m_icon_database_ban_selected { background: url('/_images/images/sprite/sprite.png') -840px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_database_lock { background: url('/_images/images/sprite/sprite.png') -864px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_database_lock, .m_icon_database_lock_selected { background: url('/_images/images/sprite/sprite.png') -888px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_database_minus { background: url('/_images/images/sprite/sprite.png') -912px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_database_minus, .m_icon_database_minus_selected { background: url('/_images/images/sprite/sprite.png') -936px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_database_plus { background: url('/_images/images/sprite/sprite.png') -960px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_database_plus, .m_icon_database_plus_selected { background: url('/_images/images/sprite/sprite.png') -984px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_delete_point { background: url('/_images/images/sprite/sprite.png') -1008px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_delete_point, .m_icon_delete_point_selected { background: url('/_images/images/sprite/sprite.png') -1032px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_deviantart { background: url('/_images/images/sprite/sprite.png') -1056px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_deviantart, .m_icon_deviantart_selected { background: url('/_images/images/sprite/sprite.png') -1080px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_direction { background: url('/_images/images/sprite/sprite.png') -1104px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_direction, .m_icon_direction_selected { background: url('/_images/images/sprite/sprite.png') -1128px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_dislikes { background: url('/_images/images/sprite/sprite.png') -1152px -72px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_dislikes, .m_icon_dislikes_selected { background: url('/_images/images/sprite/sprite.png') -1176px -72px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_display { background: url('/_images/images/sprite/sprite.png') -0px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_display, .m_icon_display_selected { background: url('/_images/images/sprite/sprite.png') -24px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_divide { background: url('/_images/images/sprite/sprite.png') -48px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_divide, .m_icon_divide_selected { background: url('/_images/images/sprite/sprite.png') -72px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_dog { background: url('/_images/images/sprite/sprite.png') -96px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_dog, .m_icon_dog_selected { background: url('/_images/images/sprite/sprite.png') -120px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_down_arrow { background: url('/_images/images/sprite/sprite.png') -144px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_down_arrow, .m_icon_down_arrow_selected { background: url('/_images/images/sprite/sprite.png') -168px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_download { background: url('/_images/images/sprite/sprite.png') -192px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_download_alt { background: url('/_images/images/sprite/sprite.png') -216px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_download_alt, .m_icon_download_alt_selected { background: url('/_images/images/sprite/sprite.png') -240px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_download, .m_icon_download_selected { background: url('/_images/images/sprite/sprite.png') -264px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_dribbble { background: url('/_images/images/sprite/sprite.png') -288px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_dribbble, .m_icon_dribbble_selected { background: url('/_images/images/sprite/sprite.png') -312px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_drink { background: url('/_images/images/sprite/sprite.png') -336px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_drink, .m_icon_drink_selected { background: url('/_images/images/sprite/sprite.png') -360px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_dropbox { background: url('/_images/images/sprite/sprite.png') -384px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_dropbox, .m_icon_dropbox_selected { background: url('/_images/images/sprite/sprite.png') -408px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_dumbbell { background: url('/_images/images/sprite/sprite.png') -432px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_dumbbell, .m_icon_dumbbell_selected { background: url('/_images/images/sprite/sprite.png') -456px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_e-mail { background: url('/_images/images/sprite/sprite.png') -480px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_e-mail, .m_icon_e-mail_selected { background: url('/_images/images/sprite/sprite.png') -504px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ear_plugs { background: url('/_images/images/sprite/sprite.png') -528px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ear_plugs, .m_icon_ear_plugs_selected { background: url('/_images/images/sprite/sprite.png') -552px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_edit { background: url('/_images/images/sprite/sprite.png') -576px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_edit, .m_icon_edit_selected { background: url('/_images/images/sprite/sprite.png') -600px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_eject { background: url('/_images/images/sprite/sprite.png') -624px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_eject, .m_icon_eject_selected { background: url('/_images/images/sprite/sprite.png') -648px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_electrical_plug { background: url('/_images/images/sprite/sprite.png') -672px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_electrical_plug, .m_icon_electrical_plug_selected { background: url('/_images/images/sprite/sprite.png') -696px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_electrical_socket_eu { background: url('/_images/images/sprite/sprite.png') -720px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_electrical_socket_eu, .m_icon_electrical_socket_eu_selected { background: url('/_images/images/sprite/sprite.png') -744px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_electrical_socket_us { background: url('/_images/images/sprite/sprite.png') -768px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_electrical_socket_us, .m_icon_electrical_socket_us_selected { background: url('/_images/images/sprite/sprite.png') -792px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_electricity { background: url('/_images/images/sprite/sprite.png') -816px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_electricity, .m_icon_electricity_selected { background: url('/_images/images/sprite/sprite.png') -840px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_embed { background: url('/_images/images/sprite/sprite.png') -864px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_embed_close { background: url('/_images/images/sprite/sprite.png') -888px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_embed_close, .m_icon_embed_close_selected { background: url('/_images/images/sprite/sprite.png') -912px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_embed, .m_icon_embed_selected { background: url('/_images/images/sprite/sprite.png') -936px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_envelope { background: url('/_images/images/sprite/sprite.png') -960px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_envelope, .m_icon_envelope_selected { background: url('/_images/images/sprite/sprite.png') -984px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_euro { background: url('/_images/images/sprite/sprite.png') -1008px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_euro, .m_icon_euro_selected { background: url('/_images/images/sprite/sprite.png') -1032px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_evernote { background: url('/_images/images/sprite/sprite.png') -1056px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_evernote, .m_icon_evernote_selected { background: url('/_images/images/sprite/sprite.png') -1080px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_eye_close { background: url('/_images/images/sprite/sprite.png') -1104px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_eye_close, .m_icon_eye_close_selected { background: url('/_images/images/sprite/sprite.png') -1128px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_eye_open { background: url('/_images/images/sprite/sprite.png') -1152px -96px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_eye_open, .m_icon_eye_open_selected { background: url('/_images/images/sprite/sprite.png') -1176px -96px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fabric { background: url('/_images/images/sprite/sprite.png') -0px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fabric, .m_icon_fabric_selected { background: url('/_images/images/sprite/sprite.png') -24px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_facebook { background: url('/_images/images/sprite/sprite.png') -48px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_facebook, .m_icon_facebook_selected { background: url('/_images/images/sprite/sprite.png') -72px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_facetime_video { background: url('/_images/images/sprite/sprite.png') -96px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_facetime_video, .m_icon_facetime_video_selected { background: url('/_images/images/sprite/sprite.png') -120px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fast_backward { background: url('/_images/images/sprite/sprite.png') -144px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fast_backward, .m_icon_fast_backward_selected { background: url('/_images/images/sprite/sprite.png') -168px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fast_food { background: url('/_images/images/sprite/sprite.png') -192px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fast_food, .m_icon_fast_food_selected { background: url('/_images/images/sprite/sprite.png') -216px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fast_forward { background: url('/_images/images/sprite/sprite.png') -240px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fast_forward, .m_icon_fast_forward_selected { background: url('/_images/images/sprite/sprite.png') -264px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_female { background: url('/_images/images/sprite/sprite.png') -288px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_female, .m_icon_female_selected { background: url('/_images/images/sprite/sprite.png') -312px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_file { background: url('/_images/images/sprite/sprite.png') -336px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_file_export { background: url('/_images/images/sprite/sprite.png') -360px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_file_export, .m_icon_file_export_selected { background: url('/_images/images/sprite/sprite.png') -384px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_file_import { background: url('/_images/images/sprite/sprite.png') -408px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_file_import, .m_icon_file_import_selected { background: url('/_images/images/sprite/sprite.png') -432px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_file, .m_icon_file_selected { background: url('/_images/images/sprite/sprite.png') -456px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_film { background: url('/_images/images/sprite/sprite.png') -480px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_film, .m_icon_film_selected { background: url('/_images/images/sprite/sprite.png') -504px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_filter { background: url('/_images/images/sprite/sprite.png') -528px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_filter, .m_icon_filter_selected { background: url('/_images/images/sprite/sprite.png') -552px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fins { background: url('/_images/images/sprite/sprite.png') -576px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fins, .m_icon_fins_selected { background: url('/_images/images/sprite/sprite.png') -600px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fire { background: url('/_images/images/sprite/sprite.png') -624px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fire, .m_icon_fire_selected { background: url('/_images/images/sprite/sprite.png') -648px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fishes { background: url('/_images/images/sprite/sprite.png') -672px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fishes, .m_icon_fishes_selected { background: url('/_images/images/sprite/sprite.png') -696px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_flag { background: url('/_images/images/sprite/sprite.png') -720px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_flag, .m_icon_flag_selected { background: url('/_images/images/sprite/sprite.png') -744px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_flash { background: url('/_images/images/sprite/sprite.png') -768px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_flash, .m_icon_flash_selected { background: url('/_images/images/sprite/sprite.png') -792px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_flickr { background: url('/_images/images/sprite/sprite.png') -816px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_flickr, .m_icon_flickr_selected { background: url('/_images/images/sprite/sprite.png') -840px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_flower { background: url('/_images/images/sprite/sprite.png') -864px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_flower, .m_icon_flower_selected { background: url('/_images/images/sprite/sprite.png') -888px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_folder_flag { background: url('/_images/images/sprite/sprite.png') -912px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_folder_flag, .m_icon_folder_flag_selected { background: url('/_images/images/sprite/sprite.png') -936px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_folder_lock { background: url('/_images/images/sprite/sprite.png') -960px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_folder_lock, .m_icon_folder_lock_selected { background: url('/_images/images/sprite/sprite.png') -984px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_folder_minus { background: url('/_images/images/sprite/sprite.png') -1008px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_folder_minus, .m_icon_folder_minus_selected { background: url('/_images/images/sprite/sprite.png') -1032px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_folder_new { background: url('/_images/images/sprite/sprite.png') -1056px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_folder_new, .m_icon_folder_new_selected { background: url('/_images/images/sprite/sprite.png') -1080px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_folder_open { background: url('/_images/images/sprite/sprite.png') -1104px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_folder_open, .m_icon_folder_open_selected { background: url('/_images/images/sprite/sprite.png') -1128px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_folder_plus { background: url('/_images/images/sprite/sprite.png') -1152px -120px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_folder_plus, .m_icon_folder_plus_selected { background: url('/_images/images/sprite/sprite.png') -1176px -120px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_font { background: url('/_images/images/sprite/sprite.png') -0px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_font, .m_icon_font_selected { background: url('/_images/images/sprite/sprite.png') -24px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_forrst { background: url('/_images/images/sprite/sprite.png') -48px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_forrst, .m_icon_forrst_selected { background: url('/_images/images/sprite/sprite.png') -72px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_forward { background: url('/_images/images/sprite/sprite.png') -96px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_forward, .m_icon_forward_selected { background: url('/_images/images/sprite/sprite.png') -120px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_french_press { background: url('/_images/images/sprite/sprite.png') -144px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_french_press, .m_icon_french_press_selected { background: url('/_images/images/sprite/sprite.png') -168px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_fullscreen { background: url('/_images/images/sprite/sprite.png') -192px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_fullscreen, .m_icon_fullscreen_selected { background: url('/_images/images/sprite/sprite.png') -216px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_gamepad { background: url('/_images/images/sprite/sprite.png') -240px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_gamepad, .m_icon_gamepad_selected { background: url('/_images/images/sprite/sprite.png') -264px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_gift { background: url('/_images/images/sprite/sprite.png') -288px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_gift, .m_icon_gift_selected { background: url('/_images/images/sprite/sprite.png') -312px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_girl { background: url('/_images/images/sprite/sprite.png') -336px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_girl, .m_icon_girl_selected { background: url('/_images/images/sprite/sprite.png') -360px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_github { background: url('/_images/images/sprite/sprite.png') -384px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_github, .m_icon_github_selected { background: url('/_images/images/sprite/sprite.png') -408px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_glass { background: url('/_images/images/sprite/sprite.png') -432px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_glass, .m_icon_glass_selected { background: url('/_images/images/sprite/sprite.png') -456px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_globe { background: url('/_images/images/sprite/sprite.png') -480px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_globe, .m_icon_globe_selected { background: url('/_images/images/sprite/sprite.png') -504px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_google+_alt { background: url('/_images/images/sprite/sprite.png') -528px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_google+_alt, .m_icon_google+_alt_selected { background: url('/_images/images/sprite/sprite.png') -552px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_google_maps { background: url('/_images/images/sprite/sprite.png') -576px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_google_maps, .m_icon_google_maps_selected { background: url('/_images/images/sprite/sprite.png') -600px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_google_plus { background: url('/_images/images/sprite/sprite.png') -624px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_google_plus, .m_icon_google_plus_selected { background: url('/_images/images/sprite/sprite.png') -648px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_grater { background: url('/_images/images/sprite/sprite.png') -672px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_grater, .m_icon_grater_selected { background: url('/_images/images/sprite/sprite.png') -696px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_group { background: url('/_images/images/sprite/sprite.png') -720px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_group, .m_icon_group_selected { background: url('/_images/images/sprite/sprite.png') -744px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hand_down { background: url('/_images/images/sprite/sprite.png') -768px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hand_down, .m_icon_hand_down_selected { background: url('/_images/images/sprite/sprite.png') -792px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hand_left { background: url('/_images/images/sprite/sprite.png') -816px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hand_left, .m_icon_hand_left_selected { background: url('/_images/images/sprite/sprite.png') -840px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hand_right { background: url('/_images/images/sprite/sprite.png') -864px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hand_right, .m_icon_hand_right_selected { background: url('/_images/images/sprite/sprite.png') -888px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hand_up { background: url('/_images/images/sprite/sprite.png') -912px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hand_up, .m_icon_hand_up_selected { background: url('/_images/images/sprite/sprite.png') -936px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hdd { background: url('/_images/images/sprite/sprite.png') -960px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hdd, .m_icon_hdd_selected { background: url('/_images/images/sprite/sprite.png') -984px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_headphones { background: url('/_images/images/sprite/sprite.png') -1008px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_headphones, .m_icon_headphones_selected { background: url('/_images/images/sprite/sprite.png') -1032px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_headset { background: url('/_images/images/sprite/sprite.png') -1056px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_headset, .m_icon_headset_selected { background: url('/_images/images/sprite/sprite.png') -1080px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_heart { background: url('/_images/images/sprite/sprite.png') -1104px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_heart, .m_icon_heart_selected { background: url('/_images/images/sprite/sprite.png') -1128px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_heat { background: url('/_images/images/sprite/sprite.png') -1152px -144px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_heat, .m_icon_heat_selected { background: url('/_images/images/sprite/sprite.png') -1176px -144px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_history { background: url('/_images/images/sprite/sprite.png') -0px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_history, .m_icon_history_selected { background: url('/_images/images/sprite/sprite.png') -24px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_home { background: url('/_images/images/sprite/sprite.png') -48px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_home, .m_icon_home_selected { background: url('/_images/images/sprite/sprite.png') -72px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hospital { background: url('/_images/images/sprite/sprite.png') -96px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_hospital_h { background: url('/_images/images/sprite/sprite.png') -120px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hospital_h, .m_icon_hospital_h_selected { background: url('/_images/images/sprite/sprite.png') -144px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_hospital, .m_icon_hospital_selected { background: url('/_images/images/sprite/sprite.png') -168px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_imac { background: url('/_images/images/sprite/sprite.png') -192px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_imac, .m_icon_imac_selected { background: url('/_images/images/sprite/sprite.png') -216px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_inbox { background: url('/_images/images/sprite/sprite.png') -240px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_inbox_in { background: url('/_images/images/sprite/sprite.png') -264px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_inbox_in, .m_icon_inbox_in_selected { background: url('/_images/images/sprite/sprite.png') -288px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_inbox_lock { background: url('/_images/images/sprite/sprite.png') -312px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_inbox_lock, .m_icon_inbox_lock_selected { background: url('/_images/images/sprite/sprite.png') -336px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_inbox_minus { background: url('/_images/images/sprite/sprite.png') -360px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_inbox_minus, .m_icon_inbox_minus_selected { background: url('/_images/images/sprite/sprite.png') -384px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_inbox_out { background: url('/_images/images/sprite/sprite.png') -408px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_inbox_out, .m_icon_inbox_out_selected { background: url('/_images/images/sprite/sprite.png') -432px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_inbox_plus { background: url('/_images/images/sprite/sprite.png') -456px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_inbox_plus, .m_icon_inbox_plus_selected { background: url('/_images/images/sprite/sprite.png') -480px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_inbox, .m_icon_inbox_selected { background: url('/_images/images/sprite/sprite.png') -504px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_instapaper { background: url('/_images/images/sprite/sprite.png') -528px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_instapaper, .m_icon_instapaper_selected { background: url('/_images/images/sprite/sprite.png') -552px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ipad { background: url('/_images/images/sprite/sprite.png') -576px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ipad, .m_icon_ipad_selected { background: url('/_images/images/sprite/sprite.png') -600px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_iphone { background: url('/_images/images/sprite/sprite.png') -624px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_iphone_exchange { background: url('/_images/images/sprite/sprite.png') -648px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_iphone_exchange, .m_icon_iphone_exchange_selected { background: url('/_images/images/sprite/sprite.png') -672px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_iphone, .m_icon_iphone_selected { background: url('/_images/images/sprite/sprite.png') -696px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_iphone_shake { background: url('/_images/images/sprite/sprite.png') -720px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_iphone_shake, .m_icon_iphone_shake_selected { background: url('/_images/images/sprite/sprite.png') -744px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_iphone_transfer { background: url('/_images/images/sprite/sprite.png') -768px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_iphone_transfer, .m_icon_iphone_transfer_selected { background: url('/_images/images/sprite/sprite.png') -792px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ipod { background: url('/_images/images/sprite/sprite.png') -816px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ipod, .m_icon_ipod_selected { background: url('/_images/images/sprite/sprite.png') -840px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ipod_shuffle { background: url('/_images/images/sprite/sprite.png') -864px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ipod_shuffle, .m_icon_ipod_shuffle_selected { background: url('/_images/images/sprite/sprite.png') -888px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_italic { background: url('/_images/images/sprite/sprite.png') -912px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_italic, .m_icon_italic_selected { background: url('/_images/images/sprite/sprite.png') -936px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_jolicloud { background: url('/_images/images/sprite/sprite.png') -960px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_jolicloud, .m_icon_jolicloud_selected { background: url('/_images/images/sprite/sprite.png') -984px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_justify { background: url('/_images/images/sprite/sprite.png') -1008px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_justify, .m_icon_justify_selected { background: url('/_images/images/sprite/sprite.png') -1032px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_kettle { background: url('/_images/images/sprite/sprite.png') -1056px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_kettle, .m_icon_kettle_selected { background: url('/_images/images/sprite/sprite.png') -1080px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_keyboard_wired { background: url('/_images/images/sprite/sprite.png') -1104px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_keyboard_wired, .m_icon_keyboard_wired_selected { background: url('/_images/images/sprite/sprite.png') -1128px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_keyboard_wireless { background: url('/_images/images/sprite/sprite.png') -1152px -168px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_keyboard_wireless, .m_icon_keyboard_wireless_selected { background: url('/_images/images/sprite/sprite.png') -1176px -168px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_keynote { background: url('/_images/images/sprite/sprite.png') -0px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_keynote, .m_icon_keynote_selected { background: url('/_images/images/sprite/sprite.png') -24px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_keys { background: url('/_images/images/sprite/sprite.png') -48px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_keys, .m_icon_keys_selected { background: url('/_images/images/sprite/sprite.png') -72px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_last_fm { background: url('/_images/images/sprite/sprite.png') -96px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_last_fm, .m_icon_last_fm_selected { background: url('/_images/images/sprite/sprite.png') -120px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_leaf { background: url('/_images/images/sprite/sprite.png') -144px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_leaf, .m_icon_leaf_selected { background: url('/_images/images/sprite/sprite.png') -168px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_leather { background: url('/_images/images/sprite/sprite.png') -192px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_leather, .m_icon_leather_selected { background: url('/_images/images/sprite/sprite.png') -216px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_left_arrow { background: url('/_images/images/sprite/sprite.png') -240px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_left_arrow, .m_icon_left_arrow_selected { background: url('/_images/images/sprite/sprite.png') -264px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_left_indent { background: url('/_images/images/sprite/sprite.png') -288px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_left_indent, .m_icon_left_indent_selected { background: url('/_images/images/sprite/sprite.png') -312px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_lightbulb { background: url('/_images/images/sprite/sprite.png') -336px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_lightbulb, .m_icon_lightbulb_selected { background: url('/_images/images/sprite/sprite.png') -360px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_link { background: url('/_images/images/sprite/sprite.png') -384px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_link, .m_icon_link_selected { background: url('/_images/images/sprite/sprite.png') -408px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_linked_in { background: url('/_images/images/sprite/sprite.png') -432px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_linked_in, .m_icon_linked_in_selected { background: url('/_images/images/sprite/sprite.png') -456px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_list { background: url('/_images/images/sprite/sprite.png') -480px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_list, .m_icon_list_selected { background: url('/_images/images/sprite/sprite.png') -504px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_lock { background: url('/_images/images/sprite/sprite.png') -528px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_lock, .m_icon_lock_selected { background: url('/_images/images/sprite/sprite.png') -552px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_log_book { background: url('/_images/images/sprite/sprite.png') -576px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_log_book, .m_icon_log_book_selected { background: url('/_images/images/sprite/sprite.png') -600px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_luggage { background: url('/_images/images/sprite/sprite.png') -624px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_luggage, .m_icon_luggage_selected { background: url('/_images/images/sprite/sprite.png') -648px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_macbook { background: url('/_images/images/sprite/sprite.png') -672px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_macbook, .m_icon_macbook_selected { background: url('/_images/images/sprite/sprite.png') -696px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_magic { background: url('/_images/images/sprite/sprite.png') -720px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_magic, .m_icon_magic_selected { background: url('/_images/images/sprite/sprite.png') -744px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_magnet { background: url('/_images/images/sprite/sprite.png') -768px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_magnet, .m_icon_magnet_selected { background: url('/_images/images/sprite/sprite.png') -792px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_male { background: url('/_images/images/sprite/sprite.png') -816px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_male, .m_icon_male_selected { background: url('/_images/images/sprite/sprite.png') -840px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_ban { background: url('/_images/images/sprite/sprite.png') -864px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_ban, .m_icon_message_ban_selected { background: url('/_images/images/sprite/sprite.png') -888px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_empty { background: url('/_images/images/sprite/sprite.png') -912px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_empty, .m_icon_message_empty_selected { background: url('/_images/images/sprite/sprite.png') -936px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_flag { background: url('/_images/images/sprite/sprite.png') -960px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_flag, .m_icon_message_flag_selected { background: url('/_images/images/sprite/sprite.png') -984px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_full { background: url('/_images/images/sprite/sprite.png') -1008px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_full, .m_icon_message_full_selected { background: url('/_images/images/sprite/sprite.png') -1032px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_in { background: url('/_images/images/sprite/sprite.png') -1056px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_in, .m_icon_message_in_selected { background: url('/_images/images/sprite/sprite.png') -1080px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_lock { background: url('/_images/images/sprite/sprite.png') -1104px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_lock, .m_icon_message_lock_selected { background: url('/_images/images/sprite/sprite.png') -1128px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_minus { background: url('/_images/images/sprite/sprite.png') -1152px -192px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_minus, .m_icon_message_minus_selected { background: url('/_images/images/sprite/sprite.png') -1176px -192px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_new { background: url('/_images/images/sprite/sprite.png') -0px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_new, .m_icon_message_new_selected { background: url('/_images/images/sprite/sprite.png') -24px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_out { background: url('/_images/images/sprite/sprite.png') -48px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_out, .m_icon_message_out_selected { background: url('/_images/images/sprite/sprite.png') -72px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_message_plus { background: url('/_images/images/sprite/sprite.png') -96px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_message_plus, .m_icon_message_plus_selected { background: url('/_images/images/sprite/sprite.png') -120px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_microphone { background: url('/_images/images/sprite/sprite.png') -144px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_microphone, .m_icon_microphone_selected { background: url('/_images/images/sprite/sprite.png') -168px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_moon { background: url('/_images/images/sprite/sprite.png') -192px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_moon, .m_icon_moon_selected { background: url('/_images/images/sprite/sprite.png') -216px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_more-items { background: url('/_images/images/sprite/sprite.png') -240px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_more-items, .m_icon_more-items_selected { background: url('/_images/images/sprite/sprite.png') -264px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_more { background: url('/_images/images/sprite/sprite.png') -288px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_more, .m_icon_more_selected { background: url('/_images/images/sprite/sprite.png') -312px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_more_windows { background: url('/_images/images/sprite/sprite.png') -336px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_more_windows, .m_icon_more_windows_selected { background: url('/_images/images/sprite/sprite.png') -360px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_move { background: url('/_images/images/sprite/sprite.png') -384px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_move, .m_icon_move_selected { background: url('/_images/images/sprite/sprite.png') -408px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_music { background: url('/_images/images/sprite/sprite.png') -432px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_music, .m_icon_music_selected { background: url('/_images/images/sprite/sprite.png') -456px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_mute { background: url('/_images/images/sprite/sprite.png') -480px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_mute, .m_icon_mute_selected { background: url('/_images/images/sprite/sprite.png') -504px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_nameplate { background: url('/_images/images/sprite/sprite.png') -528px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_nameplate_alt { background: url('/_images/images/sprite/sprite.png') -552px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_nameplate_alt, .m_icon_nameplate_alt_selected { background: url('/_images/images/sprite/sprite.png') -576px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_nameplate, .m_icon_nameplate_selected { background: url('/_images/images/sprite/sprite.png') -600px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_new_window { background: url('/_images/images/sprite/sprite.png') -624px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_new_window, .m_icon_new_window_selected { background: url('/_images/images/sprite/sprite.png') -648px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_news { background: url('/_images/images/sprite/sprite.png') -672px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_news, .m_icon_news_selected { background: url('/_images/images/sprite/sprite.png') -696px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_note { background: url('/_images/images/sprite/sprite.png') -720px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_note, .m_icon_note_selected { background: url('/_images/images/sprite/sprite.png') -744px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_notes { background: url('/_images/images/sprite/sprite.png') -768px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_notes_2 { background: url('/_images/images/sprite/sprite.png') -792px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_notes_2, .m_icon_notes_2_selected { background: url('/_images/images/sprite/sprite.png') -816px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_notes, .m_icon_notes_selected { background: url('/_images/images/sprite/sprite.png') -840px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ok { background: url('/_images/images/sprite/sprite.png') -864px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ok_2 { background: url('/_images/images/sprite/sprite.png') -888px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ok_2, .m_icon_ok_2_selected { background: url('/_images/images/sprite/sprite.png') -912px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ok, .m_icon_ok_selected { background: url('/_images/images/sprite/sprite.png') -936px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_old_man { background: url('/_images/images/sprite/sprite.png') -960px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_old_man, .m_icon_old_man_selected { background: url('/_images/images/sprite/sprite.png') -984px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_oxygen_bottle { background: url('/_images/images/sprite/sprite.png') -1008px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_oxygen_bottle, .m_icon_oxygen_bottle_selected { background: url('/_images/images/sprite/sprite.png') -1032px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pants { background: url('/_images/images/sprite/sprite.png') -1056px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pants, .m_icon_pants_selected { background: url('/_images/images/sprite/sprite.png') -1080px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_parents { background: url('/_images/images/sprite/sprite.png') -1104px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_parents, .m_icon_parents_selected { background: url('/_images/images/sprite/sprite.png') -1128px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pause { background: url('/_images/images/sprite/sprite.png') -1152px -216px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pause, .m_icon_pause_selected { background: url('/_images/images/sprite/sprite.png') -1176px -216px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pen { background: url('/_images/images/sprite/sprite.png') -0px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pen, .m_icon_pen_selected { background: url('/_images/images/sprite/sprite.png') -24px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pencil { background: url('/_images/images/sprite/sprite.png') -48px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pencil, .m_icon_pencil_selected { background: url('/_images/images/sprite/sprite.png') -72px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_phone { background: url('/_images/images/sprite/sprite.png') -96px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_phone, .m_icon_phone_selected { background: url('/_images/images/sprite/sprite.png') -120px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_piano { background: url('/_images/images/sprite/sprite.png') -144px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_piano, .m_icon_piano_selected { background: url('/_images/images/sprite/sprite.png') -168px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_picasa { background: url('/_images/images/sprite/sprite.png') -192px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_picasa, .m_icon_picasa_selected { background: url('/_images/images/sprite/sprite.png') -216px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_picture { background: url('/_images/images/sprite/sprite.png') -240px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_picture, .m_icon_picture_selected { background: url('/_images/images/sprite/sprite.png') -264px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pie_chart { background: url('/_images/images/sprite/sprite.png') -288px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pie_chart, .m_icon_pie_chart_selected { background: url('/_images/images/sprite/sprite.png') -312px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pin { background: url('/_images/images/sprite/sprite.png') -336px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pin_classic { background: url('/_images/images/sprite/sprite.png') -360px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pin_classic, .m_icon_pin_classic_selected { background: url('/_images/images/sprite/sprite.png') -384px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pin_flag { background: url('/_images/images/sprite/sprite.png') -408px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pin_flag, .m_icon_pin_flag_selected { background: url('/_images/images/sprite/sprite.png') -432px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pin, .m_icon_pin_selected { background: url('/_images/images/sprite/sprite.png') -456px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pinboard { background: url('/_images/images/sprite/sprite.png') -480px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pinboard, .m_icon_pinboard_selected { background: url('/_images/images/sprite/sprite.png') -504px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pinterest { background: url('/_images/images/sprite/sprite.png') -528px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pinterest, .m_icon_pinterest_selected { background: url('/_images/images/sprite/sprite.png') -552px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pizza { background: url('/_images/images/sprite/sprite.png') -576px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pizza, .m_icon_pizza_selected { background: url('/_images/images/sprite/sprite.png') -600px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_play { background: url('/_images/images/sprite/sprite.png') -624px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_play_button { background: url('/_images/images/sprite/sprite.png') -648px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_play_button, .m_icon_play_button_selected { background: url('/_images/images/sprite/sprite.png') -672px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_play, .m_icon_play_selected { background: url('/_images/images/sprite/sprite.png') -696px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_playing_dices { background: url('/_images/images/sprite/sprite.png') -720px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_playing_dices, .m_icon_playing_dices_selected { background: url('/_images/images/sprite/sprite.png') -744px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_playlist { background: url('/_images/images/sprite/sprite.png') -768px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_playlist, .m_icon_playlist_selected { background: url('/_images/images/sprite/sprite.png') -792px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_podium { background: url('/_images/images/sprite/sprite.png') -816px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_podium, .m_icon_podium_selected { background: url('/_images/images/sprite/sprite.png') -840px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pool { background: url('/_images/images/sprite/sprite.png') -864px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pool, .m_icon_pool_selected { background: url('/_images/images/sprite/sprite.png') -888px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_pot { background: url('/_images/images/sprite/sprite.png') -912px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_pot, .m_icon_pot_selected { background: url('/_images/images/sprite/sprite.png') -936px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_power { background: url('/_images/images/sprite/sprite.png') -960px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_power, .m_icon_power_selected { background: url('/_images/images/sprite/sprite.png') -984px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_print { background: url('/_images/images/sprite/sprite.png') -1008px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_print, .m_icon_print_selected { background: url('/_images/images/sprite/sprite.png') -1032px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_projector { background: url('/_images/images/sprite/sprite.png') -1056px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_projector, .m_icon_projector_selected { background: url('/_images/images/sprite/sprite.png') -1080px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_qrcode { background: url('/_images/images/sprite/sprite.png') -1104px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_qrcode, .m_icon_qrcode_selected { background: url('/_images/images/sprite/sprite.png') -1128px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_quora { background: url('/_images/images/sprite/sprite.png') -1152px -240px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_quora, .m_icon_quora_selected { background: url('/_images/images/sprite/sprite.png') -1176px -240px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_rabbit { background: url('/_images/images/sprite/sprite.png') -0px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_rabbit, .m_icon_rabbit_selected { background: url('/_images/images/sprite/sprite.png') -24px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_random { background: url('/_images/images/sprite/sprite.png') -48px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_random, .m_icon_random_selected { background: url('/_images/images/sprite/sprite.png') -72px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_read_it_later { background: url('/_images/images/sprite/sprite.png') -96px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_read_it_later, .m_icon_read_it_later_selected { background: url('/_images/images/sprite/sprite.png') -120px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_readability { background: url('/_images/images/sprite/sprite.png') -144px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_readability, .m_icon_readability_selected { background: url('/_images/images/sprite/sprite.png') -168px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_refresh { background: url('/_images/images/sprite/sprite.png') -192px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_refresh, .m_icon_refresh_selected { background: url('/_images/images/sprite/sprite.png') -216px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_remove { background: url('/_images/images/sprite/sprite.png') -240px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_remove_2 { background: url('/_images/images/sprite/sprite.png') -264px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_remove_2, .m_icon_remove_2_selected { background: url('/_images/images/sprite/sprite.png') -288px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_remove, .m_icon_remove_selected { background: url('/_images/images/sprite/sprite.png') -312px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_repeat { background: url('/_images/images/sprite/sprite.png') -336px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_repeat, .m_icon_repeat_selected { background: url('/_images/images/sprite/sprite.png') -360px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_resize_full { background: url('/_images/images/sprite/sprite.png') -384px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_resize_full, .m_icon_resize_full_selected { background: url('/_images/images/sprite/sprite.png') -408px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_resize_small { background: url('/_images/images/sprite/sprite.png') -432px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_resize_small, .m_icon_resize_small_selected { background: url('/_images/images/sprite/sprite.png') -456px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_retweet { background: url('/_images/images/sprite/sprite.png') -480px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_retweet_2 { background: url('/_images/images/sprite/sprite.png') -504px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_retweet_2, .m_icon_retweet_2_selected { background: url('/_images/images/sprite/sprite.png') -528px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_retweet, .m_icon_retweet_selected { background: url('/_images/images/sprite/sprite.png') -552px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_rewind { background: url('/_images/images/sprite/sprite.png') -576px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_rewind, .m_icon_rewind_selected { background: url('/_images/images/sprite/sprite.png') -600px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_riflescope { background: url('/_images/images/sprite/sprite.png') -624px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_riflescope, .m_icon_riflescope_selected { background: url('/_images/images/sprite/sprite.png') -648px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_right_arrow { background: url('/_images/images/sprite/sprite.png') -672px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_right_arrow, .m_icon_right_arrow_selected { background: url('/_images/images/sprite/sprite.png') -696px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_right_indent { background: url('/_images/images/sprite/sprite.png') -720px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_right_indent, .m_icon_right_indent_selected { background: url('/_images/images/sprite/sprite.png') -744px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ring { background: url('/_images/images/sprite/sprite.png') -768px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ring, .m_icon_ring_selected { background: url('/_images/images/sprite/sprite.png') -792px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_road { background: url('/_images/images/sprite/sprite.png') -816px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_road, .m_icon_road_selected { background: url('/_images/images/sprite/sprite.png') -840px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_rotation_lock { background: url('/_images/images/sprite/sprite.png') -864px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_rotation_lock, .m_icon_rotation_lock_selected { background: url('/_images/images/sprite/sprite.png') -888px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_roundabout { background: url('/_images/images/sprite/sprite.png') -912px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_roundabout, .m_icon_roundabout_selected { background: url('/_images/images/sprite/sprite.png') -936px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_router { background: url('/_images/images/sprite/sprite.png') -960px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_router, .m_icon_router_selected { background: url('/_images/images/sprite/sprite.png') -984px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_rss { background: url('/_images/images/sprite/sprite.png') -1008px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_rss, .m_icon_rss_selected { background: url('/_images/images/sprite/sprite.png') -1032px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_rugby { background: url('/_images/images/sprite/sprite.png') -1056px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_rugby, .m_icon_rugby_selected { background: url('/_images/images/sprite/sprite.png') -1080px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_ruller { background: url('/_images/images/sprite/sprite.png') -1104px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_ruller, .m_icon_ruller_selected { background: url('/_images/images/sprite/sprite.png') -1128px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_sampler { background: url('/_images/images/sprite/sprite.png') -1152px -264px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_sampler, .m_icon_sampler_selected { background: url('/_images/images/sprite/sprite.png') -1176px -264px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_scissors { background: url('/_images/images/sprite/sprite.png') -0px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_scissors, .m_icon_scissors_selected { background: url('/_images/images/sprite/sprite.png') -24px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_screenshot { background: url('/_images/images/sprite/sprite.png') -48px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_screenshot, .m_icon_screenshot_selected { background: url('/_images/images/sprite/sprite.png') -72px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_scuba_diving { background: url('/_images/images/sprite/sprite.png') -96px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_scuba_diving, .m_icon_scuba_diving_selected { background: url('/_images/images/sprite/sprite.png') -120px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_search { background: url('/_images/images/sprite/sprite.png') -144px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_search, .m_icon_search_selected { background: url('/_images/images/sprite/sprite.png') -168px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_settings { background: url('/_images/images/sprite/sprite.png') -192px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_settings, .m_icon_settings_selected { background: url('/_images/images/sprite/sprite.png') -216px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_share { background: url('/_images/images/sprite/sprite.png') -240px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_share, .m_icon_share_selected { background: url('/_images/images/sprite/sprite.png') -264px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_sheriffs_-star { background: url('/_images/images/sprite/sprite.png') -288px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_sheriffs_-star, .m_icon_sheriffs_-star_selected { background: url('/_images/images/sprite/sprite.png') -312px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_shield { background: url('/_images/images/sprite/sprite.png') -336px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_shield, .m_icon_shield_selected { background: url('/_images/images/sprite/sprite.png') -360px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_shopping_bag { background: url('/_images/images/sprite/sprite.png') -384px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_shopping_bag, .m_icon_shopping_bag_selected { background: url('/_images/images/sprite/sprite.png') -408px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_shopping_cart { background: url('/_images/images/sprite/sprite.png') -432px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_shopping_cart, .m_icon_shopping_cart_selected { background: url('/_images/images/sprite/sprite.png') -456px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_show_big_thumbnails { background: url('/_images/images/sprite/sprite.png') -480px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_show_big_thumbnails, .m_icon_show_big_thumbnails_selected { background: url('/_images/images/sprite/sprite.png') -504px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_show_lines { background: url('/_images/images/sprite/sprite.png') -528px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_show_lines, .m_icon_show_lines_selected { background: url('/_images/images/sprite/sprite.png') -552px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_show_thumbnails { background: url('/_images/images/sprite/sprite.png') -576px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_show_thumbnails, .m_icon_show_thumbnails_selected { background: url('/_images/images/sprite/sprite.png') -600px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_show_thumbnails_with_lines { background: url('/_images/images/sprite/sprite.png') -624px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_show_thumbnails_with_lines, .m_icon_show_thumbnails_with_lines_selected { background: url('/_images/images/sprite/sprite.png') -648px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_signal { background: url('/_images/images/sprite/sprite.png') -672px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_signal, .m_icon_signal_selected { background: url('/_images/images/sprite/sprite.png') -696px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_skitch { background: url('/_images/images/sprite/sprite.png') -720px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_skitch, .m_icon_skitch_selected { background: url('/_images/images/sprite/sprite.png') -744px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_skull { background: url('/_images/images/sprite/sprite.png') -768px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_skull, .m_icon_skull_selected { background: url('/_images/images/sprite/sprite.png') -792px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_skype { background: url('/_images/images/sprite/sprite.png') -816px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_skype, .m_icon_skype_selected { background: url('/_images/images/sprite/sprite.png') -840px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_snorkel_diving { background: url('/_images/images/sprite/sprite.png') -864px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_snorkel_diving, .m_icon_snorkel_diving_selected { background: url('/_images/images/sprite/sprite.png') -888px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_snowflake { background: url('/_images/images/sprite/sprite.png') -912px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_snowflake, .m_icon_snowflake_selected { background: url('/_images/images/sprite/sprite.png') -936px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_sort { background: url('/_images/images/sprite/sprite.png') -960px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_sort, .m_icon_sort_selected { background: url('/_images/images/sprite/sprite.png') -984px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_spade { background: url('/_images/images/sprite/sprite.png') -1008px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_spade, .m_icon_spade_selected { background: url('/_images/images/sprite/sprite.png') -1032px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_spootify { background: url('/_images/images/sprite/sprite.png') -1056px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_spootify, .m_icon_spootify_selected { background: url('/_images/images/sprite/sprite.png') -1080px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_star { background: url('/_images/images/sprite/sprite.png') -1104px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_star, .m_icon_star_selected { background: url('/_images/images/sprite/sprite.png') -1128px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_stats { background: url('/_images/images/sprite/sprite.png') -1152px -288px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_stats, .m_icon_stats_selected { background: url('/_images/images/sprite/sprite.png') -1176px -288px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_step_backward { background: url('/_images/images/sprite/sprite.png') -0px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_step_backward, .m_icon_step_backward_selected { background: url('/_images/images/sprite/sprite.png') -24px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_step_forward { background: url('/_images/images/sprite/sprite.png') -48px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_step_forward, .m_icon_step_forward_selected { background: url('/_images/images/sprite/sprite.png') -72px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_stop { background: url('/_images/images/sprite/sprite.png') -96px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_stop, .m_icon_stop_selected { background: url('/_images/images/sprite/sprite.png') -120px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_stopwatch { background: url('/_images/images/sprite/sprite.png') -144px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_stopwatch, .m_icon_stopwatch_selected { background: url('/_images/images/sprite/sprite.png') -168px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_stroller { background: url('/_images/images/sprite/sprite.png') -192px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_stroller, .m_icon_stroller_selected { background: url('/_images/images/sprite/sprite.png') -216px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_stumbleupon { background: url('/_images/images/sprite/sprite.png') -240px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_stumbleupon, .m_icon_stumbleupon_selected { background: url('/_images/images/sprite/sprite.png') -264px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_suitcase { background: url('/_images/images/sprite/sprite.png') -288px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_suitcase, .m_icon_suitcase_selected { background: url('/_images/images/sprite/sprite.png') -312px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_sun { background: url('/_images/images/sprite/sprite.png') -336px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_sun, .m_icon_sun_selected { background: url('/_images/images/sprite/sprite.png') -360px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_sweater { background: url('/_images/images/sprite/sprite.png') -384px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_sweater, .m_icon_sweater_selected { background: url('/_images/images/sprite/sprite.png') -408px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_t-shirt { background: url('/_images/images/sprite/sprite.png') -432px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_t-shirt, .m_icon_t-shirt_selected { background: url('/_images/images/sprite/sprite.png') -456px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_table { background: url('/_images/images/sprite/sprite.png') -480px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_table, .m_icon_table_selected { background: url('/_images/images/sprite/sprite.png') -504px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_table_tennis { background: url('/_images/images/sprite/sprite.png') -528px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_table_tennis, .m_icon_table_tennis_selected { background: url('/_images/images/sprite/sprite.png') -552px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tablet { background: url('/_images/images/sprite/sprite.png') -576px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tablet, .m_icon_tablet_selected { background: url('/_images/images/sprite/sprite.png') -600px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tag { background: url('/_images/images/sprite/sprite.png') -624px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tag, .m_icon_tag_selected { background: url('/_images/images/sprite/sprite.png') -648px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tags { background: url('/_images/images/sprite/sprite.png') -672px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tags, .m_icon_tags_selected { background: url('/_images/images/sprite/sprite.png') -696px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tea_kettle { background: url('/_images/images/sprite/sprite.png') -720px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tea_kettle, .m_icon_tea_kettle_selected { background: url('/_images/images/sprite/sprite.png') -744px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_temple_buddhist { background: url('/_images/images/sprite/sprite.png') -768px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_temple_buddhist, .m_icon_temple_buddhist_selected { background: url('/_images/images/sprite/sprite.png') -792px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_temple_christianity_church { background: url('/_images/images/sprite/sprite.png') -816px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_temple_christianity_church, .m_icon_temple_christianity_church_selected { background: url('/_images/images/sprite/sprite.png') -840px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_temple_hindu { background: url('/_images/images/sprite/sprite.png') -864px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_temple_hindu, .m_icon_temple_hindu_selected { background: url('/_images/images/sprite/sprite.png') -888px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_temple_islam { background: url('/_images/images/sprite/sprite.png') -912px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_temple_islam, .m_icon_temple_islam_selected { background: url('/_images/images/sprite/sprite.png') -936px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_bigger { background: url('/_images/images/sprite/sprite.png') -960px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_bigger, .m_icon_text_bigger_selected { background: url('/_images/images/sprite/sprite.png') -984px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_height { background: url('/_images/images/sprite/sprite.png') -1008px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_height, .m_icon_text_height_selected { background: url('/_images/images/sprite/sprite.png') -1032px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_resize { background: url('/_images/images/sprite/sprite.png') -1056px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_resize, .m_icon_text_resize_selected { background: url('/_images/images/sprite/sprite.png') -1080px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_smaller { background: url('/_images/images/sprite/sprite.png') -1104px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_smaller, .m_icon_text_smaller_selected { background: url('/_images/images/sprite/sprite.png') -1128px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_strike { background: url('/_images/images/sprite/sprite.png') -1152px -312px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_strike, .m_icon_text_strike_selected { background: url('/_images/images/sprite/sprite.png') -1176px -312px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_underline { background: url('/_images/images/sprite/sprite.png') -0px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_underline, .m_icon_text_underline_selected { background: url('/_images/images/sprite/sprite.png') -24px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_text_width { background: url('/_images/images/sprite/sprite.png') -48px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_text_width, .m_icon_text_width_selected { background: url('/_images/images/sprite/sprite.png') -72px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_thin_arrow_left { background: url('/_images/images/sprite/sprite.png') -96px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_thin_arrow_left, .m_icon_thin_arrow_left_selected { background: url('/_images/images/sprite/sprite.png') -120px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_thin_right_arrow { background: url('/_images/images/sprite/sprite.png') -144px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_thin_right_arrow, .m_icon_thin_right_arrow_selected { background: url('/_images/images/sprite/sprite.png') -168px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_thumbs_down { background: url('/_images/images/sprite/sprite.png') -192px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_thumbs_down, .m_icon_thumbs_down_selected { background: url('/_images/images/sprite/sprite.png') -216px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_thumbs_up { background: url('/_images/images/sprite/sprite.png') -240px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_thumbs_up, .m_icon_thumbs_up_selected { background: url('/_images/images/sprite/sprite.png') -264px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tie { background: url('/_images/images/sprite/sprite.png') -288px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tie, .m_icon_tie_selected { background: url('/_images/images/sprite/sprite.png') -312px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tint { background: url('/_images/images/sprite/sprite.png') -336px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tint, .m_icon_tint_selected { background: url('/_images/images/sprite/sprite.png') -360px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_train { background: url('/_images/images/sprite/sprite.png') -384px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_train, .m_icon_train_selected { background: url('/_images/images/sprite/sprite.png') -408px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tree_conifer { background: url('/_images/images/sprite/sprite.png') -432px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tree_conifer, .m_icon_tree_conifer_selected { background: url('/_images/images/sprite/sprite.png') -456px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tree_deciduous { background: url('/_images/images/sprite/sprite.png') -480px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tree_deciduous, .m_icon_tree_deciduous_selected { background: url('/_images/images/sprite/sprite.png') -504px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_truck { background: url('/_images/images/sprite/sprite.png') -528px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_truck, .m_icon_truck_selected { background: url('/_images/images/sprite/sprite.png') -552px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_tumblr { background: url('/_images/images/sprite/sprite.png') -576px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_tumblr, .m_icon_tumblr_selected { background: url('/_images/images/sprite/sprite.png') -600px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_turtle { background: url('/_images/images/sprite/sprite.png') -624px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_turtle, .m_icon_turtle_selected { background: url('/_images/images/sprite/sprite.png') -648px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_twitter { background: url('/_images/images/sprite/sprite.png') -672px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_twitter, .m_icon_twitter_selected { background: url('/_images/images/sprite/sprite.png') -696px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_twitter_t { background: url('/_images/images/sprite/sprite.png') -720px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_twitter_t, .m_icon_twitter_t_selected { background: url('/_images/images/sprite/sprite.png') -744px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_umbrella { background: url('/_images/images/sprite/sprite.png') -768px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_umbrella, .m_icon_umbrella_selected { background: url('/_images/images/sprite/sprite.png') -792px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_unlock { background: url('/_images/images/sprite/sprite.png') -816px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_unlock, .m_icon_unlock_selected { background: url('/_images/images/sprite/sprite.png') -840px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_unshare { background: url('/_images/images/sprite/sprite.png') -864px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_unshare, .m_icon_unshare_selected { background: url('/_images/images/sprite/sprite.png') -888px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_up_arrow { background: url('/_images/images/sprite/sprite.png') -912px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_up_arrow, .m_icon_up_arrow_selected { background: url('/_images/images/sprite/sprite.png') -936px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_upload { background: url('/_images/images/sprite/sprite.png') -960px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_upload, .m_icon_upload_selected { background: url('/_images/images/sprite/sprite.png') -984px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_usd { background: url('/_images/images/sprite/sprite.png') -1008px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_usd, .m_icon_usd_selected { background: url('/_images/images/sprite/sprite.png') -1032px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_user { background: url('/_images/images/sprite/sprite.png') -1056px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_user, .m_icon_user_selected { background: url('/_images/images/sprite/sprite.png') -1080px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vases { background: url('/_images/images/sprite/sprite.png') -1104px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vases, .m_icon_vases_selected { background: url('/_images/images/sprite/sprite.png') -1128px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vcard { background: url('/_images/images/sprite/sprite.png') -1152px -336px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vcard, .m_icon_vcard_selected { background: url('/_images/images/sprite/sprite.png') -1176px -336px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vector_path_all { background: url('/_images/images/sprite/sprite.png') -0px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vector_path_all, .m_icon_vector_path_all_selected { background: url('/_images/images/sprite/sprite.png') -24px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vector_path_circle { background: url('/_images/images/sprite/sprite.png') -48px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vector_path_circle, .m_icon_vector_path_circle_selected { background: url('/_images/images/sprite/sprite.png') -72px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vector_path_curve { background: url('/_images/images/sprite/sprite.png') -96px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vector_path_curve, .m_icon_vector_path_curve_selected { background: url('/_images/images/sprite/sprite.png') -120px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vector_path_line { background: url('/_images/images/sprite/sprite.png') -144px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vector_path_line, .m_icon_vector_path_line_selected { background: url('/_images/images/sprite/sprite.png') -168px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vector_path_polygon { background: url('/_images/images/sprite/sprite.png') -192px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vector_path_polygon, .m_icon_vector_path_polygon_selected { background: url('/_images/images/sprite/sprite.png') -216px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vector_path_square { background: url('/_images/images/sprite/sprite.png') -240px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vector_path_square, .m_icon_vector_path_square_selected { background: url('/_images/images/sprite/sprite.png') -264px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_vimeo { background: url('/_images/images/sprite/sprite.png') -288px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_vimeo, .m_icon_vimeo_selected { background: url('/_images/images/sprite/sprite.png') -312px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_volume_down { background: url('/_images/images/sprite/sprite.png') -336px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_volume_down, .m_icon_volume_down_selected { background: url('/_images/images/sprite/sprite.png') -360px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_volume_up { background: url('/_images/images/sprite/sprite.png') -384px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_volume_up, .m_icon_volume_up_selected { background: url('/_images/images/sprite/sprite.png') -408px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_wallet { background: url('/_images/images/sprite/sprite.png') -432px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_wallet, .m_icon_wallet_selected { background: url('/_images/images/sprite/sprite.png') -456px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_warning_sign { background: url('/_images/images/sprite/sprite.png') -480px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_warning_sign, .m_icon_warning_sign_selected { background: url('/_images/images/sprite/sprite.png') -504px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_web_browser { background: url('/_images/images/sprite/sprite.png') -528px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_web_browser, .m_icon_web_browser_selected { background: url('/_images/images/sprite/sprite.png') -552px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_webcam { background: url('/_images/images/sprite/sprite.png') -576px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_webcam, .m_icon_webcam_selected { background: url('/_images/images/sprite/sprite.png') -600px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_wifi_alt { background: url('/_images/images/sprite/sprite.png') -624px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_wifi_alt, .m_icon_wifi_alt_selected { background: url('/_images/images/sprite/sprite.png') -648px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_woman { background: url('/_images/images/sprite/sprite.png') -672px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_woman, .m_icon_woman_selected { background: url('/_images/images/sprite/sprite.png') -696px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_wordpress { background: url('/_images/images/sprite/sprite.png') -720px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_wordpress, .m_icon_wordpress_selected { background: url('/_images/images/sprite/sprite.png') -744px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_xing { background: url('/_images/images/sprite/sprite.png') -768px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_xing, .m_icon_xing_selected { background: url('/_images/images/sprite/sprite.png') -792px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_yahoo { background: url('/_images/images/sprite/sprite.png') -816px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_yahoo, .m_icon_yahoo_selected { background: url('/_images/images/sprite/sprite.png') -840px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_youtube { background: url('/_images/images/sprite/sprite.png') -864px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_youtube, .m_icon_youtube_selected { background: url('/_images/images/sprite/sprite.png') -888px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_zoom_in { background: url('/_images/images/sprite/sprite.png') -912px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_zoom_in, .m_icon_zoom_in_selected { background: url('/_images/images/sprite/sprite.png') -936px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_zoom_out { background: url('/_images/images/sprite/sprite.png') -960px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_zoom_out, .m_icon_zoom_out_selected { background: url('/_images/images/sprite/sprite.png') -984px -360px no-repeat; display: block; width: 24px; height: 24px; } .m_icon_zootool { background: url('/_images/images/sprite/sprite.png') -1008px -360px no-repeat; display: block; width: 24px; height: 24px; } .menu li.selected a .m_icon_zootool, .m_icon_zootool_selected { background: url('/_images/images/sprite/sprite.png') -1032px -360px no-repeat; display: block; width: 24px; height: 24px; } .sql2sortable { display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; align-items: flex-start; align-content: flex-start; width: 100%; max-width: 100%!important; } .sql2sortable > * { border: 1px solid #ccc; background-color: #eee; text-align: center; max-width: 25%; min-width: 200px; margin: 2.5px; /* Magic! */ cursor:grab; } .sql2sortable li img { max-width: 40px; } .ui-sortable .ui-state-highlight { min-height: 30px; border: 2px dashed #ccc; background: none!important; } .sql2sortable li .sortable-label { padding: 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } .ui-sortable li:hover { cursor:grabbing; border-color:#5FA958; box-shadow: 0px 0px 0px 2px #5FA95830; } .ui-sortable li:active { } .stat-holder { position:relative; min-height:20px; } .stat-holder .truncate { top:2px; min-width:90px; max-width:calc(100%-4px); } .stat-holder { border-radius:10px; background-color:rgba(0,0,0,0.1); padding:2px; box-shadow:0px 0px 0px 1.2px #ccc, inset 0px 2px 3px 0px #ddd; box-shadow:0px 0px 0px 1.2px rgba(0,0,0,0.15), inset 0px 2px 3px 0px rgba(0,0,0,0.1); } tr:hover .stat-holder, td.busy .stat-holder { background-color: #E8E8E8; box-shadow:0px 0px 0px 1.2px #bbb, inset 0px 2px 3px 0px #ddd; } .stat-holder:after { clear:both; } .stat-holder .stat { padding:0px 5px; display:inline-block; float:left; background-color:#F5CC1A; text-align:right; font-size:10px; line-height:16px; min-height:16px; height:16px; max-width:100%!important; border-right:1px solid rgba(0,0,0,0.1); transition:width 0.2s ease, background 0.15s linear, color 0.15s linear, outline-color 0.15s linear, box-shadow 0.15s linear; filter:brightness(90%); box-shadow:inset 0px 0px 0px 1.2px rgba(0,0,0,0.05), inset 0px -10px 10px -5px rgba(0,0,0,0.1); } .stat-holder .stat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stat-holder .stat:first-child { border-top-left-radius:10px; border-bottom-left-radius:10px; filter:grayscale(0%); } .stat-holder .stat:last-child, .stat-holder .stat:last-of-type { border-top-right-radius:10px; border-bottom-right-radius:10px; background-color:rgba(210,180,32,0.66); } .stat-holder .stat:first-child { } .stat-holder.stat-highest .stat { background-color:#5FA958; background-color: #A8CD1D!important; } .stat-holder.stat-high .stat { background-color: #A8CD1D!important; } .stat-holder .stat[cms-tooltip]:hover { background-color:#FFF; box-shadow:0px 0px 1px rgba(95,168,88,1),0px 0px 5px rgba(95,168,88,1); cursor:default; z-index:2; } .stat-holder .stat[data-rating="1"]{ background-color:#F00; color:#fff; } .stat-holder .stat[data-rating="2"]{ background-color:#f60; color:#fff; } .stat-holder .stat[data-rating="3"]{ background-color:#fC0; } .stat-holder .stat[data-rating="4"]{ background-color:#7C0; } .stat-holder .stat[data-rating="5"]{ background-color:#0c0; } .details .val .stat { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color:#F5CC1A; padding:0px 5px; padding-right:10px; display:inline-block; border-top-right-radius:10px; border-bottom-right-radius:10px; } .details .val .stat-highest { background-color:#F6A427; font-weight:bold; } .details .val .stat-empty { background-color:#ddd; color:#666; }#cms-stats-realtime ul { list-style:none; } #cms-stats-realtime ul li { border-left:2px solid #5FA958; padding-left:5px; line-height:15px; font-size:10px; margin-bottom:1px; }table tr td:not(:has(.sql2table-cell-reversed-ext_id-item )) img[src*=".svg"] { width: 100%; padding: 5px; background-color: rgba(0,0,0,0.33); }/*table { opacity: 0.8; } td, th { position: relative; } td:hover::after, th:hover::after { content: ""; position: absolute; background-color: #ffa; left: 0; top: -5000px; height: 10000px; width: 100%; z-index: -1; } */tgroup td { background-color: #fc0!important; } .nested-table { } .nested-table tbody tr, .nested-table tbody tr td { display: block; } ul.nest, ul.nest li { list-style: circle; font-size:10px; line-height: 15px; cursor: default; background: none!important; } ul.nest { padding-left: 10px; } ul.nest li { float: left; clear: both; } ul.nest li a { font-weight: normal; } ul.nest li a:hover { text-decoration: underline; }.sql2table-single-result { margin-top: 0px!important; padding-top: 0px!important; } .sql2table-single-result table { display: grid; grid-template-columns: 1fr calc(95% - 100px); } .sql2table-single-result tr { display: grid; grid-template-columns: 1fr; } .sql2table-single-result tr > * { margin: 0px; display: table-cell; min-height: 30px; vertical-align: middle; } .sql2table-single-result tr > th a, .sql2table-single-result tr > th div, .sql2table-single-result tr > th div a { display: block!important; width: 100%; text-align: right; transition:none!important; } .sql2table-single-result *[class*="divider"], .sql2table-single-result .tablemenu { display: none!important; } .sql2table-single-result .sql2table { margin-left: 0px!important; width: 100%!important; background-color: #eee; } .sql2table-single-result .tableborder tbody tr { border-top:1px solid #ccc; border-right:1px solid #ccc; } .sql2table-single-result .tableborder .sql2table-loader { margin: 0px!important; } .sql2table-single-result .tableborder .sql2table-loader td { border: none!important; margin: 0px!important; } .sql2table-single-result .tableborder tbody tr:hover .tablefielda, .sql2table-single-result .tableborder tbody tr:hover td { background:none!important; }tr.ticket-is-waiting td, tr.not-published td { background-color:#eee!important; background-image: url('/_images/images/patterns/diagonalstripes00000005.svg'); background-size:6px auto; }.sql2table table tr { background-color: #fff; } /*.tableborder { padding:4px; }*/ body { } td *:not(p), th *:not(p), td *:not(.fa), th *:not(.fa), , td *:not(.text) { vertical-align:top; } .sql2table { margin-left:calc(0px - 10px); width:calc(20px + 100%); } .sql2table:nth-child(n+1) { margin-top:10px; } .column .sql2table { margin-left:0px; width:100%; } .tablemenu{ padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:2px; line-height:20px; margin-bottom:1px; } .tablemenu input[type="text"], .tablemenu input[type="search"] { width:140px; } .tablemenu form { margin-top: auto; } .tablemenu form, .tablemenu input, .tablemenu input[type="text"], .tablemenu input[type="search"], .tablemenu button, .tablemenu .button, .tablemenu .submit, .tablemenu select, .tablemenu .select { float:left; } .tablemenu input, .tablemenu input[type="text"], .tablemenu input[type="search"], .tablemenu button, .tablemenu .button, .tablemenu .submit, .tablemenu select, .tablemenu .select { min-height:0px; height:24px; margin-right:2px; } .tablemenu-item-title { margin-right: 30px; font-weight: bold; font-size: 14px; } .tablemenu-item, .tablemenu input, .tablemenu input[type="text"], .tablemenu input[type="search"], .tablemenu button, .tablemenu .button, .tablemenu .submit, .tablemenu select, .tablemenu .select { line-height:24px; } .tablemenu-item { float:left; margin-right:15px; } .tablemenu-item-right { margin-left:15px; margin-right:0px; float:right; } .tablemenu-item .table-condition { margin-left:16px; display:inline-block; } .tablemenu-item .condition-item { margin-left:4px; display:inline-block; } .tablemenu-item .condition-key, .tablemenu-item .condition-operator { color:#333; } .tablemenu-item .condition-value { font-weight:bold; } .table-formatted thead td, .table-formatted th, thead .tablehead, thead .tablehead_selected, .data-table thead th { padding-left:6px; padding-right:6px; height:22px; padding-top:3px; } .tablehead_selected { padding-right:22px; } .tableborder .sql2table-wrapper *:not(td) > h1, .tableborder *:not(td) > h2, .tableborder *:not(td) > h3 { color:rgba(0,0,0,0.66); padding-bottom:3px; border-top-left-radius:6px; border-top-right-radius:6px; } .tableborder .sql2table-wrapper *:not(td) > h1, .tableborder *:not(td) > h2, .tableborder *:not(td) > h3 { display:block; padding:6px 15px; line-height:1; } .tableborder .table-options { background-color:#f6f6f6; } .tableborder .table-options a { font-weight:normal; margin-right:10px; display:inline-block; } .tablefieldb, .tablefielda, .tablefieldc, .tableborder td:not(td[data-type="image"]) { padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px; vertical-align:middle; } .tableborder td[data-type="image"] { background-image:url('/_images/images/patterns/chess66666620.svg'); background-size:6px 6px; padding: 1px!important; /* position: relative!important;*/ } .tableborder td[data-type="image"] a, .tableborder td[data-type="image"] a img { /*position: absolute!important; left: 0px; top: 0px; right: 0px; bottom: 0px; object-fit: contain; object-position: center;*/ } .sql2table:not(.sql2table[data-viewtype="thumbs"]) td[data-type="image"] a:hover { transform: scale(3.1,3.1); z-index: 9999; } .sql2table:not(.sql2table[data-viewtype="thumbs"]) td[data-type="image"] a:hover img { box-shadow: 0.25px 0.25px 3px 1px rgba(0,0,0,0.14); z-index: 99999; transform: scale(0.9,0.9); } .sql2table:not(.sql2table[data-viewtype="thumbs"]) td[data-type="image"] a:hover img[src*="png"], .sql2table:not(.sql2table[data-viewtype="thumbs"]) td[data-type="image"] a:hover img[src*="svg"] { background-color:#eee!important; } .tableborder td[data-type="image"] a:active img { box-shadow: 0.25px 0.25px 3px 1px rgba(0,0,0,0.14), 0px 0px 0px 1px rgba(0,0,0,0.5); } .tableborder td[data-type="image"]:has(img) { /*padding: 1px; background-color: rgba(0,0,0,0.3);*/ } tr:hover .tablefieldb,tr:hover .tablefielda,tr:hover .tablefieldc { background-color:#EFEFEF; cursor:default; /*outline:1px solid #CCCCCC;*/ } .table_order_asc, .table_order_desc { background-repeat:no-repeat; background-position:right center; white-space: nowrap; position: relative; } .table_order_asc > a, .table_order_desc > a { padding-right: 15px!important; } .table_order_asc > *, .table_order_asc:after { float: left; } .table_order_asc:after, .table_order_desc:after { color: #fff; position: absolute; right: 5px; top: 50%; display: inline; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -10px; line-height: 20px; } .table_order_asc:after { content: "\f107"; } .table_order_desc:after { content: "\f106"; } /*TABLES and CALENDAR*/ /*.tableborder { border:1px solid #CCCCCC; }*/ .tablemenu, .tableborder *:not(td):not(div) > h1, .tableborder *:not(td):not(div) > h2, .tableborder *:not(td):not(div) > h3 { box-shadow: 0px 0px 0px 1px #eee; background: linear-gradient(rgba(255,255,255,1) 0%,#f3f3f3 30px); } .tablemenu input[class*="search"] { background: none!important; } .table-formatted thead td, .table-formatted th, thead .tablehead, .calendar th, .data-table thead th, table thead th { color:rgba(255,255,255,0.8); background-color:#5FA958; background-color:var(--color_heads); } .data-table tbody th, .data-table tfoot th { background-color: #666; } .data-table tfoot tr:nth-child(even) th { /*background-color:#eee;*/ background-color: #555; } .data-table tr > * { border-left:1px solid rgba(0,0,0,0.1); } .data-table thead tr th { text-align: left; } .data-table tr:nth-child(odd) td{ /*background-color:#f9f9f9;*/ } .data-table tbody + tfoot tr:first-child > * { border-top:2px solid #666; } th.tablehead { position: relative; height: 30px; } th.tablehead > a { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; cursor: default!important; overflow: hidden; line-height: 30px; padding-left: 6px; padding-right: 6px; min-width: 100%; display: flex; align-items: center; /* dit is vertical align middle in flex-taal */ } th.tablehead > a > * { margin-top: auto; margin-bottom: auto; } th.tablehead, th.tablehead > a { transition: 0.2s ease all; } th.tablehead:hover > a { z-index: +1; } table tr th.filter-applied:not(.xxx) { background-color: #F5ECC7!important; } th.tablehead:last-child:hover a { left: auto!important; right: 0px!important; } th.tablehead:not(:last-child):hover a { right: auto!important; } th.tablehead-thin a { font-size:8px; font-family: 'verdana',sans-serif; font-weight: normal; } th.tablehead-thin a:hover { font-size:12px; font-weight: bold; transition:0.2s ease all, 0.1s ease font-size 0.66s; } th.tablehead a[href] { cursor: pointer!important; } table th[onClick].disabled { cursor: not-allowed; } table th[onClick]:not(.disabled):hover { cursor: pointer; background-color:#4b9544; background-color:var(--color_main_darker); } table th[onClick]:not(.disabled):active { background-color:var(--color_main_darkest); } thead .tablehead_selected { background-color:var(--color_heads_darker); } .tableborder tbody tr td a:not(.button) { display:inline-block; max-width:100%; margin-right:10px; } .tableborder tbody tr td a:has(.truncate) { display: block; } .tableborder tbody tr td a:last-child { margin-right:0px; } .tableborder tbody tr td a:first-child { } .tablefielda, .tableborder tbody tr.tr-odd { background-color:#fff; } .tablefieldb, .tableborder tbody tr.tr-even { background-color:#f3f3f3; } .tableborder tbody > tr:hover .tablefielda, .tableborder tbody > tr:hover > td, .tableborder tbody > tr.hover > td, .tableborder tbody tr.hover td.inline-editable, .tableborder tbody tr:has(input[type="radio"]:checked) td, .tableborder tbody tr:has(input[type="checkbox"]:checked) td { background-color:rgba(0,0,0,0.1); background-color:rgba(0,150,250,0.15); } .tableborder tbody tr.hover td.inline-editable { background-color:rgba(0,150,250,0.15)!important; } tr.current-preview td { background-color:rgba(0,150,250,0.25); } .tableborder tbody tr.selected td, .tableborder tbody tr.selected:hover td { background:none; background-color:#F5CC1A; } .tableborder tbody tr.selected td a, tr.selected:hover td a{ color:#FFF; } tr:last-child .tablefieldb{ border-bottom:1px solid #ddd; } .tablefieldc { background-color:#CC6600; } table tbody tr.tabledivider td, table tbody tr.tabledivider td, table tr.dev-divider td, table tr.dev-divider td { padding-left:6px; padding-right:6px; padding-top:3px; min-height:20px; } table tbody tr.tabledivider td, table tbody tr.tabledivider td, table tbody tr.tabledivider td > *, table tr.dev-divider td, table tr.dev-divider td, ul li.divider { color:#fff; } table tbody tr.tabledivider td > h2 { font-weight: 200; white-space: nowrap; } table tbody tr.tabledivider .tabledivider-condition-summary-wrapper { font-weight: normal; font-size:10px; } table tbody tr.tabledivider .tabledivider-condition-summary-wrapper > * { margin-left: 15px; } table tbody tr.tabledivider .tabledivider-condition-summary-wrapper > * { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; } table tbody tr.tabledivider .tabledivider-condition-summary-wrapper > *:hover { max-width: calc(50vw - 150px); } tr.tabledivider a { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.66); } tr.tabledivider a:hover { color: #fff; border-color:#fff; } .dev-tabledivider { } table tr.tabletotal td { background-color: #EEE; } table tr.tabletotal + tr.tabletotal td { border-top:1px solid #ccc; } table tr.dev-divider td, table tr.dev-divider td { background-color:#555!important; color:#ccc; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); background: linear-gradient(to bottom, #888 0%, #777 100%); white-space:pre-wrap; font-weight: normal; font-size:10px; line-height: 15px; font-family: verdana, 'Spectral', serif; } .cms-overlay table tr.dev-divider { display: none!important; } .tableborder table tr.dev-divider td:not(td[data-type="image"]) , .tableborder table tr[class*="divider"] td { padding-top:2.5px; padding-bottom: 2.5px; } table tr.dev-divider + table tbody tr.tabledivider td { padding-top:0px; } .sql2table-headgroups th { font-weight: normal!important; box-shadow: inset -50px 0px 50px -50px rgba(0,0,0,0.5); } /*FORMS*/ /*ELEMENTS*/ .progressbar-wrapper { position: relative; padding: 2px; background-color: rgba(0,0,0,0.05); height: 16px; } .progressbar-wrapper > * { position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); display: grid; grid-template-columns: 100%; } .progressbar-wrapper > * > * { margin: 0px; } .progressbar-wrapper { border-radius: 8px; } .progressbar-wrapper * { border-radius: 6px; } td:has(.progressbar) { cursor: default; } .progressbar, .progressbar-wrapper:hover .progressbar-positioner:hover .progressbar-label { color:rgba(255,255,255,0.95); background-color:var(--color_highlights); border: 1px solid rgba(0,0,0,0.2); white-space: nowrap; padding-left: 3px; padding-right: 3px; font-family: 'verdana'; font-size:9px; line-height: 8px; overflow: hidden; } .progressbar-wrapper:hover .progressbar-positioner:hover .progressbar { } .progressbar-wrapper[progressbar-count="2"] > * { filter: opacity(33%); } .progressbar-wrapper[progressbar-count="3"] > * { filter: opacity(25%); } .progressbar-wrapper[progressbar-count] > *:last-child { filter: opacity(100%); } .progressbar-wrapper:has(.progressbar-positioner:hover) .progressbar-positioner:not(:hover) .progressbar { filter:opacity(33%); } .progressbar-wrapper:hover .progressbar-positioner:hover { z-index: 99999!important; filter:opacity(100%); } .progressbar-wrapper:hover .progressbar-positioner:hover .progressbar-label { position: absolute; left: 0px; top: 0px; bottom: 0px; display: inline-block; } .selectrow { background-color:#DDDDDD; outline: 1px solid #ababab; border: 1px solid #e6e6e6; } .selectrow_selected, .selectrow_selected:hover { background-color:#5FA958; outline: 1px solid #2d7726; border: 1px solid #87bf82; } .table-thumb-placeholder { display:inline-block; background-color:#eee; } /*ALT VIEW TYPE*/ .viewtype-buttons { } .viewtype-buttons a { transition:color 0.15s linear, outline-color 0.15s linear, box-shadow 0.15s linear; float:left; display:block; padding-top:2px; font-size:18px; line-height:22px; height:22px; width:26px; text-align:center; color:#999; box-shadow: 0 0 0 1px #ccc, inset 0px 1px 2px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.05); } .viewtype-buttons a:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; } .viewtype-buttons a:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; } .viewtype-buttons a:hover { color:#666; background-color:rgba(255,255,255,0.5); } .sql2table[data-viewtype="thumbs"] .viewtype-buttons a[data-viewtype="thumbs"], .sql2table[data-viewtype="rows"] .viewtype-buttons a[data-viewtype="rows"] { box-shadow: 0 0 0 1px #ccc, inset 0px -1px 2px rgba(0,0,0,0.1); background-color:#fff; color:rgba(95,168,88,1); color:var(--color_heads_darker); z-index:2; } .sql2table[data-viewtype="rows"] tr td img { max-height:40px; } .sql2table[data-viewtype="rows"] tr td[data-type="image"] { text-align: center; color:#999!important; } .sql2table[data-viewtype="rows"] tr td[data-type="image"] > a { display: block; /* min-width: 70px;*/ } .sql2table[data-viewtype="rows"] tr td[data-type="image"] > a * { margin-top: 0px; margin-bottom: 0px; } .sql2table[data-viewtype="rows"] tr td[data-type="image"] img { min-height: 40px; max-width: 120px; max-width: calc(100% - 8px); } .sql2table[data-viewtype="thumbs"] .tabledivider { display:none; } .sql2table[data-viewtype="thumbs"] thead { display:none; } .sql2table[data-viewtype="thumbs"] tbody tr, .sql2table[data-viewtype="thumbs"] tbody tr td { display:none; } .sql2table[data-viewtype="thumbs"] tbody { background-color:#eee; width:98%; width:calc(100% - 10px); display:table-cell; /*position:absolute; */ padding:0.5%; } .sql2table[data-viewtype="thumbs"] tbody { display: grid!important; grid-template-columns: repeat( auto-fit, minmax(150px, 200px) ); grid-gap: 10px; } .sql2table[data-viewtype="thumbs"] tbody > * { margin:0px!important; max-width: 200px; } .sql2table[data-viewtype="thumbs"] tbody tr { display:block; outline:1px solid #ddd; background-color:#fff; text-align:center; } .sql2table[data-viewtype="thumbs"] tbody tr td { display:inline-block; text-align:center; background-color:#fff; max-width:100%; } .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="image"] { width:100%; } .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="image"] * { width:100%; } .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="image"] a { display: block; overflow: hidden; max-height: 150px; } .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="image"] a img{ box-shadow: 0px 0px 0px 2px #eee; } .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="slicer"], .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="thumbs-hidden"], .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="id"], .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="date"], .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="ext_id"], .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="boolean"], .sql2table[data-viewtype="thumbs"] tbody tr td[data-type="function"] { display:none; } .sql2table[data-viewtype="thumbs"] tbody tr td[data-viewtype="rows"] { display:none; } table tr.table-row-hidden { display:none!important; } .sql2table[data-order-by*='position']:not(.sql2table[data-order-by*=',']):not(.sql2table[data-order-by*=static]) tbody tr.main-data-row, .sql2table[data-order-by*='position']:not(.sql2table[data-order-by*=',']):not(.sql2table[data-order-by*=static]) tbody tr.main-data-row td[class*="position"], .sql2table[data-order-by*='position']:not(.sql2table[data-order-by*=',']):not(.sql2table[data-order-by*=static]) tbody tr.main-data-row img { cursor:move; } .sql2table[data-order-by*='position']:not(.sql2table[data-order-by*=',']):not(.sql2table[data-order-by*=static]) tbody tr.main-data-row td[class*="position"]:not(:hover) .fa-sort { color:rgba(0,0,0,0.25); } .sql2table[data-order-by*='position']:not(.sql2table[data-order-by*=',']):not(.sql2table[data-order-by*=static]) tbody tr.main-data-row td[class*="position"]:hover .fa-sort { color:#000!important; opacity: 1!important; } .sql2table-load-more-button { text-align:center; color:#fff; background-color:#5FA958!important; line-height:40px; font-weight:bold; cursor:pointer; } .sql2table-load-more-button:hover{ color:#ffffff; background-color:var(--color_heads_darker)!important; } /*thead .tablehead_selected{ color:#bfddbc; background-color:#2d7726; */ span.text-highlight { display: inline-block; color:#000; font-weight: bold; } div:not([data-viewtype="thumbs"]) tr.row-midlight td, td.cell-midlight, td.td-midlight { background-color:rgba(255,200,0,0.25)!important; } div:not([data-viewtype="thumbs"]) tr.row-highlight > td:not(.inline-editable), div:not([data-viewtype="thumbs"]) td.cell-highlight, div:not([data-viewtype="thumbs"]) td.td-highlight, span.text-highlight { background-color:rgba(255,200,0,0.75)!important; } div:not([data-viewtype="thumbs"]) tr.row-lowlight > td, div:not([data-viewtype="thumbs"]) td.cell-lowlight, div:not([data-viewtype="thumbs"]) td.td-lowlight, span.text-lowlight { background-color:rgba(255,200,0,0.3)!important; } .sql2table[data-viewtype="thumbs"] tr.row-highlight > td { background-color:rgba(255,200,0,0)!important; } .sql2table[data-viewtype="thumbs"] tr.row-lowlight > td { background-color:rgba(255,200,0,0.3)!important; } tr.row-highlight td a { } @media screen and (max-width: 1400px) { .sql2table table tr td { padding:1px 2px; font-size:11px; } .sql2table table tr td:first-child { padding-left:5px; } .sql2table table tr td:last-child { padding-right:5px; } .tablemenu{ /* padding:1px 2px;*/ font-size:11px; } } @media screen and (max-width: 1000px) and (max-height:1000px) { .sql2table .tablemenu { background: linear-gradient(to right, rgba(220,220,220,1) 200px, rgba(255,255,255,1) 300px); } .sql2table { /* max-height:500px; */ overflow-x:auto; } .sql2table { margin-left:0px; width:100%; } .sql2table table { min-width:100%; } } .sql2table_thumb { background-color:rgba(150,150,150,0.33); background-position:center; background-size:contain; min-height:40px; background-repeat:no-repeat; width: 10vh; height: 6vh; max-width:80px; max-height: 50px; } .sql2table[data-viewtype="thumbs"] .sortable-placeholder { border:2px dashed #ccc; background:none; } .sql2table[data-viewtype="thumbs"] .sql2table_thumb { max-width:320px; min-height:120px; } table .fa { width:100%; max-width:20px; margin:auto; text-align:center; } table a { text-overflow:clip; word-break:keep-all; display:inline-block; word-wrap:break-word; } .sql2table-loader { border:none!important; padding:0px!important; background:none!important; } .sql2table-loader .fa { color:#4b9544; font-size:13px; opacity:1!important; } .table-icon-boolean-container { text-align:center; max-width:120px; } .table-icon-boolean { display:inline-block; box-shadow:0px 0px 0px 1px rgba(255,255,255,1),0px 0px 0px 3px rgba(0,0,0,0.4); border:0px solid #A8CD1D; background-color:#eee; height:14px; width:14px; border-radius:50%; transition:0.1s linear all; margin-top: 6px; margin-left: 4px; margin-bottom: 2px; margin-right: 4px; } .boolean-state-1 .table-icon-boolean { border:7px solid #A8CD1D; } .table-icon-boolean:hover { border:2px solid #aaa; box-shadow:0px 0px 0px 1px rgba(255,255,255,1),0px 0px 0px 3px rgba(0,0,0,0.4); } .table-icon-boolean:active { transition:0.1s ease all; box-shadow:0px 0px 0px 1px rgba(255,255,255,1),0px 0px 0px 3px rgba(0,0,0,0.4),0px 0px 0px 4px rgba(210,180,30,1); } .boolean-state-1 .table-icon-boolean:hover { border:4px solid #A8CD1D; } .js-ajax-load-loading .table-icon-boolean { transition:0.1s ease all, 1s ease-out box-shadow; box-shadow:0px 0px 0px 1px rgba(255,255,255,1),0px 0px 0px 3px rgba(0,0,0,0.4); border:7px solid #A8CD1D; border-top:0px solid #A8CD1D; border-bottom:0px solid #A8CD1D; border-right:0px solid #A8CD1D; animation: spin 0.5s infinite ease-in-out; } table tr .table-icon-boolean { opacity:0.75; } table tr .js-ajax-load-loading .table-icon-boolean, table tr:hover .table-icon-boolean { opacity:1; } td[class*=td-euro], td[data-type*=euro]{ white-space: nowrap; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } table tr td .truncate-container { position:relative; min-height:20px; min-width:150px; width: 100%; max-width:700px; } table tr td { position: relative; } table tr td .truncate { position:absolute; width:100%; top:0px; bottom: 0px; } table tr td.td-title .truncate { min-width: 200px; position: relative!important; max-width: calc(100px + 15vw); } td > .truncate { padding-top:6px; } .sql2table th a { white-space: nowrap; } .table-td-tooltip { position: absolute; display: none; opacity: 1; background-color: #333; color:#fff; transition: 0.3s ease all; } td .table-td-tooltip { top:0%; left:0px; width: 100%; padding: 2px 5px; font-size:11px; } tr:hover td .table-td-tooltip { display: block; opacity: 1; z-index: 9999; } @media print { tr td .table-td-shortstring { display: none; } tr td .table-td-tooltip { position: inherit; display: block; opacity: 1; background: none; color: #000; padding: 0px; } } td[data-colkey="eur"] { white-space: nowrap; } .sql2table[data-viewtype="thumbs"] tbody tr.top-row, .sql2table[data-viewtype="thumbs"] tbody tr[class*="divider"], .sql2table[data-viewtype="thumbs"] tbody tr:not(.main-data-row){ display: none; } table tr:not(.tabledivider) a:not(.flex-grid) > span.text:not(:last-child) { padding-right: 20px; } .description.preview table td, .description.preview table th { padding: 0px 5px; } .description.preview table td:first-child, .description.preview table th:first-child { padding-left: 5px; } .next-gets-border-top td { border-bottom-width: 1px!important; } table tr.next-gets-border-top td { font-size: 11px; line-height: 17.5px; color:#666; } body:not(.has-fullscreen) .thead-is-sticked { display: table!important; position: fixed!important; width:calc(100% - 60px); z-index: +1; animation-name: showmefromtop; animation-duration: 0.25s; animation-iteration-count: 1; box-shadow:0px 1px 0px 0px #f6f6f6, 0px 0px 20px 0px rgba(0,0,0,0.2); } .thead-is-sticked th, .thead-is-sticked td { font-weight: normal; } @keyframes showmefromtop { 0% { filter: opacity(0); transform: translateY(-100px); } 100% { filter: opacity(1); transform:none; } } .input-table-search-status { float: left; width: auto; margin-left: 5px; padding-top: 0px; padding-bottom: 0px; line-height: 24px; } .sql2table-cell-reversed-ext_id-item { display: inline-flex; padding-left:5px; padding-right: 5px; border-radius: 2px; border:1px solid rgba(0,0,0,0.1); background-color: #fff; } .sql2table-cell-reversed-ext_id-item { margin-bottom: 0px; } .sql2table-cell-reversed-ext_id-item.arrow-right { position: relative; } .sql2table-cell-reversed-ext_id-item.arrow-right:after { content:""; position:absolute; height:calc(100% - 0px); aspect-ratio:1/3; left:calc(100% + 1px); top:0px; bottom: 0px; background-color: #ccc; clip-path: polygon(0 0, 100% 50%, 0% 100%); z-index: +1; } th .sql2table-cell-reversed-ext_id-item { background-color:rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.3); } .sql2table-cell-reversed-ext_id-item[tooltip]:not(a) { cursor:help; } .sql2table-cell-reversed-ext_id-item[tooltip]:hover { border-color:rgba(0,0,0,0.75); } .sql2table-cell-reversed-ext_id-item img { max-height: 11px; } .sql2table-cell-reversed-ext_id-item:not(:last-child) { margin-right: 3px; } .sql2table-cell-date-span .sql2table-cell-reversed-ext_id-item:not(:last-child) { border-top-right-radius: 0px; border-bottom-left-radius: 0px; margin-right: 0px; border-right: none; } .sql2table-cell-date-span { white-space: nowrap; display: inline-block; margin-left: -3px; margin-right: -3px; } .sql2table-cell-reversed-ext_id-item.red { background-color:#CC0000; color:#fff!important; font-weight: bold; } .border-red, .subtle-red { border-color:#CC0000; } .subtle-red { color:#CC0000; } .sql2table-cell-reversed-ext_id-item.red > * { color:#fff!important; } .sql2table-cell-reversed-ext_id-item.yellow { background-color:#FC0; } .sql2table-cell-reversed-ext_id-item.yellowgreen { background-color:#A8CD1D; color:#fff; } .sql2table-cell-reversed-ext_id-item.green { background-color:#7C0; color:#fff; font-weight: bold; } .sql2table-cell-reversed-ext_id-item.code { background-color: #f9f2f4; border-color:#c7254e80; color:#c7254e80; } .sql2table-cell-reversed-ext_id-item.code:hover { border-color:#c7254e; color:#c7254e; } .sql2table-cell-reversed-ext_id-item a:hover { text-decoration: underline; } .sql2table-cell-reversed-ext_id-item-vertical-divider { display: inline-block; width: 1px; background-color:rgba(0,0,0,0.2); min-height:20px; margin-left: 3px; margin-right: 3px; } .sql2table-toolbar td { background-image: linear-gradient(#888 0%, #777 100%); color:#fff; padding-top: 5px; padding-bottom: 0px; padding-left: 5px!important; } .sql2table-toolbar a { padding-left: 5px; padding-right: 5px; background-color: rgba(0,0,0,0.33); box-shadow:0px 0px 0px 1px rgba(230,230,230,0); transition: 0.2s ease all; } .sql2table-toolbar a:hover { transition: 0.2s ease all; background-color: rgba(0,0,0,0.5); box-shadow:0px 0px 0px 1px #eee; } .sql2table-toolbar a:active { transition: 0.2s ease all; background-color: rgba(0,0,0,0.66); box-shadow:0px 0px 0px 2px #eee; color:#eee; } .sql2table-toolbar a span.text { padding-right: 10px; } .sql2table-toolbar a, .sql2table-toolbar a span { color:#fff!important; display: inline-block; opacity: 1!important; } .sql2table-toolbar a span { font-size:13px!important; } .thead-is-sticked .sql2table-toolbar{ display: none; } .table-button-list-wrapper { display: inline-block; position: relative; } .table-button-list-wrapper .table-button-list { display: none; position: absolute; right: 0px; grid-template-columns: 1fr; z-index: +99; background:#fff; border:1px solid #ccc; padding: 5px; margin-top: -2px; margin-left: -2px; } .table-button-list-wrapper .table-button-list a { white-space: nowrap; } .table-button-list-wrapper:hover .table-button-list { display: block; /*display: grid;*/ } .table-button-list-wrapper:hover .table-button-list > * { display: block!important; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-top:2.5px; padding-bottom:2.5px; padding-left: 5px; } .table-button-list-wrapper:hover .table-button-list > *:last-child { margin-bottom: 0px; border-bottom:none; padding-bottom:0px; } .table-button-list-wrapper .table-button-list-toggler:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: "\f078"; /*chevron down*/ } .table-button-list a { margin-right: 0px!important; } tr[onClick] { cursor: pointer; } tr[onClick]:hover { background-color:rgba(215,180,30,0.25); background-color:rgba(0,150,250,0.15)!important; } tr[onClick].selected { background-color:rgba(215,180,30,0.5); } tr[onClick]:active { background-color:#D6B420; } .sql2table-cell-color-wrapper { display: grid; grid-template-columns: 20px 1fr; grid-gap: 5px; } .sql2table-cell-color { box-shadow: 0px 0px 0px 1px #ccc, inset 0px 0px 0px 1px #fff; min-width: 18px; min-height: 18px; } .sql2table-cell-color-wrapper > * { margin: auto; margin-left: 0px; } .sql2table-inline-editor-save-button { /* position: fixed; top: 100px; right: 100px;*/ } td[class*="date"] .sql2table-inline-editor-current-value { white-space: nowrap; } .sql2table[data-order-by="position"] tbody tr.main-data-row td:first-child { white-space: nowrap; } .sql2table[data-order-by="position"] tbody tr.main-data-row td:first-child .truncate { padding-left: 10px; } .sql2table[data-order-by="position"] tbody tr.main-data-row td:first-child::before { opacity: 0; content: "\f0dc"; float: left; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 20px; min-width: 10px; line-height: 20px; margin-right: 4px; } .sql2table[data-order-by="position"] tbody tr.main-data-row:hover td::before { opacity: 1; } .sql2table[data-order-by="position"] tbody tr.main-data-row td:first-child::after, .sql2table[data-order-by="position"] tbody tr.main-data-row td:first-child > *::after { clear: both; content: ' '; } table tr td[data-inline-editable] { transition:0.1s ease opacity 0.05s, 0.5s ease filter 0.5s!important; opacity: 1; } table tr td[data-inline-editable]:not(.bieBinded) { opacity: 0; filter:grayscale(100%); } table tr td[data-inline-editable]:not(.bieBinded) > * { display: none!important; } td.inline-editable { } .sql2table-inline-editor-current-value { margin-right: 13px; display: inline-block; } td[data-type="date"] .sql2table-inline-editor-current-value, .monospace .sql2table-inline-editor-current-value { white-space: nowrap; } .sql2table-inline-editor-current-value::after { font-family:'FontAwesome'; display: inline-block; content:"\f040"; min-width: 10px; margin-left: 3px; position: absolute; top: 50%; right: 6px; margin-top: -8px; height: 20px; line-height: 20px; font-size:12px; color:#d1b420; } td:hover .sql2table-inline-editor-current-value::after { color:var(--color_main_darker); } td.possible-inline-editable { } td.inline-editable { min-width: 90px; cursor: url('/_assets/cursors/fa-pencil.png'), pointer!important; position: relative; padding-right: 10px!important; } td.inline-editable { /*background-color: rgba(255,255,255,0.5); box-shadow:inset 0px 0px 0px 1px rgba(209, 180, 32,0.33), inset 0px 0px 0px 202px rgba(209, 180, 32,0.1);*/ } td.inline-editable:hover { box-shadow:inset 0px 0px 0px 3px rgba(209, 180, 32,0.33), inset 0px 0px 0px 202px rgba(209, 180, 32,0.1); } td.inline-editable > *:not(input):not([class*="notifier"]) { background:none!important; } td.inline-editable, td.inline-editable input { border-radius: 0px!important; } td.inline-editable > input, td.inline-editable > .sql2table-inline-editor-input { display: none; } td.inline-editable > input { position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; height: calc(100% - 2px); width: calc(100% - 2px)!important; box-shadow:inset 0px 0px 0px 2px rgba(95, 169, 88,1); padding-right: 12px; background-color: #e6e6e6; } td.inline-editable > .sql2table-inline-editor-input { } td.inline-editable input:focus,td.inline-editable input:hover { } td.inline-editable-editor-enable { } td[data-type="date"].inline-editable-editor-enable { box-shadow:inset 0px 0px 0px 0px rgba(209, 180, 32,0.33), inset 0px 0px 0px 202px rgba(209, 180, 32,0.1); background-color:rgba(209, 180, 32,0.33)!important; padding: 0px!important; } td.inline-editable-editor-enable > input { appearance:text; -webkit-appearance: text; } td.inline-editable-editor-enable > input, td.inline-editable-editor-enable > .sql2table-inline-editor-input { display: block; z-index: +9999; } td.inline-editable-editor-enable .sql2table-inline-editor-current-value { display: none; } .sql2table-inline-editor-date-input-grid.sql2table-inline-editor-date-input-grid-has-time { display: grid; grid-template-columns: 100px 80px; grid-gap: 0px; } .sql2table-inline-editor-date-input-grid.has-datepicker-clearbutton { display: grid; grid-template-columns: 120px 30px; grid-gap: 0px; } .sql2table-inline-editor-date-input-grid.sql2table-inline-editor-date-input-grid-has-time.has-datepicker-clearbutton { display: grid; grid-template-columns: 120px 80px 30px; grid-gap: 0px; } td.table-inline-editor-changed { position: relative; } .table-inline-editor-not-saved-notifier { position: absolute; left: 0px; bottom:0px; right: 0px; text-align: center; font-size:8px; background-color: #C00 !important; color:#fff; line-height: 10px; font-family: "verdana"; transition: 0.1s ease all; } td:hover .table-inline-editor-not-saved-notifier { /* bottom:-8px; */ } div.sql2table-inline-editor-input { } table th, table .tablehead { position: relative; } table th code, table .tablehead code { position: absolute; left: 0px; top:-1px; z-index: 1; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } table th:not(:hover) code { display: none; } .td-tooltip { position: absolute; top: auto; bottom: calc(100% - 5px); line-height: 8px!important; padding: 2px; left: -2px; white-space: nowrap; font-size:8px; background-color:var(--maincolor); color:#fff; max-width: 100%; display: inline-block; border-radius: 3px; transition: 0.1s ease all; filter: grayscale(100%); } tr:not(:hover) td .td-tooltip { display: none; } tr td:hover .td-tooltip { left: -5px; max-width: 1000px; z-index: +1; font-size: 12px!important; line-height: 12px!important; box-shadow: 0px 0px 0px 1px rgba(245,245,245,0.9); filter: grayscale(0%); padding: 4px; } tr:not(:hover) select { box-shadow: none!important; background: none!important; } td[data-function="sql2table_cell_combo"] { padding: 0px!important; } td[data-function="sql2table_cell_combo"] table, td[data-function="sql2table_cell_combo"] table tr , td[data-function="sql2table_cell_combo"] table tr td { padding: 0px 3px!important; background:none!important; border:none!important; white-space: nowrap; } td[data-function="sql2table_cell_combo"] table tr td:not(:first-child) { padding-left: 3px!important; } td[data-function="sql2table_cell_combo"] table tr td { font-size:10px; } td[style*="padding"][style*="0px"] { } td[style*="padding"] input:first-child:nth-last-child(2) { float: left; width: calc(100% - 40px); min-width: 30px!important; } td[style*="padding"] input[type="number"] { max-width: 90px; text-align: right; } td[style*="padding"] input:first-child:nth-last-child(2) + label { width: 40px; float: left; text-align: left; padding-left: 5px; margin: 0px; } input[type="search"] { background-image:url('/_images/input-svg-icons/search:666666.svg?ts=33')!important; background-size: 26px 26px; background-position: center right; background-repeat: no-repeat; } input[type="search"]:hover, input[type="search"]:focus { background-image:url('/_images/input-svg-icons/search:main.svg?ts=22')!important; background-size: 26px 26px; background-position: center right; background-repeat: no-repeat; } .global-search-container input[type="search"] { background-image:url('/_images/input-svg-icons/search:FFFFFF50.svg?ts=33')!important; } .global-search-container input[type="search"]:hover, .global-search-container input[type="search"]:focus { background-image:url('/_images/input-svg-icons/search:FFFFFF.svg?ts=33')!important; } tr td { position: relative; } .vaartuig-occupied > tr:first-child > td, .future-divider-row td, .joblist-locked td { background-image: url('/_images/images/patterns/diagonalstripes00000007.svg'); background-size:6px auto; /* color:rgba(60,60,60,0.6);*/ } .future-divider-row td { font-weight: bold; } .vaartuigen-table-wrapper { position: relative; } .inline-buildtime { position: absolute; bottom:100%; right:0px; background-color: #eee; font-size:10px; line-height: 10px; padding: 2px; padding-right: 20px; } /* FANCY ADDITIONS: */ table thead + tbody tr.main-data-row td { border-top:1px solid #e3e3e3!important; } table thead + tbody { box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05); } table thead + tbody { position: relative!important; } /*table:hover thead + tbody::before { display: block!important; content: ' '; height: 6px; position: absolute; left: 0px; top: 0px; right: 0px; box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.15)!important; z-index: +10; }*/ table thead + tbody tr { position: relative; } /*table thead + tbody tr td:not(data-type="id")::before { display: block!important; content: ' '; height: 6px; position: absolute!important; left: 0px; top: -1px; right: 0px; box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,0.02)!important; z-index: +10; } */ table:hover thead + tbody tr.main-data-row td { border-top-color:var(--color_heads)!important; } table:not(.xaeafwohiaewfio) thead + tbody tr.main-data-row ~ tr td { border-top-color:rgba(255,255,255,0)!important; } .tablemenu-item-inline-editor { position: fixed; bottom:100px; left: 25vw; right: 25vw; display: flex; z-index: 99999!important; } .sql2table-fits-in-window .tablemenu-item-inline-editor { position: absolute; top:calc(100% - 10px); } .tablemenu-item-inline-editor > * { margin: auto!important; padding: 10px 20px; float: none!important; height: auto!important; border-radius: 2px; border-width: 2px!important; box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.3), 0px 20px 105px 40px rgba(245,245,245,0.9)!important; } .tablemenu-item-inline-editor > a.button.sql2table-inline-editor-save-button:hover:not(.crazy) { background-color:var(--color_heads)!important; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3)!important; } .tablemenu-item-inline-editor > *, .tablemenu-item-inline-editor > * > *{ font-size: 16px!important; } .shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } a.sql2table-inline-editor-save-button.shake { } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .sql2table-cell-reversed-ext_id-item > .sql2table-cell-reversed-ext_id-item:first-child { border: none!important; } .sql2table tr .tablehead { position: relative; } .sql2table td.tablehead, .sql2table th.tablehead { position: sticky!important; top:47px; z-index: 3; } .sql2table div[class*="tablehead"] { } .tablemenu { position: relative; } .tablemenu .tablemenu-sticky-items { position: sticky!important; top: 47px!important; top: 72px!important; margin: 0px!important; height: 26px; z-index: 3; display: inline-flex!important; } .tablemenu .tablemenu-sticky-item > * { margin: auto; } .tablemenu .tablemenu-sticky-item > *:not(:last-child) { margin-left: 0px; margin-right:10px; } .tablemenu input[name*="search"], input[type="search"] { background-image:url('/_images/input-svg-icons/search:999999.svg?ts=33')!important; background-size:contain!important; background-position: right!important; background-repeat: no-repeat!important; min-width: 180px!important; border-radius: 4px!important; } .tablemenu input[name*="search"]:focus, input[type="search"]:focus { background-image:url('/_images/input-svg-icons/search:666666.svg?ts=33')!important; } .sql2table-multi-divider, .sql2table-multi-divider:hover { background-color: var(--colorlight); box-shadow: none!important; boder:none!important; } .sql2table-multi-divider, .sql2table-multi-divider * { color:rgba(0,0,0,0.8); } .sql2table-multi-divider * .sql2table-cell-reversed-ext_id-item { background-color:rgba(255,255,255,0)!important; } td.no-padding { padding: 0px!important; } .sql2table table { background-color: #e6e6e6; /*box-shadow:inset 0px 32px 0px 0px #777777;*/ } table, table td { padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: separate; } table tr.unfolder td { color:#0033FF; cursor: pointer; } table tr.unfolder td::before { font-family: "sans-serif"; content: '⎊'; float: left; font-size:25px; text-decoration: none; font-weight: normal; margin-right: 2px; } table * { } table td { transition:none; } .cms-menu-inner:not(:hover) .nav-head, .cms-menu-inner:not(:hover) .cms-menu-divider { opacity: 0.2; } th, .nav-head, div.tablehead { background-color: rgba(0,0,0,0.35); color: #fff; text-align: left; } table td, table th, div.tablecell { padding: 2px 5px; } thead, .title, tr.divider td { font-weight: bold; } tr.divider td:empty { height: 5px; border-left: none!important; border-right:none!important; } table td.type-integer, table td.type-double, table th.type-integer, table th.type-double{ white-space: nowrap; } table td.type-integer, table td.type-double, table td.name-date, table td.name-month { width: 50px; } table td.type-integer, table td.type-double, table td.name-date, table td.name-month, table td.right, table td.text-right { text-align: right; } table th.type-integer, table th.type-double { overflow: hidden; text-overflow: ellipsis; } /*table td.name-title { width: 30vw; } table td.name-title:first-child { width:auto!important; }*/ table > tbody > tr > td, table > tfoot > tr > td { border-left: 1px solid rgba(220,220,220,0.8); border-bottom: 1px solid rgba(220,220,220,0.8); } table > tbody > tr > td:last-child, table > tfoot > tr > td:last-child { border-right:1px solid #ccc; } .sql2table[data-viewtype="thumbs"] table > tbody > tr > td, .sql2table[data-viewtype="thumbs"] table > tbody > tr > td:last-child { border: none!important; } table table > tbody > tr > td:first-child { border-left:0px solid #ccc; } table tr.subtable > td { padding: 0px; background-color: #ccc; /*border-left:2px solid #999; border-bottom:2px solid #999;*/ padding-left:5px; padding-bottom: 5px; } table tr.subtable > td table { background-color: #fff; } table tr:last-child td { /*padding-bottom: 10px;*/ } table tr td:empty, table tr th:empty { background-color: rgba(0,0,0,0.1)!important; } table tr.unfolder { } table tr.folded { opacity: 0.5; /*display: none;*/ } table:hover > tbody > tr.folded { opacity: 1; display: table-row; } table tr.unfolder > td { color:#fff; } table tr.unfolder > td, table tr.unfolder > td:hover { background-color:#5FA958!important; } table tr.unfolder > td:hover { color:#fc0; } table tr.folded > td { background-color:#5FA958!important; } table tr.folded + tr { display: none; } .result pre { display: none; } .result table tr td, .result table tr th { font-size:9px; padding: 0px; margin: 0px; } pre { line-height: 15px; font-size:10px; } tfoot tr td, tfoot tr th { padding-top: 5px; padding-bottom: 5px; } tfoot tr.folded:first-child td, tfoot tr:first-child th { border-top:5px solid #000; padding-top:10px; } td.highlight:not(.inline-editable), th.highlight, tr.highlight > td:not(.inline-editable) { box-shadow: inset 0px 0px 5px 140px rgba(255,220,0,0.3)!important; color:#000; } td.alt-highlight:not(.inline-editable), th.alt-highlight, tr.alt-highlight td:not(.inline-editable) { box-shadow: inset 0px 0px 5px 140px rgba(0,150,250,0.15)!important; } tr.top-row.highlight td { box-shadow: inset 0px 30px 20px -15px rgba(245,245,245,0.3), inset 0px 0px 5px 60px rgba(255,220,0,0.2)!important; /*box-shadow: inset 0px 30px 20px -15px rgba(245,245,245,0.3), inset 0px 0px 5px 60px rgba(168,205,30,1)!important;*/ color:#000; /* color:#fff!important; border-color:rgba(255,255,255,0.1)!important;*/ } tr.sub-row.highlight > td:not(.inline-editable) { box-shadow: inset 0px -20px 20px -10px rgba(0,0,0,0.05), inset 0px 0px 5px 60px rgba(168,205,30,0.2)!important; color:#000; /* box-shadow: inset 0px -20px 20px -10px rgba(0,0,0,0.05), inset 0px 0px 5px 60px rgba(168,205,30,1)!important; color:#fff!important; border-color:rgba(255,255,255,0.1)!important;*/ } #mailing-preview table, #mailing-preview table * { border:none!important; background: none!important; } .highlight-sub-row td, .highlight-sub-row td:hover { background-color:#fff!important; } .darken-row, .table tr.next-gets-border-top.darken-row td { /*transition:none; background-color:#eee!important; color:#aaa!important;*/ } .darken-row td { /*background-color: red!important; transition:none;*/ } table tr.static-boolean-concept td:empty { background-color:none!important; } .global-search-results .button { padding: 0px!important; } .global-search-results .sub-result:not(:first-child) { border-top:1px solid #eee; } /*simple opts:*/ .sql2table-inline-editor-simple-options:not(.sql2table-inline-editor-simple-options-dropdown-menu) { display: inline-flex; } .sql2table-inline-editor-simple-options-dropdown-menu, .sql2table-inline-editor-simple-options-dropdown-menu * { transition:0.1s ease all, 0s linear top!important; } .sql2table-inline-editor-simple-options-dropdown-menu::before { display: block; min-width: 30px; white-space: nowrap; height: 20px!important; margin-right: 8px!important; width: 100%; content: 'Kies ' attr(data-title); white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; } .sql2table-inline-editor-simple-options-dropdown-menu::before, .sql2table-inline-editor-simple-options-dropdown-menu:not(:hover) > a.selected { border-radius: 4px!important; } .sql2table-inline-editor-simple-options-dropdown-menu { } .sql2table-inline-editor-simple-options-dropdown-menu:hover { } .sql2table-inline-editor-simple-options-dropdown-menu:not(:hover) > a:not(.selected) { display: none; } .sql2table-inline-editor-simple-options-dropdown-menu > a { display: block; width: 100%; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; } .sql2table-inline-editor-simple-options-dropdown-menu:hover > a { width: auto!important; max-width: 1000px!important; } .sql2table-inline-editor-simple-options-dropdown-menu:not(:hover) a { } /*.sql2table-inline-editor-simple-options[style*="grid-template"] { display: inline-grid; grid-gap: 0px; } */ .sql2table-inline-editor-simple-options-dropdown-menu { position: relative; max-width: 60px; } .sql2table-inline-editor-simple-options-dropdown-menu a { position: absolute; top: 0px; left: 0px; min-width: calc(100% + 10px); max-width: calc(100% + 130px)!important; } .sql2table-inline-editor-simple-options-dropdown-menu:not(:hover) a.selected { width: calc(100% + 10px); max-width: calc(100% + 10px)!important; } /*THE MENU: */ .sql2table-inline-editor-simple-options-dropdown-menu:hover a, .sql2table-inline-editor-simple-options-dropdown-menu:hover a.selected { box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:nth-child(1) { top: 0px; border-top-left-radius: 4px!important; border-top-right-radius: 4px!important; z-index: 999991; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:nth-child(2) { top: 24px; z-index: 999992; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:nth-child(3) { top: 48px; z-index: 999993; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:nth-child(4) { top: 72px; z-index: 999994; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:nth-child(5) { top: 96px; z-index: 999995; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:nth-child(6) { top: 120px; z-index: 999996; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:last-child { border-bottom-left-radius: 4px!important; border-bottom-right-radius: 4px!important; } .sql2table-inline-editor-simple-options-dropdown-menu::before, .sql2table-inline-editor-simple-options a { background-color:rgba(255,255,255,0.9); display: inline-block; margin-left: 0px!important; margin-right: 0px!important; padding: 1px 6px; border:1px solid rgba(0,0,0,0.2); /* text-overflow:clip!important; overflow:inherit!important;*/ font-size:13px; height: 24px; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a { background-color: #fff; } .sql2table-inline-editor-simple-options:not(.sql2table-inline-editor-simple-options-dropdown-menu) a:not(:first-child) { border-left: none!important; } .sql2table-inline-editor-simple-options.sql2table-inline-editor-simple-options-dropdown-menu:hover a:not(:last-child) { border-bottom: none!important; } .sql2table-inline-editor-simple-options a { box-shadow: inset 0px 0px 0px 0.0001px #A8CD1D; transition: 0.1s ease all; } .sql2table-inline-editor-simple-options a:hover { box-shadow: inset 0px 0px 0px 2px #A8CD1D; } .sql2table-inline-editor-simple-options-dropdown-menu:hover a:hover { box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #A8CD1D!important; } .sql2table-inline-editor-simple-options a.green:not(.selected) { color: #A8CD1D; } .sql2table-inline-editor-simple-options a.selected { border-left:1px solid rgba(0,0,0,0.2)!important; background-color: #A8CD1D; color:#fff; } .sql2table-inline-editor-simple-options a.selected.red { background-color: #C00!important; color:#fff!important; } .sql2table-inline-editor-simple-options a.selected.yellow { background-color: #Fc0!important; color:#fff!important; } .sql2table-inline-editor-simple-options:not(.sql2table-inline-editor-simple-options-dropdown-menu) a.selected:not(:first-child) { border-top-left-radius: 1px; border-bottom-left-radius: 1px; box-shadow: -1px 0px 0px 0px #fff; } .sql2table-inline-editor-simple-options:not(.sql2table-inline-editor-simple-options-dropdown-menu) a:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .sql2table-inline-editor-simple-options:not(.sql2table-inline-editor-simple-options-dropdown-menu) a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .loading-dots::after { display: inline-block; min-width: 15px; text-align: left; content:'...'; animation: fxltd; animation-duration: 1s; animation-iteration-count: infinite; } @keyframes fxltd { 0% {content:'...' } 25% {content:'....'} 50% { content:'.'} 75% {content:'..'} 0% {content:'...' } } .ajax_box { background-color:#FFFFFF; padding:5px; padding-bottom:4px; border-bottom:1px solid #ccc; } .ajax_box ul, .ajax_box li { list-style:none; list-style-type:none; } #posmes_box { background-color:#CBEAD0; } #negmes_box { background-color:#EED4D7; } #warningmes_box { background-color:#F5EACE; } .loader { margin-top:7px; border:1px solid #fff; outline:1px solid #ddd; height:9px; background-color:#f3f3f3; background-image:url('/_images/images/busy.png'); animation:loader 1s infinite linear; } .page-leave .clicked { background-image:url('/_images/images/busy.png'); animation:loader 1s infinite linear; } @keyframes loader { 0%{ background-position:0px 0px; } 100% { background-position:20px 0px; } } tr.static-boolean-concept td[data-colkey="title"] { position: relative; } tr.static-boolean-concept td, tr.static-boolean-concept a { color:#aaa; /*filter:brightness(75%); opacity:0.75; */ } .sql2table-cell-reversed-ext_id-item.busy { background-image:url('/_images/images/busy-light.svg'); animation:loader 2s infinite linear; } .static-boolean-concept-old-sql2table { background-color: #fff; } tr.static-boolean-concept td[data-colkey="title"]::after, .sql2form-concept-label { content: 'concept'; display: inline-block; line-height: 15px; padding: 0px 3px!important; padding-right: 4px!important; background-color:#666; font-style:italic; color:#fff; border-radius: 2px; } .sql2form-concept-label { margin-top: -2px; margin-left: 5px; font-size:12px; } tr.static-boolean-concept td[data-colkey="title"]::after { position: absolute; right: 2px; top: 2px; } .cms-description { color:#666; margin-left:5px; font-size:85%; font-style:italic; } .clickable, .clickable td { cursor:pointer!important; } td:first-child,th:first-child, td[style*="none"]:first-child + td { padding-left:15px; } td:first-child img,th:first-child img{ margin-left:-10px; } .cms-buttongroup .button { margin-left:1px; } .cms-buttongroup .button:first-child { margin-left:0px; /* border-top-left-radius:5px;*/ } .cms-buttongroup .button:last-child { /*border-top-right-radius:5px;*/ } .cms-buttongroup .button { margin-top:0px; margin-bottom:0px; } .cms-login-window { padding-top:20px; } .cms-login-window h1 { text-align:center; padding:20px 0px; } .cms-login-window .content { width:100%; max-width:480px; width: 80vw; margin:auto; background-color:rgba(255,255,255,0.9); border:1px solid #ccc; box-shadow:0px 10px 40px rgba(0,0,0,0.2); } @media (max-width: 640px) { /*.cms-login-window .content { border:1px solid rgba(255,255,255,0.3); box-shadow:none; background-color:rgba(255,255,255,0.3); }*/ .cms-login-window div { transition: 0s linear all!important; } .cms-login-window .content { width: calc(100vw - 20px)!important; padding: 30px!important; box-shadow: 0px 10px 40px rgba(0,0,0,0.2), 0px 0px 0px 100vh rgba(180,180,180,0.5); } } .cms-lobby-container { max-width:480px; } .cms-lobby-container .group { margin-top:0px!important; padding-top:0px!important; } .cms-domain-thumb { display:block; color:#000; margin-top:2px; /*padding:5px;*/ } .cms-domain-thumb:first-child { margin-top: 0px; } .cms-lobby .cms-domain-thumb-hidden { display:none; } .cms-domain-thumb:hover { background-color:#5FA958; background-color:var(--color_main_darker); color:#fff!important; } .cms-domain-thumb:hover .cms-domain-thumb-image { } .cms-domain-thumb:active { background-color:#333; color:#fff; } .cms-domain-thumb-inner { } .cms-domain-thumb p, .cms-domain-thumb-image { display:block; float:left; } .cms-domain-thumb p { margin-top:0px!important; padding:25px 0px; line-height:22px; margin-left:5px; width:70%; width:calc(100% - 82px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cms-domain-thumb p .substatus { font-weight:normal; } .cms-lobby-big-list .cms-domain-thumb p { padding:5px 0px; line-height:18px; width:calc(100% - 36px); font-weight:normal; } .cms-domain-thumb-image { border:1px solid rgba(0,0,0,0.15); background-color:#eee; background-position:center; background-size:cover; width:72px; height:72px; } .cms-lobby-big-list .cms-domain-thumb-image { width:28px; height:28px; } .cms-bottom-bar { z-index:200; position:fixed; left:72px; bottom:0px; box-shadow:-2px 0px 2px rgba(0,0,0,0.15); background-image:url('/_images/images/tints/ccc80.png'); } .cms-action-bar { display:none; background-image:url('/_images/images/tints/00080.png'); min-height:60px; line-height:50px; padding:0px 0px; font-weight:bold; color:#FFF; } .cms-action-bar ul, .cms-action-bar li { list-style:none; list-style-type:none; margin:0px; padding:0px; } .cms-action-bar li { float:left; line-height:60px; } .cms-action-bar p { padding:0px 15px; margin:0px; } .cms-action-bar li a { display:block; min-width:36px; height:60px; line-height:36px; padding:12px 18px; cursor:pointer; border-right:1px solid #222; transition: all 0.33s ease; } .cms-action-bar li:first-child a { border-left:1px solid #222; } .cms-action-bar li a:hover { background-color:#F5CC1A; } .a_icon_plus { background-image:url('/_images/images/action-bar-icons/cross.png'); } .a_icon_info { background-image:url('/_images/images/action-bar-icons/info.png'); } .a_icon_left { background-image:url('/_images/images/action-bar-icons/left.png'); } .a_icon_min { background-image:url('/_images/images/action-bar-icons/min.png'); } .a_icon_plus { background-image:url('/_images/images/action-bar-icons/plus.png'); } .a_icon_right { background-image:url('/_images/images/action-bar-icons/right.png'); } .a_icon_cross { background-image:url('/_images/images/action-bar-icons/cross.png'); } .a_icon_edit { background-image:url('/_images/images/action-bar-icons/edit.png'); } .a_icon_download { background-image:url('/_images/images/action-bar-icons/download.png'); } .a_icon_cogwheel { background-image:url('/_images/images/action-bar-icons/cogwheel.png'); } .cms-user-settings li { margin-left:1px; position: relative; } .cms-user-settings li > a[href], .cms-user-settings li > a[onclick] { background-color:#6FAE6A; background-color: rgba(255,255,255,0.15); transition: all 0.15s ease; } .cms-user-settings li:hover > a[href], .cms-user-settings li.selected > a[href], .cms-user-settings li:hover > a[onclick], .cms-user-settings li.selected > a[onclick] { background-color:#333; color:#FFFFFF; } .cms-user-settings li .hover-menu { border:1px solid rgba(0,0,0,0.33); border-top:none; transition: all 0.15s ease; background-color: #fff; opacity: 0.33; padding:0px; display: none; padding:5px; position: absolute; right:0px; top:49px; width: 300px; max-width:calc(100vw - 170px); box-shadow: 0px 2px 2px rgba(0,0,0,0.25),0px 90vw 0px 90vw rgba(0,0,0,0.12); } @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) { body:not(.lightmode) .cms-user-settings li:hover .hover-menu { backdrop-filter: blur(5px) brightness(60%) contrast(300%); background-color: rgba(255,255,255,0.9); } } .push-message-close-button, .push-message-close-button * { color:#000; } .push-message-close-button { display: block; text-align: center; width: 33px; float: right; } .push-message-close-button:hover, .push-message-close-button:hover * { color:#5FA958; } .cms-user-settings li .cms-lobby { max-height: calc(100vh - 200px); overflow-y: auto; } .cms-user-settings li:hover .hover-menu { opacity: 1; display: block; } .cms-user-settings li .hover-menu.hover-menu-open { opacity: 1; display: block; } .cms-nav-top .hover-menu a { color:#268A40; } .cms-nav-top .hover-menu > a:hover { color:#fff; } .logo { float:left; } .logo img { padding-top:5px; } .fullscreen { background-color:rgba(255,255,255,1); top:-1000vh; position:fixed; height:100%; width:100%; z-index:99; opacity: 0; transition: 0.1s ease all, 0s linear top 0.1s; padding: 0px 10px; } body.has-fullscreen { overflow: hidden!important; } .has-fullscreen .fullscreen { top: 0px; opacity: 1; transition: 0.1s ease all, 0s linear top; overflow-y: auto; } .has-fullscreen .cms-nav-top { top: -100px!important; } body.has-fullscreen a[onClick*="openFullscreen"] { display: none; } body:not(.has-fullscreen) a[onClick*="closeFullscreen"] { display: none; } .fullscreen iframe { width:100%; } iframe { border:none; } .details td { border-bottom:1px solid #f6f6f6; } .details tr:first-child td { border-top:1px solid #f6f6f6; } .details td:first-child { padding-left:0px; } .details td:last-child { padding-right:0px; } .details .key { font-weight:bold; } .cms-domain-thumb-image { background-position:center; } .beta-indicator { color:rgb(210,180,30); } a.logo { background-image:url('/_images/images/logo/ro-logo-flattened.png')!important; background-size: 55px 34.6px!important; background-position:center!important; background-repeat: no-repeat!important; width: 62px; height: 49px; display: block; } a.logo img { display: none; } a.logo:hover { background-color: rgba(0,0,0,0.1); transition: all 0.15s ease; } a.logo:active { background-color:#333!important;; transition: all 0.15s ease; } .cms-nav-top a { font-weight: normal; } .hover-menu:empty { display: none!important; } #cms-push-message-container .push-message a { float: none; display: block; margin-top: 5px; width: 100%!important; } .cms-user-settings li a.busy { background-image:url('/_images/images/button_disabled.png')!important; animation:buttonbusy 1s infinite linear; } .cms-user-settings li a.busy:hover { background-color:#999!important; } .sql2table-ajax, .sql2form-line .input-group { position: relative; } form::before, .subtle-busy-indicator::before, .sql2table-ajax::before, .sql2form-line .input-group::before { display: block; content: ' '; position: absolute; top: 0px; left: 0px; right: 0px; height: 0.01px; background-color:#D1B420; /*border:1px solid #97831550; border-top: none;*/ filter: opacity(0.01); } .subtle-busy-indicator { position: relative; } .sql2table-ajax.busy tbody { filter: grayscale(100%)!important; } form.alt-busy::before, form.busy::before, .subtle-busy-indicator.busy::before, .sql2table-ajax.busy::before, .sql2form-line.busy .input-group::before { height: 5px; transition: 0.2s ease all; animation-name: busyindicator; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; filter: opacity(1); } .sql2table-ajax.busy::before, .sql2form-line.busy .input-group::before { animation-duration: 0.7s; } .sql2form-line.busy .input-group::before { height: 2px; } .cms-user-settings ul li > a { } .cms-user-settings ul li > a:empty { display: none!important; } @keyframes busyindicator { 0% { left: 0%; right: 100%; } 5% { right: 90%; } 50% { left: 25%; right: 25%; } 95% { left: 90%; right: 0%; } 100% { left: 100%; right: 0%; } } p a { white-space: nowrap; display: inline-block; /* max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: text-top;*/ } .ticket-comment-html p a { white-space: normal!important; } .sql2table-ajax:not(.busy) .sql2table-overlay-loader-wrapper { display: none; } .sql2table-overlay-loader-wrapper { position: absolute; bottom:0px; background:linear-gradient(to bottom, #F6f6f600, #F6F6F680 150px); top: 85px; left: 0px; right: 0px; z-index: 33; display: grid; grid-template-columns: 1fr; } body:not(.lightmode) .sql2table-ajax.busy .sql2table-overlay-loader-wrapper > * { animation-iteration-count: 1; animation-duration: 0.12s; animation-name: showme; } @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) { body:not(.lightmode) .cms-nav-top { /*background-color:var(--color_main_opacity95); backdrop-filter: blur(5px) brightness(60%) contrast(300%);*/ } body:not(.lightmode) .sql2table-overlay-loader-wrapper { /* backdrop-filter:blur(1px);*/ } body:not(.lightmode) .sql2table-ajax.busy tbody { filter: grayscale(100%); } body:not(.lightmode) .sql2table-ajax.busy tbody tr[id*="row"] td { background: none!important; box-shadow: none!important; } body:not(.lightmode) .sql2table-ajax.busy tbody tr td:not(.thefoppen), body:not(.lightmode) .sql2table-ajax.busy tbody tr td * { color:rgba(255,255,255,0)!important; border:none!important; box-shadow: none!important; } body:not(.lightmode) .sql2table-ajax.busy tbody tr[id*="row"] td > *, body:not(.lightmode) .sql2table-ajax.busy tbody tr[id*="row"] td > * * { background: none!important; border-radius: 5px!important; background-color: #EAEAEA!important; border:none!important; box-shadow: none!important; } body:not(.lightmode) .sql2table-ajax.busy tbody tr[id*="row"] td > * .fa { opacity: 0; } } .sql2table-overlay-loader-wrapper > * { display: grid; grid-template-columns: 1fr; margin-top: 0px; margin-bottom: auto; height: 100%; min-height: 100px; max-height: 50vh; } .sql2table-overlay-loader-wrapper > * > * { margin: auto; padding: 5px 15px; background-color: #fff; border-radius: 5px; }.cms-tooltip { position:fixed; z-index:9999!important; line-height:20px; padding:2px 4px; background-color:#fff; background-color:rgba(255,255,255,0.9); border:1px solid #000; display:none; opacity:0; transition:all 0.15s ease-in-out, opacity 0.5s linear; max-width:240px; } .cms-tooltip-shown { display:block; opacity:1; } td *[tooltipx]::after { content: attr(tooltip); position: absolute; top: -100%; left: 0; opacity: 0; transform:scale(0,0); transform-origin: 0% 100%; } td *[tooltipx]:hover::after { } .mini-tooltip { position:absolute; opacity:0; left:100%; bottom:100%; transform:scale(0,0); transform-origin: 0% 100%; } .mini-tooltip, td *[tooltipx]::after { transition:all 0.15s ease-in-out, opacity 0.2s linear; color:#fff!important; font-size:12px; line-height:14px; min-height:14px; max-width:320px; z-index:+1235799; text-align: left; } .mini-tooltip-inner, td *[tooltipx]::after { display:inline-block; background-color:rgba(0,0,0,0.9); padding:5px 7px; } sup { cursor:help; position:relative; } .mini-tooltip { width:10000%; min-width:200px; white-space:normal; } .mini-tooltip-inner { box-shadow:0px 0px 0px 1px rgba(255,255,255,0.4); } .mini-tooltip-align-from-right { display:block; left:auto; right:50%; transform-origin: 100% 100%; text-align:right; } .mini-tooltip-align-from-top { bottom:auto; top:100%; margin-top:-5px; transform-origin: 0% 0%; } .mini-tooltip-align-from-right.mini-tooltip-align-from-top { transform-origin: 100% 0%; } .show-all-tooltips .mini-tooltip { opacity:0.33; } *:hover > .mini-tooltip, .show-all-tooltips .mini-tooltip { display:block; transform:scale(0.7,0.7); } *:hover > .mini-tooltip, .mini-tooltip-show, td *[tooltipx]:hover::after { opacity:1; transform:scale(1,1); } .mini-tooltip-shown { opacity:0; transition:all 0.5s ease-in-out; transition-delay:1.5s; } /*NEW TOOLTIP FORMAT*/ [tooltip] { overflow: inherit!important; } [tooltip]:after { content: attr(tooltip)!important; background-color:#fc0; position: absolute; bottom:calc(100% - 5px); left:calc(100% - 5px); padding: 0px 3px; line-height: 15px!important; background-color: rgba(0,0,0,0.97); color:#fff!important; border-radius: 3px!important; font-size:10px; font-weight: normal; font-family: 'verdana'; opacity: 0; transform:scale(0,0); transform-origin: 0% 100%; transition:all 0.15s ease-in-out, opacity 0.2s linear; z-index: +999999; min-width: 120px; } tr td:last-child [tooltip]:after { left: auto!important; right: 0px; } [tooltip]:hover:after { opacity: 1; transform:scale(1,1); transition: all 0.1s ease 0.5s; visibility: visible; z-index: 99312312139999!important; } [tooltip] { position: relative; } body:not(.has-fullscreen):not(.lightmode) .content, body:not(.has-fullscreen):not(.lightmode) tablexxx, body:not(.has-fullscreen):not(.lightmode) .content > .group, body:not(.has-fullscreen):not(.lightmode) .notifier > *, body:not(.has-fullscreen):not(.lightmode) .card, body:not(.has-fullscreen):not(.lightmode) .sql2form-line, body:not(.has-fullscreen):not(.lightmode) .sql2form-has-groups { animation-name: showme; animation-duration: 0.15s; animation-iteration-count: 1; } body:not(.has-fullscreen):not(.lightmode) .page-leave table { animation-name: hideme; animation-duration: 0.05s; animation-iteration-count: 1; filter: opacity(0); transform: translateY(5px); } body:not(.has-fullscreen):not(.lightmode) .page-leave .content > * { animation-name: hidemelater; animation-duration: 0.15s; animation-iteration-count: 1; filter: opacity(0); transform: translateY(5px); } body:not(.has-fullscreen):not(.lightmode) tbody tr td .sql2table-count, body:not(.has-fullscreen):not(.lightmode) .sql2form-has-groups fieldset { animation-name: showmelater; animation-duration: 2.5s; animation-iteration-count: 1; } body:not(.has-fullscreen):not(.lightmode) .sql2form-has-groups fieldset { animation-name: showme; animation-duration: 1.33s; animation-iteration-count: 1; } body:not(.has-fullscreen):not(.lightmode) .sql2form-has-groups fieldset .sql2form-line { animation-name: showmelater; animation-duration: 2s; animation-iteration-count: 1; } body.inited:not(.has-fullscreen):not(.lightmode) .sql2form-has-groups fieldset .sql2form-line { animation-duration: 0.5s; animation-name: showme; } @keyframes showme { 0% { filter: opacity(0); transform: translateY(10px); } 65% { filter: opacity(0); transform: translateY(10px); } 100% { filter: opacity(1); transform:none; } } @keyframes showmelater { 0% { filter: opacity(0); transform: translateY(10px); } 90% { filter: opacity(0); transform: translateY(10px); } 100% { filter: opacity(1); transform:none; } } @keyframes hideme { 0% { filter: opacity(1); transform:none; } 100% { filter: opacity(0); transform: translateY(10px); } } @keyframes hidemelater { 0% { filter: opacity(1); transform:none; } 50% { filter: opacity(1); transform:none; } 100% { filter: opacity(0); transform: translateY(10px); } } @media only screen and (min-width: 600px) { .has-big-nest .modbase-nest { margin-top: 5px; max-height: calc(20vh + 200px); overflow: hidden!important; overflow-y:auto!important; padding: 20px 30px!important; box-shadow: 0px 0px 0px 1px #ccc, 0px 0px 0px 3px #eee; background-color:#f6f6f6; padding-bottom: 20px!important; } .has-big-nest .modbase-nest .sql2table:nth-child(n+1) { margin-top: 0px; } .has-big-nest .ajax-delay-part p { margin-left: 10px; margin-right: 10px; } } .modbase-nest:last-of-type { } * + .inline-block { margin-left: 10px; } .inline-block { position: relative; display: inline-block; } .inline-block, .inline-block input { min-width: 500px; } .inline-block input { max-width: 100%!important; width: 100%!important; } @media only screen and (max-width: 600px) { .inline-block { min-width: calc(100vw - 200px); } .inline-block input { minwidth: calc(100vw - 200px); } } .inline-block-has-search:before { content: "\f002"; display:block!important; position: absolute; right: 0px; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; width: 26px; height: 26px; z-index: +1; text-align: center; line-height: 26px; font-size:16px; } .ajax-delay-part-notloaded { padding-top: 5px!important; } .viewportsizing, .viewportsizing * { transition-duration: 0s!important; transition: none!important; } ul.list { padding-left:15px; } ul.list li a { font-weight:normal; } ul.list li.selected a { font-weight:bold; }label video { margin: 5px; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5), 0px 0px 0px 5px rgba(0,0,0,0.2); width: calc(100% - 10px); min-height: 100px; margin-top: 0px; } label .video-label { margin: 0px; background-color: rgba(0,0,0,0.2); color: #333; padding: 2.5px 5px; }.notifier { position:fixed; top:50px; /*left:80%;*/ /*width:10%; min-width:400px; */ right:0; left:0px; z-index:103; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.15); filter: opacity(0); display: none; } @media only screen and (min-width: 1000px) { .notifier { left: 250px!important; right: 250px!important; box-shadow: none!important; background:radial-gradient(farthest-side at top, rgba(0,0,0,0.2) 40%, transparent 100%)!important; } .notifier .notifications-wrapper { box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.15); } } @media only screen and (min-width: 1500px) { .notifier { left: calc(50vw - 280px)!important; right: calc(50vw - 280px)!important; }; } .notification[remaining-perc]::after { content: ' '; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 2px; background-color: rgba(0,0,0,0.1); transition:1s linear right; } .notification[remaining-perc] + .notification[remaining-perc]::after { /*display: none;*/ opacity: 1; } .notification[remaining-perc="90"]::after { right: 10%; } .notification[remaining-perc="80"]::after { right: 20%; } .notification[remaining-perc="70"]::after { right: 30%; } .notification[remaining-perc="60"]::after { right: 40%; } .notification[remaining-perc="50"]::after { right: 50%; } .notification[remaining-perc="40"]::after { right: 60%; } .notification[remaining-perc="30"]::after { right: 70%; } .notification[remaining-perc="20"]::after { right: 80%; } .notification[remaining-perc="10"]::after { right: 90%; } .notification[remaining-perc="0"]::after { right: 99%; } .notification[remaining-perc*="1"]::after { height: 0.01px; right: 0px; opacity: 0; } body[class*="domain-"] div.notifier { left:60px; } .notifier-inited { transition-delay: 0.3s; filter: opacity(1); display: block; } .notifier .notification { padding:10px 70px; padding-right:10px; /*border-left:1px solid #ccc;*/ /*margin-bottom:1px;*/ /*border-right:1px solid #ccc;*/ text-align:center; /*font-weight:bold;*/ font-size:12px; } .notifier .notification:first-child { /*border-top-left-radius:15px; border-top-right-radius:15px;*/ } .notifier .notification-positive { border-color:#0b0; background-color:#CBEAD0; /*color:#fff;*/ } .notifier .notification-negative, p.important.negative { border-color:#C00; background-color:#EED4D7; /*color:#fff;*/ } .notifier .notification-neutral { border-color:#FA0; background-color:#FFC; } .notifier .notification-text, .notifier .notification-badge { display:inline-block; } .notification { position:relative; } .notification .col-mes-backtrace { position:absolute; top:-1px; font-size:8px; font-family:verdana; line-height:10px; left: 2px; text-align: left; } .notifier .notification-badge:empty { display:none; } .notifier .notification-badge { border-radius:15px; margin-left:5px; padding:0px 5px; text-align:center; background-color:rgba(0,0,0,0.33); color:#fff; } .notifier .notification { padding-right: 80px!important; } .notifier .notification .notification-close { position: absolute; width:30px; height:20px; cursor:pointer; top:50%!important; margin-top: -10px; right: 10px; } .notifier .notification:not(:hover) .notification-close { opacity: 0; } .notifier .notification .notification-close:before, .notifier .notification .notification-close:after{ cursor:pointer; content:''; height:3px; width:16px; display:block; background:#000; position:absolute; margin-top:9px; right:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); } .notifier .notification-positive .notification-close:before, .notifier .notification-positive .notification-close:after{ background-color:#0b0; } .notification-close:after, .notifier .notification-negative .notification-close:before, .notifier .notification-negative .notification-close:after{ background-color:#C00; } .notification-close:after, .notifier .notification-neutral .notification-close:before, .notifier .notification-neutral .notification-close:after{ background-color:#FA0; } .cms-overlay-close-btn + .notification .notification-close:before, .cms-overlay-close-btn + .notification .notification-close:after { right: 42px!important; } .notifier .notification .notification-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);} div.notifier { padding-top:10px; padding-bottom: 50px; transition: 0.2s ease all; display: table-cell; vertical-align:middle; background: linear-gradient(rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.0) 100%); } .notifier-has-negative { /*bottom: 50vh;*/ padding-top: 10px; } div.notifier:empty, div.notifier-empty { display: none!important; } div.notifier .cms-overlay-close-btn { position: absolute!important; top: 0px; right: 0px; z-index: +1; } .cms-overlay-close-btn { background-color:var(--color_main); } .cms-overlay-close-btn:hover { background-color:var(--color_action)!important; color:var(--color_action)!important; } .cms-overlay-close-btn + .notification { padding-left: 50px!important; padding-right: 50px!important; } div.notifier .notifications-wrapper { max-width: 480px; position: relative; margin: auto; } div.notifier .notification { margin: auto; max-width: 500px; position: relative; border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); } .closing-notification > * { opacity: 0; transition: 0.1s ease all; } .closing-notification { /*max-width: 400px!important; width:calc(100vw - 100px); transition: 0.1s ease all;*/ } .notifier .notification:first-child { /*border-top-left-radius: 5px; border-top-right-radius: 5px;*/ } .notifier .notification:last-child { /*border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;*/ } .notifier .notification .notification-close { text-align: center; width:20px; display: block; } .notifier .notification .notification-close:hover { /*background-color: #333;*/ /*border-radius: 50%;*/ } .notifier .notification .notification-close:hover { /*background-color: #000; */ } .notifier .notification .notification-close:hover:before, .notifier .notification .notification-close:hover:after { /*background-color:#fff!important; */ background-color: #000; } .notifier .notification .notification-close:active:before, .notifier .notification .notification-close:active:after { background-color:#ccc!important; } .error:not(:focus):not(input[disabled]), .notifier .notification-negative { animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-0.5px, 0, 0); } 20%, 80% { transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-2px, 0, 0); } 40%, 60% { transform: translate3d(2px, 0, 0); } } .notification-text .fa:first-child, .notification-text .col-mes-backtrace + .fa { display: inline-block; margin-right: 5px; transform: scale(1.2,1.2) translateY(-1px); } /*.cms-nav-top { top: 0px!important; } body { position: absolute; overflow: auto!important; padding-top: 0px!important; left: 0px; right: 0px!important; top: 50px!important; } .container { padding-top: 0px!important; }*/ /* .container { position: fixed; overflow-y: auto!important; padding-top: 0px!important; left: 0px; right: 0px; top: 50px!important; height: calc(100vh - 60px); }*/.menu-fx { transition: all 0.15s ease; } .cms-menu li a { transition: all 0.33s ease; } .cms-menu li a .cms-menu-item-inner .fa, .cms-menu li a .cms-menu-item-inner [class*='custom-icon-']:not([style*="scale"]) { transition: all 0.33s ease; } .cms-menu:hover li a .cms-menu-item-inner .fa { transition: all 0.1s ease; } .cms-menu-divider { height:1px; margin:10px 0px; background-color:rgba(0,0,0,0.1); } .cms-menu-inner { z-index:5; position:fixed; height:100%; background-color:#eee; background-color:var(--colorsemilight); box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1),0px 55px 0px 3px rgba(0,0,0,0.05); } .cms-menu ul, .cms-menu li, .cms-tabmenu ul, .cms-tabmenu li, .cms-nav-top ul, .cms-nav-top li, .ui-sortable, .ui-sortable li, .ajaxbox { margin:0px; padding:0px; list-style:none; list-style-type:none; } .cms-menu li { margin-top:1px; } .cms-menu li:first-child { margin-top:49px; } @media screen and (max-height: 720px) { .cms-menu li:first-child { margin-top:50px; } .nav-head { margin-top: -1px; height: 1px; max-height: 1px; overflow: hidden; opacity: 0; padding: 0px!important; } .cms-menu-divider { margin-top: 0px; margin-bottom: 0px; } .cms-menu li a .cms-menu-item-inner [class*="custom-icon"]::before { transform: translateY(-4px); } .cms-menu li:not(.cms-menu-item-important) a .cms-menu-item-inner .fa, .cms-menu li a .cms-menu-item-inner *[class*="custom-icon"] { font-size:18px!important; line-height: 26px!important; } .cms-menu li.cms-menu-item-important a .cms-menu-item-inner .fa, .cms-menu li a .cms-menu-item-inner *[class*="custom-icon"] { font-size:20px!important; line-height: 46px!important; } .cms-menu li:not(.cms-menu-item-important) a .cms-menu-item-inner { height: 32px!important; } .cms-menu li.cms-menu-item-important:not(div) a:not(x) .cms-menu-item-inner { height: 46px!important; } .cms-menu-item-submenu ul li a { padding: 6px 0px; font-size:11px!important; } } .cms-menu .cms-menu-divider:first-child { opacity:0; margin-top:50px; } .cms-menu li a .cms-menu-item-inner { transform-origin: 0% 50%; z-index:99; display:block; width:60px; height:36px; /*padding:13px 23px;*/ background-color:var(--colorsemilight); transition:all 0.1s ease; text-align:center; } .cms-menu li a .cms-menu-item-inner .fa, .cms-menu li a .cms-menu-item-inner *[class*="custom-icon"] { color:#bbb; font-size:20px; } .cms-menu:hover li:not(.selected):not(:hover) a .cms-menu-item-inner .fa, .cms-menu:hover li:not(.selected):not(:hover) a .cms-menu-item-inner *[class*="custom"][class*="icon"] { color:#333; } .cms-menu li a .cms-menu-item-inner, .cms-menu li a .cms-menu-item-inner .fa, .cms-menu li a .cms-menu-item-inner *[class*="custom-icon"] { line-height:36px; } .cms-menu .selected a .cms-menu-item-inner .fa, .cms-menu .selected a .cms-menu-item-inner > *, .cms-menu .selected:not(:hover) a .cms-menu-item-inner *[class*="custom"][class*="icon"] { color:var(--color_main_darker); } .cms-menu-item-submenu .fa { display: inline-block; margin-right: 5px; font-size: 16px; } .cms-menu li:hover > a .cms-menu-item-inner { /*box-shadow:0px 0px 10px rgba(0,0,0,0.4);*/ z-index:9998; background-color:#666; background-color:#5FA958; background-color:var(--color_main_darker); } .cms-menu li:hover a .cms-menu-item-inner .fa, .cms-menu:hover li:hover > a .cms-menu-item-inner .fa .cms-menu:hover li a:hover .cms-menu-item-inner .fa, .cms-menu .cms-menu-item-inner > li:hover > a, .cms-menu li:hover > a .fa, .cms-menu li:hover > a *[class*="custom"][class*="icon"] { color:#fff; color:var(--color_main_darker); } .cms-menu .selected a .cms-menu-item-inner { /*background-color:#5FA958;*/ background-color: #fff; /* background-color:#2d7726;*/ } .cms-menu .selected a:hover .cms-menu-item-inner, .cms-menu li a:active .cms-menu-item-inner { background-color:#000; background-color:#5FA958!important; background-color:var(--color_main_darkest)!important; } .cms-menu li a .m_icon { position:absolute; margin-left:23px; margin-top:13px; } .cms-menu ul { z-index:4; } /*.cms-menu .cms-menu-tooltip, .cms-menu-tooltip-bg { opacity:0; left:-180px; width:180px; } .cms-menu .cms-menu-tooltip { display:none; z-index:-1; position:absolute; padding-left:10px; width:200px; color:#999; line-height:50px; margin-top:-1px; border-top:1px solid #ddd; } .cms-menu-tooltip-bg { z-index:2; border-left:1px solid #ddd; background-color:#e6e6e6; position:fixed; top:0px; width:200px; height:100%; box-shadow:2px 0px 2px rgba(0,0,0,0.07); } .cms-menu:hover .cms-menu-tooltip { left:70px; opacity:1; display:block; } .cms-menu:hover .cms-menu-tooltip-bg { left:70px; opacity:0.95; display:block; } .cms-menu:hover a:hover .cms-menu-tooltip, .cms-menu:hover .selected .cms-menu-tooltip { background-color:#f6f6f6; color:#268A40; color:#000; }*/ .content.cms-page-visits-activity:not(:last-child) { background-image: linear-gradient(to bottom, rgba(245,245,245,0) 50%,rgba(245,245,245,1) ); } .content.cms-page-visits-activity + *:not(.notifier):not(.xhr-sensor), .content.cms-page-visits-activity ~ *:not(.notifier):not(.xhr-sensor), .content.cms-page-visits-activity + * + *:not(.notifier):not(.xhr-sensor) { /* background-color: rgba(230,230,230,1);*/ margin-top: 0px!important; } .content.cms-page-visits-activity + *:last-child:not(.notifier), .content.cms-page-visits-activity ~ *:last-child:not(.notifier):not(.sticky-clone):not(.cms-favos) , .content.cms-page-visits-activity + * + *:last-child:not(.notifier):not(.sticky-clone):not(.cms-favos) { box-shadow: 0px 400px 0px 400px rgba(245,245,245,1); } .cms-menu li.cms-menu-item-important a .cms-menu-item-inner { height: 56px!important; } .cms-menu li.cms-menu-item-important + li:not(.cms-menu-item-important) { margin-top: 10px; } .cms-menu li.cms-menu-item-important *[class*="custom-icon"] { min-height: 56px; } .cms-menu li.cms-menu-item-important .fa, .cms-menu li.cms-menu-item-important *[class*="custom-icon"] { line-height: 56px!important; font-size:24px!important; } [class*='custom-icon-']:not([style*="scale"]):not([class*='rocms']) { transform: scale(1.4, 1.4) translateY(5%); } [class*='custom-icon-']:not([style*="scale"])[class*='rocms'] { transform: scale(1.4, 1.4); } li.cms-tab_item.disabled a { filter: grayscale(100%); background-image: url('/_images/images/patterns/diagonalstripes00000007.svg'); background-size:6px auto; cursor: not-allowed; } .cms-menu:hover .menu-fx li:nth-child(1) .cms-menu-tooltip { -webkit-transition: left 2.1s linear; -moz-transition: left 2.1s linear; -ms-transition: left 2.1s linear; -o-transition: left 2.1s linear; transition: left 2.1s linear; } .cms-menu:hover .menu-fx li:nth-child(2) .cms-menu-tooltip { -webkit-transition: left 2.2s linear; -moz-transition: left 2.2s linear; -ms-transition: left 2.2s linear; -o-transition: left 2.2s linear; transition: left 2.2s linear; } .cms-menu:hover .menu-fx li:nth-child(3) .cms-menu-tooltip { -webkit-transition: left 2.3s linear; -moz-transition: left 2.3s linear; -ms-transition: left 2.3s linear; -o-transition: left 2.3s linear; transition: left 2.3s linear; } .cms-menu:hover .menu-fx li:nth-child(4) .cms-menu-tooltip { -webkit-transition: left 2.4s linear; -moz-transition: left 2.4s linear; -ms-transition: left 2.4s linear; -o-transition: left 2.4s linear; transition: left 2.4s linear; } .cms-menu:hover .menu-fx li:nth-child(5) .cms-menu-tooltip { -webkit-transition: left 2.5s linear; -moz-transition: left 2.5s linear; -ms-transition: left 2.5s linear; -o-transition: left 2.5s linear; transition: left 2.5s linear; } .cms-menu:hover .menu-fx li:nth-child(6) .cms-menu-tooltip { -webkit-transition: left 2.6s linear; -moz-transition: left 2.6s linear; -ms-transition: left 2.6s linear; -o-transition: left 2.6s linear; transition: left 2.6s linear; } .cms-menu:hover .menu-fx li:nth-child(7) .cms-menu-tooltip { -webkit-transition: left 2.7s linear; -moz-transition: left 2.7s linear; -ms-transition: left 2.7s linear; -o-transition: left 2.7s linear; transition: left 2.7s linear; } .cms-menu:hover .menu-fx li:nth-child(8) .cms-menu-tooltip { -webkit-transition: left 2.8s linear; -moz-transition: left 2.8s linear; -ms-transition: left 2.8s linear; -o-transition: left 2.8s linear; transition: left 2.8s linear; } .cms-menu:hover .menu-fx li:nth-child(9) .cms-menu-tooltip { -webkit-transition: left 2.9s linear; -moz-transition: left 2.9s linear; -ms-transition: left 2.9s linear; -o-transition: left 2.9s linear; transition: left 2.9s linear; } .cms-menu:hover .menu-fx li:nth-child(10) .cms-menu-tooltip { -webkit-transition: left 3s linear; -moz-transition: left 3s linear; -ms-transition: left 3s linear; -o-transition: left 3s linear; transition: left 3s linear; } .cms-menu:hover .menu-fx li:nth-child(11) .cms-menu-tooltip { -webkit-transition: left 3.1s linear; -moz-transition: left 3.1s linear; -ms-transition: left 3.1s linear; -o-transition: left 3.1s linear; transition: left 3.1s linear; } .cms-menu:hover .menu-fx li:nth-child(12) .cms-menu-tooltip { -webkit-transition: left 3.2s linear; -moz-transition: left 3.2s linear; -ms-transition: left 3.2s linear; -o-transition: left 3.2s linear; transition: left 3.2s linear; } .cms-menu:hover .menu-fx li:nth-child(13) .cms-menu-tooltip { -webkit-transition: left 3.3s linear; -moz-transition: left 3.3s linear; -ms-transition: left 3.3s linear; -o-transition: left 3.3s linear; transition: left 3.3s linear; } .cms-menu:hover .menu-fx li:nth-child(14) .cms-menu-tooltip { -webkit-transition: left 3.4s linear; -moz-transition: left 3.4s linear; -ms-transition: left 3.4s linear; -o-transition: left 3.4s linear; transition: left 3.4s linear; } .cms-menu:hover .menu-fx li:nth-child(15) .cms-menu-tooltip { -webkit-transition: left 3.5s linear; -moz-transition: left 3.5s linear; -ms-transition: left 3.5s linear; -o-transition: left 3.5s linear; transition: left 3.5s linear; } .cms-menu:hover .menu-fx li:nth-child(16) .cms-menu-tooltip { -webkit-transition: left 3.6s linear; -moz-transition: left 3.6s linear; -ms-transition: left 3.6s linear; -o-transition: left 3.6s linear; transition: left 3.6s linear; } .cms-menu:hover .menu-fx li:nth-child(17) .cms-menu-tooltip { -webkit-transition: left 3.7s linear; -moz-transition: left 3.7s linear; -ms-transition: left 3.7s linear; -o-transition: left 3.7s linear; transition: left 3.7s linear; } .cms-menu:hover .menu-fx li:nth-child(18) .cms-menu-tooltip { -webkit-transition: left 3.8s linear; -moz-transition: left 3.8s linear; -ms-transition: left 3.8s linear; -o-transition: left 3.8s linear; transition: left 3.8s linear; } .cms-menu:hover .menu-fx li:nth-child(19) .cms-menu-tooltip { -webkit-transition: left 3.9s linear; -moz-transition: left 3.9s linear; -ms-transition: left 3.9s linear; -o-transition: left 3.9s linear; transition: left 3.9s linear; } .desktop-links a { } .desktop-links .column { /*border:1px solid rgba(0,0,0,0.2); border-right:none; border-top-color:rgba(0,0,0,0);*/ box-shadow: 0px 0px 0px 1px #ddd; padding:0px; } .desktop-links .truncate { width:100%; } .desktop-links p small { color:#666; font-weight: normal; } .desktop-links a:hover { background-color: #fff; } @media screen and (min-width: 800px) { .desktop-links { grid-gap:1px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .desktop-links .column { width:100%; } /*.desktop-links .column:nth-last-child(-n+5) { border-bottom-color:rgba(0,0,0,0); } .desktop-links .column:nth-child(5n-9) { border-left:none; }*/ } @media screen and (max-width: 800px) { .desktop-links .column { width:50%; float:left; } /* .desktop-links .column:nth-last-child(-n+2) { border-bottom-color:rgba(0,0,0,0); } .desktop-links .column:nth-child(2n-3) { border-left:none; }*/ } .desktop-links .column a.desktop-shortcut-button { text-align:center; display:block; padding:20px; } .desktop-links .column a.button { text-align:center; display:block; width: 100%; } .desktop-links .column a.desktop-shortcut-button:hover { color:#333; } .desktop-links .column a.desktop-shortcut-button:active { color:#333; background-color:rgba(210,180,32,0.33); } .desktop-links .column a div { display:block; } .desktop-links .icon, .desktop-links .fa, .desktop-links *[class*="custom"][class*="icon"] { min-height:40px; font-size:40px; } #desktop-overview .ajax-status { min-height:20px; } #desktop-overview .ajax-status div { display:inline-block; } #desktop-overview .fa-spin { font-size:16px; opacity:1; color:#268A40; } #desktop-overview .ajax-content { /*border:1px solid #eee; padding:5px;*/ } #desktop-overview .ajax-content .tablemenu { display:none; } #desktop-overview .ajax-content table { max-width:100%; } #desktop-overview .ajax-content table tr:first-child td:first-child { border-top-left-radius:5px; } #desktop-overview .ajax-content table tr:first-child td:last-child { border-top-right-radius:5px; } #desktop-overview .ajax-content table .truncate { max-width:200px; }.xhr-sensor { position:fixed; left:0px; bottom:15px; min-height:40px; padding:10px; min-width:60px; text-align:center; z-index:99999; color:#5FA958; opacity:0; transition:0.5s ease-in-out; transform:scale(0.5,0.5); transition-delay:0.5s; } .xhr-sensor { transition:0.2s ease-in-out; transform:scale(1,1); transition-delay:0s; } .xhr-loading .xhr-sensor { opacity:1; } .xhr-size { position:absolute; min-width:22px; line-height:22px; font-weight:bold!important; font-size:11px; } .xhr-sensor .fa { transition:0.5s ease-in-out; font-size:22px; } .cms-module-top { /*position:fixed; left:80px; right:0;*/ } .cms-module-preview, .overlay .preview { border-top:1px solid #ddd; /*background-image:radial-gradient(at center top , #f6f6f6 40%, #ddd 85%, #ccc 100%);*/ background-image:linear-gradient(#f6f6f6, #fff); background-position:center; /*position:fixed; top:270px; left:0px; right:0; bottom:0; */ min-height:120px; padding:10px; } .cms-module-preview .cms-module-preview-inner { margin:auto; width:840px; min-width:640px; max-width:100%; }.cms-overlay-bg { display:none; position:fixed; z-index:100; background-color:rgba(0,0,0,0.4); width:100%; height:100%; left:0px; top:0px; } .cms-overlay { display:none; position:absolute; z-index:100; width:100%; /* width:60%; left:20%;*/ /*height:100%;*/ left:0px; top:0px; } .cms-overlay .cms-overlay-inner > .cms-tabmenu { display: none; } .cms-overlay-box { /*box-shadow:0px 0px 1px rgba(0,0,0,0.5);*/ /*border:1px solid rgba(0,0,0,0.3);*/ min-width:320px; max-width:900px; margin:auto; margin-top:80px; background-color:#fff; position: relative; } .cms-overlay-container[overlay-width="wide"] .cms-overlay-box { min-width:80vw; width: 100%; max-width:calc(100vw - 100px); } .cms-overlay-container[overlay-width="form"] .cms-overlay-box { width:clamp(320px,100vw,640px); max-width:640px; } .cms-overlay-container[overlay-width="small"] .cms-overlay-box { min-width:320px; max-width:400px; } .cms-overlay-close-btn { cursor:pointer; position:absolute; width:40px; height:40px; background-color:#000000; background-image:url('/_images/images/overlay-close-btn.png'); background-repeat:no-repeat; background-position:center; background-size:16px 16px; } .cms-overlay-title { position: absolute; left:40px; right: 0px; height:40px; background-color:#5FA958; color:#fff; font-weight: 500; line-height: 40px; padding-left:15px; padding-right: 15px; } .cms-overlay.has-iframe .cms-overlay-box { margin-top:60px; margin-left:10px; margin-right:10px; background-color:#333; max-width:inherit; } .cms-overlay-close-btn:hover { background-color:#333; } .cms-overlay-close-btn:active { background-color:#D1B420; } .cms-overlay-inner { /*display:inline-block;*/ /*padding:60px; padding-bottom:40px;*/ padding:40px; padding-top:60px; padding-bottom:40px; } .cms-overlay.has-iframe .cms-overlay-inner { display:block; padding:1px; } .cms-overlay.has-iframe { text-align: center; } .cms-overlay.has-iframe .cms-overlay-box { width: 80vw; max-width: 1280px; display: inline-block; margin: auto; min-height: 80vh; margin-top:100px; } .cms-overlay.has-iframe iframe { width:100%; min-height: 80vh; height: calc(100vh - 140px); } /*.cms-overlay-inner h1, .cms-overlay-inner h2, .cms-overlay-inner h3, .cms-overlay-inner h4, .cms-overlay-inner h5, .cms-overlay-inner h6, .cms-overlay-inner p, .cms-overlay-inner .line, .cms-overlay-inner input[type="submit"] { padding-left:40px; padding-right:40px; } .cms-overlay-inner .cms-module-preview h1, .cms-overlay-inner .cms-module-preview h2, .cms-overlay-inner .cms-module-preview h3, .cms-overlay-inner .cms-module-preview h4, .cms-overlay-inner .cms-module-preview h5, .cms-overlay-inner .cms-module-preview h6, .cms-overlay-inner .cms-module-preview p { padding-left:0px; padding-right:0px; }*/ body:not(.lightmode) .cms-overlay-box { animation-name: overlayShow; animation-duration: 0.2s; animation-iteration-count: 1; box-shadow: 0px 0px 115px rgba(0,0,0,0.5), 0px 0px 25px rgba(0,0,0,0.25); } .cms-overlay-container:not([overlay-width="small"]) .cms-overlay-inner form { min-width:600px; } .cms-overlay-inner iframe { min-height:400px; width:100%!important; } .cms-overlay-inner ul.button-list, .cms-overlay-inner ul.button-list li { list-style:none; } .cms-overlay-inner ul.button-list li { border-top:1px solid #ddd; line-height:30px; } .cms-overlay-inner ul.button-list li:last-child { border-bottom:1px solid #ddd; } .cms-overlay-inner ul.button-list li a { display:block; padding:0px 5px; background-color:#f6f6f6; } .cms-overlay-inner ul.button-list li a:hover { background-color:#eee; } .cms-overlay-inner ul.button-list li a:active { background-color:#ddd; } .cms-pre-render-overlay { } .cms-overlay-container h2 { font-size:15px; } .cms-overlay-container h2 em { /* max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;*/ } .cms-overlay-inner .redactor-editor { height: 20vh; } img.overlay { cursor: zoom-in; } .cms-overlay-closed { } .cms-overlay-opened .cms-overlay-bg { opacity: 1; display: block; } .cms-overlay-opened .cms-overlay { opacity: 1; display: block; } .cms-overlay-container.overlay-from-right > * { opacity: 0.3; margin-right: -1000px; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function:ease; } .cms-overlay-container.overlay-from-right.cms-overlay-opened > * { opacity: 1; animation-name: overlayfromright; margin-right: 0px; } @keyframes overlayfromright { 0% { transform: translateX(100vw); } 100% { transform: translateX(0px); } } .cms-overlay-container.overlay-from-right.cms-overlay-closed > * { transform: translateX(100vw); animation-name: overlayfromrightclosing; } @keyframes overlayfromrightclosing { 0% { transform: translateX(0px); } 100% { transform: translateX(100vw); } } .overlay-from-right .cms-overlay { left: auto!important; width: 50%; right: 0px; } .overlay-from-right .cms-overlay-bg { width: 1px!important; height: 1px; display: none!!important; } .cms-overlay .hide-in-overlay { display: none!important; } @keyframes overlayShow { from { transform: scale(0.98,0.98); filter: opacity(0%); } to { transform: scale(1,1); filter: opacity(100%); } } .cms-overlay-closed > * { display: block; transition:0.2s ease all; } .cms-overlay-closed .cms-overlay-bg { opacity: 0; transition:0.1s ease all 0s; } .cms-overlay-closed .cms-overlay-box { transition:0.2s ease all 0.1s; filter: opacity(0%); } body:not(.lightmode) .cms-overlay-closed .cms-overlay-box { transform: scale(0.98,0.98); } .cms-overlay-inner .sql2table-single-result { margin-left: -40px; width: calc(100% + 80px); } div[overlay-position="right"] .cms-overlay-box { margin-left: auto; margin-right: 0px; margin-top: 50px; margin-bottom: 0px; } @media screen and (max-width: 1200px) { /* tablet */ .no-desktop { display:block!important; } .tablet { display:block!important; } .no-tablet { display:none!important; } .no-float-tablet { float:none !important; width:100% !important; padding-left:0px!important; padding-right:0px!important; } .no-width-tablet { width:auto!important; } .cms-nav-top a img { margin-left:0px; margin-right:0px; } /* tablet */ /* Not found: _assets/css/theme/tablet/ */ } @media screen and (max-width: 981px) and (orientation:portrait), screen and (max-width: 901px) { /* portrait */ .no-desktop { display:block!important; } .portrait { display:block!important; } .no-portrait { display:none!important; } .no-float-portrait { float:none !important; } .no-width-portrait { width:auto!important; }/* portrait */ /* Not found: _assets/css/theme/portrait/ */ } @media screen and (max-width: 766px) { /* phone */ .no-desktop { display:block!important; } .phone { display:block!important; } .no-phone { display:none!important; } .no-float-phone { float:none!important; width:100%!important; } .float-right-phone { float:right!important; } .float-left-phone { float:left!important; } a.no-float-phone { display:block; float:none!important; } .no-width-phone { width:auto!important; float: none!important; }h2 { font-size: 12px; } h2 em { display: inline-block; font-size: 11px; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } fieldset .group { /*max-width: 100%; overflow-y: hidden; overflow-x: auto; max-width:calc(100vw - 80px)!important;*/ } .medium-editor-code-view textarea, .medium-editor-notification-bar { width: 100%; margin-left: 0px; } .input, input, textarea, .redactor-editor, select, .select, label:only-child, label, .input-group { max-width:calc(100vw - 80px); } *:not(.fa) { vertical-align:top; } body, html, input, select, textarea, button { font-size: 10.5px; } body, textarea { line-height: 15px; } td[data-type="ext_id"], td[data-type="date"] { white-space: nowrap; } .sql2table table tr td { font-size:9px; line-height: 13px; } td.tabledivider { font-size: 7px; line-height: 10px; } .sql2table table tr td.tablehead { font-size:8px; line-height: 13px; } .cms-user-settings { max-width: calc(100vw - 72px); } .cms-nav-top .cms-user-settings li > a { padding-left: 12.5px; padding-right: 12.5px; max-width: 100px; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 42px; text-align: center; } .cms-nav-top .cms-user-settings ul li#response-time-checker > a, .cms-nav-top .cms-user-settings ul li > a[href=""] { padding-left: 5px!important; padding-right: 10px!important; font-size:9px; background: n one!important; } .cms-page-visits-activity p, .buildtime-log p { font-size:8px; line-height: 13px; } table tr td .truncate-container .truncate { top: 4px; height: 100%; } .filtermenu .word, .filtermenu a { padding: 0px 5px; font-size: 9px; } .filtermenu-container { padding-right: 2px; width: 100%; max-width:calc(100vw - 80px)!important; overflow-x: auto!important; overflow-y: hidden; min-height: 20px; line-height: 20px; box-shadow: 2px 0px 0px -1px #ddd; } .filter-group .filtermenu-container { max-width:calc(100vw - 82px)!important; } .filtermenu { box-shadow: 2px 0px 0px -1px #ddd; border-right: none!important; float: none!important;medium-editor-groupmedium-editor-group white-space: nowrap!important; } .filtermenu-container { margin-bottom: 2px; } .filtermenu-container:last-child { margin-bottom: 0px; } .filter-group div.filtermenu-container { border-right:none; padding-right: 0px; } .filtermenu, .filtermenu .word, .filtermenu a, .filter-group div { float: none; } .filtermenu .word, .filtermenu a { margin-right: -3px; margin-top: -2px; } .filtermenu .word, .filtermenu a:last-child { margin-right:0px; } .filtermenu .word { font-size: 8px; } .group.filtermenu-container { background-color: #eee; margin-top: 0px; padding-top: 0px; } td a.icon > *, td i.fa { transform: scale(0.66,0.66); } .sql2form-dev-coltype { display: none!important; } label + input ~ label, label + textarea ~ label, label + select ~ label, label + .select ~ label, .input-group + label, label small { margin-top: 1px; line-height: 15px; font-size: 9px; } label + input ~ label, label + textarea ~ label, label + select ~ label, label + .select ~ label, .input-group + label, label small { padding-bottom: 2px; } .sql2form-line { padding-top: 2px; padding-bottom: 2px; } label:first-child { padding-top: 0px; } form .group:first-child { margin-top: 0px; }/* phone */ /* Not found: _assets/css/theme/phone/ */ }