html, body {font-size: 16px;}
body { background-color: #FFFFFF; touch-action:pan-y; }

.fefh {min-height: 100%;position: relative;box-sizing: border-box; padding-bottom:200px;}
.wrapper-content {padding:8px 10px 0;}
.navbar-default { background-color: #2f4050; }

.cursor-pointer { cursor: pointer; }

.login-body {color:#FFFFFF; background-attachment: fixed; position:relative; }
.login-body .bg-image {position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: flex;}
.login-body .bg-image img { opacity: 0; filter: blur(20px); object-fit: cover;  height: 100%; width: 100%; resize: both; object-position: 50% 100%; }
.login-body.loaded .bg-image img {opacity: 1; transition: opacity 1s ease, filter 1s ease; z-index: 0; filter: none; }
.login-body .bg-image:before {content: " "; width: 100%; height: 100%; background-color:#0f3759; position:fixed; opacity:1; left: 0; top: 0; z-index: 1;}
.login-body.loaded .bg-image:before {background-color:#0f3759; opacity: .7; transition: background 1s ease, opacity 1s ease;}
.login-body .logo-name {opacity: 0; position: relative; top: -20px;}
.login-body.loaded .logo-name {opacity: 1; top: 0; transition: opacity 1s ease .2s, top 1s ease .2s;}
.login-body .logo-subname {opacity: 0; position: relative; top: -20px;}
.login-body.loaded .logo-subname {opacity: 1; top: 0; transition: opacity 1s ease .2s, top 1s ease .2s;}
.login-body .loginscreen {opacity: 0; position: relative; top: -20px;}
.login-body.loaded .loginscreen {opacity: 1; top: 0; transition: opacity 1s ease .3s, top 1s ease .3s;}
.login-body .login-footer {opacity: 0; bottom: -20px;}
.login-body.loaded .login-footer {opacity: 1; bottom: 0; transition: opacity 1s ease .4s, bottom 1s ease .3s;}
.login-body {overflow-y: hidden;}


.login-body h1.logo-name { font-size: 55px; letter-spacing: -0.1rem; font-weight: 400; text-align: center; margin: 0; padding: 10px 0;}
.login-body h1.logo-name img {max-width: 400px; width: 100%; padding: 0 20px 0 40px;}
.login-body .logo-subname {text-align: center;font-size:0.95rem;}
.login-body .loginscreen.middle-box { margin: auto; padding: 0; }
.login-body .registerscreen.middle-box { padding: 0; margin: auto;  width: auto; max-width: 780px;}
.login-body form a { color:#FFFFFF; }
.login-body form a:hover { color:#FFFFFF; }
.login-body form .form-control {color:#212529;}
.login-body a { text-decoration: underline; color: #007bff; }
.login-body a:hover { text-decoration: none; color: #0da060; }
.login-body .btn.btn-login { color:#a9a9ab; }
.login-body .btn.btn-login:hover { color:#337ab7; }
.login-body .login-footer {position:absolute; bottom:0; left:0; width: 100%; background-color:#e6e6e6; color:#212529; border-top: 3px solid #a9a9ab; }
.login-body .login-footer .footer-light {padding: 30px 0;}
.login-body .login-footer .footer-light h4 {color: #0f3759; text-transform: none; font-size:14px;}
.login-body .login-footer .footer-light .footer-container {font-size:12px;}
.login-body .login-footer .footer-light .footer-container a {color:#007bff;}
.login-body .login-footer .footer-dark {padding: 7px 0; color:#FFFFFF; font-size:12px; background-color:#0f3759;}
.login-body .alert.alert-danger {background-color:#dc3545; border-color:#ba2d3a; color:#FFFFFF; padding: 0.5rem 1rem; }
.login-body .alert.alert-danger .close {text-shadow: 0 1px 0 #ba2d3a; color: #FFFFFF; font-size:1.5rem; }
.login-body .dropdown-menu {background-color:#012038; min-width: 110px;}
.login-body .dropdown-menu a:hover {text-decoration: none; background-color: #0f3759; color:#FFFFFF;}
.login-body .btn.btn-transparent {color:#FFFFFF; margin-top:-5px; }
.login-body .btn.btn-transparent img {max-width: 20px; }
.btn.btn-transparent {border: 0 none; background-color: transparent; color: #000000;}

.passwordMeter {position:relative;}
.passwordInformation { border: 1px solid rgba(0, 41, 66, 0.92); background-color:rgba(0, 41, 66, 0.92); padding: 10px; z-index:1; border-radius:4px; margin: 10px 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); color:#FFF; }
.section-register .passwordInformation { }
.passwordInformation .strengthPlace {width:100%; height:20px; border-radius: 3px; border:1px solid #FFF; margin-bottom:5px; overflow:hidden; position:relative; }
.passwordInformation .strengthPlace .strengthTitle {opacity:0; height:18px; line-height:18px; position:absolute; text-align:center; transition: width 400ms ease, color 400ms ease; box-sizing: border-box;}
.passwordInformation .strengthPlace[data-strength="0"] .strengthTitle {color:#FFF; background-color:transparent; width:0%;}
.passwordInformation .strengthPlace[data-strength="1"] .strengthTitle {color:#FFF; background-color:#dc3545; width:33.3%;}
.passwordInformation .strengthPlace[data-strength="2"] .strengthTitle {color:#FFF; background-color:#A4A773; width:66.6%;}
.passwordInformation .strengthPlace[data-strength="3"] .strengthTitle {color:#FFF; background-color:#28a745; width:100%;}
.passwordInformation .strengthPlace[data-strength="0"] .strengthTitle[data-for="1"],
.passwordInformation .strengthPlace[data-strength="1"] .strengthTitle[data-for="1"],
.passwordInformation .strengthPlace[data-strength="2"] .strengthTitle[data-for="2"],
.passwordInformation .strengthPlace[data-strength="3"] .strengthTitle[data-for="3"] {opacity:1;}
.passwordInformation ul {list-style-type: none; margin:0; padding:0;}
.passwordInformation ul li {color:#dc3545; margin-left:23px;}
.passwordInformation ul li span {text-align:left; width:20px; margin-left:-23px;}
.passwordInformation ul li span.text-primary {display:none;}
.passwordInformatfion ul li span.text-danger {display:inline-block;}
.passwordInformation ul li[data-checked="true"] { color:#28a745 ;}
.passwordInformation ul li[data-checked="true"] span.text-primary {display:inline-block;}
.passwordInformation ul li[data-checked="true"] span.text-danger {display:none;}
.login-body .text-success {color:#28a745;}
.login-body .consent-background {background-color:#F0F0F0; padding: 25px 30px 30px; border: 1px solid #dddddd; color: #000000;}
.login-body .consent-header {margin: -25px -30px 25px -30px; background-color:#0f3759; padding: 10px 30px 10px 30px; font-size:16px; color:#FFFFFF;}
.login-body .alert-white {border: 1px solid #dddddd; background-color:#FFFFFF;}
.login-body .consent-background ul, .login-body .consent-background ol {padding-left:25px;}
.login-body .consent-background .consent-scrollable > :last-child {margin-bottom: 0;}
.login-body .consent-scrollable {max-height: 200px; overflow: auto; margin-top:.5rem; padding: 0;}
.login-body .consent-title {font-weight:700; font-size:17px; color:#0072BB; margin: 0;}
.login-body .consent-background .btn-block + .btn-block {margin-top:0;}
.login-body .consent-background .alert-white[data-status="waiting"] .consent-icon i:not(.fa-history),
.login-body .consent-background .alert-white[data-status="pending"] .consent-icon i:not(.fa-history) {display:none;}
.login-body .consent-background .alert-white[data-status="accepted"] .consent-icon i:not(.fa-check)  {display:none;}
.login-body .consent-background .alert-white[data-status="revoked"] .consent-icon i:not(.fa-times)  {display:none;}
.login-body .consent-background .alert-white[data-status="accepted"] .consent-title:hover {text-decoration:underline; cursor:pointer;}
.login-body .consent-background .consent-buttons {margin-top:10px;}
.login-body .consent-scrollable::-webkit-scrollbar {-webkit-appearance: none;}
.login-body .consent-scrollable::-webkit-scrollbar:vertical {width: 11px; background-color:#eeeeee; color:#eeeeee;}
.login-body .consent-scrollable::-webkit-scrollbar:horizontal {height: 11px;}
.login-body .consent-scrollable::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid white; background-color: rgba(0, 0, 0, .5);}
.login-body .consent-scrollable::-webkit-scrollbar-track {background-color: #eeeeee;border-radius: 8px;}
.login-body .consent-header a {color:#FFFFFF; font-size:13px;}
.login-body .consent-header .flags-container {float: right; margin-left: 10px;}
.login-body .consent-header .flags-container .btn.btn-default {background:transparent; outline: none; border: 0 none; margin-top:-5px; margin-right: -10px; color:#FFFFFF;}
.login-body .consent-header .flags-container .dropdown-menu {min-width: auto; border-radius:0; color:#FFFFFF; background-color:#0f3759; left: auto; right: -10px;}
.login-body .consent-header .flags-container .dropdown-menu li a {color:#FFFFFF; font-size:13px;}
.login-body .consent-header .flags-container .dropdown-menu li a:hover {background-color: #0f3759;}
.login-body .has-error .form-text {background-color: #dc3545; color: #FFFFFF; border: 1px solid #c0303e; display: inline-block; padding: 0 0.5rem; }
.login-body .has-error h2 {color:#dc3545;}
.login-body .has-error h2 + div {color:#dc3545;}
.login-body input[disabled], .login-body select[disabled] {opacity:0.5; cursor: not-allowed;}
.login-body label.disabled {opacity:0.5;}
.login-body label.disabled .fas.fa-asterisk {color: #FFFFFF;}
.text-very-muted {color: #ccc;}
.login-body hr {border-color: #FFFFFF;}
.login-body .consent-background hr {border-color: #ddd;}

.login-body .g-recaptcha {display:inline-block;}
.login-body .fas.fa-asterisk {color: #ff3b51;}
.login-body .password-area.with-error input {border-color: #ed5565;}
.login-body .password-area.with-error .passwordInformation {border: 1px solid #ed5565;}
.login-body .captcha-protection img {border: 1px solid #ffffff; margin-bottom: 1rem;}

@media (min-width: 576px) {
    .login-body .in-login { top: 50%;position: absolute;left: 0;right: 0;margin-top: -220px; }
}
@media (max-width: 575px) {
    .login-body h1.logo-name {font-size:40px;}
}

body:not(.wide-view) .toggle-side-renderer.toggle-side-renderer-normal {display:none;}
body.wide-view .toggle-side-renderer.toggle-side-renderer-maximize {display:none;}
body.side-renderer-maximized #tableRenderer {display:none;}
body.side-renderer-maximized .positions-notes-list.hidden {display:block !important; overflow: hidden; padding-right: 15px; visibility: visible; pointer-events: auto; width: 50%;}
body.side-renderer-maximized .kr3d-display {width: 50%; float: right; padding-left:15px;}
body.side-renderer-maximized #krpano3dImages {margin-left:15px;}
body.side-renderer-maximized #krpano3dImage {margin-left:15px;}
body.side-renderer-maximized .positions-list {display: block !important; }

#sideRenderer.pano-fullscreen .toggle-side-renderer,
#sideRenderer.deck-fullscreen .toggle-side-renderer { opacity: 0.65; pointer-events: none; cursor: default; color: #cacaca !important; border-color: #e7eaec !important; }

body:not(.table-renderer-maximized) .toggle-table-renderer.toggle-table-renderer-normal {display:none;}
body.table-renderer-maximized .toggle-table-renderer.toggle-table-renderer-maximize {display:none;}
body.table-renderer-maximized #tableRenderer { flex: 0 0 100%; max-width: 100%; }
body.table-renderer-maximized #sideRenderer {display:block; position: absolute; left: 100%; overflow: visible; }
body.table-renderer-maximized .clone-table-select-tools { left: -200%; right: calc(100% + 10px); }
.clone-table-select-tools .form-control.w-200 { width: 200px; }
.clone-table-select-tools .form-control.w-50 { width: 50px; max-width: 50px; }
body.table-renderer-maximized.wide-view #tableRenderer .table-holder { display: block;}
body.dac-view.table-renderer-maximized #sideRenderer { overflow: hidden; }

body.role_device #page-wrapper { width: 100% !important; }
body.role_user #page-wrapper { width: 100% !important; }
body.role_temporary #page-wrapper { width: 100% !important; }

span.twitter-typeahead .tt-menu { cursor: pointer; }
span.twitter-typeahead .tt-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 13px; color: #373a3c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0.25rem; }
span.twitter-typeahead .tt-suggestion { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; }
span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; }
span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover { color: #fff; text-decoration: none; background-color: #0275d8; outline: 0; }
span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover { color: #818a91; }
span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
span.twitter-typeahead { width: 100%; }
.form-group span.twitter-typeahead { display: block !important; width: auto; }
.form-group span.twitter-typeahead .tt-menu { top: 2.375rem !important; }


.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td { padding: 4px 8px; vertical-align: middle; }
.table.table-projects tbody td {padding: 6px 8px;}
.table.table-padding tbody td {padding: 8px 10px;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {bottom:3px; display: none !important;}
.nav-header {padding: 15px 25px;}
.dashboard-header {background-color: #FFFFFF; margin: 0 -5px; padding: 20px 10px;}
.profile-title {clear: both; overflow: hidden; border-bottom: 2px solid #2f4050; padding-bottom: 15px; margin-bottom:15px; }
.profile-title .rounded-circle {width: 48px; height: 48px; float: left; background-color: #f3f3f4; text-align: center; line-height: 48px; font-size: 20px; font-weight: 600; margin-right: 10px;}
.profile-title .profile-content {font-size:14px; color: #f3f3f4; margin-top:3px;}
.ibox-relative {position:relative}
.ibox-relative .ibox-icon-big {font-size:80px; position:absolute; right: 20px; top:0; z-index:1; opacity:0.2; transform: rotate(-10deg);}
.flot-chart.dashboard-chart {height: 210px; margin-top:0; }
.statistic-box {margin-top:0;}
.row.row-eq-height { display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display:flex;flex-wrap: wrap;}
.row.row-eq-height > [class*='col-'] {display: flex;flex-direction: column;}
.row.row-eq-height > [class*='col-'] > .ibox {height: 100%; background-color:#FFFFFF;}
.ibox-content .width-10 {margin: -5px -10px -10px -10px; width: auto;}
.ibox-content .fullwidth {margin: 0 -20px 0 -20px; width: auto;}
.timeline-item .date {text-align:left; padding-top:0;}
.timeline-item .content {min-height: auto; padding: 5px 15px;}
.timeline-item .content p {margin: 1px 0 0; font-size:12px; }
.inspinia-timeline .text-navy {font-size:75%; display:inline-block; position:relative; top:-4px;}
.dataTables_wrapper {padding-bottom:0;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {float:right;}
.page-item.active .page-link {border-color:#dee2e6; background-color:#eeeeee; color:#888888;}
.qm-status {font-size:11px; font-weight:700;}
.qm-status .progress {max-width: 100px; }
.status-summary .qm-status {font-weight:400; font-size:inherit;}
.status-summary .qm-status .progress {max-width: 100%;}
.status-summary .qm-status .status-desc {font-size:11px; font-weight:700; }
table.dataTable {border-collapse: collapse !important;}
.dataTables_wrapper.container-fluid {padding-left:0; padding-right:0;}
div.table-heading {line-height:1.42857; padding: 8px; background-color:rgba(0,0,0,.05); border-top: 2px solid #e9e7e7;}
.table-striped.table-striped-2 tbody tr.tr-bg-odd {background-color:transparent;}
.table-striped.table-striped-2 tbody tr.tr-bg-even {background-color:rgba(0,0,0,.05);}
.table-striped.table-striped-2 thead tr {background-color:rgba(0,0,0,.05);}
.table-striped.table-striped-2 tbody tr.tr-bg-even:hover {background-color:rgba(0,0,0,.03);}
.table-striped.table-striped-2 tbody tr.tr-bg-odd:hover {background-color:rgba(0,0,0,.08);}
table.dataTable.mt-0 {margin-top: 0 !important;}
.dataTables_wrapper > .row > [class*='col-']:empty {display:none;}
.table > thead > tr > th {font-size:11px; font-weight:700;}
.dataTables_info {display:none;}
table.table-click tr {cursor:pointer;}
table.table-click tbody tr.active {background-color:#DDEDF7 !important;}
table.table-click tbody tr.active:hover {background-color:#D2E2EB !important;}
table.table-click .table-click-title {}
table.table-click tr.active .table-click-title {color:#007bff; }
.has-error .form-text {color:#ed5565; }
.has-success .form-text {color:#1ab394; }
.has-warning .form-text {color:#f8ac59; }
.has-info .form-control, .has-success .form-control:focus {border-color:#007bff;}
.has-info .form-text {color:#007bff;}
.form-control::placeholder {color:#bbbbbb;}
.hidden {display: none !important;}
.inmodal .modal-header {border-bottom-color: rgba(0,0,0,0.1);}
.inmodal .modal-footer {border-top-color: rgba(0,0,0,0.1);}
.inmodal .modal-body {background-color:transparent;}
.modal-header .close {position:absolute; right: 1rem;}
.modal-body {padding: 20px 30px;}
.modal.naked .modal-content {border: 0 none; box-shadow: none; margin: 0 1px;}
.modal.naked + .modal-backdrop {display: none;}
.opener {width: 20px; height: 20px; line-height: 20px; margin: -2px; display:inline-block; text-align:center; font-style: normal !important; cursor:pointer; position: relative; top: 1px;}
.opener.opener-caret:hover {color: #007bff;}
.opener.opener-caret::before {font-family: "Font Awesome 6 Pro"; content: "\f0da"; font-weight:100;}
.opener.opener-caret:hover::before {font-weight: 900; }
.opener.opener-checkbox {width: 24px; height: 24px; line-height: 22px; font-size: 16px;}
.opener.opener-checkbox:hover {color: #007bff;}
.opener.opener-checkbox::before {font-family: "Font Awesome 6 Pro"; content: "\f0c8"; font-weight:100;}
.opener.opener-checkbox:hover::before {font-weight: 900; }
.opener.opener-checkbox.checked::before {content: "\f14a"; font-weight:900; color:#007bff;}

[data-children="false"] > .opener { visibility: hidden; pointer-events: none;}
[data-opened="true"] > .opener i { transform: rotate(90deg); }
.folder-parent-group[data-opened="false"] { display: none; }
.folder-parent { white-space: nowrap; }
.cursor-default {cursor: default;}

.backer {width: 20px; height: 20px; line-height: 20px; margin: -2px; display:inline-block; text-align:center; font-style: normal !important; cursor:pointer;transition: transform 400ms ease;}
.backer.backer-caret:hover {color: #007bff;transform: rotate(90deg); }
.backer.backer-caret::before {font-family: "Font Awesome 6 Pro"; content: "\f0d9"; font-weight:900;}
.dataTables_empty {padding: 10px !important; border-bottom: 1px solid #e9e7e7;}
.dataTables_filter {display:none;}
.has-error .form-control.no-error {border-color:#e5e6e7;}
.has-error .form-control.no-error:focus {border-color:#1ab394;}
.has-error .input-group-addon {border-color: #ed5565; }
.has-error .custom-control-label::before {border-color:#ed5565; }
span.hover-filter {display:inline-block;}
span.hover-filter i {opacity:0; transition: all 400ms ease; color:#bbbbbb; height: 18px; line-height: 20px; width: 20px; border-radius: 3px; font-size:11px;}
span.hover-filter:hover i {opacity:1;}
span.hover-filter:hover i:hover {color: #ffffff; background-color:#18a689;}
.custom-control {padding-left:1.75rem;}
.custom-control-label {margin-top:2px;}
.custom-control-label::before {background-color:transparent; border: 1px solid #dee2e6; border-radius: 0 !important; width:1.25rem; height:1.25rem; top:.25rem; }
.custom-control-label::after {width:1.25rem; height:1.25rem; top:.25rem;}
.custom-radio .custom-control-label::before {border-radius: 50% !important; }
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #007bff; }
.custom-control * { cursor:pointer; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow:none !important; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color:#1ab394;}
.custom-control-input:active~.custom-control-label::before {background-color: #ccfff5}
.custom-control label {font-size: 16px;}
select.form-control.size-s {padding: 6px 3px;}
.krpano-outline {border: 1px solid #e5e6e7;}
.krpano.in-form {width: 100%; height: 250px;}
.krpano.in-view {width: 100%; height: 350px;}
.krpano.in-preview {width: 100%; height: calc(100vh - 611px); }
#sideRenderer.pano-preview.deck-fullscreen .krpano.in-preview {min-height: auto; }
.form-control.no-resize {resize: none;}
.label-status-eq {width: 65px; display:inline-block; text-align:center; padding-left: 0; padding-right: 0; }
.label-status-eq.label-status-eq-15 {width: 15px; }
.label-status-us-eq {width: 80px; display:inline-block; text-align:center; font-size: .95rem; padding: 5px 0;}
label {font-size:15px; font-weight:700; margin-bottom:0;}
.custom-control label {font-weight:400;}
.input-file input[type="file"] {position:fixed; opacity:0; visibility: hidden; top: -1000px; }
.displaced {position:fixed; opacity:0; visibility: hidden; top: -1000px; }
.input-file input[type="file"] + [type="text"] { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.input-file .form-control[readonly] {background-color:#FFFFFF; cursor:pointer;}
.form-control.readonly-white[readonly] {background-color:#FFFFFF; cursor:pointer; cursor: text;}
.input-file .btn-outline-secondary {border-color:#e5e6e7;}
.krpano-outline .alert-big,
.alert-big.alert-loader {font-size:16px; font-weight:normal; color:#007bff; padding: 80px 0; text-align:center;}
.krpano-outline .alert-big i,
.alert-big.alert-loader i {font-size: 40px;}
.krpano-outline .krpano-list {max-height: 300px;}
.decks-preview {max-height: 325px; overflow-y: auto;}
.decks-preview-extended {max-height: 600px; overflow-y: auto;}
.deck-preview-line {margin:15px;}
.deck-preview-line .deck-title {color:#ed5565; font-weight:600; padding-left:0; padding-right: 0; width: 100px; word-wrap: break-word; word-break: break-all; transition: color 300ms ease; }
.deck-preview-line[onclick] { cursor:pointer; }
.deck-preview-line[onclick]:hover .deck-title { color: #d34b5a; }
.deck-preview-line[onclick]:hover .map-img { border-color: #007bff; }
.link {display:inline-block; color:#007bff; cursor:pointer;}
.link:hover {color:#0056b3;}
.col-form-label.light {font-weight:400;}
.deck-replacement-image {padding: 5% 0; font-size:20px; font-weight: bold; color:#007bff; border: 1px solid #e5e6e7; }
#krtemplates { display:none; }
#krpano3d::before {position:absolute; content: " "; display: none; width: 2px; height: 80%; top: 10%; background-color: rgba(255,255,255,0.5); box-shadow: 0 0 20px rgba(0,0,0,1); left: 50%; margin-left:-1px; z-index:5; }
#krpano3d.show-heading::before {display:block;}
body.view-release #krpano2d { position:fixed; left:0; top:0; width: 100%; height: 100%;  }
body.view-release #krpano3d { position:fixed; left:0; top:0; width: 100%; height: 100%;  }

.krpano .panorama-hotspot { position: absolute; cursor: pointer; user-select: none;}
.krpano .panorama-hotspot.highlight .hotspot-icon {box-shadow: 0 0 3px 3px rgba(0,0,0,0.5), 0 0 25px 0px rgba(0,0,0,0.75) }
.krpano .panorama-hotspot .hotspot-icon {position: absolute; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(246, 167, 7, 0.8); border: 3px solid #FFF; transition: all 400ms ease; left:-30px; top:-30px; text-align:center; box-sizing: content-box;  transition: all 400ms ease; transform: scale(1); overflow:hidden; }
.krpano .kr-hotspot.outline .panorama-hotspot .hotspot-icon { box-shadow: 0 0 10px 6px rgba(0,0,0,1);}
.krpano .panorama-hotspot[data-status="empty"] .hotspot-icon.border-shadow-danger {box-shadow: 0 0 3px 3px #dc3545, 0 0 25px 0px #dc3545; }
.krpano .panorama-hotspot[data-is-done="true"] .hotspot-icon {background-color: rgba(237, 85, 101, 0.8) !important;}
.krpano .panorama-hotspot[data-is-removed="true"] .hotspot-icon {background-color: rgba(193, 193, 193, 0.8) !important;}
.krpano .panorama-hotspot[data-pc-status="assigned"] .hotspot-icon,
.krpano .panorama-hotspot[data-status="captured"] .hotspot-icon,
.krpano .panorama-hotspot[data-status="assigned"] .hotspot-icon {background-color: rgba(132, 191, 120, 0.8);}
.krpano .panorama-hotspot .hotspot-icon i::before {  }
.krpano .panorama-hotspot .hotspot-icon span.caption {font-size:10px; color:#000; text-transform: uppercase; display:block; font-weight:700; height: 15px; line-height: 15px; margin-top:5px; transition: all 400ms ease; }
.krpano .panorama-hotspot .hotspot-icon i {  }
.krpano .panorama-hotspot .hotspot-icon img { width: 46px; height: 46px; position: absolute; bottom: 2px; transition: all 400ms ease; user-select: none; -moz-user-select: none; left: 0; right: 0; margin: 0 auto; }
.krpano .panorama-hotspot .hotspot-icon .custom-name-1 {display:none; }
.krpano .panorama-hotspot .hotspot-icon .custom-name-2 {display:none; }
.krpano .panorama-hotspot .hotspot-icon .priority {display:none;}

.krpano .panorama-hotspot { position: absolute;}
.krpano .panorama-hotspot .hotspot-icon {position: absolute; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(246, 167, 7, 0.8); border: 3px solid #FFF; transition: all 400ms ease; left:-33px; top:-33px; text-align:center; box-sizing: content-box;  transition: all 400ms ease; transform: scale(1); }
.krpano .panorama-hotspot[data-status="empty"] .hotspot-icon.border-shadow-danger {box-shadow: 0 0 3px 3px #dc3545, 0 0 25px 0px #dc3545; }
.krpano .panorama-hotspot[data-status="done"] .hotspot-icon,
.krpano .panorama-hotspot[data-is-done="true"] .hotspot-icon {background-color: rgba(195, 101, 42, 0.8) !important;}
.krpano .panorama-hotspot[data-is-removed="true"] .hotspot-icon {background-color: rgba(193, 193, 193, 0.8) !important;}
.krpano .panorama-hotspot[data-pc-status="assigned"] .hotspot-icon,
.krpano .panorama-hotspot[data-status="captured"] .hotspot-icon,
.krpano .panorama-hotspot[data-status="assigned"] .hotspot-icon {background-color: rgba(237, 85, 101, 0.8);}
.krpano .panorama-hotspot .hotspot-icon i::before {  }
.krpano .panorama-hotspot .hotspot-icon span.caption {font-size:10px; color:#000; text-transform: uppercase; display:block; font-weight:700; height: 15px; line-height: 15px; margin-top:5px; transition: all 400ms ease; }
.krpano .panorama-hotspot .hotspot-icon i {  }
.krpano .panorama-hotspot .hotspot-icon img { width: 46px; height: 46px; position: absolute; bottom: 2px; transition: all 400ms ease; user-select: none; -moz-user-select: none; left: 0; right: 0; margin: 0 auto; }
.krpano .panorama-hotspot .hotspot-icon .custom-name-1 {display:none; }
.krpano .panorama-hotspot .hotspot-icon .custom-name-2 {display:none; }
.krpano .panorama-hotspot .hotspot-icon .priority {display:none;}

.krpano .location-hotspot { position: absolute;}
.krpano .location-hotspot .hotspot-icon {position: absolute; width: 66px; height: 66px; border-radius: 50%; background-color: rgba(132, 191, 120, 0.8); border: 3px solid #FFF; transition: all 400ms ease; left:-33px; top:-33px; text-align:center; box-sizing: content-box;  transition: all 400ms ease; }
.krpano .location-hotspot .hotspot-icon span {font-size:10px; color:#000; text-transform: uppercase; display:block; font-weight:700; height: 15px; line-height: 15px; margin-top:5px; transition: all 400ms ease; }
.krpano .location-hotspot .hotspot-icon img { width: 46px; height: 46px; position: relative; top: -3px; transition: all 400ms ease; user-select: none; -moz-user-select: none; }

.krpano .workitem-hotspot { position: absolute; cursor: pointer; user-select: none; }
.krpano .workitem-hotspot .hotspot-icon {position: absolute; width: 66px; height: 66px; border-radius: 12px 12px 0 12px; background-color: rgba(255,255,255, 0.9); border: 1px solid #d2d2d2; transition: all 400ms ease; left:-68px; top:-68px; text-align:center; box-sizing: content-box;  transition: all 400ms ease; }
.krpano .workitem-hotspot .hotspot-icon span {font-size:10px; color:#000; text-transform: uppercase; display:block; font-weight:700; height: 15px; line-height: 15px; margin-top:5px; transition: all 400ms ease; }
.krpano .workitem-hotspot .hotspot-icon i { font-size:30px; color: #676a6c; display:block; text-align:center; margin: 0 auto; height: 35px; line-height: 40px; transition: all 400ms ease; }

.krpano .reference-hotspot { position: absolute;}
.krpano .reference-hotspot .hotspot-icon {position: absolute; width: 66px; height: 66px; border-radius: 12px 12px 0 12px; background-color: rgba(255,255,255, 0.9); border: 1px solid #d2d2d2; transition: all 400ms ease; left:-68px; top:-68px; text-align:center; box-sizing: content-box;  transition: all 400ms ease; }
.krpano .reference-hotspot .hotspot-icon span {font-size:10px; color:#000; display:block; font-weight:700; height: 15px; line-height: 15px; margin-top:5px; transition: all 400ms ease; overflow: hidden; text-overflow: ellipsis; padding: 0 0.1rem; }
.krpano .reference-hotspot .hotspot-icon i { font-size:30px; color: #676a6c; display:block; text-align:center; margin: 0 auto; height: 35px; line-height: 40px; transition: all 400ms ease; }

.krpano .workitem-hotspot-extended { position: absolute; cursor: default; font-size: 16px;}
.krpano .workitem-hotspot-extended .hotspot-area {position: absolute; width: 300px; height: auto; border-radius: 12px 12px 0 12px; background-color: rgba(255,255,255, .99); border: 1px solid #d2d2d2; transition: all 400ms ease; right:0; bottom:0; box-sizing: content-box; padding: 10px 15px; white-space: normal; min-height:46px; }
.krpano .workitem-hotspot-extended.wider .hotspot-area {width: 400px;}
.krpano .workitem-hotspot-extended .hotspot-area .workitem-edit-btn {position: absolute; left: 10px; bottom: 10px; }
.krpano .workitem-hotspot-extended .hotspot-area .wi-image:empty {display: none;}
.krpano .workitem-hotspot-extended .hotspot-area .header { font-weight: 400;font-size: 0.9rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0.25rem 0.5rem;border-radius: 4px;background-color: rgba(0,0,0,0.075);margin: 0.5rem 0; }
.krpano .workitem-hotspot-extended .hotspot-area .header2 { font-weight: 600; font-size: 1.25rem; }
.krpano .workitem-hotspot-extended .hotspot-area .number { font-weight: 700; color: rgba(0,0,0,0.5); font-size: 11px; }
.krpano .workitem-hotspot-extended .hotspot-area .status {margin-top: .5rem;}
.krpano .workitem-hotspot-extended .hotspot-area .content {margin-top: .5rem; font-size:0.9rem; font-style: italic;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments {margin-top: .5rem; border: 1px solid #e7eaec; border-radius: 4px;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachments {font-weight: 600; color: #007bff; cursor: pointer; margin-bottom: 2px; display: none;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachments-list { max-height: 155px; overflow-y: auto; overflow-x: hidden; pointer-events: all; scroll-behavior:smooth; overflow-scrolling: auto; }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachments:hover {color: #1a7bb9; }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachments i {margin-left: 5px;}
.krpano .workitem-hotspot-extended .hotspot-area.show-attachments .attachments .wi-attachments i {transform: rotate(-90deg);}
.krpano .workitem-hotspot-extended .hotspot-area.show-attachments .attachments .wi-attachments-list {max-height: 50px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;}
.krpano .workitem-hotspot-extended .hotspot-area.show-attachments .attachments .wi-attachments-list::-webkit-scrollbar {display: none;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment {display: flex; padding: 0.2rem 0.2rem 0.2rem 0.5rem; color: #676a6c; justify-content: space-between; align-items: center; cursor: pointer; font-size: 0.9rem; }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment + .wi-attachment { border-top: 1px solid #e5e6e7;}
.krpano .workitem-hotspot-extended .hotspot-area.show-attachments .attachments .wi-attachment {max-height: 50px; overflow-y: auto; overflow-x: hidden;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments:empty {display: none;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment .wi-attachment-extension { font-weight: 700; background-color: rgba(0,0,0,.075); font-size: 0.75rem; display:inline-block; padding: 0.15rem 0.3rem; margin-left:0.2rem; border-radius: 4px; color: #888 }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment .wi-attachment-icon {color: #ddd; opacity: 1; float: right; width: 20px; text-align: center;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment .wi-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; max-width: 88%; }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment .wi-extension { font-weight: 700; background-color: rgba(0,0,0,.075); font-size: 0.75rem; display:inline-block; padding: 0.15rem 0.3rem; margin-left:0.2rem; border-radius: 4px; color: #888 }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment .wi-remove-icon {opacity: 1; color: #ed5565; float: right; width: 20px; text-align: center;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment:hover {  background-color: rgba(0,0,0,0.075);  }
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment:hover .wi-attachment-icon { opacity: 1;}
.krpano .workitem-hotspot-extended .hotspot-area .attachments .wi-attachment:hover .wi-remove-icon { opacity: 1;}
.krpano .workitem-hotspot-extended .hotspot-area .buttons {margin-top: .5rem;}

#sideRenderer #krpano2d .panorama-hotspot .hotspot-icon img.hs-icon-scan3d { display: none; }
#sideRenderer #krpano2d .panorama-hotspot[data-status="empty"][data-pc-status="assigned"] .hotspot-icon img.hs-icon-panorama {display: none;}
#sideRenderer #krpano2d .panorama-hotspot[data-status="empty"][data-pc-status="assigned"] .hotspot-icon img.hs-icon-scan3d {display: block; }

body.view-release:not([data-image-type="scan3d"]) #krpano2d .panorama-hotspot .hotspot-icon img.hs-icon-scan3d { display: none; }
body.view-release[data-image-type="scan3d"] #krpano2d .panorama-hotspot .hotspot-icon img.hs-icon-panorama { display: none; }
.text-outline-1 {text-shadow: 1px 1px 0 #000000, 1px 0 0 #000000, 1px -1px 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, -1px 1px 0 #000000, -1px 0 0 #000000, -1px -1px 0 #000000; }
.text-outline-2 {text-shadow: 2px 2px 0 #000000, 2px 0 0 #000000, 2px -2px 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, -2px 2px 0 #000000, -2px 0 0 #000000, -2px -2px 0 #000000; }
.text-outline-3 {text-shadow: 3px 3px 0 #000000, 3px 0 0 #000000, 3px -3px 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, -3px 3px 0 #000000, -3px 0 0 #000000, -3px -3px 0 #000000; }
.img-outline-1 {box-shadow: 1px 1px 0 #000000, 1px 0 0 #000000, 1px -1px 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, -1px 1px 0 #000000, -1px 0 0 #000000, -1px -1px 0 #000000; }
.img-outline-2 {box-shadow: 2px 2px 0 #000000, 2px 0 0 #000000, 2px -2px 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, -2px 2px 0 #000000, -2px 0 0 #000000, -2px -2px 0 #000000; }
.img-outline-3 {box-shadow: 3px 3px 0 #000000, 3px 0 0 #000000, 3px -3px 0 #000000, 0 3px 0 #000000, 0 -3px 0 #000000, -3px 3px 0 #000000, -3px 0 0 #000000, -3px -3px 0 #000000; }
.text-outline-1.text-outline-white {text-shadow: 1px 1px 0 #FFFFFF, 1px 0 0 #FFFFFF, 1px -1px 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px 0 0 #FFFFFF, -1px -1px 0 #FFFFFF; }
.text-outline-2.text-outline-white {text-shadow: 2px 2px 0 #FFFFFF, 2px 0 0 #FFFFFF, 2px -2px 0 #FFFFFF, 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px 0 0 #FFFFFF, -2px -2px 0 #FFFFFF; }
.text-outline-3.text-outline-white {text-shadow: 3px 3px 0 #FFFFFF, 3px 0 0 #FFFFFF, 3px -3px 0 #FFFFFF, 0 3px 0 #FFFFFF, 0 -3px 0 #FFFFFF, -3px 3px 0 #FFFFFF, -3px 0 0 #FFFFFF, -3px -3px 0 #FFFFFF; }
.project-overview {padding-bottom:15px; height: 55px;}
.project-overview .po-key {font-size: 11px;font-weight: 700;}
.project-overview .po-value {font-size:12px;}
.krpano [data-hid="hotspottemporaryCreate"] .panorama-context-hotspot {left: 0; top: -28px;}
.krpano .panorama-context-hotspot {left:34px; top: -28px; position:absolute;}
.krpano .panorama-context-hotspot .arrow {margin: 20px 0 0 0 !important; left: calc((.5rem + 0px) * -1)}
.krpano .panorama-context-hotspot.sub-context .arrow {margin-top: 17px !important;}
.krpano .panorama-context-hotspot.wi-context {left: 0;}
.krpano .panorama-context-hotspot.wi-context .arrow {margin-top: 17px !important;}

.krpano .panorama-context-hotspot[data-hpos="left"] {left:1px; }
.krpano .panorama-context-hotspot[data-hpos="left"] .arrow {left: auto; right: calc((.5rem + 1px) * -1); transform: rotate(180deg);}
.krpano .panorama-context-hotspot[data-hpos="left"] .popover {left: auto; right: 0; margin-right: .5rem; margin-left: 0;}

.krpano .panorama-context-hotspot[data-vpos="top"] {top: 23px;}
.krpano .panorama-context-hotspot[data-vpos="top"] .arrow {margin: 0 0 14px 0 !important; bottom: 0; }
.krpano .panorama-context-hotspot[data-vpos="top"] .popover {top: auto; bottom:0; }

.krpano.krpano-google .panorama-context-hotspot {margin-top: -20px; z-index: 10;}
.krpano .panorama-context-hotspot .popover-header {font-size:13px; display:none;}
.krpano .panorama-context-hotspot .popover-body {padding: 0;}
.krpano .panorama-context-hotspot .dropdown-menu {display:block;float: none; position: static; border: 0 none; box-shadow: none; margin: 0;}
.krpano .panorama-context-hotspot .dropdown-menu .ddii-reassign {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-status="pending"] .ddii-clear {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-status="empty"] .ddii-clear {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-status="captured"] .ddii-remove {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-status="captured"] .ddii-delete {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-status="assigned"] .ddii-remove {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-done="true"] .ddii-revert {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-removed="false"] .ddii-revert {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-removed="true"] .ddii-remove {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-removed="true"] .ddii-clear {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-authorized="true"] .ddii-remove {display: none !important;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-to-capture="true"] .ddii-capture-req {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-is-to-capture="false"] .ddii-cancel-capture-req {display:none;}
.krpano .panorama-context-hotspot .dropdown-item-text.ddii-position {padding: .35rem 1.5rem 0; white-space: nowrap; cursor: default; pointer-events: all; user-select: text; border-top: 1px solid #eeeeee; }

.krpano .panorama-context-hotspot .dropdown-menu[data-pc-status=""] .ddii-view-scan {display:none;}
.krpano .panorama-context-hotspot .dropdown-menu[data-pc-status="pending"] .ddii-view-scan {display:none;}

[data-project-status="released"] .krpano .panorama-context-hotspot .ddii-create-location {display: none;}

.text-primary {color:#1ab394 !important;}

.text-theme-captured { color: #84BF78; }
.text-theme-pending { color: #f8ac59; }
.text-theme-done { color: #ed5565; }
.text-theme-removed { color: #888888; }
.bg-theme-captured { background-color: #84BF78; }
.bg-theme-pending { background-color: #f8ac59; }
.bg-theme-done { background-color: #ed5565; }
.bg-theme-removed { background-color: #888888; }

textarea.form-control[name="deviceMac"] {min-height: 35px; overflow-y: hidden; height: 1px;}
.badge.project-status {width: 90px; padding: 4px 0; color:#FFFFFF;}
.badge.project-status[data-status="requested"] {background-color:#8a8887;}
.badge.project-status[data-status="authorized"] {background-color:#4f9ff1;}
.badge.project-status[data-status="down-sync"] {background-color:#ff7fd6;}
.badge.project-status[data-status="capturing"] {background-color:#ffce00;}
.badge.project-status[data-status="up-sync"] {background-color:#a04afd;}
.badge.project-status[data-status="released"] {background-color:#00e6bc;}
.badge.project-status[data-status="deleted"] {background-color:#fa5566;}
.badge.project-status[data-status="archived"] {background-color:#db9375;}
.project-dropdown {right:0 !important; min-width: unset;}
.dropdown-menu { padding: 10px 0; margin: 2px 0 0; color: #373a3c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0.25rem; width: min-content; box-shadow: 0 0 5px rgba(86, 96, 117, 0.15); }
.dropdown-menu .dropdown-item {cursor:pointer;font-size: 1rem;}
.dropdown-menu .dropdown-item.dropdown-item-label { cursor: default; }
.dropdown-menu .dropdown-item.dropdown-item-label:hover { color: inherit; background-color: inherit; }
.dropdown-menu .dropdown-item .fa-fw {margin-right: 8px;}
.ibox[data-map-type="file"] #noNotesForFilter { height: calc((100vh - (197px)) / 2); align-items: center; justify-content: center; display: flex; }
.missing-items-alert { display: flex;justify-content: center;align-items: center;position: absolute;left: 0; right: 0; top: 0; bottom: 0; color: #cccccc; text-align: center; font-weight: bold; }
.missing-items-alert i { display: inline-block; font-size: 60px; margin-bottom: 10px; color: #dfdfdf; }

.notes-shrink #noNotesForFilter {display: none !important; }

.btn.btn-square {height: 40px; width: 40px; line-height: 38px; padding: 0; font-size: 1rem; }
.btn.btn-square.btn-sm { height: 30px; width: 30px; line-height: 28px;}
.btn.btn-square.btn-xs { height: 22px; width: 22px; line-height: 20px; font-size: 0.8rem;}

.kr3d-toolbar {padding: 10px; background-color:#FFFFFF;}
.kr3d-toolbar .btn-group:not(:first-child) {margin-left: 10px;}
.kr3d-display {position:relative; margin-top:-1px;}
.kr3d-display-bg {z-index:1; background-color:#FFF; }
.kr3d-display-top-tools {position:absolute; z-index: 3; right: 10px; top: 10px; padding: 10px 10px 0 9px; border-radius: 5px; border: 1px solid #e5e6e7; background-color: #FFFFFF; display: flex; max-width: calc(100% - 20px); justify-content: flex-end; }
.kr3d-display-fg {z-index:2;  width: 100%; background-color:#eeeeee;}

#sideRenderer .kr3d-display.kr3d-hidden {right: 50px; width: 30vw !important; position: fixed; z-index: 5001; }
#sideRenderer:not(.deck-fullscreen) .kr3d-display.kr3d-hidden { }
#sideRenderer:not(.deck-fullscreen) .kr3d-display.kr3d-hidden > *:not(#kr3dPositionsDropdown),
#sideRenderer:not(.pano-fullscreen) .kr3d-display.kr3d-hidden > *:not(#kr3dPositionsDropdown) {display:none;}
#sideRenderer .kr3d-display.kr3d-hidden #kr3dPositionsDropdown {display: none !important;}
#sideRenderer.deck-fullscreen .kr3d-display.kr3d-hidden #kr3dPositionsDropdown,
#sideRenderer.pano-fullscreen .kr3d-display.kr3d-hidden #kr3dPositionsDropdown {display: inline-block !important; z-index: 5001;}
#sideRenderer.pano-fullscreen .krpano-outline { border: 0 none; }

#kr3dPositionsDropdown .kr-title { display: inline-block; }
#kr3dPositionsDropdown .dropdown-item.kr-title {display: block; }
#kr3dPositionsDropdown .dropdown-item.kr-title.active {background-color: #84bf7822; }
#kr3dPositionsDropdown .dropdown-item.kr-title.active .kr-title-hotspot {font-weight: 700; }
#kr3dPositionsDropdown .dropdown-item.kr-title.disabled {pointer-events: none; opacity: 0.5; }
#kr3dPositionsDropdown .kr-title .kr-title-hotspot { font-weight: 400; }
#kr3dPositionsDropdown .kr-title .kr-title-file { margin-left: 10px; padding-left: 11px; position:relative; font-weight: 700; display: none; }
#kr3dPositionsDropdown .kr-title .kr-title-file::before { content: " "; display: block; width: 3px; top: 3px; height: 13px; background-color: #aaaaaa; display: inline-block; position: absolute; left: -1px; }
#kr3dPositionsDropdown .kr-title[data-status="captured"] .kr-title-hotspot,
#kr3dPositionsDropdown .kr-title[data-status="assigned"] .kr-title-hotspot {color: #84BF78;}
#kr3dPositionsDropdown .kr-title[data-status="empty"] .kr-title-hotspot,
#kr3dPositionsDropdown .kr-title[data-status="pending"] .kr-title-hotspot {color: #f6a707;}
#kr3dPositionsDropdown .kr-title[data-is-done="true"] .kr-title-hotspot {color: #ed5565 !important;}
#kr3dPositionsDropdown .kr-title[data-is-removed="true"] .kr-title-hotspot {color: #888888 !important;}

.kr2d-toolbar {background-color:transparent; position: absolute; right: 10px; margin-top: 7px; }
.kr2d-toolbar .btn-group:not(:first-child) {margin-left: 5px;}
.kr2d-display {position:relative;}
.kr2d-display-bg {z-index:1; background-color:#FFF; }
.kr2d-display-top-tools {position:absolute; z-index: 3; right: 10px; top: 10px; padding: 10px; border-radius: 5px; border: 1px solid #e5e6e7; background-color: #FFFFFF; display: flex; 0 0 1rem #00000044 }
.kr2d-display-fg {z-index:2;  width: 100%; height: auto; background-color:#eeeeee;}

#sideRenderer .kr2d-display .btn-square i.expander::before {content: "\f065";}
#sideRenderer .kr3d-display .btn-square i.expander::before {content: "\f065";}
#sideRenderer #kr3dShowDeck {display: none;}
#sideRenderer #kr2dShowPano {display: none;}
#sideRenderer.deck-fullscreen .kr2d-display .btn-square i.expander::before {content: "\f00d";}
#sideRenderer.pano-fullscreen .kr3d-display .btn-square i.expander::before {content: "\f066";}
#sideRenderer.pano-fullscreen #kr3dShowDeck {display: inline-block;}
#sideRenderer.deck-fullscreen #kr2dShowPano {display: inline-block; }
#sideRenderer.deck-fullscreen #kr2dTopResize,
#sideRenderer.deck-preview #kr2dTopResize {border-color: #007bff; color: #007bff;}
#sideRenderer.pano-fullscreen.deck-preview #kr3dShowDeck .btn-square {color: #007bff;background-color: #ffffff;border-color: #007bff; z-index: 1;}
#sideRenderer.pano-fullscreen #kr3dShowDeck {}
#sideRenderer.pano-preview.deck-fullscreen #kr2dShowPano .btn-square {color: #007bff;background-color: #ffffff;border-color: #007bff; z-index: 1;}
#sideRenderer.deck-fullscreen #kr3dPositionsDropdown button,
#sideRenderer.pano-fullscreen #kr3dPositionsDropdown button {height: 34px;}
#sideRenderer.pano-preview #kr3dTopClose {display: none;}

#sideRenderer .kr3d-display .kr-title {display: inline-block; white-space: nowrap; }
.tt-menu {z-index: 10000 !important;}
#sideRenderer #kr3dPositionsDropdown #positionsBtnDropdown { height: 40px; }
#positionsBtnSettingsDropdown .dropdown-menu {z-index: 10000;}
#sideRenderer #kr3dPositionsDropdown #positionsBtnDropdown .kr-title {  }
#sideRenderer.deck-fullscreen #kr3dPositionsDropdown,
#sideRenderer.pano-fullscreen #kr3dPositionsDropdown {  }
#sideRenderer.deck-fullscreen #kr3dPositionsDropdown #positionsBtnDropdown,
#sideRenderer.pano-fullscreen #kr3dPositionsDropdown #positionsBtnDropdown {display:block; width:100%; line-height: 24px;}
#sideRenderer.deck-fullscreen #kr3dPositionsDropdown #positionsBtnDropdown .kr-title,
#sideRenderer.pano-fullscreen #kr3dPositionsDropdown #positionsBtnDropdown .kr-title {width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0px;text-align: left; vertical-align: top;}
#sideRenderer.deck-fullscreen #kr3dPositionsDropdown .dropdown-scrollable,
#sideRenderer.pano-fullscreen #kr3dPositionsDropdown .dropdown-scrollable { max-height: 132px;}
#sideRenderer.deck-fullscreen #kr3dPositionsDropdown .dropdown-menu,
#sideRenderer.pano-fullscreen #kr3dPositionsDropdown .dropdown-menu { top: auto !important; bottom: 36px !important;}
#sideRenderer.deck-fullscreen #positionsBtnSettingsDropdown .dropdown-menu,
#sideRenderer.pano-fullscreen #positionsBtnSettingsDropdown .dropdown-menu { top: auto !important; bottom: 36px !important;}
#sideRenderer.deck-fullscreen #workItemsBtnSettingsDropdown .dropdown-menu,
#sideRenderer.pano-fullscreen #workItemsBtnSettingsDropdown .dropdown-menu { top: auto !important; bottom: 36px !important;}

#sideRenderer.deck-fullscreen .kr2d-display {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 5000; width: 100% !important;}
#sideRenderer.deck-fullscreen .kr2d-display .kr2d-display-top-tools {margin: 0; position:absolute; top: 30px; right: 30px; z-index: 3 }
#sideRenderer.deck-fullscreen .kr2d-display .kr2d-display-bg {left: 0; right: 0; top: 0; bottom: 0; position:absolute; background-color: rgba(0,0,0,0.75);}
#sideRenderer.deck-fullscreen .kr2d-display .kr2d-display-fg {left: 20px; right: 20px; top: 20px; bottom: 20px; position: absolute; width: auto; height: auto;}
#sideRenderer.deck-fullscreen .kr2d-display .krpano.in-view,
#sideRenderer.deck-fullscreen .kr2d-display .krpano.in-form {left: 0; top: 0; height: auto; bottom: 0; position: absolute !important;}
#sideRenderer.deck-fullscreen .kr2d-toolbar,
#sideRenderer.pano-fullscreen .kr2d-toolbar { position: fixed; bottom: 30px; right: 30px; z-index: 5002; background: transparent; display: block !important; }
#sideRenderer.deck-preview #deckPreview, #sideRenderer.deck-fullscreen #deckPreview {z-index: 5001;}
#sideRenderer.deck-preview .kr2d-display {position: fixed;  right: 30px; bottom: 80px; z-index: 5001; width: 30vw !important; height: 30vh; border-radius: 6px; overflow: hidden;  }
#sideRenderer.deck-preview .kr2d-display .kr2d-display-top-tools {margin: 0; position:absolute; top: 10px; right: 10px; z-index: 3 }
#sideRenderer.deck-preview .kr2d-display .kr2d-display-bg {display: none; left: 0; right: 0; top: 0; bottom: 0; position:absolute; background-color: rgba(0,0,0,0.75);}
#sideRenderer.deck-preview .kr2d-display .kr2d-display-fg {left: 0; right: 0; top: 0; bottom: 0; position: absolute; width: auto; height: auto;}
#sideRenderer.deck-preview .kr2d-display .krpano.in-view,
#sideRenderer.deck-preview .kr2d-display .krpano.in-form {left: 0; top: 0; height: auto; bottom: 0; position: absolute;}
#sideRenderer.pano-fullscreen #deckPreview {z-index: unset;}

#sideRenderer.pano-fullscreen .kr3d-display {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 5000; width: 100% !important;}
#sideRenderer.pano-fullscreen .kr3d-display .kr3d-display-top-tools {margin: 0; position:absolute; top: 30px; right: 30px; z-index: 3 }
#sideRenderer.pano-fullscreen .kr3d-display .kr3d-display-bg {left: 0; right: 0; top: 0; bottom: 0; position:absolute; background-color: rgba(0,0,0,0.75);}
#sideRenderer.pano-fullscreen .kr3d-display .kr3d-display-fg {left: 20px; right: 20px; top: 20px; bottom: 20px; position: absolute; width: auto; height: auto;}
#sideRenderer.pano-fullscreen .kr3d-display .krpano.in-preview {width: 100%; height: 100% !important; left: 0; top: 0; position: absolute;}
#sideRenderer.pano-fullscreen .kr3d-display .kr3d-toolbar { position: absolute;bottom: 0;left: 0;right: 0; height: 54px;}
#sideRenderer.pano-preview .kr3d-display {position: fixed;  right: 30px; bottom: 80px; z-index: 5001; width: 30vw !important; height: 30vh; display: block !important; border-radius: 6px; overflow: hidden; left: auto; }
#sideRenderer.pano-preview .kr3d-display .kr3d-display-top-tools {margin: 0; position:absolute; top: 10px; right: 10px; z-index: 3 }
#sideRenderer.pano-preview .kr3d-display .kr3d-display-bg {display: none; left: 0; right: 0; top: 0; bottom: 0; position:absolute; background-color: rgba(0,0,0,0.75);}
#sideRenderer.pano-preview .kr3d-display .kr3d-display-fg {left: 0; right: 0; top: 0; bottom: 0; position: absolute; width: auto; height: auto;}
#sideRenderer.pano-preview .kr3d-display .krpano.in-preview,
#sideRenderer.pano-preview .kr3d-display .krpano.in-form {left: 0; top: 0; height: auto; bottom: 0; position: absolute;}
#sideRenderer.pano-preview .kr3d-display .kr3d-toolbar {display: none; position: absolute; bottom: 0; width: 100%; left: 0; right: 0;}
#kr2dNoHotspotForFilter {width: 300px;height: 30px;position: absolute;left: 50%;top: 50%;margin-top: -15px;margin-left: -150px; background-color: rgba(255,255,255,0.9); box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: center; line-height: 30px; display: none;}
#kr2dPositionsBtnSettingsDropdown {position: fixed; bottom: 50px; right: 94px; z-index: 5002;}
[data-project-status="released"] #kr2dPositionsBtnSettingsDropdown {right: 94px;}
#kr2dPositionsBtnSettingsDropdown .btn {height: 34px; font-size: 18px; line-height: 24px;}
.caret.caret-up {transform: rotate(180deg);}

#sideRenderer #kr3dPositionsBtnGroup {display: none !important;}

#sideRenderer.pano-fullscreen #workItemsBtnSettingsDropdown1BtnGroup,
#sideRenderer.pano-fullscreen #workItemsBtnSettingsDropdown2BtnGroup,
#sideRenderer.pano-fullscreen #positionsBtnSettingsBtnGroup {display: inline-flex !important;}
#sideRenderer.deck-fullscreen #workItemsBtnSettingsDropdown1BtnGroup,
#sideRenderer.deck-fullscreen #workItemsBtnSettingsDropdown2BtnGroup,
#sideRenderer.deck-fullscreen #positionsBtnSettingsBtnGroup {display: inline-flex !important;}
#sideRenderer.image-fullscreen.pano-fullscreen #workItemsBtnSettingsDropdown1BtnGroup,
#sideRenderer.image-fullscreen.pano-fullscreen #workItemsBtnSettingsDropdown2BtnGroup,
#sideRenderer.image-fullscreen.pano-fullscreen #kr3dShowDeck,
#sideRenderer.image-fullscreen.pano-fullscreen #positionsBtnSettingsBtnGroup {display: none !important;}
#sideRenderer.image-fullscreen.pano-fullscreen #krViewTogglerThumbs {}
#sideRenderer.image-fullscreen.deck-preview .kr2d-display {display: none;}

.badge-green {background-color:#28a745; color:#fff;}

.company-related {padding: 5px 15px; border: 1px solid #e5e6e7; margin-top:10px; background-color:#F8F8F8; }
.company-related h4 {color:#007bff;}
.company-related .form-group {margin-bottom:.5rem;}

#passwordArea {padding: 5px 15px; border: 1px solid #e5e6e7; margin-top:10px; background-color:#F8F8F8; }
#passwordArea .passwordMeter {position:relative;}
#passwordArea .passwordInformation { background-color:transparent; padding: 0px; z-index:1; border-radius:0; margin: 10px 0 0; box-shadow: none; color:inherit; }
#passwordArea .section-register .passwordInformation { }
#passwordArea .passwordInformation .strengthPlace {width:100%; height:20px; border-radius: 3px; border:1px solid #e5e6e7; margin-bottom:5px; overflow:hidden; position:relative; }
#passwordArea .passwordInformation .strengthPlace .strengthTitle {opacity:0; height:18px; line-height:18px; position:absolute; text-align:center; transition: width 400ms ease, color 400ms ease; box-sizing: border-box;}
#passwordArea .passwordInformation .strengthPlace[data-strength="0"] .strengthTitle {color:#FFF; background-color:transparent; width:0%;}
#passwordArea .passwordInformation .strengthPlace[data-strength="1"] .strengthTitle {color:#FFF; background-color:#dc3545; width:33.3%;}
#passwordArea .passwordInformation .strengthPlace[data-strength="2"] .strengthTitle {color:#FFF; background-color:#A4A773; width:66.6%;}
#passwordArea .passwordInformation .strengthPlace[data-strength="3"] .strengthTitle {color:#FFF; background-color:#28a745; width:100%;}
#passwordArea .passwordInformation .strengthPlace[data-strength="0"] .strengthTitle[data-for="1"],
#passwordArea .passwordInformation .strengthPlace[data-strength="1"] .strengthTitle[data-for="1"],
#passwordArea .passwordInformation .strengthPlace[data-strength="2"] .strengthTitle[data-for="2"],
#passwordArea .passwordInformation .strengthPlace[data-strength="3"] .strengthTitle[data-for="3"] {opacity:1;}
#passwordArea .passwordInformation ul {list-style-type: none; margin:0; padding:0;}
#passwordArea .passwordInformation ul li {color:#dc3545; margin-left:23px;}
#passwordArea .passwordInformation ul li span {text-align:left; width:12px; margin-left:-23px;}
#passwordArea .passwordInformation ul li span.text-primary {display:none;}
#passwordArea .passwordInformatfion ul li span.text-danger {display:inline-block;}
#passwordArea .passwordInformation ul li[data-checked="true"] { color:#28a745 ;}
#passwordArea .passwordInformation ul li[data-checked="true"] span.text-primary {display:inline-block;}
#passwordArea .passwordInformation ul li[data-checked="true"] span.text-danger {display:none;}

#deletionArea {padding: 5px 15px; border: 1px solid #ed5565; margin-top:10px; background-color: rgba(237, 85, 101, 0.20); }
#exportArea {padding: 5px 15px; border: 1px solid #0c5460; margin-top:10px; background-color: rgba(12, 84, 96, 0.10); }
#exportArea .text-info {color: #228da0 !important; }

.onoffswitch-label {border: 2px solid #007bff;}
.onoffswitch-inner:before {background-color:#007bff; }
.onoffswitch-switch {border: 2px solid #007bff}

#shortHandText {font-weight: 600;}
.form-control-padding {padding: 8px 14px;}
.ibox-tools {top: 11px; right: 14px;}
.ibox-tools span.custom-link {cursor: pointer; color: #c4c4c4 !important; cursor:pointer; display:inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; }
.ibox-tools span.custom-link:hover {background-color:#F0F0F0; }
.ibox-tools span.custom-link:hover i {color:#007bff; }
.dropdown-item-text.heading {font-weight: 600;}
.dropdown-item {font-size:12px; }
.krpano .dropdown-item {padding: 6px 30px 6px 20px;font-size: 1rem;}
.dropdown-menu {min-width: auto;}
.dropdown-menu-right {left: auto; right: 0;}
.dropdown-header {font-weight: 600; font-size:13px;}
.dropdown-header.dropdown-header-scrollable {padding: .5rem .8rem .5rem .8rem;}
.dropdown-scrollable {max-height: 252px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;}
.dropdown-scrollable::-webkit-scrollbar {display: none;}
.dropdown-scrollable .dropdown-item {position:relative;}
.dropdown-scrollable .dropdown-item i {color: #007bff;}
#workItemsBtnSettingsDropdown1 .dropdown-scrollable .dropdown-item i.checker-icon { margin-right: 8px; }
#workItemsBtnSettingsDropdown1 .dropdown-scrollable .dropdown-item i.category-icon {color: inherit; }
#workItemsBtnSettingsDropdown1 .dropdown-scrollable .dropdown-item { }
#workItemsBtnSettingsDropdown2 .dropdown-scrollable .dropdown-item i.checker-icon { margin-right: 8px; }
#workItemsBtnSettingsDropdown2 .dropdown-scrollable .dropdown-item i.category-icon {color: inherit; }
#workItemsBtnSettingsDropdown2 .dropdown-scrollable .dropdown-item { }
.minimalize-styl-2 {margin: -8px 10px 0 0; float: none;}

@media (max-width: 767px) {
    .minimalize-styl-2 {margin: -8px 10px 0 0; float: none;}
}
@media (min-width: 768px) {
    .minimalize-styl-2 {display:none;}
}
@media (min-width: 992px) {
    .col-lg-12-force {-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
    .modal-xl { min-width: calc(100vw - 80px); }
}

.theme-config {position: absolute; top: 30px; right: 0; overflow: visible; }
.theme-config-box {margin-right: -220px; position: relative; z-index: 2100; transition-duration: 0.8s; }
.theme-config-box.show {margin-right: 0; }
.spin-icon {background: #2f4050; position: absolute; padding: 7px 10px 7px 13px; border-radius: 20px 0 0 20px; font-size: 16px; top: 0; left: 0; width: 40px; color: #fff; cursor: pointer; transition: opacity 300ms ease; opacity:0.5; }
.spin-icon:hover, .theme-config-box.show .spin-icon {opacity:1;}
.skin-settings {width: 220px; margin-left: 40px; background: #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.skin-settings .title {background: #f3f3f4; text-align: center; text-transform: none; font-weight: 600; display: block; padding: 10px 15px; font-size: 12px; border-bottom: 1px solid rgba(0,0,0,.1); }
.setings-item {padding: 10px 12px; position:relative; }
.setings-item.skin {text-align: center; }
.setings-item .switch {position:absolute; right: 12px; top:19px; }
.theme-config .onoffswitch {width: 30px;}
.theme-config .onoffswitch-label {width: 30px; height: 12px;}
.theme-config .onoffswitch-inner:after {content: "";}
.theme-config .onoffswitch-inner:before {content: "";}
.theme-config .onoffswitch-switch {height: 20px;width: 20px; top:-4px; border-radius: 50%; right: 11px;}
.theme-config .onoffswitch-checkbox:not(:checked) + .onoffswitch-label {border-color: #cccccc; background-color: #cccccc;}
.theme-config .onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-inner::after {background-color:#cccccc; border-color:#cccccc; }
.theme-config .onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-switch {border-color: #dddddd; background-color: #eeeeee;}
.theme-config .onoffswitch-checkbox:checked + .onoffswitch-label {border-color: #abb8c6; background-color: #abb8c6;}
.theme-config .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner::before {background-color:#abb8c6; border-color: #abb8c6; }
.theme-config .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: -1px;background-color:#007bff; border-color:#007bff;}
.theme-config hr {margin: 0;}

.mt--1 {margin-top: -0.25rem;}
.mt--2 {margin-top: -0.5rem;}
.mt--3 {margin-top: -1rem;}
.mt--4 {margin-top: -1.5rem;}
.mt--5 {margin-top: -3rem;}

.text-silver {color:#cccccc;}
.text-grey, .text-gray {color:#999999;}
.autosave-progress {font-size: .8rem; padding: .25rem .5rem; line-height: 1.5; vertical-align: middle; }
.autosave-progress.opacity-0 {opacity: 0; transition: opacity 300ms ease;}
.display-after {display:none !important;}

.wrapper.fixed-height {position: fixed;left: 245px;right: 25px;bottom: 25px;top: 118px;}
.wrapper.fixed-height > .row {position: absolute; left: 0; top: 0; right: 0; bottom:0;}
.wrapper.fixed-height > .row.row-eq-height > [class*='col-'] { height: 100%; }
.wrapper.fixed-height > .row.row-eq-height > [class*='col-'] .ibox { position: relative; margin-bottom: 0; }
.wrapper.fixed-height > .row.row-eq-height > [class*='col-'] .ibox .ibox-content { position: absolute; bottom: 0; top: 49px; overflow: auto; left: 0; right: 0; }
.wrapper.fixed-height .hotspots-list-parent { margin-top: 40px;position: absolute;bottom: 20px;left: 20px;right: 20px;top: 475px; }
.wrapper.fixed-height .hotspots-list-parent .hotspots-list { position: absolute; left: 0; right: 0; top: 18px; bottom: 0; max-height: unset; min-height: 261px; }

.modal-backdrop {z-index: 10000 !important;}
.modal {z-index: 10001 !important;}
.modal.fade .modal-dialog {transition: transform .2s ease-out !important;}
.modal.fade {transition: opacity .1s linear !important; }
.sop-editable .sop-editable-off {cursor: pointer; height: 30px; line-height: 30px; margin-top: 2px; font-size: .95rem;}
.sop-editable .sop-editable-off i {color: #cccccc; }
.sop-editable .sop-editable-off:hover i { color:#007bff; }
.sop-editable .sop-editable-on select.form-control {padding: 0 0 0 5px;width: 80px; height: 30px !important; margin-top: 2px; font-size: .9rem;}
.device-editable .device-editable-off {cursor: pointer; }
.device-editable .device-editable-off i {color: #cccccc; }
.device-editable .device-editable-off:hover i { color:#007bff; }
.device-editable .device-editable-on select.form-control {height: 18px;padding: 0 0 0 5px;font-size: 12px;}
.form-control:focus, .single-line:focus {border-color:#007bff; }

.btn-primary {border-color: #007bff; background-color: #007bff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {border-color: #1a7bb9; background-color: #1a7bb9;}
.btn-success {border-color: #1ab394; background-color: #1ab394;}
.btn-success:hover, .btn-success:focus, .btn-success.focus {border-color: #18a689; background-color: #18a689;}
.text-success {color: #1ab394 !important;}
.text-primary {color: #007bff !important;}
.btn-active-primary {border-color: #007bff; color: #007bff; background-color: #FFFFFF; position: relative; z-index: 1; }
.btn-active-primary:hover {border-color: #1a7bb9; color:#007bff; }

.custom-control-input:active~.custom-control-label::before {background-color: #d1e6f3;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #007bff;}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {background-color: #007bff;}
.badge-primary {background-color:#007bff;}
.badge-success {background-color: #1ab394;}
.progress-bar-primary {background-color: #007bff}
.progress-bar-success {background-color: #1ab394}

.btn-primary.disabled, .btn-primary:disabled {border-color: #007bff; background-color: #007bff; opacity: 0.5;}
.btn-success.disabled, .btn-success:disabled {border-color: #18a689; background-color: #18a689; opacity: 0.5;}
.deck-row-extended .deck-description { padding: 0 15px;}
.deck-row-extended input[type="number"] { max-width: 90px;}
.deck-row-extended.removed label {color: #ed5565; }
.deck-row-extended.removed label + div {color: #ed5565; text-decoration: line-through; }
.deck-row-extended.removed .deck-title {text-decoration: line-through; }
.deck-row-extended.removed .map-img {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; }
.deck-row-extended:not(.removed) .if-removed { display: none; }
.deck-row-extended.removed .if-not-removed { display: none; }
.dropdown-shrink .dropdown-item {padding: .25rem .8rem;}
#sideRenderer .kr3d-display .dropdown-item.kr-title {display: block; font-size: .8rem; color: #676a6c;}
#sideRenderer .kr3d-display .dropdown-item.kr-title.active {background-color: #EEEEEE; color: #494c4e;}
#kr3dPositionsDropdown .dropdown-shrink .dropdown-item.kr-title .kr-title-file {font-weight: 400;}
#kr3dPositionsDropdown .dropdown-menu { z-index: 10000; }
#kr3dPositionsDropdown #positionsBtnDropdown.no-action:hover,
#kr3dPositionsDropdown #positionsBtnDropdown.no-action:active,
#kr3dPositionsDropdown #positionsBtnDropdown.no-action:focus {color: inherit;background: white;border: 1px solid #e7eaec; cursor: default; box-shadow: none;}
.no-wrap {white-space: nowrap !important;}
.dataTable-main, .dataTable-sub, .dataTable-clone { table-layout: fixed; }
#deckPreview { margin-bottom:0; z-index: 1;  position: absolute; left: 0; right: 0; }
#sideRenderer.deck-fullscreen #deckPreview { position: relative; z-index: unset; }
#positionsBtnSettings {}
#kr3dPositionsDropdown .dropdown-menu-right {}

#sideRenderer.pano-fullscreen #krViewToggler2d {display:none;}
#sideRenderer:not(.pano-fullscreen) #krViewToggler3d {display:none;}
#positionsBtnSettings.filter-active { border-color: #007bff; color: #007bff; }
.cursor-pointer {cursor:pointer;}
.todo-list .remove-link {color:#d1dade; display:none; }
.todo-list li:hover .remove-link {display: inline;}
.todo-list .remove-link:hover {color: #ed5565 }
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {text-align: left;}
.modal.fade .modal-dialog {-webkit-transform: translate(0,0);transform: translate(0,0);}
.testing-icon {  }
.font-40 {font-size: 40px; }
.font-20 {font-size: 20px; }
.fa-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)"; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.fa-rotate-315 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5)"; -webkit-transform: rotate(315deg); transform: rotate(315deg); }

#sideRenderer .ibox[data-project-status="archived"] .hotspots-list .btn-group { display:none !important; }
#sideRenderer .ibox[data-project-status="archived"] #mainForm > * { }
.cursor-default {cursor: default !important; }
#decksListArea { margin-bottom: 0; }
#tableBtnCsv {display: none !important;}
.position-xy-fields { width: 80px; margin-right: 20px;}
.position-xy-fields > div {position:relative;}
.position-xy-fields > div:nth-child(2) {margin-top: -1px;}
.position-xy-fields .xy-label { display: inline-block;width: 10px;position: absolute;font-size: 10px;font-weight: 700;}
.position-xy-fields .xy-axis { margin-top: 3px;}
.position-xy-fields .xy-axis-x .fa-fw {position:relative; top:3px;}
.position-xy-fields .xy-axis-x .xy-label {top:3px;left: 5px;}
.position-xy-fields .xy-axis-y .fa-fw {position:relative; left:-4px;}
.position-xy-fields .xy-axis-y .xy-label {top:8px;left: 10px;}
.position-xy-fields input {padding: 2px 8px; font-size:13px;}
.position-xy-fields input[type=number]::-webkit-outer-spin-button, .position-xy-fields input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
.position-xy-fields input[type=number] { -moz-appearance: textfield; }
.position-xy-fields .xy-axis-x input[type=number] { border-radius: 0.25rem 0.25rem 0 0;}
.position-xy-fields .xy-axis-y input[type=number] { border-radius: 0 0 0.25rem 0.25rem;}
.position-xy-fields .xy-axis.error {color:#dc3545;}
.position-xy-fields .xy-axis.error input {color: #dc3545; border-color: #dc3545;}

.position-xy-fields input:focus {position:relative; z-index:1; }
#sideRenderer > .ibox {margin-bottom:0 !important;}
#sideRenderer > .ibox > .ibox-content {height: calc(100vh - 114px); padding-bottom:0 !important; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }
#sideRenderer > .ibox > .ibox-content::-webkit-scrollbar {display: none !important;}
#mainDecksForm .decks-preview-extended {max-height: calc(100vh - 273px); }
#mainDecksForm .form-submit-buttons {margin-bottom: 0 !important;}
.deck-warning {text-transform: none; font-weight:bold; font-size:11px;}
.custom-control-label.custom-control-label-danger::before {background-color:#FFFFFF; border-color: #ed5565;}
.custom-checkbox .custom-control-input:checked~.custom-control-label.custom-control-label-danger::before {background-color:#ed5565;}
small.timestamp {line-height: .9rem; font-size:.9rem; display:inline-block;}
.dataTables_scrollBody {-ms-overflow-style: -ms-autohiding-scrollbar; }

#treeview {padding-left: 10px; margin: 0;}
#treeview li {list-style-type: none; padding: 1px 0;}
#treeview label {font-size:13px; font-weight: 400;}
#treeview .custom-control {display: inline-block; }
#treeview .asset-parent { display: none; }
#treeview.show-assets .asset-parent { display: block; }
.col.resources-scrollable { display: flex; }
.treeview-scrollable {height: 200px; overflow: auto;}
.users-scrollable {padding-left: 10px;}
.users-scrollable .item .custom-control {display: inline-block; }
.groups-scrollable {padding-left: 10px;}
.groups-scrollable .item .custom-control {display: inline-block; }
.login-body form .consent-scrollable a {color: #337ab7;}
.room-description-input::placeholder { text-transform: none; }
.room-description-input:-ms-input-placeholder { text-transform: none !important; }
#securityImage {height: 82px; min-width: 200px; background-color: #00406a;}
input.form-control[type="text"][name="captcha"] {text-transform: uppercase}
input.form-control[type="text"][name="captcha"]::placeholder { text-transform: none; }
input.form-control[type="text"][name="captcha"]:-ms-input-placeholder { text-transform: none !important; }

#assetHotspotFileBrowser { overflow-x: hidden; overflow-y: auto; max-height: 321px;}
.pano-dd-item {cursor: pointer; color: inherit; white-space: nowrap; height: 38px; padding: 0.25rem 0.25rem 0.25rem 0.5rem; font-size: 0.9rem; display: flex; align-items: center; font-weight: 400; }
.pano-dd-item + .pano-dd-item { border-top: 1px solid #e7eaec; }
.pano-dd-item.pano-dd-item-asset { font-weight: 600; }
.pano-dd-item > .badge { margin-right: 0.4rem; font-size: 0.9rem; font-weight: 600; }
.pano-dd-item.active { background-color: #DDEDF7; color: #007bff; }
.pano-dd-item strong { color: #84BF78; font-weight: 700; }
.pano-dd-item:hover {background-color: rgba(0,0,0,.075); }
.modal.kr3dCreatePanoramaHotspotDialog .modal-body {padding: 0;}

.krpano .panorama-hotspot.highlight .radar { content: " "; opacity:0; display: block; position: absolute; left: 3px; top:3px; border-radius: 0 0 100% 0; width: 70px; height: 70px;  background-color: rgba(237, 85, 101, 0.65); transform-origin: 0% 0%; transform: rotate(-45deg); transition: opacity 0ms ease; }
.krpano .panorama-hotspot.highlight .radar.radar-shown {opacity:1; transition: opacity 300ms ease;}

.krpano .panorama-hotspot .hotspot-icon .priority.badge {border: 1px solid #d1dade; position: absolute; bottom: 14px; left: 50%; margin-left: -12px; width: 24px; }
.krpano .panorama-hotspot .hotspot-icon .img {height: 32px;font-size: 2rem;color: #FFFFFF;-webkit-text-stroke: 1px #000;font-weight: 700;margin-top: 8px;display: block;}
.krpano .panorama-hotspot:not([data-priority="0"]) .hotspot-icon .priority.badge {display: inline-block;}
.krpano .panorama-hotspot:not([data-priority="0"]) .hotspot-icon span.caption {line-height:28px; height: 28px; font-size: 14px;}
.krpano .panorama-hotspot[data-priority="0"] .hotspot-icon .priority.badge {background-color: #FFFFFF; color: #5e5e5e; border-color: #d1dade;}
.krpano .panorama-hotspot[data-priority="1"] .hotspot-icon .priority.badge {background-color: #ed5565; color: #FFFFFF; border-color: #7f2e36; }
.krpano .panorama-hotspot:not([data-custom-name-2=""]) .hotspot-icon span.caption {display:none;}
.krpano .panorama-hotspot:not([data-custom-name-2=""]) .hotspot-icon .img {display:none;}
.krpano .panorama-hotspot:not([data-custom-name-2=""]) .hotspot-icon span.custom-name-2 { font-size: 0.8rem;color: #000;text-transform: uppercase;display: flex;font-weight: 700;line-height: 14px;transition: all 400ms ease; white-space: normal; word-break: break-all; width: 52px; height: 30px; margin: 14px auto 0; justify-content: center; align-items: center; }
.krpano .panorama-hotspot:not([data-priority="0"]):not([data-custom-name-1=""]) .hotspot-icon .priority.badge {bottom:8px;}
.krpano .panorama-hotspot:not([data-custom-name-2=""]) .hotspot-icon span.custom-name-2.custom-name-1-center { width: 66px; height: 20px; line-height: 20px; padding: 0; margin: 23px 0 0 0; font-size: 1rem;}

.label.label-purple { background-color: #a04afd; color: #FFFFFF;}
.custom-control.disabled * {cursor: default;}
.tooltip {top:0; z-index: 10001;}

#krpano3dImages {position: absolute; width: 10%; left: 10px; top: 10px; bottom: 10px; overflow: hidden;}
#sideRenderer.pano-fullscreen #krpano3dImages { position: fixed;bottom: 30px;left: 30px; top: 30px;width: 15vh; }
#sideRenderer.pano-fullscreen.deck-preview #krpano3dImages {  }
#krpano3dImages .thumb-image {width: 100%; display: block; position: relative; margin-bottom: 5px;}
#krpano3dImages .thumb-fill {width: 100%; }
#krpano3dImages .thumb-image-src {cursor: pointer; width: 100%; height: 100%; border: 2px solid #FFFFFF; position: absolute; top:0; left: 0; background: #000000 none no-repeat center center; background-size: cover; opacity: 0.9; transition: opacity 300ms ease, border 400ms ease;}
#krpano3dImages .thumb-image-src.thumb-image-active {border: 4px solid #1ab394; opacity: 1;}
#krpano3dImages .thumb-image-src:hover {opacity: 1;}
.thumbs-scroller {width: 100%; position: absolute;}

#krpano3dImage {position: absolute; left:0; right:0; top:0; bottom:0; overflow: hidden;}
#krpano3dImage .stage {position: absolute; left:0; right:0; top:0; bottom:0; overflow: hidden; background-color: #000000;}
#krpano3dImage .stage .image-loader {position: absolute; left: 0; top: 50%; line-height: 20px; width: 100%; height: auto; margin: -34px 0 0 0; text-align: center; display:inline-block; color: #FFF;}
#krpano3dImage .stage .image-view {position: absolute; left:0; right:0; top:0; bottom:0; overflow: hidden; background: transparent none no-repeat center center; background-size: contain;}
#krpano3dImage .stage .image-view-arrow {position: absolute; top: 50%; margin-top:-17px;}
#sideRenderer.pano-fullscreen #krpano3dImage .stage {bottom: 0px; }
#sideRenderer:not(.pano-fullscreen):not(.deck-fullscreen) #krViewTogglerThumbs {display: none; }
#krpano3dImage .stage .image-view-arrow.image-arrow-left {top: auto; left: auto; bottom: 10px; right: 51px;}
#krpano3dImage .stage .image-view-arrow.image-arrow-right {right: 11px; top: auto; bottom: 10px;}
#krpano3dImage .stage .image-view-arrow.image-arrow-left .btn {border-radius: 5px 0 0 5px;}
#krpano3dImage .stage .image-view-arrow.image-arrow-right .btn {border-radius: 0 5px 5px 0;}
#sideRenderer.pano-fullscreen #krpano3dImage .stage .image-view-arrow.image-arrow-left {left: calc(15vh + 21px);}

#krpano3dImage.pano-fullscreen .stage .image-view-arrow.image-arrow-left { left: auto;right: 112px;bottom: 10px;top: auto;}
#krpano3dImage.pano-fullscreen .stage .image-view-arrow.image-arrow-right {top: auto;right: 60px;bottom: 10px;}

#sideRenderer.pano-fullscreen #krpano3dImage .stage .image-view-arrow.image-arrow-left { left: auto;right: 50px;bottom: 10px;top: auto;}
#sideRenderer.pano-fullscreen #krpano3dImage .stage .image-view-arrow.image-arrow-right {top: auto;right: 10px;bottom: 10px;}

body.role_supervisor #sideRenderer.pano-fullscreen #krpano3dImage .stage .image-view-arrow.image-arrow-left { left: auto;right: 100px;bottom: 10px;top: auto;}
body.role_supervisor #sideRenderer.pano-fullscreen #krpano3dImage .stage .image-view-arrow.image-arrow-right {top: auto;right: 60px;bottom: 10px;}

#krpano3dSops {position:absolute; right:1px; top: 50%; background-color: transparent; padding: 6px; }
#krpano3dSops .sop-switcher {display:block; width: auto; color: #FFFFFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); font-weight: 600; cursor: pointer; padding: 3px 25px 3px 10px; height: 30px; line-height: 24px; position: relative; text-align: right; font-size:16px; text-shadow: 0 0 10px #000000, 0 0 5px #000000; }
#krpano3dSops .sop-switcher.disabled {cursor: default; opacity: .3;}
#krpano3dSops .sop-switcher:before {content: " "; position: absolute; right: 10px; width: 1px; height: 100%; background-color: #FFFFFF; margin-top: -1px;}
#krpano3dSops .sop-switcher.active::after {content: "\f0d9"; text-shadow: none; position: absolute; font-family: "Font Awesome 6 Pro"; font-weight: 700; color: #FFFFFF; width: 20px; height: 20px; line-height: 20px; right: 0; font-size: 20px; padding-right: 11px; text-align: right;}
#krpano3dSops .sop-switcher:not(.active):not(.disabled):hover::after {content: "\f0d9"; text-shadow: none; position: absolute; font-family: "Font Awesome 6 Pro"; font-weight: 700; color: #FFFFFF; width: 20px; height: 20px; line-height: 20px; right: 0; font-size: 20px; padding-right: 11px; text-align: right; opacity: 0.5;}

.fancybox-show-thumbs .fancybox-thumbs { left: 0; right: 0; top: auto;width: auto; background-color: rgba(0,0,0,0.5); }
.fancybox-show-thumbs .fancybox-inner {right: 0;}
.fancybox-thumbs__list {width: 100% !important; white-space: nowrap;}
.fancybox-thumbs__list a {border: 2px solid #FFFFFF; width: 10vh; height: 10vh; opacity: 0.9; transition: opacity 300ms ease; }
.fancybox-thumbs__list a:hover {opacity: 1;}
.fancybox-thumbs__list a.fancybox-thumbs-active {border: 4px solid #1ab394; opacity: 1; }
.fancybox-thumbs__list a.fancybox-thumbs-active:before {display: none;}
.fancybox__backdrop { background-color: #FFFFFF; }
.fancybox__toolbar { display: none; }
.fancybox__close-custom { color: #676a6c; position: absolute; top: 10px; right: 19px; transition: all .15s ease; opacity:1; z-index: 100; }
.fancybox__close-custom:hover { color: #007bff;  }
.is-closing .fancybox__close-custom { opacity:0; }

.btn-default.active {color: #fff; background-color: #1a7bb9; border-color: #FFFFFF;}
.btn-default.active:hover {color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.9);}

.text-outline-0-5.text-outline-white {text-shadow: .5px .5px 0 #FFFFFF, .5px 0 0 #FFFFFF, .5px -.5px 0 #FFFFFF, 0 .5px 0 #FFFFFF, 0 -.5px 0 #FFFFFF, -.5px .5px 0 #FFFFFF, -.5px 0 0 #FFFFFF, -.5px -.5px 0 #FFFFFF; }

.sop-rows .sop-row {border-top: 1px solid #e5e6e7; }

.panorama-images {margin-top: 0;}
.panorama-images .pi {width: 60px; height: 60px; margin: 5px 5px 0 0; float: left; position: relative; cursor: pointer; border: 1px solid #FFFFFF;  }
.panorama-images .pi:hover { }
.panorama-images .pi .pi-background {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #FFFFFF none no-repeat center center; background-size: cover; opacity: .85; transition: opacity 300ms ease;}
.panorama-images .pi:hover .pi-background {opacity: 1;}
.panorama-images .pi .pi-checkbox {display: none; position: absolute; right: 0; bottom: 0;  width: 20px; height: 20px; background-color: rgba(255,255,255,.75);  text-align: center; line-height: 20px; border: 1px solid #007bff; border-width: 1px 0 0 1px; color: #007bff; }
.panorama-images .pi[data-checked="true"] {border: 1px solid #007bff;}
.panorama-images .pi[data-checked="true"] .pi-checkbox {display: block; }
#imagePreview { position: fixed; z-index: 99; transition: opacity 0ms ease; opacity: 0; left: 200%; top: 200%; }
#imagePreview.show {opacity: 1; transition: opacity 300ms ease; }
#imagePreview img { max-height:250px; max-width:250px; height:auto; width:auto; position: absolute; right:0; bottom:0; border: 1px solid #e5e6e7; background-color: #f9f9f8; padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
body.wide-view #imagePreview img { right: auto; left: 20px;}
.btn-default.active, .btn-default.active:hover, .btn-default.active:focus {color: #007bff; background-color: #ffffff; border-color: #007bff; box-shadow: none; }

#kr2dSopSwitcher { display: flex }
#kr2dSopSwitcher .sop-item { width: 70px; height: 84px; margin-right: 10px; cursor: pointer; }
#kr2dSopSwitcher .sop-item.disabled {cursor: default; opacity: 0.3; filter: grayscale(1); }
#kr2dSopSwitcher .sop-item .sop-image { width: 70px; height: 70px; border-radius: 4px; position: relative; background: #EEEEEE none no-repeat center center; background-size:cover; border: 1px solid #D8D8D8; }
#kr2dSopSwitcher .sop-item.active .sop-image { border: 2px solid #007bff; }
#kr2dSopSwitcher .sop-item .sop-date { background-color: #FFFFFFBB; font-size: 0.8rem; font-weight: 700; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
#kr2dSopSwitcher .sop-item .sop-date:empty { display:none; }
#kr2dSopSwitcher .sop-item .sop-title { font-size: 0.6rem; font-weight: 700; text-align: center; word-break: keep-all; white-space: nowrap; }
#kr2dSopSwitcher .sop-item.active .sop-title { color: #007bff; }

#kr3dSopSwitcherParent { max-width: calc(100% - 100px); margin-right: 10px; overflow-y: hidden; height: 94px; }
#kr3dSopSwitcher { height: 110px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;overflow-x:auto;margin:0;padding:0; flex-wrap: nowrap;  }
#sideRenderer.pano-preview #kr3dSopSwitcher { display:none; }
#kr3dSopSwitcher .sop-item { width: 70px; height: 84px; margin-right: 10px; cursor: pointer; }
#kr3dSopSwitcher .sop-item.disabled {cursor: default; opacity: 0.5;}
#kr3dSopSwitcher .sop-item .sop-image { width: 70px; height: 64px; border-radius: 4px; position: relative; background: #EEEEEE none no-repeat center center; background-size:cover; border: 1px solid #D8D8D8; }
#kr3dSopSwitcher .sop-item .sop-image .sop-icon { width: 100%; text-align: center; margin-top: 12px; font-size: 1.5rem; }
#kr3dSopSwitcher .sop-item.active .sop-image { border: 2px solid #007bff; }
#kr3dSopSwitcher .sop-item .sop-date { background-color: #FFFFFFBB; font-size: 0.8rem; font-weight: 700; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
#kr3dSopSwitcher .sop-item .sop-date:empty { display:none; }
#kr3dSopSwitcher .sop-item .sop-title { font-size: 0.6rem; font-weight: 700; text-align: center; word-break: break-all; white-space: normal; overflow: hidden; line-height: 12px; }
#kr3dSopSwitcher .sop-item.active .sop-title { color: #007bff; }
.map-img {width: 100%; height: 100px; background: #FFFFFF none no-repeat center center; background-size: 110% auto; border: 1px solid #e5e6e7; display:block; transition: all 300ms ease;}
.map-img:hover {  border-color: #007bff; }
.map-img.map-img-extended {height: 200px; cursor: zoom-in; }
#gmapSecondTools {position: absolute; top: 36px; right: 0;}
#sideRenderer.deck-preview #deckPreview #krpano2d {position: absolute !important;}

#sideRenderer.deck-preview #mapTypeIdDropdown {position: fixed;left: calc(70vw - 40px);bottom: 115px;width: auto;}
#sideRenderer.pano-fullscreen:not(.deck-preview) #mapTypeIdDropdown {display: none;}
#sideRenderer.pano-fullscreen:not(.deck-preview) #krpano2d { display: none; }
#mapTypeIdLabel {height: 34px;}
#sideRenderer #mapTypeIdDropdownMenu {margin-left: -15px;}
#sideRenderer.deck-fullscreen #mapTypeIdDropdownMenu {position: fixed !important; left: 51px !important; bottom: 86px !important; margin-left: 0; top: auto !important;}
#sideRenderer.deck-preview #mapTypeIdDropdownMenu {position: fixed !important;left: calc(70vw - 40px) !important;bottom: 149px !important; top: auto !important; width: auto; margin-left: 0; }

.bg-transparent {background-color: transparent !important;}
.border-transparent { border-color: transparent !important; }
#mapSearch {position:absolute; left: 10px; top: 10px; z-index: 1; width: 210px;}
#sideRenderer.deck-fullscreen #mapSearch {left: 50px; top: 50px; z-index: 3; }
#sideRenderer.deck-preview #mapSearch {display: none;}

.width-auto {width: auto !important;}

.krpano .kr-hotspot {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; cursor: pointer; }
.krpano .popover {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.modal .attachments, .no-attachments-info { height: 192px; border: 1px solid #e7eaec; margin-top: 1rem; border-radius: 4px; }
.modal .attachments { overflow-x: hidden; overflow-y: auto; }
.modal .attachments:empty { display:none; }
.modal .attachments:not(:empty) + .no-attachments-info { display:none; }
.modal .attachments:empty + .no-attachments-info { color: #bbbbbb; display: flex; align-items: center; justify-content: center; width: 100%; text-align:center; }
.modal .attachments:empty + .no-attachments-info i { color: #d8d8d8; margin-bottom: 0.5rem; font-size: 1.5rem; }
.modal .attachments .wi-attachment {display: flex; padding: 0.25rem 0.25rem 0.25rem 0.5rem; color: #676a6c; justify-content: space-between; align-items: center; height: 38px; }
.modal .attachments .wi-attachment + .wi-attachment { border-top: 1px solid #e5e6e7;}
.modal .attachments:empty {display: none;}
.modal .attachments:not(:empty) .no-attachments-info {display: none; }
.modal .attachments .wi-attachment .wi-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; font-size: 0.9rem; }
.modal .attachments .wi-attachment .wi-extension { font-weight: 700; background-color: rgba(0,0,0,.075); font-size: 0.75rem; display:inline-block; padding: 0.15rem 0.3rem; margin-left:0.2rem; border-radius: 4px; color: #888 }
.modal .attachments .wi-attachment .wi-attachment-extension { width: 45px; background: #eeeeee; color: #676a6c; font-size: 14px; font-weight: 700; border-radius: .15rem; display: inline-block; margin-right: 5px; text-transform: uppercase; text-align: center; }
.modal .attachments .wi-attachment .wi-attachment-icon {opacity: .5; float: right; width: 30px; text-align: center; color: #ddd; cursor: pointer;}
.modal .attachments .wi-attachment .wi-remove-icon {opacity: .5; float: right; width: 30px; text-align: center; color: #ddd; cursor: pointer;}
.modal .attachments .wi-attachment .new-label { width: 25px;height: 25px;border-radius: 50%;background: #1ab394;color: #FFF;line-height: 25px;text-align: center;font-size: 0.7rem;display: inline-block;padding-left: 1px; margin-right: 0.15rem; }
.modal .attachments .wi-attachment:hover {background-color: rgba(0,0,0,.075);}
.modal .attachments .wi-attachment:hover .wi-attachment-icon { opacity: .7;}
.modal .attachments .wi-attachment:hover .wi-attachment-icon:hover { color: #007bff;}
.modal .attachments .wi-attachment:hover .wi-remove-icon {opacity: .7;}
.modal .attachments .wi-attachment:hover .wi-remove-icon:hover {color: #ed5565; opacity: 1;}
#workItemDialog .ibox-content {padding: 0 20px; border-top: 0 none; }
#workItemDialog .modal-footer {border-top: 0 none; padding-top: 0; padding-right: 20px; padding-left: 20px;}
#workItemDialog .ibox-title { padding-left: 20px;}
#workItemDialog #workItemFormDropdownActions { }

.ibox-tools .btn-close { position: relative; }
#workItemDialog .ibox-tools { right: 20px; top: 7px; }

#hotspotDialog .attachments .wi-attachment {display: block; border: 1px solid #d8d8d8; padding: 4px 5px; margin-bottom: 3px; color: #676a6c; overflow: hidden; line-height: 40px;}
#hotspotDialog .attachments:empty {display: none;}
#hotspotDialog .attachments .wi-attachment .wi-attachment-extension { width: 35px; background: #eeeeee; color: #676a6c; font-size: 11px; font-weight: 700; border-radius: .15rem; display: inline-block; margin-right: 5px; text-transform: uppercase; text-align: center; }
#hotspotDialog .attachments .wi-attachment .wi-attachment-icon {display: none; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
#hotspotDialog .attachments .wi-attachment .wi-remove-icon {display: none; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
#hotspotDialog .attachments .wi-attachment .wi-upload-icon {display: none; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
#hotspotDialog .attachments .wi-attachment .wi-download-icon {display: none; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
#hotspotDialog .attachments .wi-attachment .wi-attachment-title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: auto; }
#hotspotDialog .attachments .wi-attachment .wi-attachment-image {margin-right: 10px; float: left; display: inline-block; height: 40px; width: 40px; background: #FFFFFF none no-repeat center center; background-size: cover; }
#hotspotDialog .attachments .wi-attachment:hover {color: #007bff;}
#hotspotDialog .attachments .wi-attachment:hover .wi-attachment-icon { display: inline;}
#hotspotDialog .attachments .wi-attachment:hover .wi-attachment-icon:hover { color: #007bff;}
#hotspotDialog .attachments .wi-attachment:hover .wi-download-icon {display: inline;}
#hotspotDialog .attachments .wi-attachment:hover .wi-download-icon:hover {color: #5580ed;}
#hotspotDialog .attachments .wi-attachment:hover .wi-upload-icon {display: inline;}
#hotspotDialog .attachments .wi-attachment:hover .wi-upload-icon:hover {color: #649f3c; }
#hotspotDialog .attachments .wi-attachment:hover .wi-remove-icon {display: inline;}
#hotspotDialog .attachments .wi-attachment:hover .wi-remove-icon:hover {color: #ed5565; }
#hotspotDialog .ibox-content {padding-bottom: 0; border-top: 0 none; padding-top: 0; }
#hotspotDialog .modal-footer {border-top: 0 none; padding-top: 0; padding-right: 20px;}
#hotspotDialog .ibox-title { padding-left: 20px;}

#workItemTypeDropdown .dropdown-menu {top: 36px !important; left: 0 !important; }
#workItemTypeDropdown button {font-size: 1rem; padding: 6px 12px; width: 160px; text-align: left;}
#workItemTypeDropdown button .caret {float: right;position: relative;top: 9px;right: -4px;}
#workItemTypeDropdown .dropdown-item {font-size: 1rem; padding-left: 12px; min-width: 158px;}

.ibox-fill-parent {position: absolute; left: 0; right: 0; top:0; bottom:0; background-color: #FFFFFF; z-index: 2; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 20px; }
.ibox-fill-footer {position: absolute; left: 0; right: 0; top:0; bottom:0; background-color: #FFFFFF; z-index: 2; display: flex; align-items: flex-end; flex-direction: column; padding: 0 20px; margin-left: 0 !important;; }
.ibox-fill-parent.post-naked {opacity: 1.0;}
.ibox-fill-parent.ibox-fill-parent-top {justify-content: start; align-items: stretch;}

#shareDialog .ibox-title h5 {line-height: 1.3rem;}
#shareDialog input[readonly] { background-color: #FFFFFF; }
#shareDialog .ibox-content {padding-bottom:0;}
#shareDialog .ibox-content {padding-bottom: 0; border-top: 0 none; padding-top: 0; }
#shareDialog .modal-footer {border-top: 0 none; padding-top: 0; padding-right: 20px;}
#shareDialog .ibox-title { padding-left: 20px;}

.simplecolorpicker.picker {max-width: 218px !important;}
.simplecolorpicker.icon {width: 60.25px; height: 33px; border-radius: 3px;}
.simplecolorpicker span.color {width: 30px; height: 30px; display: block;}
.simplecolorpicker span.color:after {content: "";}
.simplecolorpicker span.color[data-selected]:after { content: "\f00c"; font-family: "Font Awesome 6 Pro";width: 100%;text-align: center;display: block;position: relative;top: 5px; }
.simplecolorpicker[role="button"]:before {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent; position: relative; left: 10px; color: #FFFFFF; font-weight: 700; content: " "; left: 36px; top: 6px;}

.btn.iconpicker:after {display: none;}
.color-item {display: inline-block; width: 50px; height: 20px; border-radius: 3px; }
#workItemsBtnSettings1.filter-active { border-color: #007bff; color: #007bff; }
#workItemsBtnSettings2.filter-active { border-color: #007bff; color: #007bff; }

.construction-tabs {}
.construction-tabs .nav-item {cursor: pointer;}
.construction-tabs .nav-item:hover { color: #007bff; }

.text-primary {color:#1ab394 !important;}

#shareDialog #shareRecipients {overflow: hidden;}
#shareDialog #shareRecipients .share-recipient {display: block; clear: both; float: left; border-radius: .25rem; background-color: #e5e6e7; padding: .35rem .7rem; cursor: pointer; margin-bottom: 3px; transition: padding 300ms ease; }
#shareDialog #shareRecipients .share-recipient .remove {position: absolute; opacity: 0; pointer-events: none; display: inline-block;width: 20px;    margin-left: .2rem;text-align: center;line-height: 20px;}
#shareDialog #shareRecipients .share-recipient:hover {padding-right: 1.75rem;}
#shareDialog #shareRecipients .share-recipient:hover .remove {pointer-events: auto; opacity: .5; cursor: pointer; transition: opacity 300ms ease; }
#shareDialog #shareRecipients .share-recipient:hover .remove:hover {opacity: 1; transition: opacity 300ms ease;}
.text-silver {color: #929ba5;}
.btn.w-100 .caret { float: right;position: relative;top: 9px;right: -4px;}
#workItemStatusDropdown button {height: 35px; padding: 6px 12px; font-size: 1rem; }
#workItemStatusDropdown .dropdown-item {font-size: 1rem;padding-left: 12px;min-width: 158px;}

.nav-tabs .nav-item {margin-bottom: 0px;}
.sidebar-header {cursor: pointer;}
#workItemsBtnSettingsDropdown .dropdown-menu {width: max-content;}
#workItemsBtnSettingsDropdown .dropdown-menu .dropdown-scrollable .dropdown-item {}
#workItemsBtnSettingsDropdown .dropdown-menu .dropdown-scrollable .dropdown-item span {overflow: hidden; text-overflow: ellipsis;}
.border-silver {border-color: #e9ecef!important;}

.form-group.disabled { pointer-events: none; opacity: .5;}

#tableRenderer { padding: 0 1px 0 0 !important;}
#sideRenderer { padding: 0 !important; background-color: #FFFFFF; }
.footer {display: none;}
.page-heading {padding: 10px 15px; height: 45px; }
.page-heading h2 {display: none !important; }
.ibox-title {padding-left: 20px; padding-right: 20px;}
.ibox-content {padding: 15px 20px;}
.navbar-minimalize {position: relative; top: 4px;}

.side-renderer-overlay {}

#sideRenderer .ibox.loader-template { height: 100%; overflow: hidden; }
#sideRenderer .ibox.loader-template .ibox-title { height: 5px; padding: 0; min-height: unset; }
#sideRenderer .ibox.loader-template .ibox-content { border-top: 0; display: flex; align-items: center; justify-content: center; max-height: unset; padding-top: 0; height: 100%;}
#sideRenderer .sideRendererLoaderTemplate {display: flex;}

#tableRenderer .ibox.loader-template .ibox-content {padding-bottom:0 !important; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }
#tableRenderer .ibox.loader-template { height: 100%; overflow: hidden; }
#tableRenderer .ibox.loader-template .ibox-title { height: 5px; padding: 0; min-height: unset; }
#tableRenderer .ibox.loader-template .ibox-content { border-top: 0; display: flex; align-items: center; justify-content: center; height: 100%; max-height: unset; padding-top: 0;}
.wrapper-content { height: calc(100vh - 50px); }
.wrapper-content > .row-eq-height {height: 100%;}
.sideRendererLoaderTemplate { display: flex; width: 100%; flex: 1; flex-direction: column;}
.wrapper-content.wrapper-content-nolimit {height: auto; padding: 8px 0 0; margin: 0 -5px;}
.wrapper-content.wrapper-content-nolimit .row {margin: 0 -5px;}
.wrapper-content.wrapper-content-nolimit .row > [class^="col-"] {padding: 0 5px;}
.wrapper-content.wrapper-content-nolimit .ibox {margin-bottom: 8px;}

@media (max-width: 767px) {
    .navbar-minimalize {}
    #breadcrumb {margin: 1px 0 0 -10px;}
}
#noNotesCount { text-align: center; padding: 30px 0; }
#noTagsCount { text-align: center; padding: 30px 0; }

/* NEW TWEAKS */
#page-wrapper {padding: 0 5px;}
.wrapper-content {padding: 0 10px 0;}
#tableRenderer, #sideRenderer {height: calc(100vh - 45px);}
#tableRenderer > .ibox > .ibox-title {border-top: 0 none;}
#sideRenderer > .ibox > .ibox-title {border-top: 0 none;}
.search-group {position:relative;}
.search-group .form-control { background-color: #F4F4F4; border-color: #F4F4F4; border-radius: 5px; padding-left: 40px;}
.search-group .form-control:focus {border-color: #495057;}
.search-group .search-addon {position: absolute; top: 0; left: 0; bottom: 0; width: 31px; display: flex; align-items: center; justify-content: flex-end;}
.search-group .search-clear { position:absolute; top: 0; right: 0; bottom: 0; width: 31px; display: flex; align-items: center; justify-content: center; opacity: 0.5; cursor: pointer; }
.search-group .search-clear:hover { opacity: 1; }
.search-group .form-control:placeholder-shown + #searchClear { display:none; }
.table > tbody > tr > td {padding: 8px;}
.ibox-content {border-top: 0 none;}
.ibox-title + .ibox-content {padding: 0 20px 15px;}
.ibox-title h5 {font-size: 16px;}
.btn.btn-options {padding-left: .5rem; padding-right: .5rem;}
.btn {line-height: 22px; padding: 8px 14px; border-radius: 5px;}
.form-control {font-size: 1rem; line-height: 22px; padding: 8px 14px; }
.dropdown-header, .dropdown-header.dropdown-header-scrollable {font-size: 1rem; color: #212529; }
.table > thead > tr > th {font-size: 1rem; font-weight: 400; padding: 10px 10px;}
.table > tbody > tr > td {padding: 10px; height: 40px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {font-family: 'Font Awesome 6 Pro'; display: inline-block; position: static; padding: 0 5px; opacity: .5; }
table.dataTable thead .sorting:after {content: "\f0dc";}
table.dataTable thead .sorting_asc:after {content: "\f0de"; font-weight: 700; opacity: .75;}
table.dataTable thead .sorting_desc:after {content: "\f0dd"; font-weight: 700; opacity: .75;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {padding-right: 10px;}
#mainTable_wrapper {margin-top: 10px;}
.badge.project-status {padding: 5px 0; width: 110px; font-size: .95rem;}
.nav.metismenu .dropdown-menu > li > a { padding: 6px 30px 6px 20px; }
.page-side-title {color: #FFFFFF; font-weight: 400; font-size: 1rem; padding-top: 16px; line-height: 1.4rem; }
.nav > li > a {padding: 15px 20px 15px 25px; }
.nav > li.active { border-left-color: #007bff; }
.nav-second-level li a { padding: 10px 10px 10px 55px; font-size: 1rem;}
select.form-control:not([size]):not([multiple]) {height: 40px;}
.nav-header {background-size: cover;}
.positions-notes-list {position: absolute; bottom: 0; left: 0; right: 0; height: calc((100vh - (15px + 50px)) / 2); }
.positions-notes-list-heading {border-bottom: 1px solid #dee2e6; }
.positions-notes-list-heading .construction-tabs {border-bottom: 0 none;}
.positions-notes-list-heading .construction-tabs {border-bottom: 0 none;}
.construction-tabs.nav-tabs .nav-item .nav-link, .construction-tabs.nav-tabs .nav-link {padding: 13px 10px; margin-right: 10px; position: relative; border-width: 0 0 1px 0; border-color: transparent;  }
.construction-tabs.nav-tabs .nav-item.show .nav-link, .construction-tabs.nav-tabs .nav-link.active {border-width: 0 0 1px 0; border-bottom: 1px solid #222222; font-weight: 700; color: #007bFF }
.mt--1 {margin-top: -.25rem;}
.hotspot-list-item .priority .badge {font-size: .9rem;}
.dropdown-toggle::after {display: none;}
.form-control, .single-line {border-radius: 5px;}
.form-control:focus {z-index: 2; }
.dropdown-item.disabled, .dropdown-item:disabled {color: #2b2d2f; cursor: default; pointer-events: none; opacity: 0.25;}
.krpano.in-view, .kr3d-display .krpano.in-preview, .positions-notes-list .notes-list, .positions-notes-list .hotspots-list, #pdfViewer {height: calc((100vh - (246px)) / 2);}
.ibox[data-image-type="panorama"] .krpano.in-view, .ibox[data-image-type="panorama"] .kr3d-display .krpano.in-preview, .ibox[data-image-type="panorama"] .positions-notes-list .notes-list, .ibox[data-image-type="panorama"] .positions-notes-list .hotspots-list, .ibox[data-image-type="panorama"] #pdfViewer, .potree_parent_container_small {height: calc((100vh - (33px + 41px + 32px + 15px + 50px)) / 2);}
.ibox[data-image-type] .krpano.in-view, .ibox[data-image-type] .kr3d-display .krpano.in-preview, .ibox[data-image-type] .positions-notes-list .notes-list, .ibox[data-image-type] .positions-notes-list .hotspots-list, .ibox[data-image-type] #pdfViewer {height: calc((100vh - (33px + 41px + 32px + 15px + 50px)) / 2);}
.ibox[data-map-type="file"] .krpano.in-view, .ibox[data-map-type="file"] .kr3d-display .krpano.in-preview, .ibox[data-map-type="file"] .positions-notes-list .notes-list, .ibox[data-map-type="file"] .positions-notes-list .hotspots-list, .ibox[data-map-type="file"] #pdfViewer {height: calc((100vh - (197px)) / 2);}
tr .table-checker {display:none;}
.show-table-checker tr td, .show-table-checker tr th {position: relative;}
.show-table-checker tr .table-checker {display: inline; position: absolute; left: 18px; top: 50%; margin-top: -11px;}
.show-table-checker tr .table-checker [data-checked-condition] {display: none; border: 1px solid #dee2e6; background-color: #FFFFFF; border-radius: 50%; width: 1.25rem; height: 1.25rem; }
.show-table-checker .dataTables_scrollHead th .global-table-checker[data-check-status="0"] [data-checked-condition="false"] { display: inline-block; }
.show-table-checker .dataTables_scrollHead th .global-table-checker[data-check-status="1"] [data-checked-condition="true"] { display: inline-block; color: #FFFFFF; background-color: #007bff; border-color: #007bff; text-align: center; }
.show-table-checker .dataTables_scrollHead th .global-table-checker[data-check-status="1"] [data-checked-condition="true"] i { font-size: .65rem;position: relative;top: -4px; }
.dataTables_scrollBody .global-table-checker { display: none !important; }
.show-table-checker tr[data-checked="false"] .table-checker [data-checked-condition="false"] {display: inline-block;}
.show-table-checker tr[data-checked="true"] .table-checker [data-checked-condition="true"] {display: inline-block; color: #FFFFFF; background-color: #007bff; border-color: #007bff; text-align: center;}
.show-table-checker tr[data-checked="true"] .table-checker [data-checked-condition="true"] i {font-size: .65rem; position: relative; top: -4px;}
.table-select-tools { position: absolute;bottom: 0;left: 0;right: 10px;background: transparent;padding: 10px 20px 10px 20px;text-align: right; display: none; height: 60px; align-items: center; justify-content: left; }
.show-table-checker .table-select-tools {display: flex; border-top: 1px solid #f3f3f4; box-shadow: -10px 0 10px #00000033;}
.show-table-checker #mainTableDefaultActionsButton {color: #007bff; border-color: #007bff; }
.projects-page .show-table-checker .dataTables_scrollBody {height: calc(100vh - 212px) !important; }
.nav .label, .ibox .label {font-size: .95rem; padding: 5px 0;}
.label-status-eq {width: 110px;}
.badge {padding: 5px 10px; font-size: .95rem;}
small, .small {font-size: .9rem;}
h5 {font-size: 1rem;}
h4 {font-size: 1rem;}
.dashboard-header h5 {padding-top: 10px;}
.btn-bs::after {display: inline-block;width: 0;height: 0;margin-left: 10px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent; content: " "; }
.bootstrap-select .dropdown-menu li a { padding: 6px 30px 6px 20px; font-size: 1rem; border-radius: 0; margin: 0; }
.bootstrap-select .inner {-ms-overflow-style: none; scrollbar-width: none;}
.bootstrap-select .inner::-webkit-scrollbar {display: none;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color: #007bff;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: 0 none !important;}
.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 {color: inherit;}
.custom-control-label::before {border-radius: 50% !important;}
.project-overview .allowed-testing {position: relative; top: 2px; margin-right: .5rem;}
.project-overview .allowed-testing i {position: relative; top: -2px;}

.custom-dialog .ibox-title h5.modal-title {font-size: 16px; line-height: 1.3rem;}
.custom-dialog .modal-footer {padding: 0 20px 1rem; border-top: 0 none;}
.projects-page .form-submit-buttons { position: absolute;bottom: 0;left: 0;right: 0;background: transparent;padding: 10px 20px 10px 20px;text-align: right; margin: 0 !important; }
.projects-page .form-submit-buttons > div { padding: 0 !important; margin: 0 !important;}
.ibox-content.project-form {overflow-y: scroll; max-height: calc(100vh - 113px) !important; }
.ibox-content.project-form .kr2d-toolbar {display: none !important;}
.ibox-content.project-form .krpano.in-form {min-height: 250px; height: calc(100vh - 580px);}
#exportDialog .ibox-content { padding-bottom: 0;border-top: 0 none;padding-top: 0;}
#exportDialog .modal-footer { border-top: 0 none;padding-top: 0;padding-right: 20px;}
#fly-profile-element > .dropdown {position: fixed; top: 9px; right: 14px; z-index: 11; font-size: 16px;}
#fly-profile-element > .dropdown.show {z-index: 5002;}
#fly-profile-element .text-xs .fa-fw { color: #c4c4c4; font-size: 22px; position: relative; top: 2px; }
#fly-profile-element a.dropdown-toggle:hover, .tour #fly-profile-element a.dropdown-toggle[aria-expanded="true"] {color: #0056b3;}
#fly-profile-element .dropdown > a { color: #007bff; }
#fly-profile-element .dropdown > a:focus { outline: none; }
#fly-profile-element .dropdown > a:focus, #fly-profile-element .dropdown > a:hover { color: #007bff; }
body.role_temporary #fly-profile-element {right: 15px;}
body.role_temporary #sideRenderer .ibox-tools > *:not(.toggle-side-renderer) {display: none !important;}

@media (min-width: 768px) {
    .navbar-static-side {width: 256px;}
    #page-wrapper { width: calc(100% - 256px); }
}

.z-index-99999 {z-index: 99999;}

#sideRenderer #potree_render_area { transition: none; }
#sideRenderer .potree_parent_container {position: absolute;left: 0px;top: 58px;bottom: 18px;right: 0;}
#sideRenderer .potree_container {position: absolute;left: 0px;top: 0;bottom: 0;right: 0;}
#sideRenderer .potree_container #potree_sidebar_container{ scrollbar-color: rgba(122,129,132, 1) rgba( 25, 40, 44, 1); scrollbar-width: thin; }
#sideRenderer:not(.viewer-fullscreen) .potree_container #potree_sidebar_container { display: none; }
#sideRenderer .potree_container ::-webkit-scrollbar { width: 6px; background-color: rgba( 25, 40, 44, 1); }
#sideRenderer .potree_container ::-webkit-scrollbar-track { }
#sideRenderer .potree_container ::-webkit-scrollbar-thumb { background-color: rgba(122,129,132, 1); }
#sideRenderer .potree_container #potree_quick_buttons { display:none; }
#sideRenderer .potree_container .viewer-top-tools {position:absolute; z-index: 3; right: 20px; top: 10px;}
#sideRenderer .potree_container .viewer-top-tools .btn-square i.expander::before { content: "\f065"; }
#sideRenderer .potree_container .sidebar-top-tools {position:absolute; z-index: 3; right: 20px; top: 10px; display: none;}
#sideRenderer.viewer-fullscreen .potree_parent_container,
#sideRenderer.viewer-fullscreen .potree_parent_container.potree_parent_container_small { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgb(34,45,51);background: radial-gradient(circle, rgba(34,45,51,1) 0%, rgba(17,22,25,1) 71%, rgba(16,21,24,1) 100%); z-index: 4999; height: auto; margin-top: 0; }
#sideRenderer.viewer-fullscreen .potree_container { position: fixed; top: 20px; left: 20px; right: 20px; bottom: 20px; }
#sideRenderer.viewer-fullscreen .potree_container .viewer-top-tools #viewerTopResize i.expander::before { content: "\f00d"; }
#sideRenderer.viewer-fullscreen .potree_container .viewer-top-tools #viewerTopResize2 i.expander::before { content: "\f066"; }
#sideRenderer .potree_container #potree_sidebar_container { background-color: #2f4050 !important;}
#sideRenderer .potree_container #sidebar_header { display: none; }
#sideRenderer .potree_container #menu_about { display: none; }
#sideRenderer .potree_container #menu_about { display: none; }
#sideRenderer .potree_container #menu_about + div { display: none; }
#sideRenderer .potree_container #potree_menu + div { display: none; }
#sideRenderer .potree_container #scene_export { display: none; }
#sideRenderer .potree_container #sidebar_root {font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px; color: #a7b1c2;}
#sideRenderer .potree_container span > .ui-button {border: 1px solid #a7b1c288 !important; line-height: 22px !important; padding: 8px 0 !important; background: transparent !important; cursor: pointer !important; color: #a7b1c2 !important; position: relative !important; border-radius: 0px !important; transition: all .3s ease; margin-left: -1px !important; text-shadow: none !important; }
#sideRenderer .potree_container .ui-button:hover {border-color: #a7b1c2FF !important; z-index: 1; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container .ui-button:active { border-color: #a7b1c2FF !important; box-shadow: 0 2px 5px #FFFFFF66 inset; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container span:first-child > .ui-button {border-radius: 5px 0 0 5px !important;}
#sideRenderer .potree_container span:last-child > .ui-button {border-radius: 0 5px 5px 0 !important;}
#sideRenderer .potree_container .ui-button.ui-state-active { border-color: #FFFFFF !important; color: #FFFFFF !important; z-index: 2 !important; background-color: #FFFFFF11 !important;  }
#sideRenderer .potree_container legend {font-size: 15px; font-weight: 600; margin: 0; padding: 20px 0 5px 0;}
#sideRenderer .potree_container h3 { text-shadow: none !important; background-color: #2f4050 !important; color: #a7b1c2 !important; font-size: 16px !important; font-weight: 700 !important; padding: 20px 20px 20px 25px !important; text-align: left; border: 0 none !important; box-shadow: none !important; }
#sideRenderer .potree_container h3 + div { background-color: #293846 !important;}
#sideRenderer .potree_container .pv-menu-list { margin: 0; padding: 15px 0;}
#sideRenderer .potree_container .accordion > h3:hover { filter: none; color: #FFFFFF !important; box-shadow: none;}
#sideRenderer .potree_container .ui-slider { border-color: #FFFFFF44 !important; background-color: #FFFFFF22 !important; border-radius: 6px !important; }
#sideRenderer .potree_container .ui-slider-range { border-color: #FFFFFF44 !important; background-color: #FFFFFF22 !important; border-radius: 6px !important; }
#sideRenderer .potree_container .ui-slider-horizontal .ui-slider-handle { border-color: #FFFFFF !important; background-color: #2f4050 !important; cursor: pointer !important; border-radius: 50% !important; width: 20px !important; height: 20px !important; top: -5px !important; }
#sideRenderer .potree_container label input[type="checkbox"] + span { margin-left: 5px; font-weight: 400; font-size: 16px; }
#sideRenderer .potree_container .ui-widget input { width: auto !important; }
#sideRenderer .potree_container .divider > span:before { background: #FFFFFF11; }
#sideRenderer .potree_container .divider > span:after { background: #FFFFFF11; }
#sideRenderer .potree_container .ui-widget-content { background: transparent; border: 0 none; }
#sideRenderer .potree_container .ui-spinner-input { border: 1px solid #a7b1c288 !important; line-height: 22px !important; padding: 8px 14px !important; background: transparent !important; cursor: pointer !important; color: #a7b1c2 !important; position: relative !important; border-radius: 5px !important; transition: all .3s ease; !important; text-shadow: none !important; }
#sideRenderer .potree_container [contenteditable="true"] { border: 1px solid #a7b1c288 !important; line-height: 22px !important; padding: 8px 14px !important; background: transparent !important; cursor: pointer !important; color: #a7b1c2 !important; position: relative !important; border-radius: 5px !important; transition: all .3s ease; !important; text-shadow: none !important; }
#sideRenderer .potree_container [contenteditable="true"]:hover {border-color: #a7b1c2FF !important; color: #a7b1c2FF !important; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container [contenteditable="true"]:focus {border-color: #FFFFFF !important; color: #FFFFFF !important; background-color: #FFFFFF11 !important; outline: none; }
#sideRenderer .potree_container .ui-widget.ui-spinner input.ui-spinner-input { width: 100px !important; display: inline-block; outline: none !important; margin-right: 10px !important; transition: all .3s ease; }
#sideRenderer .potree_container .ui-widget.ui-spinner input.ui-spinner-input:hover { border-color: #a7b1c2FF !important; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container .ui-widget.ui-spinner input.ui-spinner-input:focus { outline: none !important; border-color: #FFFFFF !important; color: #FFFFFF !important; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container .ui-widget.ui-spinner .ui-button { display: inline-block; border-radius: 4px 0 0 4px !important; height: 30px; width: 30px; }
#sideRenderer .potree_container .ui-widget.ui-spinner .ui-button:last-child { border-radius: 0 4px 4px 0 !important; }
#sideRenderer .potree_container input[type="button"] { -moz-appearance: none; -webkit-appearance: none; border: 1px solid #a7b1c288 !important; line-height: 22px !important; padding: 8px 14px !important; background: transparent !important; cursor: pointer !important; color: #a7b1c2 !important; position: relative !important; border-radius: 5px !important; transition: all .3s ease; margin-left: -1px !important; text-shadow: none !important; font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px; text-transform: capitalize; }
#sideRenderer .potree_container input[type="button"]:hover {border-color: #a7b1c2FF !important; z-index: 1; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container input[type="button"]:active { border-color: #a7b1c2FF !important; box-shadow: 0 2px 5px #FFFFFF66 inset; background-color: #FFFFFF11 !important; }
#sideRenderer .potree_container #gpstime_filter_header { display: none; }
#sideRenderer .potree_container #gpstime_filter_panel { display: none; }
#sideRenderer .potree_container li[style="margin-top: 10px"] { display: none; }
#sideRenderer .potree_container .divider { text-align: left; margin: 10px 0; font-size: 100%; letter-spacing: 0; font-weight: 700; }
#sideRenderer .potree_container .divider:first-child { margin-top: 0; }
#sideRenderer .potree_container .divider > span { margin-left: 20px; }
#sideRenderer .potree_container li + .divider { margin-top: 20px; }
#sideRenderer .potree_container #splat_quality_options legend { padding-top: 0; }
#sideRenderer .potree_container #splat_quality_options fieldset { margin-bottom: 15px !important; }
#sideRenderer .potree_container #camera_projection_options fieldset { margin-top: 15px !important;}
#sideRenderer .potree_container #camera_projection_options fieldset { margin-bottom: 15px !important; }
#sideRenderer .potree_container #classificationList li input[type="checkbox"] { position: relative; top: 5px; }
#sideRenderer .potree_container #classificationList #toggleClassificationFilters { position: relative; top: 1px; }
#sideRenderer .potree_container #classificationList #toggleClassificationFilters + span { margin-left: 1px; }
#sideRenderer .potree_container #menu_filters + div > .divider:first-child { padding-top: 15px !important; margin-bottom: 0 !important; }
#sideRenderer .potree_container .divider + div > .pv-menu-list { padding-top: 0 !important; }
#sideRenderer .potree_container #return_filter_panel + .divider { padding-top: 0 !important; }
#sideRenderer .potree_container img[data-i18n="[title]tt.flight_control"] { display: none; }
#sideRenderer .potree_container img[data-i18n="[title]tt.compass"] { display: none; }
#sideRenderer .potree_container img[data-i18n="[title]tt.remove_all_measurement"] { display: none; }
#sideRenderer .potree_container img[data-i18n="[title]tt.camera_animation"] { display: none; }
#sideRenderer .potree_container img[data-i18n="[title]tt.annotation"] { display: none; }
#sideRenderer .potree_container #scene_objects #pointclouds { display: none; }
#sideRenderer .potree_container #scene_objects #vectors { display: none; }
#sideRenderer .potree_container #scene_objects #images { display: none; }
#sideRenderer .potree_container #menu_filters { display: none; }
#sideRenderer .potree_container #menu_filters + div { display: none; }
#sideRenderer .potree_container #scene_objects { margin-right: 0 !important; margin-bottom: 20px;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(1) {display: none;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(3) {display: none;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(4) {display: none;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(5) {display: none;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(6) {display: none;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(7) {display: none;}
#sideRenderer .potree_container #menu_tools + div > *:nth-child(8) {display: none;}

#sideRenderer .potree_container #camera_projection_options legend {display: none;}
#sideRenderer .potree_container #splat_quality_options legend {display: none;}
#sideRenderer .potree_container #menu_appearance_show_bounding_box {margin-bottom: 15px;}
#sideRenderer .potree_container #tools img,
#sideRenderer .potree_container #clipping_tools img,
#sideRenderer .potree_container #navigation img {width: 40px !important; height: 40px !important;margin: 0 2px 2px 0 !important;}
#sideRenderer .potree_container #navigation img:nth-child(1),
#sideRenderer .potree_container #navigation img:nth-child(3),
#sideRenderer .potree_container #navigation img:nth-child(4),
#sideRenderer .potree_container #navigation img:nth-child(5),
#sideRenderer .potree_container #navigation img:nth-child(6),
#sideRenderer .potree_container #navigation img:nth-child(7) {width: 42px !important; height: 42px !important; margin: 0 9px 4px 0 !important;}
#sideRenderer .potree_container #navigation img:nth-child(6) {margin-right: 0px !important;}
#sideRenderer .potree_container #menu_appearance_chkEDLEnabled {margin-bottom: 10px !important;}
#sideRenderer .potree_container #jstree_scene .jstree-item-tools {position: absolute; right: 5px; top: -1px;}
#sideRenderer .potree_container #jstree_scene .jstree-item-tools .jstree-item-tool {padding: 5px; cursor: pointer; transition: color .3s ease; position: relative; top: -1px; color: #676a6c !important; }
#sideRenderer .potree_container #jstree_scene .jstree-item-tools .jstree-item-tool:hover {color: #4D5259 !important;}
#sideRenderer .potree_container #jstree_scene .jstree-item-tools [data-value="true"] [data-for-value="false"] { display: none;}
#sideRenderer .potree_container #jstree_scene .jstree-item-tools [data-value="false"] [data-for-value="true"] { display: none;}
#sideRenderer .potree_container #jstree_scene .jstree-node {position: relative !important; background-image: none !important;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li {margin-bottom: 10px;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li > a {pointer-events: none; font-size: 17px;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li > a .jstree-checkbox {display: none !important;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li > a .jstree-themeicon {display: none !important;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul .jstree-ocl {display: none !important;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li ul.jstree-children li {margin: 0 20px 0 0 !important;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li ul.jstree-children li a {line-height: 46px; height: 46px; padding: 0 0 0 5px; transition: all .3s ease;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li ul.jstree-children li a .jstree-checkbox {display: none !important;}
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li ul.jstree-children li a .jstree-themeicon { background-size: 26px 26px !important;position: relative;top: 10px;margin-right: 8px;}
#sideRenderer .potree_container #scene_objects .jstree-default .jstree-hovered {background-color: #2f4050 !important; color: #c7cdd8 !important;  box-shadow: none !important; }
#sideRenderer .potree_container #scene_objects .jstree-default .jstree-clicked {background-color: #2f4050 !important; color: #FFFFFF !important;  box-shadow: none !important; }
#sideRenderer .potree_container #scene_objects #annotations {display: none !important; }
#sideRenderer .potree_container #scene_objects #other {display: none !important;}
#sideRenderer .potree_container #scene_objects #other ul li a .jstree-themeicon {display: none !important;}
#sideRenderer .potree_container .pv-menu-list {overflow: visible;}
#sideRenderer .potree_container .jstree-container-ul:focus {outline: none;}
#sideRenderer #potree_sidebar_container a {color: #a7b1c2; }
#sideRenderer .potree_container .potree_message {background-color: #2f4050 ;}
#sideRenderer .potree_container .potree_message img[name="close"] {filter: invert(1); opacity: .5; cursor: pointer;}
#sideRenderer .potree_container #scene_object_properties .measurement_content {padding: 20px 20px 5px; border-top: 1px solid #a7b1c288;}
#sideRenderer .potree_container #scene_object_properties table {/*border: 1px solid #a7b1c288;*/ margin-bottom: 10px; }
#sideRenderer .potree_container #scene_object_properties table th {/*background-color: #00000022;*/}
#sideRenderer .potree_container #scene_object_properties table th,
#sideRenderer .potree_container #scene_object_properties table td {text-align: center; margin-top: -1px; padding: 2px 6px; /*border: 1px solid #a7b1c288;*/ vertical-align: middle; }
#sideRenderer .potree_container #scene_object_properties table .button-icon {box-sizing: content-box; width: 22px !important; height: 22px !important; padding: 2px 4px; cursor: pointer;}
#sideRenderer .potree_container #clipping_task_panel { border-top: 1px solid #a7b1c288; margin: 15px 0 4px 0; padding: 0 20px; }
#sideRenderer .potree_container #clipping_task_panel legend { padding: 10px 0; }
#sideRenderer .potree_container #splat_quality_options { display: none; }
#sideRenderer .potree_container #field_of_view_panel { display: none; }
#sideRenderer .potree_container #scene_export + .divider { display: none; }

#sideRenderer .potree_parent_container.potree_parent_container_small {z-index: 3; margin-top: 14px; position: relative; }

#profile_window {background-color: #2f4050 !important; }
#profile_window #profile_titlebar {background-color: #293846 !important; text-shadow: none !important; }
#profile_window .pw_content {color: #a7b1c2 !important; }
#profile_window input[type="text"] {border: 1px solid #a7b1c288 !important;line-height: 22px !important;padding: 8px 14px !important;background: transparent !important;cursor: pointer !important;color: #a7b1c2 !important;position: relative !important;border-radius: 5px !important; width: 100px !important; display: inline-block; outline: none !important; margin-right: 10px !important; transition: all .3s ease; }
#profile_window input[type="text"]:hover { border-color: #a7b1c2FF !important;background-color: #FFFFFF11 !important; }
#profile_window input[type="text"]:focus { outline: none !important;border-color: #FFFFFF !important;color: #FFFFFF !important;background-color: #FFFFFF11 !important;}
#profile_window .pw_content > span > div:first-child {align-items: center !important; color: #a7b1c2 !important;;}
#profile_window #profile_draw_container {overflow: hidden; color: #a7b1c2 !important;}
#profile_window #profileSelectionProperties {font-size: 14px;}
#profile_window #closeProfileContainer {cursor: pointer;}

.potree_parent_container .browser-fork {position: absolute;left: 0;right: 0;top: 0;bottom: 0;color: #FFFFFF;z-index: 1;display: flex;align-items: center;justify-content: center; text-align: center;}

.shared-with-label .shared-with-link {cursor: pointer; }
.shared-with-label .shared-with-text {font-size: .9rem;}
.shared-links-history > .row {max-height: 100%;}
.shared-links-history .shared-links-list-parent { position: absolute; top: 0px; bottom: 15px; left: 20px;right: 20px;width: auto; }
.shared-links-list { border-radius: 5px;overflow-y: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.shared-links-list .shared-links-row {/*border-bottom: 1px solid #e5e6e7; */padding: 10px 0; margin: 0 !important; }
.shared-links-list .shared-links-row + .shared-links-row {padding-top: 0;}
.shared-links-list .shared-links-row .shared-links-mail {font-weight: 600; }
.shared-links-list .shared-links-row .shared-links-meta {font-size: .9rem;  font-weight: 400; color: #555555; display: block; }
.initials-thumb { display: inline-block; width: 30px; height: 30px; padding: 0; line-height: 30px; background-color: #007bff; color: #FFFFFF; border-radius: 50%; text-align: center; font-weight: 600; font-size: .9rem; }
.initials-thumb.initials-thumb-more { background-color: #D3D3D3; color: #555555; }

#sharedLinksHistoryCopyTextField { top: -5000px;position: fixed;opacity: 0; }
.popover.popover-very-top {z-index: 10001; }
.popover.popover-reject { font-size: 1rem; max-width: unset; }

.sop-editable button {font-size:.95rem; font-weight:700; padding: 4px 15px; }
#kr3dSopSwitcherBtnGroup { position: relative; display: none; }
#sideRenderer.pano-fullscreen #projectMainName { position: fixed; z-index: 5001;bottom: 35px;left: 180px;right: 180px;margin: 0 auto;text-align: center;white-space: nowrap;font-size: 24px;font-weight: 400;color: #FFFFFF;text-shadow: 0 0 10px #00000066, 0 0 3px #00000099;align-content: center; }
#sideRenderer.pano-preview #projectMainName { position: fixed;right: 30px;z-index: 5001;bottom: 80px;width: calc(27vw - 10px);z-index: 5002;color: #FFFFFF;text-align: center;    font-weight: 400; }

#krpano3dImages .thumb-image-src {opacity:0; display: flex; transition: opacity 300ms ease 200ms; }
#krpano3dImages .thumb-image-src.shown { opacity: 1; }
#krpano3dImages .thumb-image-src img {object-fit: cover; width: 100%; height: 100%;}

#krpano3dImage .stage .image-view {opacity:0; display: flex;}
#krpano3dImage .stage .image-view.shown {opacity:1;transition: opacity 300ms ease;}
#krpano3dImage .stage .image-view img {object-fit: contain; width: 100%; height: 100%; transition: none; }

.hotspots-list .hotspot-list-item .image-container .img img {object-fit: cover; width: 100%; height: 100%;}
.panorama-images .pi .pi-background img {object-fit: cover; width: 100%; height: 100%;}

.toShow {opacity:0; transition: opacity 300ms ease;}
.toShow.shown {opacity:1;}

#projectSecondaryName {display: none;}

body.vrmode { position: static; background-color: #000000; }
body.vrmode #krpano3dImages {display: none;}
body.vrmode #krpano3dImage {display: none;}
body.vrmode .kr2d-toolbar {display: none;}
body.vrmode #kr3dToolsHeading {display: none;}
body.vrmode #kr3dToolsImages {display: none;}
body.vrmode #kr3dTopResize {display: none;}
body.vrmode .navbar-default {display: none;}
body.vrmode #fly-profile-element {display: none;}
body.vrmode .kr3d-display-fg, body.vrmode #krpano3d {left: 0 !important; top: 0 !important; bottom: 0 !important; right: 0 !important; height: auto !important; width: auto; z-index: 2 !important; position: fixed !important;}
body.vrmode #kr2dTopResize {display: none;}
body.vrmode #kr3dToolsMain {position: fixed; right: 20px; top: 20px;}
body.vrmode #projectMainName, body.vrmode #projectSecondaryName { position: fixed; z-index: 5001;bottom: 20px !important;right: auto !important; width: 50% !important;margin:0 !important; padding: 0 100px !important; text-align: center;white-space: normal !important;font-size: 40px !important;font-weight: 400;color: #FFFFFF;text-shadow:  0 0 10px #00000066, 0 0 3px #00000099;align-content: center; display: block !important; }
body.vrmode #projectMainName      { left: 0 !important; }
body.vrmode #projectSecondaryName { left: 50% !important; }
body.vrmode #sideRenderer > .ibox > .ibox-content {overflow: visible; }
body.vrmode .kr3d-display-top-tools { display: none; }

.explorer-breadcrumbs { display: inline-block; font-size: 16px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: none; }
.explorer-breadcrumbs a:last-child {font-weight: 700;}
.explorer-breadcrumbs a {padding: 5px;}
.explorer-breadcrumbs a + a {margin-left: .5rem;}
.explorer-breadcrumbs a + a::before {content: " / "; color: #cccccc; margin: 0 0 0 -.8rem; position: absolute;}
.explorer-breadcrumbs a.dragdrop-item-hover { box-shadow: inset 0 0 10px #007bff88;}

table tr .folder-edit-icon {transition: all 300ms ease; opacity: .5;}
table tr .folder-edit-icon:hover {opacity: 1; color: #007bff; }
table tr:not(:hover) .folder-edit-icon {opacity:0; }
.dragdrop-items-ghost {display: inline-block; padding: .5rem 1rem; border-radius: .25rem; border: 1px solid #e5e6e7; background-color: #FFFFFF; color: #676a6c; font-size: 15px; position: fixed;}
.dragdrop-items-ghost strong {color: #007bff;}
tr.dragdrop-item-hover {box-shadow: inset 0 0 20px #007bff88;}
tr.new-upload { background-color: #007bff22;color: #048a50; }

.table-renderer-drag-drop {background-color: #007bff; position: absolute; left: 0; top:0; width: 0; height: 0; outline: 2px dashed #FFFFFF; outline-offset: -15px; color: #FFFFFF; display: flex; transition: opacity .3s ease; opacity: 0; overflow: hidden;}
.table-renderer-drag-drop.shown {opacity: .7; width: 100%; height: 100%;}
.table-renderer-drag-drop.dragged {opacity: 1;  width: 100%; height: 100%;}

.table-renderer-upload {background-color: #007bff; position: absolute; left: 0; top:0; width: 0.00001%; height: 0.00001%; outline: 2px dashed #FFFFFF; outline-offset: -15px; color: #FFFFFF; display: flex; transition: opacity .3s ease, height 0s ease .3s, width 0s ease .3s; opacity: 0; overflow: hidden;}
.table-renderer-upload.shown {opacity: 1; width: 100%; height: 100%;transition: opacity .3s ease, height 0s ease 0s, width 0s ease 0s;}
.table-renderer-upload .tru-percent {font-size: 70px; font-weight: 100; display: block;}
.table-renderer-upload .tru-progress-bar { height: 10px; border: 1px solid #FFFFFF; padding: 1px; width: 150px;  display: block; }
.table-renderer-upload .tru-progress-bar-bg { height: 6px; background-color: #FFFFFF; display: block; transition: width 400ms ease; }
.table-renderer-upload .tru-text { display: block; margin-top: 10px; }
.table-renderer-upload .tru-text + .tru-text { margin-top: 0; opacity: .5; }
.table-renderer-upload .tru-button {margin-top: 10px; display: block;}
.table-renderer-upload .tru-button .btn {border: 1px solid #FFFFFF; background: transparent; }
.table-renderer-upload .tru-button .btn:hover {background-color: rgba(0,0,0,0.2);}

#sideRenderer:not(.is-asset-preview):not(.deck-fullscreen):not(.pano-fullscreen) .ibox[data-map-type="file"] .kr3d-display {margin-top: 0; z-index: 5001; bottom: 113px;}
.ibox[data-map-type="file"] .notes-list { padding-left: 0; }
.ibox[data-map-type="file"] .notes-list .note-list-item-subitems {margin-top: 0;}
.ibox[data-map-type="file"] > .ibox-title {padding-bottom: 15px;}

.form-group.has-error .btn { border-color: #ed5565; }
.workitem-hotspot .fa-::before {content: "\f249";}
#pdfViewer {display: block;}
#pdfViewer iframe {width: 100%; height: 100%; border: 0 none;}
.breadcrumb {font-size: 1.2rem; margin-top: -.1rem; }
.breadcrumb-item, .breadcrumb > li a { color:#495057; }
.breadcrumb-item.active, .breadcrumb > li a.active { color:#007bff; }
.breadcrumb-item:last-child, .breadcrumb-item:last-child a {font-weight: 700; color: #007bff; }
.breadcrumb-item+.breadcrumb-item::before {color: #CCCCCC;}
body.role_temporary #breadcrumb > li a {color: #212529; cursor: default; pointer-events: none;}
#tableRenderer > .ibox > .ibox-title {min-height: 15px; max-height: 15px; height: 15px; padding: 0;}
#tableRenderer > .ibox > .ibox-title * {display:none;}
#sideRenderer > .ibox.notes-shrink .kr3d-display .krpano.in-preview, #sideRenderer > .ibox.notes-shrink #pdfViewer { height: calc(100vh - (10px + 55px + 41px + 32px + 15px + 1px)); }
#sideRenderer.is-asset-preview > .ibox.notes-shrink #pdfViewer { height: calc(100vh - (-35px + 55px + 41px + 32px + 15px + 1px)) }
#sideRenderer > .ibox.notes-shrink .positions-notes-list { height: 53px; }
#sideRenderer > .ibox[data-map-type="file"]:not(.notes-shrink) .positions-notes-list { height: calc(5px + 50%) !important; }
#sideRenderer > .ibox[data-map-type="file"]:not(.notes-shrink) .kr3d-display { bottom: calc(50% + 7px) !important; }
.ibox[data-map-type="file"] #pdfViewer { height: 100%; }
.dataTables_empty {border-bottom: 0 none;}
.cursor-pointer { cursor: pointer; }
.doc-still-converting {font-size: 16px;font-weight: normal;color: #007bff;padding: 0;text-align: center;top: 50%;position: absolute;left: 0;right: 0;margin-top: -50px;}

.upgrade-message { display: flex; align-items: center;justify-content: center;height: calc(100% - 55px);}
.upgrade-message .icon {text-align: center; }
.upgrade-message .icon i {font-size: 150px;}
.upgrade-message .text {text-align: center; margin-top: 1.5rem;}
.upgrade-message .buttons {text-align: center; margin-top: 1.5rem;}
.upgrade-message .buttons .btn {margin: 0 1rem;}
.upgrade-message .buttons .btn:first-child {margin-left: 0;}
.upgrade-message .buttons .btn:last-child {margin-right: 0;}

.badge-default {background-color: #007bff; color: #FFFFFF;}
body:not(.wide-view) .positions-notes-list.hidden {display: block !important; visibility: hidden; pointer-events: none; cursor: pointer; z-index: -1;}

.btn-theme { color: #FFFFFF !important; border-color: #007bff; background-color: #007bff; text-decoration: none !important; }
.btn-theme:hover, .btn-theme:focus, .btn-theme.focus { border-color: #0063ce; background-color: #0063ce; }

.passwordInformation { background-color: #FFFFFF; color: #141d28; }
.login-body hr {opacity: .2;}

.fancybox__container { z-index: 999999; }
.fancybox__button--slideshow { display: none;}
.fancybox__backdrop { background-color: #FFFFFF; }

.kr3d-display-video-tools { position: absolute; left: 10px; bottom: 10px; z-index: 3; right: 10px; }
.kr3d-display-video-tools #kr3dToolsVideo1 { position: absolute; left: 0; bottom: 0; }
.kr3d-display-video-tools #kr3dToolsVideoProgress { position: absolute; left: 50px; right: 140px; bottom: 12px; }
.kr3d-display-video-tools #kr3dToolsVideoProgress .progress, .kr3d-display-video-tools #kr3dToolsVideoProgress .progress-bar { cursor: pointer; }
.kr3d-display-video-tools #kr3dToolsVideoProgress .progress-bar {position: absolute; height: 100%; border-radius: .25rem;}
.kr3d-display-video-tools #kr3dToolsVideoProgress .progress-bar-handle { width: 24px; height: 24px; border-radius: .5rem; border: 1px solid #e7eaec; background-color: white; position: absolute; bottom: -4px; margin-left: -12px; cursor: pointer; display: none; }
.kr3d-display-video-tools #kr3dToolsVideoProgress .progress-bar-handle::after { content: " "; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; border-radius: .25rem; background-color: #1ab394; display: block; }
.kr3d-display-video-tools #kr3dToolsVideoProgress .progress-bar-cover {position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer;}
.kr3d-display-video-tools #kr3dToolsVideoProgress .progress-bar-semi {opacity: 0.0; transition: opacity .2s ease, width .05s ease; }
.kr3d-display-video-tools #kr3dToolsVideoProgress:hover .progress-bar-semi {opacity:  0.15;}
.kr3d-display-video-tools #kr3dToolsVideo2 { position: absolute; right: 0; bottom: 0; }

.kr3d-display-video-tools[data-playing="1"] [data-condition-playing="0"] { display: none; }
.kr3d-display-video-tools[data-playing="0"] [data-condition-playing="1"] { display: none; }
.kr3d-display-video-tools[data-sound="1"] [data-condition-sound="0"] { display: none; }
.kr3d-display-video-tools[data-sound="0"] [data-condition-sound="1"] { display: none; }

.kr3d-display-video-buffer { display: flex; position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 1; justify-content: center; transition: opacity 400ms ease, backdrop-filter 400ms ease; opacity: 0;; }
.kr3d-display-video-buffer.buffering { backdrop-filter: blur(10px); opacity: 1; width: 100%; height: 100%;}
.kr3d-display-video-buffer > div { background-color: #F8F9FADD; border-radius: .25rem; padding: 1rem 2rem .5rem;}
.kr3d-display-video-buffer:not(.buffering) > div { display: none;}
.text-theme { color: #007bff; }

.kr3d-display-video-tools #kr3dToolsVideoTimer { width: 80px; position: absolute; right: 50px; bottom: 9px; background-color: rgba(255,255,255,0.9);  border-radius: .25rem; padding: .1rem 0 .05rem; font-size: .8rem; white-space: nowrap; text-align: center; }
.sp-hidden { display: none; }

@media (min-width: 1024px) {
    .fancybox__slide { padding: 20px; }
    .modal-2lg {
        max-width: 976px;
    }
}

@media (min-width: 1280px) {
    .modal-2lg {
        max-width: 1200px;
    }
}

.top-right-close { display: none; margin: -3px 6px 0 0; }

tr.d-none:first-child + tr:not(.d-none) td { border-top: 0 none; }

#potree_render_area { left: 0 !important; }
#potree_sidebar_container { display: none !important;}

#sideRenderer.sidebar-shown #potree_render_area { left: 0 !important; }
#sideRenderer.sidebar-shown #potree_sidebar_container { display: block !important; width: 300px; z-index: 1;  }

#sideRenderer .potree_container #sidebar_root { color: #676a6c !important; }
#sideRenderer .potree_container #potree_sidebar_container { background-color: #FFFFFF !important; }
#sideRenderer .potree_container h3 { background-color: #F4F4F4 !important; color: #4D5259 !important; }
#sideRenderer .potree_container .accordion > h3:hover { color: #4D5259 !important; }
#sideRenderer .potree_container h3 + div { background-color: #FFFFFF !important; }
#sideRenderer .potree_container #scene_objects .jstree-default .jstree-clicked { background-color: #F4F4F4 !important; color: #4D5259 !important; }
#sideRenderer .potree_container #scene_objects .jstree-default .jstree-hovered { background-color: #F4F4F4 !important; color: #676a6c !important; }
#sideRenderer #potree_sidebar_container a { color: #676a6c !important; }
#sideRenderer .potree_container span > .ui-button { border-color: #C6C6C8 !important; }
#sideRenderer .potree_container .ui-button.ui-state-active { border-color: #4D5259 !important; color: #4D5259 !important; }
#sideRenderer .potree_container #tools img, #sideRenderer .potree_container #clipping_tools img, #sideRenderer .potree_container #navigation img { cursor: pointer; }
#sideRenderer .potree_container .ui-slider-horizontal .ui-slider-handle { background-color: #F4F4F4 !important; border-color: #4D5259 !important;  }
#sideRenderer .potree_container .ui-slider-horizontal .ui-slider-handle.ui-state-focus, #sideRenderer .potree_container .ui-slider-horizontal .ui-slider-handle.ui-state-hover, #sideRenderer .potree_container .ui-slider-horizontal .ui-slider-handle:focus { outline: 0 none; }
#sideRenderer .potree_container .ui-widget-content { border-color: #a7b1c2 !important; background-color: #F4F4F4 !important; }
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li ul.jstree-children li { border-top: 1px solid #F4F4F4; }
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li ul.jstree-children li:first-child { border-top: 0 none; }
#sideRenderer .potree_container #scene_objects .jstree-container-ul > li > a { font-size: 16px !important;}

#pointCloudOptions > .btn {  }

#liveDataIbox, #historicalDataIbox, #liveChartIbox, #liveMapIbox, #liveCamIbox { height:calc((100vh - 50px)/2); overflow: hidden; position: relative; }
#liveDataIbox > .ibox-content, #historicalDataIbox  > .ibox-content { position: absolute; left: 0; top: 5px; right: 0; bottom: 0; overflow-y: scroll;}
#liveChartIbox > .ibox-content, #liveCamIbox > .ibox-content { position: absolute; left: 0; top: 55px; right: 0; bottom: 0;}
#liveMapIbox > .ibox-content { position: absolute; left: 0; top: 55px; right: 0; bottom: 0;}
#liveChartIbox canvas { position: absolute; top: 0; right: 0; bottom: 0; left: 0; touch-action: none; user-select: none; -webkit-user-select: none; }
#liveCamIbox iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; }
#liveMapIbox #krpano2d { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.chart-legend-parent { margin-left: 10px; font-family: Arial,Helvetica,sans-serif;}
.legend-title { font-size: 0.75rem; font-weight: 400; margin-bottom: 0px;}
.legend-sensor { transition: opacity 600ms ease;}
.legend-sensor[data-last-status="0"] { opacity: 0.5; filter: grayscale(1); }
.legend-sensor.inactive { opacity: 0.2; }
.legend-sensor-text { font-size: .75rem; font-weight: 700;}
.legend-alarms-count { margin-left: 3px; font-size: .75rem; font-weight: 400;}
.legend-sensor:hover { opacity: 1; filter: grayscale(0);}
#camera-live {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; }

.pin-field::-webkit-outer-spin-button,
.pin-field::-webkit-inner-spin-button {appearance: none; -webkit-appearance: none;}
.pin-field { -moz-appearance: textfield; }

#alarmsDialog .modal-content .table1 { max-height: calc(100vh - 260px); overflow-y: auto; }
#alarmsDialog .modal-content .table1 > table { margin-bottom: 0;}
#alarmsDialog .modal-content .table1 th, #alarmsDialog .modal-content .table1 td { text-align: center; }
#alarmsDialog .modal-content .table1 td[colspan="4"] {padding: 0; border-bottom: 2px solid #888; background-color: #F8F8F8;}
#alarmsDialog .modal-content .table1 .table2 { margin: 0; font-size: 0.9rem; }
#alarmsDialog .modal-content .table1 .table2 tr:first-child td { border-top: 0 none;}
#alarmsDialog .modal-content .table1 tr.active td, #alarmsDialog .modal-content .table2 td { background-color: #F8F8F8;}
#alarmsDialog .modal-content .table1 tr.active td { border-top: 2px solid #888; }

#liveChartIbox .mid-chart-caption { position: absolute; top: 0; left: 0; right: 0; bottom:0; background: rgba(255,255,255,0.7); text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 0 20px 40px; }
#liveCamIbox .mid-cam-caption { position: absolute; top: 0; left: 0; right: 0; bottom:0; background: rgba(255,255,255,0.7); text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 0; }

#reportDialog .modal-dialog {max-width: 300px; margin: 0 auto;}
#reportDialog input[type="datetime-local"] { width: 100%; display: block; -webkit-appearance: none; }
#reportDialog .ibox-content {padding-bottom: 10px; }
#reportDetails { margin-top: -5px; line-height: 17px; }
.report-details-item { font-size: 0.75rem; display: inline-block; margin-right: 1.25rem; }
.report-details-item:last-child {margin-right: 0;}
.report-details-item strong {display: inline-block; width: 41px; }

#treeview label { font-size: 16px;}

.live-cam-logo { background-color: #2f4050; color: #007bff; font-family: 'Poppins', sans-serif; font-weight: 600; display: flex; align-items: center; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 0.5rem 0 1rem; }
.live-cam-logo img { width: 50px; margin-left: -.5rem; }
.live-cam-overlay { position: absolute; left: 0; right: 0; top: 0; bottom:0; z-index: 2; }

.display-5 { font-size: 2.5rem; }
.small-2 { font-size: 13px; }
.dataTables_scrollHead button.btn-square { width: 30px; height: 30px; font-size: 0.9rem; line-height: 1rem; margin-left: 0.5rem;}
.dataTables_scrollHead th[data-col-key="idManagement"] button.btn-square { display: none; }
.table > thead > tr > th { padding-right: 0;}
tr#tableColumnsRow th { padding: 5px 10px; }
.table-dropdown-tools { position: fixed; }
.dropdown-menu { padding: 3px 0; }
.dropdown-item { padding: 5px 20px 5px 10px; }
.dropdown-item-text { padding: 5px 10px; font-size:1rem; }
.dropdown-item.active { color: #007bff; }
.dropdown-item-text { padding: 5px 10px; }
.dropdown-header { padding: 5px 10px; }
.dropdown-divider { margin: 4px 0; }
.dropdown-scrollable { margin-bottom:7px; }
.dropdown-scrollable.dropdown-scrollable-outlined { margin: 5px 10px 7px; border: 1px solid #e5e6e7; border-radius: 5px; }
.dropdown-divider + .dropdown-scrollable-outlined { margin-top: 10px;}
.table-dropdown-tools .dropdown-menu { min-width: 220px; max-width: 330px; }
.table-dropdown-tools .dropdown-scrollable.dropdown-scrollable-outlined .dropdown-item span:empty:before { content: '-- empty --'; font-style: italic;  }

#kr2dCropTool { position: absolute; top: -3px;}
#kr2dCropTool .dropdown-menu { min-width: 165px; margin-right: 20px; }
#kr2dCropTool .dropdown-header i { transition: all 300ms ease; opacity: 0.5; }
#kr2dCropTool .dropdown-header:hover i { color: #007bff; }
#kr2dCropTool.slide-up .dropdown-header i { transform: rotate(90deg); color: #007bff; }
#kr2dCropTool .dropdown-menu .dropdown-item { padding: 3px 10px; }
#kr2dCropTool .dropdown-menu .dropdown-item.main-dropdown-item { display: flex; justify-content: space-between; align-items: center; }
#kr2dCropTool .dropdown-menu .dropdown-item.active .text { font-weight: bold;}
#kr2dCropTool.slide-up > .dropdown-menu > *:not(:first-child) { display:none; }
#kr2dCropTool.slide-up > .dropdown-menu { padding-bottom: 3px; }

#screenWidthFork { display: none; left: 0; right: 0; top: 0; bottom: 0; position: fixed; z-index: 9999999999; align-items: center; justify-content: center; text-align: center; backdrop-filter: blur(20px); background-color: rgba(0,0,0,.75); padding: 20px; }
@media (max-width: 991px) {
    #screenWidthFork { display: none; }
    html, body { height: unset; position: fixed; top: 0; bottom: 0; right: 0; left: 0; }
    #page-wrapper { height: unset; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: #FFFFFF; }
    #breadcrumb {margin-top: -2px; justify-content: start!important; flex-wrap: nowrap; white-space: nowrap; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2rem; background-color: transparent; }
    a.navbar-minimalize { padding: 6px 12px; top: 2px; margin-left: 5px; display: block; }
    .navbar-static-side { width: 0; overflow: hidden; }
    body.mini-navbar .navbar-static-side { overflow: visible; }
    .page-heading { padding: 15px 15px; height: 55px; }
    #tableRenderer > .ibox > .ibox-title { height: 10px; min-height: 10px; max-height: 10px;}
    #mainTable_wrapper { margin-top: 0;  }
    .ibox-title { padding-left: 10px; padding-right: 10px;}
    .ibox-title + .ibox-content { padding: 0 10px 0;}
    #btnProjectNote { display: none !important}
    .toggle-side-renderer { display: none !important; }
    .row.row-eq-height > [class*='col-'] > .ibox { height: auto; }
    #tableRenderer { position: fixed; left: 0; top: 55px; right: 0; bottom: 0; bottom: env(safe-area-inset-bottom); height: unset; }
    .dataTables_scrollHead { padding-left: 20px;  }
    .dataTables_scrollHead tr#tableColumnsRow th { border-bottom: 0 none; }
    .dataTables_scrollBody { height: unset !important; top: 146px; bottom: 10px; left: 10px; right: 10px; position: fixed !important; border-top: 1px solid #e7eaec;  }
    .dataTables_scrollBody > table { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
    .table-select-tools { padding-right: 0;}
    #sideRenderer > .ibox > .ibox-title { padding-top: 14px; }
    #sideRenderer > .ibox > .ibox-title .ibox-tools { top: 9px; right: 26px; }
    #breadcrumb-col { width: calc(100% - 57px); display: flex;}
    #sideRenderer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; bottom: env(safe-area-inset-bottom); height: unset; }
    #tableRenderer.show-table-checker + #sideRenderer { left: 100%; overflow: visible; }
    #tableRenderer.show-table-checker + #sideRenderer .dataTables_scroll { display: none; }
    #tableRenderer.show-table-checker + #sideRenderer .clone-table-select-tools { left: -100%; right: 100%; }
    #sideRenderer > .ibox > .ibox-title > h5 { max-width: calc(100% - 107px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 4px; }
    body.mini-navbar .nav-header { display: none; }
    #tableRenderer {height: unset !important; min-height: calc(100vh - 57px);  }
    #sideRenderer:empty { height: unset !important; display: none; }
    #sideRenderer > .ibox { border-top: 1px solid #e7eaec;; }
    #sideRenderer.viewer-fullscreen .potree_parent_container,
    #sideRenderer.viewer-fullscreen .potree_parent_container.potree_parent_container_small { background-color: #0d1417;}
    .fefh { padding-bottom: 580px; }
    .login-body[data-route="login"] { overflow-y: auto; }
    .wrapper-content { height: calc(100vh - 57px); }
    .top-right-close { display: inline-block; margin: -3px -6px 0 0; }
    .project-overview { display: none; }
    #sideRenderer > .ibox > .ibox-content { height: unset; top: 54px; bottom: 0; right: 0; left: 0; position: absolute; }
    #sideRenderer > .ibox > .ibox-content form { height: 100%; position: relative;}
    .positions-notes-list { bottom: 10px; left: 0; right: 0; height: calc((100% / 2) + 55px);  }
    #imagePreview { display: none !important; }
    .kr2d-display-fg { height: 100%; position: relative;}
    .tooltip { display: none !important; }
    .notes-list .note-list-item.note-list-subitem .description-container { padding-top: 0; }
    #sideRenderer.deck-fullscreen .kr2d-display .kr2d-display-fg { left: 0; top: 0; right: 0; bottom: 0;}
    #sideRenderer.pano-preview .kr3d-display { width: auto !important; left: 10px; right: 10px; bottom: 60px; }
    #sideRenderer.deck-fullscreen .kr2d-display .kr2d-display-top-tools { top: 10px; right: 10px; }
    #sideRenderer.deck-fullscreen .kr2d-toolbar, #sideRenderer.pano-fullscreen .kr2d-toolbar { right: 10px; bottom: 10px;}
    #sideRenderer.pano-fullscreen .kr3d-display .kr3d-display-fg { left: 0; right: 0; top: 0; bottom: 0;  }
    #sideRenderer.pano-fullscreen .kr3d-display .kr3d-display-top-tools { top: 10px; right: 10px; }
    #sideRenderer.deck-preview .kr2d-display { right: 10px; bottom: 60px; width: unset !important; left: 10px; }
    .kr2d-toolbar { right: 10px; margin-top: 2px;}
    #sideRenderer [data-map-type="file"] .kr2d-toolbar { display: none; }
    body > .modal-backdrop:empty { display: none; }
    .modal-open .modal { background-color: rgba(255,255,255,.9)}
    #tableRenderer .sideRendererLoaderTemplate { position: fixed; top: 0; right: 0; left: 0; bottom:0; }
    #sideRenderer > .ibox.loader-template > .ibox-content { top: 0;}

    .construction-tabs.nav-tabs .nav-item .nav-link, .construction-tabs.nav-tabs .nav-link { }

    #deckPreview { height: calc((100% / 2) - 64px); }
    .kr2d-display { height: 100%; }
    .krpano-outline { height: 100%; width: 100%; position: absolute; }
    .krpano.in-view, .kr3d-display .krpano.in-preview, .positions-notes-list .notes-list, .positions-notes-list .hotspots-list, #pdfViewer { height: 100% !important; }
    #krpano3dLoading { position:absolute; }

    #sideRenderer:not(.is-asset-preview):not(.deck-fullscreen):not(.pano-fullscreen) .kr3d-display { height: calc((100% / 2) + 44px); margin-top: 10px; }
    #krpano3dObject { position: absolute !important;  }
    #sideRenderer:not(.deck-fullscreen) .kr3d-display.kr3d-hidden { display: none; }

    .eventually-hidden { display: none; }
    #sideRenderer.pano-fullscreen .eventually-hidden { display: inline-flex; }
    #sideRenderer.deck-fullscreen .eventually-hidden { display: inline-flex; }

    .hotspot-list-item .tags { margin-left: -.3rem;}
    .hotspot-list-item .tags i.fas { display: none;}

    #sideRenderer .potree_parent_container.potree_parent_container_small { height: calc((100% / 2) + 44px); margin-top: -48px; position: relative;}
    .carousel__button.is-prev, .carousel__button.is-next { transform: none; }

    #sideRenderer .potree_container .sidebar-top-tools { display: block; }
    #sideRenderer .potree_container #menu_tools { display: none; }
    #sideRenderer .potree_container #menu_tools + .pv-menu-list { display: none !important; }
    #sideRenderer:not(.sidebar-shown) .sidebar-top-tools {display: none;}
    #sideRenderer .potree_container #camera_projection_options { display: none !important; }
    #sideRenderer .potree_container #quality_options_panel { display: none; }
    #sideRenderer .potree_container #min_node_size_panel { margin-top:15px; }
    #sideRenderer.viewer-fullscreen .potree_container { top: 0; right: 0; bottom: 0; left: 0;}

    #pointCloudOptions { position: fixed; z-index: 5000; top: 10px !important; right: 110px !important;}
    #pointCloudOptions > .btn { width: 40px; padding: 8px 0; border-radius: 5px;}
    #sideRenderer.sidebar-shown #pointCloudOptions { display: none; }

    #liveChartIbox { height:calc((100vh - 100px)/2 + 50px); overflow: hidden; position: relative;}
    #liveMapIbox { height:calc((100vh - 100px)/2 - 50px); overflow: hidden; position: relative;}
    #alarmsDialog .modal-content .table1 { max-height: calc(100vh - 340px) }

    .display-5 { font-size: 2rem; }
    .small-2 { font-size: 12px; }

    #liveChartIbox .ibox-content, #liveMapIbox .ibox-content { }

    #o3d_viewer #o3d_tools_big { display: none; }
    #o3d_viewer #o3d_tools_small { display: block; }
    #sideRenderer > .ibox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
    #sideRenderer > .ibox[data-image-type="o3d"] .ibox-content { position: absolute !important; left: 0; right: 0; top: 54px; bottom: 0; }
    #o3dViewerIframe { top: 54px !important; }

    #sideRenderer .positions-notes-list { left: 0 !important; }
    .ibox[data-map-type="signature"] .kr2d-toolbar { top: 45px; right: 15px !important; }
    .ibox[data-map-type="signature"] > .ibox-title > h5 { max-width: 100% !important; }
    .notes-list { padding: 0 10px !important; }
    .description-preview { max-height: 100px; overflow: hidden; position:relative; }
    .description-preview.has-more::after { position: absolute; content: " "; display: block; left: -60px; top:-60px; right: -60px; bottom: 0; box-shadow: inset 0 0 30px 30px #FFFFFF; }
    .description-preview.has-more::before { position: absolute; content: "tap to show more..."; display: inline-block; padding: 2px 8px; font-weight: 600; font-size: 0.8rem; color: #666666; background-color: #DDDDDD; border-radius: 0.25rem; left: calc((100vw - 20px)/2 - 70px); bottom: 0; z-index: 1; width: 140px; text-align: center; }
    .description-preview.show-all { max-height: unset; overflow: visible; }
    .description-preview.show-all::before { display:none; }
    .description-preview.show-all::after { display:none; }
    .modal-sig-all [data-sig-col] { border-top: 1px solid #e5e6e7; margin-top: 1rem; padding-top: 1rem; }
    .camera-field-button { display: none; }
    .link-field-button { right: 1.7rem !important; }
    .sig-col.col-disabled { display: none; }
    button.w-200 { min-width: 100px; max-width: 100px; }
    .clone-table-select-tools .form-control.w-200 { width: 100px; min-width: 100px; max-width: 100px; }
    .clone-table-select-tools button span { white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; }
    .form-control.w-50 { min-width: 50px; max-width: 50px; }
}
@media (max-width: 767px) {
    #positionsBtnSettingsDropdown .dropdown-menu { position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: auto; margin: 0 !important; }
    #positionsBtnSettingsDropdown .dropdown-menu .dropdown-header.d-none { display: block !important; }
    #positionsBtnSettingsDropdown .dropdown-menu .dropdown-divider.d-none { display: block !important; border: 0; margin: .15rem; }
    #positionsBtnSettingsDropdown .dropdown-menu .btn-square.d-none { display: block !important; position: absolute; right: 19px; top: 6px; }

        #workItemsBtnSettingsDropdown1 .dropdown-menu .dropdown-header.d-none { display: block !important; }
    #workItemsBtnSettingsDropdown1 .dropdown-menu .dropdown-divider.d-none { display: block !important; border: 0; margin: .15rem; }
    #workItemsBtnSettingsDropdown1 .dropdown-menu .btn-square.d-none { display: block !important; position: absolute; right: 19px; top: 6px; }

        #workItemsBtnSettingsDropdown2 .dropdown-menu .dropdown-header.d-none { display: block !important; }
    #workItemsBtnSettingsDropdown2 .dropdown-menu .dropdown-divider.d-none { display: block !important; border: 0; margin: .15rem; }
    #workItemsBtnSettingsDropdown2 .dropdown-menu .btn-square.d-none { display: block !important; position: absolute; right: 19px; top: 6px; }

    .modal-open #workItemDialog.modal { background-color: #FFFFFF; }
    #workItemDialog .modal-dialog { min-height: 100%; margin: 0; align-items: start; }
    #workItemDialog .modal-content { border: 0; box-shadow: none; position: absolute; height: 100%; }

        #workItemFormButtonPolygon { display: none; }

    .live-cam-overlay { display: none; }

    .live-cam-overlay { display: none; }

    #sensors-live { margin: 0;}
    .mqtt-widget.mw-bar-value .value-display { font-size: 1.1rem; font-weight: 700; margin-bottom: -5px; }
    .mqtt-widget.mw-time .time-display { font-size: 1.1rem; font-weight: 700; margin-bottom: -5px; }

    .tabs { height: calc(100% - 145px); top: 60px; position: fixed; width: 100%; left: 0; }
    .tab-buttons { height: 75px; position: fixed; bottom: 0; left: 10px; right: 10px; overflow-x: auto; }
    .tab-buttons .btn-group button { font-size: 0.9rem; font-weight: 600; padding: 8px 10px; }
    .tab-buttons .btn-group button br { display: inline; }
    .tab-buttons .btn-group button span.separator { display: none; }
    .heads { top: 0; }
    .heads .heads-text { max-width: calc(100% - 40px); line-height: 120%; }
    .heads .heads-red { max-width: calc(100% - 40px); font-size: 1.1rem; line-height: 150%; }
    .heads.heads-overlay { padding: 0 0 5px;}
    .heads .arrower { transition: all 400ms ease; display: inline-block; }
    .heads:not(.opened) .heads-text { display: none; }
    .heads:not(.opened) .heads-red { display: none; }
    .heads.opened .arrower { transform: rotate(90deg);}
    .heads.opened .heads-text { display: block; }
    .heads.opened .heads-red { display: block; }

    .heads .heads-title { font-size: 1.75rem !important; }

    #intervalDropdown { top: 63px; right: 8px; }
    #o3dViewerIframe { position: fixed !important; }
}
@media (max-width: 480px) {
    #tableFilterStatusDiv { display: none !important; }
    #tableBtnSettingsDiv { display: none !important; }

    #sideRenderer.sidebar-shown .viewer-top-tools {display: none;}
    .fefh { padding-bottom: 360px !important; }
    .login-body[data-route="login"] { overflow-y: auto; }

    #viewerTopSidebar { display: block; }

    #sideRenderer.sidebar-shown #potree_render_area { left: 0 !important; }
    #sideRenderer.sidebar-shown #potree_sidebar_container { display: block !important; width: 100% !important; }
    #sideRenderer .potree_container #navigation { text-align: center; }
}

@media (max-width: 575px) {
    .fefh { padding-bottom: 0 !important;}
    .fefh .in-login { min-height: 100vh; display: flex; flex-direction: column; align-items: center; }
    .login-body .loginscreen.middle-box { padding-bottom: 30px;}
    .login-body .login-footer { position: static; }
}

#sideRenderer > .ibox.ibox-content-h100 > .ibox-content { height: 100%; position:relative; }
#sideRenderer > .ibox.ibox-content-h100 .ibox-tools { right: 6px; top: 14px; }
#sideRenderer [data-map-type="file"] .kr3d-display { top: 56px; }
#o3dViewerIframe { height: 100%;width: 100%;border: 0;background: #FFFFFF; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#o3d_viewer { background-color: #172028; display: flex; align-items: center; justify-content: center; }
#o3d_viewer > div { color: #FFFFFF; }
#o3d_viewer > canvas { }
#o3d_viewer #o3d_tools_big { position: absolute; top: 10px; right: 10px; }
#o3d_viewer #o3d_tools_small { position: absolute; top: 10px; right: 10px; display: none; }
html.fullscreen #o3d_viewer { position: fixed !important;z-index: 10000; }
html.fullscreen #fullScreenEnter { display:none; }
html:not(.fullscreen) #fullScreenExit { display:none; }

html.fullscreen #o3dViewerIframe { position: fixed; z-index: 10000; left: 0; top: 0; right: 0; bottom: 0; }

/* SUPPLEMENT */

.custom-switch { padding-left: 2.25rem; }
.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem;pointer-events: all;border-radius: 0.5rem !important;}
.custom-switch .custom-control-label::after { top: calc(0.25rem + 2px);left: calc(-2.25rem + 2px);width: calc(1rem - 4px);height: calc(1rem - 4px);background-color: #adb5bd;border-radius: 0.5rem;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;}
@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } }
.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff;-webkit-transform: translateX(0.75rem);transform: translateX(0.75rem);}
.custom-control-label { position: relative;margin-bottom: 0;vertical-align: top;}
.custom-control-label::before { position: absolute;top: 0.25rem;left: -1.5rem;display: block;width: 1rem;height: 1rem;pointer-events: none;content: "";background-color: #fff;border: #adb5bd solid 1px;}
.custom-control-label::after {position: absolute;top: 0.25rem;left: -1.5rem;display: block;width: 1rem;height: 1rem;content: "";background: 50% / 50% 50% no-repeat;}
.custom-switch.custom-switch-right { padding-left: 0; }
.custom-switch.custom-switch-right label { display: block; width: auto; }
.custom-switch.custom-switch-right label::before { left: auto; right: 0; }
.custom-switch.custom-switch-right label::after { left: auto; right: calc(1rem - 2px); }
.custom-control-input:checked~.custom-control-label::before { background-color: #007bff; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {  right: calc(1rem - 2px); }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #007bff88; }
.custom-control-input:disabled { pointer-events: none;}
.custom-control-input:active~.custom-control-label::before { background-color: #007bff88;}
.custom-control-input:disabled:active~.custom-control-label::before { background-color: #e9ecef;}
.custom-control.disabled { opacity: .5; pointer-events: none;}

#sideRenderer .ibox-tools i.expander::before { content: "\f065"; }
#sideRenderer.viewer-fullscreen .ibox-tools #viewerTopResize i.expander::before { content: "\f00d"; }
#sideRenderer.viewer-fullscreen .ibox-tools #viewerTopResize2 i.expander::before { content: "\f066"; }
#sideRenderer.viewer-fullscreen .ibox[data-file="view-pointcloud"] .ibox-tools .btn-group { position: fixed;z-index: 5000;right: 20px;top: 20px; display: none; }

body.wide-view #tableRenderer { }
body.wide-view #tableRenderer .table-holder { display: none; }
body.wide-view #sideRenderer { overflow: visible; }
body.wide-view #sideRenderer #deckPreview { position: absolute; left: calc(-100%); right: 0; }
body.wide-view #sideRenderer .positions-notes-list { left: calc(-100%); right: calc(100% + 1px); z-index: 0; }
body.wide-view #sideRenderer .positions-notes-list.hidden { display: block !important; }
body.wide-view .kr2d-toolbar { display: block !important; right: calc(50% + 10px); }
#sideRenderer .kr3d-display { position: absolute; bottom: 0; left: 0; right: 0; }

.text-primary { color: #007bff !important; }
#tableRenderer .ibox-content .table-holder { margin: 0 -20px -15px -20px;}
.top-tools-line + .top-tools-line { margin-top: 4px;}
.top-tools-line:last-child { margin-bottom: 10px; }
.top-tools-line .btn.disabled, .top-tools-line .btn:disabled, .top-tools-line .btn[disabled] {pointer-events: none; opacity: 0.65; cursor: default;}
.kr3d-title { position: absolute; top: -38px; font-size: 1rem; color: #007bff; font-weight: 700; right: 10px;}

#cloneTable_wrapper { background-color: #FFFFFF; top: 0; padding-top: 65px; position: absolute; left: 0; right: 0; }
#cloneTable_wrapper .table-dropdown-tools-trigger { visibility: hidden; pointer-events: none; opacity: 0; }
#cloneTable_wrapper thead th { height: 29.5px;}
#cloneTable_wrapper .dataTables_empty { display: none; }
#cloneTable_wrapper .dataTables_scrollBody { height: calc(100vh - 212px) !important; }
.clone-table-select-tools { position: absolute;bottom: 0;left: 0;right: 10px;background: #FFFFFF;padding: 10px 20px 10px 20px;text-align: right; display: block; border-top: 1px solid #f3f3f4;box-shadow: -10px 0 10px #00000033; height: 60px;}
#cloneTable_wrapper .dataTables_scrollBody tr[data-is-removed="1"] { color: #ed5565; text-decoration: line-through; }
#cloneTable_wrapper .dataTables_scrollBody tr[data-is-removed="1"] .badge { opacity: 0.5; background-color:#ed5565 !important; color: #FFFFFF !important;text-decoration: line-through;   }
#cloneTable_wrapper .dataTables_scrollBody tr[data-multitool-affected="0"] { opacity: 0.3; }
#cloneTable_wrapper .dataTables_scrollBody tr[data-checked="false"] { opacity: 0.3;  }
#cloneTable_wrapper .dataTables_scrollBody tr[data-multitool-affected="1"] { opacity: 1 !important; }
.dataTables_scrollBody tr[class*="cog-hidden-"] { display: none !important; }
.hotspot-list-item .tags { font-size: 0.8rem;}
.xy-text-pos { font-weight: 700; font-size: 0.8rem;}
.position-xy-cur { display: none; }
.keep-in-line { white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }

.text-silver { color: #cbcfd2 !important; }
#krpano3d { background-color: #FFFFFF; }

.fa-stack-2-5x { font-size: 2.5em; }
.fa-stack-3x { font-size: 3em !important; }

.phold { background: #eeeeee; border-radius: 4px; color: transparent;  }
.tr-phold { pointer-events: none;}
.tr-phold:after { display: block; content: " "; position: absolute; width: 100px; height: 50px; left: 0; background-color: #FFF; filter: blur(10px);
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 1.5s; }
@-webkit-keyframes run {
    0% {
        left: -100px;
        opacity: 0.1;
    }
    50% {
        left: calc(50% - 100px);
        opacity: 0.5;
    }
    100% {
        left: calc(100% - 100px);
        opacity: 0.1;
    }
}

.positions-select-tools { position: absolute;bottom: 0;left: 0;right: 10px;background: transparent;padding: 10px 20px 10px 20px;text-align: right; display: none; height: 60px; align-items: center; justify-content: left; }

.dt-group-row.group-collapsed .if-group-shown { display: none; }
.dt-group-row:not(.group-collapsed) .if-group-collapsed { display: none; }
.dt-group-row-thumb { min-width: 60px; height: 60px; object-fit: contain; display: inline-block; border: 1px solid #dee2e6; vertical-align: middle; margin: 0 0.5rem; width: 300px; background-color: #FFFFFF; }
div.dt-group-row-thumb { display: flex; align-items: center; justify-content: center; color: #dee2e6; font-size: 1.75rem; background-color: #FFFFFF; width: 60px; }
.tr-collapsed { display: none; }
#mainTable[data-presentation-mode="group"] tbody td:first-child { padding-left: 35px;}
#folderFormThumbExisting img { width: 60px; height: 60px; object-fit: cover; border: 1px solid #dee2e6; }
#folderFormThumbArea:not(.to-remove) .to-remove-text { display:none; }
#folderFormThumbArea.to-remove img {border-color: var(--danger); }
#folderFormThumbArea.to-remove .input-group.input-file { display: none; }
#folderFormThumbExisting.new-file #folderFormThumbDelete { display:none; }
#folderFormThumbExisting:not(.new-file) #folderFormThumbRevert { display:none; }
#mainTableViewModeButton[data-mode="folder"] > i:not(.if-folder-mode) { display: none; }
#mainTableViewModeButton[data-mode="flat"] > i:not(.if-flat-mode) { display: none; }
#mainTableViewModeButton[data-mode="group"] > i:not(.if-group-mode) { display: none; }
#mainTableViewModeButton + .dropdown-menu .dropdown-scrollable > div i { color: #212529; }
#mainTableViewModeButton[data-mode="folder"] + .dropdown-menu .dropdown-scrollable > div.view-mode-folder { color: #007bff; }
#mainTableViewModeButton[data-mode="folder"] + .dropdown-menu .dropdown-scrollable > div.view-mode-folder i { color: #007bff; }
#mainTableViewModeButton[data-mode="flat"] + .dropdown-menu .dropdown-scrollable > div.view-mode-flat { color: #007bff; }
#mainTableViewModeButton[data-mode="flat"] + .dropdown-menu .dropdown-scrollable > div.view-mode-flat i { color: #007bff; }
#mainTableViewModeButton[data-mode="group"] + .dropdown-menu .dropdown-scrollable > div.view-mode-group { color: #007bff; }
#mainTableViewModeButton[data-mode="group"] + .dropdown-menu .dropdown-scrollable > div.view-mode-group i { color: #007bff; }
#mainTablePresentationModeButton.presentation-mode .if-presentation-mode { display: none; }
#tableBtnSettings, #tableNewDiv > .btn, #mainTableViewModeButton { width: 56px;}
body.wide-view #mainTableDefaultActionsButton { opacity: 0.3; pointer-events: none;}
#folderFormFileInputGroup.disabled { pointer-events: none; opacity: 0.3; }
body.role_supervisor .table-dropdown-tools-trigger { display: none !important; }
body.role_supervisor #positionsBtnSelectBtnGroup { display: none !important; }
body.role_supervisor #kr2dSopSwitcherButton { display: none !important; }
body.role_supervisor .ibox[data-image-type] .krpano.in-view { height: calc(((100vh - (15px + 50px)) / 2) + 15px); }
body.role_temporary .ibox[data-image-type] .krpano.in-view { height: calc(((100vh - (15px + 50px)) / 2) + 15px); }
body.role_supervisor #sideRenderer > .ibox > .ibox-content { padding-top: 0; }
body.role_temporary #sideRenderer > .ibox > .ibox-content { padding-top: 0; }
body.role_supervisor .dataTables_scrollBody { height: calc(100vh - 146px) !important; }
body.role_supervisor.wide-view #kr3dTopClose { display:none; }
body.role_supervisor #sideRenderer #positionsBtnSettingsBtnGroup { display:none !important; }
body.role_supervisor #sideRenderer #workItemsBtnSettingsDropdown1BtnGroup { display:none !important; }
body.role_supervisor #sideRenderer #workItemsBtnSettingsDropdown2BtnGroup { display:none !important; }
body.role_supervisor .pano-fullscreen #kr2dSopSwitcher { display:none; }
body.role_supervisor .pano-fullscreen .toggle-side-renderer { display:none; }
body .kr3d-display-top-tools .top-tools-lines { display: flex; flex-direction: column; }
body.role_supervisor .kr2d-display-top-tools .top-tools-lines .top-tools-line:nth-child(2) { display:none; }
body.role_supervisor .kr3d-display-top-tools .top-tools-lines .top-tools-line:nth-child(2) { display:none; }
body.role_supervisor .positions-notes-list { display: none !important; }
body.role_supervisor .positions-notes-list .construction-tabs { display:none; }
body.role_supervisor .ibox[data-image-type] .positions-notes-list .hotspots-list { height: calc((100vh - 68px) / 2); }
body.role_supervisor #sideRenderer .positions-notes-list.hidden { display: none !important; visibility: visible; z-index:0; pointer-events: all; cursor: auto; }
body.role_supervisor #sideRenderer.pano-fullscreen .kr3d-display { left: 0;}
body.role_supervisor #sideRenderer.pano-preview .kr3d-display { left: auto;}
body.role_supervisor .kr3d-title { display: none; }
body.role_supervisor .ibox[data-image-type] .kr3d-display .krpano.in-preview { height: calc((100vh - 63px) / 2); }
body.role_temporary .ibox[data-image-type] .kr3d-display .krpano.in-preview { height: calc((100vh - 63px) / 2); }
body.role_supervisor #kr3dTopClose { display:none; }
body.role_supervisor #kr3dSopSwitcherParent { max-width: calc(100% - 55px); }
body.role_supervisor #sideRenderer.pano-preview #kr3dSopSwitcherParent { display:none; }

tr.dt-group-row.group-active { color: #007bff; }
tr.dt-group-row.group-active .dt-group-row-thumb { border-color: #007bff; }
.ibox[data-image-type] .kr3d-display .krpano.in-preview { height: calc((100vh - (65px)) / 2); }
.kr3d-title { display: none !important; }
.table.table-sm > tbody > tr > td { padding: 5px 10px; height: auto;}
table tr.sop-tr .edit-icon { opacity: 0; transition: all 300ms ease;  font-size: 0.9rem; margin-left: 0.25rem; }
table tr.sop-tr:hover .edit-icon { opacity: 0.5; }
.drp-outline { position: relative; }
.drp-outline .edit-icon { position: absolute; right: 0.25rem; top: 0.25rem; }
.drp-outline input { padding: 0 1.5rem 0 0.25rem; border-radius: 3px; margin-left: -0.25rem; transition: all 300ms ease; }
.drp-outline input:focus { outline: 1px solid #007bff; outline-offset: 1px; background-color: #FFFFFF; }
.drp-outline input:focus + .edit-icon { color: #007bff; opacity: 1 !important; }
.drp-outline.active { }
.drp-outline.active input { color: #007bff; outline-color: #007bff !important; }
.drp-outline.active .edit-icon { color: #007bff; }
.drp { background-color: transparent; border: 0; appearance: none; outline-offset: 1px; }
.drp.drp-bordered { outline: 1px solid #e7eaec; }
.drp.h-36px { height: 36px; width: 220px;}
.drp-outline .drp.h-36px + .edit-icon { top: 9px; right: 7px; }
.daterangepicker.opensleft:before { right: 19px; }
.daterangepicker.opensleft:after { right: 20px;}
.daterangepicker { font-family: 'Open Sans',Helvetica,sans-serif; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #007bff; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 0.9rem;}
.daterangepicker .ranges li { font-size: 1rem; }
.daterangepicker .drp-selected { font-size: 1rem; color: #007bff; }
.daterangepicker .drp-buttons .btn { font-size: 1rem; line-height: 22px; padding: 8px 14px; border-radius:5px; font-weight: 400; }
.daterangepicker .ranges ul { width: 160px;}
.daterangepicker .ranges ul li { padding: 10px 14px 9px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#beforeLogin { color: #212529; background-color: #FFFFFF; border-radius: 0.25rem; padding: 3rem 1rem;  }
#beforeLogin.loginscreen.middle-box { max-width: 500px; width: 100%; }
#beforeLogin .title { font-size: 1.25rem; margin-bottom: 1.5rem; font-weight: 700;}
#beforeLogin .login-icon { display: flex; width: 40px; height: 40px; border-radius: 50%; justify-content: center; align-items: center; margin-right: 0.75rem; background-color: rgba(51, 122, 183, 0.2); color: #337ab7; flex-shrink: 0; }
#beforeLogin .btn { word-break: normal; white-space: normal; text-align: left; padding: 1rem; border: 1px solid rgba(51, 122, 183, 0.1); text-decoration: none; color: #212529; }
#beforeLogin .btn:hover, #beforeLogin .btn:active { text-decoration: none; color: #337ab7; }

#sopDrpOutline { position: fixed; top: 4px; right: 15px; }
.daterangepicker .ranges li.active { background-color: #007bff; }
body.role_supervisor #sopDrpOutline { position: fixed; top: 4px; right: 65px; }
body.role_temporary #sopDrpOutline { position: fixed; top: 4px; right: 65px; }
.btn-square.square-30 { height: 30px; width: 30px; line-height: 28px;}
.btn-square.square-35 { height: 35px; width: 35px; line-height: 33px;}
.fs-0-9 { font-size: 0.9rem !important; }
.fs-0-85 { font-size: 0.85rem !important; }
.fs-0-8 { font-size: 0.8rem !important; }

.badge.project-status > i { margin-right: 0 !important; }
.opacity-25 { opacity: 0.25;}
.opacity-50 { opacity: 0.5;}
.opacity-75 { opacity: 0.75;}

#singlePositionsBtnSettingsBtnGroup { display: none; }
#sideRenderer.pano-fullscreen #singlePositionsBtnSettingsBtnGroup { display: inline-flex; }
#sideRenderer.deck-fullscreen #singlePositionsBtnSettingsBtnGroup { display: inline-flex; position:fixed; right: 80px; bottom: 30px; }
.bg-silver { background-color: #F4F4F4; }
.mt-n1 { margin-top: -0.25rem; }
.mt-n2 { margin-top: -0.5rem; }
.mt-n3 { margin-top: -1rem; }
#assetPreview { height: calc(100vh - 46px); position: absolute; left: 0; bottom: 1px; width: 100%; z-index: 5002; background-color: #FFFFFF; }
#assetPreview iframe { border: 0; left: 0; top: 0; width: 100%; height: 100%; }
html.o3dvFullScreen #assetPreview { position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: auto; width: auto; z-index: 9999; }
#sideRenderer.is-asset-preview > .ibox > .ibox-title { display: block; position: relative; z-index: 1;  }
#sideRenderer.is-asset-preview > .ibox > .ibox-title .ibox-tools { right: 2px; }
#sideRenderer.is-asset-preview > .ibox > .ibox-content { top:0; padding: 0; bottom:0; height: 100%; }
#sideRenderer.is-asset-preview > .ibox.notes-shrink[data-file="view-file-image"] .kr3d-display { height: calc(100% - 53px); }
#sideRenderer.is-asset-preview > .ibox.notes-shrink .positions-notes-list { bottom: 0;}
#sideRenderer.is-asset-preview > .ibox[data-map-type="file"]:not(.notes-shrink) .positions-notes-list { height: calc(((100vh - (15px + 50px)) / 2) - 21px); }
#sideRenderer.is-asset-preview .kr2d-toolbar { display:none; }
body.is-asset-preview #sideRenderer > .ibox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#mainTable[data-presentation-mode="group"] tbody tr.tr-phold td:first-child { padding-left: 10px; }
.dataTables_scrollHead table.table-orderable th.sorting:before,
.dataTables_scrollHead table.table-orderable th.sorting_desc:before,
.dataTables_scrollHead table.table-orderable th.sorting_asc:before { display: inline-block; font-family: "Font Awesome 6 Pro"; content: "\f883"; position: absolute; right: 0; font-weight: 300; color: #888888; }
.dataTables_scrollHead table.table-orderable th.sorting_desc:before { content: "\f881"; color: #007bff; font-weight: 400; }
.dataTables_scrollHead table.table-orderable th.sorting_asc:before { content: "\f15d"; color: #007bff; font-weight: 400; }
body.cursor-busy { cursor: wait !important; }

.drp-outline { position: relative; }
.drp-outline .edit-icon { position: absolute; right: 0.25rem; top: 0.25rem; }
.drp-outline input { padding: 0 1.5rem 0 0.25rem; border-radius: 3px; margin-left: -0.25rem; transition: all 300ms ease; }
.drp-outline input:focus { outline: 1px solid #007bff; outline-offset: 1px; background-color: #FFFFFF; }
.drp-outline input:focus + .edit-icon { color: #007bff; opacity: 1 !important; }
.drp-outline.active { }
.drp-outline.active input { color: #007bff; outline-color: #007bff !important; }
.drp-outline.active .edit-icon { color: #007bff; }
.form-control-zero { background-color: transparent; border: 0; appearance: none; outline-offset: 1px; }
.form-control-zero.drp-bordered { outline: 1px solid #e7eaec; }
.form-control-zero.h-36px { height: 36px; width: 220px;}
.form-control-zero-outline .form-control-zero.h-36px + .edit-icon { top: 9px; right: 7px; }

[data-mqtt] { width: 100%; height: 100%; padding: 0.25rem; overflow: hidden; }
.mqtt-widget { width: 100%; height: 100%; overflow: hidden; color: #000000CC; }
.mqtt-widget .top-part { height: 50%; width: 100%; display: flex; align-items: end; justify-content: center; }
.mqtt-widget .bottom-part { height: 50%; width: 100%; display: flex; align-items: start; justify-content: center; font-weight: 700; color: #00000088; }
.mqtt-widget.mw-time { background-color: #EEEEEE; }
.mqtt-widget.mw-time .top-part {  }
.mqtt-widget.mw-time .bottom-part {  }
.mqtt-widget.mw-time .time-display { font-size: 2rem; margin-bottom: -10px; }
.mqtt-widget.mw-time .date-display { font-size: 0.9rem; margin-top: 5px;}
.mqtt-widget.mw-bar-value .value-display { font-size: 2rem; margin-bottom: -10px; }
.mqtt-widget.mw-bar-value .desc-display { font-size: 0.9rem; margin-top: 5px; text-align: center; }
.mqtt-widget.mw-bar-value { position: relative; }
.mqtt-widget.mw-bar-value .horizon-bars { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.mqtt-widget.mw-bar-value .top-bar, .mqtt-widget.mw-bar-value .bottom-bar { position: absolute; left: 0; right: 0; transition: height 400ms ease, opacity 400ms ease; }
.mqtt-widget.mw-bar-value .top-bar { top: 0; }
.mqtt-widget.mw-bar-value .bottom-bar { bottom: 0; }
.mqtt-widget.mw-bar-value .top-part, .mqtt-widget.mw-bar-value .bottom-part { position: relative; z-index: 1; }

.mqtt-widget.mw-bar-value .horizon-bars { transition: transform 400ms ease; }
.mqtt-widget.mw-bar-value .horizon-bars .top-bar, .mqtt-widget.mw-bar-value .horizon-bars .bottom-bar { left: -500%; right: -500%; height: 550%; }
.mqtt-widget.mw-bar-value .horizon-bars .top-bar { top: -500%;  }
.mqtt-widget.mw-bar-value .horizon-bars .bottom-bar { bottom: -500%; }

.ui2-widget { background-color: #FFFFFF; border-radius: 0.25rem; padding: 0.5rem 1rem 0.8rem; }
.ui2-widget .ui2-widget-heading { display: flex; justify-content: center;}
.ui2-widget .ui2-widget-heading .ui2-icon { display: flex; align-items: center; margin-right: 0.5rem; }
.ui2-widget .ui2-widget-heading .ui2-text strong { display:block }
.ui2-widget .ui2-widget-heading .ui2-text small { display:block; font-size: 0.85rem; }
.ui2-widget .ui2-widget-value { display: block; text-align: center; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.1rem; }
.ui2-widget .ui2-widget-subvalue { display: block; text-align: center; font-size: 0.9rem; font-weight: 700; margin-top: -0.5rem; }

.tabs { height: calc(100% - 48px); top: 15px; position: relative; background-color: #FFFFFF; display: flex; justify-content: center; }
.tabs .tab { height: 100%; }
.tab-buttons { height: 50px; }
.tab-buttons .btn-group { justify-content: stretch; display: flex; }
.tab-buttons .btn-group button { flex-grow: 1; }
.tab-buttons .btn-group button br { display: none; }
.tab-buttons .btn-group button span.separator { display: inline; }

.heads { position: absolute; top: 10px; left: 0; right: 0; z-index: 1;}
.heads.heads-overlay { background-color: rgba(255,255,255,1); padding-bottom: 10px; top:0; padding-top: 10px; }
.heads .heads-title { color: #1ccb00; font-size: 2rem; font-weight: 600; text-align: center; }
.heads .heads-date { font-size: 1rem; font-weight: 700; text-align: center; }
.heads .heads-text { font-size: 0.9rem; font-weight: 400; text-align: justify; max-width: 440px; margin: 0 auto; }
.heads .heads-red { font-size: 1.25rem; font-weight: 600; color: #e62468; text-align: center; margin: 3px auto 0; }
.heads .arrower { display: none; }

.live-static-image { display: flex; align-items: center; height: 100%; }
.live-static-image .image-container { height: calc(100% - 50px); position: relative; display: flex; justify-content: center; align-items: center; }
.live-static-image .image-container .image-holder { position: relative; display: flex; align-items: center; justify-content: center; max-height: 100%; }
.live-static-image .image-container .image-holder .bar { display: block; position: absolute; height: 6px; top: calc((100% - 6px)/2 + 18%); width: 90%; left: calc((100% - 85%)/2); background-color: #000000; z-index: 1; transition: transform 100ms ease; }
.live-static-image .image-container .image-holder[data-image="side"] { padding-right: 8%; }
.live-static-image .image-container .image-holder[data-image="side"] .bar { width: 90%; left: calc((100% - 85%)/2 - 2.5%); }
.live-static-image .image-container .image-holder[data-image="back"] { padding: 0 5%; }
.live-static-image .image-container .image-holder[data-image="back"] .bar {  }
.live-static-image .image-container .image-holder .bar[data-bar="horizon"] { height: 2px; top: calc((100% - 2px)/2 + 18%); background: repeating-linear-gradient(90deg,#000000,#000000 10px,transparent 10px,transparent 20px); width: 100%; left:0; opacity: 0.75; z-index: 1; }
.live-static-image .image-container .image-holder .bar[data-bar="m5-measurement"] { background-color: #1ccb00; z-index:0; border-radius: 3px; }
.live-static-image .image-container .image-holder .bar[data-bar="m5-current-measurement"] { height: 2px; top: calc((100% - 2px)/2 + 18%); background-color: #000000; z-index: 5; opacity: 0.2; }
.live-static-image .image-container .image-holder .bar[data-bar="geo-measurement"] { background-color: #1ccb00; z-index:0; border-radius: 3px; }
.live-static-image .image-container .image-holder .bar[data-bar="geo-current-measurement"] { height: 2px; top: calc((100% - 2px)/2 + 18%); background-color: #000000; z-index: 5; opacity: 0.2; }
.live-static-image .image-container .image-holder .bar[data-class-value="warning"] { background-color: #ff9100 !important; }
.live-static-image .image-container .image-holder .bar[data-class-value="danger"] { background-color: #f41f1f !important; }
.live-static-image .image-container .image-holder .midpoint { width: 16px; height: 16px; background-color: #ec0000; border-radius: 50%; left: calc(50% - 8px); position: absolute; z-index:2; transition: all 200ms ease; }
.live-static-image .image-container .image-holder .midpoint.new-value-added { transform: scale(1.30); transition: none; opacity: 0.8; }
.live-static-image .image-container .image-holder .calc-mm { display:block; position: absolute; top: 50%; background-color: #EEEEEE; font-size: 1.0rem; font-weight: 700; padding: 0.25rem 0.5rem; transition: all 200ms ease; }
.live-static-image .image-container .image-holder .calc-mm:empty { display: none; }
.live-static-image .image-container .image-holder .calc-mm[data-calc="geo-negative"] { left: 0; }
.live-static-image .image-container .image-holder .calc-mm[data-calc="geo-positive"] { right: 0; }
.live-static-image .image-container .image-holder .calc-mm.new-value-added { transform: scale(1.15); transition: none; opacity: 0.8; }
.live-static-image .image-container img { width: 100%; max-height: 400px; object-fit: contain; }
.live-static-image .image-data { display: flex; justify-content: center; align-items: center; }
.live-static-image .image-data + .image-data { margin-top: 0.5rem;}
.live-static-image .image-data.image-data-off { filter: grayscale(1); opacity: 0.3;}
.live-static-image .image-data .image-data-title { font-weight: 700; margin-right: 1rem; width: 90px; text-align: right; }
.live-static-image .image-data .image-data-left { text-align: center; padding-right: 0.8rem; min-width: 60px; }
.live-static-image .image-data .image-data-center { font-weight: 700; padding: 0.25rem 1rem 0.35rem; text-align: center; background-color: #EEEEEE; border-radius: 0.25rem; min-width: 100px; border: 2px solid #000000; }
.live-static-image .image-data .image-data-center { border-color: #CCCCCC; }
.live-static-image .image-data .image-data-center span[data-value] { color: #888888; }
.live-static-image .image-data[data-class-value="success"] .image-data-center { border-color: #1ccb00; }
.live-static-image .image-data[data-class-value="success"] .image-data-center span[data-value] { color: #18ad00; }
.live-static-image .image-data[data-class-value="warning"] .image-data-center { border-color: #ff9100; }
.live-static-image .image-data[data-class-value="warning"] .image-data-center span[data-value] { color: #d37700; }
.live-static-image .image-data[data-class-value="danger"] .image-data-center { border-color: #f41f1f; }
.live-static-image .image-data[data-class-value="danger"] .image-data-center span[data-value] { color: #c71919; }
.live-static-image .image-data .image-data-right { text-align: center; padding-left: 1rem; min-width: 60px; }
.live-static-image .image-data [data-value] { font-weight: 700; display: inline-block; transition: all 200ms ease; }
.live-static-image .image-data .new-value-added[data-value] { transform: scale(1.15); transition: none; opacity: 0.5; }
.live-static-image .image-data small { display: block; font-size: 0.8rem; opacity: 0.8; padding-right: 0.4rem;}
.live-static-image .image-title { text-align: center; font-size: 1.25rem; font-weight: 600; margin: 1rem 0; }
.live-static-image .image-description { display: flex; justify-content: center; }
.live-static-image .image-description .image-description-drawing { display: flex; align-items: center; margin-left: 1rem;}
.live-static-image .image-description .image-description-drawing img { height: 110px;}

.tabs .tab #krpano2d { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
.tabs .tab[data-tab="sensor"] td small { font-size: 0.8rem;}

.heads .heads-title { color: #1ccb00; font-size: 2rem; font-weight: 600; text-align: center; }
.heads .heads-date { font-size: 1rem; font-weight: 700; text-align: center; }
#intervalDropdown { position:absolute; right: 30px; top: 74px; z-index:2; }

/* GH SPECIFIC */
.krpano [data-hid="hotspotghcontextcreate"] .panorama-context-hotspot {left: 0; top: -28px;}
.krpano [data-hid="hotspotghcontext"] .panorama-context-hotspot[data-hpos="right"][data-vpos="top"] { }
.krpano [data-hid="hotspotghcontext"] .panorama-context-hotspot[data-hpos="left"][data-vpos="top"] { }
.krpano [data-hid="hotspotghcontext"] .panorama-context-hotspot[data-hpos="right"][data-vpos="bottom"] { }
.krpano [data-hid="hotspotghcontext"] .panorama-context-hotspot[data-hpos="left"][data-vpos="bottom"] { }
.tab[data-tab="table"] .table-area { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.tab[data-tab="table"] .table-area .table-responsive { overflow: auto; }
.w-0 { width: 0; }
.h-0 { height: 0; }

.gh-weight { background-color: rgba(232, 57, 65, 0.9); font-weight: 700; text-align: center; font-size: 1rem; padding: 0.25rem 0.5rem; min-width: 95px; min-height:62px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.gh-weight .gh-title { color: #000000; font-weight: 700; text-align: center; font-size: 0.8rem; }
.gh-weight .gh-content { color: #FFFFFF; font-weight: 700; font-size: 2rem; text-align: center; margin-top: -0.5rem; }

.gh-sensor { background-color: rgba(77, 76, 75, 0.9); min-width: 110px; padding: 0.25rem 0.5rem; min-height:62px;display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); border: 1px solid #ef7878; transition: transform 400ms ease; }
.gh-sensor .gh-title { font-weight: 700; text-align: center; font-size: 0.8rem; color: #FFFFFF; }
.gh-sensor .gh-content { color: #FFFFFF; font-weight: 400; font-size: 0.9rem; text-align: center; line-height:0.9rem; margin-bottom: 0.1rem; }
.gh-sensor [data-val][data-class-value="secondary"] { color: #FFFFFF; }
.gh-sensor [data-val][data-class-value="success"] { color: #7de16d; }
.gh-sensor [data-val][data-class-value="warning"] { color: #f8c27b; }
.gh-sensor [data-val][data-class-value="danger"] { color: #ef7878; }

#krpano2d .gh-sensor[data-layout="lx"], #krpano2d .gh-sensor[data-layout="ly"] { width: 100px; height: 100px; background-color: #7de16d !important; padding: 0; border: 0 none;  }

.gh-distance { background-color: rgba(75, 77, 75, 0.9); min-width: 135px; padding: 0.25rem 0.5rem; min-height:62px;display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); border: 1px solid #84ef78; transition: transform 400ms ease; position: relative; }
.gh-distance[data-beam="top"] { border-radius: 0.5rem 0.5rem 0 0;  }
.gh-distance[data-beam="bottom"] { border-radius: 0 0 0.5rem 0.5rem;  }
.gh-distance[data-beam="left"] { border-radius: 0.5rem 0 0 0.5rem;  }
.gh-distance[data-beam="right"] { border-radius: 0 0.5rem 0.5rem 0;  }
.gh-distance .gh-title { font-weight: 700; text-align: center; font-size: 0.8rem; color: #FFFFFF; }
.gh-distance .gh-title-vstart { font-weight: 700; text-align: center; font-size: 0.8rem; color: #888888; line-height:11px; padding-bottom:2px; }
.gh-distance .gh-content { color: #FFFFFF; font-weight: 400; font-size: 0.9rem; text-align: center; line-height:0.9rem; margin-bottom: 0.1rem; }
.gh-distance .beam { position: absolute; width: 100px; height: 100px; transform-origin: bottom; bottom: 0; left: -50px; background-color: #F00; z-index: -1; display:none; opacity:0.3; transform: scaleY(0.05); }
.gh-distance[data-beam="left"] .beam { left: -3px; rotate: -90deg; }
.gh-distance[data-beam="right"] .beam { left: calc(100% - 3px); rotate: 90deg; }
.gh-distance[data-beam="bottom"] .beam { top: 100%; rotate: 180deg; }
.gh-distance[data-beam="top"] .beam,
.gh-distance[data-beam="bottom"] .beam,
.gh-distance[data-beam="left"] .beam,
.gh-distance[data-beam="right"] .beam { display: none; }
.gh-distance [data-val][data-class-value="secondary"] { color: #FFFFFF; }
.gh-distance [data-val][data-class-value="success"] { color: #7de16d; }
.gh-distance [data-val][data-class-value="warning"] { color: #f8c27b; }
.gh-distance [data-val][data-class-value="danger"] { color: #ef7878; }
.gh-distance[data-beam="bl"],
.gh-distance[data-beam="br"],
.gh-distance[data-beam="bt"],
.gh-distance[data-beam="bb"] { padding: 0; background: transparent; margin: 0; border: 0; box-shadow: none; width: unset; height: unset; min-height: unset; min-width: unset; }
.gh-distance[data-beam="bl"] .gh-title, .gh-distance[data-beam="bl"] .gh-content,
.gh-distance[data-beam="br"] .gh-title, .gh-distance[data-beam="br"] .gh-content,
.gh-distance[data-beam="bt"] .gh-title, .gh-distance[data-beam="bt"] .gh-content,
.gh-distance[data-beam="bb"] .gh-title, .gh-distance[data-beam="bb"] .gh-content { display: none; }
.gh-distance[data-beam="bl"] .beam,
.gh-distance[data-beam="br"] .beam,
.gh-distance[data-beam="bt"] .beam,
.gh-distance[data-beam="bb"] .beam { display: block; background-color: #F00; }
.gh-distance[data-beam="bl"] .beam { rotate: -90deg; }
.gh-distance[data-beam="br"] .beam { rotate: 90deg; }
.gh-distance[data-beam="bt"] .beam { rotate: 0deg; }
.gh-distance[data-beam="bb"] .beam { rotate: 180deg; }

.gh-environment { background-color: rgba(240, 240, 240, 0.9);padding: 0.25rem 0.5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #78b9ef; transition: transform 400ms ease; position: relative; }
.gh-environment .gh-title { font-weight: 700; text-align: center; font-size: 0.8rem; color: #535658; white-space: nowrap; }
.gh-environment .gh-content { font-weight: 700; text-align: center; font-size: 0.8rem; color: #535658; }
.gh-environment .gh-content .item { white-space: nowrap; }

.gh-power { background-color: rgba(255, 255, 255, 0.9); width: 95px; padding: 0.25rem 1.0rem; min-height:62px;display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.5); border: 1px solid #888888; }
.gh-power .gh-title { font-weight: 700; text-align: center; font-size: 0.8rem; color: #000000; }
.gh-power .gh-content { color: #444444; font-weight: 400; font-size: 0.9rem; text-align: center; line-height:0.9rem; margin-bottom: 0.1rem; }
.gh-power i { display: none; }
.gh-power > div { max-width:90px; }
.gh-power[data-class-value="danger"] { border-color: #ef7878; }
.gh-power[data-class-value="danger"] [data-val="status"] { color: #ec3c3c; }
.gh-power[data-class-value="danger"] i.fa-bolt-slash { display: inline-block; color: #ec3c3c; }
.gh-power[data-class-value="success"] { border-color: #7de16d; }
.gh-power[data-class-value="success"] [data-val="status"] { color: #46c432; }
.gh-power[data-class-value="success"] i.fa-bolt { display: inline-block; color: #46c432; }
.gh-power [data-val="datetime"] { font-size: 0.8rem; margin-top: 0.1rem; }

.no-number-buttons::-webkit-outer-spin-button, .no-number-buttons::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.no-number-buttons[type=number] { -moz-appearance: textfield; }
.fw-normal { font-weight: 400; }
.fw-bold { font-weight: 700; }
.tab[data-tab="table"] .table-area .table-responsive { position: absolute; top: 63px; bottom: 0; left: 0; right: 0;}
.tab[data-tab="table"] .table-area .table-responsive td { white-space: nowrap; }
.table-recording { position: fixed; z-index: 1; top: 10px; right: 20px; color: #ed5565; font-weight: bold; text-transform: uppercase; }
@media (max-width: 767px) {
    .tab[data-tab="table"] .table-area .table-responsive { top: 46px; }
    .table-recording { right: auto; left: 8px; top: 70px; }
}
#table4 thead {position:sticky; top: -1px; z-index:1;}
#table4 [contenteditable="true"] { padding: 2px 4px; margin: -2px -4px; display: inline-block; border-radius: 3px; }
#table4 [contenteditable="true"]:hover { background-color: #F4F4F4; }
#table4 [contenteditable="true"]:focus { outline: 1px solid #495057; background-color: #FFFFFF !important; color: #495057; }
body.role_temporary #kr3dTopClose { display: none; }
body.role_temporary #kr3dSopSwitcherParent { max-width:calc(100% - 55px); }
body.side-renderer-maximized.role_temporary .kr3d-display { padding-left: 0; width: 100%; }
body.role_temporary.wide-view #sideRenderer #deckPreview { left: 0; }
.fs-08r { font-size: 0.8rem; }
#sideRenderer:not(.deck-fullscreen):not(.pano-fullscreen) .ibox[data-map-type="file"][data-file="view-file-pdf"] .kr3d-display { top: 56px; }
#sideRenderer:not(.deck-fullscreen):not(.pano-fullscreen) .ibox[data-map-type="file"][data-file="view-file-image"].notes-shrink #krpano3d { height: calc(100vh - 160px); }
#sideRenderer:not(.deck-fullscreen):not(.pano-fullscreen) .ibox[data-map-type="file"][data-file="view-file-image"] .notes-list .note-list-item-subitems .note-list-item:first-child { border-top: 0 none; }
#sideRenderer:not(.deck-fullscreen):not(.pano-fullscreen) .ibox[data-map-type="file"][data-file="view-file-image"].ibox.notes-shrink .positions-notes-list { bottom:58px; }
/* END GH SPECIFIC */

/* image wide view */
#sideRenderer > .ibox[data-file="view-file-image"]:not(.notes-shrink) .positions-notes-list { height: 50%; }
#sideRenderer > .ibox[data-file="view-file-image"] .positions-notes-list .notes-list { height: calc((100vh - 268px) / 2); }
body.wide-view #sideRenderer > .ibox[data-file="view-file-image"] > .ibox-content { overflow: visible; }
body.wide-view #sideRenderer > .ibox[data-file="view-file-image"] .kr3d-display { position: absolute; left: calc(-100%); right: 0; }
body.wide-view #wrapper { overflow:hidden;}
.custom-asset-bg { position:absolute; right: 0; bottom: 0; left: 0; height: calc(50% + 10px); background-color: #FFFFFF; display:none; }
.custom-asset { position:absolute; right: 0; bottom: 0; left: 0; height: calc(50% + 5px); background-color: #FFFFFF; z-index:1; }
.custom-asset #customAssetClose { position:absolute; right: 12px; top: 5px; }
.custom-asset .workitem-hotspot-signature { padding: 0.5rem 1rem; }
.workitem-hotspot-signature .header { font-weight: 400;font-size: 1rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0.25rem 0.5rem;border-radius: 4px;background-color: rgba(0,0,0,0.075);margin: 0.5rem 0; display: inline-block; }
.workitem-hotspot-signature .headers { font-style:italic;font-size:0.75rem; font-weight:400; }
.workitem-hotspot-signature .headers > div { padding-bottom: 1rem; line-height: 1.2; }
.workitem-hotspot-signature .contents { font-weight:bold;font-size:0.9rem; }
.workitem-hotspot-signature .scontents { font-weight:700;font-size:0.8rem; }
.workitem-hotspot.highlight .hotspot-icon { box-shadow: 0 0 5px 2px rgba(0,0,0,0.5), 0 0 30px 0px rgba(0,0,0,0.75); background-color: #FFFFFF; }
body.wide-view #sideRenderer > .ibox[data-file="view-file-image"] .positions-notes-list { right: 120%; }
body.wide-view #sideRenderer > .ibox[data-file="view-file-image"] .kr2d-toolbar { right: calc(60% + 10px); }
body.wide-view .custom-asset { left: -20%; }
body.wide-view .custom-asset-bg { left: -20%; border-left: 1px solid #f3f3f4; display:block; }

.prechoice-row { border-top: 1px solid #e5e6e7; margin: 0 -20px; }
.prechoice-row a { color: #676A6C; padding: 0.5rem 20px; }
.prechoice-row a.enabled { cursor: pointer; }
.prechoice-row a:not(.enabled) { cursor: default; }
.prechoice-row a.enabled:hover { background-color: rgba(0,0,0,.075); }
.prechoice-row .image-place { border: 1px solid #e5e6e7; width: 80px; height: 80px; position: relative; border-radius: 0.5rem; background-color: #f9f9f8; overflow: hidden; }
.prechoice-row .image-place .image-place-thumb { height: 78px; width: 78px; object-fit: cover; }
.prechoice-row .image-place .noimage img { position: absolute; line-height: 50px;font-size: 30px;text-align: center;display: block;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;width: 50px;height: 50px; }
.prechoice-row .image-place .noimage i { position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #f8ac59;margin: -14px 0 0 6px; }
.prechoice-row .text-place > div { padding-bottom: 4px; }
.prechoice-row .text-place1 { font-size: 0.9rem; font-weight: 700; display: block; }
.prechoice-row .text-place2 { font-size: 0.8rem; font-weight: 700; display: block; }
.prechoice-row .arrow-place { font-size: 1.25rem; color: #a1aab7; padding-right: 1rem; }
.prechoice-row a:not(.enabled) .arrow-place {opacity: 0.3; }
.overflow-auto { overflow: auto; }

.chart-container { position: absolute; top:0; left:0; right:0; bottom:0; }
.chart-container .bg-light {background-color:#f5f5f6;}
.chart-container .chart-deeper-container { top: 80px; bottom: 20px; left: 1rem; right: 1rem; position: absolute; }
.tabs .tab .chart-container .ctx-area { position: absolute; top: auto; bottom: 0; right: 0; height: calc(60%); width: calc(55% - 1rem) }
.tabs .tab .chart-container .table-area { position:absolute; bottom: 0; right: auto; left: 0; width: calc(45%); height: calc(60% - 10px); top: auto; overflow: auto; }
.tabs .tab .chart-container #krpano2d { position: absolute; top: 0; bottom: auto; left: auto; right: 0; height: calc(40%); width: calc(80%); }
.tabs .tab .chart-container .live-static-image { position:absolute; bottom: auto; right: auto; left: 0; top: 0; width: calc(20%); height: calc(40%); display: flex; justify-content: center; align-items: center }

.sig-drawing { width: auto; aspect-ratio: 3/2; border: 2px solid #FFFFFF; position: relative; }
.sig-drawing.sig-drawing-empty { background-color: rgba(0, 123, 255, 0.1); }
.sig-drawing.sig-drawing-empty:hover { border-color: #007bff; cursor: pointer; position: relative; z-index: 1; }
.sig-drawing.sig-drawing-absent {  }
.fld-signature { width: 100%; aspect-ratio: 3/2; border: 2px solid #007bff;margin-bottom: 0.25rem; }
.fld-signature.no-show { background-color: #FAFAFA; border-color: #CCCCCC; }
.fld-signature.no-show * { display:none; }
.fld-signature-timestamp .btn.btn-sm { line-height: 20px; padding: 6px 10px; }
.fld-signature-here { font-style: italic; opacity: 0.5; user-select: none; }
.fld-signature-name { margin: -11px 0 7px 0; }
.fld-signature-name .form-control { border-radius: 0 0 5px 5px; }
.fld-signature-name .form-control[readonly] { margin-top: 6px; }

.ibox[data-map-type="signature"] .kr2d-toolbar { margin-top: -43px; }
.ibox[data-map-type="signature"] .notes-list .note-list-item .note-data { padding: 0.5rem 0 0.5rem 0.5rem }
.ibox[data-map-type="signature"] .notes-list .note-list-item .item-title { color: #676a6c !important; }
.ibox[data-map-type="signature"] .positions-notes-list { top: 57px; bottom: 0; height: unset; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .positions-notes-list { height: unset; }
#sideRenderer.show-table-checker .ibox[data-image-type] .positions-notes-list .notes-list { height: 100%; }
.ibox[data-map-type="signature"] .positions-notes-list .notes-list { height:100%; width: 100%; position: absolute; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem.opened .note-data { background-color: transparent !important; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem:not(:first-child) { border-top: 1px solid #e7eaec;  }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description { margin-top: 0.25rem; position: relative; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description .item-buttons { display: block; overflow: hidden; height: 0; visibility: hidden; transition: all 300ms ease; text-align: right; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description .item-buttons.shown { height: 40px; visibility: visible;}
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description table { min-width: 100%; border: 1px solid #e7eaec; border-collapse: collapse; margin: 0 !important; table-layout: auto !important; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description table th { padding: 2px 4px; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description table td { border: 1px solid #eceff1; padding: 2px 4px !important; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description table td[bgcolor="#auto"] { background-color: inherit; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description table td > * { margin: 0 !important; font-size: 0.8rem; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description *:not(i) { font-size: 0.8rem !important; margin: 0 !important; font-family: inherit !important; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description > :last-child { margin-bottom: 0 !important; }
.ibox[data-map-type="signature"] li[data-liststyle="PHPWordList0"]:empty { list-style: none; height: 10px; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .sig-data .headers { font-style: italic; font-size: 0.75rem; font-weight: 400; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .sig-data .headers > div  { padding-bottom: 1rem; line-height: 1.2; }
.ibox[data-map-type="signature"] .sig-data .scontents { font-weight: 600; font-size: 0.8rem; }
body.role_supervisor .ibox[data-map-type="signature"] .positions-notes-list { display: block !important;}
body.role_supervisor.wide-view #tableRenderer .table-holder { display: block; }
body.wide-view #sideRenderer.show-table-checker .positions-select-tools.positions-select-tools-sig { left: -100%; background-color: #FFFFFF; }
body:not(.wide-view) .ibox[data-map-type="signature"] .sig-data .scontents { font-size:0.65rem; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .note-list-item[data-checked="false"] .table-checker-hotspot [data-checked-condition="false"] { display: inline-block; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .note-list-item[data-checked="true"] .table-checker-hotspot [data-checked-condition="true"] { display: inline-block;color: #FFFFFF;background-color: #007bff;border-color: #007bff;text-align: center; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .note-list-item[data-checked="true"] .table-checker-hotspot [data-checked-condition="true"] i { font-size: .65rem;position: relative;top: -5px; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] #approvalsBtnSelectBtn { color: #007bff;border-color: #007bff; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .position-table-checker { align-items: start; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .table-checker { top: -6px; }
body.wide-view #sideRenderer .ibox[data-map-type="signature"] .positions-notes-list { right: 0; background-color: #FFFFFF; }
body.wide-view .ibox[data-map-type="signature"] .kr2d-toolbar { right: 10px; }
body:not(.wide-view) .yes-wide-view { display: none; }
body.wide-view .no-wide-view { display: none; }
.sig-drawing-disabled { display:flex; align-items: center; justify-content: center; aspect-ratio: unset; }
.sig-drawing-na { font-size: 1.25rem; font-family:monospace; opacity: 0.3; margin: 0.25rem 0;}
.sig-participation-na { font-size: 1.25rem; font-family:monospace; opacity: 0.3; margin: 0.25rem 0;}
.remarks-field { font-size: 1.25rem; font-family:monospace; margin: 0; }
.remarks-field.remarks-field-missing { color:#dc3545; outline: 2px solid #dc3545; outline-offset: 0.5rem; }
.sig-remarks .remark-last-date { font-size: 0.75rem; text-align: center; font-family:'Open Sans',sans-serif; display: block; font-weight: bold; }
.sig-participation { display: flex; align-items: center; justify-content: center; }
.sig-participation .sig-participation-detail { font-family:monospace; font-size: 1.25rem; font-style: italic; }
.sig-remarks { display: flex; align-items: center; justify-content: center; border: 2px solid #FFFFFF; position: relative; }
.sig-remarks-na { font-size: 1.25rem; font-family:monospace; opacity: 0.3; margin: 0.25rem 0;}
.sig-remarks:not(.sig-remarks-disabled):hover { background-color: rgba(0, 123, 255, 0.1); border-color:#007bff; cursor: pointer; }

.ibox[data-map-type="signature"] .notes-list .note-list-item:not(.opened) .additional-info { display: block; }
.notes-list.remarks-list .note-list-item:not(.opened) .additional-info { display: block; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-title { opacity: 1 !important; font-size: 0.85rem; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem:hover .note-data { background-color: #FFFFFF; }
.notes-list.remarks-list .note-list-item.note-list-subitem:hover .note-data { background-color: #FFFFFF; }
.notes-list.remarks-list .note-list-item.note-list-subitem .item-title { opacity: 1 !important; }

.notes-list.remarks-list { padding: 0 15px 0 0;}
.notes-list.remarks-list .note-list-item.note-list-subitem.opened .note-data { background-color: #FFFFFF !important; }
.notes-list.remarks-list .note-list-item .note-data { padding: 0.5rem 0 0.5rem 0.5rem }
.notes-list.remarks-list .note-list-item:last-child .note-data { padding-bottom: 0; }
.notes-list.remarks-list .note-list-item .item-title { color: #676a6c !important; }
.notes-list.remarks-list .note-list-item .item-title .remark-status { font-size: 0.85; font-weight: 700; }
.notes-list.remarks-list .note-list-item .additional-info { margin-top: -10px; }
.notes-list.remarks-list .note-list-item.note-list-subitem.opened .note-data { background-color: transparent !important; }
.notes-list.remarks-list .note-list-item.note-list-subitem { padding-bottom: 0.5rem; }
.notes-list.remarks-list .note-list-item.note-list-subitem:not(:first-child) { border-top: 1px solid #e7eaec; padding-top: 0.5rem;  }
.notes-list.remarks-list .note-list-item.note-list-subitem .item-description { margin-top: 0.25rem; }
.notes-list.remarks-list .note-list-item.note-list-subitem .sig-data .headers { font-style: italic; font-size: 0.75rem; font-weight: 400; }
.notes-list.remarks-list .note-list-item.note-list-subitem .sig-data .headers > div  { padding-bottom: 1rem; line-height: 1.2; }
.notes-list.remarks-list .sig-data .scontents { font-weight: 600; font-size: 0.8rem; }
.notes-list.remarks-list textarea { display: flex;height: 100%;margin-top: 16px;resize: none; min-height: 180px;  font-size: 0.95rem; padding: 4px 8px; }
.notes-list.remarks-list .note-list-item .remark-draft { font-size: 0.9rem; position: absolute; }
.notes-list.remarks-list .note-list-item[data-saved="true"] .if-not-saved { display: none; }
.notes-list.remarks-list .note-list-item .popover { border-color:#e5e6e7; font-size: 1rem; max-width: 360px; box-shadow: 0 0 200px 150px #FFFFFF; }
.notes-list.remarks-list .note-list-item:not([data-saved="true"]) .sig-drawing { pointer-events: none; }
.notes-list.remarks-list .note-list-item:not([data-saved="true"]) .sig-drawing:hover {  }
.notes-list.remarks-list .sig-drawing-na { margin:0; aspect-ratio: 3 / 2; display:flex; align-items: center; justify-content: center; width: 100%; }
.notes-list.remarks-list .sig-drawing:not(.sig-drawing-disabled) .sig-drawing-na { display: none; }
.btn-new-remark { position: absolute; left: 20px;}
.fld-signature:not(.no-show) + .absent-icon { display: none; }
.fld-signature + .absent-icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; width: 100%; height: 100%; align-items:center; justify-content: center; opacity: 0.3; font-size: 3rem; }
.sig-drawing:not(.sig-drawing-absent) .absent-icon { display:none; }
.sig-drawing.sig-drawing-absent .absent-icon { display: flex; aspect-ratio: 3 / 2; align-items:center; justify-content: center; font-size: 1.75rem; background-color: #FAFAFA !important; border: 2px solid #CCCCCC !important; }
.sig-drawing.sig-drawing-absent .absent-icon i { opacity: 0.3; }

.col-disabled .fld-signature-timestamp { display:none; }
.col-disabled .fld-signature-no-show { display:none; }
.col-disabled .fld-signature { pointer-events: none; border: 0 none; content: "-/-"; }
.col-disabled .fld-signature * { display:none; }
.col-disabled .fld-signature + .absent-icon { display: flex;}
.col-disabled .fld-signature-name { display: none; }

.note-btn-group .btn-sm { height: 40px; line-height: 36px; padding: 0 12px; min-width: 40px; font-size: 0.8rem; background-color: #FFFFFF; border: 1px solid #e7eaec; }
.note-btn-group .btn-sm:hover { border: 1px solid #d2d2d2; }
.note-btn-group .btn-sm.dropdown-toggle { min-width: auto; padding: 0 13px; }
.note-btn-group .btn-sm.dropdown-toggle::after { display: inline-block; font-size: 1rem; }
.note-status-output { display: none; }

body.cursor-busy { cursor: wait !important; }
.asset-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: #007bff; }
#kr2dHotspotSelector { position: absolute; right: 10px; bottom: 10px; border: 1px solid #e5e6e7; border-radius: 5px; background-color: #FFFFFF; padding: 10px; }
#sideRenderer.related-hotspots-selector #deckPreview .panorama-hotspot { opacity: 0.3; }
#sideRenderer.related-hotspots-selector .workitem-hotspot { display:none; }
#sideRenderer.related-hotspots-selector #deckPreview .kr-hotspot[data-related-checked="true"] .panorama-hotspot { opacity: 1; }

.hotspots-list-parent { margin-top: 0; height: 100%; }

.positions-list { height: 50px; position: relative; }
.positions-list > div { height:100%; }

.workitems-list > div { height:100%; }

.hotspots-list-parent .hotspots-list-header {margin: 0 0; background-color: #FFFFFF;padding: 0; position:relative; display: none;}
.hotspots-list-parent .hotspots-list-header > div:first-child {width: 115px;}
.hotspots-list { overflow-y: auto; padding: 0 15px; min-height: 136px; -ms-overflow-style: -ms-autohiding-scrollbar; position: relative; }

.hotspots-list .hotspot-list-item { }
.hotspots-list .hotspot-list-item:hover > .row { background-color: rgba(0,0,0,.075); }
.hotspots-list .hotspot-list-item > .row { padding: .5rem 0; margin-top: -1px; }
.hotspots-list .hotspot-list-item + .hotspot-list-item { margin-top: -1px; }
.hotspots-list .hotspot-list-item + .hotspot-list-item > .row { border-top: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; }
.hotspots-list .hotspot-list-item.highlighted { position: relative;  }
.hotspots-list .hotspot-list-item.highlighted > .row { background-color: #FAFAFA; border-color: #BBBBBB; box-shadow: inset 0 10px 10px -10px #1ab39444, inset 0 -10px 10px -10px #1ab39422; }
.hotspots-list .hotspot-list-item.highlighted .description-container .item-title { font-weight: 700; }
.hotspots-list .hotspot-list-item .custom-control-label::before { background-color:#FFFFFF; }
.hotspots-list .hotspot-list-item .clearfix { font-size: 0.9rem; }
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image).active > .row { background-color: #DDEDF7 !important;  }
.hotspots-list .hotspot-list-item.hotspot-list-item-image.active > .row { background-color: #DDEDF7 !important;  }
.hotspots-list .hotspot-list-item.active .description-container .item-title {font-weight: 700;  }
.hotspots-list .hotspot-list-item .hotspot-data .image-container .status-condition { position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-is-done="true"] > .hotspot-data .status-condition:not([data-condition="done"]) {display:none}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-is-done="true"] > .hotspot-data .status-condition[data-condition="done"] {display:block}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image).removed > .hotspot-data .status-condition:not([data-condition="removed"]) {display:none !important;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image).removed > .hotspot-data .status-condition[data-condition="removed"] {display:block !important;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image).removed > .hotspot-data .status-condition[data-condition="removed"].hidden {display: none !important;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image:not([data-status="assigned"]) .hotspot-data .status-condition:not([data-condition-not="assigned"]) {display:none;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="empty"] .hotspot-data [data-condition]:not([data-condition="empty"]) {display:none;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="removed"] .hotspot-data [data-condition]:not([data-condition="removed"]) {display:none;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="done"] .hotspot-data [data-condition]:not([data-condition="done"]) {display:none;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="assigned"] .hotspot-data .status-condition[data-condition-not="assigned"] {display:none;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image.removed .hotspot-data .status-condition:not([data-condition="removed"]) {display:none !important;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image.removed .hotspot-data .status-condition[data-condition="removed"] {display:block !important;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image.removed .hotspot-data .status-condition[data-condition="removed"].hidden {display: none !important;}
.hotspots-list .hotspot-list-item .pc-status-condition {display: none !important;}
.hotspots-list .hotspot-list-item[data-status="empty"][data-pc-status="assigned"] .status-condition[data-condition="empty"] {display: none;}
.hotspots-list .hotspot-list-item[data-pc-status="assigned"] .pc-status-condition[data-condition="assigned"] {display:block !important;}
.hotspots-list .hotspot-list-item[data-pc-status="assigned"] .image-container > .pc-status-condition[data-condition="assigned"] {position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; }
#sideRenderer > .ibox:not([data-image-type="scan3d"]) .hotspots-list .hotspot-list-item[data-pc-status="assigned"]:not([data-is-done="true"]) .image-container .icon-cam-scan3d {display:block;}
.hotspots-list .hotspot-list-item[data-pc-status="assigned"] .hotspot-data .description-container .item-title {color:#84BF78 !important;}
.hotspot-list-item[data-pc-status="assigned"] .hotspot-data .button-view {opacity: 1 !important; cursor: pointer !important; pointer-events: auto !important;}
.hotspots-list .hotspot-list-item .image-container {width: 80px; height: 80px; border: 1px solid #e5e6e7; background-color:#f9f9f8; position:relative; border-radius: .5rem; overflow: hidden;  }
.hotspots-list .hotspot-list-item .image-container .img {width: 100%; height: 100%; background: transparent none no-repeat center center; background-size:cover; position:absolute; cursor: pointer;}
.hotspots-list .hotspot-list-item .image-container .icon-cam {position:absolute; line-height: 50px; font-size:30px; text-align: center; display:block; left: 50%;margin-left: -25px;top: 50%;margin-top: -25px; width: 50px; height: 50px; }
#sideRenderer > .ibox:not([data-image-type="scan3d"]) .hotspots-list .hotspot-list-item .image-container .icon-cam-scan3d {display: none;}
#sideRenderer > .ibox[data-image-type="scan3d"] .hotspots-list .hotspot-list-item .image-container .icon-cam-panorama {display: none;}
.hotspots-list .hotspot-list-item .image-container .icon-empty {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #f8ac59; margin: -14px 0 0 6px;}
.hotspots-list .hotspot-list-item .image-container .icon-captured {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #84BF78; margin: -14px 0 0 6px;}
.hotspots-list .hotspot-list-item .image-container .icon-done {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #ed5565; margin: -14px 0 0 6px;}
.hotspots-list .hotspot-list-item .image-container .icon-removed {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #888888; margin: -14px 0 0 6px;}

.hotspots-list .hotspot-list-item .description-container { font-size: 0.9rem;}
.hotspots-list .hotspot-list-item .description-container .item-title {font-weight:700; display: inline-block; }
.hotspots-list .hotspot-list-item .description-container .item-subtitle { font-weight: 400; display: inline-block; }

.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="empty"] > .hotspot-data .description-container .item-title {color:#f6a707;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="empty"] > .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="empty"][data-pc-status="assigned"] > .hotspot-data .description-container .item-subtitle {color:#84BF78;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="pending"] > .hotspot-data .description-container .item-title {color:#f6a707;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="pending"] > .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-is-done="true"] > .hotspot-data .description-container .item-title {color:#ed5565;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-is-done="true"] > .hotspot-data .description-container .item-subtitle {color:#ed5565;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="pending"] > .hotspot-data .description-container .status-condition {font-weight: 400; font-style: italic;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image).removed > .hotspot-data .description-container .item-title {color:#888888 !important;}
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image).removed > .hotspot-data .description-container .item-subtitle {color:#888888 !important;}

.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="empty"] .hotspot-data .description-container .item-title {color:#f6a707;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="empty"] .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="empty"][data-pc-status="assigned"] .hotspot-data .description-container .item-subtitle {color:#84BF78;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="pending"] .hotspot-data .description-container .item-title {color:#f6a707;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="pending"] .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-is-done="true"] .hotspot-data .description-container .item-title {color:#ed5565;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-is-done="true"] .hotspot-data .description-container .item-subtitle {color:#ed5565;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image[data-status="pending"] .hotspot-data .description-container .status-condition {font-weight: 400; font-style: italic;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image.removed .hotspot-data .description-container .item-title {color:#888888 !important;}
.hotspots-list .hotspot-list-item.hotspot-list-item-image.removed .hotspot-data .description-container .item-subtitle {color:#888888 !important;}

.hotspots-list .hotspot-list-item .description-container .status-condition {font-size:15px; font-weight:700; margin-top: 2px;}
.hotspots-list .hotspot-list-item[data-is-done="false"] .hotspot-data .if-item-comment {display:none; }
.hotspots-list .hotspot-list-item[data-permanent-comment="false"] .hotspot-data .if-item-permanent-comment {display:none; }
.hotspots-list .hotspot-list-item[data-is-done="false"] .hotspot-data .title-icon.fa-exclamation-circle {display:none; }
.hotspots-list .hotspot-list-item[data-is-authorized="false"] .hotspot-data .title-icon.fa-shield-check {display:none; }
.hotspots-list .hotspot-list-item.removed .custom-checkbox,
.hotspots-list .hotspot-list-item[data-status="captured"] .custom-checkbox,
.hotspots-list .hotspot-list-item[data-status="assigned"] .custom-checkbox {display:none}
.hotspots-list .hotspot-list-item.removed {opacity: 0.3; transition: opacity 300ms ease;}
.hotspots-list .hotspot-list-item.removed:hover {opacity: 0.9;}
.hotspots-list .hotspot-list-item:not(.removed) .hotspot-data .title-icon.fa-trash {display:none;}
.hotspots-list .hotspot-list-item.removed .hotspot-data .button-delete {display:none;}
.hotspots-list .hotspot-list-item .btn-group .btn {float:left;}
.hotspots-list .hotspot-list-item .editing:not(.btn-group) {margin-top:0;}
.hotspots-list .hotspot-list-item textarea.has-error {border-color: #dc3545;}
.hotspots-list .hotspot-list-item textarea.has-error::placeholder {color: rgba(220, 53, 69, 0.7);}
.hotspots-list .hotspot-list-item .button-capture.border-danger {z-index: 2;}
.hotspots-list .hotspot-list-item textarea {min-height: 40px; overflow-y: hidden; height: 1px;}
.hotspots-list .hotspot-list-item .heading-icon {display: none; font-size: 20px; position: relative; top: 3px; right: 3px;}
.hotspots-list .hotspot-list-item[data-status="assigned"][data-is-done="false"][data-heading=""]:not(.removed) .hotspot-data .heading-icon {display: inline-block;}

.hotspot-list-item .tags {border: 1px solid transparent; height: 30px; line-height: 20px; border-radius: 4px;}
.hotspot-list-item .tags i {}
.hotspot-list-item .tags i:hover {color: #337ab7;}
.hotspot-list-item .tags i.fas {color: #aaaaaa;}
.hotspot-list-item .tags .tags-place {font-size: .85rem;}
.hotspot-list-item .tags.tags-active {border-color: #e5e6e7;}
.hotspot-list-item .tags.tags-active .tags-place {display:none;}
.hotspot-list-item .tags.tags-active i {color: #337ab7;}
.hotspot-list-item .tags .tags-input .form-control {display: none; padding: 0 10px 0 0; width: 200px; font-size:.9rem; border: 0 none; height: 26px; line-height: 26px; }
.hotspot-list-item .tags.tags-active .tags-input {display: inline-block;}
.hotspot-list-item .tags.tags-active .tags-input .form-control {display: inline-block; background: transparent;}

.hotspot-list-item .height {border: 1px solid transparent; height: 30px; line-height: 28px; border-radius: 4px;}
.hotspot-list-item .height i {}
.hotspot-list-item .height i:hover {color: #337ab7;}
.hotspot-list-item .height i.fas {color: #aaaaaa;}
.hotspot-list-item .height .height-place {font-size: .85rem;}
.hotspot-list-item .height.height-active {border-color: #e5e6e7;}
.hotspot-list-item .height.height-active .height-place {display:none;}
.hotspot-list-item .height.height-active i {color: #337ab7;}
.hotspot-list-item .height .height-input .form-control {display: none; padding: 0; width: auto; font-size:.9rem; border: 0 none; height: 26px; line-height: 26px; }
.hotspot-list-item .height.height-active .height-input {display: inline-block;}
.hotspot-list-item .height.height-active .height-input .form-control {display: inline-block; background: transparent;}

.hotspot-list-item .priority {border: 1px solid transparent; height: 30px; line-height: 28px; border-radius: 4px;}
.hotspot-list-item .priority .badge {cursor:pointer; opacity: 0.8; border: 1px solid #d1dade; padding: 0 .5rem; height: 30px; line-height: 28px; }
.hotspot-list-item .priority .badge[data-priority="0"] {background-color: #FFFFFF; color: #5e5e5e; border-color: #d1dade;}
.hotspot-list-item .priority .badge[data-priority="1"] {background-color: #ed5565; color: #FFFFFF; border-color: #7f2e36; }
.hotspot-list-item .priority .badge:hover {opacity: 1;}
.hotspot-list-item .priority .priority-place {font-size: .85rem;}
.hotspot-list-item .priority.priority-active {border-color: #e5e6e7;}
.hotspot-list-item .priority.priority-active .priority-place {display:none;}
.hotspot-list-item .priority .priority-input .form-control {display: none; padding: 0 .5rem; width: auto; min-width: 35px; font-size:.9rem; border: 0 none; height: 26px; line-height: 26px; }
.hotspot-list-item .priority.priority-active .priority-input {display: inline-block;}
.hotspot-list-item .priority.priority-active .priority-input .form-control {display: inline-block; background: transparent;}

.hotspots-list.hotspots-list-sop .hotspot-list-item > .row {padding:0;}
.hotspots-list.hotspots-list-sop .heading {padding: .3rem 0 .2rem;}
.hotspots-list.hotspots-list-sop .btn-group-sm>.btn, .hotspots-list.hotspots-list-sop .btn-sm {padding: .1rem .5rem; margin-top: 0.15rem;}
.hotspots-list .hotspot-list-item .sop-row .image-container {width: 50px; height: 25px; margin: 2px 0; }
.hotspots-list .hotspot-list-item .sop-row .image-container .icon-cam {width: 20px; height: 20px; margin-left: -10px; margin-top:-10px;}
.hotspots-list .hotspot-list-item .sop-row .image-container .icon-empty {position: absolute;left: 28px;top: 11px;line-height: 10px;font-size: 10px;color: #f8ac59;}
.hotspots-list .hotspot-list-item .sop-row .image-container .icon-captured {position: absolute;left: 28px;top: 11px;line-height: 10px;font-size: 10px;color: #84BF78;}
.hotspots-list .hotspot-list-item .sop-row .image-container .icon-done {position: absolute;left: 28px;top: 11px;line-height: 10px;font-size: 10px;color: #ed5565;}
.hotspots-list .hotspot-list-item .sop-row .image-container .icon-removed {position: absolute;left: 28px;top: 11px;line-height: 10px;font-size: 10px;color: #888888;}
.hotspots-list .hotspot-list-item .sop-row .sop-text {line-height:14px; padding: 8px 0 7px; }
.hotspots-list .hotspot-list-item .sop-row .sop-text strong::after {content: "|"; font-weight: 700; color: #e5e6e7; margin: 0 3px 0 6px;}
.hotspots-list .hotspot-list-item .sop-row .sop-text .status-condition {display: inline-block;}
.hotspots-list-parent.hotspots-list-parent-sop .hotspots-list-header > div:first-child {width: 101px;}
.hotspots-list.hotspots-list-sop .heading .item-title {width: 105px; cursor:pointer;}
.hotspots-list .hotspot-list-item:not(.show-sops) .sop-rows {display: none;}
.hotspots-list .hotspot-list-item.show-sops .sop-rows {display: block;}

.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="pending"]:not([data-is-done="true"]) .status-condition:not([data-condition="pending"]) {display:none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="empty"]:not([data-is-done="true"]) .status-condition:not([data-condition="empty"]) {display:none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="captured"]:not([data-is-done="true"]) .status-condition:not([data-condition="captured"]) {display:none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="assigned"]:not([data-is-done="true"]) .status-condition:not([data-condition="assigned"]) {display:none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-is-done="true"] .status-condition:not([data-condition="done"]) {display:none}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-is-done="true"] .status-condition[data-condition="done"] {display:block}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .status-condition:not([data-condition="removed"]) {display:none !important;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .status-condition[data-condition="removed"] {display:block !important;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .status-condition[data-condition="removed"].hidden {display: none !important;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="empty"] .description-container .item-title {color:#f6a707;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="empty"] .description-container .item-subtitle {color:#f6a707;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="pending"] .description-container .item-title {color:#f6a707;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="pending"] .description-container .item-subtitle {color:#f6a707;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-is-done="true"] .description-container .item-title {color:#ed5565;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-is-done="true"] .description-container .item-subtitle {color:#ed5565;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="pending"] .description-container .status-condition {font-weight: 400; font-style: italic;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .description-container .item-title {color:#888888 !important;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .description-container .item-subtitle {color:#888888 !important;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row .description-container .status-condition {font-size:12px; font-weight:700;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-comment="false"] .if-item-comment {display:none; }
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-is-done="false"] .title-icon.fa-exclamation-circle {display:none; }
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-is-authorized="false"] .title-icon.fa-shield-check {display:none; }
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .custom-checkbox,
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="captured"] .custom-checkbox,
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="assigned"] .custom-checkbox {display:none}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed {opacity: 0.3; transition: opacity 300ms ease;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed:hover {opacity: 0.9;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row:not(.removed) .title-icon.fa-trash {display:none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row.removed .button-delete {display:none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-status="assigned"][data-is-done="false"][data-heading=""]:not(.removed) .heading-icon {display: inline-block;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row[data-krpano-status="processed"] .hotspot-processor {display: none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row:not([data-krpano-status="processed"]) .button-view {opacity:.65; cursor: default; pointer-events: none;}
.hotspots-list.hotspots-list-sop .sop-rows .sop-row .heading-icon {position: relative; top: 3px;}

.notes-list-parent { margin-top: 0px; height: 100%; }
.notes-list-parent .notes-list-header {margin: 0 0; background-color: #FFFFFF;padding: 0; position:relative; display: none;}
.notes-list-parent .notes-list-header > div:first-child {width: 115px;}
.notes-list { overflow-y: auto; padding: 0 15px; min-height: 136px; -ms-overflow-style: -ms-autohiding-scrollbar; position: relative; }

.notes-list .note-list-item { }
.notes-list .note-list-item:hover > .row { }
.notes-list > .note-list-item + .note-list-item { border-top: 1px solid #e5e6e7; }
.notes-list .note-list-item > .row { padding: .5rem 0; margin: -1px -15px 0; }
.notes-list .note-list-item + .hotspot-list-item { margin-top: -1px; }
.notes-list .note-list-item + .hotspot-list-item > .row { border-top: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; }
.notes-list .note-list-item.highlighted { position: relative; border-color: #BBBBBB; box-shadow: inset 0 10px 10px -10px #1ab39444, inset 0 -10px 10px -10px #1ab39422; }
.notes-list .note-list-item.highlighted .description-container .item-title { font-weight: 700; }

.notes-list .note-list-item .custom-control-label::before { background-color:#FFFFFF; top: 0; }
.notes-list .note-list-item .custom-control-label::after { top: 0; }
.remarks-list .sig-timestamp .custom-control label { font-size: 0.85rem;}
.notes-list .note-list-item .clearfix { font-size: 0.9rem; }
.notes-list .note-list-item.active .row { background-color: #DDEDF7 !important;  }
.notes-list .note-list-item.active .description-container .item-title {font-weight: 700; color: #007bff; }
.notes-list .note-list-item .hotspot-data .image-container .status-condition { position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer;}
.notes-list .note-list-item[data-status="pending"]:not([data-is-done="true"]) .hotspot-data .status-condition:not([data-condition="pending"]) {display:none;}
.notes-list .note-list-item[data-status="empty"]:not([data-is-done="true"]) .hotspot-data .status-condition:not([data-condition="empty"]) {display:none;}
.notes-list .note-list-item[data-status="captured"]:not([data-is-done="true"]) .hotspot-data .status-condition:not([data-condition="captured"]) {display:none;}
.notes-list .note-list-item[data-status="assigned"]:not([data-is-done="true"]) .hotspot-data .status-condition:not([data-condition="assigned"]) {display:none;}
.notes-list .note-list-item[data-is-done="true"] .hotspot-data .status-condition:not([data-condition="done"]) {display:none}
.notes-list .note-list-item[data-is-done="true"] .hotspot-data .status-condition[data-condition="done"] {display:block}
.notes-list .note-list-item.removed .hotspot-data .status-condition:not([data-condition="removed"]) {display:none !important;}
.notes-list .note-list-item.removed .hotspot-data .status-condition[data-condition="removed"] {display:block !important;}
.notes-list .note-list-item.removed .hotspot-data .status-condition[data-condition="removed"].hidden {display: none !important;}
.notes-list .note-list-item .pc-status-condition {display: none !important;}

.notes-list .note-list-item[data-status="pending"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="pending"]) {display:none;}
.notes-list .note-list-item[data-status="empty"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="empty"]) {display:none;}
.notes-list .note-list-item[data-status="captured"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="captured"]) {display:none;}
.notes-list .note-list-item[data-status="assigned"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="assigned"]) {display:none;}
.notes-list .note-list-item[data-is-done="true"] .note-data .status-condition:not([data-condition="done"]) {display:none}
.notes-list .note-list-item[data-is-done="true"] .note-data .status-condition[data-condition="done"] {display:block}
.notes-list .note-list-item.removed .note-data .status-condition:not([data-condition="removed"]) {display:none !important;}
.notes-list .note-list-item.removed .note-data .status-condition[data-condition="removed"] {display:block !important;}
.notes-list .note-list-item.removed .note-data .status-condition[data-condition="removed"].hidden {display: none !important;}
.notes-list .note-list-item .icon-container {width: 30px; position:relative; font-size: 17px; line-height: 20px; text-align: center; padding-top: .6rem; }
.notes-list .note-list-item .image-container {width: 80px; height: 80px; border: 1px solid #e5e6e7; background-color:#f9f9f8; position:relative; border-radius: .5rem; overflow: hidden;  }
.notes-list .note-list-item .image-container .img {width: 100%; height: 100%; background: transparent none no-repeat center center; background-size:cover; position:absolute; cursor: pointer;}
.notes-list .note-list-item .image-container .img img { object-fit: cover; width: 100%; height: 100%; }
.notes-list .note-list-item .image-container .icon-cam {position:absolute; line-height: 50px; font-size:30px; text-align: center; display:block; left: 50%;margin-left: -25px;top: 50%;margin-top: -25px; width: 50px; height: 50px; }
.notes-list .note-list-item .image-container .icon-empty {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #f8ac59; margin: -14px 0 0 6px;}
.notes-list .note-list-item .image-container .icon-captured {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #84BF78; margin: -14px 0 0 6px;}
.notes-list .note-list-item .image-container .icon-done {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #ed5565; margin: -14px 0 0 6px;}
.notes-list .note-list-item .image-container .icon-removed {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #888888; margin: -14px 0 0 6px;}

.notes-list .note-list-item .description-container .item-title { font-weight: 700; }
.notes-list .note-list-item .description-container .item-title.unclickable {cursor: auto;}
.notes-list .note-list-item .description-container .item-title.unclickable .fa-caret-down {display: none;}
.notes-list .note-list-item .description-container .item-title .fa-fw {font-size: .85rem;}
.notes-list .note-list-item .description-container .item-subtitle {font-size:12px; color:#84BF78; font-weight: 600;}
.notes-list .note-list-item[data-status="empty"] .note-data .description-container .item-title {color:#f6a707;}
.notes-list .note-list-item[data-status="empty"] .note-data .description-container .item-subtitle {color:#f6a707;}
.notes-list .note-list-item[data-status="pending"] .note-data .description-container .item-title {color:#f6a707;}
.notes-list .note-list-item[data-status="pending"] .note-data .description-container .item-subtitle {color:#f6a707;}
.notes-list .note-list-item[data-is-done="true"] .note-data .description-container .item-title {color:#ed5565;}
.notes-list .note-list-item[data-is-done="true"] .note-data .description-container .item-subtitle {color:#ed5565;}
.notes-list .note-list-item[data-status="pending"] .note-data .description-container .status-condition {font-weight: 400; font-style: italic;}
.notes-list .note-list-item.removed .note-data .description-container .item-title {color:#888888 !important;}
.notes-list .note-list-item.removed .note-data .description-container .item-subtitle {color:#888888 !important;}
.notes-list .note-list-item .description-container .status-condition {font-size:12px; font-weight:700;}
.notes-list .note-list-item[data-comment="false"] .note-data .if-item-comment {display:none; }
.notes-list .note-list-item[data-is-done="false"] .note-data .title-icon.fa-exclamation-circle {display:none; }
.notes-list .note-list-item[data-is-authorized="false"] .note-data .title-icon.fa-shield-check {display:none; }
.notes-list .note-list-item.removed .custom-checkbox,
.notes-list .note-list-item[data-status="captured"] .custom-checkbox,
.notes-list .note-list-item[data-status="assigned"] .custom-checkbox {display:none}
.notes-list .note-list-item.removed {opacity: 0.3; transition: opacity 300ms ease;}
.notes-list .note-list-item.removed:hover {opacity: 0.9;}
.notes-list .note-list-item:not(.removed) .note-data .title-icon.fa-trash {display:none;}
.notes-list .note-list-item.removed .note-data .button-delete {display:none;}
.notes-list .note-list-item .btn-group .btn {float:left;}
.notes-list .note-list-item .editing:not(.btn-group) {margin-top:-.35rem;}
.notes-list .note-list-item textarea.has-error {border-color: #dc3545;}
.notes-list .note-list-item textarea.has-error::placeholder {color: rgba(220, 53, 69, 0.7);}
.notes-list .note-list-item .button-capture.border-danger {z-index: 2;}
.notes-list .note-list-item textarea {min-height: 34px; overflow-y: hidden; height: 1px;}
.notes-list .note-list-item .heading-icon {display: none;}
.notes-list .note-list-item[data-status="assigned"][data-is-done="false"][data-heading=""]:not(.removed) .note-data .heading-icon {display: inline-block;}

.notes-list .note-list-item.note-list-subitem.details .additional-info { display: block !important; }
.notes-list .note-list-item.note-list-subitem .description-container {}
.notes-list .note-list-item.note-list-subitem.opened .note-data {background-color: #DDEDF7 !important; }
.notes-list .note-list-item.note-list-subitem.opened .item-title {opacity:1; }
.notes-list .note-list-item .location-strict-name {color: #84BF78; height: 30px; line-height: 30px;}
.notes-list .note-list-item .description-container .item-title .fa-caret-down {width: 1.25rem; text-align: center;}
.notes-list .note-list-item:not(.opened) .additional-info {display: none;}
.notes-list .note-list-item:not(.opened) .description-container .item-title .fa-caret-down {transform: rotate(90deg); }
.notes-list .note-list-item .description-container .item-title .fa-caret-down:hover { color: #007bFF; }
.notes-list .note-list-item.opened .additional-info {display:block; font-size: 15px;}
.notes-list .note-list-item.opened .additional-info .item-description { padding-bottom: 0.40rem; font-size: 0.85rem; }
.notes-list .note-list-item.opened .additional-info > :not(:empty):last-child {}
.notes-list .note-list-item.opened .description-container .item-title .fa-caret-down {transform: rotate(0deg);}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment {display: flex;cursor: pointer;color: #676a6c;margin: 0;  justify-content: space-between; align-items: center; padding: 0.25rem 0; border-top: 1px solid #c4d4df; }
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment .wi-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notes-list .note-list-item.opened .additional-info .note-attachments:empty {display: none;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment .wi-attachment-extension { font-weight: 700; background-color: rgba(0,0,0,.075); font-size: 0.75rem; display:inline-block; padding: 0.15rem 0.3rem; margin-left:0.2rem; border-radius: 4px; color: #888; text-transform: uppercase; }
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment .wi-attachment-icon {opacity: 0; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment .wi-remove-icon {opacity: 0; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment:hover {color: #007bff;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment:hover .wi-attachment-icon { opacity: 1;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment:hover .wi-attachment-icon:hover { color: #007bff;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment:hover .wi-remove-icon {opacity: 1;}
.notes-list .note-list-item.opened .additional-info .note-attachments .wi-attachment:hover .wi-remove-icon:hover {color: #ed5565; opacity: 1;}
.notes-list .note-list-item-subitems { margin: 0; }
.notes-list .note-list-item-subitems .note-list-item { border-top: 1px solid #e5e6e7 }
.notes-list .note-list-item-subitems .note-list-item .note-data { padding: 0.25rem 0 0.25rem 0.5rem; margin-left: -0.5rem;}
.notes-list .note-list-item.note-list-subitem:hover .note-data {background-color: rgba(0,0,0,.075);}
.notes-list .note-list-item.note-list-subitem .item-title {opacity: 0.8;}
.notes-list .note-list-item.note-list-subitem:hover .item-title {opacity: 1;}

.notes-list .note-list-item { position: relative; transition: padding-left 400ms ease; }
.notes-list .note-list-item.highlighted { position: relative; z-index: 1; background-color: #DDEDF7; }
.notes-list .note-list-item.highlighted > .row { border-color: #BBBBBB; box-shadow: inset 0 10px 10px -10px #1ab39444, inset 0 -10px 10px -10px #1ab39422; background-color: #DDEDF7; }
.notes-list .note-list-item.highlighted .description-container .item-title { font-weight: 700; }
.notes-list .note-list-item.highlighted .badge { background-color: #1ab394; color: #FFFFFF; }

.notes-list .tags {border: 1px solid transparent; height: 30px; line-height: 20px; border-radius: 4px;}
.notes-list .tags i {}
.notes-list .tags i:hover {color: #337ab7;}
.notes-list .tags i.fas {color: #aaaaaa;}
.notes-list .tags .tags-place {font-size: .9rem;}

.tags-list-parent { margin-top: 0px; height: 100%; }
.tags-list-parent .tags-list-header {margin: 0 0; background-color: #FFFFFF;padding: 0; position:relative; display: none;}
.tags-list-parent .tags-list-header > div:first-child {width: 115px;}
.tags-list { overflow-y: auto; padding: 0 15px; min-height: 136px; -ms-overflow-style: -ms-autohiding-scrollbar; position: relative; }

.tags-list .tag-list-item { flex: 0 0 100%; flex-shrink: 0; }
.tags-list .tag-list-item > .row { padding: .5rem 0; margin-top: -1px; }
.tags-list .tag-list-item { border-bottom: 1px solid #e5e6e7; }
.tags-list .tag-list-item:last-child {border-bottom: 0 none;}
.tags-list .tag-list-item:last-child > .row { border-bottom: 0 none; }
.tags-list .tag-list-item .custom-control-label::before { background-color:#FFFFFF; }
.tags-list .tag-list-item.active .row {background-color: #eeeeee;}
.tags-list .tag-list-item.active .description-container .item-title {font-weight: 700; cursor:}
.tags-list .tag-list-item[data-status="pending"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="pending"]) {display:none;}
.tags-list .tag-list-item[data-status="empty"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="empty"]) {display:none;}
.tags-list .tag-list-item[data-status="captured"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="captured"]) {display:none;}
.tags-list .tag-list-item[data-status="assigned"]:not([data-is-done="true"]) .note-data .status-condition:not([data-condition="assigned"]) {display:none;}
.tags-list .tag-list-item[data-is-done="true"] .note-data .status-condition:not([data-condition="done"]) {display:none}
.tags-list .tag-list-item[data-is-done="true"] .note-data .status-condition[data-condition="done"] {display:block}
.tags-list .tag-list-item.removed .note-data .status-condition:not([data-condition="removed"]) {display:none !important;}
.tags-list .tag-list-item.removed .note-data .status-condition[data-condition="removed"] {display:block !important;}
.tags-list .tag-list-item.removed .note-data .status-condition[data-condition="removed"].hidden {display: none !important;}
.tags-list .tag-list-item .icon-container {width: 30px; position:relative; font-size: 17px; line-height: 20px; text-align: center; padding-top: .6rem; }
.tags-list .tag-list-item .image-container {width: 120px; height: 120px; border: 1px solid #e5e6e7; background-color:#f9f9f8; position:relative; }
.tags-list .tag-list-item .image-container .img {width: 100%; height: 100%; background: transparent none no-repeat center center; background-size:cover; position:absolute; cursor: pointer;}
.tags-list .tag-list-item .image-container .img img {object-fit: cover;width: 100%;height: 100%;}
.tags-list .tag-list-item .description-container .item-title {font-size:16px; font-weight:400; cursor: pointer;}
.tags-list .tag-list-item .description-container .item-title.unclickable {cursor: auto;}
.tags-list .tag-list-item .description-container .item-title.unclickable .fa-caret-down {display: none;}
.tags-list .tag-list-item .description-container .item-title .fa-fw {font-size: .85rem;}
.tags-list .tag-list-item .description-container .item-subtitle {font-size:12px; color:#84BF78; font-weight: 600;}
.tags-list .tag-list-item[data-status="empty"] .note-data .description-container .item-title {color:#f6a707;}
.tags-list .tag-list-item[data-status="empty"] .note-data .description-container .item-subtitle {color:#f6a707;}
.tags-list .tag-list-item[data-status="pending"] .note-data .description-container .item-title {color:#f6a707;}
.tags-list .tag-list-item[data-status="pending"] .note-data .description-container .item-subtitle {color:#f6a707;}
.tags-list .tag-list-item[data-is-done="true"] .note-data .description-container .item-title {color:#ed5565;}
.tags-list .tag-list-item[data-is-done="true"] .note-data .description-container .item-subtitle {color:#ed5565;}
.tags-list .tag-list-item[data-status="pending"] .note-data .description-container .status-condition {font-weight: 400; font-style: italic;}
.tags-list .tag-list-item.removed .note-data .description-container .item-title {color:#888888 !important;}
.tags-list .tag-list-item.removed .note-data .description-container .item-subtitle {color:#888888 !important;}
.tags-list .tag-list-item .description-container .status-condition {font-size:12px; font-weight:700;}
.tags-list .tag-list-item[data-comment="false"] .note-data .if-item-comment {display:none; }
.tags-list .tag-list-item[data-is-done="false"] .note-data .title-icon.fa-exclamation-circle {display:none; }
.tags-list .tag-list-item[data-is-authorized="false"] .note-data .title-icon.fa-shield-check {display:none; }
.tags-list .tag-list-item.removed .custom-checkbox,
.tags-list .tag-list-item[data-status="captured"] .custom-checkbox,
.tags-list .tag-list-item[data-status="assigned"] .custom-checkbox {display:none}
.tags-list .tag-list-item.removed {opacity: 0.3; transition: opacity 300ms ease;}
.tags-list .tag-list-item.removed:hover {opacity: 0.9;}
.tags-list .tag-list-item:not(.removed) .note-data .title-icon.fa-trash {display:none;}
.tags-list .tag-list-item.removed .note-data .button-delete {display:none;}
.tags-list .tag-list-item .btn-group .btn {float:left;}
.tags-list .tag-list-item .editing:not(.btn-group) {margin-top:-.35rem;}
.tags-list .tag-list-item textarea.has-error {border-color: #dc3545;}
.tags-list .tag-list-item textarea.has-error::placeholder {color: rgba(220, 53, 69, 0.7);}
.tags-list .tag-list-item .button-capture.border-danger {z-index: 2;}
.tags-list .tag-list-item textarea {min-height: 34px; overflow-y: hidden; height: 1px;}
.tags-list .tag-list-item .heading-icon {display: none;}
.tags-list .tag-list-item[data-status="assigned"][data-is-done="false"][data-heading=""]:not(.removed) .note-data .heading-icon {display: inline-block;}
.tags-list .tag-list-item.tag-list-subitem .description-container {padding-top: .5rem;}
.tags-list .tag-list-item .location-strict-name {color: #84BF78; height: 30px; line-height: 30px;}
.tags-list .tag-list-item .description-container .item-title .fa-caret-down {width: 1.25rem; text-align: center;}
.tags-list .tag-list-item:not(.opened) .additional-info {display: none;}
.tags-list .tag-list-item:not(.opened) .description-container .item-title .fa-caret-down {transform: rotate(90deg); }
.tags-list .tag-list-item.opened .additional-info {display:block; font-size: 15px;}
.tags-list .tag-list-item.opened .additional-info > :not(:empty):last-child {padding-bottom: .5rem;}
.tags-list .tag-list-item.opened .description-container .item-title .fa-caret-down {transform: rotate(0deg);}
.tags-list .tag-list-item-subitems { margin-top: -.5rem; }

.tags-list .tag-list-item { position: relative; transition: padding-left 400ms ease; }
.tags-list .tag-list-item.highlighted { position: relative; z-index: 1; padding-left: 1rem; }
.tags-list .tag-list-item.highlighted > .row { background-color: #FAFAFA; border-color: #BBBBBB; box-shadow: inset 0 10px 10px -10px #1ab39444, inset 0 -10px 10px -10px #1ab39422; }
.tags-list .tag-list-item.highlighted .description-container .item-title { font-weight: 700; }
.tags-list .tag-list-item.highlighted .badge { background-color: #1ab394; color: #FFFFFF; }

.hotspot-list-item[data-status="assigned"]:not([data-krpano-status="processed"]) .button-view { opacity: 0.5; pointer-events: none; }
.hotspot-list-item[data-status="assigned"][data-krpano-status="processed"] .button-view .icon-krpano-process { display: none; }
.hotspot-list-item[data-status="assigned"]:not([data-krpano-status="processed"]) .button-view .icon-krpano-view { display: none; }

.hotspot-list-item .image-container .krpano-progress { height: 100%; position: relative; }
.hotspot-list-item .image-container .krpano-progress .krpano-progress-icon { position: absolute; left: 27px; bottom: 31px; font-size: 1.85rem; overflow:hidden; text-align: left; width: 24px; height: 35px; }
.hotspot-list-item .image-container .krpano-progress .krpano-progress-icon i { bottom: -6px; }
.hotspot-list-item .image-container .krpano-progress .krpano-progress-icon > div { position: absolute; bottom: 0; overflow: hidden; left: 0; width: 100%; }
.hotspot-list-item .image-container .krpano-progress .krpano-progress-percent-value { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font-size: 0.8rem; font-weight: 600; }
.hotspot-list-item:not(.hotspot-list-item-image)[data-status="assigned"]:not([data-krpano-status="processed"]) > .row .image-container img { display: none; }
.hotspot-list-item:not(.hotspot-list-item-image)[data-status="assigned"][data-krpano-status="processed"] > .row .image-container .krpano-progress { display: none; }
.hotspot-list-item-image[data-status="assigned"]:not([data-krpano-status="processed"]) .image-container img { display: none; }
.hotspot-list-item-image[data-status="assigned"][data-krpano-status="processed"] .image-container .krpano-progress { display: none; }

#sideRenderer.show-table-checker .positions-select-tools {display: flex; border-top: 1px solid #f3f3f4; box-shadow: -10px 0 10px #00000033; justify-content: end;}
#sideRenderer.show-table-checker .positions-notes-list { height: calc((100vh - (15px + 50px)) / 2 - 60px); bottom: 60px; }
#sideRenderer.show-table-checker .ibox[data-image-type] .positions-notes-list .notes-list,
#sideRenderer.show-table-checker .ibox[data-image-type] .positions-notes-list .hotspots-list { height: calc((100vh - (33px + 41px + 32px + 15px + 50px)) / 2 - 60px); }
#sideRenderer.show-table-checker .kr3d-display { z-index: 1; }
#sideRenderer.show-table-checker #positionsBtnSelectBtn {color: #007bff; border-color: #007bff; }
#sideRenderer:not(.show-table-checker) .position-table-checker { display: none !important; }
#sideRenderer .position-table-checker { width: 32px; padding: 0; display:flex; align-items: center; }
#sideRenderer.show-table-checker .table-checker {display: inline; position: relative; left: 2px; z-index: 1;}

#sideRenderer.show-table-checker .table-checker [data-checked-condition] {display: none; border: 1px solid #dee2e6; background-color: #FFFFFF; border-radius: 50%; width: 1.25rem; height: 1.25rem; }
#sideRenderer.show-table-checker .hotspot-list-item:not(.hotspot-list-item-image)[data-checked="false"] .table-checker-hotspot [data-checked-condition="false"] {display: inline-block;}
#sideRenderer.show-table-checker .hotspot-list-item:not(.hotspot-list-item-image)[data-checked="indeterminate"] .table-checker-hotspot [data-checked-condition="indeterminate"] {display: inline-block; color: #FFFFFF; background-color: #007bff; border-color: #007bff; text-align: center;}
#sideRenderer.show-table-checker .hotspot-list-item:not(.hotspot-list-item-image)[data-checked="indeterminate"] .table-checker-hotspot [data-checked-condition="indeterminate"] i {font-size: .65rem; position: relative; top: -5px; left: 0.5px;}
#sideRenderer.show-table-checker .hotspot-list-item:not(.hotspot-list-item-image)[data-checked="true"] .table-checker-hotspot [data-checked-condition="true"] {display: inline-block; color: #FFFFFF; background-color: #007bff; border-color: #007bff; text-align: center;}
#sideRenderer.show-table-checker .hotspot-list-item:not(.hotspot-list-item-image)[data-checked="true"] .table-checker-hotspot [data-checked-condition="true"] i {font-size: .65rem; position: relative; top: -5px;}
#sideRenderer.show-table-checker .global-table-checker { left: 10px; top: 15px; cursor:pointer; }
#sideRenderer.show-table-checker .global-table-checker[data-check-status="0"] [data-checked-condition="false"] { display: inline-block; }
#sideRenderer.show-table-checker .global-table-checker[data-check-status="1"] [data-checked-condition="true"] { display: inline-block; color: #FFFFFF; background-color: #007bff; border-color: #007bff; text-align: center; }
#sideRenderer.show-table-checker .global-table-checker[data-check-status="1"] [data-checked-condition="true"] i { font-size: .65rem;position: relative;top: -5px; }

#sideRenderer.show-table-checker .hotspot-list-item.hotspot-list-item-image[data-checked="false"] .table-checker-image [data-checked-condition="false"] {display: inline-block;}
#sideRenderer.show-table-checker .hotspot-list-item.hotspot-list-item-image[data-checked="true"] .table-checker-image [data-checked-condition="true"] {display: inline-block; color: #FFFFFF; background-color: #007bff; border-color: #007bff; text-align: center;}
#sideRenderer.show-table-checker .hotspot-list-item.hotspot-list-item-image[data-checked="true"] .table-checker-image [data-checked-condition="true"] i {font-size: .65rem; position: relative; top: -5px;}

#sideRenderer.show-table-checker li.table-checker-head { width:calc(32px + 0.25rem); }
#sideRenderer .global-table-checker { display: none; }

.hotspot-list-item.hotspot-list-item-image { padding-left: 4rem; }
.careter-icon { font-size: 1.25rem; color: #a1aab7; cursor: pointer; }
.careter-icon i { transition: transform 200ms ease; }
.careter-icon.careter-icon-disabled { cursor: default; opacity: 0.3; }
.careter-icon.careter-icon-disabled i { transform: none !important; }
.hotspot-list-item:not(.opened) .hotspot-list-item-image { display: none; }
.hotspot-list-item.opened .hotspot-list-item-image { display: block; }
.hotspot-list-item:not(.opened) .note-list-item { display: none; }
.hotspot-list-item.opened .note-list-item { display: block; padding: 0 0 0 5rem; }
.hotspot-list-item.opened .note-list-item > .note-data { padding: 0.35rem 1rem 0.4rem 0; }
.hotspot-list-item.opened .note-list-item .additional-info .item-description { padding-bottom: 0.40rem; font-size: 0.85rem; }
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment {display: flex;cursor: pointer;color: #676a6c;margin: 0;  justify-content: space-between; align-items: center; padding: 0.25rem 0; border-top: 1px solid #c4d4df; }
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment .wi-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments:empty {display: none;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment .wi-attachment-extension { font-weight: 700; background-color: rgba(0,0,0,.075); font-size: 0.75rem; display:inline-block; padding: 0.15rem 0.3rem; margin-left:0.2rem; border-radius: 4px; color: #888; text-transform: uppercase; }
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment .wi-attachment-icon {opacity: 0; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment .wi-remove-icon {opacity: 0; float: right; width: 20px; text-align: center; color: #ddd; cursor: pointer;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment:hover {color: #007bff;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment:hover .wi-attachment-icon { opacity: 1;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment:hover .wi-attachment-icon:hover { color: #007bff;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment:hover .wi-remove-icon {opacity: 1;}
.hotspot-list-item.opened .note-list-item .additional-info .note-attachments .wi-attachment:hover .wi-remove-icon:hover {color: #ed5565; opacity: 1;}

.hotspot-list-item.opened .careter-icon i { transform: rotate(90deg);}
.hotspot-list-item .btn .fa-eye-slash { color: #ed5565; }

.hotspot-list-item[data-is-released="true"] .is-hotspot-released-button .fa-eye-slash { display: none; }
.hotspot-list-item[data-is-released="false"] .is-hotspot-released-button .fa-eye { display: none; }
.hotspot-list-item.hotspot-list-item-image[data-is-released="true"] .is-released-button .fa-eye-slash { display: none; }
.hotspot-list-item.hotspot-list-item-image[data-is-released="false"] .is-released-button .fa-eye { display: none; }
.positions-notes-list [class*="cog-hidden-"] { display: none !important; }

.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image):not([data-status="assigned"]) > .hotspot-data .image-container .status-condition[data-condition-not="assigned"] { display:block; }
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="empty"] > .hotspot-data .image-container [data-condition]:not([data-condition="empty"]) { display: none; }
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="done"] > .hotspot-data .image-container [data-condition]:not([data-condition="done"]) { display: none; }
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="removed"] > .hotspot-data .image-container [data-condition]:not([data-condition="removed"]) { display: none; }
.hotspots-list .hotspot-list-item:not(.hotspot-list-item-image)[data-status="assigned"] > .hotspot-data .image-container .status-condition[data-condition-not="assigned"] { display:none; }

.note-list-item.note-list-item-simple { margin: 0 -15px; padding: 0 15px;}
.note-list-item.note-list-item-simple:not(.opened) .note-list-item-subdata { display: none; }
.note-list-item.note-list-item-simple.opened .note-list-item-subdata { display: block; }
.note-list-item.note-list-item-simple.opened .careter-icon i { transform: rotate(90deg);}
.note-list-item-subdata { padding-left:4rem;}
.note-list-item .careter-icon { margin-top: 2px; }
.notes-list .note-list-item.opened .additional-info .item-description:empty { display: none; }
.note-list-item.note-list-item-simple:hover > .note-data { background-color: rgba(0,0,0,.075); }

.notes-list .note-list-item-hotspot > .row { padding: 0.5rem 0; border-top: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; }
.notes-list .note-list-item-hotspot + .note-list-item-hotspot { margin-top: -1px; }
.notes-list .note-list-item-hotspot + .note-list-item-hotspot > .row {  }
.notes-list .note-list-item-hotspot:last-child > .row { border-bottom: 0 none;}
.notes-list .note-list-item-hotspot .description-container { font-size: 0.9rem;}
.notes-list .note-list-item-hotspot .description-container .item-title {font-weight:700; display: inline-block; }
.notes-list .note-list-item-hotspot .description-container .item-subtitle { font-weight: 400; display: inline-block; }
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-status="empty"] > .hotspot-data .description-container .item-title {color:#f6a707;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-status="empty"] > .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-status="empty"][data-pc-status="assigned"] > .hotspot-data .description-container .item-subtitle {color:#84BF78;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-status="pending"] > .hotspot-data .description-container .item-title {color:#f6a707;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-status="pending"] > .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-is-done="true"] > .hotspot-data .description-container .item-title {color:#ed5565;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-is-done="true"] > .hotspot-data .description-container .item-subtitle {color:#ed5565;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image)[data-status="pending"] > .hotspot-data .description-container .status-condition {font-weight: 400; font-style: italic;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image).removed > .hotspot-data .description-container .item-title {color:#888888 !important;}
.notes-list .note-list-item-hotspot:not(.note-list-item-hotspot-image).removed > .hotspot-data .description-container .item-subtitle {color:#888888 !important;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-status="empty"] .hotspot-data .description-container .item-title {color:#f6a707;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-status="empty"] .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-status="empty"][data-pc-status="assigned"] .hotspot-data .description-container .item-subtitle {color:#84BF78;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-status="pending"] .hotspot-data .description-container .item-title {color:#f6a707;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-status="pending"] .hotspot-data .description-container .item-subtitle {color:#f6a707;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-is-done="true"] .hotspot-data .description-container .item-title {color:#ed5565;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-is-done="true"] .hotspot-data .description-container .item-subtitle {color:#ed5565;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image[data-status="pending"] .hotspot-data .description-container .status-condition {font-weight: 400; font-style: italic;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image.removed .hotspot-data .description-container .item-title {color:#888888 !important;}
.notes-list .note-list-item-hotspot.note-list-item-hotspot-image.removed .hotspot-data .description-container .item-subtitle {color:#888888 !important;}
.notes-list .note-list-item-hotspot .description-container .status-condition {font-size:15px; font-weight:700; margin-top: 2px;}
.notes-list .note-list-item-hotspot[data-is-done="false"] .hotspot-data .if-item-comment {display:none; }
.notes-list .note-list-item-hotspot[data-permanent-comment="false"] .hotspot-data .if-item-permanent-comment {display:none; }
.notes-list .note-list-item-hotspot[data-is-done="false"] .hotspot-data .title-icon.fa-exclamation-circle {display:none; }
.notes-list .note-list-item-hotspot[data-is-authorized="false"] .hotspot-data .title-icon.fa-shield-check {display:none; }
.notes-list .note-list-item-hotspot.removed .custom-checkbox,
.notes-list .note-list-item-hotspot[data-status="captured"] .custom-checkbox,
.notes-list .note-list-item-hotspot[data-status="assigned"] .custom-checkbox {display:none}
.notes-list .note-list-item-hotspot.removed {opacity: 0.3; transition: opacity 300ms ease;}
.notes-list .note-list-item-hotspot.removed:hover {opacity: 0.9;}
.notes-list .note-list-item-hotspot:not(.removed) .hotspot-data .title-icon.fa-trash {display:none;}
.notes-list .note-list-item-hotspot.removed .hotspot-data .button-delete {display:none;}
.notes-list .note-list-item-hotspot .btn-group .btn {float:left;}
.notes-list .note-list-item-hotspot .editing:not(.btn-group) {margin-top:0;}
.notes-list .note-list-item-hotspot textarea.has-error {border-color: #dc3545;}
.notes-list .note-list-item-hotspot textarea.has-error::placeholder {color: rgba(220, 53, 69, 0.7);}
.notes-list .note-list-item-hotspot .button-capture.border-danger {z-index: 2;}
.notes-list .note-list-item-hotspot textarea {min-height: 40px; overflow-y: hidden; height: 1px;}
.notes-list .note-list-item-hotspot .heading-icon {display: none; font-size: 20px; position: relative; top: 3px; right: 3px;}
.notes-list .note-list-item-hotspot[data-status="assigned"][data-is-done="false"][data-heading=""]:not(.removed) .hotspot-data .heading-icon {display: inline-block;}
.notes-list .note-list-item-hotspot[data-status="assigned"]:not([data-krpano-status="processed"]) .button-view { opacity: 0.5; pointer-events: none; }
.notes-list .note-list-item-hotspot[data-status="assigned"][data-krpano-status="processed"] .button-view .icon-krpano-process { display: none; }
.notes-list .note-list-item-hotspot[data-status="assigned"]:not([data-krpano-status="processed"]) .button-view .icon-krpano-view { display: none; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress { height: 100%; position: relative; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-icon { position: absolute; left: 27px; bottom: 31px; font-size: 1.85rem; overflow:hidden; text-align: left; width: 24px; height: 35px; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-icon i { bottom: -6px; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-icon > div { position: absolute; bottom: 0; overflow: hidden; left: 0; width: 100%; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-percent-value { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font-size: 0.8rem; font-weight: 600; }
.notes-list .note-list-item-hotspot .image-container .icon-empty {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #f8ac59; margin: -14px 0 0 6px;}
.notes-list .note-list-item-hotspot .image-container .icon-captured {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #84BF78; margin: -14px 0 0 6px;}
.notes-list .note-list-item-hotspot .image-container .icon-done {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #ed5565; margin: -14px 0 0 6px;}
.notes-list .note-list-item-hotspot .image-container .icon-removed {position: absolute;left: 50%;top: 50%;line-height: 10px;font-size: 14px;color: #888888; margin: -14px 0 0 6px;}
.notes-list .note-list-item-hotspot:not([data-status="assigned"]) > .hotspot-data .image-container .status-condition[data-condition-not="assigned"] { display:block; }
.notes-list .note-list-item-hotspot[data-status="empty"] > .hotspot-data .image-container [data-condition]:not([data-condition="empty"]) { display: none; }
.notes-list .note-list-item-hotspot[data-status="done"] > .hotspot-data .image-container [data-condition]:not([data-condition="done"]) { display: none; }
.notes-list .note-list-item-hotspot[data-status="removed"] > .hotspot-data .image-container [data-condition]:not([data-condition="removed"]) { display: none; }
.notes-list .note-list-item-hotspot[data-status="assigned"] > .hotspot-data .image-container .status-condition[data-condition-not="assigned"] { display:none; }
.notes-list .note-list-item-hotspot[data-status="assigned"]:not([data-krpano-status="processed"]) .button-view { opacity: 0.5; pointer-events: none; }
.notes-list .note-list-item-hotspot[data-status="assigned"][data-krpano-status="processed"] .button-view .icon-krpano-process { display: none; }
.notes-list .note-list-item-hotspot[data-status="assigned"]:not([data-krpano-status="processed"]) .button-view .icon-krpano-view { display: none; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress { height: 100%; position: relative; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-icon { position: absolute; left: 27px; bottom: 31px; font-size: 1.85rem; overflow:hidden; text-align: left; width: 24px; height: 35px; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-icon i { bottom: -6px; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-icon > div { position: absolute; bottom: 0; overflow: hidden; left: 0; width: 100%; }
.notes-list .note-list-item-hotspot .image-container .krpano-progress .krpano-progress-percent-value { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font-size: 0.8rem; font-weight: 600; }
.notes-list .note-list-item-hotspot[data-status="assigned"]:not([data-krpano-status="processed"]) > .row .image-container img { display: none; }
.notes-list .note-list-item-hotspot[data-status="assigned"][data-krpano-status="processed"] > .row .image-container .krpano-progress { display: none; }
.popover-body { color:#676a6c; }
.pr-info { margin-top: 1rem; font-size: 0.9rem; }
.pr-info-line { margin-bottom: 0; }
.pr-info-line + .pr-info-line { margin-top: -1px; }
.pr-info-line.has-error { color: #dc3545; position:relative; z-index: 1; }
.pr-info-line.has-error input, .pr-info-line.has-error select, .pr-info-line.has-error textarea { border-color: #dc3545; }
.pr-info-label { padding-right: 0; }
.note-list-item.note-list-subitem[data-saved="false"] .pr-info-label { margin-top: 0.2rem;}
.pr-info-value { font-weight:700; padding-left: 0; }
.form-control-micro { width: 100%; border: 1px solid #e5e6e7; padding: 1px 5px; transition: border-color .3s ease; position: relative; height: 27px; }
.form-control-micro:focus, .form-control-micro:active { border-color: #007bff; outline: 0 none; z-index: 1;  }
select.form-control-micro { appearance: none; -ms-progress-appearance: unset; -webkit-appearance: none; -moz-appearance: none; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 4px center; background-size: 16px 12px; }
.custom-control-micro { font-size: 0.8rem; }
.custom-control-micro label { font-size: 0.8rem; }
.custom-control-micro label::before { width: 0.9rem; height: 0.9rem; top: 0.1rem; left: -1.25rem; }
.custom-control-micro label::after { width: 0.9rem; height: 0.9rem; top: 0.1rem; left: -1.25rem; }
.pr-info-line:first-child .pr-info-value .form-control-micro { border-radius: 5px 5px 0 0; }
.pr-info-line:last-child .pr-info-value .form-control-micro { border-radius: 0 0 5px 5px; }
.form-control-micro-round { border-radius: 5px !important; }
.notes-list.remarks-list .sig-data .scontents .custom-control label { font-size: 0.9rem; }
.attachments-field { position: relative; height: calc(100% - 16px); margin-top: 16px; min-height: 180px; padding: 4px 8px; }
.attachments-field-files { overflow: hidden; }
.attachments-field-files .file-entry { text-overflow: ellipsis; overflow: hidden; font-size: 0.9rem; display: block; white-space: nowrap; }
.attachments-field-files .file-entry.file-entry-new::before { content: "\f055"; font-family: "Font Awesome 6 Pro"; display: inline; margin-right: 4px; color: #18a689; font-weight: 700; }
.attachments-field .attachments-field-button { position: absolute; right: 0.1rem; bottom: 0.1rem; font-size: 0.9rem; }
.attachments-field .camera-field-button { position: absolute; right: 1.6rem; bottom: 0.1rem; font-size: 1.1rem; }
.attachments-field .link-field-button { position: absolute; right: 3.3rem; bottom: 0.1rem; font-size: 1.1rem; }
.attachments-field .file-entry-remove { font-size: 0.85rem;width: 0;height: 15px;float: right;margin-top: 5px; transition: width 300ms ease; overflow: hidden; opacity: 0.5; cursor: pointer; color: #676a6c;  }
.attachments-field .file-entry:hover .file-entry-remove { width: 20px; }
.attachments-field .file-entry:hover .file-entry-remove:hover { color: #dc3545; opacity: 1; }
.attachments-field .file-entry-removed { text-decoration: line-through; color: #dc3545; }
.attachments-field .file-entry-removed .file-entry-remove { width: 20px; opacity: 1; color: #dc3545; }
.remarks-list .sig-title2 { font-style: italic; font-size: 0.75rem; font-weight: 400; text-align: center; position: absolute; left: 0; right: 0; top: 2px; text-align: center; }
.remarks-list .sig-timestamp { font-size: 0.75rem; font-weight: 400; text-align: center; position: absolute; left: 0; right: 0; bottom: 3px; line-height:14px; }
.remarks-list .sig-drawing { display: flex; aspect-ratio: unset; align-items: center; justify-content: center; height: 100%; }
.remarks-list .sig-drawing:not(.sig-drawing-disabled) { border: 2px solid #007bff; }
.remarks-list .sig-drawing.sig-drawing-empty { border: 2px solid #FFFFFF; }
.remarks-list .sig-drawing.sig-drawing-empty:hover { border: 2px solid #007bff; }
[data-fat-role="customer"] .remarks-list .sig-drawing.sig-drawing-empty:hover { border-color: #FFFFFF; }
.remarks-list .fld-signature { border: 0 none; margin-bottom:0;  }
.remarks-list .sig-col { margin-top:16px;}
.modal.custom-dialog.show { overflow-x: hidden;overflow-y: auto; }
.form-control.form-control-position-comment { font-size: 0.85rem; padding: 3px 8px; }
.note-list-item.note-list-subitem.details.remark-highlight { }
.note-list-item.note-list-subitem.details.remark-highlight .item-title { }
.note-list-item.note-list-subitem.details.remark-highlight .form-control-micro { background-color: #FFFFFF; }
.notes-list.remarks-list .note-list-item textarea { min-height: 180px; height: 100%; background-color: #FFFFFF; }

#cameraWindow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20000; background-color: #FFFFFF; }
#cameraWindow #cameraLoader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
#cameraWindow #cameraVideo { width: 100%; height: 100% !important; position: fixed; }
#cameraWindow #cameraPhoto { position: absolute; right: 1rem; bottom: 1rem; width: 20%; opacity: 0; transition: all 0.3s ease; cursor: pointer; }
#cameraWindow #cameraPhoto.show { opacity: 1; }
#cameraWindow #cameraPhoto.full { right: 0; bottom: 0; width: 100%; height: 100%; object-fit: contain; background-color: #FFFFFF; cursor: default; }
#cameraWindow #cameraCanvas { display: none; }
#cameraWindow #cameraCapture { position: absolute; right: 1rem; bottom: calc(50% + 5px); height: 60px; width: 60px; font-size: 1.5rem; border-radius: 50%; }
#cameraWindow #cameraSwitch { position: absolute; right: calc(1rem + 10px); top: calc(50% + 5px); border-radius: 50%; }
#cameraWindow #cameraClose { position: absolute; right: 1rem; top: 1rem;}
#cameraWindow .camera-outline { position: absolute; right: 1rem; bottom: 1rem; padding: 8px; border: 1px solid #eeeeee; border-radius: 5px; display: none; background-color: #FFFFFF; }
#cameraWindow #cameraPhoto.full + .camera-outline { display: block; }



.opacity-0 { opacity: 0 !important; }

#sideRenderer > .ibox[data-id="9573"] .krpano .panorama-hotspot[data-status="assigned"][data-origin=""] .hotspot-icon { background-color: rgba(132, 191, 120, 0.8); }
#sideRenderer > .ibox[data-id="9573"] .krpano .panorama-hotspot[data-status="assigned"][data-origin="cadmatic"] .hotspot-icon { background-color: rgba(195, 101, 42, 0.8); }
#sideRenderer > .ibox[data-id="9569"] .krpano .panorama-hotspot[data-status="assigned"][data-origin=""] .hotspot-icon { background-color: rgba(132, 191, 120, 0.8); }
#sideRenderer > .ibox[data-id="9569"] .krpano .panorama-hotspot[data-status="assigned"][data-origin="cadmatic"] .hotspot-icon { background-color: rgba(195, 101, 42, 0.8); }
#sideRenderer > .ibox[data-id="9481"] .krpano .panorama-hotspot[data-status="assigned"][data-origin=""] .hotspot-icon { background-color: rgba(132, 191, 120, 0.8); }
#sideRenderer > .ibox[data-id="9481"] .krpano .panorama-hotspot[data-status="assigned"][data-origin="cadmatic"] .hotspot-icon { background-color: rgba(195, 101, 42, 0.8); }
#sideRenderer > .ibox[data-id="9479"] .krpano .panorama-hotspot[data-status="assigned"][data-origin=""] .hotspot-icon { background-color: rgba(132, 191, 120, 0.8); }
#sideRenderer > .ibox[data-id="9479"] .krpano .panorama-hotspot[data-status="assigned"][data-origin="cadmatic"] .hotspot-icon { background-color: rgba(195, 101, 42, 0.8); }

.table-dropdown-tools { z-index: 10000; }

#sideRenderer.deck-fullscreen #rootFilterDropdown { position: fixed; left: 30px; bottom: 30px; z-index: 10000; }
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description p[style^="margin-left: 354in"] { margin-left: 0 !important; }
.text-black { color: #000000; }
.workitem-hotspot-extended .content a { display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
span.twitter-typeahead .tt-menu { font-size: 1rem; }
.fld-signature-name span.twitter-typeahead .tt-menu { width: 100%; }
.notes-list.remarks-list .note-list-item.note-list-subitem .item-title { position: relative; z-index: 1; }

.notes-list .note-list-item .item-title .remark-link { opacity: 0; transition: all 0.4s ease; cursor: pointer; margin-left: 0.25rem; }
.notes-list .note-list-item:hover .item-title .remark-link { opacity: 0.5; }
.notes-list .note-list-item:hover .item-title .remark-link:hover { opacity: 1; }
.notes-list .note-list-item .item-title .remark-link.text-success { opacity: 1; text-shadow: 0 0 0.5rem #1ab394; }
.notes-list .note-list-item .item-title .remark-link.text-danger { opacity: 1; text-shadow: 0 0 0.5rem #ed5565; }

.notes-list.remarks-list .note-list-item .remark-draft { position: relative; }
.notes-list.remarks-list { overflow: visible; }

.notes-list tr td { vertical-align: top !important; padding: 5px 10px !important; }
.notes-list table tr td[data-col="titleDescription"] { padding-left: 0 !important; }
.notes-list .sig-title { font-style: italic; font-size: 0.75rem; font-weight: 400; text-align: center; }
.notes-list .sig-timestamp { font-size: 0.75rem; font-weight: 700; text-align: center; }
.notes-list .sig-timestamp .sig-name { color: #007bff; }
.notes-list .sig-drawing { width: 100px; margin: 0 auto; }
.notes-list .sig-remarks { width: 100px; height: 66px; margin: 0 auto; }
.notes-list .sig-participation { width: 100px; height: 66px; margin: 0 auto; }
.remarks-list .sig-title2 { position: static; }
.remarks-list .sig-timestamp { position: static; }
.remarks-list .sig-drawing { height: auto; aspect-ratio: 3/2; display: block; width: 100px; margin: 0 auto; }
.remarks-list .pr-info { margin-top: 0.25rem; }
.notes-list.remarks-list td { padding-top: 10px !important; padding-bottom: 10px !important;}
.notes-list.remarks-list .note-list-item textarea { min-height: 102px; margin-top:28px; }
.notes-list.remarks-list .attachments-field { min-height: 102px; height: auto; margin-top:28px; }
.notes-list.remarks-list [data-saved="false"] .attachments-field { min-height: 131px;  }
.notes-list.remarks-list [data-saved="false"] textarea { min-height: 131px;  }
.notes-list.remarks-list td[data-col="titleData"] { padding-left: 0 !important; }
.remarks-list td[data-col="titleData"] { min-width: 250px; }
.remarks-list td[data-col="description"] { min-width: 250px; }
.remarks-list td[data-col="attachments"] { min-width: 200px; }
.remarks-list td[data-col="signatureAbeking"] { width: 1px; white-space: nowrap; }
.remarks-list td[data-col="signatureCIC"] { width: 1px; white-space: nowrap; }
.remarks-list td[data-col="signatureOwner"] { width: 1px; white-space: nowrap; }
.remarks-list td[data-col="signatureUAN"] { width: 1px; white-space: nowrap; }
.remarks-list .item-title { font-size: 0.9rem; }
.notes-list td[data-col="participation"] { width: 1px; white-space: nowrap; }
.notes-list td[data-col="remarks"] { width: 1px; white-space: nowrap; }
.notes-list td[data-col="signatureAbeking"] { width: 1px; white-space: nowrap; }
.notes-list td[data-col="signatureCIC"]     { width: 1px; white-space: nowrap; }
.notes-list td[data-col="signatureOwner"]   { width: 1px; white-space: nowrap; }
.notes-list td[data-col="signatureUAN"]   { width: 1px; white-space: nowrap; }
.remarks-list td[data-col="signatureAbeking"] { padding-top: 18px !important; }
.remarks-list td[data-col="signatureCIC"]     { padding-top: 18px !important; }
.remarks-list td[data-col="signatureOwner"]   { padding-top: 18px !important; }
.remarks-list td[data-col="signatureUAN"]   { padding-top: 18px !important; padding-left: 30px !important; position: relative; }
.remarks-list td[data-col="signatureUAN"]::before { content: " "; position: absolute; left: 10px; top: 20px; height: 125px; width: 1px; background-color: #e5e6e7; }
.note-list-item.note-list-subitem.details.remark-highlight { background-color: #DDEDF7; }

.btn-default.active-danger, .btn-default.active-danger:hover, .btn-default.active-danger:focus { color: #dc3545; border-color: #dc3545; background-color: #FFFFFF; }
td:not(.eventually-signed) .reopener { display: none; }
.sig-drawing-na { opacity: 1; color: #d1d2d3; }
.notes-list.remarks-list .note-list-item:not([data-saved="true"]) .sig-drawing { pointer-events: auto; }
.remarks-field { text-align: center; }
.notes-list .sig-timestamp { line-height: 0.85rem; }
.sig-remarks .remark-last-date { line-height: 0.85rem;}
.ibox[data-map-type="signature"] .notes-list .note-list-item.note-list-subitem .item-description table { min-width: unset; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .table-checker { left: -13px; top: 2px; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .position-table-checker { border-top: 0 none; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .positions-notes-list .notes-list { height: 100%; }

/* MPL */

.ibox[data-file="view-file-mpl"] .ibox-title { padding-top: 21px; }
#mplLoader { background-color: #FFFFFF; position: absolute;left: -1px;right: 13px;overflow: auto;top: 70px;bottom: 0; scroll-behavior: auto; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
body.wide-view #mplLoader  { left: calc(-100% + 13px); }
#mplLoader.loaded { border: 1px solid #EBEBEB; }
#mplLoader table { table-layout: fixed; border: 0 none; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); margin-left: -1px; }
#mplLoader table col.collapsed { visibility: collapse; }
#mplLoader table thead { position: sticky; top: 0; z-index: 1;  }
#mplLoader table th, #mplLoader table td { font-size: 0.8rem; padding: 2px 8px 2px 4px; height: auto; border-left: 0 none; }
#mplLoader table thead th { font-weight: 700; color: #444444; white-space: nowrap; border-bottom: 0 none; position: relative; background-color: #F5F5F6; }
#mplLoader table tbody th { font-weight: 400; }
#mplLoader table thead:after { content: " "; width: 100%; height: 1px; background-color: #EBEBEB; display: block; position: absolute; left: 0; right: 0; }
#mplLoader table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#mplLoader table tbody tr { cursor: pointer; }
#mplLoader table tbody tr:hover > * { background-color: rgba(0, 123, 255, 0.1); }
.generic-loader { font-size: 2rem; color: #007bff; text-align: center; padding: 1rem 0; }
#mplLoader.loading .generic-loader { padding: 0; position: absolute; width: 3rem; height: 3rem; left: calc(50% - 1.5rem); top: calc(50% - 1.5rem); }
#mplLoader .sig-drawing { aspect-ratio: unset; border-color:#007bff; height: 30px; }
#mplLoader .sig-drawing.sig-drawing-empty { background-color:#e5f2ff; border-color:#e5f2ff; }
#mplLoader .sig-drawing.sig-drawing-empty:hover { border-color:#007bff; }
#mplLoader .fld-signature { aspect-ratio: unset; margin: 0; border: 0 none; height: 30px; }
#mplLoader .table-dropdown-tools-trigger { position: absolute; right: 4px; top: 10px; }
#mplLoader tbody tr[class*="cog-hidden-"] { display: none !important; }
#mplLoader tbody tr.removed > * { background-color: rgba(220, 53, 69, 0.1); color: rgb(177, 43, 56); text-decoration: line-through; }
#mplLoader tbody tr.removed:hover > * { background-color: rgba(220, 53, 69, 0.2); }
#mplLoader tbody tr.removed .sig-drawing { pointer-events: none; border-color: transparent; color: transparent; }

.ibox[data-file="view-file-mpl"] .multiaction { position: absolute; top: 15px; left: 20px; }
.ibox[data-file="view-file-mpl"] .multiaction .dropdown-item { min-width: 200px; max-width: 300px;}
#sideRenderer:not(.show-table-checker) #mplLoader [data-check-col] { display: none; visibility: collapse; }
#sideRenderer:not(.show-table-checker) .ibox[data-file="view-file-mpl"] .multiaction { display: none; }
#sideRenderer.show-table-checker .ibox[data-file="view-file-mpl"] .ibox-title h5 { visibility: hidden; pointer-events: none; }
#mplLoader [data-check-col] { padding: 2px 4px; text-align: center; vertical-align: middle; }
#mplLoader [data-check-col] span::before { font-family: "Font Awesome 6 Pro"; content: "\f0c8"; font-weight:400; cursor: pointer; }
#mplLoader tr[data-checked="true"] [data-check-col] span::before { content: "\f14a"; font-weight: 700; color: #007bff; }
#mplLoader thead th[data-check-col] span.checked::before { content: "\f14a"; font-weight: 700; color: #444444; }
#mplLoader tr.removed [data-check-col] span { display: none; }
#mplLoader tr[data-checked="true"] > * { background-color: rgba(0, 123, 255, 0.2); }

fieldset.form-vertical .form-group { position: relative; }
fieldset.form-vertical .form-group label { position: absolute;font-size: 0.8rem;top: -9px; left: 12px;background-color: #FFFFFF;padding: 0 3px; font-weight: normal; cursor: pointer; }
fieldset.form-vertical .form-group :focus + label { color: #007bff; }
fieldset.form-vertical hr { margin: 0.25rem 0 1.5rem 0; }

fieldset.form-vertical .row { margin-left: -0.25rem; margin-right: -0.25rem; }
fieldset.form-vertical .col, fieldset.form-vertical .col-1, fieldset.form-vertical .col-10, fieldset.form-vertical .col-11, fieldset.form-vertical .col-12, fieldset.form-vertical .col-2, fieldset.form-vertical .col-3, fieldset.form-vertical .col-4, fieldset.form-vertical .col-5, fieldset.form-vertical .col-6, fieldset.form-vertical .col-7, fieldset.form-vertical .col-8, fieldset.form-vertical .col-9, fieldset.form-vertical .col-auto, fieldset.form-vertical .col-lg, fieldset.form-vertical .col-lg-1, fieldset.form-vertical .col-lg-10, fieldset.form-vertical .col-lg-11, fieldset.form-vertical .col-lg-12, fieldset.form-vertical .col-lg-2, fieldset.form-vertical .col-lg-3, fieldset.form-vertical .col-lg-4, fieldset.form-vertical .col-lg-5, fieldset.form-vertical .col-lg-6, fieldset.form-vertical .col-lg-7, fieldset.form-vertical .col-lg-8, fieldset.form-vertical .col-lg-9, fieldset.form-vertical .col-lg-auto, fieldset.form-vertical .col-md, fieldset.form-vertical .col-md-1, fieldset.form-vertical .col-md-10, fieldset.form-vertical .col-md-11, fieldset.form-vertical .col-md-12, fieldset.form-vertical .col-md-2, fieldset.form-vertical .col-md-3, fieldset.form-vertical .col-md-4, fieldset.form-vertical .col-md-5, fieldset.form-vertical .col-md-6, fieldset.form-vertical .col-md-7, fieldset.form-vertical .col-md-8, fieldset.form-vertical .col-md-9, fieldset.form-vertical .col-md-auto, fieldset.form-vertical .col-sm, fieldset.form-vertical .col-sm-1, fieldset.form-vertical .col-sm-10, fieldset.form-vertical .col-sm-11, fieldset.form-vertical .col-sm-12, fieldset.form-vertical .col-sm-2, fieldset.form-vertical .col-sm-3, fieldset.form-vertical .col-sm-4, fieldset.form-vertical .col-sm-5, fieldset.form-vertical .col-sm-6, fieldset.form-vertical .col-sm-7, fieldset.form-vertical .col-sm-8, fieldset.form-vertical .col-sm-9, fieldset.form-vertical .col-sm-auto, fieldset.form-vertical .col-xl, fieldset.form-vertical .col-xl-1, fieldset.form-vertical .col-xl-10, fieldset.form-vertical .col-xl-11, fieldset.form-vertical .col-xl-12, fieldset.form-vertical .col-xl-2, fieldset.form-vertical .col-xl-3, fieldset.form-vertical .col-xl-4, fieldset.form-vertical .col-xl-5, fieldset.form-vertical .col-xl-6, fieldset.form-vertical .col-xl-7, fieldset.form-vertical .col-xl-8, fieldset.form-vertical .col-xl-9, fieldset.form-vertical .col-xl-auto { padding-left: 0.25rem; padding-right: 0.25rem; }
.mpl-form .custom-control label { font-size: 0.9rem; }

.mpl-form .sig { border: 1px solid #e5e6e7; border-radius: 5px; }
.mpl-form .sig-title { font-size: 0.8rem; font-weight: 400; text-align: center; left: 0; right: 0;   }
.mpl-form .sig-timestamp { font-size: 0.75rem; font-weight: 400; text-align: center; left: 0; right: 0; bottom: 3px; line-height:14px; }
.mpl-form .sig-drawing { aspect-ratio: 3/2; align-items: center; justify-content: center; width: 100%; }
.mpl-form .sig-drawing.sig-drawing-empty { border: 2px solid #FFFFFF; }
.mpl-form .sig-drawing.sig-drawing-empty:hover { border: 2px solid #007bff; }
.mpl-form .sig-drawing.sig-drawing-disabled { pointer-events: none; background-color: #EEEEEE; }
.mpl-form .revisions-list { max-height: 225px; overflow: auto; margin-top: 0.75rem; }
.mpl-form .revision { font-size: 0.9rem; border: 1px solid #e5e6e7; border-radius: 5px; }
.mpl-form .revision:hover { border-color: #007bff; }
.mpl-form .revision + .revision { margin-top: 0.25rem;}
.mpl-form .revision .revision-title { padding: 0.25rem 0.75rem; border-bottom: 1px solid #e5e6e7; }
.mpl-form .revision .revision-data { font-size: 0.8rem; padding: 0.5rem 0.75rem 0; }
.mpl-form .revision-item { margin-bottom: 0.5rem;}
.mpl-form .revision-item kbd { border: 1px solid #e5e6e7; color: #6c757d; background-color:#FFFFFF; font-size: 0.8rem; font-family: "Open Sans", sans-serif; padding: .1rem .2rem; font-weight: bold; }
.mpl-form .revision-item .prev-value { color: #6c757d; }
.mpl-form .revision-item .new-value { font-weight: 700; }
.mpl-form .revision:hover .prev-value { color: #ed5565; }
.mpl-form .revision:hover .new-value { color:#007bff; }
.mpl-form .revision:hover kbd { border-color: #6c757d; }
.mpl-form .feedback-popover { font-size: 0.8rem;line-height: 1rem;position: absolute;z-index: 2;white-space: nowrap;background-color: #ed5565;color: #FFFFFF;padding: 0 3px;top: -8px;border-radius: 4px;left: 12px;}
.modal-footer .mpl-remove { margin-right: auto; }
.mpl-form [data-sig-div].disabled { opacity: 0.5; pointer-events: none; filter: grayscale(1); cursor: not-allowed; }
.mpl-form input[type="text"][disabled], .mpl-form input[type="number"][disabled], .mpl-form select[disabled], .mpl-form textarea[disabled] { background-color: #FFFFFF; }
input[disabled] { cursor: default; }
input[disabled] + label { cursor: default; }

.mpl-table-dropdown-tools .dropdown-scrollable.dropdown-scrollable-outlined .dropdown-item span:empty:before { content: 'kein Wert'}
.mpl-table-dropdown-tools .dropdown-scrollable.dropdown-scrollable-outlined:empty:before { content: 'keine Optionen'; padding: 5px 20px 5px 10px; font-size: 0.8rem; font-style: italic; opacity: 0.5; display: block; }
.mpl-table-dropdown-tools .dropdown-menu { max-width: 400px; }
.mpl-table-dropdown-tools { font-size: 0.8rem; }
.mpl-table-dropdown-tools .dropdown-menu .dropdown-item { font-size: 0.8rem; }
.mpl-table-dropdown-tools .dropdown-menu .dropdown-item-all { background-color: #FFFFFF; position: sticky; top: 0; z-index: 1;  }
.mpl-table-dropdown-tools .dropdown-menu .dropdown-item-all:hover { background-color: #f5f5f5; }
.mpl-table-dropdown-tools .dropdown-menu .form-control { font-size: 0.8rem; }
body.wide-view .items-table-counter { display: none !important; }
body.wide-view #tableBtnSettingsDiv { display: none !important; }
body.wide-view .search-group input[type="search"] { border-radius: 5px !important; }
#mplDropdownColumnsDropdown, #mplDropdownColumnsDropdown .dropdown-item { font-size: 0.85rem; }
#mplNewDiv { position: absolute; z-index: 1; left: -70px; top: 15px; }
#mplNewDiv .btn { width: 56px; }

/* DAC */

body.dac-view #sideRenderer { overflow: visible; }
#sideRenderer .ibox[data-file="view-file-dac"] #pdfViewer { position: absolute; width: calc(100% - 20px); height: calc(100% - 60px); }
#sideRenderer .ibox[data-file="view-file-dac"] #krpanoViewer { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#sideRenderer .ibox[data-file="view-file-dac"] #krpanoViewer #krpano3d { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
#dacLoader { position: absolute; left: -100%; width: 100%; bottom: 0; top: 50%; border-top: 1px solid #e7eaec; background-color: #FFFFFF; overflow: auto; }
#dacLoader .dac-header { display: flex; justify-content: space-between; align-items: center; padding: 5px 10px 5px 10px; position: sticky; top: 0; left: 0; right: 0; background-color: #FFFFFF; z-index: 2;  }
#dacLoader .dac-header .left { font-weight: bold; }
.dacLoader .table-dropdown-tools-trigger { margin-left: 6px; height: 24px; width: 24px; line-height: 18px;}
.dacLoader td[data-col="actions"] { padding-top: 12px; }
.dacLoader td { vertical-align: top !important; }
textarea.autoheight { resize: none; overflow: hidden; }
textarea.naked { appearance: none; border: 0; outline: 0; margin: 0; padding: 0; min-height: 27px; }
.dacLoader tbody textarea::placeholder { font-style: italic; color: #007bff; }
.dacLoader tbody textarea.placeholder-secondary::placeholder { color: #6c757d; }
.dacLoader tbody textarea.placeholder-danger::placeholder { color: #ed5565; }
.dacLoader tbody textarea.optional::placeholder { color: #6c757d; }
.dacLoader tbody td { vertical-align: top;}
.dacLoader [data-status="open"]::before { content: "\f017"; font-family: "Font Awesome 6 Pro"; margin-right: 0.25rem; color: #ed5565;  }
.dacLoader [data-status="closed"]::before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; margin-right: 0.25rem; color: #1ab394; }
.dacLoader [data-status="closing"]::before { content: "\f058"; font-family: "Font Awesome 6 Pro"; margin-right: 0.25rem; color: #f8ac59; }
#sideRenderer .ibox[data-file="view-file-dac"] #kr3dTopResize {}
#sideRenderer .ibox[data-file="view-file-dac"] #kr3dTopResize i.expander::before {content: "\f065";}
#sideRenderer .ibox[data-file="view-file-dac"] #krpano3dProcessing { display: block; position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 100;background: #FFF; }
#sideRenderer.dac-fullscreen .ibox[data-file="view-file-dac"] #kr3dTopResize i.expander::before {content: "\f066";}
#sideRenderer.dac-fullscreen .ibox[data-file="view-file-dac"] #kr3dTopResize { border-color: #007bff; color: #007bff; }
#sideRenderer.pano-fullscreen .ibox[data-file="view-file-dac"] #krpanoViewer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 10000; }
#sideRenderer.pano-fullscreen .ibox[data-file="view-file-dac"] #krpanoViewer::before { content: " "; background-color: rgba(0,0,0,0.75); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#sideRenderer.pano-fullscreen .ibox[data-file="view-file-dac"] #krpanoViewer .kr3d-display-top-tools { right: 30px; top: 30px; }
#sideRenderer.pano-fullscreen .ibox[data-file="view-file-dac"] #krpanoViewer #krpano3d { width: auto; height: auto; top: 20px; left: 20px; bottom: 20px; right: 20px; }
.dacLoader tr[data-to-be-removed="true"] td:not([data-col="actions"]) { opacity: 0.5; filter: grayscale(1); text-decoration: line-through; }
#dacLoader tbody tr { cursor: pointer; }
#dacLoader tbody tr:hover > * { background-color: rgba(0, 123, 255, 0.1); }

.dac-form .custom-control label { font-size: 0.9rem; }
.dac-form input[type="text"][disabled], .mpl-form input[type="number"][disabled], .mpl-form select[disabled], .mpl-form textarea[disabled] { background-color: #FFFFFF; }
.modal-footer .dac-remove { margin-right: auto; }
.dac-form .revisions-list { max-height: 225px; overflow: auto; margin-top: 0.75rem; }
.dac-form .revision { font-size: 0.9rem; border: 1px solid #e5e6e7; border-radius: 5px; }
.dac-form .revision:hover { border-color: #007bff; }
.dac-form .revision + .revision { margin-top: 0.25rem;}
.dac-form .revision .revision-title { padding: 0.25rem 0.75rem; border-bottom: 1px solid #e5e6e7; }
.dac-form .revision .revision-data { font-size: 0.8rem; padding: 0.5rem 0.75rem 0; }
.dac-form .revision-item { margin-bottom: 0.5rem;}
.dac-form .revision-item kbd { border: 1px solid #e5e6e7; color: #6c757d; background-color:#FFFFFF; font-size: 0.8rem; font-family: "Open Sans", sans-serif; padding: .1rem .2rem; font-weight: bold; }
.dac-form .revision-item .prev-value { color: #6c757d; }
.dac-form .revision-item .new-value { font-weight: 700; }
.dac-form .revision:hover .prev-value { color: #ed5565; }
.dac-form .revision:hover .new-value { color:#007bff; }
.dac-form .revision:hover kbd { border-color: #6c757d; }
.dac-form .dacLoader [data-ref-col="number"] { visibility: collapse; }
.dac-form .comments-list { height: 360px; overflow: auto; margin-bottom: 10px; }
.dac-form .comments-list .comment span.acr { text-decoration: underline dotted 1px #007bff; text-underline-offset: 5px; transition: all .3s ease; cursor: help; }
.dac-form .comments-list .comment span.acr:hover { color:#007bff; }
.dac-form .new-comment { position: relative; }
.dac-form .extra-recipients { height: 0;overflow: hidden;position: absolute;opacity: 0;transition: all .3s ease;z-index: 1;background: #FFFFFF;bottom: calc(100% + 2px);border: 1px solid #e5e6e7; max-width: 100%; border-radius: 5px; }
.dac-form .extra-recipients.show { height: auto; opacity: 1; }
.dac-form .extra-recipients .er-item { padding: 4px 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; cursor: pointer; }
.dac-form .extra-recipients .er-item:hover, .dac-form .extra-recipients .er-item.active { background-color: rgba(0, 123, 255, 0.1); color: #007bff; }
.dac-hotspot { width: 50px; height: 50px; background-color: #ed5565; color: #FFFFFF; border: 2px solid #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.5); line-height: 46px; font-size: 1.2rem; font-weight: bold; text-align: center; position: absolute; bottom: 0; right: 0; transform: rotate(45deg); border-radius: 50% 50% 0; transform-origin: right bottom; cursor: pointer; transition: all .3s ease; }
.dac-hotspot .dac-text { transform: rotate(-45deg); display: block; }
.dac-hotspot:hover { transform: rotate(45deg) scale(1.1); background-color: #BF4551; }
.dac-hotspot.dac-hotspot-st-closed { opacity: 0.7; filter: grayscale(1); }
#sideRenderer.related-hotspots-selector .dac-hotspot:hover::before { content: "\f2ed"; font-family: "Font Awesome 6 Pro"; transform: rotate(-45deg); display: block; font-weight: 400; }
#sideRenderer.related-hotspots-selector .dac-hotspot:hover .dac-text { display: none; }
.modal-footer.dac-footer { justify-content: space-between; }
.modal-footer.dac-footer > *:only-child { margin-left: auto; }
#kr3dHotspotSelector { position: absolute; right: 10px; bottom: 10px; border: 1px solid #e5e6e7; border-radius: 5px; background-color: #FFFFFF; padding: 10px; }
.dac-table tr { cursor: pointer; }
.dac-table td { padding: 0 10px 0 0; }
.dac-table tr td:first-child { padding: 0 5px 0 5px; }
.dac-table tr.active td { color: #007bff; }
.dac-table tr:not(.active) i { display: none; }
.dac-table tr:hover td { background-color: rgba(0, 123, 255, 0.1); }
.dac-table tr.disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
.dac-table .custom-checkbox { top: -2px; }
.dac-table .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { background: none transparent; }
.dac-table .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background: none transparent; }
#dacSendRecipients { height: 200px; overflow: auto; border: 1px solid #e7eaec; }
#dacSendRecipients table { margin-bottom: -1px; }
#dacSendRecipients table tr { cursor: pointer; }
#dacSendRecipients table tr:hover td { background-color: rgba(0, 123, 255, 0.1); }
#dacSendRecipients table td { padding: 3px 10px; height: 34px; border-top: 0 none; border-bottom: 1px solid #e7eaec; }
#dacLoader table tr[class*="cog-hidden-"] { display: none; }
.data-after-input { position: relative; z-index: 0; }
.data-after-input span { top: 9px; right: 20px; position: absolute; color: #aaa; }
fieldset.form-vertical .form-group label { z-index: 5; }
.input-group input:not(:first-child) { margin-left: -1px; }
.input-group input { z-index: 1; }
.side-split { display: flex; position: absolute; left: 0; top: 50px; right: 0; bottom: 0; flex-direction: column; }
.side-split .side-heading { flex-shrink: 0; margin: 0 20px 15px; min-height: 46px; }
.side-split .side-document { position: relative; flex-grow: 1; }
#dacLoader tr[data-entry-status="closed"] { opacity: 0.7; filter: grayscale(1); }

.ship-nav-tabs .nav-link { font-weight: 700; cursor: pointer; position: relative; top: 1px; }
.ship-nav-tabs .nav-link.active { color: #007bff; }
#dacDueDateSpan[disabled], #dacDueDate[disabled] { background-color: #f0f2f4 !important; }
.side-split .side-general-comments { flex-shrink: 0; margin: 0 20px 10px; }
.side-split .side-general-comments .form-control { padding: 30px 15px 10px 0; }
.side-split .side-general-comments .form-control > div { margin-left: -10px;}
.side-split .side-general-comments .kr-hotspot { display: inline-block; margin-right: 10px; }
.side-split .side-general-comments .dac-hotspot { position: static; box-shadow: 0 0 7px rgba(0,0,0,0.25); }
.side-split .side-general-comments .dac-hotspot:hover { box-shadow: 0 0 7px rgba(0,0,0,0.5); }
.side-split .side-general-comments .dac-hotspot.dac-hotspot-empty { box-shadow: 0 0 7px rgba(0,0,0,0.0); background-color: #FFFFFF; border: 2px dashed rgba(0,0,0,0.25); color: rgba(0,0,0,0.25); }
.side-split .side-general-comments .dac-hotspot.dac-hotspot-empty:hover { background-color: rgba(237, 85, 101, 0.1); border: 2px dashed #ed5565; color: #ed5565; }
.dacLoader .attachment-tools { margin-top: -2px;}
.dacLoader .attachment-tools .btn { margin-left: -5px;}
#dacLoader .file-entry-icon { display: none; }
.dacLoader .file-entry { position: relative; display: block; margin-left: -5px; padding: 0.2rem 5px; border-top: 1px solid rgba(0,0,0,0.05); font-size: 0.95rem;}
.dacLoader .file-entry:first-child { margin-top: 0.5rem; }
.dacLoader .file-entry:hover { background-color: rgba(0, 123, 255, 0.1); }
.dacLoader .file-entry .file-entry-icon { position: absolute; right: 5px; width: 20px; text-align: center; }
.dacLoader .file-entry:not(.file-entry-new) .file-entry-icon {  color: rgba(0,0,0,0.1); }
.dacLoader .file-entry:not(.file-entry-new):hover .file-entry-icon { color: rgba(0,0,0,0.25); }
.dacLoader .file-entry:not(.file-entry-new) .file-entry-icon:hover { color: #ed5565; }
.dacLoader .file-entry.file-entry-new .file-entry-icon.file-entry-pending { color: rgba(0,0,0,0.25); }
.dacLoader .file-entry.file-entry-new .file-entry-icon.file-entry-pending i::before { content: "\f017"; }
.dacLoader .file-entry.file-entry-new .file-entry-icon.file-entry-upload { color: #007bff;  }
.dacLoader .file-entry.file-entry-new .file-entry-icon.file-entry-upload i::before { content: "\f346";  }

#sideRenderer.dac-fullscreen .side-split { position: fixed; left: 20px; top: 20px; right: 20px; bottom: 20px; z-index: 3000; background-color: #FFFFFF;  }
#sideRenderer.dac-fullscreen .side-split .side-general-comments { margin-top:20px; }
#sideRenderer.dac-fullscreen #mainForm::before { content: " "; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: #00000044; }
#sideRenderer.dac-fullscreen .side-split .side-heading { display: none; }
.table-holder tr[data-dac-read="0"] { background-color: #e1f7dd !important; }
.table-holder tr[data-dac-read]:not([data-dac-read="0"]) span.new-item-label, .table-holder tr:not([data-dac-read]) span.new-item-label { display:none; }
.table-holder tr[data-dac-read] span.new-item-label {color: var(--danger);background-color: var(--warning);display: inline-block;width: 20px;height: 20px;position: relative;top: -1px;text-align: center;line-height: 20px;border-radius: 5px;font-size: 0.85rem;margin-right: 5px;}
.table-holder tr[data-dac-read] span.new-item-label::after {content: " ";position: absolute;right: -2px;top: -2px;border-radius: 50%;width: 6px;height: 6px;background-color: var(--danger);display: block;}
.dropdown-menu-suggestions-container { position: relative; }
.dropdown-menu-suggestions { position: absolute; left: 0; top: 0; right: 0; width: 100%; }
.dropdown-menu-suggestions .dropdown-item { white-space: normal; }
.new-item-label { display: none !important; }
.table-holder tr[data-dac-read="0"] .table-click-title { color: #377814; }
.page-group { display: flex; }
.page-group > * { margin-left: -1px; border-radius: 0; }
.page-group input { height: 100%; }
.page-group input:focus { z-index: 1; position: relative;}
.page-group > :first-child { border-radius: 5px 0 0 5px; margin-left: 0;  }
.page-group > :last-child { border-radius: 0 5px 5px 0; }
.page-group .page-value-container { position: relative; }
.page-group .page-value-container .form-control { border-radius: 0; padding: 0 calc(50% + 2px) 0 0 !important; text-align: right; }
.page-group .page-value-container .form-control:focus { padding: 0 !important; text-align: center; }
.page-group .page-out-of-text { position: absolute; top: 0; left: calc(50% - 2px); height: 100%; align-content: center; opacity: 0.5; pointer-events: none; }
#pdfPageNumber::-webkit-outer-spin-button, #pdfPageNumber::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#pdfPageNumber { -moz-appearance: textfield; }
#sideRenderer .ibox[data-file="view-file-dac"] .kr3d-display-top-tools { padding: 0; border: 0; right: 20px; }
#sideRenderer .ibox[data-file="view-file-dac"] .kr3d-display-top-tools .top-tools-line { margin: 0; }
#sideRenderer .ibox[data-file="view-file-dac"] .kr3d-display-top-tools #kr3dTopResize { border-radius: 5px; }
#sideRenderer.dac-fullscreen .ibox[data-file="view-file-dac"] .kr3d-display-top-tools { right: 10px; }
#sideRenderer.dac-fullscreen .ibox[data-file="view-file-dac"] .kr2d-toolbar { z-index: -1; }
.dacLoader tbody textarea.placeholder-danger:invalid { min-height: 93px !important; }
.side-split .side-general-comments .dac-hotspot.disabled { opacity: 0.5; filter: grayscale(1); pointer-events: none; cursor: default; }
.visibility-collapse { visibility: collapse; }
#mplLoader tr { height: 31px; }
#mplLoader tr.oos > * { display: none; }
#sideRenderer.pano-fullscreen .ibox-tools { z-index: 0; }
#sideRenderer:not(.pano-fullscreen):not(.deck-fullscreen):not(.map-fullscreen) .ibox-tools { z-index: 5002; }
.table-device-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
#tableRenderer .sig-select-all { position: relative; top: 9px; left: -1px; }
body:not(.wide-view) #tableRenderer .sig-select-all-col { display: none; }
body.wide-view #tableRenderer #mainTable_wrapper { display: none; }
#tableRenderer .sig-select-all [data-checked-condition] { display: none;border: 1px solid #dee2e6;background-color: #FFFFFF;border-radius: 50%;width: 1.25rem;height: 1.25rem;}
#tableRenderer .sig-select-all [data-checked-condition] i { font-size: .65rem;position: relative;top: -5px; }
#tableRenderer .sig-select-all [data-checked-condition="true"] { color: #FFFFFF;background-color: #007bff;border-color: #007bff;text-align: center;}
#tableRenderer .sig-select-all[data-checked="false"] [data-checked-condition="false"], #tableRenderer .sig-select-all[data-checked="true"] [data-checked-condition="true"] { display: inline-block; }
#sideRenderer.show-table-checker .ibox[data-map-type="signature"] .note-list-item[data-checked="true"] .table-checker-hotspot [data-checked-condition="true"] i { top: -4px; }
#sideRenderer #fullimage { position: absolute; left: 0; top: 0; right: 0; bottom: 0;  }
#sideRenderer #fullimage img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
#sideRenderer #fullimage #fullimagedl { z-index: 1; position: absolute; top: 10px; right: 10px;  }
.overflow-hidden { overflow: hidden; }
tr[data-is-revoked="1"] { text-decoration: line-through; text-decoration-color: #cc2232; text-decoration-thickness: 3px;}

.mpl-form .ui-front .ui-autocomplete { top: 35px !important; position: absolute; background-color: #FFFFFF; border-radius: 0 0 5px 5px; border: 1px solid #e5e6e7; border-left-color: #007bff; border-right-color: #007bff; border-bottom-color: #007bff; margin: 0 1px 0 0; padding: 0; overflow: auto; max-height: 226px; z-index: 10; }
.mpl-form .ui-front .ui-autocomplete li { list-style: none; padding: 0; }
.mpl-form .ui-front .ui-autocomplete li .ui-menu-item-wrapper { padding: 4px 14px; }
.mpl-form .ui-front .ui-autocomplete li .ui-state-active { border: none; background-color: #f4f4f4; color: #007bff; }
.form-group-important .form-control { border-color: #007bff !important; }
.form-group-important .form-control:focus { color: #000000; }
.form-group-important .input-group .form-control:first-child { border-right-color: #e5e6e7; }
.form-group-important .input-group .form-control:not(:first-child) { border-left-color: #e5e6e7; }
.mpl-form .counter-foto { border: 1px solid #e5e6e7; border-radius: 5px; height: 250px; display: flex; align-items: center; justify-content: center; }
.mpl-form .counter-foto .foto-placeholder { color: #e5e6e7; }
.mpl-form .btn-foto { height: 6rem; width: 6rem; font-size: 3rem; text-align: center; padding: 0; border-radius:50%; position: relative; }
.mpl-form .btn-foto .btn-icon-addon { position: absolute;right: 0.75rem;bottom: 1rem;color: #FFFFFF;background-color: #000000;font-size: 1rem;width: 1.5rem;height: 1.5rem;border-radius: 50%;padding-top: 4px; padding-left: 1px; }
.mpl-form .counter-foto img[src=""] { display: none; }
.mpl-form .counter-foto img { position: absolute; object-fit: cover; left: 11px; top: 11px; width: calc(100% - 22px); height: calc(100% - 22px); }
.mpl-form .counter-foto img[src=""] + .btn-foto .fa-rotate { display: none; }
.mpl-form .counter-foto img:not([src=""]) + .btn-foto { position: absolute; bottom: 2rem; right: 2rem; zoom: 50%; }
.mpl-form .counter-foto img:not([src=""]) + .btn-foto .fa-plus { display: none; }
.mpl-form.mpl2-form { position: relative; }
.mpl-form.mpl2-form input[type="text"][disabled] { background-color: #e5e6e7; }
.mpl-form.mpl2-form input[type="number"][disabled] { background-color: #e5e6e7; }
.mpl-form.mpl2-form select[disabled] { background-color: #e5e6e7; }
.mpl-form.mpl2-form [disabled] + label { background-color: #e5e6e7; border-radius: 4px; }
#mplLoader tr.mpl-active td { background-color: #DDEDF7; color: #007bff; }
.mpl-form-loader { position: absolute; left: -1rem; top: -1rem; bottom: -0.5rem; right: -1rem; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.65); -webkit-backdrop-filter: blur(.5rem); backdrop-filter: blur(.5rem); z-index: 10; }
.mpl-form-info { position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; z-index: 100000000; }
.mpl-form .mpl-link { margin-right: auto; }
#meterReader { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; z-index: 10; }

#sideRenderer .ibox[data-mpl2-role="0"] table [data-ref-col="contract"]     { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-ref-col="unitPrice"]    { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-ref-col="factor"]       { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-ref-col="project"]      { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-ref-col="amount"]       { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-col="contract"]     { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-col="unitPrice"]    { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-col="factor"]       { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-col="project"]      { visibility: collapse; display: none; }
#sideRenderer .ibox[data-mpl2-role="0"] table [data-col="amount"]       { visibility: collapse; display: none; }
.mpl-form input[type="date"] { height: 40px; }

.input-group * + button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left:-1px; }
.input-group button:active:focus { box-shadow: none !important; }

@media (max-width: 767px) {
    .modal-mpl .modal-content { border: 0; box-shadow: none; }
    .modal-mpl .modal-footer { position: sticky; bottom: 0; z-index: 10001; left: 0; right: 0; padding: 0.5rem; background-color: rgba(255,255,255,0.65); -webkit-backdrop-filter: blur(.25rem); backdrop-filter: blur(.25rem); }
    .modal-mpl .mpl2-form { }
}
@media (max-width: 991px) {
    .modal-mpl.modal-dialog { margin: 0; width: 100% !important; max-width: 100%; }
    body.wide-view #mplLoader { left: 10px;}
    #meterReader { top: 55px; }
}

@media (orientation: portrait) {
    #cameraWindow #cameraCapture { right: calc(50% - 30px); bottom: 1rem; }
    #cameraWindow #cameraSwitch { display: none; }
}