html, body { box-shadow: 0px 20px 20px #555555; height: 100%; width: 100vw; font-family: "Arial"; -ms-overflow-style: none; } h1 { color: #94c01c; font-size: 1.3em; font-weight: bold; } h2 { font-size: 1.1em; font-weight: bold; } h3 { font-size: 1em; font-weight: bold; } div input p span h1 h2 h3 { -webkit-overflow-scrolling: touch; } .deb { display: none; } /*div { -ms-user-select: None; -moz-user-select: None; -webkit-user-select: None; user-select: None; }*/ #main_log { width: 90vw; height: 90vh; top: 5vh; left: 5vw; z-index: 99999; border: 2px solid #ddd; border-radius: 10px; background-color: #fff; position: fixed; } #main_logHeader { position: fixed; width: 88.5vw; margin: 0px; border-radius: 10px 10px 0 0; } #main_logContent { width: 100%; height: 98%; padding: 10px; overflow-x: scroll; display: block; } #main { font-family: "Arial"; font-size: 13px; overflow-x: hidden; width: 100vw; } .f9 { font-size: 9px; } .f11 { font-size: 11px; } #main_header { /* background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); */ background-color: #343a40; color: #ffffff; position: fixed; width: 100vw; height: 50px; z-index: 11; } #main_logo { float: left; width: auto; height: 100%; margin-left: 20px; } #main_logo a { display: block; width: 100%; height: 100%; } #main_logo img { margin-top: 5px; width: auto; height: 40px; } #i4e18f8bf79d04feb93f5e2782582a98f { float: left; } #a9eefd388308b4b12b52eda9aba9f8ae3 { background: #fff; position: absolute; left: 38%; top: 0px; width: 500px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; border: 2px solid red; z-index: 9999999; } .main_frame { width: 500px; height: 550px; padding: 10px; border: 2px solid #ddd; background: #fff; position: fixed; top: 50px; left: 250px; } .main_frameInner { overflow: hidden; height: auto; } .main_frameTB { width: auto; /* float: left; */ padding: 10px; background-image: linear-gradient(#95c11f 0%, #95c11f 100%); color: white; margin: -10px -10px 20px -10px; } .main_frameSymbole { width: 15px; height: 15px; margin-left: 4px; border: solid 1px #aaa; border-radius: 2px; float: right; text-align: center; cursor: pointer; font-size: 12px; } .ui-effects-transfer { border: 1px dotted black; } #main_SBright { position: fixed; margin-top: 50px; right: -600px; width: 600px; height: 100vh; z-index: 11; display: none; } #main_SBrightSelect { position: absolute; top: 60px; width: 40px; height: 100vh; left: -46px; background: none; } #main_SBrightDiv { background-color: #ffffff; float: left; height: 100vh; width: 608px; border-left: 4px solid #dddddd; } #main_SBrightDivInner { height: 100%; width: 100%; background-color: #343a40; padding: 10px; } #cea47aad8445d466ea0c7492e5ab836e0 { background-color: rgba(0, 0, 0, 0.3); z-index: 10; width: 100vw; height: 100vh; position: fixed; } .clearfix { height: 30px; margin: 0px; padding: 10px; } #main_loginform { position: absolute; right: 0px; top: 50px; min-height: 80px; padding: 10px; /* background-image: linear-gradient( to left, rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100% ); */ background-color: #343a40; color: #ffffff; border-bottom-left-radius: 5px; display: none; width: 250px; z-index: 99999; } #loginformLogin { width: 604px; max-width: 100vw; /* background-image: linear-gradient( to left, rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100% ); */ background-color: #343a40; color: #ffffff; padding: 1% 20px 1% 1%; height: 100%; margin-top: -10px; margin-left: -10px; } /* Styles für mobile Geräte (Bildschirmbreite kleiner oder gleich 768px) */ @media (max-width: 768px) { #loginformLogin { margin-left: 27px; } } #main_login_submit { padding: 0px 5px; } #login_wrong { color: red; border: 2px solid red; width: auto; top: 50px; right: 0; } .main_loginLinks { width: 100%; height: auto; } .main_loginLinks > ul { list-style: none; text-decoration: none; margin: 0px; padding: 0px; } .main_loginLinks > ul > li { color: #ddd; width: 100%; height: 30px; border-top: 1px solid #ddd; text-align: center; line-height: 30px; vertical-align: middle; } .main_loginLinks > ul > li > span { padding-left: 26px; } #main_login_debImg { float: right; padding-left: 0px; margin-top: 5px; display: none; } .main_loginLinks > ul > li:last-child { border-bottom: 1px solid #ddd; } .main_loginLinks > ul > li:hover { background: #94c01c; cursor: pointer; } .main_loginUsers { width: 100%; height: auto; max-height: 400px; } .main_loginUsers > ul { list-style: none; text-decoration: none; margin: 0px; padding: 0px; } .main_loginUsers > ul > li { white-space: nowrap; color: #ddd; width: 100%; height: 20px; text-align: left; padding-left: 10px; line-height: 20px; vertical-align: middle; } .main_loginUsers > ul > li:hover { color: #94c01c; /*cursor: pointer;*/ } #main_HeaderNewsFeed { float: right; height: 50px; width: 50px; background: url(coms_newsFeed.png) center center no-repeat; cursor: pointer; } #loginDiv { cursor: pointer; } #main_login { position: absolute; top: 0; right: 0; height: 50px; width: 90px; /* background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); */ background-color: #343a40; color: #ffffff; } #main_login a { text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); padding-left: 20px; padding-right: 20px; height: 50px; float: right; font-size: 18px; color: #94c01c; text-decoration: none; line-height: 50px; vertical-align: central; } #main_login a:hover { text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); padding-left: 20px; padding-right: 20px; height: 50px; float: right; font-size: 18px; color: #94c01c; text-decoration: none; line-height: 50px; vertical-align: central; } #main_content { width: 100vw; height: 100vh; position: fixed; margin-top: 50px; padding-bottom: 5px; white-space: nowrap; overflow: hidden; } .main_content_inner { max-width: 100vw; width: auto; } #main_content_nologin { width: 100vw; height: 100vh; background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100% ); background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100% ); background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ /* background: rgb(14,14,14); background: -moz-linear-gradient(top, rgba(14,14,14,1) 27%, rgba(14,14,14,1) 37%, rgba(125,126,125,1) 90%, rgba(125,126,125,1) 98%); background: -webkit-linear-gradient(top, rgba(14,14,14,1) 27%,rgba(14,14,14,1) 37%,rgba(125,126,125,1) 90%,rgba(125,126,125,1) 98%); background: linear-gradient(to bottom, rgba(14,14,14,1) 27%,rgba(14,14,14,1) 37%,rgba(125,126,125,1) 90%,rgba(125,126,125,1) 98%);*/ } #main_content_nologin_logo_cont { padding-top: 20vh; margin: 0 auto; max-width: 800px; width: auto; height: auto; } #main_content_nologin_logo_cont h1 { color: #94c01c; text-align: center; } #main_content_nologin_logo_cont img { width: 100%; height: auto; } #main_left_wrap { display: none; float: left; width: 15px; height: 100%; overflow-y: auto; /* border-right: 4px solid #dddddd; */ } /*normal*/ #main_left_wrap, #main_middle { background-color: #a7a8aa; } /* #main_left_collaps:hover { background-color: #9b9b9b; } */ #main_left_Content, .form-label { background: #fff; } .coms_btn { background: #f6f6f6; border: 1px solid #c5c5c5; color: #94c01c; } .coms_hover:hover { background-color: rgba(0, 0, 0, 0.03); } .coms_link { color: #94c01c; font-size: 10px; } .note-editable div, .coms_wrap_div div { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; white-space: pre-wrap; } #main_middleInner { background: #fff; border: 4px #ddd solid; } .ui-widget-header { background: #f0f0f0; } #main_menuMobile { /* background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); */ background-color: #343a40; color: #ffffff; } .coms_btn:hover, .ui-button:hover, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background-color: #fcb068; background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #fcb068), color-stop(100%, #d16804) ); background: -webkit-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -moz-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -ms-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -o-linear-gradient(top, #fcb068 0%, #d16804 100%); background: linear-gradient(to bottom, #fcb068 0%, #d16804 100%); color: #ffffff; text-decoration: none; font-weight: bold; } /*Font Color*/ .fc_black { color: #000000 !important; } .fc_red { color: red; } .fc_green { color: #94c01c; } .fc_grey { color: #999; } .fc_bold { font-weight: bold; } /*Form Validation*/ .error { border: 2px solid red !important; color: red !important; } .errorBG { background-color: #ffcccc !important; } .errorFC { color: red !important; } .greenBG { background-color: #f0fff0 !important; } .wihteBG { background: #fff; } .coms_opacity { opacity: 0.5; } /*dark*/ /* #main_left_wrap, #main_middle, .ui-widget-header, .ui-state-default, #main_menuMobile{ background-color: #2B2B2B!important; } #main_left_Content, .ui-widget-content, #main_middleInner{ background-color: #555; color: #a7a8aa; } #main_left_collaps:hover{ background-color: #000; } .coms_btn, .ui-button{ background: #555; border: 1px solid #c5c5c5; color: #94C01C; } .coms_btn:hover, .ui-button:hover, .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover { background-color: #000; color: #fff;} input, select, textarea, .form-label, .select2-selection, .select2-container--default, .select2-selection--single, .select2-selection__rendered, .dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{background: #555!important; color: #a7a8aa!important;} table.dataTable tbody tr{background: #555!important; color: #a7a8aa!important;} table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background: #000;} .select2-results{background: #555;} .select2-container--default .select2-results__option[aria-selected=true]{background:#000;} .select2-results__option--highlighted{background:#000!important;} */ /*dark end*/ #main_left_collaps { display: block; height: 100vh; width: 30px; line-height: 100vh; vertical-align: middle; text-align: center; cursor: pointer; position: absolute; left: 30px; margin-left: -36px; color: #ddd; font-size: 24px; } /* #main_left_collaps:hover { line-height: 100vh; cursor: pointer; color: #94c01c; } */ #main_left { height: 100%; } #main_left_img { height: 69px; width: 100%; display: none; } #main_left_img img { height: 60px; width: auto; margin: 0 auto; display: inherit; } #main_left_Content { margin: 0 auto; width: 90%; padding: 5px; border: 4px #ddd solid; height: 90%; display: none; overflow-x: scroll; overflow-y: none; } #main_left_Content > .noContantText { color: #a7a8aa; text-align: center; font-style: italic; } .main_left_Menu { width: 94%; height: auto; padding-bottom: 10px; margin: 20px 2%; border: #dddddd solid 2px; border-radius: 6px; background-color: #eee; } .main_left_Menu div { margin: 2px auto; width: auto; height: 30px; display: table; min-width: 200px; } .main_left_Menu p { text-align: center; font-size: 20px; line-height: 35px; font-style: oblique; background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); border: 2px solid #94c01c; border-radius: 4px; color: #94c01c; width: 100%; margin-top: -2px !important; margin-left: -2px; } #main_middle { position: relative; float: left; height: 100%; width: 100%; padding-right: 10px; overflow: hidden; -webkit-overflow-scrolling: touch; } #main_middleHeader { display: none; z-index: 11; width: 100%; height: 69px; left: 30px; padding-left: 26px; } .headerTitle { color: #ffffff; margin-top: -16px; } .headerBL { margin-left: 10px; border-left: 2px solid #ddd; padding: 0 10px; height: 35px; float: left; } .headerDiv .focused .form-label { transform: translateY(-170%) !important; color: #fff; background: none; } #main_middleInner { height: 100vh; width: auto; margin-left: 10px; overflow-y: scroll; padding: 5px; } #main_separator_r { left: 0; top: 0; width: 4px; height: auto; right: auto; bottom: 0px; position: absolute; background-color: #dddddd; } #main_right_wrap { background-color: #ffffff; position: relative; width: 20vw; min-width: 200px; height: 100%; overflow: auto; float: left; } #main_right { padding: 5px; overflow: auto; width: 100%; height: auto; } #main_right_alert { float: right; width: 100%; } #main_right_inner { float: right; width: 100%; } #main_footer { /* background-image: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); */ background-color: #343a40; color: #ffffff; position: fixed; width: 100%; z-index: 999; height: 20px; bottom: 0px; /* color: #e9e9e9; */ text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); font-size: 13px; padding: 2px; } #taskbar { width: 100vw; height: 30px; z-index: 99999999; position: fixed; left: 0; bottom: 0; overflow: hidden; padding-left: 70px; } #taskbar div { padding-left: 5px; width: 150px; height: 28px; overflow: hidden; border: 1px solid #94c01c; line-height: 28px; vertical-align: middle; background: #fff; float: left; cursor: pointer; } #main_loadindicator { float: right; visibility: hidden; z-index: 999; } #main_credits { float: left; } #u238836edc1e942a7b623940e680f1e6b { float: left; padding-left: 20px; color: #94c01c; top: 0px; } #fe713939a443b490a91e7a7dafedc9614 { background-color: #eeeeee; width: 100vw; height: 20px; float: left; overflow: hidden; color: red; line-height: 20px; vertical-align: middle; } #main_initNotifierMarquee { width: 98%; float: left; } #main_initNotifierMarquee div { cursor: pointer; } #main_initNotifierClose { width: 2%; float: right; text-align: center; cursor: pointer; } #mainFilterList { position: fixed; width: 0px; height: auto; background: #fff; border: 2px solid #ddd; z-index: 10; } .mainFilterSubList { width: 195px; height: auto; float: left; } #mainFilterList .filterElement { width: 90%; margin: 2px auto; display: inline-block; float: left; color: #000; } #mainFilterIcon { float: right; height: 20px; } #mainFilterIcon img { height: 20px; width: 20px; } #r372e05a59e99419a8e4374fe7fb0e983 { position: absolute; right: 100px; color: #ffffff; text-align: right; height: 40px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } .menu { width: auto; margin-left: 10px; position: fixed; } .menu li { margin: 0px; list-style: none; color: #fff; } .menu span { color: #fff; text-decoration: none; } .menu li:hover, .menu .current-item { text-decoration: none; cursor: pointer; } .menu .arrow { font-size: 11px; line-height: 0%; } .menu > ul > li { float: left; display: inline-block; position: relative; font-size: 18px; height: 40px; } .menu > ul > li > span { padding: 5px 20px; display: inline-block; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); } .menu > ul > li:hover, .menu > ul > .current-item { /* color: #94C01C;*/ text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); border-left: 1px solid white; cursor: pointer; } #main_loginform_activeUser { color: #ddd; } .main_menu_active { color: #94c01c; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); border-left: 1px solid white; background-color: black; } .menu li:hover .sub-menu { z-index: 0; opacity: 0.9; display: block; cursor: pointer; } .menu .sub-menu { width: 160%; margin-top: 0px; padding: 5px 0px; position: absolute; top: 100%; left: 0px; z-index: -1; opacity: 0; transition: opacity linear 0.1s; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); background-image: linear-gradient( to top, rgb(88, 88, 88) 0%, rgb(17, 17, 17) 20% ); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; } .menu .sub-menu li { display: block; font-size: 14px; } .menu .sub-menu li span { margin-top: 5px; padding: 10px 10px; display: block; } .menu .sub-menu li:hover, .menu .sub-menu .current-item { background: #94c01c; cursor: pointer; } /*Space*/ .spaces30 { height: 30px; width: 100%; } /*Space end*/ /*Icons*/ .invo_prodplusCls1 { fill: none; stroke: #dddddd; stroke-width: 2px; } .invo_prodplusCls2 { fill: #dddddd; } #invo_newProductImage:hover { cursor: pointer; } #invo_newProductImage:hover .invo_prodplusCls1 { stroke: #94c01c; } #invo_newProductImage:hover .invo_prodplusCls2 { fill: #94c01c; } .invoNumExport { border: none; background: transparent; width: auto; height: auto; text-align: right; color: #000; } .editBtn { float: right; margin-right: 5px; z-index: 1; border: 1px solid #ddd; color: #ddd; width: 32px; height: 27px; margin-top: -23px; line-height: 27px; vertical-align: middle; text-align: center; cursor: pointer; background-color: #95c11f; } .delBtn { float: right; margin-right: 5px; z-index: 1; border: 1px solid #ddd; color: #ddd; width: 32px; height: 27px; margin-top: -23px; line-height: 27px; vertical-align: middle; text-align: center; cursor: pointer; background-color: #bc2426; } .invo_docsListElementHidden { display: none !important; } /*Button Style end*/ /*float*/ .float-r { float: right; } .float-l { float: left; } .float-r20 { float: right; margin-right: 20px; } .float-l20 { float: left; margin-left: 20px; } .center { margin: 0 auto; width: auto; height: auto; } .va-c32 { line-height: 32px; vertical-align: middle; } .va-c40 { line-height: 40px; vertical-align: middle; } /*float end*/ /*margin und padding*/ .mrg-b5 { margin-bottom: 5px; } .mrg-b10 { margin-bottom: 10px; } .mrg-b20 { margin-bottom: 20px; } .mrg-b30 { margin-bottom: 30px; } .pdi-10 { padding: 10px; } .pdi-l30 { padding-left: 30px; } .pdi-r30 { padding-left: 30px; } .mrg-l5 { margin-left: 5px; } .mrg-l-8 { margin-left: -8px !important; } .mrg-l10 { margin-left: 10px; } .mrg-l15 { margin-left: 15px; } .mrg-l20 { margin-left: 20px; } .mrg-l25 { margin-left: 25px; } .mrg-l30 { margin-left: 30px; } .mrg-l45 { margin-left: 45px; } .mrg-r5 { margin-right: 5px; } .mrg-r10 { margin-right: 10px; } .mrg-r20 { margin-right: 20px; } .mrg-r30 { margin-right: 30px; } .mrg-t-5 { margin-top: -5px; } .mrg-t-10 { margin-top: -10px; } .mrg-t5 { margin-top: 5px; } .mrg-t10 { margin-top: 10px; } .mrg-t25 { margin-top: 25px; } .mrg-t28 { margin-top: 28px; } .mrg-t30 { margin-top: 30px; } .mrg-t40 { margin-top: 40px; } .mrg-t50 { margin-top: 50px; } /*margin und padding end*/ /*widths*/ .w30 { width: 30px; } .w40 { width: 40px; } .w60 { width: 60px; } .w65 { width: 65px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; } .w100 { width: 100px; } .w110 { width: 110px; } .w120 { width: 120px; } .w150 { width: 150px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; } .w200 { width: 200px; } .w210 { width: 210px; } .w230 { width: 230px; } .w260 { width: 260px; } .w275 { width: 275px; } .w300 { width: 300px; } .w305 { width: 305px; } .w350 { width: 350px; } .w390 { width: 390px; } .w400 { width: 400px; } .w410 { width: 410px; } .w530 { width: 530px; } .w600 { width: 600px; } .w700 { width: 700px; } .wfull { width: 100%; } /*heights*/ .hp100 { height: 100%; } .hp50 { height: 50%; } .h28 { height: 28px; } .h30 { height: 30px; } .h35 { height: 35px; } .h38 { height: 38px; } .h40 { height: 40px; } .h42 { height: 42px; } .h50 { min-height: 50px; } .h80 { min-height: 80px; } .h100 { min-height: 100px; } .h180 { min-height: 180px; } .h300 { min-height: 300px; } .h370 { min-height: 370px; } .mh30 { min-height: 30px; } .mxh30 { max-height: 30px; } /*Border*/ .main_border { border: #dddddd solid 2px; } .main_br6 { border-radius: 6px; } /*Fonts*/ .font-s15 { font-size: 15pt; } .font-bold { font-weight: bold; } .font-center, .font-c { text-align: center; vertical-align: middle; line-height: 100%; } .font-r { text-align: right; } .linethrough div { text-decoration: line-through; color: #999; } .font-color-g { color: #94c01c; } .font-color-r { color: red; } /*curser*/ .pointer { cursor: pointer; } .grab { cursor: grab; } .help { cursor: help; } /*separator*/ hr { border: none; border-top: 1px solid #94c01c; color: #ffffff; background-color: #ffffff; height: 1px; width: 100%; } /*Collums*/ .main-col1 { float: left; width: 100%; height: auto; } .main-col2 { width: 48%; height: auto; float: left; } .main-col3 { width: 30%; height: auto; float: left; } .main-col1m { float: left; width: 100%; height: auto; } .main-col2m { width: 48%; height: auto; float: left; } .main-col3m { width: 30%; height: auto; float: left; } /*Collums end*/ /*Fieldset*/ fieldset input { margin-top: 10px; float: left; height: 20px; } fieldset label { margin-top: 10px; float: left; } /*input*/ .input_requerid { border: 1px solid red !important; color: red; } input[type="checkbox"], input[type="radio"] { display: none; } input[type="checkbox"] + label span { display: inline-block; width: 22px; height: 22px; margin: 0; cursor: pointer; float: left; background: url(coms_checkbox0.png) left center no-repeat; } input[type="checkbox"] + label p { line-height: 22px; vertical-align: middle; margin: 0 10px; float: left; cursor: pointer; } input[type="checkbox"]:checked + label span { background: url(coms_checkbox1.png) left center no-repeat; } #main_content .form-group { display: flex; } .form-group-checkbox { display: flex; width: 100%; position: relative; margin: 10px 0.5em; } .form-checkbox { width: 90%; height: 35px; margin-left: 10px; } .form-checkbox input, .form-checkbox label { float: left; margin-top: 9px; } #main_content .focused .form-label { transform: translateY(-110%); font-size: 1em; } .form-group { position: relative; margin: 10px 0.5em; } .form-label { position: absolute; margin-left: 10px !important; top: 10px; color: #999; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out; font-size: 14px; } .form-labelS { margin-left: 10px !important; top: 10px; color: #999; font-size: 14px; line-height: 55px; vertical-align: middle; } .focused .form-label { transform: translateY(-115%); font-size: 0.9em; margin-left: 10px; } .form-input { position: relative; padding: 12px 1% 5px 1%; width: 98%; outline: 0; border: 1px solid #e5e5e5; transition: box-shadow 150ms ease-out; } .form-input.filled { } .form-inputCheck { position: absolute; right: 10px; height: 35px; line-height: 35px; vertical-align: middle; } .form-inputCheck img { vertical-align: middle; } .form-group .select2-container--default .select2-selection--single { border: 1px solid #e5e5e5 !important; height: 35px; width: 100%; padding-top: 12px; } .select2-container--default .select2-selection--single { border: 1px solid rgb(206, 212, 218); } .form-group .select2-selection--multiple { border: 1px solid #e5e5e5; min-height: 35px; height: auto; width: 100%; } .form-group input { height: 35px; } .form-group .select2-selection__arrow { top: 6px !important; } .form-group .select2-selection__placeholder { line-height: 17px; } .form-group .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 17px; } .form-group .select2-search__field { } .form-group textarea { border: 1px solid #e5e5e5; padding: 12px 5px 5px 5px; width: 100%; } .form-group .select2-container { width: 100% !important; } /*Select2 Bootstrap*/ .input-group > .select2-container { width: auto; flex: 1 1 auto; } .input-group > .select2-container .select2-selection--single { height: 40px; line-height: inherit; padding: 0.5rem 1rem; } .input-group-header > .select2-container .select2-selection--single { height: 30px; line-height: inherit; padding: 0rem 1rem; } .img-text { float: left; line-height: 17px; vertical-align: middle; } .coms_CB_OF[type="checkbox"] + label span { width: 80px !important; height: 24px !important; margin-left: 30px !important; background: url(coms_checkbox_off.png) left center no-repeat; margin-right: -25px !important; } .coms_CB_OF[type="checkbox"]:checked + label span { width: 80px !important; height: 24px !important; margin-left: 30px !important; background: url(coms_checkbox_on.png) left center no-repeat !important; } .coms_switch_DH[type="checkbox"] + label span { width: 60px !important; height: 24px !important; margin-left: 30px !important; background: url(coms_switch_d.png) left center no-repeat; } .coms_switch_DH[type="checkbox"] + label p { color: #9dc63d; } .coms_switch_DH[type="checkbox"]:checked + label span { width: 60px !important; height: 24px !important; margin-left: 30px !important; background: url(coms_switch_h.png) left center no-repeat !important; } .coms_switch_DH[type="checkbox"]:checked + label p { color: #9a65fc; } .coms_switch_BA4[type="checkbox"] + label span { width: 60px !important; height: 24px !important; margin-left: 30px !important; background: url(coms_cbBA40.png) left center no-repeat; } .coms_switch_BA4[type="checkbox"] + label p { color: #000000; } .coms_switch_BA4[type="checkbox"]:checked + label span { width: 60px !important; height: 24px !important; margin-left: 30px !important; background: url(coms_cbBA41.png) left center no-repeat !important; } input[type="radio"] + label span { display: inline-block; width: 22px; height: 22px; margin: 0; cursor: pointer; float: left; background: url(coms_checkbox0.png) left center no-repeat; } input[type="radio"] + label p { line-height: 22px; vertical-align: middle; margin: 0 10px; float: left; cursor: pointer; } input[type="radio"]:checked + label span { background: url(coms_checkbox1.png) left center no-repeat; } /*Input Formatierungen*/ input { height: 28px; border: 1px solid #aaa; border-radius: 4px; padding-left: 8px; padding-right: 20px; } textarea:focus, input:focus { -webkit-box-shadow: 0px 0px 5px rgba(148, 192, 28, 0.9); -moz-box-shadow: 0px 0px 5px rgba(148, 192, 28, 0.9); box-shadow: 0px 0px 5px rgba(148, 192, 28, 0.9); border: 1px solid #94c01c; } select { height: 28px; border: 1px solid #aaa; border-radius: 4px; padding-left: 8px; padding-right: 4px; } textarea { border: 1px solid #aaa; border-radius: 4px; padding: 8px; } ::-webkit-input-placeholder { color: #aaa !important; } ::-moz-placeholder { color: #aaa !important; } /* firefox 19+ */ :-ms-input-placeholder { color: #aaa !important; } /* ie */ input:-moz-placeholder { color: #aaa !important; } /*Display + input options*/ .visible { display: block; } .hidden { display: none; } .main_input_h { height: 100%; width: 100%; background: none; border: none; } .main_select_h { height: 100%; width: 100%; background: none; border: none; } .main_select_ha { height: 100%; width: 100%; background: none; border: none; color: #000000 !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #main_footerFeedback { position: fixed; z-index: 9999; right: 0px; bottom: 0px; width: 40px; border-radius: 100%; height: 40px; text-align: center; font-size: 22px; padding-top: 5px; background: #343a40; } #main_feedbackModalForm, #main_feedbackModal { z-index: 9999; position: relative; } /*Tamplates vor Editor*/ #main_templatesOverall { z-index: 10; right: 0; top: 0; width: 300px; height: 100vh; border-left: 2px solid #ddd; position: fixed; } #main_templatesHeader { height: 45px; line-height: 45px; font-size: 28px; text-align: center; vertical-align: middle; color: #94c01c; } .main_templatesElement { min-height: 45px; border-bottom: 1px solid #ddd; width: 100%; padding: 5px; cursor: pointer; } /*Tabs*/ .coms_Tab { display: none; } /*Tabellen*/ .coms_table { border: 2px solid #88b23c; width: 100%; text-align: left; border-collapse: collapse; } .coms_table tbody tr:nth-child(even) { background: #eee; } .coms_table tbody tr:nth-child(odd) { background: #fff; } .coms_table td, .coms_table th { border: 1px solid #88b23c; padding: 4px 8px; } .coms_table thead { background: #88b23c; background: -moz-linear-gradient(top, #a6c56d 0%, #94b94f 66%, #88b23c 100%); background: -webkit-linear-gradient( top, #a6c56d 0%, #94b94f 66%, #88b23c 100% ); background: linear-gradient(to bottom, #a6c56d 0%, #94b94f 66%, #88b23c 100%); border-bottom: 1px solid #444444; } .coms_table thead th { font-size: 15px; font-weight: bold; color: #ffffff; text-align: center; border-left: 2px solid #d0e4f5; } .coms_table thead th:first-child { border-left: none; } .coms_table tfoot td { font-size: 21px; } /*.ui-dialog{z-index: 9999!important;}/*Modal box*/ #main_modal_inner, .main_modal_inner { height: auto; display: contents; } .comsEditTabs { width: 100%; height: 98%; overflow: hidden; position: relative; display: grid; } .coms_tabsContetn { display: inline-block; width: 100%; overflow-y: scroll; background-color: rgba(255, 255, 255, 0.8); } /*Schadow*/ .main-shadow { -webkit-box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 1); -moz-box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 1); box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 1); } /*Sortierbare Listen*/ .main_sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } .main_sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } .main_sortable li span { position: absolute; margin-left: -1.3em; } /*Coms default Farben */ .cbc_green { color: #000000; background: rgb(230, 255, 230); /* Old browsers */ background: -moz-linear-gradient( top, rgba(230, 255, 230, 1) 0%, rgba(255, 255, 255, 1) 85% ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(230, 255, 230, 1) 0%, rgba(255, 255, 255, 1) 85% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to bottom, rgba(230, 255, 230, 1) 0%, rgba(255, 2550, 255, 1) 85% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .cbc_yellow { color: #000000; background: rgb(241, 218, 54); /* Old browsers */ background: -moz-linear-gradient( top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 85% ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 85% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to bottom, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 85% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .cbc_red { color: #000000; background: rgb(255, 58, 58); /* Old browsers */ background: -moz-linear-gradient( top, rgba(255, 58, 58, 1) 0%, rgba(255, 238, 237, 1) 85%opacity ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(255, 58, 58, 1) 0%, rgba(255, 238, 237, 1) 85% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to bottom, rgba(255, 58, 58, 1) 0%, rgba(255, 238, 237, 1) 85% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /*Dragghandler*/ .coms_draggable_dragging { padding: 2px; z-index: 888; opacity: 0.9; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); border: 2px solid #ddd; border-radius: 4px; background-color: #fff; min-height: 24px; min-width: 40px; } /*Start*/ #start_quickBox { list-style: none; text-decoration: none !important; } #start_quickBox li { position: relative; width: 5em; height: 5em; float: left; border: #aaaaaa 1px solid; border-radius: 6px; background-color: #fdfcfc; margin-left: 20px; margin-bottom: 20px; } #start_quickBox li:hover { background: #ffffff; cursor: pointer; } #start_quickBox li img { margin: 0 auto; vertical-align: middle; width: 100%; height: auto; } #start_quickBox li svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; } .start_right_todo_item { width: 95%; min-height: 10px; border: 1px #ccc solid; border-radius: 5px; background-color: #eee; color: #94c01c; padding: 10px; margin-top: 10px; cursor: pointer; float: left; } .start_right_todo_item a { text-decoration: none; display: block; } /*Status farben*/ .allowed { background: #ccffcc !important; } .coms_status_none { background: none; } .coms_status_green { background: rgb(178, 222, 148); background: -moz-linear-gradient( top, rgba(178, 222, 148, 1) 20%, rgba(200, 255, 200, 1) 85% ); background: -webkit-linear-gradient( top, rgba(178, 222, 148, 1) 20%, rgba(200, 255, 200, 1) 85% ); background: linear-gradient( to bottom, rgba(178, 222, 148, 1) 20%, rgba(200, 255, 200, 1) 85% ); } .coms_status_red { background: rgb(188, 36, 38); background: -moz-linear-gradient( top, rgb(188, 36, 38) 20%, rgba(255, 190, 186, 1) 85% ); background: -webkit-linear-gradient( top, rgb(188, 36, 38) 20%, rgba(255, 190, 186, 1) 85% ); background: linear-gradient( to bottom, rgb(188, 36, 38) 20%, rgba(255, 190, 186, 1) 85% ); } .coms_status_yel { color: #000000; background: rgb(241, 218, 54); background: -moz-linear-gradient( top, rgba(241, 218, 54, 1) 0%, rgba(255, 250, 200, 1) 85% ); background: -webkit-linear-gradient( top, rgba(241, 218, 54, 1) 0%, rgba(255, 250, 200, 1) 85% ); background: linear-gradient( to bottom, rgba(241, 218, 54, 1) 0%, rgba(255, 250, 200, 1) 85% ); } .coms_status_orange { color: #000000; background: rgb(60, 100, 250); background: -moz-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 212, 182, 1) 85% ); background: -webkit-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 212, 182, 1) 85% ); background: linear-gradient( to bottom, rgba(60, 100, 250, 0.5) 0%, rgba(255, 212, 182, 1) 85% ); } .coms_status_orange1 { color: #000000; background: rgb(60, 100, 250); background: -moz-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 190, 186, 1) 85% ); background: -webkit-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 190, 186, 1) 85% ); background: linear-gradient( to bottom, rgba(60, 100, 250, 0.5) 0%, rgba(255, 190, 186, 1) 85% ); } .coms_status_orange2 { color: #000000; background: rgb(60, 100, 250); background: -moz-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 160, 140, 1) 85% ); background: -webkit-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 160, 140, 1) 85% ); background: linear-gradient( to bottom, rgba(60, 100, 250, 0.5) 0%, rgba(255, 160, 140, 1) 85% ); } .coms_status_orange3 { color: #000000; background: rgb(60, 100, 250); background: -moz-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 58, 58, 1) 90% ); background: -webkit-linear-gradient( top, rgba(60, 100, 250, 0.5) 0%, rgba(255, 58, 58, 1) 90% ); background: linear-gradient( to bottom, rgba(60, 100, 250, 0.5) 0%, rgba(255, 58, 58, 1) 90% ); } .start_right_todo_status_2 { color: #000000; background: rgb(241, 218, 54); background: -moz-linear-gradient( top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 85% ); background: -webkit-linear-gradient( top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 85% ); background: linear-gradient( to bottom, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 85% ); } .start_right_todo_status_3 { color: #000000; background: rgb(188, 36, 38); background: -moz-linear-gradient( top, rgba(188, 36, 38) 0%, rgba(255, 238, 237, 1) 85% ); background: -webkit-linear-gradient( top, rgba(188, 36, 38) 0%, rgba(255, 238, 237, 1) 85% ); background: linear-gradient( to bottom, rgba(188, 36, 38) 0%, rgba(255, 238, 237, 1) 85% ); } .start_box_col1 { max-height: 300px; overflow-y: scroll; } .start_box_col3 { max-height: 400px; overflow-y: scroll; } /*Invo list*/ .invo_payDate { text-align: center; } /*Select2 overrides*/ .comsSelect2DropDown { width: auto !important; } .select2-dropdown { z-index: 9999 !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-radius: 0px !important; min-height: 20px !important; } .select2-container--default .select2-selection--multiple { border-radius: 0px !important; min-height: 20px !important; } .select2-container--default .select2-selection--multiple { border: 1px solid #e5e5e5; border-radius: 4px !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #e5e5e5; border-radius: 4px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 2px 8px; background-color: #f0f0f0; } /*Datatables Overrieds*/ div.dt-buttons { margin-top: 5px; } .main_DTHeaderFix { position: fixed; top: 60px; right: 20px; font-size: 25px; color: #94c01c; text-shadow: 1px 1px 2px rgba(48, 48, 48, 1); } .main_DTHeader { font-size: 25px; color: #94c01c; width: 100%; height: auto; margin-bottom: 10px; } .dataTables_filter input { margin-top: 0 !important; } #proj_table_filter, #ambu_table_filter, #educ_table_filter, #ress_table_filter, #stat_table_filter, #prod_table_filter, #car_table_filter, #offert_table_filter, #invo_tableKV_filter, #invo_table10_filter, #invo_table30_filter, #invo_table_filter, #invo_tableIncom_filter, #hbtimeList_Table_filter, #accountingEntryTable_filter, #eventListTable_filter, .dataTables_filter { float: right !important; } #proj_table_paginate, #ambu_table_paginate, #educ_table_paginate, #ress_table_paginate, #stat_table_paginate, #prod_table_paginate, #car_table_paginate, #offert_table_paginate, #invo_tableKV_paginate, #invo_table_paginate, #invo_tableIncom_paginate, #hbtimeList_Table_paginate, #accountingEntryTable_paginate, #eventListTable_paginate, .dataTables_paginate { margin-left: 360px; } .dataTables_scrollHead ui-state-default { border: none !important; } .dataTables_scrollHeadInner { width: 100% !important; } .dataTable { width: 100% !important; } #cust_table_length { margin-bottom: 10px; } div.dt-buttons { width: 100%; } div.dt-buttons:hover { font-weight: bold; } table.dataTable thead th.ui-state-default, table.dataTable tfoot th.ui-state-default { color: #000000; background: #ffffff !important; border: none; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #94c01c; } table.dataTable.no-footer { border-bottom: 1px solid #94c01c; } table.dataTable tr { color: #000; } /* .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #000 !important; border: 1px solid #979797; background-color: #94c01c; background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #94c01c), color-stop(100%, #94c01c) ); background: -webkit-linear-gradient(top, #94c01c 0%, #94c01c 100%); background: -moz-linear-gradient(top, #94c01c 0%, #94c01c 100%); background: -ms-linear-gradient(top, #94c01c 0%, #94c01c 100%); background: -o-linear-gradient(top, #94c01c 0%, #94c01c 100%); background: linear-gradient(to bottom, #94c01c 0%, #94c01c 100%); } */ table.display.dataTable > tbody > tr.selected > *, table.display.dataTable > tbody > tr.odd.selected > * { box-shadow: inset 0 0 0 9999px rgba(240, 126, 32, 0.1); background: -webkit-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -moz-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -ms-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -o-linear-gradient(top, #fcb068 0%, #d16804 100%); background: linear-gradient(to bottom, #fcb068 0%, #d16804 100%); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background: #94c01c !important; } table.display.dataTable:hover > tbody:hover > tr.selected:hover > *, table.display.dataTable:hover > tbody:hover > tr.odd.selected:hover > * { background: #94c01c !important; } /* table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1, table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2, table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3, table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover { background: #94c01c !important; } */ table.dataTable tbody td { padding: 2px 10px; height: 32px; } /*Butten Style*/ .coms_btn { width: auto; height: 28px; line-height: 28px; vertical-align: middle; position: relative; display: inline-block; box-sizing: border-box; padding: 0 1em; cursor: pointer; font-size: 1em; white-space: nowrap; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9'); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; outline: none; text-align: center; font-weight: bold; } .coms_btn a { text-decoration: none; display: inline-block; } /*summernote Overrieds*/ .note-status-output { visibility: hidden; height: 1px; } .noteA4 .note-editable { width: 21cm; min-height: 80%; height: auto; margin: 20px auto; /* background: linear-gradient(180deg, #eee 2px, transparent 2px) 1px 0, #fff; background-attachment: scroll; background-size: 1px 29.7cm ;*/ border: 1px solid rgba(204, 204, 204, 1); -webkit-box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 1); -moz-box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 1); box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 1); overflow: hidden !important; padding-bottom: 10px; } .noteA4 { background: #f5f5f5; height: 100%; position: relative; } .noteA4 .note-editing-area { height: 95%; overflow: scroll !important; } .noteA4 .note-placeholder { width: 100%; margin-top: 30px; text-align: center; } .note-editor > .note-toolbar { white-space: normal; } .fullscreen .CodeMirror { height: 90vh !important; } .note-modal-backdrop { display: none !important; } .note-modal-body input { height: 35px; padding: 12px 4px 5px 4px; } /*jQuery Overrieds*/ .ui-icon, .ui-widget-content .ui-icon { background-image: url("ui-icons_94C01C_256x240.png"); } .ui-icon.orange { background-image: url("ui-icons_d16804_256x240.png"); } .ui-icon.white { background-image: url("ui-icons_ffffff_256x240.png"); } .ui-icon.green { background-image: url("ui-icons_94C01C_256x240.png"); } .ui-tabs .ui-tabs-nav li { border-bottom-width: 1px; } .ui-dialog-titlebar-close::before { content: "X"; } /*DP*/ .overDAfter { position: absolute; right: 18px; bottom: 0; background-image: url("ui-icons_555555_256x240.png"); } .overDBefore { position: absolute; left: 5px; bottom: 0; background-image: url("ui-icons_555555_256x240.png"); } .ui-button { color: #94c01c; font-weight: bold; border-radius: 0px; } .ui-button:active .ui-icon, .ui-button:focus .ui-icon { background-image: url("ui-icons_d16804_256x240.png"); } .ui-button:active, .ui-button:focus, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #d16804; border: 2px solid #d16804; box-shadow: 0 0 3px 1px #d16804; font-weight: bold; outline-style: none; } .ui-state-active .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon { background-image: url(ui-icons_ffffff_256x240.png); } .ui-widget-header { border: 2px solid #ddd; border-radius: 0px; color: #94c01c; } .ui-widget { font-family: "Arial"; } .ui-dialog-buttonset > .ui-button { float: left; } .ui-dialog .ui-dialog-titlebar-close { top: 46%; } .ui-dialog-titlebar-close .ui-icon-closethick { margin-top: -8px; margin-left: -9px; } .ui-widget-content a { color: #94c01c; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: bold; color: #94c01c; } .coms_btn_focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #bbbbbb !important; background: #94c01c url(ui-bg_inset-hard_30_94C01C_1x100.png) 50% 50% repeat-x; color: #ffffff !important; } .coms_btn_focus > .ui-icon, .coms_btn:hover > .ui-icon { background-image: url("ui-icons_ffffff_256x240.png"); } .coms_btn_active { color: #d16804 !important; border: 1px solid #d16804; box-shadow: 0 0 3px 1px #d16804; font-weight: bold; outline-style: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { border: 1px solid #bbbbbb; background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #fcb068), color-stop(100%, #d16804) ); background: -webkit-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -moz-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -ms-linear-gradient(top, #fcb068 0%, #d16804 100%); background: -o-linear-gradient(top, #fcb068 0%, #d16804 100%); background: linear-gradient(to bottom, #fcb068 0%, #d16804 100%); color: #ffffff; text-decoration: none; font-weight: bold; } .ui-state-active:focus, .ui-widget-content:focus .ui-state-active:focus, .ui-widget-header:focus .ui-state-active:focus { border: 1px solid #bbbbbb !important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #94c01c; } .ui-state-default a:hover { color: #fff; } .ui-tabs-active a { outline-style: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; } .coms-highlight { background: #fffa90; } /*jquery Mobile Overrieds*/ .ui-content { padding: 0; } .ui-icon { width: 16px; height: 16px; } .ui-accordion-header .ui-accordion-header-icon { position: relative; left: -0.15em; margin-top: -2px; } .ui-toolbar, .ui-toolbar-header, .ui-toolbar-footer { border-width: 0; border-style: none; } button.ui-button, input.ui-button { width: auto; min-width: 20px; min-height: 20px; padding: 5px 10px; } /*alpaca-form Overrieds*/ .alpaca-form input[type="checkbox"], .alpaca-form input[type="radio"] { display: inline-block; vertical-align: middle; } /*dienstplan*/ .fc-higlightRow { background-color: rgba(254, 216, 177, 0.3) !important; background-image: none; } .fc-today { background-color: #fcf8e3 !important; } .scheHolliday { background-color: #ebfae9 !important; } .hbDP_finish { background-color: green !important; } .hbDP_error { background-color: red !important; } .hbDP_gray { background-color: grey !important; } .dpVehicle { background-color: #656565; } .hbDP_DIE { background-color: #3a87ad !important; background-image: none; } .hbDP_KRA { background-color: #bf2a23 !important; background-image: none; } .hbDP_URL { background-color: #c84663 !important; background-image: none; } .hbDP_INN { background-color: #ff0000 !important; background-image: none; } .hbDP_SD { background-color: #2cff5d !important; background-image: none; } .hbDP_ZEI { background-color: #fad02f !important; background-image: none; } .hbDP_INF { background-color: #ffffff !important; background-image: none; border-color: #9a65fc; } .hbDP_REP { background-color: #c84663 !important; background-image: none; } .hbDP_SER { background-color: #bf2a23 !important; background-image: none; } .hbDP_GRU { background-color: #fad02f !important; background-image: none; } .refDP { background-color: #dddddd !important; background-image: none; } .eventDPt { background-color: #42baf2; background-image: none; } .eventDPtB { border: 1px solid #42baf2; background-image: none; } .eventSoFr { background-color: purple; border-color: purple; color: #fff; } .color-violett { color: #9a65fc; } .status9999, .status9001 { background: #fff !important; border: 1px solid #0090b1 !important; } .status9999 div, .status9001 div { background: #fff !important; color: #0090b1 !important; } .status9999 .dpDayEventCheck, .status9001 .dpDayEventCheck { display: none; } .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1800px; } #main_userToolTip { position: absolute; display: none; border: 2px solid #ddd; background: #fff; z-index: 1; height: 120px; width: 330px; white-space: normal; font-size: 12px; -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35); } #main_userToolTip img { width: 70px; height: 70px; margin: 5px; border-radius: 200px; float: left; } #main_userToolTip span { float: right; margin-right: 5px; cursor: pointer; } #dpSplitTime { margin: 2px auto; display: table; } #EventSplit { margin: 2px auto; display: table; } #dpSplitTimeTitle { margin-left: 20px; } .UserTooltipMood { color: #a7a8aa; margin-left: 5px; float: left; } .sche_EventIDTable { font-size: 14px; border: 2px solid #88b23c; width: 100%; text-align: left; border-collapse: collapse; } .sche_EventIDTable tr:nth-child(even) { background: #eeeeee; } .sche_EventIDTable td, .sche_EventIDTable th { border: 1px solid #88b23c; padding: 4px 8px; } .sche_EventIDTable thead { background: #88b23c; background: -moz-linear-gradient(top, #a6c56d 0%, #94b94f 66%, #88b23c 100%); background: -webkit-linear-gradient( top, #a6c56d 0%, #94b94f 66%, #88b23c 100% ); background: linear-gradient(to bottom, #a6c56d 0%, #94b94f 66%, #88b23c 100%); border-bottom: 1px solid #444444; } .sche_EventIDTable thead th { font-size: 15px; font-weight: bold; color: #ffffff; text-align: center; border-left: 2px solid #d0e4f5; } .sche_EventIDTable thead th:first-child { border-left: none; } .sche_EventIDTable tfoot td { font-size: 21px; } #sche_Log { position: fixed; left: 0; top: 50%; width: 100vw; height: auto; border: 2px solid #dddddd; background-color: #ffffff; z-index: 1; } /*file Module*/ .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .fileBox label { font-size: 1.25em; font-weight: 700; text-align: center; color: #898c8f; background-color: rgba(255, 255, 255, 0.8); padding: 30px 0; width: 100%; height: 100%; /* margin: 0; */ border-radius: 15px !important; } .fileBoxUploadBtn { margin-left: 5%; } .fileBox { background-color: rgba(255, 255, 255, 0.8); outline: 2px dashed #c0c0c0 !important; margin: 10px auto; width: 250px; height: 130px; display: block; border-radius: 15px !important; float: left; } .inputfile:focus + label, .fileBox label:hover { background-color: #e8e9ec; } .inputfile + label { cursor: pointer; } .inputfile:focus + label { /* outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; */ } .fileOutput { height: 100%; width: 100%; } .fileOutput::-webkit-scrollbar:vertical { visibility: visible; width: 12px; } .fileOutput::-webkit-scrollbar:horizontal { visibility: hidden; height: 0px; } .fileWorkerDiv { border: 1px solid #c0c0c0; border-radius: 5px; margin-bottom: 5px; } .fileWorkerDiv:hover { border: 1px solid #95c11f; border-radius: 5px; } .bi-x:hover { color: red; } .fileWorkerRow { display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; padding: 0.5% 2%; height: 30px; line-height: 30px; vertical-align: middle; cursor: pointer; } .fileWorkerRow:hover { background: #94c01c; } .fileWorkerImg { line-height: 30px; vertical-align: middle; } .fileWorkerText { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 18px; } .fileWorkerUploadTime { float: right; margin-right: 5px; flex-shrink: 0; } .file_hidden { display: none; } .fileWorkerThumbnail { cursor: pointer; margin-right: 2%; margin-top: 5px; overflow: hidden; list-style: none; } .fileWorkerThumbnailmultiple { width: 75px; height: 75px; float: left; border: 1px solid #95c11f; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Horizontal, Vertikal, Weichzeichnung, Farbe */ } .fileWorkerThumbnailmultiple img { height: auto; width: auto; max-width: 70px; max-height: 30px; margin: 0 auto; display: block; } .fileWorkerThumbnailsingle { width: 100%; height: auto; margin: 0 auto; list-style: none; } .fileWorkerThumbnailsingle img { height: auto; width: auto; max-width: 100%; max-height: 200px; margin: 0 auto; display: block; } .fileWorkerStatusmultiple { width: 75px; height: 40px; z-index: 99; margin-top: -34px; position: absolute; } .fileWorkerStatusmultiple .fileWorkerImgDel { margin-top: -12px; } .fileImgDiv { width: 100%; height: 75px; margin-top: 5px; } .fileWorkerStatussingle { width: 100%; height: 18px; margin-top: 122px; background: #f5f5f5; border-top: 1px solid #ddd; padding: 5px; } .fileWorkerStatussingle .fileWorkerImgDel { margin-top: -12px; } .fileWorkerImgDel { display: none; } .fileWorkerThumbnail:hover .fileWorkerImgDel { display: block; } .progress-bar { width: 200px; height: 20px; border: 2px solid; } .percent { height: 16px; padding: 2px; float: left; max-width: 200px; width: 0%; background-color: #008000; } .loading { display: block; } .box__dragndrop, .box__uploading, .box__success, .box__error { display: none; } .box.has-advanced-upload .box__dragndrop { display: block; } .box.is-dragover { background-color: grey; } .box.is-uploading .box__input { visibility: hidden; } .box.is-uploading .box__uploading { display: block; } .box__button { display: none; } .no-js .box__button { display: block; } /*Inst*/ .inst_ModuleTable tr { height: 32px; } /*Relationship*/ .relaBox { border: #ddd solid 1px; min-height: 100px; margin-bottom: -1px; background-color: #fff; } .relaBox2 { border: #ddd solid 1px; background-color: #f1f1f1; } .relaTitle { border: #ddd solid 1px; background-color: #f1f1f1; color: #94c01c; text-align: center; height: 30px; line-height: 30px; vertical-align: middle; margin-bottom: -1px; } .realiconPlus { margin: 5px auto; cursor: pointer; display: table; } .relaEntry { margin-top: 5px; } .relaEntryImg { width: 5%; float: left; padding: 0 1%; } .relaEntryTitle { width: 68%; float: left; margin-left: 10px; overflow: hidden; } .relaEntryType { width: 20%; height: 18px; float: right; margin-right: 10px; overflow: hidden; } .relaEditGear { margin-top: 20px; cursor: pointer; } .comsLoading { position: relative; background-color: #f1f1f1; overflow: hidden; padding: 1rem; } .comsLoading p { background-color: #d2d2d2; margin: 0.5rem; min-width: 20%; height: 1rem; } .comsLoading::after { display: block; content: ""; position: absolute; width: 100%; height: 100%; transform: translateX(-100%); background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent ); animation: comsLoading 1.5s infinite; } @keyframes comsLoading { 100% { transform: translateX(100%); } } /* fullcalender */ @media (max-width: 767px) { .fc-toolbar.fc-header-toolbar { display: flex; flex-direction: column; } .fc-toolbar.fc-header-toolbar .fc-left { order: 3; } .fc-toolbar.fc-header-toolbar .fc-center { order: 1; } .fc-toolbar.fc-header-toolbar .fc-right { order: 2; } } #main_timerDiv { margin-top: 50px; width: 245px; height: 66px; float: right; z-index: 1; right: 0; background: #a7a8aa; position: absolute; color: #fff; font-size: 24px; } #main_timerDiv > #stopTime { font-size: 17px; } .overflow-y { overflow-x: hidden; } .overflow-x { overflow-y: hidden; } .nav-item .nav-link.active { background: linear-gradient(to bottom, #95c11f, #7caa1a); color: white; font-weight: bold; } .nav-item .nav-link:hover { background: linear-gradient(to bottom, #f07e20, #d16804); color: white; /* font-weight: bold; */ transition: none; } .nav-item .nav-link:focus { outline: none; } .modern_textarea { min-height: 150px; resize: vertical; padding-top: 30px !important; padding-left: 20px !important; } .btn_hov { color: #95c11f; } .btn_hov:hover { background-color: #f07e20; color: white; border-color: #f07e20; } .thead-coms { background-color: #bbb; color: white; } .tbody-coms { background-color: #eee; } .thead-dark { background-color: #95c11f !important; color: white; } #showMoreZaDetails:hover { color: #f07e20; text-decoration: underline; } .dataTables_scrollBody { background-color: #fff; } #proj_ProdList100, #proj_ProdList100_wrapper, #proj_ProdList0 { background-color: #fff; color: white; } #proj_ProdList0_wrapper { color: white; } #proj_ProdList0_wrapper table thead tr th { color: white; } .unselectable { user-select: none; } .bg-customdark { background-color: #343a40; color: #ffffff; } .modernScrollbar::-webkit-scrollbar { width: 8px; /* Breite des Scrollbalkens */ } .modernScrollbar::-webkit-scrollbar-thumb { background: linear-gradient( 45deg, #888, #999 ); /* Farbverlauf für den Scrollbalken-Daumen */ /* border-radius: 3px; */ transition: background 0.3s ease; /* Animationsübergang für den Scrollbalken-Daumen */ } .modernScrollbar::-webkit-scrollbar-thumb:hover { background: #555; /* Neue Farbe beim Hovern */ } .modernScrollbar::-webkit-scrollbar-track { background-color: #f1f1f1; /* Farbe des Scrollbalken-Tracks */ /* border-radius: 3px; */ } .borderShadowTemplate { margin: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Beispiel-Schattenwert */ } .borderWithoutShadowTemplate { margin: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Beispiel-Schattenwert */ } /* texteditor */ .fullscreen { margin-top: 50px; } /* resssType Type auswählen */ .ressTypeFrame { padding: 0 5px; border: 2px solid #ddd; border-radius: 4px; height: 30px; margin: 3px auto; } .ressTypeText { line-height: 30px; vertical-align: middle; padding: 0 10px; } .ressTypeFrame:hover { background-color: #94c01c; color: #ffffff; } .shake { animation: shake 0.5s; animation-iteration-count: 1; } @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-5px); } 100% { transform: translateX(0); } }