/* BRAND */
.brand-text { display: inline-block; vertical-align: top; font-size: 15px; line-height: 10px; margin-left: 5px; font-weight: 500 !important; }
.brand-text h1 { font-weight: 800; font-size: 20px !important; margin-top: -5px; }
.brand-link .brand-image { max-height: 45px; margin-left: 0.5rem; margin-top: -7px; }

/* TOP NAV */
.navbar-badge { right: 3px; }
@media ( max-width: 768px ) {
    
    .main-header .navbar-nav li:last-of-type { display: none; }
    
}

/* SIDEBAR NAV */
.nav-sidebar .nav-header { text-transform: uppercase; }
.nav-sidebar > li:last-of-type { margin-bottom: 30px; }
.sidebar-light-success .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { background: rgba( 0, 0, 0, 0.7 ); }
.sidebar-light-success .sidebar-search-results .search-title .text-light { color: #000 !important; }
#sidebarsearch { margin-top: 5px; }

/* Alert */
.toast-top-right { right: inherit; left: 50%; transform: translateX( -50% ); }
#toast-container > div { opacity: 1 !important; }

/* Form */
form { position: relative; }
form > .overlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: -1px; z-index: 1052; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: rgba( 0, 0, 0, 0.7 ) !important; color: #FFF !important; border-radius: 0.3rem; }
form > .overlay i { color: #FFF !important; }
form > .overlay.active { visibility: visible; }
form label.required { position: relative; }
form label.required:after { top: 3px; right: -10px; content: '*'; color: #dc3545; position: absolute; }

/* DATATABLE */
.custom-select-sm { font-size: 15px; margin: -3px 5px 0px 5px; }
div.dataTables_wrapper div.dataTables_processing { z-index: 9; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; font-size: 0px; background-color: transparent; }
div.dataTables_wrapper div.dataTables_processing:after { margin-top: -15px; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); content: "↻"; font-size: 45px; color: #343a40; animation: fa-spin 2s linear infinite; }
div.dataTables_wrapper div.dataTables_processing:before { pointer-events: none !important; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background-color: rgba( 255, 255, 255, 0.2 ); }
div.dataTables_wrapper .dropdown-item.active, .dropdown-item:active { color: #000; background-color: transparent; }
div.dataTables_wrapper .buttons-columnVisibility span { position: relative; padding-left: 20px; }
div.dataTables_wrapper .buttons-columnVisibility span:before { position: absolute; top: 0px; left: -7px; content: '❌'; opacity: 0.85; }
div.dataTables_wrapper .buttons-columnVisibility.active span:before { content: '✔️'; }
div.dataTables_wrapper a.buttons-columnVisibility:first-of-type { pointer-events: none; display: none; }
div.dataTables_wrapper div.dt-button-collection { width: 260px; box-shadow: 0px 6px 12px #101010; }
div.dataTables_wrapper .btn-secondary { color: #fff; background-color: #007bff; border-color: #007bff; box-shadow: none; }
div.dataTables_wrapper .buttons-colvis:after { margin-left: 12px; }
div.dataTables_wrapper .table td, div.dataTables_wrapper .table th { padding: 7px; }
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 { top: 6px; }
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before { top: 6px; }
div.dataTables_wrapper div.dataTables_info { float: left; padding-top: 10px; }
div.dataTables_wrapper tbody a.btn { font-size: 10px; padding: 3px 6px; margin: 0px 5px; }
div.dataTables_wrapper th.sorting_disabled { pointer-events: none; }
div.dataTables_wrapper th.sorting_disabled:before, div.dataTables_wrapper th.sorting_disabled:after { display: none; }
div.dataTables_wrapper tbody td:first-of-type a:first-of-type { margin-left: 8px; }
div.dataTables_wrapper .app_document_download { font-size: 12px !important; margin: 0px !important; margin-left: 3px !important; }
div.dataTables_wrapper a.downloadlink { display: none; }
.dataTables_length { display: none; }
div.dt-button-collection div.dropdown-menu { height: 150px; overflow-y: scroll; }
div.dataTables_wrapper div.dt-buttons.btn-group button.btn.btn-secondary { margin-right: 10px; visibility: hidden; }
div.dataTables_wrapper div.dt-buttons.btn-group button.btn.btn-secondary.buttons-colvis { visibility: visible; }

#users_wrapper.dataTables_wrapper i[role="userpresentation"] { margin-right: 5px; }
#users_wrapper.dataTables_wrapper i[role="userpresentation"]:last-of-type { margin-right: 0px; }
#users_wrapper.dataTables_wrapper tr td:nth-child(3) { text-align: center; }

.datatablebox { overflow-x: scroll; overflow-y: hidden; /*padding-top: 20px;*/ }
.datatablebox::-webkit-scrollbar { height: 8px; } 
.datatablebox::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.7 ); }
.datatablebox::-webkit-scrollbar-thumb { background-color: rgba( 0, 0, 0, 0.7 ); border-radius: 30px; }

div.dt-button-collection div.dropdown-menu::-webkit-scrollbar { width: 5px; background-color: transparent; }
div.dt-button-collection div.dropdown-menu::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.7 ); }
div.dt-button-collection div.dropdown-menu::-webkit-scrollbar-thumb { background-color: rgba( 0, 0, 0, 0.7 ); border-radius: 30px; }

.suwala-doubleScroll-scroll-wrapper::-webkit-scrollbar { height: 8px; } 
.suwala-doubleScroll-scroll-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.7 ); }
.suwala-doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb { background-color: rgba( 0, 0, 0, 0.7 ); border-radius: 30px; }

div.dataTables_wrapper { min-width: 1000px; }
@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dt-buttons { width: auto; }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: left !important; width: 100%; margin-top: 20px; }    
    div.dataTables_wrapper div.dataTables_info { margin-bottom: 20px; }
}

/* COMPANIES DATATABLE */
table#companies tbody td { min-width: 220px; }
table#companies tbody td:nth-child(1) { min-width: 100px; text-align: center; }
table#companies tbody td:nth-child(2) { min-width: 160px; text-align: center; }

/* WORKPLACES DATATABLE */
table#workplaces tbody td { min-width: 220px; }
table#workplaces tbody td:nth-child(1) { min-width: 100px; text-align: center; }

/* USERS DATATABLE */
table#users tbody td { min-width: 220px; }
table#users tbody td:nth-child(1) { min-width: 100px; text-align: center; }
table#users tbody td:nth-child(2) { min-width: 160px; text-align: center; }

/* EVENTUSERS DATATABLE */
table#eventusers tbody td { min-width: 220px; }
table#eventusers tbody td:nth-child(1) { min-width: 100px; text-align: center; }
table#eventusers tbody td:nth-child(2) { min-width: 160px; text-align: center; }

/* EVENT MODAL */
#modal-event[data-type="freedom"] .modal-xl { max-width: 450px !important; }
#modal-event[data-type="deathfreedom"] .modal-xl { max-width: 450px !important; }
#modal-event[data-type="patientfreedom"] .modal-xl { max-width: 450px !important; }
#modal-event[data-type="fatherfreedom"] .modal-xl { max-width: 450px !important; }
#modal-event[data-type="fatherfreedom"] .modal-xl { max-width: 450px !important; }

/* Login */
.login-box, .register-box { width: 100%; max-width: 450px; }
.login-box .h1, .register-box .h1 { font-size: 1.5rem; }
.login-box .brand-image { max-width: 80px; }
.login-page > .wrapper { min-height: inherit; }
@media ( max-width: 768px ) {
    
    .login-box, .register-box { padding: 0px 25px; }
    
}

/* 404 / 500 */
.error-page { margin: 0px auto; position: absolute; top: 20%; left: 50%; transform: translate(-50%,-50%); }
.error-page>.headline { padding-top: 50px; }
.error-page > .error-content { padding-top: 70px; }
.error-page > .error-content.noaccess { padding-top: 55px; }
.page404 .content-wrapper { margin-left: 0px !important; }
@media ( max-width: 768px ) {
    
    .error-page h2 { display: block; float: none; }
    .error-page p { text-align: center; padding: 0px 25px; }
    
}

/* BACKGROUND PAGE */
body.bgpage { background-image: url( '../img/bg-light-img.jpg' ); background-position: bottom center; background-repeat: no-repeat; background-size: cover; }
body.bgpage .content-wrapper { background-color: transparent; }

/* KNOB */
input.knob { color: #FFF !important; font-size: 14px !important; }
i.knobi { margin-top: -2px; }
.small-box p { font-size: 1rem !important; }
.small-box h3 { font-size: 2.2rem !important; }
@media (max-width: 767.98px) { 
    
    .small-box .icon { display: block; }     

}

/* TIMELINE */
.timeline div.clockopen { padding-bottom: 40px; }
.timeline div.clockclose { margin-top: 30px; }
.timeline-item .timeline-body { display: none; }
.timeline-item i.fa.fa-chevron-up { display: none; }
.timeline > div > .timeline-item { margin-right: 0px; }

.timeline-item.open .timeline-body { display: block; }
.timeline-item.open i.fa.fa-chevron-down { display: none; }
.timeline-item.open i.fa.fa-chevron-up { display: inline-block; }
.timeline-item iframe { width: 100%; max-width: 650px; border: 1px solid rgba( 0, 0, 0, 0.4 ); min-height: 500px; overflow-x: hidden; }

/* SELECT2 */
.select2-container .select2-selection--single { height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #007bff; border-color: #006fe6; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: rgba( 255, 255, 255, 0.7); }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #FFF; }

/* TREEVIEW */
#treeview { overflow: hidden; }
#treeview a { width: 100%; height: auto; line-height: inherit; padding: 5px 0px; }
#treeview a.jstree-clicked { color: #FFF; background: #28a745; }
#treeview a.jstree-clicked .jstree-checkbox { background-image: url( ../../plugins/treeview/jstreeactive.png ); }

/* TREEVIEW */
#tmp_treeview { overflow: hidden; }
#tmp_treeview a { width: 100%; height: auto; line-height: inherit; padding: 5px 0px; }
#tmp_treeview a.jstree-clicked { color: #FFF; background: #28a745; }
#tmp_treeview a.jstree-clicked .jstree-checkbox { background-image: url( ../../plugins/treeview/jstreeactive.png ); }

/* CALENDAR */
#calendar .fc-scroller { overflow: hidden !important; }

/* MODAL */
#modal-document-open > .modal-dialog { margin-top: 30px; margin-bottom: 30px; }
#modal-document-open .modal-header { padding-top: 8px; padding-bottom: 5px; }
#modal-document-open .modal-title { font-size: 20px; }
#modal-document-open .modal-content { height: calc( 100vh - 60px ); }
#modal-document-open .modal-body { padding: 0px; }
#modal-document-open .modal-body iframe { width: 100%; height: 100%; border: 0px; }
#modal-document-open iframe body { display: none !important; }

/* OTHER */
body { background: #f4f6f9; }
body::-webkit-scrollbar { width: 8px; } 
body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.7 ); }
body::-webkit-scrollbar-thumb { background-color: rgba( 0, 0, 0, 0.7 ); border-radius: 30px; }

.nonepointed { pointer-events: none !important; }

#list_of_notification { cursor: default; }
#list_of_notification .text-muted { display: block; font-size: 13px !important; color: #17a2b8!important; font-weight: bold; }

.card-success.card-outline { border-top: 3px solid #4D4A7C; }

.content-header { padding: 10px 0.5rem; }
.content-wrapper > .content { padding-top: 10px; }

.sidebar-dark-success .brand-link:hover { color: #FFF !important; }

.custom-file-label::after { display: none; }
.custom-file-label.image::after { content: '📷'; display: block; }
.custom-file-remove { cursor: pointer; display: none; position: absolute; top: 0; right: 47px; z-index: 3; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: none; width: 50px; }

.form-group.gender { text-align: center; }
.form-group.gender > label { display: block; }
div.icheck-primary { margin-right: 10px; vertical-align: -webkit-baseline-middle; }
div.icheck-primary:last-of-type { margin-right: 0px; }

/* EVENTS */
.bg-command { background-color: #6610f2 !important; color: #FFF !important; }
.bg-lunchbreak { background-color: #28a745!important; color: #FFF !important; }
.bg-standby { background-color: #feb272 !important; color: #FFF !important; }
.bg-workingovertime { background-color: #e83e8c !important; color: #FFF !important; }
.bg-restovertime { background-color: #8d6e63 !important; color: #FFF !important; }
.bg-holidayovertime { background-color: #6c757d !important; color: #FFF !important; }
.bg-sundayovertime { background-color: #acacac !important; color: #FFF !important; }
.bg-freedom { background-color: #dc3545!important; color: #FFF !important; }
.bg-patientfreedom { background-color: #007bff!important; color: #FFF !important; }
.bg-fatherfreedom { background-color: #fd7e14 !important; color: #FFF !important; }
.bg-deathfreedom { background-color: #3e2723 !important; color: #FFF !important; }

#calendar .fc-header-toolbar { display: block; }
#calendar .fc-header-toolbar .fc-toolbar-chunk { float: left; }
#calendar .fc-header-toolbar div.fc-toolbar-chunk:nth-child( 2 ) { width: calc( 100% - 75px ); text-align: center; }
#calendar .fc-header-toolbar div.fc-toolbar-chunk:last-of-type { float: right; }

.fc-event { cursor: pointer; }
.fc-event.command { background-color: #6610f2 !important; color: #FFF !important; border-color: #6610f2 !important; }
.fc-event.lunchbreak { background-color: #28a745 !important; color: #FFF !important; border-color: #28a745 !important; }
.fc-event.standby { background-color: #feb272 !important; color: #FFF !important; border-color: #feb272 !important; }
.fc-event.workingovertime { background-color: #e83e8c !important; color: #FFF !important; border-color: #e83e8c !important; }
.fc-event.restovertime { background-color: #8d6e63 !important; color: #FFF !important; border-color: #8d6e63 !important; }
.fc-event.holidayovertime { background-color: #6c757d !important; color: #FFF !important; border-color: #6c757d !important; }
.fc-event.sundayovertime { background-color: #acacac !important; color: #FFF !important; border-color: #acacac !important; }
.fc-event.freedom { background-color: #dc3545!important; color: #FFF !important; border-color: #dc3545!important; }
.fc-event.freedom.draft { opacity: 0.6; }
.fc-event.patientfreedom { background-color: #007bff!important; color: #FFF !important; border-color: #007bff!important; }
.fc-event.fatherfreedom { background-color: #fd7e14 !important; color: #FFF !important;  border-color: #fd7e14 !important; }
.fc-event.deathfreedom { background-color: #3e2723!important; color: #FFF !important; border-color: #3e2723!important; }

.fc-daygrid-event-dot { display: none; }
.fc-event-time { display: none; }  
.fc-daygrid-dot-event .fc-event-title { font-weight: normal; text-align: center; }
.fc-h-event .fc-event-title-container { text-align: center; }

.fc-event.postevent { opacity: 0.2; }