body {
    overflow-y: auto;
    overflow-x: hidden;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse {
    overflow-x: hidden;
}

.section-height-100 {
    min-height: 100vh;
}

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

.display-none {
    display: none;
}

.display-none-important {
    display: none !important;
}

.border-none {
    border: none !important;
}

.margin-none {
    margin: 0 !important;
}

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

.width-25 {
    width: 25% !important;
}

.width-50 {
    width: 50% !important;
}

.width-75 {
    width: 75% !important;
}

.width-100 {
    width: 100% !important;
}

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

.flex-force {
    display: flex !important;
}

.flex-start {
    justify-content: flex-start !important;
}

.select2-width-100 .select2 {
    width: 100% !important;
}

.cargaResult {
    width: 100%;
    display: none;
    justify-content: center;
    margin: 0em 0 1em 0;
    padding: 1em 0 1em 0;
    text-align: center;
    align-items: center;
    flex-direction: column;
}

.cargaResult img {
    width: 50px;
    margin-bottom: 1rem;
}

#cargaResultControl {
    width: 100%;
    height: 1px;
}

/* Buttons */
.btn-primary {
    background-image: linear-gradient(360deg, #2d63ec 0, #2d63ec 100%);
    background-color: transparent !important;
}

.btn-success {
    background-image: linear-gradient(360deg, #6da129 0, #6da129 100%);
    background-color: transparent !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none !important;
}

/* Tables */
.table td {
    white-space: initial !important;
}

/* Select2 */
.select2-selection {
    padding: 7px 12px 7px 13px;
    border-radius: 6px !important;
    border: solid 1px #d9dee3 !important;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #595959;
    min-width: 10rem;
    max-width: 20rem;
    height: auto !important;
}

.select2-selection .select2-selection__rendered {
    color: #595959 !important;
    line-height: initial !important;
}

.select2-selection .select2-selection__arrow {
    height: 34px !important;
}

.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
    background-color: #ffffff !important;
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-x: hidden !important;
}

.select2-dropdown {
    background-color: white;
    border-radius: 6px !important;
    border: solid 1px #d9dee3 !important;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1051;
}

[type=search] {
    outline-offset: 0 !important;
}

.nav-item .collapse .nav-item .nav-link,
.nav-item .collapsing .nav-item .nav-link {
    margin-left: .35rem !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.nav-item .collapse .nav-item .nav-link:before,
.nav-item .collapsing .nav-item .nav-link:before {
    display: none;
}

/* Dropdown Menu */
ul.dropdown-menu {
    padding: 17px 18px 17px 19px;
    border: 1px solid #a1acb8;
    border-radius: 8px;
    background-color: #fff;
    left: 25px !important;
}

ul.dropdown-menu li a {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    color: #697a8d;
}

/* Modals */
.modal .btn-close {
    background-color: red;
}

.modal-footer {
    justify-content: space-between;
}


/* datepicker-dropdown  */
.datepicker-dropdown.dropdown-menu {
    padding: 7px 12px 7px 12px;
    border-radius: 6px !important;
    border: solid 1px #d9dee3 !important;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    color: #595959;
}

.filter-field.input-icon {
    position: relative;
}

.filter-field.input-icon i {
    position: absolute;
    top: 10px;
    left: 10px;
}

.filter-field.input-icon input {
    padding-left: 35px;
}

.form-control:disabled {
    background-color: #ede5e5 !important;
}

.form-control[readonly] {
    background-color: #ffffff !important;
}

.navbar .navbar-nav .nav-item .buzon {
    position: relative;
}

.navbar .navbar-nav .nav-item .buzon .fa-bell {
    font-size: 1.5rem;
    color: #a29c9c;
}

.navbar .navbar-nav .nav-item .buzon.active .fa-bell {
    color: #6da129;
    animation-name: stretch;
    animation-duration: 1.0s;
    animation-timing-function: linear ;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

@keyframes stretch {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.navbar .navbar-nav .nav-item .buzon span.num {
    position: absolute;
    display: flex;
    font-size: .6rem;
    font-weight: 600;
    top: -6px;
    color: #444;
    right: -7px;
    z-index: 1;
    background: #fff;
    border: 1px solid #a29c9c;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.navbar .navbar-nav .nav-item .buzon.active span.num {
    border: 1px solid #6da129;
}

#sidenav-main.sidebar-hidden {
    left: -17.125rem;
}
#main-content.sidebar-hidden {
    margin-left: 0;
}

#iconNavbarSidenavDesktop.sidebar-hidden .sidenav-toggler-inner .sidenav-toggler-line:first-child,
#iconNavbarSidenavDesktop.sidebar-hidden .sidenav-toggler-inner .sidenav-toggler-line:last-child {
    width: 13px;
    transform: translateX(5px);
}

.image-expand {
    display: block;
}

.image-contract {
    display: none;
}

.g-sidenav-hidden .navbar-vertical:hover .sidenav-header .navbar-brand .image-expand  {
    display: none;
}

.g-sidenav-hidden .navbar-vertical:hover .sidenav-header .navbar-brand .image-contract  {
    display: block;
}

.bg-desactivado {
    background-color: rgba(255, 0, 0, 0.25);
}

@media (max-width:1199px) {
    .image-expand {
        display: none;
    }

    .image-contract {
        display: block;
    }
}