*:not(i) { font-family: "objektiv-mk3" !important; } html { scroll-behavior: smooth; } body { color: #000; background-color: #fff; font-size: 14px; } /*** !IMPORTANT OVERWRITES ***/ .bg-info { background-color: #f1f1f1 !important; color: #343a40!important; } .dz-message h5.text-muted { color: #999 !important; } .clockpicker-tick.active, .clockpicker-tick:hover { background-color: rgba(255,103,21,1.00) !important; background-color: rgba(255,103,21,.25) !important; } /*** RESETS ***/ button:focus, :focus, .focus, .btn.btn-primary:focus, .btn.btn-secondary:focus, .btn.btn-link:focus, .form-control:focus, .form-control.focus, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle, .custom-control-input:focus ~ .custom-control-label::before, .ui-dialog-buttonset button:first-child:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus, .btn-link, .btn.btn-link:link, .btn.btn-link:visited, .btn.btn-link:hover, .btn.btn-link:active, .ui-dialog-buttonset button:first-child, .ui-dialog-buttonset button:first-child:hover, .ui-dialog-buttonset button:first-child:active, .modal-content, .ui-dialog.ui-widget.ui-widget-content { outline: none !important; text-decoration: none !important; box-shadow: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { background-image: none; box-shadow: 0 0 0px 1000px #f1f1f1 inset !important; transition: background-color 5000s ease-in-out 0s; } /***************/ /*** CLASSES ***/ /***************/ .row { margin-top: 32px; margin-bottom: 32px; } .container-fluid { padding: 0 32px; } .w-5 { width: 5%!important; } .w-10 { width: 10%!important; } .w-15 { width: 15%!important; } .w-20 { width: 20%!important; } .w-25 { width: 25%!important; } .w-30 { width: 30%!important; } .w-35 { width: 35%!important; } .w-40 { width: 40%!important; } .w-45 { width: 45%!important; } .w-60 { width: 60%!important; } .w-65 { width: 65%!important; } .w-70 { width: 70%!important; } .w-75 { width: 75%!important; } .w-80 { width: 80%!important; } .w-85 { width: 85%!important; } .w-90 { width: 90%!important; } .w-95 { width: 95%!important; } .icon-wrapper { width: 22px; } .cursor-pointer { cursor: pointer !important; } /******************/ /*** TYPOGRAPHY ***/ /******************/ a:hover, a:active { text-decoration: none; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h2, h3, h5, h6 { margin-bottom: 16px; } /*** FONT WEIGHTS ***/ h1, h2, h3, h4, h5, h6, strong, b, .table thead th, .hint-title, .ui-widget-header { font-weight: 500; } /*** FONT SIZES ***/ h1, i.zmdi.counter-icon { font-size: 47px; } h2 { font-size: 34px; } .light-subtitle { font-size: 28px; } h3, .sidebar li.nav-item { font-size: 24px; } i.zmdi, i.fa { font-size: 22px; } h4, .ui-dialog-title { font-size: 20px; } h5, .icon-wrapper i.zmdi, .inquiry-widgets i.zmdi, #order-table i, #dashboard-orders i { font-size: 18px; } i.zmdi.zmdi-spinner { font-size: 17px !important; } h6 { font-size: 16px; } .btn, .form-control, .input-group-text, .ui-dialog-buttonset button, .dropdown-menu { font-size: 14px; } /*** FONT COLORS ***/ table, .table, .form-control, .form-control:focus, .bootstrap-select .btn.btn-light, .bootstrap-select .btn.btn-light:hover, .dropdown-menu, .dropdown-menu>li>a, .bootstrap-select .dropdown-toggle:focus, .alert-success, a .counter, a .counter-title, .btn.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active:hover, .btn-primary:not(:disabled):not(.disabled):active:hover, .show>.btn-primary.dropdown-toggle:hover, .ui-dialog-buttonset button:nth-child(2):hover, .btn.btn-secondary, .ui-dialog.ui-widget.ui-widget-content, .card-header, .ui-dialog-titlebar.ui-widget-header, .ui-dialog-content.ui-widget-content, .tooltip-inner, .sidebar a.active, .sidebar li.nav-item:hover a, footer ul li a:link, footer ul li a:visited, .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .btn-group-toggle.btn-group-with-images label:hover h6, .dropdown-menu[role="combobox"] .dropdown-item:hover { color: #000000; } .text-orange, .input-group-text, .next, .prev, .text-primary, a:link, a:visited, #userLogout, .btn-link, .btn.btn-link:link, .btn.btn-link:visited, .ui-dialog-buttonset button:first-child, i.zmdi.counter-icon { color: #ff6715; } a:hover, .btn.btn-link:hover, .btn.btn-link:active, .ui-dialog-buttonset button:first-child:hover, .ui-dialog-buttonset button:first-child:active, .text-grey, .light-subtitle, .nav-tabs .nav-link.tab-group-title, .nav-tabs .nav-link.tab-group-title:hover, .topbar-nav .dropdown-menu>li>a:hover, .dz-message { color: #999999; } .text-white, .dropdown-item:hover, .dropdown-item:active, .dropdown-item.active, .btn.btn-primary[disabled="disabled"]:hover, .pbtns label a:hover, .pbtns label:hover a, .pbtns label.active a, a:hover .counter, a:hover .counter-title , a:active .counter, a:active .counter-title, .bg-orange i.zmdi.counter-icon, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .btn.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .ui-dialog-buttonset button:nth-child(2), .btn.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active a, .btn-secondary:not(:disabled):not(.disabled).active:hover a, .btn-secondary:not(:disabled):not(.disabled):active a, .btn-secondary:not(:disabled):not(.disabled):hover a, .show>.btn-secondary.dropdown-toggle a, .card-counter-button:hover, .card-counter-button:hover i.zmdi, .card-hint .close, .card-hint .card-header, .card-hint .card-body, .card-hint .card-footer, .sidebar, .sidebar a.ig-menu-toggler, .alert-danger, .btn-group-toggle.btn-group-with-images .btn-img:hover h6, .dropdown-menu>li.selected>a { color: #ffffff; } /*******************/ /*** BACKGROUNDS ***/ /*******************/ .ui-dialog-buttonset button:first-child { background: none; } .bg-grey, tr.tr-clickable:hover, tr.tr-inner, td.inner-table, .form-control, .input-group-text, .bootstrap-select .btn.btn-light, .bootstrap-select .btn.btn-light:hover, .form-control, .input-group-text, .bootstrap-select .btn.btn-light, .bootstrap-select .btn.btn-light:hover, .dropzone, .dropdown-menu[role="combobox"] .dropdown-item:hover { background-color: #f1f1f1; } .card-footer { background-color: #f9f9f9; } #mediaview .card, .orderTemplate-container .card { height: 100%; } .bg-orange, [id*=filter]:hover, .nav-item.active [id*=filter], .activeAttributeValue.active .activeAttributeValueInner[class*=filter], .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .dropdown-item:hover, .dropdown-item:active, .dropdown-item.active, .btn-group-with-images .btn-secondary.active .btn-img, .btn-group-with-images .btn-secondary .btn-img:hover, .btn.btn-primary, .btn.btn-primary:disabled, .btn.btn-primary[disabled="disabled"]:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn.btn-secondary:hover, .show>.btn-primary.dropdown-toggle, .ui-dialog-buttonset button:nth-child(2), .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled).active:hover, .btn-primary:not(:disabled):not(.disabled):active:hover, .show>.btn-primary.dropdown-toggle:hover, .card-counter-button:hover, .card-hint .card-header, .card-hint .card-body, .card-hint .card-footer, .sidebar, .correction-icon:hover, li.selected, .dropdown-menu[role="combobox"] .dropdown-item.selected:hover { background-color: #ff6715; } tbody thead tr:nth-child(1) th, .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled).active, .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled).active:hover, .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled):hover, .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled):active, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled), .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled):hover, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled):active, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled).active, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled).active:hover { background-color: transparent; } .btn-group-image-tool, .btn-group-for-fw, .modal-body .imageEditor .tui-image-editor-main .tui-image-editor-wrap, .modal-body .imageEditor .tui-image-editor-container .tui-image-editor-controls, .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:after, .alert-success, .nav-tabs .nav-link.tab-group-title, .nav-tabs .nav-link.tab-group-title:hover, .btn.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active:hover, .btn-primary:not(:disabled):not(.disabled):active:hover, .show>.btn-primary.dropdown-toggle:hover, .ui-dialog-buttonset button:nth-child(2):hover, .btn.btn-secondary, .card-header, .ui-dialog-titlebar.ui-widget-header, .tooltip-inner, .topbar-nav .dropdown-menu, .sidebar a.active, .sidebar li.nav-item:hover { background-color: #ffffff; } .alert-danger, .formError .formErrorContent, .formError .formErrorArrow div { background-color: #ff3333; } /***************/ /*** BORDERS ***/ /***************/ .btn.btn-link, .ui-dialog-buttonset button:first-child, .ui-dialog-buttonset button:first-child:hover, .ui-dialog-buttonset button:first-child:active, .btn-group-with-images .btn.btn-secondary:not(:disabled):not(.disabled), .btn-group-with-images .btn.btn-secondary:not(:disabled):not(.disabled):hover, .nav-tabs, .nav-tabs .nav-link, .card-hint .card-header, .card-hint .card-body, .card-hint .card-footer, .topbar-nav .dropdown-menu, .formError .formErrorContent { border-radius: 0; border: 0; } .card, .modal-content, .ui-dialog.ui-widget.ui-widget-content, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled), .ui-dialog-titlebar.ui-corner-all, .tooltip-inner { border-radius: 0; } .card-header, .ui-dialog-titlebar.ui-widget-header, .ui-dialog-titlebar.ui-widget-header, .ui-dialog-content.ui-widget-content, .ui-dialog-buttonpane.ui-widget-content, #layoutDialog, div.ui-dialog.ui-widget.ui-widget-content.ui-front, .ui-dialog-content.ui-widget-content, button.ui-dialog-titlebar-close, .nav-tabs-horizontal { border: 0; } .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled) { border-width: 1px; border-style: solid; border-color: #ffffff; } .custom-control-label:before, .custom-control-input:focus:not(:checked)~.custom-control-label::before, .custom-control-input:not(:disabled):active~.custom-control-label::before, .custom-control-input:focus ~ .custom-control-label::before { border-width: 1px; border-style: solid; border-color: #999999; } .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled):hover, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled):active, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled).active, .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled).active:hover, .btn.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .ui-dialog-buttonset button:nth-child(2), .btn.btn-primary:hover, .btn.btn-primary:disabled, .btn.btn-primary[disabled="disabled"]:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled).active:hover, .btn-primary:not(:disabled):not(.disabled):active:hover, .show>.btn-primary.dropdown-toggle:hover, .ui-dialog-buttonset button:nth-child(2):hover, .btn.btn-secondary, .btn.btn-secondary:hover { border-width: 1px; border-style: solid; border-color: #ff6715; } .alert-success, .tui-colorpicker-palette-button, .tui-colorpicker-vml-slider, .tui-colorpicker-svg-slider, .tui-colorpicker-svg-huebar, .form-control, .input-group-text, .bootstrap-select .btn.btn-light, .bootstrap-select .btn.btn-light:hover, .form-control:focus, .form-control.focus, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle, .dropzone,.card, .modal-content, .ui-dialog.ui-widget.ui-widget-content { border-width: 1px; border-style: solid; border-color: #e6e6e6; } .alert-danger { border-width: 1px; border-style: solid; border-color: #e52e2e; } .form-control:focus, .form-control.focus, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { border-bottom-color: #ff6715; } #igTab.nav-tabs { border-right: 1px solid #e6e6e6; height: 100%; } .nav-tabs-horizontal, .card-header, .ui-dialog-titlebar.ui-widget-header { border-bottom: 1px solid #e6e6e6; } .card-footer, .ui-dialog-buttonpane.ui-widget-content { border-top: 1px solid #e6e6e6; } /*******************/ /*** BOX-SHADOWS ***/ /*******************/ .formError .formErrorArrow div, .ni-slide { box-shadow: none; } .alert-success, .alert-danger { box-shadow: 0 0 8px rgba(0,0,0,0.15); } .btn-group-image-tool, .btn-group-for-fw, .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:after, .tooltip-inner, .topbar-nav .dropdown-menu { box-shadow: 0 0 13px rgba(0,0,0,0.15); } .card-hint img { box-shadow: 0 0 13px rgba(0,0,0,0.25) } .card, .modal-content, .ui-dialog.ui-widget.ui-widget-content { box-shadow: 0px 3px 3px 0px #e0e0e0; } /****************/ /*** PADDINGS ***/ /****************/ .input-group-prepend .btn.btn-link, .input-group-prepend .btn.btn-link:hover, .input-group-append .btn.btn-link, .input-group-append .btn.btn-link:hover, .nav-tabs-horizontal .nav-item, .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled), .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled):hover { padding: 0; } .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled) { padding: 4px; } .form-control, .input-group-text, .bootstrap-select .btn.btn-light, .bootstrap-select .btn.btn-light:hover, .dropdown-menu>li>a { padding: 8px; } .alert, .bg-info, .datepicker-days, .card-header, .card-body, .card-footer, .ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane, .topbar-nav .dropdown-menu, #correction-timeframe.dropdown-menu, .correction-icon:hover, .tooltip-inner { padding: 16px; } i.zmdi.counter-icon { padding-top: 4px; } /***************/ /*** MARGINS ***/ /***************/ .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6, .ui-dialog-content.ui-widget-content p, .selectContainer h6, .selectDesignlineContainer h6, .passtrengthMeter p { margin-bottom: 0; } .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled), .btn-group-with-images .btn-secondary:not(:disabled):not(.disabled):hover { margin: 8px; } /**************/ /*** TABLES ***/ /**************/ table { margin-top: 0; overflow-y: none; } .table-responsive .table-responsive { height: auto; width: 100%; } td { vertical-align: middle !important } /*** SCROLL TABLES ***/ [class*="table-scroll-"] { overflow: hidden; } .table-scroll-400 {height: auto; min-height: 465px;} .table-scroll-500 {height: 500px !important;} .table-scroll-600 {height: 600px !important;} .table-scroll-700 {height: 700px !important;} .table-scroll-invoice {height: 1215px !important;} thead.fixed-head tr:nth-child(1) th { background: white; position: sticky; top: 0; z-index: 99; border: 0; } .overflow-y-auto { overflow-y: auto; } /*** SORTING ICONS ***/ #dashboard-orders th:last-child:before { right: 2em; } #dashboard-orders th:last-child:after { right: 1.5em; } .table thead th { border: 0; } /*** CLICKABLE ROWS ***/ tr.tr-inner { transition: all 0.3s ease; } td.inner-table { padding-top: 0; padding-bottom: 0; } td.inner-table th { border-top: 0; padding-top: 0; } tbody thead tr:nth-child(1) th { position: relative; z-index: 9; padding-top: 15px; } /*************/ /*** LISTS ***/ /*************/ ul { padding-inline-start: 0; list-style-type: none; } ul li.list-style-dash::before { content: "-"; padding-right: 8px; } /*** Product Variants ***/ ul.pv-attribute-list, .pv-attribute-list li { margin: 0; padding: 0; } .nav-pv-filter .nav-item .nav-link { width: 56px; height: 56px; background-size: 48px; margin-right: 1rem; background-repeat: no-repeat; background-position: center center; transition: all 0.3s ease-in-out; } .activeAttributeValues .activeAttributeValue { display: inline-block; text-align: center; padding: 4px; } .activeAttributeValueInner { width: 28px; height: 28px; background-size: 24px; background-repeat: no-repeat; background-position: center center; transition: all 0.3s ease-in-out; } .nav-item.active [class*="posIndicator"] { position: relative; width: 24px; height: 24px; border: 5px solid #fff; border-radius: 50%; background-color: #000; } .activeAttributeValue.active [class*="posIndicator"] { position: relative; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; background-color: #000; } .nav-item.active .posIndicatorTopRight { float: right; top: -10px; left: -5px; } .nav-item.active .posIndicatorBottomRight { float: right; bottom: -43px; left: -5px; } .nav-item.active .posIndicatorTopLeft { float: left; top: -5px; left: -5px; } .nav-item.active .posIndicatorBottomLeft { float: left; bottom: -43px; left: -10px; } .activeAttributeValue.active .posIndicatorTopRightSmall { float: right; top: -5px; left: 5px; } .activeAttributeValue.active .posIndicatorBottomRightSmall { float: right; bottom: -22px; left: 6px; } .activeAttributeValue.active .posIndicatorTopLeftSmall { float: left; top: -6px; left: -6px; } .activeAttributeValue.active .posIndicatorBottomLeftSmall { float: left; bottom: -22px; left: -6px; } #filterDesignLineNavLink { background-image: url(../img/icons/wysiwyg/icon-gbz-g.png); } #filterDesignLineNavLink:hover, .nav-item.active #filterDesignLineNavLink { background-image: url(../img/icons/wysiwyg/icon-gbz-w.png); } #filterGbzNavLink, .filterGbzNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-gbz-g.png); } #filterGbzNavLink:hover, .nav-item.active #filterGbzNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterGbzNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-gbz-w.png); } #filterLogoNavLink, .filterLogoNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-logo-g.png); } #filterLogoNavLink:hover, .nav-item.active #filterLogoNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterLogoNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-logo-w.png); } #filterDimensionalChainNavLink, .filterDimensionalChainNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-masskette-g.png); } #filterDimensionalChainNavLink:hover, .nav-item.active #filterDimensionalChainNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterDimensionalChainNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-masskette-w.png); } #filterMeterbarNavLink, .filterMeterbarNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-meterbalken-g.png); } #filterMeterbarNavLink:hover, .nav-item.active #filterMeterbarNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterMeterbarNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-meterbalken-w.png); } #filterSquareMetersNavLink, .filterSquareMetersNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-m2-g.png); } #filterSquareMetersNavLink:hover, .nav-item.active #filterSquareMetersNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterSquareMetersNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-m2-w.png); } #filterNpfNavLink, .filterNpfNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-npf-g.png); } #filterNpfNavLink:hover, .nav-item.active #filterNpfNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterNpfNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-npf-w.png); } #filterRbzNavLink, .filterRbzNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-rbz-g.png); } #filterRbzNavLink:hover, .nav-item.active #filterRbzNavLink, .activeAttributeValue.active .activeAttributeValueInner.filterRbzNavLinkSmall { background-image: url(../img/icons/wysiwyg/icon-rbz-w.png); } /********************/ /*** Image Editor ***/ /********************/ .modal-xxl { max-width: calc(100vw - 60px); height: calc(100vh - 60px); } .modal-xxl .modal-content { height: 100%; } .footerHints { height: 107px; } .footerHints .bg-info { margin-left: 4px; } /*** IMAGE EDITOR BUTTONS ***/ .border { border: 1px solid black; } .body-container { /* width: 1000px; */ } .tui-image-editor-controls { /* min-height: 250px; */ } .menu { padding: 0; margin-bottom: 5px; color:#544B61; font-weight: 400; list-style-type: none; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .logo { margin: 0 auto; width: 300px; vertical-align: middle; } .header .name { padding: 10px; line-height:50px; font-size: 30px; font-weight: 100; vertical-align: middle; } .header .menu { display: inline-block; } .menu-item { display: inline-block; margin-bottom: 32px; cursor: pointer; vertical-align: middle; } .menu-item a { text-decoration: none; } .menu-item.no-pointer { cursor: default; } .menu-item.disabled { cursor: default; color: #BFBEBE; } .tui-colorpicker-palette-toggle-slider,.tui-colorpicker-palette-hex { display: none !important; } .tui-colorpicker-clearfix { text-align: left; } .align-left-top { text-align: left; vertical-align: top; } .range-narrow { width: 80px; } .sub-menu-container { font-size: 14px; margin-bottom: 1em; display: none; } #tui-image-editor-container { height: 500px; } .tui-image-editor-canvas-container { margin: 0 auto; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); overflow: hidden; } .tui-colorpicker-container { margin: 5px auto 0; } .tui-colorpicker-palette-toggle-slider { display: none; } .input-wrapper{ position: relative; } .input-wrapper input{ cursor: pointer; position: absolute; font-size: 999px; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; overflow: hidden; } .btn-text-style{ padding: 5px; margin: 3px 1px; border: 1px dashed #bfbebe; outline: 0; background-color: #eee; cursor: pointer; } .icon-text{ font-size: 20px; } .select-line-type{ outline: 0; vertical-align: middle; } #tui-color-picker{ display: inline-block; vertical-align: middle; } #tui-text-palette{ display: none; position: absolute; padding: 10px; border: 1px solid #bfbebe; background-color: #fff; z-index: 9999; } #text-sub-menu { margin-top: 203px; } #crop-sub-menu { margin-top: 287px; } #wall-sub-menu { margin-top: 60px; } #eraser-sub-menu { margin-top: 132px; } /*** CSS MERGE TE ***/ .btn-group-image-tool { position: absolute; right: 96px; bottom: 32px; border-radius: 100px; z-index: 999; } .btn-group-for-fw { position: absolute; right: 32px; bottom: 32px; border-radius: 100px; z-index: 999; } .btn-group-seperator { color: #e6e6e6; margin-top: 5px; } .tui-image-editor-container .tui-image-editor-main-container { border: 0 !important; border: 0 !important; } .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:after { padding: 2rem !important; border-radius: 0 !important; top: -88px !important; left: 0 !important; min-width: 0 !important; max-height: 100px; } /*** IMAGE EDITOR SUB MENU ***/ .tui-colorpicker-palette-container ul { width: 100px; } .tui-colorpicker-palette-container li { max-width: 25%; } .tui-colorpicker-clearfix, .tui-colorpicker-palette-hex, .tui-colorpicker-palette-preview, .tui-colorpicker-palette-toggle-slider, .tui-colorpicker-slider-container { zoom: 1; } .tui-colorpicker-clearfix:after, .tui-colorpicker-vml, .tui-colorpicker-slider-container:after, .tui-colorpicker-svg { display: block; } .tui-colorpicker-palette-button, .tui-colorpicker-palette-hex, .tui-colorpicker-palette-toggle-slider, .tui-colorpicker-palette-preview { display: inline-block; } .tui-colorpicker-clearfix:after, .tui-colorpicker-slider-container:after { content: ''; clear: both; } .tui-colorpicker-palette-button, .tui-colorpicker-svg-slider, .tui-colorpicker-vml-slider, .tui-colorpicker-palette-preview { overflow: hidden; outline: none; } .tui-colorpicker-vml { behavior: url("#default#VML"); } .tui-colorpicker-palette-button { margin: 0 8px 8px 0; padding: 0px; width: 18px; height: 18px; border-radius: 50%; } .tui-colorpicker-palette-button.tui-colorpicker-selected { border: 2px solid #000; } .tui-colorpicker-palette-button.tui-colorpicker-color-transparent { barckground-repeat: repeat; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABfGlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGAqSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8PAzcDDIMRgxSCemFxc4BgQ4MOAE3y7xsAIoi/rgsxK8/x506a1fP4WNq+ZclYlOrj1gQF3SmpxMgMDIweQnZxSnJwLZOcA2TrJBUUlQPYMIFu3vKQAxD4BZIsUAR0IZN8BsdMh7A8gdhKYzcQCVhMS5AxkSwDZAkkQtgaInQ5hW4DYyRmJKUC2B8guiBvAgNPDRcHcwFLXkYC7SQa5OaUwO0ChxZOaFxoMcgcQyzB4MLgwKDCYMxgwWDLoMjiWpFaUgBQ65xdUFmWmZ5QoOAJDNlXBOT+3oLQktUhHwTMvWU9HwcjA0ACkDhRnEKM/B4FNZxQ7jxDLX8jAYKnMwMDcgxBLmsbAsH0PA4PEKYSYyjwGBn5rBoZt5woSixLhDmf8xkKIX5xmbARh8zgxMLDe+///sxoDA/skBoa/E////73o//+/i4H2A+PsQA4AJHdp4IxrEg8AAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEzPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CghrN1AAAABzSURBVCgVldKxEYAgDAXQD5VOpLuwgi4jlrTMqF00oOd5Aia/CcV/F4oYOgNlrLjvVyCEVJchBjEC25538PeaWTzRMBLxvIL7UZwFwL06qoA6aoAy+gFfJABvJAQPUoCMlICRRd8BzgHzJL4ok9aJ67l4AK9AxVKhHryUAAAAAElFTkSuQmCC"); } .tui-colorpicker-palette-hex, .tui-colorpicker-palette-toggle-slider, .tui-colorpicker-palette-preview { vertical-align: middle } .tui-colorpicker-palette-hex { font-family: monospace; width: 60px; } .tui-colorpicker-palette-preview { display: none; width: 12px; height: 12px; } .tui-colorpicker-slider-left { float: left; } .tui-colorpicker-palette-toggle-slider, .tui-colorpicker-slider-right, .tui-colorpicker-svg-huebar { float: right; } .tui-colorpicker-slider-container { margin: 5px 0 0 0; height: 122px; } .tui-colorpicker-slider-left { width: 120px; height: 120px; } .tui-colorpicker-slider-right { width: 32px; height: 120px; } .tui-colorpicker-slider-handle { position: absolute; overflow: visible; top: 0; left: 0; width: 1px; height: 1px; z-index: 2; opacity: 0.9; } .tui-colorpicker-svg-slider { width: 120px; height: 120px; } .tui-colorpicker-vml-slider { position: relative; width: 120px; height: 120px; } .tui-colorpicker-vml-slider-bg { position: absolute; margin: -1px 0 0 -1px; top: 0; left: 0; width: 122px; height: 122px; } .tui-colorpicker-svg-huebar { width: 18px; height: 120px; overflow: visible; } .tui-colorpicker-vml-huebar { width: 32px; position: relative; } .tui-colorpicker-vml-huebar-bg { position: absolute; top: 0; right: 0; width: 18px; height: 121px; } /*** TUI CSS TIM ***/ .nav-tui label, .nav-tui label.active { padding: 0 !important; } .nav-wysiwyg i { font-size: 24px !important; padding: 1rem; } /*** TUI Naivgation ***/ label[for*="use"] div[id*="use"], label[for*="tui"] div[id*="tui"] { width: 56px; height: 56px; } #tuiDrawFreeImg:hover, #tuiDrawLineImg:hover, #tuiEraserImg:hover, #tuiTextImg:hover, #tuiNoteImg:hover, #tuiCropImg:hover, #tuiRotateImg:hover, #tuiMirrorVerticalImg:hover, #tuiMirrorHorizontalImg:hover, label[for*="use"].active div[id*="use"], label[for*="tui"].active div[id*="tui"] { background-color: #ff6715 } #tuiDrawFreeImg, #tuiDrawLineImg, #tuiEraserImg, #tuiTextImg, #tuiNoteImg, #tuiCropImg, #tuiRotateImg, #tuiMirrorVerticalImg, #tuiMirrorHorizontalImg { background-repeat: no-repeat; background-position: center center; background-size: 48px; transition: all 0.3s ease-in-out; } #tuiDrawFreeImg { background-image: url(../img/icons/tui/draw-g.png); } #tuiDrawFreeImg:hover { background-image: url(../img/icons/tui/draw-w.png); } label.active #tuiDrawFreeImg { background-image: url(../img/icons/tui/draw-w.png); } #tuiDrawLineImg { background-image: url(../img/icons/tui/wall-g.png); } #tuiDrawLineImg:hover { background-image: url(../img/icons/tui/wall-w.png); } label.active #tuiDrawLineImg { background-image: url(../img/icons/tui/wall-w.png); } #tuiEraserImg { background-image: url(../img/icons/tui/eraser-g.png); } #tuiEraserImg:hover { background-image: url(../img/icons/tui/eraser-w.png); } label.active #tuiEraserImg { background-image: url(../img/icons/tui/eraser-w.png); } #tuiTextImg { background-image: url(../img/icons/tui/text-g.png); } #tuiTextImg:hover { background-image: url(../img/icons/tui/text-w.png); } label.active #tuiTextImg { background-image: url(../img/icons/tui/text-w.png); } #tuiNoteImg { background-image: url(../img/icons/tui/note-g.png); } #tuiNoteImg:hover { background-image: url(../img/icons/tui/note-w.png); } label.active #tuiNoteImg { background-image: url(../img/icons/tui/note-w.png); } #tuiCropImg { background-image: url(../img/icons/tui/crop-g.png); } #tuiCropImg:hover { background-image: url(../img/icons/tui/crop-w.png); } label.active #tuiCropImg { background-image: url(../img/icons/tui/crop-w.png); } #tuiRotateImg { background-image: url(../img/icons/tui/rotate-g.png); } #tuiRotateImg:hover { background-image: url(../img/icons/tui/rotate-w.png); } label.active #tuiRotateImg { background-image: url(../img/icons/tui/rotate-w.png); } #tuiMirrorVerticalImg { background-image: url(../img/icons/tui/mirror-vertical-g.png); } #tuiMirrorVerticalImg:hover { background-image: url(../img/icons/tui/mirror-vertical-w.png); } label.active #tuiMirrorVerticalImg { background-image: url(../img/icons/tui/mirror-vertical-w.png); } #tuiMirrorHorizontalImg { background-image: url(../img/icons/tui/mirror-horizontal-g.png); } #tuiMirrorHorizontalImg:hover { background-image: url(../img/icons/tui/mirror-horizontal-w.png); } label.active #tuiMirrorHorizontalImg { background-image: url(../img/icons/tui/mirror-horizontal-w.png); } #content { height: calc(100vh - 67px); position: relative; } .it-grid { display: grid; grid-template-columns: minmax(150px, 226px) auto; height: 100%; } .it-canvas { background-color: #f1f1f1; box-shadow: 0 0 13px rgba(0,0,0,0.15); place-items: center; padding: 0 0 0 0 !important; } .it-image-container { margin: 0 auto; } .tui-image-editor-header,.tui-image-editor-controls,.tui-image-editor-submenu { display: none !important; } .tui-image-editor-main-container,.tui-image-editor-main { position: unset !important; } .tui-image-editor-canvas-container { margin: auto auto !important; overflow: hidden; } .tui-image-editor-container .tui-image-editor-wrap { overflow: hidden; } .tui-image-editor { top: auto !important; } #tui-image-editor-container { background-color: transparent !important; } .it-image-container img { width: 490px; } .it-zoom-hint { position: absolute; text-align: left; display: none; background-color: #fff; bottom: 32px; left: 51%; width: 350px; padding: 16px; box-shadow: 0 0 13px rgba(0,0,0,0.15); border-radius: 2px; margin: 0 auto; z-index: 9999999999; } .it-pin { position: absolute; display: none; top: 32px; left: 60%; text-align: left; background-color: #fff; width: 300px; height: auto; box-shadow: 0 0 13px rgba(0,0,0,0.15); z-index: 2000; } #imageToolDefaulttextProblemsModal { z-index: 2001; } .note-header, .note-body, .note-footer { padding: 16px; } #stepCheckout .zoominbtn { color: #ff6715; padding: 15px; } #stepCheckout .zoominbtn div { margin-left: 0.5em; padding-right: 1.5em; display: inline-block; } #stepCheckout .zoominbtn i { float: left; } /**************/ /*** ALERTS ***/ /**************/ .alerts { position: fixed; right: 25px; bottom: 25px; z-index: 9999; background: none; } .alerts #alertsContainer { min-width: 350px; max-height: 450px; overflow-y: auto; padding: 0 8px 0 0; background: none; } .alert { margin-bottom: 8px; border-radius: 0; } .alert .close { text-shadow: none; padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; padding-top: 11px; } .close:hover { cursor:pointer; } /************/ /*** TABS ***/ /************/ .tab-pane .row:first-child { margin-top: 0 !important; } /**********************/ /*** FORMS & INPUTS ***/ /**********************/ label { margin-bottom: 4px; } .form-control, .input-group-text, .bootstrap-select .btn.btn-light, .bootstrap-select .btn.btn-light:hover { border-radius: 0; height: calc(1.5em + .75rem + 2px); } textarea.form-control { width: 100%; min-height: 100px; height: auto; } /*** INPUT TYPE: RANGES ***/ /** Mustn't be grouped w/ other styles! * Reset */ input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ background: transparent; /* Otherwise white in Chrome */ border-radius: 100px; height: 5px; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; } input[type=range]:focus { outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ } input[type=range]::-ms-track { width: 100%; cursor: pointer; /* Hides the slider so custom styles can be added */ background: transparent; border-color: transparent; color: transparent; } /** Customizing **/ input[type=range]::-webkit-slider-thumb { background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 50%; box-shadow: 0 0 13px rgba(0,0,0,0.25); height: 16px; width: 16px; cursor: pointer; margin-top: -6px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ } input[type=range]::-moz-range-thumb, input[type=range]::-webkit-slider-thumb { background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 50%; box-shadow: 0 0 13px rgba(0,0,0,0.25); height: 16px; width: 16px; cursor: pointer; } input[type=range]::-webkit-slider-runnable-track { color: #f1f1f1; background-color: #ff6715; -webkit-appearance: none; height: 2px; border-radius: 100px; } input[type=range]::-moz-range-track { background-color: #f1f1f1; } input[type=range]::-moz-range-progress { background-color: #ff6715; } /*** CUSTOM CONTROLS ***/ .custom-control-label:before, .custom-control-label:after { height: 16px; width: 16px; } .custom-control-input:not(:disabled):active~.custom-control-label::before { background-color: #fff; } .custom-control.custom-switch label { padding-top: 1px; } .custom-control-input:disabled~.custom-control-label { color: #000; } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #ff6715; opacity: 0.5; } /*******************/ /*** DATE PICKER ***/ /*******************/ .datepicker th { padding-bottom: 8px; } .datepicker td, .datepicker th { width: 30px; height: 30px; } .datepicker table tr .range-start, .datepicker table tr .range-end, .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-image: none !important; background: none !important; text-shadow: none !important; background-color: #ff6715 !important; } .datepicker table tr .range { background-color: rgba(255, 103, 21, 0.2) !important; } /********************/ /*** CLOCK PICKER ***/ /********************/ .clockpicker-canvas-bearing, .clockpicker-canvas-fg, .clockpicker-canvas-bg { fill: #ff6715 !important; opacity: 0.5; } .clockpicker-canvas line { stroke: #ff6715 !important; opacity: 0.5; } .text-primary { color: #ff6715 !important; } /*****************/ /*** DROPDOWNS ***/ /*****************/ .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .dropdown-menu { border-radius: 0; padding: 0; } .bootstrap-select .dropdown-toggle .filter-option { height: 22px; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; text-overflow: ellipsis; } a#for-correction-timeframe.dropdown-toggle::after, .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { display: none; } .dropdown.bootstrap-select.show-tick .dropdown-menu { min-width: 320px; max-height: 320px; } /****************/ /*** DROPZONE ***/ /****************/ .dropzone { min-height: 218px; padding: 32px; } /***************/ /*** BUTTONS ***/ /***************/ .btn, .ui-dialog-buttonset button, .custom-control, .custom-control-label:before, .custom-control-label:after, .card-counter-button, .sidebar li.nav-item, .tui-colorpicker-palette-button, tr.tr-clickable:hover, .passtrengthMeter .showPassword:hover, #designlinien [type=radio] + img, #topbar-designlinien [type=radio] + img, #stepCheckout .zoominbtn, .nav-tui label, .nav-tui label.active, .nav-wysiwyg label, .wysiwyg-options h4 { cursor: pointer; } .btn, .ui-dialog-buttonset button { padding: 8px 32px; border-width: 1px; border-style: solid; border-radius: 100px; } .ui-dialog-buttonset button:first-child { margin-right: 16px; } /*** LINK ***/ .btn-link, .btn.btn-link:link, .btn.btn-link:visited, .btn.btn-link:hover, .btn.btn-link:active, .ui-dialog-buttonset button:first-child, .ui-dialog-buttonset button:first-child:hover, .ui-dialog-buttonset button:first-child:active { padding: 4px 16px; } /*** BUTTON GROUPS ***/ .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: 0px; } /*** BUTTON SYMBOLS ***/ .btn-group-with-symbols .btn-secondary:not(:disabled):not(.disabled) { margin-right: 4px; margin-bottom: 4px; } /*** HIDE RADIO ***/ #designlinien [type=radio], #editTemplateDesign [type=radio], #newTemplateDesign [type=radio], .selectContainer [type=radio], .selectDesignlineContainer [type=radio]{ position: absolute; opacity: 0; width: 0; height: 0; } /*** IMAGE STYLES ***/ #designlinien [type=radio] + img { max-width: 100%; } /*** CHECKED STYLES ***/ #designlinien [type=radio]:checked + img { box-shadow: 0 0 7px #ff6715; } /******************/ /*** UI DIALOGS ***/ /******************/ .ui-dialog-titlebar.ui-widget-header, .ui-dialog-content.ui-widget-content, .ui-dialog-buttonpane.ui-widget-content, #layoutDialog { width: 500px !important; margin: auto; } div.ui-dialog.ui-widget.ui-widget-content.ui-front { position: fixed; top: 0; left: 0; z-index: 1050; width: 100% !important; max-width: 100% !important; height: 100vh !important; max-height: 100vh !important; outline: 0; background: rgba(0,0,0,0.5); } .ui-dialog-titlebar.ui-widget-header { margin-top: 100px; } .ui-dialog-content.ui-widget-content { height: auto !important; } .ui-dialog-buttonpane.ui-widget-content { text-align: right; } button.ui-dialog-titlebar-close { background: none; padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: none; opacity: 0.5; } button.ui-dialog-titlebar-close:hover { opacity: 1; } button.ui-dialog-titlebar-close { outline: none; } button.ui-dialog-titlebar-close:after { content: '×'; } /*** BACKEND COUNTER CARDS ***/ .card-counter-button { transition: all 0.3s ease; } .card-counter .row { margin: 0; text-align: center; } .counter-title { display: block; } /*** HINT/ERROR CARDS ***/ .card-hint, .planContainer { max-height: 480px !important; min-height: 435px !important; } .card-hint .card-header h4 { display: inline; } .card-hint .card-body { max-height: 306px; } .card-hint .close { text-shadow: none; } .card-hint .card-body { padding-top: 0; } .card-hint .plan-img-container { height: 170px; line-height: 170px; } /****************/ /*** TOOLTIPS ***/ /****************/ .tooltip-inner { max-width: 600px; max-height: 800px; text-align: left; } .tooltip-inner img { max-width: 500px; max-height: 700px; } .tooltip.show { /* background-color: #ffffff;*/ opacity: 1; } /* .tooltip.top > .tooltip-arrow { background: rgba(255,255,255,1); }*/ /* Verschiebt den Tooltip nach links .tooltip-text-left > .tooltip-inner { text-align: left !important; } */ /*************************/ /*** VALIDATION ENGINE ***/ /*************************/ .formError { width: 200px; opacity: 1 !important; } .formError .formErrorContent { padding: 1rem; text-align: left; border-radius: 0; box-shadow: 0 0 13px rgba(0,0,0,0.15); } .formError .formErrorArrow div, .formError .formErrorArrow .line3 { border: 0; } .formError .formErrorArrow .line1, .formError .formErrorArrow .line2 { background: none; display: none; } /**********/ /*** IO ***/ /**********/ #mediacontent .table-responsive { min-height: 400px; } /********************/ /*** OBJECT PLANS ***/ /********************/ .img-fluid-height { max-height: 100%; margin: 0 auto; } .plan-img-container { height: 350px; text-align: center; line-height: 350px; } .plan-img-buttons { position: absolute; right: 5px; } .add-plan-templates { text-align: right; } .objectImage-container { display: table-cell; vertical-align: middle; height: 145px; overflow: hidden; text-align: center; background-color: #f1f1f1; } /*************************/ /*** PASSWORD STRENGTH ***/ /*************************/ .passtrengthMeter{ position: relative; width: 100%; } .passtrengthMeter::after { margin-bottom: -15px; } .passtrengthMeter > input{ width: 100%; display: inline-block; padding: 4px; box-sizing: border-box; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .passtrengthMeter > input:focus { outline-width: 0; } .passtrengthMeter::after{ content: ''; height: 3px; overflow: hidden; width: 0%; transition: width .5s; position: absolute; left: 0px; bottom: 1em; } .passtrengthMeter.weak::after{ background-color: #EC644B; width: 25%; } .passtrengthMeter.medium::after{ content: ''; background-color: #E87E04; width: 50%; } .passtrengthMeter.strong::after{ content: ''; background-color: #EFBF17; width: 75%; } .passtrengthMeter.very-strong::after{ content: ''; background-color: #42A72A; width: 100%; } .passtrengthMeter .showPassword{ position: absolute; width: 20px; top: calc(50% - 10px); right: 10px; } .passtrengthMeter .showPassword.active{ opacity: .5; } .passtrengthMeter .showPassword img{ display: block; width: 100%; height: auto; } .passtrengthMeter .tooltipPW { top: 100%; display: block; left: 20%; margin-bottom: 15px; opacity: 0; padding: 1rem; pointer-events: none; position: absolute; min-width: 70px; box-sizing: border-box; text-align: left; z-index: 10; min-width: 200px; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } .passtrengthMeter.weak .tooltipPW:after{ border-left: solid transparent 7px; border-right: solid transparent 7px; border-bottom: solid #EC644B 7px; top: -7px; content: " "; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } .passtrengthMeter.medium .tooltipPW:after{ border-left: solid transparent 7px; border-right: solid transparent 7px; border-bottom: solid #E87E04 7px; top: -7px; content: " "; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } .passtrengthMeter p { color: #999; } .passtrengthMeter h6 { margin-bottom: 1rem; } .passtrengthMeter.weak .tooltipPW h6 { color: #EC644B; } .passtrengthMeter.medium .tooltipPW h6 { color: #E87E04; } .passtrengthMeter.strong .tooltipPW h6 { color: #EFBF17; } .passtrengthMeter.very-strong .tooltipPW h6 { color: #42A72A; } .passtrengthMeter.strong .tooltipPW:after{ border-left: solid transparent 7px; border-right: solid transparent 7px; border-bottom: solid #EFBF17 7px; top: -7px; content: " "; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } .passtrengthMeter.very-strong .tooltipPW:after{ border-left: solid transparent 7px; border-right: solid transparent 7px; border-bottom: solid #42A72A 7px; top: -7px; content: " "; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } .passtrengthMeter.weak .tooltipPW:before { top: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } .passtrengthMeter .tooltipPW:after { border-left: solid transparent 7px; border-right: solid transparent 7px; border-bottom: solid #000000 7px; top: -7px; content: " "; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .passtrengthMeter:hover .tooltipPW { opacity: 1; pointer-events: auto; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .lte8 .passtrengthMeter .tooltipPW { display: none; } .lte8 .passtrengthMeter:hover .tooltipPW { display: block; } /************/ /*** NAVS ***/ /************/ /*** TOPBAR NAV ***/ #support-dropdown.dropdown:hover>.dropdown-menu, #legal-dropdown.dropdown:hover>.dropdown-menu { display: block; } #support-dropdown .dropdown-toggle::after, #legal-dropdown .dropdown-toggle::after { display: none; } #support-dropdown .dropdown-menu { width: 50rem; white-space: initial; } #legal-dropdown .dropdown-menu { width: 15rem; } .topbar-nav .dropdown-menu { margin: 0 } .topbar-nav { flex-wrap: nowrap; } .topbar-nav li.nav-item { white-space: nowrap; } .topbar-nav .dropdown-menu { right: 0; left: auto; } ul.topbar-nav li { display: inline; } ul.topbar-nav li:first-child { margin-left: auto; } /*** SIDEBAR NAV ***/ .sidebar { position: fixed; max-width: 60px; top: 0; bottom: 0; left: 0; z-index: 100; padding: 65px 0 0 0; transition: max-width 0.2s ease-out; } .sidebar-sticky { position: -webkit-sticky; position: sticky; top: 0; height: calc(100vh - 48px); margin: 0; overflow-x: hidden; overflow-y: auto; } .sidebar ul { padding: 0; } .sidebar .nav-link { padding: 12px 16px; } .sidebar i { display: inline-block; min-width: 26px; text-align: center; } /* Side Nav Extension */ .sidebar.extend { max-width: 300px; } .sidebar.extend li.nav-item span.extension, .fixed-sidebar .sidebar li.nav-item span.extension { display: inline-block; margin-left: 20px; vertical-align: top; padding-top: 8px; } .sidebar li.nav-item span, .fixed-sidebar .sidebar li.nav-item span { font-size: 14px; } .openSidebar { display: inline-block; margin-left: 20px; } /*** MENU TOGGLER ***/ .rotateExtendedIcon { /* -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); */ /* -webkit-transform: scaleX(-1); transform: scaleX(-1); */ /*transform: rotate(180deg);*/ animation: rotateExtendedIcon 0.5s linear 1; animation-fill-mode: forwards; /*transition: transform 1s ease-in-out;*/ } @keyframes rotateExtendedIcon { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } .rotateExtendedIconBack { /*transform: rotate(0deg);*/ animation: rotateExtendedIconBack 0.5s linear 1; animation-fill-mode: forwards; /*transition: transform 1s ease-in-out;*/ } @keyframes rotateExtendedIconBack { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } /*** EXTENDED SIDEBAR ***/ main { margin-left: auto; transition: all 0.3s; } .fixed-sidebar main { flex: auto; width: calc(100% - 240px); transition: all 1s ease-in-out; } .fixed-sidebar .sidebar { max-width: 300px; transition: all 0.1s; } .fixed-sidebar .extension { display: inline-block !important; } /* .fixed-sidebar .toggle-container { float: right; margin-right: 19px; text-align: right; } */ /* TEMPORARY? */ .igNav .nav-item { background-color: #f1f1f1; margin-right: 1rem; } .igNav .nav-item:hover, .igNav .nav-item.active { background-color: #ff6715; } .igNav .nav-item:hover .nav-link, .igNav .nav-item.active .nav-link { color: #fff; } .igNav .nav-item:hover, .igNav .nav-item a.active { background-color: #ff6715; color: #fff; } .igNav .nav-item:hover .nav-link, .igNav .nav-item a .active.nav-link { color: #fff; } /*************/ /*** LOGIN ***/ /*************/ .login { overflow: hidden; } .login-left { position: relative; height: 100vh; width: 38.2%; background-color: #fff; z-index: 2; box-shadow: 5px 0 13px rgba(0,0,0,0.15) } .login-box { position: relative; max-width: 350px; margin: 2rem auto; height: 640px; max-height: 640px; } .login-right { height: 100vh; width: 61.8%; background-color: #f1f1f1; padding: 100px; z-index: 1; } /*****************/ /*** DASHBOARD ***/ /*****************/ tr.finishedOrder { background: rgba(255,103,21,0.25) !important; font-weight: 500; } /*******************/ /*** NEW INQUIRY ***/ /*******************/ .col-9.new-inquiry-container, .col-9.new-orderTemplate-container { flex: 0 0 76%; max-width: calc(76% - 10px); padding-right: 40px; padding-top: 32px; margin-top: -52px; } .footer-buttons-fixed { position: fixed; bottom: 0px; right: 24%; margin: 0 0 0 0 !important; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; background-color: white; display: block; width: 100%; /* 2020-09-04 - ts - #11152 - z-index hinzugefügt, damit Menü-Icons nicht im Footer-Button gezeigt werden z-index:10; */ } .template-selector [id*="orderTemplade-"] { min-height: 450px; } img.designImage { min-height: 150px; } .inquiry-workflow { display: none; } .inquiry-widgets { width: 100%; } #sidebar-scroll-content, #sidebar-scroll-content-templates, #sidebar-scroll-content-correction { overflow-x: auto; position: absolute; top: 45px; width: 100%; height: calc(100vh - 425px); } #sidebar-scroll-content-templates { height: calc(100vh - 285px); } #sidebar-scroll-content-correction { height: calc(100vh - 325px); } /* Auftragsdetails auf kleineren Monitoren scrollbar machen */ @media screen and (max-width:1440px) { .inquiry-widgets { height: 58vh; overflow-y: auto; } } @media screen and (max-width:1366px) { .inquiry-widgets { height: 51vh; overflow-y: auto; } } .selectContainer label, .selectDesignlineContainer label { padding: 1em; } .selectContainer h6, .selectDesignlineContainer h6 { margin-top: 0.5em; } .selectContainer label:hover h6, .selectContainer label.active h6 .selectDesignlineContainer label:hover h6, .selectDesignlineContainer label.active h6 { color: #fff; } .sidebar-ni { max-width: 24%; position: fixed; top: 0; bottom: 0; right: 0; z-index: 100; padding: 8.2em 0 0 0 ; box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); border-left: 1px solid #e0e0e0; transition: all 1s ease-out; } .sidebar-ni.finished-steps { max-width: 25%; max-height: 50vh; right: 37.5%; top: 15%; border: 1px solid #e0e0e0; box-shadow: 0px 3px 3px 0px #e0e0e0; padding-top: 1em; padding-bottom: 1em; overflow-y: auto; } .sidebar-widget { display: table; width: 99%; padding-top: 1em; } .sidebar-widget.title { width: 100%; position: fixed; } .inquiry-widget .d-table-cell, .inquiry-widget-default .d-table-cell { padding: 4px 0; } .price-widget { position: fixed; bottom: 0; width: 96%; background-color: #fff; z-index: 9; } /************************/ /*** CORRECTION ORDER ***/ /************************/ .correction-icon { transition: all 0.3s ease-in-out; } /**************/ /*** CHARTS ***/ /**************/ .label-goodwill, .label-paid, .label-complaint { border-radius: 15px; color: #fff; font-size: 12px; padding: 4px 12px; } .bg-goodwill { background-color: #3caf6b; } .bg-paid { background-color: #2b7ac7; } .bg-complaint { background-color: #ff381b; } .no-remaining-time { color: #ff381b; } .label-chatrs .clabels { width: 10px; height: 10px; } .label-chatrs .clabels.clabels-lg { width: 12px; height: 12px; } .label-chatrs .clabels.circular-clabels { border-radius: 50%; } .label-chatrs .clabels-text span:first-child { line-height: 13px; } .label-chatrs i.big-rpsn-icon { font-size: 35px; } .cus-sparkline { display: inline-block; width: 100px; overflow: hidden; margin: 0; float: right; } .progress { height: 0.5rem; } .progress-bar-good { background-color: green } .progress-bar-warning { background-color: orange } .progress-bar-danger { background-color: red } /**************/ /*** FOOTER ***/ /**************/ footer.container-fluid { padding: 0; } footer ul { padding-left: 0; } footer ul li { display: inline; margin-right: 1rem; } footer ul li a:hover, footer ul li a:active { color: #ff6715 !important; } footer.footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; } /*********************/ /*** MEDIA QUERIES ***/ /*********************/ @media (max-width:1499px) { .productChoices img { max-height: 200px; } .card-hint .plan-img-container { height: 125px; max-height: 125px; line-height: 125px; } } @media (max-width:1200px) { .productChoices img { max-height: 150px; } } @media (min-width: 992px) { .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } } /******************/ /*** ANIMATIONS ***/ /******************/ .slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; } @keyframes slideIn { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform:translateY(0rem); opacity: 1; } 0% { transform: translateY(1rem); opacity: 0; } } @-webkit-keyframes slideIn { 0% { -webkit-transform: transform; -webkit-opacity: 0; } 100% { -webkit-transform: translateY(0); -webkit-opacity: 1; } 0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; } } /* FadeIn */ @keyframes fadeIn { from { transform: translate3d(0,0,0); } to { transform: translate3d(0,0,0); opacity: 1; } } @-webkit-keyframes fadeIn { from { transform: translate3d(0,0,0) } to { transform: translate3d(0,0,0); opacity: 1 } } /* FadeInUp */ @keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } /* FadeInRight */ @keyframes fadeInRight { from { transform: translate3d(-40px,0,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @-webkit-keyframes fadeInRight { from { transform: translate3d(-40px,0,0) } to { transform: translate3d(0,0,0); opacity: 1 } } /* FadeInLeft */ @keyframes fadeInLeft { from { transform: translate3d(40px,0,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @-webkit-keyframes fadeInLeft { from { transform: translate3d(40px,0,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @keyframes show-animation { from { max-height: 0; /* padding-top: 0; padding-bottom: 0; */ visibility: hidden; opacity: 0; } to { max-height: 60px; /* padding-top: .5rem; padding-bottom: .5rem; */ visibility: visible; opacity: 1; } } @keyframes hide-animation { from { max-height: 60px; /* padding-top: .5rem; padding-bottom: .5rem; */ visibility: visible; opacity: 1; } to { max-height: 0; /* padding-top: 0; padding-bottom: 0; */ visibility: hidden; opacity: 0; } } .animated { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both } .animatedFadeIn, .animatedFadeInUp, .animatedFadeInRight, .animatedFadeInLeft { opacity: 0 } .fadeIn { opacity: 0; animation-name: fadeIn; -webkit-animation-name: fadeIn; } .fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } .fadeInRight { opacity: 0; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; } .fadeInLeft { opacity: 0; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; } .showAnimated { animation: show-animation .3s linear forwards; } .hideAnimated { animation: hide-animation .3s linear forwards; } /* Delays */ .delay-100 { animation-delay: 0.1s; } .delay-110 { animation-delay: 0.11s; } .delay-120 { animation-delay: 0.12s; } .delay-130 { animation-delay: 0.13s; } .delay-140 { animation-delay: 0.14s; } .delay-150 { animation-delay: 0.15s; } .delay-160 { animation-delay: 0.16s; } .delay-170 { animation-delay: 0.17s; } .delay-180 { animation-delay: 0.18s; } .delay-190 { animation-delay: 0.19s; } .delay-200 { animation-delay: 0.2s; } .delay-210 { animation-delay: 0.21s; } .delay-220 { animation-delay: 0.22s; } .delay-230 { animation-delay: 0.23s; } .delay-240 { animation-delay: 0.24s; } .delay-250 { animation-delay: 0.25s; } .delay-260 { animation-delay: 0.26s; } .delay-270 { animation-delay: 0.27s; } .delay-280 { animation-delay: 0.28s; } .delay-290 { animation-delay: 0.29s; } .delay-300 { animation-delay: 0.3s; } .delay-400 { animation-delay: 0.4s; } .delay-500 { animation-delay: 0.5s; } .delay-600 { animation-delay: 0.6s; } .delay-700 { animation-delay: 0.7s; } .delay-800 { animation-delay: 0.8s; } .delay-900 { animation-delay: 0.9s; } .delay-1000 { animation-delay: 1.0s; } .delay-2000 { animation-delay: 2.0s; } /* */ #errorDialog, #infoDialog, #confirmDialog, .hidden, #wsmsStatusBar, #jsWorker, .dataTables_filter{ display: none; } div.dts div.dataTables_scrollBody { background: none; } .zmdi-edit.hidden { display: none !important; } table.dataTable { margin: 0 0 0 0 !important; } .nicescroll-rails-hr { display: none !important; } /* Text Highlighting jquery.highlight #ff6715*/ .highlight { background-color: yellow; } .wysiwyg-zoomInModal .editor-preview, .wysiwyg-zoomInModal .content { overflow: hidden; } .display-block-important { display: block !important; } .image-tool-tip { width: 510px !important; height: 510px !important; max-width: 510px !important; max-height: 5100px !important; display: block; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; position: relative; } .image-tool-tip .tooltip-inner { display: block; top: 50%; left: 50%; margin: 0; position: absolute; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 500px; height: 500px; } .image-tool-tip.bs-tooltop-right .arrow { margin-left: -10px; } .image-tool-tip img { max-width: 470px !important; max-height: 470px !important; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #invoiceView .selectInvoice.active { background-color: #fff1e9; } .jqstooltip.igSparkline{ -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; background-color: white; color: black; font-size: 14px; } .jqstooltip.igSparkline div { padding: 10px; } .d-flex-vcenter { display: flex; align-items: center; } .m-left-auto { margin-left: auto; } .customerTabContainer { min-height: 300px; } .customer-details-container .card-body h3.statistic_value { position: absolute; bottom: 0px; margin: auto auto; width: 100%; padding-right: 30px; } .customer-details-container .row.my-0.text-center,.customer-details-container .row.my-0.text-center .col-6 { height: 100%; min-height: 70px; } .orderNoRemainingTimePill { background-color: #d9534f; color: white; padding: 1px 8px; border: none; text-align: center; display: inline-block; border-radius: 16px; } /*** IO FLEX GRID ***/ ul.objects { margin: 0 0 1; padding: 0; list-style: none outside; } .objects ul li, ul.objects li { list-style: none outside } ul.objects { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } ul.objects li.io-col{ position:relative; flex:0 0 100%; width:100% } ul.io-cols-lg-8 li.io-col{ max-width:12.5%; flex:0 0 12.5% } ul.io-cols-lg-7 li.io-col{ max-width:14.2857%; flex:0 0 14.2857% } ul.io-cols-lg-6 li.io-col{ max-width:16.6666%; flex:0 0 16.6666%} ul.io-cols-lg-5 li.io-col{ max-width:20%; flex:0 0 20% } ul.io-cols-lg-4 li.io-col{ max-width:25%; flex:0 0 25% } ul.io-cols-lg-3 li.io-col{ max-width:33.3333%; flex:0 0 33.3333% } ul.io-cols-lg-2 li.io-col{ max-width:50%; flex:0 0 50% } ul.io-cols-lg-1 li.io-col{ max-width:none; flex:0 0 100% } @media (max-width: 767px) { ul.io-cols-xs-3 li.io-col{max-width:33.3333%;flex:0 0 33.3333%} ul.io-cols-xs-2 li.io-col{max-width:50%;flex:0 0 50%} ul.io-cols-xs-1 li.io-col{max-width:none;flex:0 0 100%} } @media (max-width: 575px) { ul.io-cols-ls-2 li.io-col{max-width:50%;flex:0 0 50%} ul.io-cols-ls-1 li.io-col{max-width:none;flex:0 0 100%} } @media (min-width: 1400px) { /* ul.io-cols-xl-8 li.io-col{max-width:12.5%;flex:0 0 12.5%} ul.io-cols-xl-7 li.io-col{max-width:14.2857%;flex:0 0 14.2857%} ul.io-cols-xl-6 li.io-col{max-width:16.6666%;flex:0 0 16.6666%} ul.io-cols-xl-5 li.io-col{max-width:16.6666%;flex:0 0 16.6666%} */ ul.io-cols-xl-4 li.io-col{max-width:25%;flex:0 0 25%} } .datepicker-days .disabled{ color: red !important; } .paginate_button.page-item.active a{ background-color: #ff6715 !important; border-color: #ff6715 !important; } .restartCorrectionOptionContainer{ height: 290px; margin-left: .5rem!important; } .restartCorrectionOptionContainer.active{ height: 290px; margin-left: .5rem!important; background-color: #ff6715; color: white !important; } .dataTables_scrollBody { -ms-overflow-style: none; } .dataTables_scrollBody { overflow: -moz-scrollbars-none; } .dataTables_scrollBody::-webkit-scrollbar { width: 0 !important } .dataTables_processing { background-color: transparent !important; border: none; box-shadow: none; z-index: 9999; } .dataTables_processing div{ margin: 0 auto !important; background-color: white; } .dataTables_scrollHeadInner, .dataTables_scrollHeadInner table { width: 100% !important; } .dataTables_length .bootstrap-select { width: 75px !important; } #customerPlan #tui-editor-container { width: calc(50vw - 220px); display: block; } #customerPlan { width: calc(50vw - 220px); min-height: 1200px; } .bootstrap-autocomplete { margin-left: 1rem; margin-top: -1px; -webkit-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.2); } .bootstrap-autocomplete a { cursor: pointer; } .bootstrap-autocomplete a.active, .bootstrap-autocomplete a:hover { color: white !important; } div[aria-describedby="autoLogoutAfter"] .ui-icon{ width: 0 !important; height: 0 !important; display: none !important; } .dropdown.bootstrap-select.show-tick .dropdown-menu { min-width: 100% !important; } .dt-export-buttons .dt-buttons { float: right; } .dt-export-buttons .dt-button { border-width: 1px; border-style: solid; background-color: #ff6715; border-color: #ff6715; color: #ffffff; border-radius: 100px; padding: 8px 32px; font-size: 14px; display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; } .dt-export-buttons .dt-button:hover { border-color: #ff6715; background-color: #ffffff; color: #000000; text-decoration: none; } .tuiFullWidth { width: 100vw; text-align: center; } .tuiFullWidth #tui-editor-container { width: calc(100vw / 2 - 80px); display: block; } .bootstrap-select .dropdown-menu.show:not(.inner) { width: 400px !important; overflow-y: hidden; } .bootstrap-select .dropdown-menu.inner.show { overflow-y: hidden !important; } .bootstrap-select .dropdown-header .text { cursor: pointer; } ul.nav a.disabled, ul.nav li.disabled.nav-item, a.disabled-cursor { cursor: not-allowed; } .downloadXMLBackBay { width: 100%; } .btn-secondary.openDownloadSepaBackpayXml:hover { color: white !important; }