@charset "UTF-8";

.extra-img-fit{
    width: 75%;
    height: auto;
    margin: auto;
    display: block;
}

.extra-img-fit-background{
    background-color: #dddddd;
    background-image: url(../images/extra-background.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: soft-light;
}

@media (max-width: 767px){
    .login-register {
        position: fixed !important;
    }
}

.extra-center-container{
    display: flex;
    justify-content: center;
}

.extra-center-content{
    margin-left: auto;
    margin-right: auto;
}

.extra-layout-bottom{
    position: relative;
    z-index: 1;
}

.extra-layout-10{
    position: absolute;
    z-index: 10;
}

.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
    border-left: none !important;
    border-right: 3px solid #009efb;
}

.sidebar-nav > ul > li.active > a {
    border-left: none !important;
    border-right: 3px solid #009efb;
}

.extra-paddidng-left-footer{
    padding: 17px 0;
}

.footer{
    background: #ebebff !important;
}

.extra-nav-header-bakcground{
    background: unset !important;
    box-shadow: unset !important;
}

.extra-dropdown-toggle::after{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.extra-title-sidebar{
    color: #798699 !important;
    text-align: center;
    position: relative;
    text-decoration: none;
    font-size: 1rem;
}

.preloader{
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.gif);
}

table.borderless td, table.borderless th{
    border: none !important;
}

table.no-strip td, table.no-strip th, table.no-strip tr{
    background: transparent !important;
}

.extra_hoy {
    border: #64a2dc 2px solid !important;
    color: #64a2dc !important;
}

.icheckbox_square-green, .iradio_square-green {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/36_0.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-green.checked {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/36_1.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-green.hover {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/36.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.icheckbox_square-gray, .iradio_square-gray {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/37_0.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-gray.checked {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/37_1.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-gray.hover {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/37.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.icheckbox_square-orange, .iradio_square-orange {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/38_0.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-orange.checked {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/38_1.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-orange.hover {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/38.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue, .iradio_square-blue {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/39_0.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-blue.checked {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/39_1.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-blue.hover {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/39.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.icheckbox_square-red, .iradio_square-red {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/40_0.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-red.checked {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/40_1.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.iradio_square-red.hover {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/calendar/40.png) no-repeat;
    background-size: 22px;
    border: none;
    cursor: pointer;
}

.file-upload-image {
    max-height: 100px;
    max-width: 100px;
    margin: auto;
    padding: 10px;
}

.grid-stack-item-content{
    overflow-y: hidden !important;
}

.extra-padding{
    padding: 0 30px;
}

.extra-padding img{
    object-fit: cover;
    height: 230px;
    width: 100%;
}

.login-box-error{
    width: 700px;
    margin: 0 auto;
    background-image: url(../../assets/images/background/error-bg.jpg);
}

@media (max-width: 767px){
    .login-box-error {
        width: 90%;
    }
}