.fa-1-5x { font-size: 1.5em !important; }
.margin-0 { margin: 0 !important; }
.margin-0-auto { margin: 0 auto !important; }
.margin-0 { margin: 0 !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.margin-15 { margin: 15px !important; }
.margin-20 { margin: 20px !important; }
.margin-25 { margin: 25px !important; }
.margin-30 { margin: 30px !important; }
.margin-35 { margin: 35px !important; }
.margin-40 { margin: 40px !important; }
.margin-45 { margin: 45px !important; }
.margin-50 { margin: 50px !important; }
.margin-top-0 { margin-top: 0px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.margin-bottom-3 { margin-bottom: 3px !important; }
.margin-bottom-4 { margin-bottom: 4px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-right-auto { margin-right: auto !important; }
.margin-right-0 { margin-right: 0px !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-left-auto { margin-left: auto !important; }
.margin-left-0 { margin-left: 0px !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }
.padding-0 { padding: 0 !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }
.padding-25 { padding: 25px !important; }
.padding-30 { padding: 30px !important; }
.padding-35 { padding: 35px !important; }
.padding-40 { padding: 40px !important; }
.padding-top-0 { padding-top: 0px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-6 { padding-top: 6px !important; }
.padding-top-7 { padding-top: 7px !important; }
.padding-top-8 { padding-top: 8px !important; }
.padding-top-9 { padding-top: 9px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-bottom-0 { padding-bottom: 0px !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-left-0 { padding-left: 0px !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-25 { padding-left: 25px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-left-35 { padding-left: 35px !important; }
.padding-left-40 { padding-left: 40px !important; }
.padding-right-0 { padding-right: 0px !important; }
.padding-right-5 { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-25 { padding-right: 25px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-right-35 { padding-right: 35px !important; }
.padding-right-40 { padding-right: 40px !important; }
.font-size-10 { font-size: 10px !important; }
.font-size-11 { font-size: 11px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-14 { font-size: 14px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-24 { font-size: 24px !important; }
.font-size-26 { font-size: 26px !important; }
.font-size-28 { font-size: 28px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-40 { font-size: 40px !important; }
.font-size-50 { font-size: 50px !important; }
.font-size-60 { font-size: 60px !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.vertical-align-text-bottom { vertical-align: text-bottom !important; }
.vertical-align-super { vertical-align: super !important; }
.display-inline { display: inline !important; }
.display-inline-block { display: inline-block !important; }
.display-block { display: block !important; }
.hidden { display: none; }
.bmd-label-static.label-fixed { position: initial !important; }
.width-fit-content { width: fit-content; }
.bold { font-weight: bold; }
.text-default.text-light { color: #c3c3c3 !important; }
.top-0 { top: 0 !important; }
.bottom-0 { bottom: 0 !important; }
.border-gray { border-color: #b3b8bd !important; }
.overflow-x-auto { overflow-x: auto !important; }
.display-inline-table { display: inline-table !important; }

a { color: #008ea0; }
a:hover, a:focus { color: #00bcd4; }
.font-white { color: white !important; }

/* modals */
.modal .modal-footer { display: block; }
.modal .modal-dialog .modal-header { border-bottom: 1px solid #e9ecef; padding-bottom:20px; }
.modal .modal-dialog .modal-footer { border-top: 0; padding-top:20px; margin-top: 20px; }
.modal-body-scroll { position: relative; padding: 10px; max-height: 650px; overflow-y: scroll; }
.modal-lg-lexis-report {  max-width: 940px !important; }
.modal-lg-90 {  max-width: 90% !important; }
.modal-lg-80 {  max-width: 80% !important; }
.modal-lg-70 {  max-width: 70% !important; }
.modal-lg-60 {  max-width: 60% !important; }
.modal-lg-50 {  max-width: 50% !important; }

/* template */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert.alert-success { color: black; background-color: #d4edda; border-color: #d6f1dd; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.48) }
.alert.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.alert.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }
.alert.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }

.tim-row { margin-bottom: 20px; }
.tim-white-buttons { background-color: #777777; }
.typography-line { padding-left: 25%; margin-bottom: 35px; position: relative; display: block; width: 100%; }
.typography-line span { bottom: 10px; color: #c0c1c2; display: block; font-weight: 400; font-size: 13px; line-height: 13px; left: 0; position: absolute; width: 260px; text-transform: none; }
.tim-row { padding-top: 60px; }
.tim-row h3 { margin-top: 0; }
.tim-typo { padding-left: 25%; margin-bottom: 40px; position: relative; width: 100%; }
.tim-typo .tim-note { bottom: 5px; color: #c0c1c2; display: block; font-weight: 400; font-size: 13px; line-height: 15px; left: 0; margin-left: 20px; position: absolute; width: 260px; }
.bmd-label-static { top: -15px !important; }
.has-feedback .form-control-feedback { color: #AAAAAA; opacity: 1; pointer-events: initial; cursor: pointer; }
.has-feedback .form-control-feedback.pwd-visibility .pwd-show { display: block; }
.has-feedback .form-control-feedback.pwd-visibility .pwd-hide { display: none; }
.has-feedback .form-control-feedback.pwd-visibility.pwd-visible .pwd-show { display: none; }
.has-feedback .form-control-feedback.pwd-visibility.pwd-visible .pwd-hide { display: block; }
select, select.form-control { -moz-appearance: menulist; -webkit-appearance: menulist; }
input.form-control { padding: 4px; }
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef7d; opacity: 1; }
.form-control, .is-focused .form-control { background-image: linear-gradient(to top, #00adc3 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); }
.is-focused [class^='bmd-label'], .is-focused [class*=' bmd-label'] { color: #00adc3; }
.form-group.form-group-danger.is-focused [class^='bmd-label'], .form-group.form-group-danger.is-focused [class^=' bmd-label'], .form-group.bmd-form-group.form-group-danger.is-focused input { color: red !important; }
.form-group.form-group-danger input { background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); }

/* template */
.card .card-header-info .card-icon, .card .card-header-info .card-text, .card .card-header-info:not(.card-header-icon):not(.card-header-text), .card.bg-info, .card.card-rotate.bg-info .front, .card.card-rotate.bg-info .back { background: #517cb7 !important; box-shadow: 0 4px 20px 0 #00000024, 0 7px 10px -5px #012137}

/* login */
.wrapper-login #particles-js { position: absolute; width: 100%; height: 100%; }
.login-page .container { padding-top: 0px; }
.login-page .card { background: #ffffff24; }
.login-page .card .input-group-text, .login-page .card .btn.btn-primary.btn-link, .login-page .card .form-control { color: white; }
.login-page .card .btn.btn-link:hover { background-color: initial; color: #999999; }

/* Menu */
.nav-item-parent.nav-item-parent-opened { background-color: #06385c; }
.nav-item-parent.active .nav-link-parent, .nav-item-parent.active .nav-link.active { font-weight: bold; }
.sidebar[data-color="azure"] li.active>a { background-color: #06385c; }
.sidebar .nav li:first-child>a { margin: 0; }
.sidebar .nav li a, .sidebar .nav li .dropdown-menu a { margin: 0; }
.sidebar .nav.nav-childs { margin-top: 0; }
.hr-sidebar { background-color: #ffffff; }

/* Navbar */
.navbar { background-color: #73848f !important; }
.text-blue-custom { color: #12163e !important; }
.navbar .btn-navbar { min-width: 150px; margin: 5px !important; font-weight: bold !important; box-shadow: 0 4px 20px 0 #00000024, 0 7px 10px -5px #040301ba; }
.engineering-logo img {  width: auto; height: auto; clip-path: inset(0px 0px 30px 0px); }

.border-solid { border: solid #71828d; }

/* pages */
.card .card-header { margin-bottom: 40px; font-weight: bold; }
.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.bg-primary, .card.card-rotate.bg-primary .front, .card.card-rotate.bg-primary .back { background: linear-gradient(60deg, #00b5cc, #00bcd4); }
.pagination>.page-item.active>a, .pagination>.page-item.active>a:focus, .pagination>.page-item.active>a:hover, .pagination>.page-item.active>span, .pagination>.page-item.active>span:focus, .pagination>.page-item.active>span:hover { background: #517cb7; box-shadow: 0 4px 20px 0 #00000024, 0 7px 10px -5px #040301ba; }
.card .card-header h4.card-title { display: inline-block; font-weight: bold; }
.card .card-header .card-buttons { float: right; display: inline-block; color: #000000; margin-top: -20px; }
.card .card-header .card-buttons .btn { font-weight: bold; box-shadow: 0 4px 20px 0 #00000024, 0 7px 10px -5px #040301ba; }
.card-wizard[data-color="standard"] .moving-tab { background-color: #06385c; box-shadow: 0 4px 20px 0 #00000024, 0 7px 10px -5px #012238; }

/* operators */
#operator_add .alert.alert-error-msg { display: none; }
.operator_wrapper.operator_wrapper_save .progress_wrapper{ padding-top: 18px; }
.operator_wrapper.operator_wrapper_save .progress_check { font-size: 26px; }
.operator_wrapper.operator_wrapper_save .progress_check .check_success { color: #7cd092; }
.document_info_wrapper.date_release input.form-control { height: 48px; }
.document-date-wrapper { padding: 20px; display: flex; align-items: center; justify-content: end;}
.document-date-wrapper label { margin-right: 10px; padding-top: 10px;}
.document-date-wrapper input { width: 120px; text-align: center;
}
.document_info_wrapper.document_info .document_status_wrapper .dropdown .filter-option, .document_info_wrapper.document_info .document_request_wrapper .dropdown .filter-option { text-align: center; }
.dropdown-toggle.dropdown-no-arrow:after { display: none }
.table.table-operators-list tbody td { font-size: 13px; }
#operators_list_wrapper #search_modal .bmd-form-group label { color: #666666; }
.bmd-form-group label { color: #2f2f2f; }
label { color: #2f2f2f; }
.modal .modal-dialog.woco-report-wrapper { max-width: 1000px; }
.modal .modal-dialog.woco-report-wrapper .woco-report-content .table th, .modal .modal-dialog.woco-report-wrapper .woco-report-content .table td { padding: 4px !important; }
.modal .modal-dialog.woco-report-wrapper iframe { background: #ffffff; }

/* countries autosearch */
.country-search-wrapper .countries-list-search-box span.country-item { display: none; border: 1px solid #ddd; padding: 6px; cursor: pointer; cursor: hand; }
.country-search-wrapper .countries-list-search-box span.country-item.show{ display: block; }
.country-search-wrapper .countries-list-search-box span.country-item.show:hover { background: #d6faff; }
/*.country-search-wrapper #country_search_name.form-control-red { color: red; background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); }*/

/* autosearch general */
.search-wrapper .list-search-box { position: absolute; background: white; z-index: 100; box-shadow: 6px 10px 16px #cecece; }
.search-wrapper .list-search-box span.search-item { display: none; border: 1px solid #ddd; padding: 6px; cursor: pointer; cursor: hand; }
.search-wrapper .list-search-box span.search-item.show{ display: block; }
.search-wrapper .list-search-box span.search-item.show:hover{ background: #d6faff; }

.search-wrapper .list-search-box span.search-item-full-info { display: none; border: 1px solid #ddd; padding: 6px; cursor: pointer; cursor: hand; }
.search-wrapper .list-search-box span.search-item-full-info.show{ display: block; }
.search-wrapper .list-search-box span.search-item-full-info.show:hover{ background: #d6faff; }

/* buttons */
.btn.btn-standard { color: #fff; background-color: #517cb7; border-color: transparent; box-shadow: 0 4px 20px 0 #00000024, 0 7px 10px -5px #040301ba; }
.btn.btn-standard:hover { background-color: #465b77; }
.btn, .btn.btn-default {background-color: #a4a4a4; }
.btn { padding: 8px 16px !important;}
.btn-max-wight { width: -webkit-fill-available; }
.navbar-btn { background-color: white; color: #999999; }
.btn-outline-danger { color: #f44336; background-color: transparent; background-image: none; border-color: #f44336; box-shadow: 0 4px 20px 0 #ee3030, 0 7px 10px -5px rgba(255, 0, 0, 0.73); font-weight: bold; }

.background-gray { background-color: #f6f6f6; color: black !important;}
.table-document-name-bkg-color { background-color: #d3dce2; color: black !important;}
.blue_light { background-color: #b3ddf3; color: black !important;}
.table-document-bkg-color { background-color: #f5f4f3; color: black !important;}
.table-sla-bkg-color { background-color: #fffbfd; color: black !important;}
.background-color-white { background-color: #ffffff; color: black !important;}
.background-white { background-color: white; color: black !important;}
.background-warning { background-color: #bb6604; color: white !important;}
.background-danger { background-color: #984a4a; color: white !important;}
.background-danger-light { background-color: #ff020217; color: red !important;}
.background-warning-light { background-color: #ffd8d5; color: black !important;}
.background-blue { background-color: #517cb7; color: white !important;}
.background-ccc { background-color: #ccc; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }

.content { background-color: rgba(1, 34, 56, 0.53) !important; }
/* sidebar */
.dropdown-download-documents:disabled {background-color: #d6d6d6 !important; }
body.sidebar-mini .sidebar-footer-logo { opacity: 0; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -ms-transition: opacity 100ms ease-in-out; -o-transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out; }
body.sidebar-mini .sidebar:hover .sidebar-footer-logo { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
body.sidebar-maxi .sidebar-footer-logo { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
body .user-info-left-menu-btn { height: 12px; }
body .sidebar .user-info-left-menu-btn .user-info-left-menu-links { font-size: 14px; }
body.sidebar-mini .sidebar:hover .user-info-left-menu-btn { display: block; }
body .sidebar .user-info-left-menu-btn .user-info-left-menu-links { font-size: 14px; overflow-y: hidden; opacity: 0; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -ms-transition: opacity 100ms ease-in-out; -o-transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out; }
body.sidebar-mini .sidebar:hover .user-info-left-menu-btn .user-info-left-menu-links { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
body.sidebar-maxi .user-info-left-menu-btn .user-info-left-menu-links { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
body.sidebar-mini .sidebar .sidebar-wrapper { overflow-x: hidden; }
@media (min-width: 991px) { .sidebar-mini .sidebar { z-index: 1030; } }

/* tables */
.table thead tr th { font-size: 0.95rem; font-weight: 400; }
.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; }

/* pagination */
.dataTables_paginate.paginate_wrapper { margin: 0; white-space: nowrap; text-align: center; }
.dataTables_paginate.paginate_wrapper .paginate_button.previous a.page-link, .dataTables_paginate.paginate_wrapper .paginate_button.next a.page-link { color: #999999; padding: 4px 16px; font-size: 20px; line-height: 24px; }
.dataTables_paginate.paginate_wrapper .paginate_button.previous.disabled a.page-link, .dataTables_paginate.paginate_wrapper .paginate_button.next.disabled a.page-link { color: #d4d4d4; }
.dataTables_paginate.paginate_wrapper .pagination { display: inline-flex; margin: 0; }

/* bootstrap select */
.bootstrap-select .dropdown-item.active { background: #efefef; color: #357cb2; }
.dropdown-menu .dropdown-item:focus, .dropdown-menu a:focus { background: #01a6be; color: white; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu a:hover { background: #bfbfbf; color: white; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.4) }
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder { color: black }
.dropdown-menu .dropdown-item:hover, .dropdown-menu a:hover { background: #b3b3b3; color: #3c3c3c }
.bootstrap-select .dropdown-menu li a { color: black }
/*.btn.dropdown-toggle { background: #f9f9f9; color: #000000; }*/
.dropdown-menu .dropdown-item:hover, .dropdown-menu a:hover { background: #efefef; color: #3c3c3c; }
.btn.dropdown-toggle .filter-option { background: #f5f5f5; }
.show > .btn.dropdown-toggle, .show > .btn.dropdown-toggle:hover { color: #666; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: black; }

.select-container { position: relative; width: 100%; max-width: 300px; margin-bottom: 20px;}
.select-container select { width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; font-size: 14px; color: #333;}
.select-container::after { content: "▼"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); pointer-events: none; font-size: 12px; color: #555;}

/* back to top button */
#scroll { position:fixed; right:60px; bottom:18px; cursor:pointer; width:34px; height:34px; background-color:#b4b4b4; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 3000; }
#scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff; }
#scroll:hover { background-color:#33b540; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }

/* downloads */
.document_upload_area, .operator_add_multiple_upload_area { min-height: 200px; border: 1px solid #dddddd; color: #aaaaaa;}
.document_upload_preview { border-bottom: 2px solid #525659; }
.dropzone.operator_add_multiple_upload_area .dz-preview .dz-error-message { top: 150px!important; }
.dz-remove { .btn; .btn-sm; .btn-danger;}

.color-white { color: white !important; }

/* Checkbox label */
.togglebutton label input[type=checkbox]:checked+.toggle { background-color: #01bcd4; }
.togglebutton label input[type=checkbox]:checked+.toggle:after { border-color: #007686; }

/* radio */
.form-check .form-check-input:checked~.circle { border-color: #00bcd4; }
.form-check .form-check-label .circle .check { background-color: #00bcd4; }
.row-legal-type .form-check .form-check-sign { top: 0; }

/* dashboard */
.card-stats.card-dashboard .card-header.card-header-icon, .card-stats .card-header.card-header-text { text-align: right; }
.card-stats.card-dashboard .card-header.card-header-icon { text-align: right; margin-bottom: 10px !important; }
.card-stats.card-dashboard .card-header.card-header-info { text-align: right; margin-bottom: 10px !important; }
.card-stats.card-dashboard .card-header .card-category:not([class*="text-"]) { font-size: 20px; }
.card-stats.card-dashboard .card-body.card-number { font-size: 40px; width: fit-content; border-radius: 50px; margin: 0 auto; margin-right: 15px; }
.card-stats.card-dashboard .card-body.card-number.card-body-info { border: 2px solid #11b8cc; color: #11b8cc; }
.card-stats.card-dashboard .card-title.card-number { font-size: 40px; border-radius: 50px; }
.card-stats.card-dashboard .card-title.card-number { display: inline-block; padding: 0 16px; margin-top: 20px; }
.card-stats.card-dashboard .card-title.card-number.card-title-info { border: 2px solid #3aa9e4; color: #3aa9e4; }
.card-stats.card-dashboard .card-title.card-number.card-title-success { border: 2px solid #43a047; color: #43a047; }
.card-stats.card-dashboard .card-title.card-number.card-title-violet { border: 2px solid #9c27b0; color: #9c27b0; }
.card-stats.card-dashboard .card-title.card-number.card-title-warning { border: 2px solid #ff9800; color: #ff9800; }
.card-stats.card-dashboard .card-title.card-number.card-title-default { border: 2px solid #b3b8bd; color: #b3b8bd; }
.card-stats.card-dashboard .card-title.card-number.card-title-danger { border: 2px solid #f44336; color: #f44336; }
.card-stats.card-dashboard .card-footer { border-top: 1px solid #eee; margin-top: 20px; }
.card.card-dashboard .card-body .card-ticket-number { padding: 16px; font-size: 40px; border-radius: 50px; display: inline-block; }
.card.card-dashboard .card-body .card-ticket-number.card-ticket-warning { border: 2px solid #ff9800; color: #ff9800; }
.card.card-dashboard .card-body .card-ticket-number.card-ticket-info { border: 2px solid #5bc0de; color: #5bc0de; }
.card.card-dashboard .card-body .card-ticket-number.card-ticket-waiting { border: 2px solid #da7371; color: #da7371; }
.card.card-dashboard .card-body .card-ticket-number.card-ticket-success { border: 2px solid #468847; color: #468847; }
.card.card-dashboard .card-header { margin-bottom: 0; }
.card.card-dashboard hr { margin: 0 15px; }

/* progress bar colors */

.bg-primary { background-color: #9c27b0 !important; }
.bg-info { background-color: #00bcd4 !important; }
.bg-success { background-color: #4caf50 !important; }
.bg-warning { background-color: #ff9800 !important; }
.bg-danger { background-color: #f44336 !important; }
.bg-rose { background-color: #e91e63 !important; }
.bg-default { background-color: #999999 !important; }

/* height */
.h-100 { height: 100%; }
.h-calc-100-30 { height: calc(100% - 30px); }

/* width */
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-60 { width: 60%; }
.w-80 { width: 80%; }
.w-100 { width: 100%; }

/* cards */
.card.card-history { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14); margin-top: 0; }

/* navs */
.nav-tabs-wrapper .nav-tabs .nav-item {width: auto !important;}
.nav-tabs.nav-tabs-history .nav-item { margin-bottom: -1px !important; }
.nav-tabs.nav-tabs-history .nav-link { border: 1px solid transparent !important; border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
.nav-tabs.nav-tabs-history .nav-link:hover, .nav-tabs.nav-tabs-history .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6 !important; }
.nav-tabs.nav-tabs-history .nav-link.disabled { color: #6c757d !important; background-color: transparent !important; border-color: transparent !important; }
.nav-tabs.nav-tabs-history .dropdown-menu { margin-top: -1px !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.nav-tabs.nav-tabs-history .nav-link { color: #495057 !important; }
.nav-tabs.nav-tabs-history .nav-link:hover { color: #6f818d !important; }
.nav-tabs.nav-tabs-history .nav-link.active, .nav-tabs.nav-tabs-history .nav-item .nav-link.show { color: #495057 !important; background-color: #fff !important; border: 1px solid transparent !important; border-color: #dee2e6 #dee2e6 #fff !important; }

/* other */
.custom-hr { font-size: 18px; font-weight: bold; border: 1px solid #dddddd; background-color: #f6f6f6; color: black !important; padding: 10px; margin: 0; text-align: center; }
.custom-hr-small { font-size: 15px; font-weight: bold; border: 1px solid #dddddd; background-color: #f6f6f6; color: black !important; padding: 5px; margin: 0; text-align: center; }
.custom-hr-xs { border: 1px solid #b2ddf3; background-color: #b2ddf3;  padding: 0; margin: 0; !important; }
.filter-option {border-radius: 2px;}
.btn.dropdown-toggle .filter-option {padding: 10px;}

/* Fix */
.fixed {position:fixed; top:0; left:95px; z-index: 10; -webkit-box-shadow: 5px 5px 15px 5px #848484; box-shadow: 5px 5px 15px 5px #848484; }

/* Icons */
.material-icons { vertical-align: middle; }

/* Custom colors */
.badge { text-transform: none !important; }
.badge.badge-red-dark { background-color: #a01111; }
.badge-gray { background-color: #999999; }
.badge-light { background-color: #b3b8bd }
.badge-purple {
 color: #ffffff;
 background-color: #4343b2;
}
.badge-yellow {
 color: black !important;
 background-color: #f1f81b !important;
}

/* Custom text colors */
.text-info-dark { color: #0008ff; }
.text-success-dark { color: rgba(13, 77, 16, 0.66); }
.text-link-dark { color: #0a3686; }

/* tickets */
form[name="ticket_add_form"] textarea#ticket_add_message { width: 100%; border: 1px solid #cecece; padding: 4px; font-size: 14px; color: #495057; }
form[name="ticket_add_answer_form"] textarea#ticket_add_message { width: 100%; border: 1px solid #cecece; padding: 4px; font-size: 14px; color: #495057; }
.checklist-complete { background-color: white; border-radius: 25px; border: 2px solid #4caf50; padding: 20px;  !important;}
.checklist-incomplete { background-color: white; border-radius: 25px; border: 2px solid #3aa9e4; padding: 20px;  !important;}
.form-check .form-check-input:checked+.form-check-sign .check { background: #4daf50; }
.text-strike { text-decoration: line-through; }

/* swal */
.swal2-popup .swal2-actions { width: 100%; justify-content: initial; display: block !important; }
.swal2-popup.swal-user-alert .swal2-actions { text-align: center; }

/* dashboard */
tr.clickable-row:hover { background: #aedef3a3; outline: none; cursor: pointer; box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(128 129 130 / 40%);}
.dashboard-box { margin-bottom: 30px; background-color: #ececed; border-radius: 6px; }
.dashboard-box .dashboard-alert.alert { font-size: 14px; margin-bottom: 0; height: calc(100% - 30px); }
.dashboard-box .dashboard-box-title { font-size: 16px; text-transform: uppercase; font-weight: 400; margin: 15px 5px 15px 15px; padding-bottom: 15px; display: block; width: 100%; border-bottom: 2px solid #e2e2e2; color: #555555; text-align: center; }
.dashboard-box.groups { margin-bottom: 30px; background-color: darkgray; !important;}
.dashboard-box .card { margin-top: 0; }
.dashboard-box .card.card-dashboard { box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(128, 129, 130, 0.4); }
.dashboard-box .card.card-dashboard.card-mini .card-body { font-size: 40px; font-weight: 500; }
.dashboard-box a .card.card-dashboard.card-hover { -webkit-transition: all 0.25s ease;  transition: all 0.25s ease }
.dashboard-box a .card.card-dashboard.card-hover:hover { -webkit-transform: translateY(-5px) scale(1.02); transform: translateY(-5px) scale(1.02); -webkit-box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2); box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2) }
.alert .close i { color: red; font-size: 20px; }

/* charts */
svg.ct-chart-bar, svg.ct-chart-line{ overflow: visible; }
.ct-label.ct-label.ct-horizontal.ct-end { position: relative; justify-content: flex-end; text-align: right; transform-origin: 100% 0; transform: translate(-100%) rotate(-45deg); white-space:nowrap; }
#chart_operators_statuses{ width: 100%; max-height: 300px; height: 100vh; }

/* operators */
table.table-operators-list tbody tr:hover { background-color: #aedef3a3; }
.readonly-input-text { height: 36px; padding: 7px 4px; text-align: center; }
@media (max-width: 1500px) {
 table.table.table-operators-list { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

/* footer */
.footer { background-color: #06385c; font-weight: bold; color: white; }

/* search */
.search-page-wrapper.search-panel-fixed .search-page-boxes { margin-top: 200px; }
.search-page-wrapper .search-page-boxes .row-search-page-boxes {  }
.search-page-wrapper .dropdown .dropdown-menu.show { z-index: 10000; }

/* print */
@media print {.wrapper {height: 100%; overflow-y: visible; overflow-x: visible; }}

a.disabled { pointer-events: none; cursor: default; }
.timeline:before { top: 60px; }

.modal-dialog .modal-footer button { padding-left: 30px; padding-right: 30px; !important;}

/* sidebar */
.sidebar[data-background-color="blue"] { background-color: #012238; }
.sidebar[data-background-color="blue"] .nav .nav-item .nav-link { color: #fff; }
.sidebar[data-background-color="blue"] .nav .nav-item i { color: rgb(255, 255, 255); }
.sidebar[data-background-color="blue"] .nav .nav-item.active [data-toggle="collapse"],
.sidebar[data-background-color="blue"] .nav .nav-item:hover [data-toggle="collapse"] { color: #fff; }
.sidebar[data-background-color="blue"] .nav .nav-item.active [data-toggle="collapse"] i,
.sidebar[data-background-color="blue"] .nav .nav-item:hover [data-toggle="collapse"] i { color: rgba(255, 255, 255, 0.89); }
.sidebar[data-background-color="blue"] .user a { color: #fff; }
.sidebar[data-background-color="blue"] .simple-text { color: #fff; }
.sidebar[data-background-color="blue"] .sidebar-background:after { background: #012238; }
.sidebar[data-background-color="blue"] .user:after,
.sidebar[data-background-color="blue"] .logo:after,
.sidebar[data-background-color="blue"] .nav li.separator:after { background-color: rgba(255, 255, 255, 0.83); }
.sidebar[data-background-color="blue"] .nav li:hover:not(.active)>a,
.sidebar[data-background-color="blue"] .nav li.active>[data-toggle="collapse"] { background-color: rgba(255, 255, 255, 0.1); }

.text-whitesmoke {color: whitesmoke}
.overlay {
 display: none;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: #000000ed;
 justify-content: center;
 align-items: center;
 z-index: 2000;
}
.progress-container {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:350px;
 height:100px;
}
.progress-container h3 {
 color: rgba(255, 255, 255, 0.9);
}
.progress-container .progress-bar-container {
 width: 0;
 height: 5px;
 background: linear-gradient(to right, white, rgb(173, 255, 47), rgb(34, 139, 34));
 margin-top: 10px;
 background-size: 353px 5px;
 border-radius: 12px;
 animation: loading 10s ease-in-out forwards;
}

.progress-container .progress-bar { width: 100%; height: 35px; background: linear-gradient(to bottom,rgba(185, 173, 173, 0.17),rgba(97, 91, 91, 0.1),rgba(53, 51, 51, 0)); }
@keyframes loading { to { width:100%; } }


.blink { animation: blink-animation 1s steps(5, start) infinite; }
@keyframes blink-animation {  to { border: solid 1px red } }

@keyframes table-alert-show {
 0% { opacity: 0; transform: translateY(-50px); }
 100% { opacity: 1; transform: translateY(0); }
}
@keyframes table-alert-hide {
 0% { opacity: 1; transform: translateY(0); }
 100% { opacity: 0; transform: translateY(-50px); }
}

.table-alert {
 animation: table-alert-show 2s ease forwards;
}

.table-alert-hide {
 animation: table-alert-hide 2s ease forwards;
}
textarea.content {background: whitesmoke !important;}

.green-l {background-color: #ccffcc !important; }
.text-editor {
    border: 2px solid #476698;
    padding: 10px;
    min-height: 200px;
    overflow-y: auto;
    margin-top: 15px;
}

.is-invalid { border: 1px solid red !important; }