.fs-1 {
    font-size: 0.0625rem;
}

.fs-2 {
    font-size: 0.125rem;
}

.fs-3 {
    font-size: 0.1875rem;
}

.fs-4 {
    font-size: 0.25rem;
}

.fs-5 {
    font-size: 0.3125rem;
}

.fs-6 {
    font-size: 0.375rem;
}

.fs-7 {
    font-size: 0.4375rem;
}

.fs-8 {
    font-size: 0.5rem;
}

.fs-9 {
    font-size: 0.5625rem;
}

.fs-10 {
    font-size: 0.625rem;
}

.fs-11 {
    font-size: 0.6875rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-13 {
    font-size: 0.8125rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-15 {
    font-size: 0.9375rem;
}

.fs-16 {
    font-size: 1rem;
}

.fs-17 {
    font-size: 1.0625rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-19 {
    font-size: 1.1875rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-21 {
    font-size: 1.3125rem;
}

.fs-22 {
    font-size: 1.375rem;
}

.fs-23 {
    font-size: 1.4375rem;
}

.fs-24 {
    font-size: 1.5rem;
}

.fs-25 {
    font-size: 1.5625rem;
}

.fs-26 {
    font-size: 1.625rem;
}

.fs-27 {
    font-size: 1.6875rem;
}

.fs-28 {
    font-size: 1.75rem;
}

.fs-29 {
    font-size: 1.8125rem;
}

.fs-30 {
    font-size: 1.875rem;
}

.fs-32 {
    font-size: 2rem;
}

.fs-34 {
    font-size: 2.125rem;
}

.fs-36 {
    font-size: 2.25rem;
}

.fs-38 {
    font-size: 2.375rem;
}

.fs-40 {
    font-size: 2.5rem;
}

/* End::font sizes */


@media (min-width: 992px) {
    .main-content .container {
        max-width: unset !important;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .main-header>.container {
        max-width: unset !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .horizontal-mainwrapper.container {
        max-width: unset !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.main-profile-menu a.profile-user::after {
    border-top-color: #48a6db;
    border-left-color: #48a6db;
    background-color: #48a6db;
}

.horizontal-color .horizontal-main.hor-menu {
    background: #48a6db;
}

@media (min-width: 992px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #f5f5f5;
    }
}

@media (min-width: 992px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #f5f5f5;
    }
}

@media (min-width: 992px) {
    .light-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
        color: white !important;
    }
}

.horizontalMenu>.horizontalMenu-list {
    background-color: #49a6db !important;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover {
    color: white !important;
    background-color: #1796de !important;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: white !important;
    background-color: #1796de !important;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>a {
    color: white !important;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li.sub-menu-sub:hover>a.active {
    color: white !important;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a.active {
    color: white !important;
}

@media only screen and (max-width: 991px) {
    .horizontalMenu>.horizontalMenu-list>li>.active {
        background-color: #1796de !important;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        background-color: #49a6db !important;
    }
}



@media (min-width: 991px) {
    .main-content.horizontal-content {
        padding-top: 0 !important;
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
        background: #1796de;
        color: #f0e912;
    }
}

@media (min-width: 992px) {
    .horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active .side-angle2:after {
        background: #1796de;
    }
}

@media (min-width: 992px) {
    .horizontal-color .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active .side-angle1:after {
        background: #1796de;
    }
}


@media (min-width: 1680px) {
    .container {
        max-width: 1680px;
    }

    .table thead th {
        vertical-align: middle;
        text-transform: none;
        white-space: nowrap;
    }
}

.dataTables_processing {
    width: 100% !important;
    margin-left: 0px !important;
    /* margin-top: 0px !important; */
    top: 0px !important;
    left: 0px !important;
}

.loader {
    height: 2px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

.loader::before {
    display: block;
    position: absolute;
    width: 100%;
    content: "";
    height: 2px;
    background-color: #2980b9;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}