.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(spinner.gif) center no-repeat #fff;
}

a:link { text-decoration: none !important; }

a:visited { text-decoration: none !important; }

a:hover { text-decoration: none !important; }

a:active { text-decoration: none !important; }

.page-wrapper .page-header {
    background: #d1d1d161;
    padding: 0px 10px 0px 10px;
}

.footer-transparent {
    background-color: white !important;
}

.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

.darken-grey-text {
    color: #2E2E2E;
}

.bc-icons .breadcrumb-item + .breadcrumb-item::before {
    content: none !important; 
}

.bc-icons .breadcrumb-item.active {
    color: #eeeeee; 
}

.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {
    content: none; 
} 
.bc-icons-2 .breadcrumb-item.active {
    color: #455a64; 
} 

.light-font .breadcrumb-item + .breadcrumb-item::before {
    color: #fff; 
}

.light-font .breadcrumb-item.active {
    color: #cfd8dc; 
}

.dark-font .breadcrumb-item + .breadcrumb-item::before {
    color: #000; 
}

.dark-font .breadcrumb-item.active {
    color: #455a64; 
} 

.breadcrumb-item+.breadcrumb-item::before {
    content: none !important;
}

.footer {
    padding: 20px 0px 20px 0px !important;
}

.nav-link-icon {
    margin-right: 0px !important;
}

.markdown>table, .table {
    --tblr-table-accent-bg: #f0f0f05c !important;
}

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

.btn-sm {
    padding: 5px;
}

.markdown>table>:not(caption)>*>*, .table>:not(caption)>*>* {
    padding: 0.3rem 1rem !important;
}

.text-sm {
    font-size: 8px !important;
}

.target_update {
    border-radius: 0px 4px 4px 0px;
}

.form-footer {
    margin-top: 1rem !important;
}

.border-top-wide {
    border-top: 0px solid rgba(101,109,119,.16)!important;
    overflow-y: hidden;
}

.antialiased {
    overflow-y: auto;
}

.form-control {
    border-radius: 0px !important;
    background-clip: unset !important;
    background-color: #f0f0f03d !important;
    border: 1px solid #d8d8d8 !important;
}

.input-group-text {   
    background-color: #f0f0f03d !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 0px !important;
}

.form-imagecheck-figure {
    border-radius: 0px !important;
}

.btn {
    border-radius: 0px !important;
}

.form-imagecheck {
    width: 100%;
}

.custom-font {
    font-size: 12px;
}

.divide-y>:not(template):not(:last-child) {
    padding-bottom: 10px!important;
}

.divide-y>:not(template):not(:first-child) {
    padding-top: 10px!important;
}

.border-radious-5 {
    border-radius: 5px;
}

.dropdown-menu.dropdown-menu-end.dropdown-menu-card.custom-width.show {
    width: 270px !important;
}

.custom_font_size {
    font-size: 16px;
}

.jq-ry-container {
    padding: 0 !important;
}

.dropdown-item {
    padding: 5px !important;
}

.dropdown-menu {
    min-width: 13rem !important;
}

.navbar .navbar-nav .nav-link {
    font-size: 10px !important;
    text-transform: uppercase;
    font-weight: 800;
}

.bg-custom {
    background: #f2f2f2;
}

hr.custom-hr {
    margin: 0px !important;
}

.fc-day-grid-event .fc-content {
    white-space: initial !important; 
}

/*Pagination*/

.pagination-bx .pagination,
.cvf-universal-pagination .pagination {
    margin: 0;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
    background-color: #fff;
    border: 1px solid #efefef;
    color: #767676;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 14px;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    border-color: #e6e6e3;
    color: #000;
    background: #fef4d0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: transparent;
}
.pagination > .previous > a,
.pagination > .next > a {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
}
.pagination-sm .pagination > li > a, 
.pagination-sm .pagination > li > span
.pagination-sm .pagination > .previous > a, 
.pagination-sm .pagination > .next > a{
    font-size: 12px;
    padding: 5px 10px;
}
.pagination-lg .pagination > li > a, 
.pagination-lg .pagination > li > span
.pagination-lg .pagination > .previous > a, 
.pagination-lg .pagination > .next > a{
    font-size: 18px;
    padding: 5px 10px;
}


/* pagination color */
.pagination-bx.primary{
    
}
.pagination-bx.primary .pagination > li > a, 
.pagination-bx.primary .pagination > li > span{
    background-color: var(--color-primary);
    color:#fff;
    margin: 0 1px;
    border:0;
}
.pagination-bx.primary .pagination > li > a:hover, 
.pagination-bx.primary .pagination > li > span:hover,
.pagination-bx.primary .pagination > li.active > span,
.pagination-bx.primary .pagination > li.active > a{
    background-color: var(--color-hover);
}

.pagination-bx.rounded .pagination > li > a, 
.pagination-bx.rounded .pagination > li > span{
    border-radius: 30px;
    margin:0 1px;
}
.pagination-bx.rounded-sm .pagination > li > a, 
.pagination-bx.rounded-sm .pagination > li > span{
    border-radius: 4px;
    margin:0 1px;
}
/*.pagination-bx .pull-right{
    float:right;
}*/
.pagination-bx .pagination{
    width:100%;
}
.pagination-bx.gray .pagination > li > a, 
.pagination-bx.gray .pagination > li > span{
    background-color:#f6f7f8;
    margin: 0 1px;
    border:0;
}
.pagination-bx.gray .pagination > li > a:hover, 
.pagination-bx.gray .pagination > li > span:hover,
.pagination-bx.gray .pagination > li.active > span,
.pagination-bx.gray .pagination > li.active > a{
    background-color: var(--color-primary);
    box-shadow:2px 2px 8px 0 rgba(26, 188, 156, 0.5);
    color:#fff;
}
@media only screen and (max-width: 991px) {
    .pagination-bx{
        margin-bottom:30px;
    }
}
@media only screen and (max-width: 576px) {
    .pagination-lg .pagination > li > a, 
    .pagination-lg .pagination > li > span
    .pagination-lg .pagination > .previous > a, 
    .pagination-lg .pagination > .next > a{
        font-size: 16px;
        padding: 5px 10px;
    }
}

.pages {
    display: flex;
    flex-direction: column;
    position: relative;
}











.custom-card {
    border-radius: 0px !important;
    border: none !important;
}

.btn {
    line-height: 1 !important;
}

body ::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}

body ::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
}

.custom-button {
    line-height: 1.4285714 !important;
}

.navbar .navbar-nav {
    min-height: 2rem !important;
}

.navbar {
    min-height: 2rem !important; 
}

.page-body {
    margin-top: 1rem !important;
}

.dropdown-menu {
    font-size: 12px !important;
}

.page-wrapper .page-header {
    margin: 1rem 0 0 !important;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0rem !important;
}

.test {
    text-align: center;
    background: #ccc !important;
}