/* SCROLL BAR */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  background: #bbb; 
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #aaa; 
}

/* ADD CSS THEME */
.base-content-loading .page-loader {
    display: flex;
    justify-content: center;
    padding-top: 5px;
    background: #3030401f;
    -webkit-animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-up 0.3s ease-out 1;
    animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-up 0.3s ease-out 1;
}
.base-content-loading .page-loader.page-loader-default {
    align-items: baseline;
}
@media (min-width: 992px) {
    .aside-fixed.aside-enabled.aside-minimize.base-content-loading:not(.full-backdrop) .page-loader {
        left: 70px;
    }
    .aside-fixed.aside-enabled.base-content-loading:not(.full-backdrop) .page-loader,
    .aside-fixed.aside-enabled.aside-minimize-hover.base-content-loading:not(.full-backdrop) .page-loader {
        left: 243px;
    }
}
@media (min-width: 992px) {
    /*On Aside Hover*/
    .aside-fixed.aside-minimize-hover .aside {
        width: 243px;
    }
    .aside-fixed.aside-minimize-hover .wrapper {
        padding-left: 243px;
    }
    .aside-fixed.aside-minimize-hover.header-fixed .header,
    .aside-fixed.aside-minimize-hover.subheader-fixed .subheader {
        left: 243px;
    }
}



/* MODAL */
.modal-content {
    min-height: 60px;
}
.modal-confirm {
    width: 420px;
}

.modal-dialog-right-bottom {
    margin-right: 20px;
}
.modal-dialog-right-bottom .modal-content {
    align-self: flex-end;
}

.modal-dialog-right-top {
    margin-right: 20px;
}
.modal-dialog-right-top .modal-content {
    align-self: flex-start;
}
/* END MODAL */

/* END BTN */

/* CUSTOMS UTILITIES */
.form-group {
    margin-bottom: 1rem;
}

i {
    font-size: 13px;
    color: inherit;
}
p {
    margin-top: 0;
    margin-bottom: 5px;
}

.alert-dismiss {
    cursor: pointer;
}
.swal-title {
    font-weight: 500;
    font-size: 23px;
}
.swal-text {
    text-align: center;
}

/* DISPLAY */
.hide {
    display: none!important;
}

/* TABLE */
table tr td {
    vertical-align: top;
}
table tr td.td-filter-reset {
    width: 40px!important;
}
.table thead th {
    vertical-align: middle;
}
.text-bold {
    font-weight: 600!important;
}
table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: .6rem;
}

/* MODAL */
.modal-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #7b272700;
    z-index: 2100;
}
.modal-loader .spinner {
    position: relative;
    top: calc(50% - 12.5px);
    left: calc(50% - 12.5px);
}

/* UTILITIES */
@media screen and (max-width: 972px) {
    .hide-on-max-width-972px {
        display: none;
    }
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}


.fade-in {
    animation: fadeIn ease .5s;
    -webkit-animation: fadeIn ease .5s;
    -moz-animation: fadeIn ease .5s;
    -o-animation: fadeIn ease .5s;
    -ms-animation: fadeIn ease .5s;
}

.fade-in-1 {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}

.fade-in-1-5 {
    animation: fadeIn ease 1.5s;
    -webkit-animation: fadeIn ease 1.5s;
    -moz-animation: fadeIn ease 1.5s;
    -o-animation: fadeIn ease 1.5s;
    -ms-animation: fadeIn ease 1.5s;
}

.fade-in-2 {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
}

/*.dataTable tbody tr {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}*/

.dataTables_processing {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
}

.fade-out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.base-plugin--summernote-readonly {
    width: 100%;
    font-size: 1rem;
    border: 1px solid #e5eaee;
    border-radius: .42rem;
    box-shadow: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.base-plugin--summernote-readonly .content-value {
    padding: .65rem 1rem;
    min-height: 100px;
}
.base-plugin--summernote-readonly .note-statusbar {
    background: #f3f6f9;
}
.base-plugin--summernote-readonly .note-status-output:empty {
    height: 0;
    border-top: 0 solid transparent;
}
.base-plugin--summernote-readonly .note-resizebar {
    padding-top: 1px;
    height: 9px;
    width: 100%;
}
.base-plugin--summernote-readonly .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9;
}


/* ACTIVITY */
.activity {
    background: #fff;
    display: none;
    width: 375px; 
    position: fixed; 
    top: 53px; 
    bottom: 0; 
    right: 0; 
    z-index: 96;
    box-shadow: 0 0 28px 0 rgba(82,63,105,.08);
}
.activity .activity-header {
    height: 45px;
}
.activity-show .activity .activity-close {
    position: absolute;
    right: 8px;
}
.activity .activity-content {
    position: absolute;
    height: calc(100% - 45px);
    overflow-y: auto;
    top: 50px;
    bottom: 0;
    padding-bottom: 20px;
}
.activity-show .activity,
.activity-minimize .activity {
    display: block;
}
.activity-minimize .activity {
    width: 0;
}

.activity-minimize-bg {
    display: none;
}
.activity-minimize-header {
    height: 49px;
}
.activity-minimize .activity .activity-minimize-bg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
}

@media (max-width: 992px) {
    .activity-enabled:not(.activity-show).topbar-mobile-on .activity {
        z-index: 0;
    }
    .activity-enabled:not(.activity-show) .activity {
        height: 44px;
        overflow: hidden;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        /*border: 1px solid #ddd;*/
        box-shadow: 0 0 8px 0 #ddd;
    }
    .activity-enabled:not(.activity-show) .activity-minimize-header {
        height: 44px;
    }
    .activity-enabled:not(.activity-show) .activity .btn.activity-toggle {
        margin: 0 auto!important;
        background: transparent!important;
    }
}
@media (min-width: 992px) {
    .activity-show .wrapper {
        padding-right: 375px;
    }
    .activity-show.header-fixed.subheader-fixed .subheader {
        padding-right: 375px;
    }
}

.is-datatable .base-form--activate {
    text-transform: uppercase !important;
}

.datepicker tbody tr>td span.disabled.hour, 
.datepicker tbody tr>td span.disabled.minute, 
.datepicker tbody tr>td span.disabled.month, 
.datepicker tbody tr>td span.disabled.year {
    color: #d9cfcf;
}

.bootstrap-select>.dropdown-toggle.btn-light.disabled, 
.bootstrap-select>.dropdown-toggle.btn-light:disabled, 
.bootstrap-select>.dropdown-toggle.btn-secondary.disabled, 
.bootstrap-select>.dropdown-toggle.btn-secondary:disabled {
    border-color: #e5eaee;
}


div.dataTables_wrapper div.dataTables_processing {
    top: 0;
    left: 0;
    height: calc(100% + 21px);
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    visibility: visible;
    font-size: 1.2em;
    margin-top: 10px;
    margin-left: 0px;
    z-index: 999;
    position: absolute;
    border: none;
    justify-content: center;
}