/* 3/27/2021 - Don't know why it's on but must be off for bsModals to not scroll the background... */ html { /* overflow-y: scroll; */ } /******************/ /* Dirk se Styles */ /******************/ /* Stops the page in the background to jump to the top on modal open */ /* 3/27/2021 - Don't know why it's on but must be off for bsModals to not scroll the background... can not simulate the above fix*/ body.modal-open { /* overflow: visible; */ } /* Stops the browser default borders when content is selected to be edited */ [contenteditable="true"]:active, [contenteditable="true"]:focus { border: none; outline: none; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: lightgray; } ::-webkit-input-placeholder { /* Edge */ color: lightgray; } ::placeholder { color: lightgray; } input[type="text"]::-ms-clear { /* Hide the cross in IE */ display: none; } .alert { font-size: 13px; } .centreScreen { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .errInput { border-color: #a94442 !important; box-shadow: inset 0 1px 1px #00000013 !important; } .errInput:focus { -webkit-box-shadow: inset 0 1px 1px #00000013, 0 0 8px #a94442; border-color: #a94442 !important; box-shadow: inset 0 1px 1px #00000013, 0 0 8px #a94442 !important; } .errLabel { color: #a94442; } .hidden { display: none; } .modalCentre { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; } .mousePointer { cursor: pointer; } .mousePointer:hover { text-decoration: none; } .select2-container .select2-selection--single { height: 35px !important; border-radius: 4px 0px 0px 4px; } .select2-container *:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); border-color: #66afe9 !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); outline: 0; } .sPreloaderBackdrop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 13000; opacity: 0; } /**********/ /*iMessage*/ /**********/ .iMsg { -ms-transform: translateY(-50%, -50%); bottom: 10px; left: 50%; margin: 0 auto; overflow: hidden; position: fixed; transform: translate(-50%, -50%); width: 40%; z-index: 20000; } /*************/ /*Search Box */ /*************/ .sb { color: black; height: 34px; position: relative; vertical-align: middle; width: 100%; z-index: 1001 !important; } .sbs { height: 34px; position: relative; vertical-align: middle; width: 100%; } .sb-backIcon { background-color: transparent; color: royalblue; cursor: pointer; font-size: 16px; height: 40px; padding: 12px; width: 38px; } .sb-cell { -webkit-overflow-scrolling: touch; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; transition: 0.5s; width: 100%; z-index: 9000; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); overflow-x: hidden; overflow-y: scroll; bottom: 0; right: 0; } .sb-container { background-color: white; border: 1px solid #ccc; border-radius: 10px; left: 0px; position: absolute; width: 100%; min-width: 150px; } .sb-containerFocus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); border-color: #66afe9 !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); outline: 0; z-index: 9000; } .sb-containerFocusError { -webkit-box-shadow: inset 0 1px 1px #00000013, 0 0 8px #a94442; border-color: #a94442 !important; box-shadow: inset 0 1px 1px #00000013, 0 0 8px #a94442; outline: 0; z-index: 9000; } .sb-containerField { background-color: white; border: 1px solid #ccc; border-radius: 4px; left: 0px; position: absolute; width: 100%; min-width: 150px; } .sb-hint { -ms-transform: translateY(-50%); -webkit-appearance: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none !important; color: lightgray !important; font: normal normal normal 14px arial, sans-serif; left: 0px; margin: 0; outline: 0px !important; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .sb-hover { background-color: whitesmoke; } .sb-icon { background-color: transparent; color: royalblue; cursor: pointer; font-size: 16px; padding: 9px; } .sb-icons { align-self: center; display: inline-block; height: 34px; white-space: nowrap; position: relative; } .sb-icon2 { color: lightgray; font-size: 16px; position: absolute; left: 8px; top: 8px; } .sb-icon3 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; color: lightgray; float: right; font-size: 16px; transform: rotate(45deg); padding: 8px; } .sb-icon3Block { cursor: pointer; float: right; position: absolute; right: 8px; top: 2px; width: 40px; height: 40px; } .sb-input { -ms-transform: translateY(-50%); -webkit-appearance: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none !important; color: #555; font: normal normal normal 14px arial, sans-serif; left: 0px; margin: 0; outline: 0px !important; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .sb-input::-ms-clear { display: none; width: 0; height: 0; } .sb-input::-ms-reveal { display: none; width: 0; height: 0; } .sb-input::-webkit-search-decoration, .sb-input::-webkit-search-cancel-button, .sb-input::-webkit-search-results-button, .sb-input::-webkit-search-results-decoration { display: none; } .sb-inputs { background-color: transparent; align-self: center; flex: 1 200px; height: 18px; left: 8px; position: relative; } .sb-item { cursor: pointer; height: 40px; position: relative; width: 100%; } .sb-line { border-top: 1px solid #e8eaed; margin: 0 14px; padding-bottom: 4px; } .sb-results { max-height: 420px; overflow-y: auto; } .sb-results::-webkit-scrollbar { width: 10px; } .sb-results::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 5px; } .sb-results::-webkit-scrollbar-thumb { background: lightgrey; border-radius: 10px; } .sb-results::-webkit-scrollbar-thumb:hover { background: gray; } .sb-searchBar { display: flex; } .sb-text { display: inline-block; font: normal normal normal 16px/1.5 arial, sans-serif; left: 30px; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 8px; width: 75%; white-space: nowrap; } .sb-voiceBox { align-items: center; background: white; display: flex; flex-direction: row; height: 150px; justify-content: center; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 9001; } .sb-voiceExit { color: black; cursor: pointer; font-size: 18px; position: absolute; right: 8px; top: 8px; } .sb-voiceIcon { color: gray; cursor: pointer; font-size: 60px; padding-left: 50px; padding-right: 10px; } .sb-voiceText { color: red; font: normal normal normal 22px/1.5 arial, sans-serif; padding-left: 10px; } /*********/ /* Tasks */ /*********/ .sTask { display: flex; flex-direction: row; justify-content: flex-start; } .sTaskHeading { font-size: 0.75rem; font-weight: bold; padding-top: 0.1rem; } .sTasks { background-color: rgba(226, 227, 228, 0.9); bottom: 2%; display: flex; flex-direction: column; margin: 0 auto; padding: 0.5rem; position: fixed; right: 2%; width: 250px; z-index: 9000; } .sTaskButton { height: 1rem; font-size: 0.75rem; color: #fff; background-color: #ca1616; border-radius: 0.25rem; cursor: pointer; padding-left: 0.25rem; padding-right: 0.25rem; } /******************/ /* Cookie Consent */ /******************/ .cc-window { opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { -webkit-transition: transform 1s ease; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .cc-animate.cc-revoke.cc-top { -webkit-transform: translateY(-2em); transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2em); transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-top { -webkit-transform: translateY(0); transform: translateY(0); } .cc-animate.cc-revoke.cc-active.cc-bottom { -webkit-transform: translateY(0); transform: translateY(0); } .cc-revoke:hover { -webkit-transform: translateY(0); transform: translateY(0); } .cc-grower { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; } .cc-revoke, .cc-window { position: fixed; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 14px; line-height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999; } .cc-window.cc-static { position: static; } .cc-window.cc-floating { padding: 2em; max-width: 24em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-revoke { padding: 0.5em; } .cc-revoke:hover { text-decoration: underline; } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; } .cc-link { opacity: 0.8; display: inline-block; padding: 0.2em; text-decoration: underline; } .cc-link:hover { opacity: 1; } .cc-link:active, .cc-link:visited { color: initial; } .cc-btn { display: block; padding: 0.4em 0.8em; font-size: 0.9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; } .cc-close { display: block; position: absolute; top: 0.5em; right: 0.5em; font-size: 1.6em; opacity: 0.9; line-height: 0.75; } .cc-close:focus, .cc-close:hover { opacity: 1; } .cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; } .cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { right: 3em; left: unset; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating>.cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-window.cc-floating .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .cc-window.cc-banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; } .cc-banner .cc-message { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin-right: 1em; } .cc-compliance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; } .cc-floating .cc-compliance>.cc-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc-btn+.cc-btn { margin-left: 0.5em; } @media print { .cc-revoke, .cc-window { display: none; } } @media screen and (max-width: 900px) { .cc-btn { white-space: normal; } } @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; } } .cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em; margin-bottom: 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: 0.8em 1.8em; height: 100%; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn { margin-left: 0; }