/* ##### GENERAL ##### */

:root {
    --color-first: #05aFF2;
    --color-second: rgb(5, 199, 242);
    --color-third: #344767;
    --color-fourth: #F2f2f2;
    --color-fifth: #666666;
    --color-sixth: #e9ecef;
    --shadow-second: rgb(5 199 242 / 50%);
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
}

a:hover {
    color: var(--color-second);
    text-decoration: none;
}

.bg-primary {
    background-color: var(--color-first) !important;
}

.bg-gray-100 {
    background-color: var(--color-fourth) !important
}

.input-group.focused .input-group-text {
    border-color: var(--color-first) !important;
}

.input-group .form-control:focus, .input-group .form-control.tagify--focus {
    border-color: var(--color-first) !important;
    box-shadow: 0 0 0 0.2rem var(--shadow-second);
}

.form-control:focus {
    border-color: var(--color-first);
    box-shadow: 0 0 0 0.2rem var(--shadow-second);
}

.bg-gradient-primary {
    background-image: linear-gradient(310deg, var(--color-second) 0%, var(--color-first) 100%);
}

.bg-gradient-dark {
    background-image: linear-gradient(310deg, var(--color-second) 0%, var(--color-first) 100%);
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a {
    background-image: linear-gradient(310deg, var(--color-second) 0%, var(--color-first) 100%);
}

.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a:hover {
    background-image: linear-gradient(310deg, var(--color-first) 0%, var(--color-second) 100%);
    box-shadow: 0 0 0 0.2rem var(--shadow-second);
}

.form-switch .form-check-input:checked {
    border-color: var(--color-first);
    background-color: var(--color-first);
}

.btn-link,
.nav-link {
    color: var(--color-first);
}

.btn-outline-primary {
    color: var(--color-first);
    border-color: var(--color-first);
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: var(--color-first);
    box-shadow: 0 0 0 0.2rem var(--shadow-second);
}

.text-primary {
    color: var(--color-first) !important;
}

.btn-primary:not(.disabled) {
    background-color: var(--color-first);
    border-color: var(--color-first);
}

.btn-primary:not(.disabled):hover,
.btn.bg-gradient-primary:not(.disabled):hover,
.btn.bg-gradient-dark:not(.disabled):hover {
    background-color: var(--color-second);
    border-color: var(--color-second);
    box-shadow: 0 0 0 0.2rem var(--shadow-second);
}

.btn.bg-gradient-primary:hover,
.btn.bg-gradient-dark:hover {
    background-image: linear-gradient(310deg, var(--color-second) 0%, var(--color-second) 100%);
}

.btn.btn-primary:not(.disabled).active,
.btn.btn-primary:not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(.disabled).active,
.btn.bg-gradient-primary:not(.disabled):active,
.show>.btn.bg-gradient-primary.dropdown-toggle {
    background-color: var(--color-first);
}

.btn-check:focus+.btn-primary,
.btn.btn-primary:focus {
    background-color: var(--color-second);
}

.btn-check:focus+.btn-primary,
.btn.btn-primary:not(.disabled):focus,
.btn.btn-primary:not(.disabled):active {
    border-color: var(--color-first) !important;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    outline: 0.2rem solid var(--shadow-second);
    /*box-shadow: 0 0 0 0.2rem var(--shadow-second);*/
}

.btn-primary.disabled,.btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled:hover {
    color:var(--color-fifth);
    background-color: #b2b2b2;
    border-color: var(--color-fifth);
    font-style:italic;
    cursor:default;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.btn.btn-icon {
    padding: 0.7em 1.5em;
    display: flex;
    align-items: center;
}

.btn.btn-icon i {
    font-size: 1.5em;
}

.btn .leyend {
    display: none;
    margin-right: 1em;
}

.btn:hover .leyend {
    display: inline;
}

.breadcrumb-item a {
    opacity: 0.8;
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    opacity: 1;
}

.text-overflow {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.text-right {
    text-align: right !important;
}

.min-height-50 {
    min-height: 50%;
}

@media (max-width: 1198.99px) {

    .section-nucleo-icons .icons-container {
        margin-top: 65px;
    }

}

.fa, .fab, .fad, .fal, .far, .fas {
    line-height: inherit !important;
}

.swal2-confirm.btn {
    margin-left: 2em !important;
    margin-right: 2em !important;
}

.icon.big {font-size:2em; width:auto; height:auto;}

.hide {display:none;}

/* #### END GENERAL #### */

/* #### MAIN #### */

@media (min-width: 1200px) {
    .main-content>main {
        min-height: calc(100vh - 179px);
    }
    /*
    .main-card {
        max-height: calc(100vh - 163px - 1.5em);
    }

    .main-card.fixed {
        height: calc(100vh - 163px - 1.5em);
        overflow-y: auto;
    }

    .main-card .scroll {
        overflow-y:auto;
    }

    .main-card.fixed .scroll {
        overflow-y:visible;
    }
    */
}

@media(max-width:1198.99px) {
    body.nav-opened {
        overflow-x: hidden;
    }

    .nav-opened .main-content {
        transform: translate3d(18.725rem, 0, 0);
    }

    .main-panel>.content {
        margin-top: 0;
        padding-top: 15px;
    }

    .wrapper {
        -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    }

    .nav-open .main-panel {
        right: 0;
        -webkit-transform: translate3d(260px, 0, 0);
        -moz-transform: translate3d(260px, 0, 0);
        -o-transform: translate3d(260px, 0, 0);
        -ms-transform: translate3d(260px, 0, 0);
        transform: translate3d(260px, 0, 0);
    }

    .nav-open body {
        position: relative;
        overflow-x: hidden;
    }

    .nav-open .menu-on-right .main-panel {
        -webkit-transform: translate3d(-260px, 0, 0);
        -moz-transform: translate3d(-260px, 0, 0);
        -o-transform: translate3d(-260px, 0, 0);
        -ms-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0);
    }

    .nav-open .menu-on-right #bodyClick {
        right: 260px;
        left: auto;
    }

    #bodyClick {
        height: 100%;
        width: 100%;
        position: fixed;
        opacity: 1;
        top: 0;
        right: 0;
        left: 260px;
        content: "";
        z-index: 9999;
        overflow-x: hidden;
        background-color: transparent;
        -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    }

    .main-panel {
        width: 100%;
    }

}

/* #### FOOTER #### */

.footer {
    transition: all 0.2s ease-in-out;
}

.footer .nav-link:hover {
    color: var(--color-second);
}

@media (max-width:1198.99px) {
    .footer .copyright {
        text-align: right;
    }
}

/* #### END FOOTER #### */

/* #### SIDEBAR #### */

.sidenav-header {
    height: auto;
}

.sidenav .navbar-brand {
    padding: 1rem 1.5rem;
}

.navbar-vertical .navbar-nav .nav-link>i {
    min-width: 1.5rem;
    color: var(--color-first);
    font-size: 1.5em;
}

.sidenav .nav-link {
    display: flex;
    align-items: center;
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link:hover,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link:hover {
    color: #212529;
}

@media (min-width:1200px) {
    .g-sidenav-hidden .navbar-vertical.navbar-expand-xs:not(:hover) .navbar-nav .nav-link {
        justify-content: center;
        text-align: center;
    }

    .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-mini-icon {
        opacity: 1;
        width: auto;
        min-width: 1.3rem;
    }

    .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon {
        margin-left: 0;
    }
}

@media (max-width: 1198.99px) {

    .nav-open .sidebar {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate3d(0px, 0, 0);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .nav-open .menu-on-right .navbar-collapse,
    .nav-open .menu-on-right .sidebar {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate3d(0px, 0, 0);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .menu-on-right .sidebar {
        left: auto;
        right: 0;
        -webkit-transform: translate3d(260px, 0, 0);
        -moz-transform: translate3d(260px, 0, 0);
        -o-transform: translate3d(260px, 0, 0);
        -ms-transform: translate3d(260px, 0, 0);
        transform: translate3d(260px, 0, 0);
    }

    .sidebar,
    .bootstrap-navbar {
        position: fixed;
        display: block;
        top: 0;
        height: 100%;
        width: 260px;
        right: auto;
        left: 0;
        z-index: 100;
        visibility: visible;
        overflow-y: visible;
        padding: 0;
        -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -webkit-transform: translate3d(-260px, 0, 0);
        -moz-transform: translate3d(-260px, 0, 0);
        -o-transform: translate3d(-260px, 0, 0);
        -ms-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0);
    }
}

/* #### END SIDEBAR ####*/

/* #### NAVBAR #### */

.navbar {
    padding-top: 0.625rem;
    padding-bottom: 0;
    padding-left: 1.5em;
    margin-bottom: 0;
}

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

.navbar > .container-fluid {padding-left:0;}

.navbar a:not(.btn):not(.dropdown-item) {
    color: #FFFFFF;
}

.navbar a.dropdown-item {
    color: var(--color-third);
}

.navbar.bg-white .input-group .form-control,
.navbar.bg-white .input-group.no-border .form-control {
    color: #FFFFFF;
}

.navbar.bg-white .input-group .form-control::-moz-placeholder,
.navbar.bg-white .input-group.no-border .form-control::-moz-placeholder {
    color: #FFFFFF;
}

.navbar.bg-white .input-group .form-control:-ms-input-placeholder,
.navbar.bg-white .input-group.no-border .form-control:-ms-input-placeholder {
    color: #FFFFFF;
}

.navbar.bg-white .input-group .form-control::-webkit-input-placeholder,
.navbar.bg-white .input-group.no-border .form-control::-webkit-input-placeholder {
    color: #FFFFFF;
}

.navbar.bg-white .input-group-prepend .input-group-text i,
.navbar.bg-white .input-group-append .input-group-text i {
    color: #FFFFFF;
    opacity: .5;
}

.navbar .input-group i {
    color: #FFFFFF;
}

.navbar .form-group,
.navbar .input-group {
    margin: 0;
}

.navbar .form-control::placeholder {
    font-style: normal;
}

.navbar .form-group .form-group-addon,
.navbar .form-group .input-group-prepend .input-group-text,
.navbar .form-group .input-group-append .input-group-text,
.navbar .input-group .form-group-addon,
.navbar .input-group .input-group-prepend .input-group-text,
.navbar .input-group .input-group-append .input-group-text {
    color: #FFFFFF;
}

.navbar .form-group .form-group-addon i,
.navbar .form-group .input-group-prepend .input-group-text i,
.navbar .form-group .input-group-append .input-group-text i,
.navbar .input-group .form-group-addon i,
.navbar .input-group .input-group-prepend .input-group-text i,
.navbar .input-group .input-group-append .input-group-text i {
    opacity: 1;
}

.navbar .form-group.no-border .form-control,
.navbar .input-group.no-border .form-control {
    color: #FFFFFF;
}

.navbar .form-group.no-border .form-control::-moz-placeholder,
.navbar .input-group.no-border .form-control::-moz-placeholder {
    color: #FFFFFF;
}

.navbar .form-group.no-border .form-control:-ms-input-placeholder,
.navbar .input-group.no-border .form-control:-ms-input-placeholder {
    color: #FFFFFF;
}

.navbar .form-group.no-border .form-control::-webkit-input-placeholder,
.navbar .input-group.no-border .form-control::-webkit-input-placeholder {
    color: #FFFFFF;
}

.navbar p {
    display: inline-block;
    margin: 0;
    line-height: 1.8em;
    font-size: 1em;
    font-weight: 400;
}

.navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    padding-top: 10px;
    z-index: 1029;
}

.documentation .navbar.fixed-top {
    left: 0;
    width: initial;
}

.navbar .navbar-wrapper {
    display: inline-flex;
    align-items: center;
}

.navbar .navbar-wrapper .navbar-minimize {
    padding-right: 10px;
}

.navbar .navbar-wrapper .navbar-minimize .btn {
    margin: 0;
}

.navbar .navbar-wrapper .navbar-toggle:hover .navbar-toggler-bar.bar2 {
    width: 22px;
}

.navbar .navbar-nav.navbar-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 49px;
    top: -4px;
}

.navbar .navbar-nav .nav-link.btn {
    padding: 11px 22px;
}

.navbar .navbar-nav .nav-link.btn.btn-lg {
    padding: 15px 48px;
}

.navbar .navbar-nav .nav-link.btn.btn-sm {
    padding: 5px 15px;
}

.navbar .navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: 0.7142em;
    padding: 0.5rem 0.7rem;
    line-height: 1.625rem;
    margin-right: 5px;
    position: relative;
}

.navbar .navbar-nav .nav-link i.fa,
.navbar .navbar-nav .nav-link i.nc-icon {
    font-size: 18px;
    position: relative;
    top: 3px;
    text-align: center;
    width: 30px;
    margin-right: 3px;
}

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

.navbar .unread-badge {
    background-color: #ef5757;
    border-radius:3em;
    padding: 0.4em 0.6em;
    font-weight: bold;
    position: absolute;
    color: #FFFFFF;
    font-size: 0.8em;
    top: 0.3em;
    left: 2.3em;
    line-height:1em;
    z-index:10;
}

.navbar .avatar {
    border: 1px solid #FFFFFF;
    margin-right: 3px;
}

.navbar .navbar-nav .nav-link i.nc-icon {
    top: 4px;
    font-size: 16px;
}

.navbar .navbar-nav .nav-link.profile-photo .profile-photo-small {
    width: 27px;
    height: 27px;
}

.navbar .navbar-nav .nav-link.disabled {
    opacity: .5;
    color: #FFFFFF;
}

.navbar .form-group.no-border .form-control,
.navbar .input-group.no-border .form-control {
    width: 100px;
    -webkit-transition: width 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.navbar .input-group.no-border.input-group-focus .form-control {
    width: 240px;
}

.navbar .navbar-nav .nav-item.active .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):active {
    border-radius: 3px;
    color: #66615B;
}

.navbar .logo-container {
    width: 27px;
    height: 27px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid transparent;
}

.navbar .navbar-toggler {
    padding: 0.2em;
    border-radius: 0;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    line-height:inherit;
}

.navbar .navbar-toggler:focus,
.navbar .navbar-toggler:hover {
    box-shadow: none;
}

.navbar .navbar-toggler:active {
    box-shadow: none;
    background: #FFFFFF;
}

.navbar .navbar-toggler .navbar-toggler-bar.navbar-kebab {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 0 auto;
}

.navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {
    width: 17px;
}

.navbar-toggler-icon {color:#FFFFFF; opacity:0.8;}
.navbar-toggler-icon:hover, .navbar-toggler-icon:active {opacity:1;}

.navbar .navbar-toggler:active .navbar-toggler-icon {color:var(--color-second);}

.navbar.navbar-transparent {
    background-color: transparent !important;
    box-shadow: none;
}

.navbar.navbar-transparent a:not(.dropdown-item):not(.btn) {
    color: #FFFFFF;
}

.navbar.navbar-transparent a:not(.dropdown-item):not(.btn).disabled {
    opacity: .5;
    color: #FFFFFF;
}

.navbar.navbar-transparent .button-bar {
    background: #FFFFFF;
}

.navbar.navbar-transparent .nav-item .nav-link:not(.btn) {
    color: #FFFFFF;
}

.navbar.navbar-transparent .nav-item.active .nav-link:not(.btn),
.navbar.navbar-transparent .nav-item .nav-link:not(.btn):focus,
.navbar.navbar-transparent .nav-item .nav-link:not(.btn):hover,
.navbar.navbar-transparent .nav-item .nav-link:not(.btn):active {
    color: #FFFFFF;
}

.navbar.bg-white a:not(.dropdown-item):not(.btn) {
    color: var(--color-third);
}

.navbar.bg-white a:not(.dropdown-item):not(.btn):focus,
.navbar.bg-white a:not(.dropdown-item):not(.btn):hover,
.navbar.bg-white a:not(.dropdown-item):not(.btn):active {
    color: #426BAA;
}

.navbar.bg-white a:not(.dropdown-item):not(.btn).disabled {
    opacity: .5;
    color: var(--color-third);
}

.navbar.bg-white .button-bar {
    background: #FFFFFF;
}

.navbar.bg-white .logo-container {
    border: 1px solid #66615B;
}

.navbar .navbar-admin {
    margin-left: 2em;
}

.navbar .navbar-admin .icon {
    font-size: 2em;
    color: #FFFFFF;
    opacity: 0.7;
    margin: 0 0.5em;
}

.navbar .navbar-admin .icon:hover,
.navbar .navbar-admin .icon:focus,
.navbar .navbar-admin .icon:active {
    opacity: 1;
}

.navbar .nav-link .bi {
    font-size: 1.5em;
}

.navbar .avatar {
    width: 30px;
    height: 30px;
}

.navbar-vertical.navbar-expand-xs {
    z-index: 100;
}

@media (min-width:1200px) {

    .navbar .navbar-toggler {margin-right:0.25em;}

    .navbar-toggler-icon {display:inline-block;}

    .navbar-toggler-icon.compress {display:inline-block;}
    .navbar-toggler-icon.expand {display:none;}

    .g-sidenav-hidden .navbar-toggler-icon.compress {display:none;}
    .g-sidenav-hidden .navbar-toggler-icon.expand {display:inline-block;}

    .navbar-search-form {
        display: none;
    }

    .navbar-nav.navbar-right li .dropdown-menu:after {
        left: auto;
        right: 12px;
    }

    .footer:not(.footer-big) nav ul li:first-child {
        margin-left: 0;
    }

    body>.navbar-collapse.collapse {
        display: none !important;
    }

    .navbar.navbar-transparent .nav-item .nav-link:not(.btn) :not(.unread-badge), .navbar.navbar-transparent .nav-item .nav-link:not(.btn)::after {
        opacity:0.7;
    }
    
    .navbar.navbar-transparent .nav-item .nav-link:not(.btn):hover *, .navbar.navbar-transparent .nav-item .nav-link:not(.btn):hover::after {
        opacity:1;
    }

    .navbar .navbar-collapse .nav-link i {font-size:1.5em;}
}

@media (max-width: 1198.99px) {

    .navbar .navbar-toggler {margin-right:0.5em;}

    .navbar-toggle .navbar-toggler .navbar-toggler-icon {display:none;}

    .navbar.navbar-absolute {
        padding: 0.625rem 0;
        position: static;
    }

    .navbar .navbar-brand {
        font-size: 16px;
        margin-right: 0;
    }

    .profile-photo .profile-photo-small {
        margin-left: -2px;
    }

    .button-dropdown {
        display: none;
    }

    #minimizeSidebar {
        display: none;
    }

    .navbar .container-fluid {
        padding-right: 0.5em;
    }

    .navbar .navbar-collapse .input-group {
        margin: 0;
        margin-top: 5px;
    }

    .navbar .navbar-nav .nav-item:first-child {
        margin-top: 10px;
    }

    .navbar .navbar-nav .nav-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .navbar.bg-white .input-group .form-control,
    .navbar.bg-white .input-group .input-group-append .input-group-text {
        background-color: #373435;
        opacity: 0.5;
    }

    .navbar.bg-white .form-group.no-border .form-control:focus+.input-group-prepend .input-group-text,
    .navbar.bg-white .form-group.no-border .form-control:focus+.input-group-append .input-group-text,
    .navbar.bg-white .input-group.no-border .form-control:focus+.input-group-prepend .input-group-text,
    .navbar.bg-white .input-group.no-border .form-control:focus+.input-group-append .input-group-text {
        background-color: #373435;
        opacity: 1;
    }

    .navbar.bg-white .input-group-focus .form-control,
    .navbar.bg-white .input-group-focus .input-group-append .input-group-text i {
        opacity: 1;
    }

    .navbar.navbar-transparent .navbar-collapse {
        box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
        margin: 1em 0;
        background: #fff;
        padding: 0.5rem 0;
    }

    .navbar .navbar-collapse.show .unread-badge, .navbar .navbar-collapse.collapsing .unread-badge {
        top: 0.4em;
        left: 2.2em;
        font-size: 0.6em;
    }

    .navbar .navbar-collapse.show .nav-item:not(:last-child), .navbar .navbar-collapse.collapsing .nav-item:not(:last-child), .navbar .navbar-collapse.show .nav-item:first-child, .navbar .navbar-collapse.collapsing .nav-item:first-child {
        margin:0; 
    }

    .navbar.navbar-transparent .navbar-collapse.show .nav-link:not(.btn), .navbar.navbar-transparent .navbar-collapse.collapsing .nav-link:not(.btn) {
        color: var(--color-first);
        margin-right: 0;
        font-size:0.9em;
        opacity: 1;
    }

    .navbar .navbar-collapse.show .nav-link i, .navbar .navbar-collapse.collapsing .nav-link i {
        font-size:1.2em;
        color: var(--color-first);
        margin-right: 0.5em;
    }

    .navbar.navbar-transparent .navbar-collapse .nav-link:not(.btn):hover,
    .navbar.navbar-transparent .navbar-collapse .nav-link:not(.btn):focus,
    .navbar.navbar-transparent .navbar-collapse .nav-link:not(.btn):active {
        background-color: var(--color-second);
        color:#FFFFFF;
    }

    .navbar.navbar-transparent .navbar-collapse .nav-link:not(.btn):hover i,
    .navbar.navbar-transparent .navbar-collapse .nav-link:not(.btn):focus i,
    .navbar.navbar-transparent .navbar-collapse .nav-link:not(.btn):active i {
        color:#FFFFFF;
    }

    .dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after {
        transition: 0.3s ease;
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        border: none;
        vertical-align: middle;
        font-weight: 600;
    }

    .navbar .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 22px;
        height: 1px;
        border-radius: 1px;
        background: #FFFFFF;
    }

    .navbar .navbar-toggler:active .navbar-toggler-bar {
        background: var(--color-second);
    }

    .navbar .navbar-toggler-bar+.navbar-toggler-bar {
        margin-top: 7px;
    }

    .navbar .navbar-toggler-bar+.navbar-toggler-bar.navbar-kebab {
        margin-top: 3px;
    }

    .navbar .navbar-toggler-bar.bar2 {
        width: 17px;
        transition: width .2s linear;
    }

    .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
        background-color: #66615B;
    }

    .navbar .toggled .navbar-toggler-bar {
        width: 24px;
    }

    .navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar {
        margin-top: 5px;
    }

    .nav-open .menu-on-right .navbar-translate {
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
    }

    .bar1,
    .bar2,
    .bar3 {
        outline: 1px solid transparent;
    }

    .bar1 {
        top: 0px;
        -webkit-animation: topbar-back 500ms linear 0s;
        -moz-animation: topbar-back 500ms linear 0s;
        animation: topbar-back 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .bar2 {
        opacity: 1;
    }

    .bar3 {
        bottom: 0px;
        -webkit-animation: bottombar-back 500ms linear 0s;
        -moz-animation: bottombar-back 500ms linear 0s;
        animation: bottombar-back 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .toggled .bar1 {
        top: 6px;
        -webkit-animation: topbar-x 500ms linear 0s;
        -moz-animation: topbar-x 500ms linear 0s;
        animation: topbar-x 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .toggled .bar2 {
        opacity: 0;
    }

    .toggled .bar3 {
        bottom: 6px;
        -webkit-animation: bottombar-x 500ms linear 0s;
        -moz-animation: bottombar-x 500ms linear 0s;
        animation: bottombar-x 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    @keyframes topbar-x {
        0% {
            top: 0px;
            transform: rotate(0deg);
        }

        45% {
            top: 6px;
            transform: rotate(145deg);
        }

        75% {
            transform: rotate(130deg);
        }

        100% {
            transform: rotate(135deg);
        }
    }

    @-webkit-keyframes topbar-x {
        0% {
            top: 0px;
            -webkit-transform: rotate(0deg);
        }

        45% {
            top: 6px;
            -webkit-transform: rotate(145deg);
        }

        75% {
            -webkit-transform: rotate(130deg);
        }

        100% {
            -webkit-transform: rotate(135deg);
        }
    }

    @-moz-keyframes topbar-x {
        0% {
            top: 0px;
            -moz-transform: rotate(0deg);
        }

        45% {
            top: 6px;
            -moz-transform: rotate(145deg);
        }

        75% {
            -moz-transform: rotate(130deg);
        }

        100% {
            -moz-transform: rotate(135deg);
        }
    }

    @keyframes topbar-back {
        0% {
            top: 6px;
            transform: rotate(135deg);
        }

        45% {
            transform: rotate(-10deg);
        }

        75% {
            transform: rotate(5deg);
        }

        100% {
            top: 0px;
            transform: rotate(0);
        }
    }

    @-webkit-keyframes topbar-back {
        0% {
            top: 6px;
            -webkit-transform: rotate(135deg);
        }

        45% {
            -webkit-transform: rotate(-10deg);
        }

        75% {
            -webkit-transform: rotate(5deg);
        }

        100% {
            top: 0px;
            -webkit-transform: rotate(0);
        }
    }

    @-moz-keyframes topbar-back {
        0% {
            top: 6px;
            -moz-transform: rotate(135deg);
        }

        45% {
            -moz-transform: rotate(-10deg);
        }

        75% {
            -moz-transform: rotate(5deg);
        }

        100% {
            top: 0px;
            -moz-transform: rotate(0);
        }
    }

    @keyframes bottombar-x {
        0% {
            bottom: 0px;
            transform: rotate(0deg);
        }

        45% {
            bottom: 6px;
            transform: rotate(-145deg);
        }

        75% {
            transform: rotate(-130deg);
        }

        100% {
            transform: rotate(-135deg);
        }
    }

    @-webkit-keyframes bottombar-x {
        0% {
            bottom: 0px;
            -webkit-transform: rotate(0deg);
        }

        45% {
            bottom: 6px;
            -webkit-transform: rotate(-145deg);
        }

        75% {
            -webkit-transform: rotate(-130deg);
        }

        100% {
            -webkit-transform: rotate(-135deg);
        }
    }

    @-moz-keyframes bottombar-x {
        0% {
            bottom: 0px;
            -moz-transform: rotate(0deg);
        }

        45% {
            bottom: 6px;
            -moz-transform: rotate(-145deg);
        }

        75% {
            -moz-transform: rotate(-130deg);
        }

        100% {
            -moz-transform: rotate(-135deg);
        }
    }

    @keyframes bottombar-back {
        0% {
            bottom: 6px;
            transform: rotate(-135deg);
        }

        45% {
            transform: rotate(10deg);
        }

        75% {
            transform: rotate(-5deg);
        }

        100% {
            bottom: 0px;
            transform: rotate(0);
        }
    }

    @-webkit-keyframes bottombar-back {
        0% {
            bottom: 6px;
            -webkit-transform: rotate(-135deg);
        }

        45% {
            -webkit-transform: rotate(10deg);
        }

        75% {
            -webkit-transform: rotate(-5deg);
        }

        100% {
            bottom: 0px;
            -webkit-transform: rotate(0);
        }
    }

    @-moz-keyframes bottombar-back {
        0% {
            bottom: 6px;
            -moz-transform: rotate(-135deg);
        }

        45% {
            -moz-transform: rotate(10deg);
        }

        75% {
            -moz-transform: rotate(-5deg);
        }

        100% {
            bottom: 0px;
            -moz-transform: rotate(0);
        }
    }

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

        100% {
            opacity: 1;
        }
    }

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

        100% {
            opacity: 1;
        }
    }

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

        100% {
            opacity: 1;
        }
    }

}

/* #### END NAVBAR #### */

/* #### DROPDOWN MENU #### */

.dropdown-menu {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 1px 2px 7px 1px rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 7px 1px rgba(0, 0, 0, 0.125);
    visibility: hidden;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
}

.dropdown .dropdown-menu[x-placement="top-start"],
.dropup .dropdown-menu[x-placement="top-start"],
.bootstrap-select .dropdown-menu[x-placement="top-start"] {
    -webkit-transform: translate3d(-20px, 0px, 0) !important;
    -moz-transform: translate3d(-20px, 0px, 0) !important;
    -o-transform: translate3d(-20px, 0px, 0) !important;
    -ms-transform: translate3d(-20px, 0px, 0) !important;
    transform: translate3d(-20px, 0px, 0) !important;
}

.dropdown .dropdown-menu[x-placement="bottom-start"],
.dropup .dropdown-menu[x-placement="bottom-start"],
.bootstrap-select .dropdown-menu[x-placement="bottom-start"] {
    -webkit-transform: translate3d(-20px, 0px, 0) !important;
    -moz-transform: translate3d(-20px, 0px, 0) !important;
    -o-transform: translate3d(-20px, 0px, 0) !important;
    -ms-transform: translate3d(-20px, 0px, 0) !important;
    transform: translate3d(-20px, 0px, 0) !important;
}

.dropdown-menu.show,
.dropdown.show .dropdown-menu,
.dropup.show .dropdown-menu,
.bootstrap-select.show .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.dropdown.show .dropdown-menu[x-placement="top-start"],
.dropup.show .dropdown-menu[x-placement="top-start"],
.bootstrap-select.show .dropdown-menu[x-placement="top-start"] {
    -webkit-transform: translate3d(-20px, -50px, 0) !important;
    -moz-transform: translate3d(-20px, -50px, 0) !important;
    -o-transform: translate3d(-20px, -50px, 0) !important;
    -ms-transform: translate3d(-20px, -50px, 0) !important;
    transform: translate3d(-20px, -50px, 0) !important;
    top: auto !important;
    bottom: 0 !important;
}

.dropdown.show .dropdown-menu[x-placement="bottom-start"],
.dropup.show .dropdown-menu[x-placement="bottom-start"],
.bootstrap-select.show .dropdown-menu[x-placement="bottom-start"] {
    -webkit-transform: translate3d(-20px, 50px, 0) !important;
    -moz-transform: translate3d(-20px, 50px, 0) !important;
    -o-transform: translate3d(-20px, 50px, 0) !important;
    -ms-transform: translate3d(-20px, 50px, 0) !important;
    transform: translate3d(-20px, 50px, 0) !important;
    bottom: auto !important;
    top: 0 !important;
}

.dropup .dropdown-menu,
.dropdown-btn .dropdown-menu {
    -webkit-transform: translate3d(-20px, 0px, 0) !important;
    -moz-transform: translate3d(-20px, 0px, 0) !important;
    -o-transform: translate3d(-20px, 0px, 0) !important;
    -ms-transform: translate3d(-20px, 0px, 0) !important;
    transform: translate3d(-20px, 0px, 0) !important;
    top: auto !important;
    bottom: 0 !important;
}

.dropup.show .dropdown-menu,
.dropdown-btn.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.dropup.show .dropdown-menu .dropdown-menu.inner,
.dropdown-btn.show .dropdown-menu .dropdown-menu.inner {
    -webkit-transform: translate3d(0, 0px, 0) !important;
    -moz-transform: translate3d(0, 0px, 0) !important;
    -o-transform: translate3d(0, 0px, 0) !important;
    -ms-transform: translate3d(0, 0px, 0) !important;
    transform: translate3d(0, 0px, 0) !important;
}

.bootstrap-select.show .dropdown-menu.show[x-placement="top-start"] {
    -webkit-transform: translate3d(-20px, -60px, 0) !important;
    -moz-transform: translate3d(-20px, -60px, 0) !important;
    -o-transform: translate3d(-20px, -60px, 0) !important;
    -ms-transform: translate3d(-20px, -60px, 0) !important;
    transform: translate3d(-20px, -60px, 0) !important;
    top: auto !important;
    bottom: 0 !important;
}

.bootstrap-select.show .dropdown-menu.show li:last-child a:hover {
    border-radius: 0 0 12px 12px;
}

.bootstrap-select.dropup.show:before {
    top: -1px !important;
}

.bootstrap-select.dropup.show:after {
    top: -2px !important;
}

.dropdown-menu {
    background-color: #FFFFFF;
    border: 0 none;
    border-radius: 12px;
    margin-top: 10px;
    padding: 0px;
}

.dropdown-menu .divider {
    background-color: #F1EAE0;
    margin: 0px;
}

.dropdown-menu .dropdown-header {
    color: #9A9A9A;
    font-size: 0.8571em;
    padding: 10px 15px;
}

.dropdown-menu .no-notification {
    color: #9A9A9A;
    font-size: 1.2em;
    padding: 30px 30px;
    text-align: center;
}

.dropdown-menu .dropdown-item {
    color: #66615b;
    font-size: 14px;
    padding: 10px 15px;
    clear: both;
    width: 100%;
    display: block;
}

.dropdown-menu .dropdown-item.view-more {
    color: var(--color-first);
    text-align: center;
    font-size: 0.9em;
}

.dropdown-menu .dropdown-item.view-more:hover,
.dropdown-menu .dropdown-item.view-more:focus {
    background-color: var(--color-second);
    color: #FFFFFF;
}

.dropdown .dropdown-menu:before {
    content: "";
}

.dropdown-menu .dropdown-item img {
    margin-top: -3px;
}

.dropdown-menu .dropdown-item:focus {
    outline: 0 !important;
}

.btn-group.select .dropdown-menu {
    min-width: 100%;
}

.dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.select .dropdown-menu .dropdown-item:first-child {
    border-radius: 0;
    border-bottom: 0 none;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.unread:hover,
.dropdown-menu .dropdown-item.unread:focus {
    color: #FFFFFF !important;
    opacity: 1;
    text-decoration: none;
    background-color: #373435;
}

.dropdown-menu.dropdown-primary .dropdown-item:hover,
.dropdown-menu.dropdown-primary .dropdown-item:focus {
    background-color: #6dd3d6;
}

.dropdown-menu.dropdown-info .dropdown-item:hover,
.dropdown-menu.dropdown-info .dropdown-item:focus {
    background-color: #6ec7e0;
}

.dropdown-menu.dropdown-success .dropdown-item:hover,
.dropdown-menu.dropdown-success .dropdown-item:focus {
    background-color: #86d9ab;
}

.dropdown-menu.dropdown-warning .dropdown-item:hover,
.dropdown-menu.dropdown-warning .dropdown-item:focus {
    background-color: #fcd27b;
}

.dropdown-menu.dropdown-danger .dropdown-item:hover,
.dropdown-menu.dropdown-danger .dropdown-item:focus {
    background-color: #f29978;
}

.dropdown-menu-right {
    right: -2px;
    left: auto;
}

.dropdown-divider {
    margin: 0 !important;
}

.btn-group.select.open {
    overflow: visible;
}

.dropup .dropdown-toggle:after,
.dropdown .dropdown-toggle:after {
    margin-left: 0.5em;
}

.dropdown-notification .dropdown-notification-list .notification-item {
    border-bottom: 1px solid #F1EAE0;
    font-size: 16px;
    color: #66615b;
}

.dropdown-notification .dropdown-notification-list .notification-item .notification-text {
    padding-left: 40px;
    position: relative;
    min-width: 330px;
    min-height: 70px;
    white-space: normal;
}

.dropdown-notification .dropdown-notification-list .notification-item .notification-text .label {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 7px;
}

.dropdown-notification .dropdown-notification-list .notification-item .notification-text .message {
    font-size: 0.9em;
    line-height: 0.7;
    margin-left: 10px;
}

.dropdown-notification .dropdown-notification-list .notification-item .notification-text .time {
    color: #9A9A9A;
    font-size: 0.7em;
    margin-left: 10px;
}

.dropdown-notification .dropdown-notification-list .notification-item .read-notification {
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -12px;
}

.dropdown-notification .dropdown-notification-list .notification-item:hover {
    text-decoration: none;
}

.dropdown-notification .dropdown-notification-list .notification-item:hover .notification-text {
    color: #66615b;
    background-color: #F0EFEB !important;
}

.dropdown-notification .dropdown-notification-list .notification-item:hover .read-notification {
    opacity: 1 !important;
}

.dropdown-notification .dropdown-footer {
    background-color: #E8E7E3;
    border-radius: 0 0 8px 8px;
}

.dropdown-notification .dropdown-footer .dropdown-footer-menu {
    list-style: outside none none;
    padding: 0px 5px;
}

.dropdown-notification .dropdown-footer .dropdown-footer-menu li {
    display: inline-block;
    text-align: left;
    padding: 0 10px;
}

.dropdown-notification .dropdown-footer .dropdown-footer-menu li a {
    color: #9C9B99;
    font-size: 0.9em;
    line-height: 35px;
}

@media (min-width: 1200px) {

    .navbar-nav .dropdown-menu:after,
    .card.card-just-text .dropdown .dropdown-menu:after,
    .card-just-text .dropdown .dropdown-menu:after,
    .dropdown-btn .dropdown-menu:after {
        border-bottom: 11px solid #FFFFFF;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        right: 9px;
        top: -11px;
    }

    .dropdown:not(.dropdown-hover) .dropdown-menu {
        margin-top: 50px !important;
        right: 0;
    }

    .dropdown-menu .scroll {
        max-height: calc(100vh - 150px);
        overflow: auto;
        overflow-x: hidden;
    }

    .navbar-nav .dropdown-item .dropdown-menu,
    .dropdown .dropdown-menu,
    .dropdown-btn .dropdown-menu {
        transform: translate3d(0px, -40px, 0px);
        transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
    }

    .navbar-nav .dropdown-item.show .dropdown-menu,
    .dropdown.show .dropdown-menu,
    .dropdown-btn.show .dropdown-menu {
        transform: translate3d(0px, 0px, 0px);
        visibility: visible !important;
    }

    .bootstrap-select .dropdown-menu {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
    }

    .bootstrap-datetimepicker-widget {
        visibility: visible !important;
    }

    .bootstrap-select .show .dropdown-menu {
        transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
        transform: translate3d(0px, 0px, 0px);
    }
}

@media screen and (max-width: 1199.98px) {
    
    .dropdown-menu .scroll {
        max-height: calc(100vh - 260px);
        overflow: auto;
        overflow-x: hidden;
    }

    .dropdown-menu .dropdown-item.notification {
        max-width: none;
        white-space: normal;
    }

    .dropdown-menu .dropdown-item.notification span {
        text-overflow: clip;
        overflow: auto;
        white-space: normal;
    }

    .navbar .dropdown-menu {
        display: none;
    }

    .dropdown-menu-right {
        right: 0;
    }

    .navbar-toggler + .navbar-collapse .dropdown.nav-item .dropdown-menu {
        background-color: transparent;
        position: relative;
        overflow:inherit;
    }

    .navbar .dropdown-menu.show {
        display: block;
    }

    .navbar .dropdown .dropdown-menu {
        margin-top: 0 !important;
    }

    .navbar .dropdown.show .dropdown-menu,
    .navbar .dropdown .dropdown-menu {
        border: 0;
        transition: none;
        -webkit-box-shadow: none;
        width: auto;
        margin: 0px;
        box-shadow: none;
        position: static;
    }

    .navbar .dropdown .dropdown-menu .dropdown-item:first-child,
    .navbar .dropdown .dropdown-menu .dropdown-item:last-child {
        border-radius: 0;
    }

    .navbar .dropdown .dropdown-menu .dropdown-item:last-child {
        border-bottom: 0;
    }

    .navbar .dropdown.show .dropdown-menu:before,
    .navbar .dropdown .dropdown-menu:before {
        display: none;
    }

    .navbar .dropdown-menu .dropdown-item:focus,
    .navbar .dropdown-menu .dropdown-item:hover {
        color: #FFFFFF;
    }

    .navbar.bg-white .dropdown-menu .dropdown-item:focus,
    .navbar.bg-white .dropdown-menu .dropdown-item:hover {
        color: #66615B;
    }

    .timeline:before {
        left: 5% !important;
    }

    .timeline>li>.timeline-badge {
        left: 5% !important;
    }

    .timeline>li>.timeline-panel {
        float: right !important;
        width: 82% !important;
    }

    .timeline>li>.timeline-panel:before {
        border-left-width: 0 !important;
        border-right-width: 15px !important;
        left: -15px !important;
        right: auto !important;
    }

    .timeline>li>.timeline-panel:after {
        border-left-width: 0 !important;
        border-right-width: 14px !important;
        left: -14px !important;
        right: auto !important;
    }
}

/* #### END DROPDOWN MENU #### */

/* #### NOTIFICATIONS #### */

.notification-icon {
    margin-right: 5px;
    width: 25px;
    display: inline-block;
    text-align: center;
}

.notification-body {
    font-size: 0.8em;
    opacity: 0.8;
}

.table .notification-body {
    font-size: 0.9em;
}

.notification-date {
    margin-top: 0.5em;
    text-align: right;
    font-size: 0.8em;
    opacity: 0.6;
}

.table .notification-date {
    margin: 0;
    font-size: 0.8em;
}

.navbar-nav .notification-title, .navbar-nav .notification-body, .navbar-nav .notification-date {display:block;}

.notification-detail {display:flex; vertical-align:middle;}
.notification-detail h6 {display:inline-block; margin-right:1em;}
.notification-detail .notification-body {display:inline-block; margin:0 0 0 1em; opacity:1; font-size:1em;}
.notification-detail .notification-date {opacity:1; font-size:0.9em; margin:0;}

.dropdown-menu .dropdown-item.notification {
    border-bottom: 1px solid #EEE;
    max-width: 300px;
    min-width: 20em;
    white-space:normal;
}

.dropdown-menu .notification-row {
    display: flex;
}

.dropdown-menu .notification-icon {
    flex: 0 0 15%;
}

.dropdown-menu .notification-icon i {
    font-size: 1.5em;
    margin-right:0.25em;
}

.dropdown-menu .notification-content {
    flex: auto;
}

.dropdown-menu .notification-date {
    flex: auto;
}

.dropdown-menu .notification-empty {
    padding:1em;
    text-align:center;
}


.dropdown-menu .dropdown-item.unread {
    background-color: #EEE;
    position: relative;
}

/* #### ALERTS #### */

.alert {
    border: 1px solid;
    border-radius: 1em;
    display: flex;
    align-items: center;
    font-size:0.8em;
}

.alert.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    background-image: none;
}

.alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    background-image: none;
}

.alert.alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    background-image: none;
}

.alert button.close {
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.65em;
    color: #373435;
    opacity: 0.7;
    text-shadow: none;
    line-height: 0;
    outline: 0;
    border: none;
    background: none;
}

.alert .close i {
    font-size: 1.3em !important;
    line-height: 1.3em;
}

.alert .close:hover,
.alert .close:focus {
    opacity: 1;
}

.alert span[data-notify="icon"] {
    font-size: 27px;
    display: inline-block;
    margin-right: 0.5em;
}

/* #### TABLES #### */

.table .hover {
    cursor: pointer;
}

.table .hover:hover td,
.table .hover:focus td {
    background-color: var(--color-third);
    color: #FFFFFF;
}

.table .hover:hover td a,
.table .hover:focus td a {
    color: #FFFFFF;
}

.table .hover .btn:not(.team):hover,
.table .hover .btn:not(.team):focus,
.table .hover .btn:not(.team):active {
    background-color: #FFFFFF !important;
    color: var(--color-third) !important;
}

.table .unread td {
    background-color: #EEE;
    letter-spacing: 0.5px;
}

.table td {
    padding: 0.8em 1em;
    vertical-align: middle;
}

.table td:first-child,
.table th:first-child {
    padding-left: 1.5em;
}

.table td:last-child,
.table th:last-child {
    padding-right: 1.5em;
}

.table th {
    text-transform: uppercase;
}

.table .actions {
    text-align:right;
}

.table .actions > * {
    display: inline-block;
    font-size:1.1em;
}

.table .actions > :last-child {
    margin-right:0;
}

.table .actions a {
    display: inline-block;
    padding: 0.2em;
    color:var(--color-fifth);
}

.table .actions a:hover, .table .actions a:focus, .table .actions a:active {
    color: var(--color-second);
}

.table .blocked {
    font-style: italic;
    text-decoration: line-through;
    color: #999;
}

.table .admin-icon, .table .icon {margin-right:0.5em; color:#67748e; width:auto; height:auto;}

.table .icon.right {margin-left:0.5em;}

.table td.right {text-align:right;}

.search-message {text-align:center;}

.table-divider {
    text-align: center;
    padding: 1em ;
    color:#344767;
}

.collapsable:after {
    display:inline-block;
    transition: 0.3s ease;
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    border: none;
    vertical-align: middle;
    font-weight: 600;
    margin-left:0.5em;
}

.collapsable:not(.collapsed):after {
    transform: rotate(180deg);
}

/* #### END TABLES #### */

/* #### FORM CARD #### */

.card.main-card {word-break:normal;}

.card-footer .buttons {
    display: flex;
    justify-content: center;
    gap: 2em;
}

.input-leyend {font-size:0.7em; color:#67748e; margin-top:0.3em; font-style: italic;}
.input-leyend i {color:var(--color-first);}

.input-group .btn {margin:0; font-weight:normal;}

.form-control::file-selector-button {background-color:var(--color-first); color:#FFFFFF; border-color:var(--color-first);}
.form-control[type="file"]:hover::file-selector-button {background-color: var(--color-second) !important;}
.form-control[type="file"]:hover:active::file-selector-button {background-color: var(--color-first) !important;}
.form-control[type="file"]:hover {border-color: var(--color-second); box-shadow: 0 0 0 0.2rem var(--shadow-second);}

.form-control.with-button {border-top-right-radius:0; border-bottom-right-radius: 0;}

.form-switch-container {display:flex; align-items:center;}
.form-switch-container .form-label {margin:0 1em 0 0.25rem;}

.custom-file {margin-left: 1em; }

.invalid-feedback {
    display: block;
}

.choices__list.is-active {
    z-index: 9999;
}

.icon-selector-item {
    min-width: 1.5em;
    margin-right: 0.5em;
    text-align: center;
}

.choices {margin-bottom:0;}

.choices .choices__list--dropdown, .choices .choices__item {word-break: normal;}


.is-invalid .choices__inner { border-color: #fd5c70; }

.is-invalid .choices[data-type*=select-one]:not(.is-open):after {
    content: " "; 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem 1rem;
    width:1em;
    height:1em;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #fd5c70;
    padding-right: unset;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

.tagify {
    --placeholder-color: #67748E !important;
    --input-color: #495057 !important;
}

.form-control.tagify--empty .tagify__input::before {
    opacity:0.5;
}

.tagify.form-control {
    display: flex;
    align-items: center;
    vertical-align: top;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d2d6da;
    border-radius: 0.5rem;
    font-size: 14px;
    min-height: 40px;
    overflow: hidden;
}

.is-invalid .tagify.form-control { border-color: #fd5c70; }

.is-invalid .tagify:not(.tagify--focus):after {
    content: " "; 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem 1rem;
    width:1em;
    height:1em;
}

.tagify:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 13.5px;
    top: 14px;
    pointer-events: none;
    transition: 0.3s ease;
}

.tagify.tagify--focus:after {
    transform: rotate(180deg);
}

.tagify__dropdown.choices__list {overflow:visible; margin-top:-1.2em;}

.tagify__tag.btn {color: var(--color-third); background: var(--color-sixth); font-weight:400; padding:0.5em; font-size:0.9em; }

.tagify__tag__removeBtn.custom {
    margin-right:0;
    margin-left:0.5em;
}

.tagify__tag.btn-sm {
    padding-right:0.5em;
}

.tagify__dropdown > div {   
  border:none;
  padding:0;
  margin:0;
  box-shadow:none;
  transition:none;
}

.tagify__dropdown.choices__list--dropdown .choices__item--selectable.tagify__dropdown__item--active {
    background: var(--color-sixth);
    color: var(--color-third);
}

.fieldtoggler {display:inline-block; font-size:0.9em; line-height:1;}
.fieldtoggler.btn-close { overflow: hidden; text-indent: 1000px;}

@media (min-width: 1000px) {

    .card-body .gap {gap: 1.5rem;}
    .card-body .col {flex:1 0 0%;}

}

@media (max-width: 1000px) {
    .card-body .col {flex:none;}
}

@media (min-width: 640px) {
    .choices__list.choices__list--dropdown .choices__item--selectable:after {
        right: 10px;
        top: auto;
        bottom: -4px;
    }
}
/* #### END FORM CARD ####*/

/* #### REQUEST EDIT PLAN ### */
.request-edit-plan {margin-left:2em;}
.request-edit-plan i:not(:hover) {opacity:0.5;}

.request-edit-plan .collapsing {
    transition: none;
}

.request-edit-plan .hide {display:none;}
/* #### END REQUEST CHANGE PLAN ### */

/* #### REQUEST STATE #### */

.request-state-container {display:flex; vertical-align:middle; align-items: center;}
.request-state-container .form-label {margin: 0 1em 0 0; vertical-align:middle;}
.request-state-container .request-state-card {padding:0.25em 0.75em; border-radius:0.5em; border:1px solid #00AFEF; margin-right:1em;}
.request-state-container .request-state-icon {height:auto; font-size:1.3em;}
.request-state-container .request-state {text-transform: uppercase; font-weight:bold;}
.request-state-container .request-leyend {font-size:0.8em;}

.table .request-state-icon {font-size:1.3em; margin:0 0 0 1em; vertical-align:middle;}

/* ##### END REQUEST STATE ##### */
/* ##### REQUEST ASSIGNMENT ##### */

.request-header {display:flex; justify-content: space-between;}
.request-header.unread {background-color: #EEE;}
.request-header h5 { margin:0;}
.request-assignment {position:relative; padding-left:2em; display:flex; align-items:center;}
.request-assignment .unassigned-icon {right:auto; left:0;}
.request-assignment .unassigned-leyend {margin-right:1em;}
.request-assignment .btn {margin-bottom:0;}

.request-assigned-container {padding:1em 0 0;}
.request-assigned-container .form-label {margin: 0 1em 0 0; vertical-align:middle;}
.request-assigned {padding-top:0.5em; font-size: 0.8em;}
.request-assigned .avatar {width: 20px; height: 20px; margin-right:0.5em;}
.request-assigned.big .avatar {width:30px; height:30px;}
.request-assigned-leyend {margin-right:2em; font-size:0.8em;}

.request-header .request-assigned {padding-top:0; margin-right:2em;}

.swal2-html-container {z-index:2}
.swal2-html-container small {font-size:0.8em;}
.swal2-html-container i.fa-info-circle {color:#05aFF2; margin-right:0.5em;}

.table .request-assigned { margin-right:1.5em; }

.dropdown-menu .dropdown-item.unread:before, .unassigned-icon {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    z-index: 1000;
    background-color: #00AFEF;
    content: "";
}

.table .unassigned-icon {
    margin-top: 0px;
    position:static;
    margin-right:0.5em;
    right:0;
    display:inline-block;
}
/* ##### END REQUEST ASSIGNMENT ##### */
/* ##### CLIENT FORM ##### */
.client-type-container {display:flex; gap:2em; align-items:center;}
.client-type {text-transform:uppercase; font-weight:bold; font-style:italic;}
.client-type-container .btn {margin-bottom:0;}
.client-type.tag { 
    
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    word-wrap: normal;
    word-break: normal;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    box-sizing: border-box;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: button;
    display: inline-block;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 1.875rem;
    color: #fff;
    background-color: var(--color-first);
    border-color: var(--color-first);
}
.client-type.tag.active { background-image: linear-gradient(310deg, #2dce89 0%, #2dcecc 100%);}
.client-type.tag.inactive { background-image: linear-gradient(310deg, #f5365c 0%, #f56036 100%);}
.client-type.tag.not-affiliated { background-image: linear-gradient(310deg, #f5365c 0%, #f56036 100%);}
/* ##### END CLIENT FORM ## */