/* -------------------- */
/* --- Login Layout --- */
/* -------------------- */

.login-page {
    background-color: #fff;
}

.login-page > .container {
    height: 100vh;
    max-width: 100%;
}

.login-page > .container > .row {
    height: 100vh;
}

.login-page .left-container {
    display: table;
    table-layout: fixed;
    height: 100%;
    margin: 0 auto;
}

.login-page .left-container .left-content {
    display: table-cell;
    vertical-align: middle;
}

.login-page .left-container .left-content .login-form .logo {
    width: 150px;
}

.login-page .left-footer {
    bottom: 0;
    margin-bottom: 15px;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.login-page .right-area {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* ------------------------------ */
/* --- Index & Account Layout --- */
/* ------------------------------ */

.index-page,
.account-page {
    background-color: #fff;
}

.index-page > .container,
.account-page > .container {
    height: 100vh;
    max-width: 100%;
}

.index-page > .container > .row,
.account-page > .container > .row {
    height: 100vh;
}

.index-page .left-container,
.account-page .left-container{
    display: table;
    table-layout: fixed;
    height: 100%;
    margin: 0 auto;
}

.index-page .left-container .left-content,
.account-page .left-container .left-content{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.index-page .left-container .left-content .logo,
.account-page .left-container .left-content .logo {
    width: 150px;
}

.index-page .left-footer,
.account-page .left-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
}

.index-page .left-area,
.account-page .left-area {
    position: fixed;
}

.index-page .left-area .dropdown-menu {
    box-shadow: none;
    min-width: 270px;
    max-height: 235px;
    padding-top: .3rem;
    padding-bottom: .3rem;
    overflow-y: auto;
}

.index-page .left-area .dropdown-menu .dropdown-item {
    padding-top: .36rem;
    padding-bottom: .32rem
}

.index-page .left-area .dropdown-menu .dropdown-item i {
    font-size: .72rem;
    padding-top: 1px;
}

.index-page .right-area,
.account-page .right-area {
    position: absolute;
    right: 0;
    background-color: #253c5f;
    /*background-position: 50% 50%;*/
    background-attachment: fixed;
    min-height: 100vh;
    text-align: center;
}

.account-page .right-area {
    text-align: left;
}

.index-page .right-area > .row,
.account-page .right-area > .row {
    padding: 2.5rem 12% 4.5rem;
}

@media (max-width: 1599px) {
    .index-page .right-area > .row {
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media (max-width: 1199px) {
    .index-page .right-area > .row {
        padding-left: 8%;
        padding-right: 8%;
    }
}
@media (max-width: 991px) {
    .index-page .right-area > .row {
        padding-left: 12%;
        padding-right: 12%;
    }

    .index-page .right-area,
    .account-page .right-area {
        position: relative;
    }

    .index-page .left-area,
    .account-page .left-area {
        position: relative;
    }

    .index-page > .container > .row,
    .account-page > .container > .row {
        height: auto;
    }

    .index-page .left-area,
    .account-page .left-area {
        position: relative;
    }

    .index-page .left-container,
    .account-page .left-container {
        display: block;
        table-layout: initial;
    }

    .index-page .left-container .left-content,
    .account-page .left-container .left-content {
        display: block;
        margin-bottom: 5rem;
        margin-top: 2.5rem;
    }
}

@media (max-width: 767px) {
    .index-page .right-area > .row {
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media (max-width: 575px) {
    .index-page .right-area > .row {
        padding-left: 8%;
        padding-right: 8%;
    }
}

.index-page .right-area .customer-box,
.account-page .right-area .customer-box {
    display: block;
    background-color: #fff;
    border-radius: 2px;
    margin: 0.8rem 0.2rem;
    padding: 2.4rem 3rem 0.5rem;
}

.index-page .right-area .customer-box img,
.account-page .right-area .customer-box img {
    margin-bottom: 1.4rem;
}

.index-page .right-area .customer-box .title,
.account-page .right-area .customer-box .title {
    color: #525252;
    font-size: 0.76rem;
    font-weight: 500;
    margin: 0;
}

.account-page ul.language-switch li .title {
    position: relative;
    top: .0825rem;
    left: .315rem;
}

.account-page ul.access-area li {
    line-height: 21px;
}

.account-page ul.access-area li:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: .575rem;
    font-weight: 900;
    content: '\f00c';
    color: #4a4a4a;
    margin: 0 0 0 -1.25rem;
    position: absolute;
    line-height: 20px;
}

/* -------------------- */
/* -- Default Layout -- */
/* -------------------- */

.main-page #primary-nav {
    background-color: #253c5f;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.main-page .page-header-dark,
.main-page .navbar-dark {
    background-color: #253c5f;
}

.navbar-expand-lg.navbar-dark .navbar-collapse {
    border-top: none;
}

.main-page .navbar-brand img {
    height: 1.8rem;
}

.main-page .page-title {
    display: table;
    padding: 0;
    text-align: center;
}

.main-page .page-title .logo {
    display: table-cell;
    vertical-align: middle;
}

.main-page .page-title .logo img {
    height: 3.4rem;
}

.main-page .page-title .title {
    display: table-cell;
    font-size: 1.025rem;
    line-height: 1;
    padding: 0 .875rem;
    text-align: left;
    vertical-align: middle;
}

.main-page .page-title .title .sub {
    display: inherit;
    font-size: .815rem;
    padding-top: .315rem;
}

.main-page #navbar-navigation .navbar-nav-link {
    padding: .825rem .975rem;
}

.main-page .page-content {
    /*display: block;*/
    padding-top: .95rem;
    padding-left: .475rem;
    padding-right: .475rem;
}

.main-page.main-project .page-content {
    margin-left: .525rem;
    margin-right: .525rem;
}

.main-page .navbar-nav .dropdown-menu {
    border: 1px solid rgba(0,0,0,.075);
    border-top: none;
    border-radius: 0;
    border-bottom-left-radius: .1875rem;
    border-bottom-right-radius: .1875rem;
}

.main-page .dropdown-item {
    padding: .35rem 1.1rem;
}

.main-page .dropdown-item.active {
    background-color: #f5f5f5;
    color: #333;
}

.main-page .dropdown-toggle::after {
    margin-left: .27875rem;
}

.main-page .card-columns {
    column-count: 1;
    width: 100%;
}

.main-page ul.views-list {
    padding-left: 1.2rem;
    margin-bottom: 0.25rem;
    line-height: 1.8;
    list-style: none;
}

.main-page ul.views-list li:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: .675rem;
    font-weight: 500;
    content: '\f00c';
    color: #4a4a4a;
    margin: 0 0 0 -1.15rem;
    position: absolute;
    line-height: 24px;
}

.main-page ul.views-list li.setting:before {
    content: '\f013';
}

.main-page ul.views-list li.archive:before {
    content: '\f1c0';
}

.main-page ul.views-list li.external:before {
    content: '\f0c1';
}

.main-page ul.views-list li.indev:before {
    content: '\f121';
}

.main-page ul.views-list li a {
    color: #333;
}

.main-page ul.views-list li a:hover,
.main-page ul.views-list li a:focus {
    color: #727272;
}

@media (min-width: 576px) {
    .main-page .card-columns {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .main-page .card-columns {
        column-count: 2;
    }

    .main-page .page-content:not(.container) {
        padding-left: .475rem;
        padding-right: .475rem;
    }
}

@media (min-width: 992px) {
    .main-page .card-columns {
        column-count: 3;
    }

    .main-page .navbar:not(.navbar-component),
    .main-page .page-header-content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 1200px) {
    .main-page .card-columns {
        column-count: 4;
    }
}

/* -------------------- */
/* -- Bootstrap Force - */
/* -------------------- */

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto,
.col-xxxl, .col-xxxl-1, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-auto {
    padding-right: .425rem;
    padding-left: .425rem;
}

.row {
    margin-right: -.425rem;
    margin-left: -.425rem;
}

.content {
    margin-left: .425rem;
    margin-right: .425rem;
}

.content .card,
.content .nav-tabs-solid {
    border-radius: .1875rem;
    margin-bottom: 0.85rem;
}

.content .nav-tabs-solid .nav-link {
    padding: .4375rem .875rem;
}

@media (min-width: 992px) {
    .sidebar-expand-lg {
        margin-left: .425rem;
        margin-right: .425rem;
    }
}

body, html {
    overflow-x: hidden;
}

a {
    color: #00a1d2;
}

.card {
    margin-bottom: 0.85rem;
}

.card.h-100 {
    height: calc(100% - 0.85rem) !important;
}

.card-header {
    padding: .6275rem 1.25rem;
}

.card-header-sm {
    padding: .4275rem 1rem;
}
.card-header-xs {
    padding: .325rem 0.7rem;
}
.card-body-sm {
    padding: 0.8rem
}

.card-body-xs {
    padding: 0.25rem
}

.btn-primary {
    background-color: #00a1d2;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #00a1d2;
}

.nav-tabs-solid .nav-link.active,
.nav-tabs-solid .nav-item.show .nav-link.active {
    background-color: #00a1d2;
}

#primary-nav {
    display: block;
}

#secondary-nav {
    border-top: solid 1px #354c6f;
    border-bottom: 0;
}

#secondary-nav .navbar-nav {
    position: relative;
    white-space: nowrap;
}

#secondary-nav .dropdown-menu {
    margin: 0;
}

    #secondary-nav .navbar-prev,
    #secondary-nav .navbar-next {
        background: #253c5f;
        position: absolute;
        width: 2.5rem;
        height: 100%;
        z-index: 999;
    }

#secondary-nav .navbar-prev {
    left: 0;
}

#secondary-nav .navbar-next {
    right: 0;
}

#secondary-nav .navbar-prev i,
#secondary-nav .navbar-next i {
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2.9;
    opacity: .75;
    text-align: center;
}

#secondary-nav .navbar-prev i:hover,
#secondary-nav .navbar-prev i:focus,
#secondary-nav .navbar-next i:hover,
#secondary-nav .navbar-next i:focus {
    opacity: .95;
}

#secondary-nav .navbar-prev[disabled="disabled"],
#secondary-nav .navbar-next[disabled="disabled"] {
    opacity: .25;
}

#secondary-nav .navbar-prev i {

}

#secondary-nav .navbar-next i {

}

/* Sidebar */
.sidebar-content .nav-link {
}

.sidebar-content .nav-tabs {
    margin-bottom: 0;
}

.sidebar-content .filter-container small,
.sidebar-content .filter-container .small {
    font-size: 82%;
}

.sidebar-content .filter-container .form-group {
    margin-bottom: .975rem;
}

.sidebar-content .filter-container label {
    margin-bottom: .15rem;
}

.sidebar-content .filter-container .alert {
    font-size: .72rem;
    padding: .6rem .8rem;
    line-height: 1.4;
    margin-top: .3rem;
    margin-bottom: .975rem;
}

.sidebar-content .filter-container .filter-footer .alert {
    margin-bottom: .6rem;
}

.sidebar-content .filter-container .alert-noupdate,
.sidebar-content .filter-container .alert-invalid {
    display: none;
}

.sidebar-content .filter-container.noupdate .alert-noupdate {
    display: block;
}

.sidebar-content .filter-container.invalid .alert-invalid  {
    display: block;
}

.sidebar-content .filter-container.noupdate .filter-submit,
.sidebar-content .filter-container.invalid .filter-submit {
    opacity: 0.5;
    pointer-events: none;
}

.filter-daterange[readonly],
.filter-monthrange[readonly],
.filter-weekyearrange[readonly],
.filter-monthyearrange[readonly],
.filter-yearrange[readonly],
.filter-date[readonly],
.filter-weekyear[readonly],
.filter-month[readonly],
.filter-monthyear[readonly],
.filter-year[readonly] {
    background-color: #fff;
    cursor: pointer;
    text-transform: capitalize;
}

.filter-daterange[disabled],
.filter-monthrange[disabled],
.filter-weekyearrange[disabled],
.filter-monthyearrange[disabled],
.filter-yearrange[disabled],
.filter-date[disabled],
.filter-weekyear[disabled],
.filter-month[disabled],
.filter-monthyear[disabled],
.filter-year[disabled] {
    background-color: #fafafa;
    cursor: default;
}

/* Datarage Filter */
.daterangepicker {
    font-family: 'Roboto', sans-serif;
    font-size: inherit;
}

.daterangepicker .periods,
.daterangepicker .ranges {
    background: #fdfdfd;
}

.daterangepicker .periods li,
.daterangepicker .ranges li {
    background-color: #ffffff;
    border-color: #f0f0f0;
}

.daterangepicker .periods li.active,
.daterangepicker .ranges li.active,
.calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper,
.calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper:hover,
.calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper,
.calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper:hover {
    background-color: #00a1d2;
    color: #fff;
}

.calendar .calendar-table .table-row .table-col.in-range {
    background: rgba(49,158,184,.1);
}

.daterangepicker .periods li:hover:not(.active),
.daterangepicker .ranges li:hover:not(.active) {
    background-color: #f5f5f5;
    color: #333;
}

.calendar .calendar-table {
    border-color: #f0f0f0;
}

.daterangepicker.opened {
    display: block;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .1875rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1);
    padding: 0;
    margin: -1px 0 0;
}

.daterangepicker.opened .daterangepicker-content {
    display: inline-flex;
}

.daterangepicker.opened.expanded {
    border-top-right-radius: .1875rem;
}

.daterangepicker select {
    padding: 0 5px;
    text-transform: capitalize;
}

.daterangepicker.orientation-right:not(.standalone):before,
.daterangepicker.orientation-right:not(.standalone):after {
    display: none;
}

.daterangepicker .controls {
    margin: 0;
    padding: .8275rem;
    padding-bottom: 1.2275rem;
    width: 228px;
}

.daterangepicker .periods {
    box-shadow: none;
    display: table;
    margin: 0 0 .8275rem;
}

.daterangepicker:not(.single) .calendar .calendar-title {
    display: block;
}

.daterangepicker .periods li {
    border-width: 1px;
    border-style: solid;
    border-radius: .1875rem;
    color: inherit;
    float: left;
    width: calc(50% - 1.5px);
    text-align: center;
}

.daterangepicker .periods li:first-child {
    border-radius: .1875rem;
    margin-bottom: 3px;
    margin-right: 3px;
}

.daterangepicker .periods li:nth-child(2) {
    margin-bottom: 3px;
}

.daterangepicker .periods li:nth-child(3) {
    margin-right: 3px;
}

.daterangepicker .periods li:nth-child(4) {
    display: none;
}

.daterangepicker .periods li:last-child {
    
}

.daterangepicker .ranges {
    box-shadow: none;
    width: 100%;
    margin-bottom: .8275rem;
}

.daterangepicker .ranges li {
    border-width: 1px;
    border-style: solid;
    border-radius: .1875rem;
    color: inherit;
    margin-bottom: 3px;
}

.daterangepicker .controls > form {
    display: inline-block;
    width: 100%;
}

.daterangepicker .custom-range-inputs-no {
    display: none;
    margin: 0 0 .8275rem;
    overflow: hidden;
}

.daterangepicker .custom-range-inputs-no input {
    float: left;
    line-height: 1rem;
    width: calc(50% - 2px);
}

.daterangepicker .custom-range-inputs-no input:first-child {
    margin-right: 4px;
}

.daterangepicker .custom-range-buttons button.apply-btn {
    border-radius: .1875rem;
    line-height: 1.4rem;
    width: 100%;
}

.daterangepicker .custom-range-buttons button.cancel-btn {
    background: #fafafa;
    border-radius: 0;
    border-top: solid 1px #f0f0f0;
    cursor: pointer;
    color: #333;
    line-height: 1.4rem;
    width: 100%;
}

.daterangepicker .custom-range-buttons button.cancel-btn:hover,
.daterangepicker .custom-range-buttons button.cancel-btn:focus {
    background: #f5f5f5;
}

.daterangepicker .calendar {
    border: 0;
    box-shadow: none;
    padding: .8275rem;
    margin: 0;
}

.daterangepicker.expanded .calendar {
    min-width: 228px;
}

.daterangepicker.expanded.week-period .calendar .calendar-table {
    min-width: 217px;
}

.calendar .calendar-title {
    font-size: .76rem;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: .2775rem;
}

.calendar .calendar-header {
    margin: 0 6px 10px;
}

.calendar .calendar-header button {
    padding: 10px 0;
}

.calendar .calendar-table {
    border-width: 1px;
    border-style: solid;
    height: 200px;
}

.calendar .calendar-table .table-row .table-col .table-value-wrapper .table-value {
    text-transform: capitalize;
}

.daterangepicker.single .controls {
    padding: 0;
}

.daterangepicker.single .periods,
.daterangepicker.single .ranges,
.daterangepicker.single .controls > form {
    display: none;
}

.daterangepicker.single.month-period .calendar .calendar-header {
    /*display: none;*/
}

.daterangepicker select.decade-select, .daterangepicker select.year-select {
    flex: 12;
    max-width: 82%;
    text-align-last: center;
}

.daterangepicker.month-period .table-col, .daterangepicker.year-period .table-col {
    font-size: .95rem;
}

@media (max-width: 767px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker.opened .daterangepicker-content {
        display: grid;
    }
}

/* Multiselect filter */
.select2-search {
    background: #f5f5f5;
    border-bottom: solid 1px #ddd;
    padding: .5rem;
}

.select2-actions {
    border-top: none;
    border-bottom: solid 1px #ddd;
    margin-bottom: 0;
}

.select2-actions .select2-selectall,
.select2-actions .select2-unselectall,
.select2-actions .select2-removeselection {
    background-color: #f5f5f5;
    border-radius: 0;
    color: #333;
    font-size: .74rem;
    padding: .2575rem;
    width: 50%;
    text-align: center;
}

.select2-actions > button,
.select2-actions > button:hover,
.select2-actions > button:focus {
    border-left: solid 1px #ddd;
}

.select2-actions > button:first-child {
    border-left: 0;
}

.select2-actions .select2-combineall {
    margin: 0;
    text-align: center;
    width: 100%;
}

.select2-actions .select2-combineall li.active {
    color: #fff;
    background-color: #2196f3
}

.select2-results__option {
    padding: .375rem .85rem;
    line-height: 1.2;
    word-break: break-all;
}

.select2-results__option[aria-selected=true] {
    background-color: #00a1d2;
}

.select2-results__option[id$="empty-not-visible"] {
    display: none;
}

.select2-results > .select2-results__options {
    padding-top: .5rem;
}

.select2-combineall .select2-results__option {
    padding-top: .3075rem;
    padding-bottom: .3075rem;
}

.select2-results__options.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.select2-search--dropdown .select2-search__field {
    padding: .3175rem .875rem .3175rem 1.8625rem;
    font-size: .775rem;
}

.select2-search--dropdown:after {
    font-size: .715rem;
    left: 1.275rem;
    line-height: 1.2;
}

/* Sliderrange filter */
.irs .irs-bar {
    background-color: #00a1d2;
}

.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
    background-color: #253c5f;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
    border-top-color: #253c5f;
}

/* Switch filter */
.bootstrap-switch-primary {
    background-color: #00a1d2;
}

/* -------------------- */
/* ------ Alert ------- */
/* -------------------- */
.ui-pnotify-title {
    margin-bottom: 0;
}

.brighttheme-icon-closer,
.brighttheme-icon-sticker {
    width: .6rem;
    height: .6rem;
}

.brighttheme-icon-closer:after,
.brighttheme-icon-sticker:after {
    font-size: .6rem;
}

/* -------------------- */
/* ----- Tooltip ------ */
/* -------------------- */
.tooltip-inner {
    font-size: .76rem;
    padding: .3rem .6rem;
}

/* -------------------- */
/* - Checkbox & Radio - */
/* -------------------- */
.custom-checkbox .custom-control,
.custom-radio .custom-control {
    padding-left: 1.675rem;
}

.custom-checkbox .custom-control-label,
.custom-radio .custom-control-label {
    line-height: 1.25;
}

.custom-checkbox .custom-control-label::before,
.custom-radio  .custom-control-label::before {
    width: 1rem;
    height: 1rem;
    left: -1.675rem;
}

.custom-checkbox .custom-control-label::after,
.custom-radio  .custom-control-label::after {
    width: 1rem;
    height: 1rem;
    left: -1.675rem;
}

/* -------------------- */
/* ------ Modal ------- */
/* -------------------- */
.modal-open {
    padding-right: 0 !important;
}

/* -------------------- */
/* ------ Loader ------ */
/* -------------------- */
.loader-global .pace-demo {
    position: absolute;
    left: calc(50% - 60px);
    background: transparent;
    width: 84px;
    height: 84px;
}

.loader-global .pace-demo .theme_xbox,
.loader-global .pace-demo .theme_xbox_lg,
.loader-global .pace-demo .theme_xbox_sm {
    margin-top: -25px;
}

.loader-global .pace-demo .theme_xbox .pace_activity,
.loader-global .pace-demo .theme_xbox_lg .pace_activity,
.loader-global .pace-demo .theme_xbox_sm .pace_activity {
    width: 50px;
    height: 50px;
}

.loader-global .pace-demo .theme_xbox .pace_activity,
.loader-global .pace-demo .theme_xbox .pace_activity:after,
.loader-global .pace-demo .theme_xbox .pace_activity:before,
.loader-global .pace-demo .theme_xbox_lg .pace_activity,
.loader-global .pace-demo .theme_xbox_lg .pace_activity:after,
.loader-global .pace-demo .theme_xbox_lg .pace_activity:before,
.loader-global .pace-demo .theme_xbox_sm .pace_activity,
.loader-global .pace-demo .theme_xbox_sm .pace_activity:after,
.loader-global .pace-demo .theme_xbox_sm .pace_activity:before {
    border-top-color: #353a47;
}

.loader-partial {
    display: flex;
}

.loader-partial .pace-demo {
    background: transparent;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
}

.loader-partial .pace-demo .theme_xbox,
.loader-partial .pace-demo .theme_xbox_lg,
.loader-partial .pace-demo .theme_xbox_sm {
    margin-top: -18px;
}

.loader-partial .pace-demo .theme_xbox .pace_activity,
.loader-partial .pace-demo .theme_xbox_lg .pace_activity,
.loader-partial .pace-demo .theme_xbox_sm .pace_activity {
    width: 36px;
    height: 36px;
}

.loader-partial .pace-demo .theme_xbox .pace_activity,
.loader-partial .pace-demo .theme_xbox .pace_activity:after,
.loader-partial .pace-demo .theme_xbox .pace_activity:before,
.loader-partial .pace-demo .theme_xbox_lg .pace_activity,
.loader-partial .pace-demo .theme_xbox_lg .pace_activity:after,
.loader-partial .pace-demo .theme_xbox_lg .pace_activity:before,
.loader-partial .pace-demo .theme_xbox_sm .pace_activity,
.loader-partial .pace-demo .theme_xbox_sm .pace_activity:after,
.loader-partial .pace-demo .theme_xbox_sm .pace_activity:before {
    border-top-color: #353a47;
}

.loader-wait {
    font-size: 24px;
    position: absolute;
    left: calc(50% - 60px);
    background: transparent;
    width: 84px;
    height: 84px;
    padding-top: 15px;
    text-align: center;
    opacity: 0.9;
}

.text-wait {
    font-size: 16px;
    position: absolute;
    left: calc(50% - 157px);
    background: transparent;
    padding-top: 55px;
    text-align: center;
    opacity: 0.9;
    width: 280px;
}

.subtext-wait {
    font-size: 13px;
    position: absolute;
    left: calc(50% - 157px);
    background: transparent;
    padding-top: 82px;
    text-align: center;
    opacity: 0.8;
    width: 280px;
}

/* -------------------- */
/* -- Link contrasto - */
/* -------------------- */

.linkContrasto {
    color: white;
    text-decoration: underline;
}

.linkContrasto:hover {
    color: white;
    text-decoration:underline;
}

.handsontable .ht_clone_left thead,
.handsontable .ht_master thead,
.handsontable .ht_master tr th {
    visibility: initial;
}

.handsontable tr:first-child th,
.handsontable tr:first-child td {
    border-top-color: transparent;
    border-left-color: transparent;
}

.handsontable tr th:first-child {
    border-left-color: transparent;
}

.handsontable tr th:last-child {
    border-right-color: transparent;
}

.handsontable th,
.handsontable td {
    height: 22px;
}

.handsontable .columnSorting:before,
.handsontable .columnSorting:after {
    transform: initial;
}

.handsontable .columnSorting:after {
    display: none;
}

.handsontable .htDimmed {
    color: #777;
}

/* -------------------- */
/* -- HR Custom ------- */
/*
    <div class="hrText">
        <span>Testo centrato</span>
    </div>
*/
/* -------------------- */
.hrText {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom:1em;
}

    .hrText > span {
        position: relative;
        display: inline-block;
    }

        .hrText > span:before,
        .hrText > span:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background: #747474;
        }

        .hrText > span:before {
            right: 100%;
            margin-right: 15px;
        }

        .hrText > span:after {
            left: 100%;
            margin-left: 15px;
        }