/*main - blue #48f - yellow #ebd400 - gray #4c4c4c - yellow tr-hover:#FFFFD2 red=#D51220 green=#73B923 */ * {box-sizing:border-box;} @-ms-viewport{width:extend-to-zoom;zoom:1.0;} @viewport{zoom:1.0;width:extend-to-zoom;} html,body{min-height:100%!important;font-size:14px;}html{overflow-y:scroll;-webkit-text-size-adjust:100%;}html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,fieldset,form,label,legend{outline:0;padding:0;margin:0;border:0;font-weight:400;color:#333;line-height:inherit}:focus{outline:0}body{color:#333;font-family:system-ui,sans-serif;width:100%;position:relative}body button{line-height:23px;font-family:system-ui,sans-serif;position:relative}html{background:#f1f2f3;width:100%}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img,:link img,:visited img{border:none}li{margin-left:0}input,select,textarea{font-family:system-ui,sans-serif;transition-duration:.2s;transition-property:box-shadow;margin:0;}::-webkit-input-placeholder{color:#aaa}:-moz-placeholder{color:#aaa;opacity:1}::-moz-placeholder{color:#aaa;opacity:1}:-ms-input-placeholder{color:#aaa}button{cursor:pointer}h1{margin-bottom:12px;line-height:24px;color:#333;}h1{margin:25px 0 15px;}h1:first-child,.titleSubAppNav{margin:0px 0 10px;line-height: 40px;}h2{margin:60px 0 18px;font-size:24px;line-height:30px;font-weight:bold;}h2:first-child{margin-top:22px}table td{vertical-align:top}dt{margin-top:5px;font-weight:700}.ui-tooltip{z-index:999999!important;word-break: break-word}@media print{.noprint{display:none!important}.ui-tooltip{display:none!important;}button,#toTop{display:none!important}}@page{size:portrait;orientation:portrait}input[type="text"],input[type="email"],input[type="search"],input[type="password"],select,textarea{font-family:system-ui,sans-serif;border:1px solid #d9d9d9;border-radius:6px;font-size:15px;line-height:normal;padding:11px 10px;width:100%}input:not(.helper)[type="text"]:focus,input:not(.helper)[type="email"]:focus,input[type="search"]:focus,input[type="password"]:focus{border-color:rgba(236,200,82,0.8)!important;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(236,200,82,0.6);outline:medium none}input[type="search"]{background:#fff;} a {cursor:pointer;}html,body,div,span,applet,object,iframe,table,caption,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,fieldset,form,label,legend{position:relative;}ul.styled{list-style:initial} p {margin-bottom:10px;} #body .ownOverlay{overflow-x:hidden!important;} /*scrollbar html,.dataTables_scrollBody,.ownOverlay,#getScrollBarWidth{scrollbar-color: #c1c2c3 #f1f2f3;scrollbar-width: thin;} html,.dataTables_scrollBody,.ownOverlay{scrollbar-base-color: #f1f2f3; scrollbar-face-color: #c1c2c3; scrollbar-3dlight-color: #f1f2f3; scrollbar-highlight-color: #f1f2f3; scrollbar-track-color: #f1f2f3; scrollbar-arrow-color: black; scrollbar-shadow-color: #f1f2f3; scrollbar-dark-shadow-color: #f1f2f3;} ::-webkit-scrollbar,#getScrollBarWidth {width: 7px;} ::-webkit-scrollbar-track {background: #f1f2f3; } ::-webkit-scrollbar-thumb {background: #c1c2c3; } ::-webkit-scrollbar-thumb:hover {background: #a1a2a3; } */ ::selection { background: #ebd400; color: #000; } .dataTables_paginate ::selection { background: transparent; color: inherit; } /* und hiermit der Firefox >=1 */ ::-moz-selection { background: #ebd400; color: #000; } .dataTables_paginate ::-moz-selection { background: transparent; color: inherit; } ol li {margin-bottom:14px;} ol li::marker {font-size:20px;font-weight:bold;color:#636669;} /*MOBILE*/ *{-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;} input:not(.appearance){-webkit-appearance: none!important;margin:0!important;-moz-appearance:none!important;appearance:none!important;} input[type=radio]{padding:none!important;width:0!important;height:0!important;display:none;} html,#body{-webkit-text-size-adjust: 100%;} #body{touch-action: pan-y pan-x !important;} #body.mobile #headnav.sec,#body.mobile #headnavFix.sec {height:98px;} #body.mobile .ui-dialog-content {overflow-x: auto !important;overflow-y:visible;overflow:visible!important;}/*overflow: added for chosen to show in dialogs*/ #body.mobile .userselect .chosen-container {top:-0px;} /*END MOBILE*/ div[onclick]:not(.inactive) {cursor:pointer;} #body .ui-tooltip {background:#fff!important;max-width:450px;} #body .ui-tooltip img {max-width:400px;max-height:600px;} iframe{background:#fff;} body#tinymce{background:#fff;padding:10px;} body#body{background:#fff;} th{text-align:left;} /*elements*/ #overlayBlock,.overlayBlock,#body .ui-widget-overlay {position:fixed;top:0;right:0;bottom:0px;left:0;z-index: 999999!important;overflow: hidden;opacity:1;height:auto!important; background: rgba(0,0,0,0.6); } body.embedded #overlayBlock,body.embedded .overlayBlock,#body.embedded .ui-widget-overlay {background: rgba(0,0,0,0.6)!important;} #overlayBlock,.overlayBlock {cursor:wait;} #overlayBlock {z-index: 10000001!important;} #loadingBar {z-index: 10000002!important;position:fixed;top:0;left:0;width:0%;height:2px;background:#ebd400;} .ui-widget-overlay.ui-front.ownOverlay:not(.last) {background:rgba(0,0,0,0.0)!important;} #loginwrap {position:fixed;top:0;right:0;bottom:0;left:0;z-index: 999999;overflow: auto;background: rgba(0,0,0,0.6);} #up {border:none;display:none;bottom:20px;right:3px;height:35px;width:35px;overflow:hidden;position:fixed;z-index:999998;} #body.scrolledDown #up {display:block;} #headnav,#headnavFix {height:94px;transition-property:all;transition-duration:.2s} #body.scrolledDown #headnav {height:62px;} #headnav.sec,#headnavFix.sec {height:124px;background:#fff} #headnav {position:fixed;top:0;left:0;right:0;z-index:999} #headnav #top{height:94px!important;border-bottom:0px solid #fff;background: #fff;color:#fff;max-width: 1200px;margin: 0 auto;} #body.scrolledDown #headnav #top{height:62px!important;border-bottom:1px solid #bbb} #XXXbody.scrolledDown #headnav #top::after {position: absolute;top: 62px;z-index:9;bottom:unset;left: 0;width: 100%;height: 5px;content: "";-webkit-box-shadow: inset 0px 5px 7px -11px #000000;box-shadow: inset 0px 5px 7px -11px #000000;} #headnav h1{margin:0 68px 0 48px;font-weight:600;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:16px;line-height:22px;padding-top:2px;} #headnav h1 span{font-weight:600;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:16px;line-height:22px;} #headnav h2{margin:0 68px 0 48px;font-size:14px;line-height:16px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #headnav h2 span{font-size:14px;line-height:16px;color:#fff;} #headnav .divider{border-left: 1px solid #9aa0a6;height: 32px;margin: 6px 8px 0 0;width: 1px;float:left;} .headbtn {color:#fff;text-align:center;text-decoration:none;float:right;padding:0px 6px 0px;height:45px;display:inline-block;width:57px;font-size:13px;} #body:not(.mobile) .headbtn:hover {background-color:#ebd400!important;color:#000} #headnav .headbtn i,#logoutLocked.headbtn i {display:block;line-height:22px;font-size: 20px;margin-top: 3px;} #headnavAbove {position:fixed;top:-3px;left:0;right:0;height:4px;background:#fff;z-index: 998;} #bodywrap {min-height:100%;visibility:visible!important;} #mainWrapper{background:#fff} #main {margin:15px 15px 5px;} #mainBreadcrumbs {margin:0px 15px 5px;} #main.iframe {background:transparent;margin:0;} .readonly{color:#666;} #askForPin {position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background: #f1f2f3;}#askForPinNow {position:fixed;top:50%;right:0;left:0;color:#333;text-align:center;font-size:16px;margin-top:50px;} #askForPin .logo {width:350px;min-width:350px;max-width:350px;height:350px;min-height:350px;max-height:350px;position:fixed;top:50%;left:50%;margin-left:-175px;margin-top:-203px;} #askForPinNow #unlock {display:block;color:#48f}#askForPinNow #unlocking {display:none;}#askForPinNow.isUnlocking #unlock {display:none;}#askForPinNow.isUnlocking #unlocking {display:block;} #logoutLocked{z-index:999999999;visibility:visible!important;} #usersOnline {margin-left:10px;} #usersOnline,#usersOnline .count,#usersOnline .count a,#usersOnline span {color:#aaa!important;font-size:12px;line-height:15px;vertical-align:top;} #toplogo{height:100%;width:245px;background:white;float:left;margin:0px 7px 0px 1px;border:1px solid white;background: url('../img/bpkz.svg?v=3') no-repeat;} #body.scrolledDown #toplogo{margin-left: 6px;} #body.scrolledDown #menuButton {line-height:52px;} @keyframes loading { 0% { transform: rotate(0deg); } 50% { transform: rotate(3240deg); } 100% { transform: rotate(5400deg); } } /*LAYOUT=2*/ /*html {background: #f1f2f3;}*/ #body.layout2,#body.layout2 #mainWrapper {background: #fff;} #body.layout2 #mainWrapper {padding-bottom: 1px;padding-top: 0px!important;max-width: 1200px;margin: 0 auto !important;} #headnav .hamburger {float: right;padding: 10px 8px 0 0;width: 48px;transform: scale(0.7);transition-property:all;transition-duration:.2s} #body #headnav .hamburger:hover {opacity:1;} #body #headnav .hamburger:hover:not(.is-active) {transform: scale(0.8);} #menuButton {display:block;float:right;line-height:84px;margin-right: 20px;} .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {height:3px!important;} #headnav .hamburger-inner, #headnav .hamburger-inner::after, #headnav .hamburger-inner::before {background-color:#333;} #sideNav,#sideNavBottom {background-color:#fff;position:fixed;top:94px;bottom:0;right:0;width:0px;z-index:9988;max-width:100%;overflow:hidden;transition-property:all;transition-duration:.2s} #sideNav .horizontalScroll {display:none;} #sideNav .biggerContentX.bumpleft::before {display:none;} #body.scrolledDown #sideNav,#body.scrolledDown #sideNavBottom {top:61px;} #sideNav.fromRight,#sideNavBottom.fromRight {right:0;left:unset;} #sideNavBottom {top:-100px;bottom:-100px;left:0;width:55px;z-index:97;} .marginLeftSideNav {margin-left:55px!important;} #sideNav section,.isMosaik section {height:100%;display:block;} #sideNav section .inner {height:101%;} #sideNav .scrollbar-thumb {background:rgba(255,255,255,0.5)} #sideNav .btn,#sideNav .divBtn,#sideNav h2 {color:#fff;text-decoration:none;padding: 8px 15px;display:block;font-size:14px;width: 225px;background:transparent;border:0!important;float:none;zoom:100%;transform: scale(1)!important;border-radius:0;height:48px;margin:0;top:0;} #sideNav .btn {border-bottom:1px solid #ebeef1!important} #sideNav .btn:first-child {border-top:1px solid #ebeef1!important} #sideNav .btn.secondlvl {font-size:11px;height:30px;} #sideNav .btn.secondlvl span {height:15px;} #sideNav .btn.active {background-color:#def;} #sideNav .btn.active span {color:#04b;} #sideNav .btn:hover span::before,#sideNav .btn.active span::before {display:block;} #sideNav .btn span::before {display:none;width:5px;background:#ebeef1;content: " ";position:absolute;left: 0px;height: 20px;top: 6px;} #sideNav .btn.active span::before {background:#04b;} #sideNav .divBtn center{display:block;text-align:left;} #sideNav .clearfix{height:auto;overflow:hidden;transition-duration:.2s;transition-property:all;} #sideNav .btn i,#sideNav .divBtn i,#sideNav h2 i {line-height:32px;font-size: 20px;color:#fff;display:table-cell;height:32px;width:25px;text-align:center;} #sideNav .btn span,#sideNav .divBtn div.kacheltext,#sideNav h2 span {line-height:16px;vertical-align:middle;height:32px;display:table-cell;color:#333;padding-left: 16px;width:170px;} #sideNav .divBtn .kacheltext div {display:inline;color:#fff;position:relative;} #sideNav h1 {margin:0px 0 0px 0px!important;line-height:26px;font-size:12px;color:#aaa;width:225px;padding-left:15px;background:#2c3033;transition-duration:.2s;transition-property:all;} #sideNav h1 {cursor:pointer;} #sideNav h2 {display:table;cursor:pointer;} #sideNav h2 input {border-color:transparent;color:#fff;background:transparent;left:-4px;position: relative;font-size:14px;} #sideNav h2:hover input,#sideNav .searching h2 input {border-color:#fff;} #sideNav:not(.is-active) h2 input {visibility:hidden;} #sideNav:not(.is-hover):not(.is-active) h1 {color:#2c3033;} #sideNav:not(:hover) .scrollbar-track {opacity: 0;} #sideNav.is-active,#sideNavBottom.is-active {width:226px;border-left:1px solid #ebeef1;} @media screen and (min-width: 720px){ #menuButton {display:none;} #sideNav {background:transparent;width: auto!important;top: 0 !important;right: 0;bottom: unset;left: 260px;height: 94px;transition-property:none;position:absolute;border:0px!important;} #sideNav .btn {width:auto!important;display:inline-block;height: 94px;padding: 0 15px;border-bottom:0!important;} #sideNav .btn:first-child {border-top:0!important} #sideNav .btn.home {display:none;} #sideNav .btn.active {background-color:#fff;} #sideNav .btn.active span {color:#333;} #sideNav .btn span {width:auto!important;padding-left:0;height: 94px;} #sideNav .searchArea {height: 94px;text-align: right;margin-right: 15px;} #sideNav .biggerContent::before {display:none!important;} #sideNav .btn span::before {height: 3px;top: 65px;width: 106%;left: -3%;} #body.scrolledDown #sideNav .btn span::before {top: 45px;} #body.scrolledDown #sideNav .searchArea {margin-right: 0px;} #body.scrolledDown #sideNav,#body.scrolledDown #sideNav .btn ,#body.scrolledDown #sideNav .btn span,#body.scrolledDown #sideNav .searchArea{height:61px;} } #body.layout2 .dataTables_wrapper .dtTitle,#body.layout2 .dataTables_wrapper .dtTitle small {background: #fff;} #body.layout2 .tableSubWrap {-webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);-moz-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);border-radius:6px;} #body.layout2 .dataTables_wrapper .dataTables_scroll {border-bottom:0px solid black!important;} #body.layout2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody,#body.layout2 .DTFC_LeftBodyWrapper {border-bottom-left-radius:6px;border-bottom-right-radius:6px;} #body.layout2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable:not(.noColumnHead):not(.smallColumnHead),#body.layout2 .DTFC_LeftBodyWrapper {border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;} #body.layout2 .dataTables_wrapper .dataTables_paginate{background:#fff;border:1px solid #f1f2f3;} #body.layout2 .dataTables_wrapper .top .dataTables_paginate{border-bottom:0px solid #f1f2f3;} #body.layout2 .dataTables_wrapper .bottom .dataTables_paginate{border-top:0px solid #f1f2f3;-webkit-box-shadow: 0 1px 0px 0 rgba(60,64,67,.3),0 1px 1px 1px rgba(60,64,67,.15);-moz-box-shadow: 0 1px 0px 0 rgba(60,64,67,.3),0 1px 1px 1px rgba(60,64,67,.15);box-shadow: 0 1px 0px 0 rgba(60,64,67,.3),0 1px 1px 1px rgba(60,64,67,.15);} #body.layout2 .dataTables_wrapper.paginated .dataTables_scroll div.dataTables_scrollBody {border-radius:0 0 0 6px;} #body.layout2 .dataTables_wrapper.paginated .tableWrapSub {border-radius:6px 6px 0 6px;} #body.layout2 .dataTables_wrapper .dataTables_paginate {margin-right: 0px;} #sideNav .inner.searching .height0 {height:auto!important;} .scrollbar-track {border-radius: 4px;background: rgba(0, 0, 0, 0);} .scrollbar-track-y {width:4px;right: 2px;} .scrollbar-track-x {height:4px;bottom: 4px;} .ui-dialog-content.ui-widget-content .scrollbar-track-x {display:none!important;} .ui-dialog-content.ui-widget-content .biggerContentX .scrollbar-track-x {display:block!important;} .XXXbiggerContentX.scrollX {cursor:grab;} .scrollbar-thumb {width:4px;height:4px;} .mosaik .scrollbar-thumb {display:none;} .mosaik:hover .scrollbar-thumb {display:block;} .biggerContent:not(.bottom):not(.top):after {position: absolute;bottom: 0;z-index:9;top:unset;left: 0;width: 100%;height: 5px;content: "";-webkit-box-shadow: inset 0px -7px 7px -11px #000000;box-shadow: inset 0px -7px 7px -11px #000000;} .biggerContent:not(.top):before {position: absolute;top: 0;z-index:9;bottom:unset;left: 0;width: 100%;height: 5px;content: "";-webkit-box-shadow: inset 0px 7px 7px -11px #000000;box-shadow: inset 0px 7px 7px -11px #000000;} .biggerContent.top:before {position: absolute;bottom: 0;z-index:9;top:unset;left: 0;width: 100%;height: 5px;content: "";-webkit-box-shadow: inset 0px -7px 7px -11px #000000;box-shadow: inset 0px -7px 7px -11px #000000;} .biggerContent.bottom:before {position: absolute;top: 0;z-index:9;bottom:unset;left: 0;width: 100%;height: 5px;content: "";-webkit-box-shadow: inset 0px 7px 7px -11px #000000;box-shadow: inset 0px 7px 7px -11px #000000;} .biggerContentX:not(.bumpright):not(.bumpleft):after {position: absolute;right: 0;z-index:9;left:unset;bottom: 0;height: 100%;width: 5px;content: "";-webkit-box-shadow: inset -7px 0px 7px -11px #000000;box-shadow: inset -7px 0px 7px -11px #000000;} .biggerContentX:not(.bumpleft):before {position: absolute;left: 0;z-index:9;right:unset;bottom: 0;height: 100%;width: 5px;content: "";-webkit-box-shadow: inset 7px 0px 7px -11px #000000;box-shadow: inset 7px 0px 7px -11px #000000;} .biggerContentX.bumpleft:before {position: absolute;right: 0;z-index:9;left:unset;bottom: 0;height: 100%;width: 5px;content: "";-webkit-box-shadow: inset -7px 0px 7px -11px #000000;box-shadow: inset -7px 0px 7px -11px #000000;} .biggerContentX.bumpright:before {position: absolute;left: 0;z-index:9;right:unset;bottom: 0;height: 100%;width: 5px;content: "";-webkit-box-shadow: inset 7px 0px 7px -11px #000000;box-shadow: inset 7px 0px 7px -11px #000000;} .biggerContentX .horizontalScroll {height: 12px;width: 100%;bottom: 0px;z-index:5;} .biggerContentX .horizontalScroll div {display: inline-block;cursor: pointer;width: 0;height: 0;position:absolute;border-top: 6px solid transparent;border-bottom: 6px solid transparent;} .biggerContentX:not(.bumpleft) .horizontalScrollLeft {border-right: 12px solid #666;left:0;} .biggerContentX:not(.bumpright) .horizontalScrollRight {border-left: 12px solid #666;right:0;} #body.layout2 #mainWrapper .divBtn:not(.shiftblock),#body.layout2 .ownOverlay .divBtn,#body.layout2 .ui-tooltip .divBtn {border:0;background:#eaebec;border-radius: 6px;} #body.layout2 .lineheightInlineBtn .divBtn {padding: 3px;} #body .mosaikWrapper.divBtn,.layout2 .divBtn:not(.small) {border: 1px solid #bbb!important;} #body.layout2 .dt-button {background:#eaebec;border-radius: 6px;} #body.layout2 .chosen-container-single .chosen-single,#body.layout2 .chosen-container-multi .chosen-choices {border-radius: 6px;} #body.layout2 .chosen-container-active.chosen-with-drop .chosen-single,#body.layout2 .chosen-container-active.chosen-with-drop .chosen-choices {border-radius: 6px 6px 0 0;} #body.layout2 .chosen-drop {border-radius:0 0 6px 6px;} #body.layout2 .highlighted,#body.layout2 .chosen-container-multi .chosen-choices li.search-choice {border-radius:6px;} #body.layout2 .button,#body.layout2 #calendarButtons .button,#body.layout2 #calendarButtons .button.current {border:0;border-radius: 6px;} #body.layout2 .button:hover,#body.layout2 #calendarButtons .button:hover {border:0;} #body.layout2 .ui-button,#body.layout2 .confirm{border:0!important;} #body.layout2 .subAppNav {border:0;-webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);-moz-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);} #body .chosen-container-single .chosen-single abbr {right:4px;} #body .chosen-container-single:not(.empty) .chosen-single.chosen-single-with-deselect div {right:17px;} /*PRINT*/ @media print { #headnav,#headnavFix,#headnavAbove { display:none; } #mainWrapper {height:auto!important;} } h4{margin:10px 0 4px;font-size:15px;font-weight:bold;} /*APP CSS*/ #appwrap {background:#fff;border-radius:4px;padding:10px;min-height:100px;} #appwrap h1 {margin-bottom:25px;} #navWrap {float:right;z-index:99;margin-top: 1px;} #navBtn {font-size:32px;background:#eee;border-radius:4px;position:absolute;right:0;top:0;width:38px;height:38px;text-align:center;z-index:99;border:1px solid #ccc;} #navWrap:hover #nav {display:block;} #navWrap:hover #navBtn {border:1px solid #eee;} #nav {display:none;position:absolute;top:-1px;right:-1px;background:#eee;border-radius:4px;padding-top:38px;z-index:98;text-align:left;border:1px solid #ccc;} #nav a {display:block;padding:4px;text-decoration:none;font-size:24px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;} #nav a:hover {background:#FFF200} #nav a.active {background:#FFCB50} input[type=search].small,h1 input[type=search] {background: url('../plugins/chosen/chosen-sprite.png') no-repeat 100% -20px;padding:3px 23px 3px 3px;font-size:13px;display:inline;} input[type=text].unshown {background: transparent;padding:0!important;font-size:inherit;display:inline;border:0;} h1 input[type=search] {margin-left:10px;position:relative;top:-3px;} .searchArea .deactivated {display:none;} .searchArea.searching .deactivated {display:block;} .noMatch {display:none!important;} h2.searchHead {cursor:pointer;border-bottom:1px solid #aaa;} h2.searchHead i {padding-left:5px;} #navCol {padding-right:20px;border-right:1px solid #666;} #contentCol {padding-left:20px;} #contentCol h1:first-child {margin-top:0px;} form:not(.changed) .saveChanges {display:none;} /*jquery-ui overwright*/ #timenav a {border: 1px solid #bbb;background: #fff;color:#222;} .ui-dialog-titlebar-close {border: 1px solid #04b;background: #48f;} #body:not(.mobile) .ui-dialog-titlebar-close:hover {background: #eaebec;} .ui-widget-header .ui-icon.ui-icon-closethick{background-image: url("../plugins/images/ui-icons_fff_256x240.png");} .buttonset{display: inline-block;} #body .close,#body .ui-dialog-buttonset .cancel {border: 0px solid #ebd400 !important;background: transparent !important;font-weight:bold;} #body .ui-dialog-buttonset .confirm.unclickable,#body .ui-dialog-buttonset .confirm.unclickable:hover {border: 1px solid #999 !important;background: #999 !important;color:#fff;} #body .confirm {border: 1px solid #04b !important;background: #48f !important;color:#fff;} #body:not(.mobile) .confirm:hover {background: #59f !important;} .ui-widget-content .ui-state-default {border: 1px solid #04b;background: #48f;color:#fff;border-radius:6px;} #body .ui-widget-content .ui-state-active {background: #ebd400!important;border: 1px solid #ab9400!important;color: #444!important;border-radius:6px;} #body .chosen-container-single .chosen-drop {border-radius: 0 0 6px 6px;box-shadow: 0px 3px 4px -2px #a3a6a9;} #body .chosen-results li.highlighted {background:#59f} #body .chosen-container .chosen-results {max-height:290px;margin-bottom:0;} .chosen-container .chosen-results li.group-result {background:} table.dataTable thead tr:nth-child(1) td {border-bottom:0px solid #111;} #body table.dataTable thead tr:nth-child(2) td {border-bottom:1px solid #111;border-top:1px dotted #111;padding:4px!important;} #body .dataTables_scrollBody table.dataTable thead tr:nth-child(2) td {padding:0px!important;} #body .dataTables_scrollBody table.dataTable thead tr:nth-child(2) td .dataTables_sizing {padding:0px 4px!important;} .ui-button {border: 1px solid #04b;background: #48f;color: #fff;} .context-menu-icon.context-menu-icon--fa::before {color:#48f;} .context-menu-item.context-menu-hover,.context-menu-item.context-menu-hover {background:#48f;} #body .ui-datepicker .ui-state-hover{background: #59f!important;border-color: #04b!important;} .ui-datepicker.ui-widget-content .ui-state-default {border: 1px solid #ccc;background: #fff;color:#000;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity:0.4} #body .ui-dialog .ui-dialog-buttonpane {padding:5px 15px 10px} /*timetaker*/ .ui-dialog .bigbox {max-width:100%;} .bigbox {background:#fff;width:500px;max-width:90%;margin:10px auto 10px;-webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);-moz-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);padding:20px;border-radius:6px} .bigbox.floatleft{margin:15px 15px;} .dot { display: inline-block; background: black; border-radius: 50%; height: 13px; width: 13px; margin: 0; background: radial-gradient(circle at 5px 5px, #00cc00, #393); margin-right:4px; vertical-align:middle; top: -1px; } .dot.red {background: radial-gradient(circle at 5px 5px, #cc0000, #933);} .dot.blue {background: radial-gradient(circle at 5px 5px, #69f, #36c);} .dot.grey {background: radial-gradient(circle at 5px 5px, #939699, #616263);} .dot.orange {background: radial-gradient(circle at 5px 5px, #eecc00, #c93);} .dotblock {line-height:15px;} .dot.fromYesterday{-webkit-box-shadow: 0px 0px 3px 0px inset rgba(0,0,255,1) !important; -moz-box-shadow: 0px 0px 3px 0px inset rgba(0,0,255,1) !important; box-shadow: 0px 0px 3px 0px inset rgba(0,0,255,1) !important;} .striped{background-image: linear-gradient(138deg, transparent 33.33%, #ddd 33.33%, #ddd 40%, transparent 50%, transparent 83.33%, #ddd 83.33%, #ddd 100%)!important;background-size:4.24px 4.24px!important;background-repeat:repeat!important;} .redStripes{background-image: linear-gradient(138deg, transparent 33.33%, #f00 33.33%, #f00 40%, transparent 50%, transparent 83.33%, #f00 83.33%, #f00 100%)!important;background-size:4.24px 4.24px!important;background-repeat:repeat!important;} #body th.empty {cursor:default;background-image: linear-gradient(138deg, #F2AA00 33.33%, #dddddd 33.33%, #dddddd 50%, #F2AA00 50%, #F2AA00 83.33%, #dddddd 83.33%, #dddddd 100%);background-size:4.24px 4.24px;padding:0!important;background-repeat:repeat!important;} #body td.empty {cursor:default;background-image: linear-gradient(138deg, #ffffff 33.33%, #dddddd 33.33%, #dddddd 50%, #ffffff 50%, #ffffff 83.33%, #dddddd 83.33%, #dddddd 100%);background-size:4.24px 4.24px;padding:0 3px!important;} .lineItemButton {border-top:1px solid #4c4c4c;border-left:1px solid #4c4c4c;border-right:1px solid #4c4c4c;padding: 5px 0 5px 10px;background: #fff;color: #000;opacity:0.45;} .lineItemButton.active {background: #ebd400!important;} .lineItemButton:not(.active):hover {cursor:pointer;} .lineItemButton:hover,.lineItemButton.active {color:#000;opacity:1;border-right:0;} .lineItemButton:hover::after,.lineItemButton.active::after {content:"\203A";position:absolute;right:3px;font-size:22px;line-height:14px;} .lineItemButton:last-child {border-bottom:1px solid #4c4c4c;} .tablecell {display:table-cell;} .table {display:table;} table.crosshair {overflow: hidden;z-index:0;} table.crosshair td, table.crosshair th {position: relative;} table.crosshair tbody tr:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf2c9+32,fdea9a+50,fcf2c9+66&0+27,0+27,1+40,1+60,0+72 */ background: -moz-linear-gradient(top, rgba(252,242,201,0) 27%, rgba(252,242,201,0.38) 32%, rgba(252,238,180,1) 40%, rgba(253,234,154,1) 50%, rgba(252,239,183,1) 60%, rgba(252,242,201,0.5) 66%, rgba(252,242,201,0) 72%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(252,242,201,0) 27%,rgba(252,242,201,0.38) 32%,rgba(252,238,180,1) 40%,rgba(253,234,154,1) 50%,rgba(252,239,183,1) 60%,rgba(252,242,201,0.5) 66%,rgba(252,242,201,0) 72%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(252,242,201,0) 27%,rgba(252,242,201,0.38) 32%,rgba(252,238,180,1) 40%,rgba(253,234,154,1) 50%,rgba(252,239,183,1) 60%,rgba(252,242,201,0.5) 66%,rgba(252,242,201,0) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcf2c9', endColorstr='#00fcf2c9',GradientType=0 ); /* IE6-9 */ } table:not(.workJournal).crosshair td:hover::before,.crosshair th:not(:first-child):hover::before {content: "";position: absolute;left: 0;top: -5000px;height: 10000px;width: 100%;z-index: -1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf2c9+32,fdea9a+50,fcf2c9+66&0+27,0+27,1+40,1+60,0+72 */ background: -moz-linear-gradient(left, rgba(252,242,201,0) 27%, rgba(252,242,201,0.38) 32%, rgba(252,238,180,1) 40%, rgba(253,234,154,1) 50%, rgba(252,239,183,1) 60%, rgba(252,242,201,0.5) 66%, rgba(252,242,201,0) 72%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(252,242,201,0) 27%,rgba(252,242,201,0.38) 32%,rgba(252,238,180,1) 40%,rgba(253,234,154,1) 50%,rgba(252,239,183,1) 60%,rgba(252,242,201,0.5) 66%,rgba(252,242,201,0) 72%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(252,242,201,0) 27%,rgba(252,242,201,0.38) 32%,rgba(252,238,180,1) 40%,rgba(253,234,154,1) 50%,rgba(252,239,183,1) 60%,rgba(252,242,201,0.5) 66%,rgba(252,242,201,0) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcf2c9', endColorstr='#00fcf2c9',GradientType=1 ); /* IE6-9 */ } form:not(.changed) .saveNav i.green,form:not(.changed) .saveNav i.red,.subform:not(.changed) i.green,.subform:not(.changed) i.red {opacity:0.2} form:not(.changed) .subform.changed i.green,form:not(.changed) .subform.changed i.red {opacity:1} /* fileUpload */ .uploadWrapper {margin-bottom:10px;} .fileblock {} .fileblock h2, h2.bluebg {background:#48f;border:1px solid #04b;border-bottom:1px solid #04b;color:#fff;padding-left:4px;margin-top:14px;border-radius:6px;} .templateWrapper h2.bluebg:first-child {margin-top:8px!important;} .column .templateWrapper:first-child h2.bluebg:first-child {margin-top:0px!important;} .fileblock:first-child h2 {margin-top:0px;} .uploadNow {border:2px solid #04c;text-align:center;padding:5px;margin-bottom:8px;display: table-cell;min-width:100px;vertical-align:top;border-radius: 6px;} .uploadNow.activeDrop {border:2px dashed #0c0;} #covpasscheckData .uploadNow {display:block;} .fileupload-progress { margin: 10px 0; } .fileupload-progress .progress-extended { margin-top: 5px; } .progress:not(.state) {height:20px;} .progress div, .progress-animated .progress-bar, .progress-animated .bar { background: url("/img/progressbar.gif") !important; filter: none;height:22px!important; } .fileupload .error {-webkit-box-shadow: 0px 0px 0px 0px rgba(200,0,0,0.6); -moz-box-shadow: 0px 0px 0px 0px rgba(200,0,0,0.6); box-shadow: 0px 0px 0px 0px rgba(200,0,0,0.6); border:0px solid rgba(200,0,0,0.8)!important;display: inline-block;margin-right: 2px;float:left;color: #f00;} .files td {padding:3px;} .fileupload .files .delete .ui-button-icon-primary {position:static;margin:2px;} .fileupload .files .delete .ui-button-text {padding: 2px 5px;} .fileupload .files td {vertical-align:middle;padding: 0px 6px;} .fileupload .files td:nth-child(1) {width:30px;} .fileupload .files td:nth-child(1) img {height:26px;} .fileupload .files td:nth-child(4) {width:65px} .fileupload .fileIcon{font-size: 22px;} .fileupload .fileIcon {margin:2px;} .fileIcon.fa-file-image {color:#090} .fileIcon.fa-file-pdf {color:#900} .fileIcon.fa-file-word {color:#009} .fileIcon.fa-file-excel {color:#090} .fileupload-progress .progress{display:none;} .ui-progressbar{height:20px!important;} .fileIcon.green-file {color:#090!important} .fileIcon.red-file {color:#900!important} .fileIcon.black-file {color:#000!important} .fileIcon.blue-file {color:#48f!important} .fileIcon.orange-file {color:#f90!important} .filelist {display: table-cell;vertical-align:top;width: 100%;} #covpasscheckData .filelist {display:block;} .filelist .filelineWrapper {margin-bottom: 4px;border-spacing: 0;} .filelist .fileline {margin-left: 25px;} .filelist .fileline a {font-size: 12px;} .filelist .imgHolder {display: table-cell;padding-right:10px;vertical-align:top;} .filelist img {width:16.25px;} .filelist i {padding:2px 12.5px 0 2.5px;display: table-cell;vertical-align:top;} .filelist a {display: table-cell;vertical-align:top;word-break: break-word} #body .filelist .delete {position:relative;top:0px;left:2px;right:auto;margin-right:10px;opacity:0.2;line-height: 13px;text-indent: 1px;text-align: center;} #body .filelist .delete:hover {opacity:1;} .filethumb {display:inline-block;overflow:hidden;height:22px;width:16px;margin-right:5px;font-size:20px;line-height:22px;} .filethumb img {height:22px;} .filethumbBig {display:inline-block;overflow:hidden;height:56px;margin-right:5px;font-size:20px;line-height:22px;padding:2px;background:#fff;border:1px solid #4c4c4c} .filethumbBig img {height:50px;} .filethumbBig i {font-size:50px;} /*misc*/ .floatLabelHolder {vertical-align:top;} .bold,.bold td,.bold th,.bold span{font-weight:bold!important;} #body .notbold,#body .notbold td,#body .notbold th,#body .notbold span{font-weight:normal!important;} .underline{text-decoration:underline;} #browsertitle {display:none;} #browsertitle.inlineblock {margin-right:10px;} .displayblock {display:block!important;} .displaynone {display:none!important;} .inlineblock {display:inline-block!important;} .widthAuto {width:auto!important;} .width1 {width:1px!important;} .width35 {width:35px!important;} .width50 {width:50px!important;} .width60 {width:60px!important;} .width100 {width:100px!important;} .width200 {width:200px!important;} .width300 {width:300px!important;} .width400 {width:400px!important;} .width800 {width:800px!important;} .marginleft15 {margin-left:15px;} .noUnderline,.hoverUnderline{text-decoration:none;} .noline {text-decoration:none;} .hoverUnderline:hover {text-decoration:underline;} .font20 {font-size:20px;} .tell { display:block; border:0px solid #666; margin:5px auto 10px; padding:0px; font-weight:400; text-align:left; font-size:14px; line-height:18px; max-width:800px; border-radius:6px; background: #666; border-color: #666; color: #fff; } #body .tell a,#body .tell span,#body .tell * {color: #fff;} #body .tell .divBtn,#body .tell .divBtn * {color: #222;} #body .tell .displayOnly td {color: #444;} .tell a { font-weight:bold; font-size:14px; line-height:18px; } .tell.big {padding:6px;border:0px solid #666;text-align:center;} .tell.green { background: #73B923; border-color: #73B923; color: #fff!important; } .tell.blue { background: #04b; border-color: #04b; color: #fff!important; } .tell.blueLight { background: #48f; border-color: #48f; color: #fff!important; } .tell.red,.tell.red a,.tell.red * { background: #D51220; border-color: #D51220; color: #fff!important; } #body .tell.white,#body .tell.white a,#body .tell.white span,#body .tell.white * { background: #fff!important; border-color: #fff; color: #000!important; } #body .tell.grey,#body .tell.grey span { background: #666!important; border-color: #666; color: #fff!important; } .tell.yellow,.tell.yellow span,.tell.yellow a { background: #ebd400!important; border-color: #ebd400; color: #4c4c4c!important; } .button { cursor: pointer; background: #ebd400; border: 1px solid #FFD900; border-color: #ebd400; color: #333; padding: .4em 1em; border-radius: 6px; text-align:center; } .ui-button{padding: .4em 1em;} .ui-icon-closethick {color:#fff;} .button.cancel{ border: 1px solid #ebd400 !important; color: #777 !important; background: #fff !important; } .additionalFilter_wrap .button {padding:0px 6px;} .radiogroupOwn label {display:inline-block;padding: 4px 8px 4px 5px;cursor:pointer;border-radius:3px;border: 1px solid #c5c5c5;background: #f6f6f6;margin:3px 2px 0 0;} .radiogroupOwn label.selected {background: #ebd400;} .radiogroupOwn.big label {padding: 10px;} .radiogroupOwn.margin label {margin: 5px;} .copy2clip {cursor:pointer;} .copy2clip::after {content: "\f0c5";font-family: "Font Awesome 6 Pro";margin-left: 4px;display: inline-block;} #body .btnwhite {margin:0 1px;font-size:12px;line-height:16px;background:#fff;border: 1px solid #ebd400;color:#ebd400;border-radius:2px;} #body:not(.mobile) .btnwhite:hover {background:#ddd;} #body .btnblue {background: #ebd400;border-color: #ebd400;color:#fff;border-radius:2px;text-align:center;} #body .btnblue.inactive {background: #ddd;} #body .btnwhite.inactive {background: #ddd;border-color: #fff;color: #fff;} #body:not(.mobile) .btnblue:not(.inactive):hover {background: #0e87e3;} .btnwhite {white-space:nowrap;} #body .displayOnlyAnti tr,#body .displayOnlyAnti td {background:transparent!important;padding:0!important;border:0;} #body .buttonTable td {width:30px!important;min-width:30px!important;} #body .btnorange{margin:0 1px;font-size:12px;line-height:16px;border: 1px solid #B0AEA3;color:#ebd400;border-radius:2px;background:#ffd497;} #body:not(.mobile) .btnorange:hover {background: -moz-linear-gradient(top, #f0a52e 0%, #f8d57a 100%);background: -webkit-linear-gradient(top, #f0a52e 0%,#f8d57a 100%);background: linear-gradient(to bottom, #f0a52e 0%,#f8d57a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a52e', endColorstr='#f8d57a',GradientType=0 );} .smallHead,.smallHead tr,.smallHead td {color:#fff;font-size:10px;padding:2px;} .width10px{width:10px;} .width50px{width:50px!important;} .min30px{min-width:30px;} .min60px{min-width:60px;} #body:not(.mobile) .min80px{min-width:80px;} #body:not(.mobile) .min200px{min-width:200px!important;} #body:not(.mobile) .min300px{min-width:300px;} #body:not(.mobile) .max56px{max-width:56px;} #body:not(.mobile) .max76px{max-width:76px;} #body:not(.mobile) .max81px{max-width:81px;} #body:not(.mobile) .max86px{max-width:86px;} #body:not(.mobile) .max90px{max-width:90px;} #body:not(.mobile) .max100px{max-width:100px;} #body:not(.mobile) .max101px{max-width:101px;} #body:not(.mobile) .max148px{max-width:148px;} #body:not(.mobile) .max130px{max-width:130px;} #body:not(.mobile) .max131px{max-width:131px;} #body:not(.mobile) .max180px{max-width:180px;} #body:not(.mobile) .max198px{max-width:198px;} #body:not(.mobile) .max204px{max-width:204px!important;} #body:not(.mobile) .max208px{max-width:208px;} #body:not(.mobile) .max260px{max-width:260px;} #body:not(.mobile) .max270px{max-width:270px;} #body:not(.mobile) .max280px{max-width:280px;} #body:not(.mobile) .max700px{max-width:700px;} #body:not(.mobile) .marginright8{margin-right:8px!important;} .marginright0{margin-right:0px!important;} #body:not(.mobile) .marginleft8{margin-left:8px!important;} #body:not(.mobile) .floatLabelHolder.marginleft8 .marginleft8{margin-left:0px!important;} #body .marginleft8always{margin-left:8px!important;} #body .marginright8always{margin-right:8px!important;} #body .marginright2always{margin-right:2px!important;} #body:not(.mobile) .marginright4{margin-right:4px;} .paddingtop5,.paddingtop5 td{padding-top:5px!important;} .paddingtop15{padding-top:15px!important;} .paddingleft8{padding-left:8px!important;} .paddingright8{padding-right:8px!important;} .marginleft15{margin-left:15px!important;} #body .marginbottom8{margin-bottom:8px!important;} #body table td .marginbottom8:last-child{margin-bottom:0px!important;} .marginbottom15{margin-bottom:15px;} #body .margintop15{margin-top:15px!important;} #body .margintop50{margin-top:50px!important;} #body .marginbottom50{margin-bottom:50px!important;} .margintop8{margin-top:8px!important;} .margintop2{margin-top:2px!important;} .marginbottom8Form .floatLabelHolder,.marginbottom8Form .chosen-container,.marginbottom8Form textarea,.marginbottom8Form .switchToggleViewSwitch,.marginbottom8Form .radiogroupOwn {margin-bottom:8px;} .marginbottom8Form .floatLabelHolder textarea {margin-bottom:0px;} table.ownMarginBottom td {padding-bottom:8px;} table.ownMarginBottom td .floatLabelHolder,table.ownMarginBottom td .chosen-container,table.ownMarginBottom td textarea,table.ownMarginBottom td .switchToggleViewSwitch {margin-bottom:0px;} textarea.autosize {resize: none;} .marginbottom8Form .tell {margin-bottom:8px;margin-top:0px;} .max278px{max-width:278px;} .max300px{max-width:300px;} .max368px{max-width:368px;} .max400px{max-width:400px;} .max452px{max-width:452px;} .max460px{max-width:460px;} .max600px{max-width:600px;} #body .is300px{width:300px;max-width:100%} .marginauto {margin-left:auto!important;margin-right:auto!important;} #body .pointer,.toggleSiblings {cursor:pointer!important;} .subAppNav .active {cursor:default!important;} .grab .input-group-addon:not(.right-addon) {cursor:grab;} .info-node{background:rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8yNi8xM6u5gA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAwElEQVQokZWSLQ7CQBBGX6EGW0TFYkhqOQEnqEWCqKmpwHIPDBVUUFOLLBIkCSGBSjRnQBbRabJsWRJeMlkx3zc/mXXquibNcgWEwITvVECZxNGz74/GClgBvkWM5KaX661ypbJOkcTRGSDN8gCYAUpyobPZ7taa+AQcgSUwADJ541bQM6p70tET4RB46QLXMOhLF8AdWPwytOyBh4ym9ITNoLT4wGYIaHbo0KM5islBxjKpXKCke+G5pXPp/Ps13ifvLK+Ds3BAAAAAAElFTkSuQmCC) no-repeat scroll center center;display:inline-block;height:12px;margin-bottom:-1px;width:12px} .divBtn { float:left; width:120px; border-radius:3px; border: 1px solid #aaa; padding:5px; background:#fff; margin-right:10px; margin-bottom:10px; height:98px; overflow:hidden; word-wrap: break-word; color:#222; } .divBtn:not(.inactive):not(.unclickable) * {cursor:pointer!important;} .divBtn.selected {background:#ffc;} #body:not(.mobile) .divBtn:not(.inactive):not(.unclickable):hover,#body:not(.mobile) .dt-button:hover,#body:not(.mobile) .mosaikWrapper.pointer:hover {cursor:pointer;transform: scale(0.97)} .pageBtn.active {cursor:pointer;transform: scale(0.97);background:#eee;} .divBtn.highlightXXX {background:rgba(235, 212, 0,0.3)!important;} .divBtn.new {transform: scale(0.8)} .divBtn i {font-size:40px;line-height:50px;height:50px;} .divBtn .kacheltext {height:35px;} .divBtn .kacheltext div {position:absolute;bottom:0;width:100%;} .divBtn.small.inlineNoWrap {float:none;display:inline;margin:0;white-space:nowrap} .displayOnly .divBtn.small.inline {padding:2px;height:21px;} .divBtn.small {font-size:14px;line-height:18px;height:28px;width:auto;} .divBtn.small.doubleHeight {height:49px;width:auto;} .divBtn.small i {font-size:14px;line-height:18px;height:16px;margin-right:4px;} .divBtn.small.mini {font-size:11px;line-height:13px;height:16px;padding:1px 2px;float:none;display:inline-block;margin:0 2px 0;top:2px;} h2 .divBtn.small.mini {line-height:14px;} .divBtn.small.mini.bigger {font-size:12px;padding:3px 5px;line-height: 14px;height: 19px;} .divBtn.small.mini.bigger.twolines {line-height: 15px;height: 36px;} .divBtn.small.mini i {font-size:10px;line-height:10px;height:10px;} /*forms*/ #body .toggleInput {padding:0px;border:0px;background:transparent;width:auto;color: #333;} #body .showInvis .toggleInput {padding:1px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);background:#fff;} #body .toggleInput.timelong {width:53px;font-size: 13px;} .ui-dialog .ui-dialog-content {overflow:visible!important;} #ui-datepicker-div{z-index:1000001!important;} .ui-datepicker-week-col {text-align:center} .select-editable { height: 42px; position: relative; z-index:11; overflow:visible; } .select-editable input { left: 0; position: absolute; top: 0; } .select-editable select { border: medium none; height: 42px; left: 0; padding: 9px 0px; position: absolute; top: 0; width: 100%; max-width:100%; margin-left:0px; box-sizing:border-box; background:#95b7f3; } .select-editable select option {line-height:20px;padding: 4px 10px;} .select-editable select option:hover {background:#f0a52e;cursor:pointer;} .breakwordCol2 tr td:nth-child(2) {word-break: break-word} /* DATATABLES */ input.time:not(.max100px),input.hours {width:90px;text-align:center;} #body.mobile .marginbottom8Form input.time {width:100%;} input.time.thinner,input.hours.thinner,input.float.thinner {width:80px;padding:11px 5px;} input.small {padding:3px!important;} input.small:not(.wide) {width:60px;} input[type=search].small {width:100%;} div.time,div.hours {width:132.5px;} input.colorpicker {width:90px!important;} .evo-cp-wrap{width:110px!important;} .evo-cp-wrap .evo-colorind-ff{margin-top: 3px;} .colorpicker .input-value-remove{display:none;} .bluetitle {background: #FFCB50;background: -moz-linear-gradient(top, #FFCB50 0%, #FFF200 100%);background: -webkit-linear-gradient(top, #FFCB50 0%,#FFF200 100%);background: linear-gradient(to bottom, #FFCB50 0%,#FFF200 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCB50', endColorstr='#FFF200',GradientType=0 );border-bottom:1px solid #fff;border-top:1px solid #fff;text-align:left;font-size:18px!important;padding:5px;color:#555;} tr{position:static!important;} table span.dayOfMonth {position:absolute;top:0;left:4px;font-size:9px;color:#999;} table td.noWorkday span.dayOfMonth {color:#eee;} .chosen-container-single-nosearch .chosen-search {height:1px;padding:0!important;margin:0!important;border:0!important;overflow: hidden!important;} .state {border:1px solid #4c4c4c;background:#eee;color:#4c4c4c;padding:2px;display:inline-block;width:90px;max-width:100%;text-align:center;border-radius:3px;} .state.green {border-color:#090;background:#afa;color:#090;} .state.red {border-color:#900;background:#faa;color:#900;} .state.blue {border-color:#04b;background:#7ef;color:#04b;} .state.lightblue {border-color:#04b;background:#bef;color:#04b;} .state.darkblue {border-color:#04b;background:#6af;color:#fff;} table.right td,table.right div {text-align:right!important;} /*ui*/ #body .ui-button.huge {border:1px solid #FFCB50;font-size:30px;padding:20px;float:none;} .ui-dialog {overflow: visible!important;} #body .unfilled { border: 1px solid #ebd400; color:#ebd400; background:#fff; } #body .unfilled span { color:#ebd400; } #body .unfilled:hover { background:#ddd; } #body .filled { background:#ebd400; border-color:#ebd400; } #body .filled:hover { background:#0e87e3; border-color:#0e87e3; } #body .toggleInfo.active .toggler { border-bottom-right-radius: 0;border-bottom-left-radius: 0; } #body .toggler.divBtn { float:none; margin:0 auto; display:inline-block; } #body .toggler { box-sizing: border-box; cursor: pointer; padding-left:17px; } .toggleInfo .toggler:hover {transform: scale(1)!important;} .toggleInfo .toggler:hover::before {background-color: #31b131;} .toggleInfo .toggler::before { background-color: #303336; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; color: white; content: "+"; display: block; font-family: "Courier New",Courier,monospace; font-size: 15px; height: 9px; left: 1px; line-height: 11px; position: absolute; text-align: left; text-indent: 0px; top: 8px; width: 9px; transform: scale(1); } .toggleInfo.active .toggler::before {content: "-";} .toggleInfo.active .toggler:hover::before {background-color: #d33333;} #body .toggleInfo.active .togglee { height:auto; border-color:#0e87e3; overflow: visible; display:block; } .togglee { /*border: 0px solid #0e87e3; box-sizing: border-box; margin-left: -7px; margin-right: -7px; padding: 0; border-radius:3px;*/ height:0px; overflow: hidden; transition-duration:.2s;transition-property:all; display:none; } .toggleSiblings .head:hover::before {background-color: #31b131;} .toggleSiblings .head::before { background-color: #303336; border: 2px solid white; border-radius: 16px; box-shadow: 0px 0px 1px 0px #444; box-sizing: content-box; color: white; content: "+"; display: inline-block; font-family: "Courier New",Courier,monospace; font-size: 15px; height: 9px; left: 1px; line-height: 11px; margin-right:4px; position: static; text-align: left; text-indent: 0px; top: 8px; width: 9px; transform: scale(1); } .toggleSiblings.active .head::before {content: "-";} .toggleSiblings.active .head:hover::before {background-color: #d33333;} .add::before { background-color: #31b131; border: 2px solid white; border-radius: 12px; box-shadow: 0 0 3px #444; box-sizing: content-box; color: white; content: "+"; display: block; font-family: "Courier New",Courier,monospace; height: 12px; left: 3px; line-height: 12px; position: absolute; text-align: left; text-indent: 2px; top: 1px; width: 12px; } .delete:not(.ui-button) {position:absolute;top:-10px;right:-5px;background-color: #d33333; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; color: white;display: block; height: 16px; line-height: 16px; text-align: left; text-indent: 4px; width: 16px;cursor:pointer;} .fileinput-button span {color:#fff;} /*helper*/ #body .absoluteRightRemove {position:absolute;top:9px;right:-21px;padding:3px 5px;margin:0;height:21px;background:transparent!important;} #body .absoluteRightRemove i.fa {margin-right:0;color:red;} .tooltip[data-info] {cursor:pointer;} .borderbox {border:1px solid #04b;border-radius:6px;overflow:hidden;display:inline-block;width:100px;} .borderbox h2.bluebg {border:0px;border-radius:0px;} .blueNotGreen .green {color:#04b} .borderBottomTr tr td {border-top:1px solid grey;padding-top:8px;} .borderBottomTr tr:first-child td {padding-top:0px;} .borderBottomTr tr:first-child td {border-top:0px;} .borderBottomTr .evo-palette td {border:solid 1px #c0c0c0!important;} .borderBottomTr .evo-palette tr.in > td {border-top:0px!important;border-bottom:0px!important;} .borderBottomTr .evo-palette tr.top > td {border-bottom:0px!important;} .borderBottomTr .evo-palette tr.bottom > td {border-top:0px!important;} input.uppercase {text-transform: uppercase;} .fullsizeIcon {padding:0!important;border-radius:0!important;} #body .fullsizeIcon i {font-size:18px;line-height:20px;height:20px;} .bgtrans{background:transparent!important;} .italic{font-style:italic} span.minutesXXX {font-size:85%!important;vertical-align:top;} .shiftblockXXX span.minutes {line-height:1em;} .lineheightInlineBtn{line-height: 150%;} .lastClick{-webkit-box-shadow: 0 0 3px 1px #48f;box-shadow: 0 0 3px 1px #48f;} .opacity3{opacity: 0.3;} .largeIcon{font-size: 30px;line-height: 30px;height: 35px;position:relative;vertical-align: bottom;} .greyBorder {border: 1px solid #bbb!important;} .height0{height:0px!important;overflow:hidden;} .height100{height:100%!important;} .heightauto{height:auto!important;} .autoheightButtons .divBtn{height:auto!important;} .zindex9buttons .divBtn{z-index:9;} .zoom80 {zoom:80%;} .scale80 {transform: scale(0.8);} .hoverEffect:hover hr,.hoverEffect:hover i {color:#090!important;} .overflowvisible{overflow:visible!important} .overflowVisible {overflow:visible!important;} .ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .realWidth{width:auto!important;} .dataTables_paginate,.dataTables_length {display:none;} .clickable,.clickable span,a span{cursor:pointer;} .unclickable{cursor:auto!important;} /*.blue{color:#ebd400;}*/ .opacity05{opacity:0.5;} .blue,.blue a,.blue span{color:#48f;} .bluebg,.bluebg span,.blueBG,.blueBG span,.blueBG div{background-color:#48f!important;color:#fff!important;} .yellowbg,.yellowbg span,.yellowbg div,.yellowbg a{background-color:#ebd400!important;} .darkbluebg,.darkbluebg span,.darkbluebg div{background-color:#04b!important;color:#fff!important;} .redbg,.redbg span{background-color:#D51220!important;color:#fff!important;} .lightredbg,.lightredbg span{background-color:rgba(213,18,32,0.3)!important;color:#fff!important;} .greenbg,.greenbg span{background-color:#73B923!important;color:#fff!important;} .whitebg,.whitebg span{background-color:#fff!important;color:#000!important;} .greybg,.greybg span{background-color:#ddd!important;color:#fff!important;} .transparentbg,.transparentbg span{background-color:transparent!important;color:#333;} .divBtn.bluebg{border-color:#04b;} .changed .bluebgIfChanged{background-color:#48f!important;color:#fff;} .changed .divBtn.bluebgIfChanged{border-color:#04b;} .red,.red a,.red span,.red td{color:#D51220;} .green,.green a,.green span{color:#090;} .yellow,.yellow a,.yellow span{color:#ebd400!important;} .orange,.orange span,.orange a{color:#f50!important;} .hover:hover{background-color:#ebd400} .topminus5{position:relative;top:-5px;} .border{border:1px solid #4c4c4c;} .borderYellow{border:2px solid #fa0!important;} .borderbottom td,.dotted{border-bottom:1px dotted #000;} .bordertop:not(:first-child) td{border-top:1px dotted #000!important;} .overflowAuto {overflow:auto!important;} .isRevenue td {color:#090;} tr.green td {color:#090;} tr.greenbgline td {background-color:rgba(50,200,50,0.3)!important;} tr.redbgline td {background-color:rgba(200,50,50,0.3)!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;} tr.redbgline {-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;} tr.yellowbgline td {background-color:rgba(200,200,50,0.3)!important;} tr.bluebgline td {background-color:rgba(50,100,200,0.3)!important;} .notice{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border: 2px solid #FFF;height: 20px;background-color: #c00;position: absolute;top: -9px;right: -7px;font-size: 11px;line-height: 15px;font-family: system-ui,sans-serif;color: #FFF!important;font-weight: 700;display: block;text-align: center;text-decoration: none;z-index: 1;padding:0 5px;} .notice.count0{background-color: #4c4c4c!important;} .divBtn:not(.shiftblock) .notice {top:-55px;right:-4px;border-color:#ccc;line-height:15px;font-size: 11px;} .divBtn .notice.oneliner {top:-72px;} #body.mobile .notice {padding-top: 1px;} .redBG{background-color:#D51220;color:#fff} .greenBG{background-color:#73B923!important;color:#fff} .greenBG .chosen-container a{background-color:#0b0!important;color:#fff!important} .greenBG .chosen-container:not(.chosen-with-drop) span{color:#fff!important} .greenBG .chosen-container:not(.chosen-with-drop) label{color:#fff!important} .orangeBG{background-color:#F90;color:#fff} .center {text-align:center;} .centerImportant {text-align:center!important;} .help {cursor:help} .centerbox {margin-left:auto;margin-right:auto;display:block;} .marginright10 {margin-right:10px;} #body .noMargin {margin:0px;} #body .noPadding {padding:0px;} #body .noBorder {border:0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {clear: both;} .ui-dialog-contentXXX:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .floatright {float:right;} .floatleft {float:left;} .floatnone,.nofloat,.noFloat {float:none!important;} .right {text-align:right;} .left {text-align:left!important;} .borderradius {border-radius:6px} .invis{height:0px;overflow:hidden;display: block !important;border:0px!important;margin:0px!important;} tr.invis{display:none;} .showInvis .invis{height:auto;} .showInvis tr.invis{display:table-row;} .invishidden{display:none;} .linethrough{text-decoration:line-through} .grey,.grey td,.grey div:not(.divBtn),.grey td small,.grey span,.grey span small,.grey a {color:#999!important;} .bluebg .grey {color:#ccf!important;} .white,.white td,.white div:not(.divBtn),.white td small,.white span,.white span small {color:#fff!important;} .darkgrey,.darkgrey td,.darkgrey div,.darkgrey td small,.darkgrey span,.darkgrey span small {color:#636669!important;} .showInvis .invishidden{display:initial;} .showInvis .toggleInvisXXX i::before {content: "";} .hidden {display: none !important;} .showLater {visibility: hidden !important;} .hidden1px {overflow: hidden !important; height:1px!important;max-height:1px!important;min-height:1px!important;display:block!important;} .hiddenHover {display: none} .invisible {visibility: hidden !important;} .invisible.invisible2hidden {display:none;} .showInvisible tr.switchToggleViewThis.hidden .invisible2hidden {display:none;} .showInvisible tr.switchToggleViewThis.hidden {display:table-row!important;} .showInvisibleUnmarked table.switchToggleView.hidden {display:table-row!important;} .showInvisibleUnmarked .showInvisibleUnmarkedUnhide.hidden {display:block!important;} .showInvisible tr.switchToggleViewThis.hidden .switchery {background-color: rgb(255, 255, 255)!important;border-color: rgb(223, 223, 223)!important;box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset!important;} #companySettings input[type=text] {font-size:12px;padding:0px 3px!important} #companySettings .divBtn.mini {vertical-align:inherit;top:0;} .divBtn.incomplete { -webkit-box-shadow: 0px 0px 8px 0px rgba(200,0,0,0.6)!important; -moz-box-shadow: 0px 0px 8px 0px rgba(200,0,0,0.6)!important; box-shadow: 0px 0px 8px 0px rgba(200,0,0,0.6)!important; border:1px solid rgba(200,0,0,0.8)!important; } .error:not(.floatLabelHolder) { -webkit-box-shadow: 0px 0px 8px 0px rgba(200,0,0,0.6)!important; -moz-box-shadow: 0px 0px 8px 0px rgba(200,0,0,0.6)!important; box-shadow: 0px 0px 8px 0px rgba(200,0,0,0.6)!important; border:1px solid rgba(200,0,0,0.8)!important; } .errorBlue .error { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,200,0.6)!important; -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,200,0.6)!important; box-shadow: 0px 0px 8px 0px rgba(0,0,200,0.6)!important; border:1px solid rgba(0,0,200,0.8)!important; } .centered {margin:0 auto;} .fullwidth {width:100%!important;} .fa:not(.context-menu-item) span:not(.notice){display:none;} .fa.huge{font-size:124px;line-height:124px;} div.hugecircle{font-size:80px;line-height:110px;height:124px;width:124px;background:#aaa;color:#fff;border-radius:62px;border:7px solid #fff;} div.hugecircle.oval{width:auto;} div.hugecircle.green{background:#090;} div.hugecircle.red{background:#900;} div.hugecircle.blue{background:#48f;} div.hugecircle .fa.huge{font-size:80px;line-height:80px;padding:0;display:inline;vertical-align:unset;} div.hugecircle.mini{font-size:11px;line-height:11px;height:13px;width:13px;border:1px solid #fff;} .current {background:#FFD497} .leftborder {border-left:3px double #666;} .rightborder {border-right:3px double #666;} .doubleTopBorder td {border-top:3px double #666!important;} .nowrap {white-space:nowrap;} /*fontawesome.io*/ .input-group { border-collapse: separate; display: table; position: relative; margin-bottom:13px; } .input-group-addon:first-child { border-right: 0 none; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon { background-color: #f1f3f4; border: 1px solid #ccc; border-radius: 6px; color: #555; font-size: 14px; font-weight: normal; line-height: 1; padding: 6px 11px 6px 13px; text-align: center; } .input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap; width: 1%; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon.right-addon {font-size:24px;padding: 6px 8px 6px 10px;} .input-group input {border-bottom-left-radius: 0!important;border-top-left-radius: 0!important;} .input-group .chosen-container {display:table-cell;} form:not(.selectsInline) .chosen-container,.app_ .chosen-container,.contactHistory .chosen-container {display:block;width:100%!important} .selectsInline .chosen-container {display:inline-block;} .chosen-container {min-width:120px;} .chosen-container label {color:#aaa;} .chosen-container.chosen-container-active label {color:#333!important;} .input-group table {width:100%;} .input-group .sendbutton {cursor:pointer;color:#090;padding:0;background:transparent;border:none;font-size:40px;} .input-group .sendbutton .tooltip {cursor:pointer;} .Footer { background: -moz-linear-gradient(top, #E3EFFF 0%, #95B7F3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3EFFF), color-stop(100%,#95B7F3)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E3EFFF, EndColorStr=#95B7F3); vertical-align: top; border-top: 1px solid #7F7D75; } .Title { border-right: solid 1fpx #3B619C; border-bottom: solid 1px #3B619C; } .switchery{background-color:#fff;border:1px solid #dfdfdf;border-radius:20px;cursor:pointer!important;display:inline-block;height:30px;position:relative;vertical-align:middle;width:50px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box;background-clip:content-box} .switchery>small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:30px;position:absolute;top:0;width:30px;cursor:pointer!important;} .switchery-small{border-radius:15px;height:15px;width:28px;margin-right:5px;} .switchery-small>small{height:15px;width:15px} .switchery-large{border-radius:40px;height:40px;width:66px} .switchery-large>small{height:40px;width:40px} /* evol.colorpicker = ColorPicker widget for jQuery UI */ /* (c) 2014 Olivier Giulieri */ /* https://github.com/evoluteur/colorpicker */ .evo-pop { z-index: 10000; width: 234px; padding: 3px 3px 0!important; } .evo-pop-ie { z-index: 10000; width: 212px; padding: 3px!important; } .evo-palette td { font-size: 1px; border: solid 1px #c0c0c0; padding: 7px!important; cursor: pointer; } .evo-palette tr.top > td { border-bottom: 0; } .evo-palette tr.in > td { border-top: 0; border-bottom: 0; } .evo-palette tr.bottom > td { border-top: 0; } .evo-palette div.sep { height: 3px; } .evo-palette, .evo-palette-ie { border-collapse: separate; border-spacing: 4px 0px; *border-collapse: expression('separate', cellSpacing='2px'); } .evo-palette th, .evo-palette-ie th { border: 0; padding: 5px 3px!important; text-align: left; font-weight: normal; background: transparent !important; } .evo-palette-ie td { font-size: 1px; border: solid 1px #c0c0c0; padding: 7px!important; cursor: pointer; } .evo-palette2, .evo-palette2-ie { margin: auto; border-collapse: collapse; } .evo-palette2 td, .evo-palette2-ie td { font-size: 1px; cursor: pointer; } .evo-palette2 td { padding: 6px 7px!important; } .evo-palette2-ie td { padding: 5px!important; } .evo-palcenter { padding: 5px!important; text-align: center; } .evo-colorind, .evo-colorind-ie, .evo-colorind-ff { border: solid 1px #c3c3c3; width: 20px; height: 20px; float: right; } .evo-colorind { position: relative; top: 2px; } .evo-colorind-ie { position: relative; top: -23px; } .evo-colorbox-ie { font-size: 8px; padding: 3px 9px !important; } .evo-colortxt-ie { position: relative; top: -6px; } .evo-pop:after, .evo-pop-ie:after, .evo-colorind:after, .evo-colorind-ie:after, .evo-colorind-ff:after, .evo-color span:after, .evo-cHist:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .evo-color { width: 94px; padding: 1px 3px 0 4px; } .evo-color div { border: solid 1px #808080; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; padding: 9px 8px; margin-bottom: 5px; width: 10px; height: 10px; float: left; } .evo-color span { font-size: 15px; margin: 1px 0 4px 3px; float: left; } .evo-sep { height: 26px; font-size: 0; } .evo-more { padding: 4px 5px 4px; font-size: smaller; } .evo-cHist { padding: 3px; } .evo-cHist div { cursor: pointer; border: solid 1px #c0c0c0; padding: 3px; margin: 5px; width: 10px; height: 10px; float: left; } a.evo-hist { margin-left: 6px; } .evo-pointer { cursor: pointer; } @keyframes pulseOpacity { 0% { -moz-opacity:1; opacity: 1; } 50% { -moz-opacity:0.5; opacity: 0.5; } 100% { -moz-opacity:1; opacity: 1; } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: inset 0 0 10px 5px #99ff99; } 50% { -webkit-box-shadow: inset 0 0 0px 2px #99ff99; } 100% { -webkit-box-shadow: inset 0 0 10px 5px #99ff99; } } @keyframes pulse { 0% { -moz-box-shadow:inset 0 0 10px 5px #99ff99; box-shadow: inset 0 0 10px 5px #99ff99; } 50% { -moz-box-shadow: inset 0 0 0px 2px #99ff99; box-shadow: inset 0 0 0px 2px #99ff99; } 100% { -moz-box-shadow: inset 0 0 10px 5px #99ff99; box-shadow: inset 0 0 10px 5px #99ff99; } } @-webkit-keyframes pulseGY { 0% { -webkit-box-shadow: inset 0 0 10px 5px #99ff99; } 50% { -webkit-box-shadow: inset 0 0 4px 0px #fa0; } 100% { -webkit-box-shadow: inset 0 0 10px 5px #99ff99; } } @keyframes pulseGY { 0% { -moz-box-shadow:inset 0 0 10px 5px #99ff99; box-shadow: inset 0 0 10px 5px #99ff99; } 50% { -moz-box-shadow: inset 0 0 4px 0px #fa0; box-shadow: inset 0 0 4px 0px #fa0; } 100% { -moz-box-shadow: inset 0 0 10px 5px #99ff99; box-shadow: inset 0 0 10px 5px #99ff99; } } @-webkit-keyframes pulseRed { 0% { -webkit-box-shadow: inset 0 0 10px 5px #f99; } 50% { -webkit-box-shadow: inset 0 0 0px 2px #f99; } 100% { -webkit-box-shadow: inset 0 0 10px 5px #f99; } } @keyframes pulseRed { 0% { -moz-box-shadow:inset 0 0 10px 5px #f99; box-shadow: inset 0 0 10px 5px #f99; } 50% { -moz-box-shadow: inset 0 0 0px 2px #f99; box-shadow: inset 0 0 0px 2px #f99; } 100% { -moz-box-shadow: inset 0 0 10px 5px #f99; box-shadow: inset 0 0 10px 5px #f99; } } .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 200px; } .colform{display:table;border-spacing:8px;width:100%;} section.column{display:table-cell;width:50%;vertical-align:top;} @media screen and (max-width: 800px) { .colform{display:block;border-spacing:0;} section.column{display:block;width:100%;} section.column .divBtn.small{float:none!important;} .colform .notInOneCol{display:none!important;} section.column:not(:first-child){margin-top:22px;} } td.switch,th.switch {min-width: 25px!important;text-align:center;} /*dialog maxheight window.height and content scrollable*/ #body .ui-dialog-content.ui-widget-content { overflow: hidden !important; } #body .ui-dialog .ui-dialog-content {padding:0;border-radius:0px!important;} #body .ui-dialog .ui-dialog-content .scroll-content {padding:20px 15px 15px;} #body .ui-dialog .ui-dialog-content .smoothscroll .scroll-content {padding:0;} #body .ui-dialog .ui-dialog-content .scrollbar-track {opacity:1;} #body .ui-dialog .ui-dialog-titlebar {z-index:9999;} #body .ui-dialog-titlebar-close {height: 23px;width: 24px;background: #fff;color: #444;top: 6px;} #body .ui-dialog-titlebar-close:after {content: "\f00d";color: #777;top: -1px;position: relative;left: 0px;font-weight:bold;font-family: "Font Awesome 6 Pro";} #body .ui-dialog-titlebar-close span {display:none;} .dataTables_filter.empty .input-value-remove,.floatLabelHolder.empty .input-value-remove,.floatLabelHolder.readonly .input-value-remove,#body:not(.mobile) .floatLabelHolder.hasDatepicker.max100px .input-value-remove,#body:not(.mobile) .floatLabelHolder.date.max100px .input-value-remove,#body:not(.mobile) .floatLabelHolder.hasDatepicker.max101px .input-value-remove,#body .noRemove .input-value-remove,#body .readonly .input-value-remove {display:none;} #body .noRemove.thinner {padding-right:5px!important;} .input-value-remove { position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; line-height: 20px; z-index:9; color:#999; } #body:not(.mobile) .input-value-remove:hover {color:#000;} .input-value-remove:after { content: "\f00d"; font-family: "Font Awesome 6 Pro"; width: 20px; display: inline-block; line-height: 20px; text-align: center; font-weight: 900; } .dataTables_filter .input-value-remove {top:7px} #body:not(.mobile) .input-value-remove:hover { background-position: -42px -10px; cursor:pointer; } i.tooltip.fa-question-circle {margin-left: 3px;} .processStep:last-child {padding:13px 5px;background:transparent;width:auto;border-color:transparent;} .processStep {display:inline-block;background:#fff;padding:5px;padding-left:10px;width: 145px;height: 44px;vertical-align: middle;} .processStep.current {background:#ebd400;border-color:#73B923;} .processStep.done {background:#73B923;color:#fff;border-color:#73B923;} .processStep.done:last-child {background:transparent;border-color:transparent;color:#73B923} .processStep .arrow { position:absolute; top:0; right:0; width: 0; height: 0; border-top: 22px solid #f1f2f3; border-bottom: 22px solid #f1f2f3; border-left: 22px solid transparent; } .divBtn.phoneValidation {margin-top: 6px;} span.abbr.tooltip {border-bottom: 1px dotted;} .templateItemWrapper {} .templateItemWrapper.borderTop {border-top:1px solid #aaa;} .templateItemWrapper.borderTop .templateItem {padding-top:8px;} .templateItemWrapper.borderBottom {border-bottom:1px solid #aaa;margin-bottom:8px;} .templateItemWrapper.removable {display:table;border-collapse: collapse;} .templateItemWrapper.removable .templateItem {display:table-cell;width:348px;} .templateItemWrapper.removable .removeTemplateItem {display:table-cell;width:20px;padding:0 0 8px 4px;vertical-align: top;} .templateItemWrapper.removable.borderTop .removeTemplateItem {padding-top:8px;} .templateItemWrapper.removable .removeTemplateItem div {top:0px;} #body:not(.mobile) .templateItemWrapper.removable .max86px {max-width:80px;} #body:not(.mobile) .templateItemWrapper.removable .max180px {max-width:168px;} #body:not(.mobile) .templateItemWrapper.removable .max260px {max-width:236px;} .templateItemWrapper.removable .width50 {width:47px!important;} .markYellow {box-shadow: inset 0 0 4px 0 #fa0!important;} .markGreen {box-shadow: inset 0 0 4px 0 #0c0!important;} .markRed {box-shadow: inset 0 0 4px 0 #c00!important;} .autoActive .switchery {visibility:hidden;} .autoActive {color: #73B923;border-color: #73B923;} .ulNoMargin ul {margin:0;} .colform section .chosen-container-single .chosen-single-with-deselect span {max-width: 318px;} #body .form .floatLabelHolder .sendNow {color:#fff;margin-left:1px;position:absolute;top:9px;background:#48f;border-radius:100px;font-size: 12px;line-height: 19px;width: 16px;padding-left: 2px;cursor:pointer;} #body .form.answer .floatLabelHolder .sendNow {background:#73B923;} .showOptgroup {padding:2px 0 10px 12px;} .showOptgroup .optgroup {font-weight:bold;} /*dialog outer layout*/ #body .ui-dialog {border:0;box-shadow:none;} #body .ui-dialog .ui-dialog-titlebar {border:1px solid #fff;border-bottom: 1px solid #e6eaee;} #body .ui-dialog .ui-dialog-content {border-left: 1px solid #f6f7f8;border-right: 1px solid #f6f7f8;} .emoji {vertical-align: bottom;} .shiftitem.isSonder{border-color: #000;} .markGreenOutset{-moz-box-shadow:0 0 10px 5px #9f9;-webkit-box-shadow: 0 0 10px 5px #9f9;box-shadow: 0 0 10px 5px #9f9;} .redborderchild *{border-color:#D51220!important;} #body.mobile .floatLabelHolder.sendOnEnter{padding-right: 10px !important;} #body.mobile .floatLabelHolder .sendNow{right: -30px !important;} #body.mobile div.form{padding-right: 40px !important;} /*OKZ*/ .max900px {max-width:900px;margin-left:auto;margin-right:auto;} .max700px {max-width:700px;margin-left:auto;margin-right:auto;} a:focus-visible{-webkit-box-shadow: inset 0px 0px 4px 0px #48f,0px 0px 0px 2px #48f ;box-shadow: inset 0px 0px 4px 0px #48f,0px 0px 0px 2px #48f;} p {line-height:1.8em} #toStart{height:100%;} #lander {position:absolute;top: 58px;left:26px;background:transparent;overflow: hidden;width: 217px;height:22px;} #body #mainwappen {position:absolute;top:9px;left:166px;height:48px;} #body.scrolledDown #mainwappen {top:5px;left:111px;height:35px;} #body.scrolledDown #lander {top: 33px;left:16px;width: 217px;height:22px;} #body.mobile.scrolledDown #lander {left:15px;} #lander:hover {overflow:visible!important;} #lander:hover .options {border-color:#333} #lander:hover .options .option:first-child {background-color:#333!important} #lander:hover .options .option:first-child::after {content:"Bundesland wählen";color:#fff;position:absolute;top:1px;left:42px;} #lander:hover .options .option:first-child img {display:none;} #lander .options {border:1px solid transparent;background:transparent;} #lander .options .option {font-size:14px;padding: 2px;cursor:pointer;height:22px;display:block;background:#fff;} #lander:hover .options .option {border-bottom:1px dotted #999;} #lander .options .option:first-child {border-bottom:1px solid #999;cursor:default;background:transparent!important;color:#333!important;} #body.scrolledDown #lander:not(:hover) .options .option {font-size:12px;line-height:19px;} #body.scrolledDown #lander:not(:hover) .options .option img {margin-top:2px;} #lander .options .option:last-child {border-bottom:0;} #lander .options .option span {height: 16px;position: absolute;margin-left: 5px;width:30px;} #lander .options .option img {height: 16px;margin:1px auto 0;display:block;} #lander .options .option:first-child img {height: 16px;margin:1px 0 0 5px;display:inline;position: absolute;} #lander .options .option font {height: 16px;position: absolute;margin-left: 5px;left:37px;} #lander .options .option:hover {background:#48f;color:#fff;} #lander .options .option:hover font {color:#fff;} #body.scrolledDown #lander:not(:hover) .options .option {background:transparent!important;color:#333!important;} #body.scrolledDown #lander:not(:hover) .options .option img {height: 16px;margin:1px 0 0 5px;display:inline;position: absolute;} .landlink {width: 300px;display: inline-block;height: 30px;padding:3px;border-radius: 4px;} .landlink span {height: 24px;position: absolute;margin-left: 5px;width:50px;} #body .landlink img {height: 24px;margin:1px auto 0;display:block;} .landlink font {font-size: 18px;position: absolute;margin-left: 5px;left:50px;line-height: 26px;} .landlink:hover {-webkit-box-shadow: 0px 0px 0px 2px #48f;box-shadow: 0px 0px 0px 2px #48f;} .euroschild {display:inline-block;background:url('../img/euroschild.jpg') no-repeat;width:200px;height:45px;background-size:contain;} .euroschild * {font-size: 26px;font-weight: bold;line-height:45px;} .euroschild .k {margin-left:26px} .euroschild .w {display:inline-block;overflow:hidden;background: #fff;border: 1px solid #666;text-align: center;width:13px;height:13px;border-radius:13px;line-height: 9px;font-size: 13px;margin:0 5px;} .euroschild .w img {max-width:90%;max-height:90%;display: table-cell;vertical-align: middle;} .euroschild .z {margin-left:7px} .euroschild.small {width:100px;height:23px;} .euroschild.small * {font-size: 12px;font-weight: bold;line-height:24px;} .euroschild.small .k {margin-left:14px} .euroschild.small .w {width:7px;height:7px;border-radius:7px;line-height:5px;font-size: 7px;margin:0 2px;} .euroschild.small .z {margin-left:4px} .euroschild.big {width:400px;height:90px;} .euroschild.big * {font-size: 50px;font-weight: bold;line-height:90px;} .euroschild.big .k {margin-left:56px} .euroschild.big .w {width:25px;height:25px;border-radius:25px;line-height:18px;font-size:25px;margin:0 10px;} .euroschild.big .z {margin-left:14px} h3 {font-weight:bold;margin:50px 0 14px} h3:first {margin-top:0px} .btn {font-weight: 500;line-height: 1;padding: 1rem 1.5rem;border:0.2rem;border-radius: .375rem;color: #000;border: 2px solid #ebd400;background-color: #ebd400;display:inline-block;text-decoration:none;margin-top: 8px;top: -8px;} .btn:hover {border-color:#48f;} #footer {border-top:1px solid #bbb;background:#f1f2f3;margin-top:20px;padding:20px;} img.wappen {height: 16px;vertical-align: text-top;margin:0 4px;} #breadcrumbs {padding: 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background: #f1f2f3;padding: 1px 4px;border-radius: 4px;} #breadcrumbs a,#breadcrumbs font {font-size:12px;text-decoration:none;} #breadcrumbs span {color:#999;} #breadcrumbs font,#breadcrumbs a span:hover {color:#333;} #breadcrumbs span:not(:first-child):before { content: "\00BB"; margin: 0 6px; } #breadcrumbs a:hover {text-decoration:underline;} .contactInfo a{position:absolute;left:55px;} .box {max-width: 80%;width: 280px;margin:10px 10px 10px 10px;background-color: #fff;border-radius: 4px;border: 1px solid #ddd;display:inline-block;cursor:pointer;text-align:left;} .box h3 {margin:20px 20px 10px;} .box font {margin:0 20px 30px;display:block;height:34px;line-height: 1.3em;} .box span {border-top: 1px solid #ddd;text-align:right;padding:20px 20px 20px;display:block;} .box a {margin:0;text-decoration:none;font-weight:bold;color: #48f;} .box:hover {-webkit-box-shadow:0px 0px 0px 2px #48f;box-shadow:0px 0px 0px 2px #48f} .box a:hover {text-decoration:underline;} @media screen and (max-width: 440px){ .box {max-width:100%;width:100%;margin:10px auto;} } .services {text-align:center;} .faq h3 {font-weight:700;font-size:20px;border-bottom:1px solid #ebeef1;padding-bottom:24px;margin-bottom:24px;} .faqitem {border-bottom:1px solid #ebeef1;padding-bottom:24px;margin-bottom:24px;} .faqitem .title {text-decoration:none;font-size:16px;font-weight:600;display:block;} .faqitem .title .question {font-size:16px;font-weight:600;line-height:28px;} .faqitem .answer {height:0px;overflow:hidden;transition-duration:.2s;transition-property:all;} .faqitem.active .answer {height:auto;margin-top:8px;} .faqitem .title::before {content: "–";color: black;font-size: 34px;line-height: 22px;font-weight: 300;float:right;margin-right:2px;margin-left: 20px;} .faqitem.active .title::before {content: "+";margin-right:0px;} #tarifcheckVert {display:none!important;} #tarifcheckHor {display:none!important;} #tarifcheckHorSmall {display:inline-block!important;} @media screen and (min-width: 720px){ #tarifcheckHorSmall {display:none!important;} #tarifcheckVert {display:inline-block!important;} }