body {
    color: #0f3542;
    font-size: 1rem;
    font-family: 'fs_joeyregular';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
}
.hidden {
    display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'fs_joeybold';
}
p.bit {
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-family: 'fs_joeymedium';
    margin-bottom: .5rem;
}

p {
    font-family: 'fs_joeyregular';
    font-size: 1.1rem;
    line-height: 1.1rem;
}

.text-relative {
    width: 100%;
    text-align: right;
}

.table th .table-sort {
    position: relative;
}

.table th a {
    text-decoration: none;
    color: #0f3542;
}

.table th .desc-sort i.fa-caret-down {
    color: #0f3542!important;
    bottom: 0px;
}

.table th .desc-sort i.fa-caret-up {
    color: #1abb9a!important;
    top: 0px;
}
.table th .asc-sort i.fa-caret-down {
    color: #1abb9a!important;
    bottom: 0px;
}

.table th .table-sort i {
    position: absolute;
}

.table th .asc-sort i.fa-caret-up {
    color: #0f3542!important;
    top: 0px;
}

.table th .table-sort span {
    margin-left: .9rem;
}

#profilers_list {
    position: relative;
    min-height: 6rem;
}
/* Content Loader */
.contentLoader{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:0.9;z-index:999;border-radius:0 0 4px 4px;}
.contentLoader .centered_content{height:40px;width:170px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -85px;}
.contentLoader .centered_content .spinner-small{height:40px;width:40px;position:absolute;top:0px;left:50%;margin:-20px 0 0 -20px;border:2px solid #FFFFFF;border-top:2px solid #1abb9a;border-radius:100%;-webkit-animation:rotation 1s infinite linear;-o-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;border:3px solid rgba(66, 61, 58, 0.38);border-top:3px solid #1abb9a;height:30px;width:30px;margin:-15px 0 0 -15px;}
.contentLoader .centered_content .loading_status{margin-top:20px;text-align:center;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(359deg);}
}
@-moz-keyframes rotation{from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(359deg);}
}
@-o-keyframes rotation{from{-o-transform:rotate(0deg);}
    to{-o-transform:rotate(359deg);}
}
@keyframes rotation{from{transform:rotate(0deg);}
    to{transform:rotate(359deg);}
}


.vertical-align, .vertical-align>[class^="col-"], .vertical-align>[class*=" col-"] {
    display: flex;
    align-items: center;
}

.nocursor {
    cursor: initial!important;
}
.selectedType {
    font-family: 'fs_joeybold';
}

.preview-check {
    font-size: 1.5rem;
    color: #1abc9c;
}

.radio-card .card-body h4 {
    font-size: 1.3rem;
}
.radio-card {
    margin-top:1rem;
}
.radio-card input[type=radio] {
    display: none;
}

.radio-card input[type=radio] + div.card {
    cursor: pointer;
    color: #fff;
    background-color: #0f3542;
}

.radio-card input[type=radio] + div.card .card-body {
    text-align: center;
}

.btn-primary {
    color: #fff;
    background-color: #0f3542;
    border-color: #0f3542;
}

.btn-primary:hover {
    color: #0f3542;
    background-color: #1abb9a;
    border-color: #1abb9a;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.intro-img {
    width: 20rem;
    margin-bottom: 2rem;
}


.tests-table tr td a.disabled {
    opacity: .65;
    pointer-events: none;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0f3542;
    border-color: #0f3542;
    opacity: .5;
}

.green-text {
    color: #1abb9a;
}

.send-email-form .swal2-title {
    text-align: left!important;
}

.radio-card input[type=radio] + div.card i {
    text-align: center;
    font-size: 6rem;
    margin-top: 1rem;
    color: #ffffff;
}

.radio-card input[type=radio]:checked + div.card {
    background-color: #1abb9a;
    color: #0f3542;
}

@media screen and (max-width: 991px) {
    .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);
    } 
}

.progress-bar {
    background-color: #1abb9a;
    
}

#bar {
    margin-bottom: 1rem;
}

.perfect-scrollbar-on .sidebar, 
.perfect-scrollbar-on .main-panel,
.perfect-scrollbar-on .solo-main-panel {
    height: 100%;
    max-height: 100%;
}

.sidebar, 
.off-canvas-sidebar {
    position: fixed;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 260px;
    left: 0;
    z-index: 1030;
    border-right: 1px solid #1abb9a;
}

@media screen and (max-width: 991px) {
    .sidebar, .bootstrap-navbar {
        position: fixed;
        display: block;
        top: 0;
        height: 100%;
        width: 260px;
        right: auto;
        left: 0;
        z-index: 1032;
        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);
    }   

    .wrapper.showmenu .sidebar, .bootstrap-navbar {
        position: fixed;
        top: 0;
        height: 100%;
        bottom: 0;
        width: 260px;
        left: 0;
        z-index: 1030;
        border-right: 1px solid #1abb9a;
        -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(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}


.sidebar:before, 
.sidebar:after, 
.off-canvas-sidebar:before, 
.off-canvas-sidebar:after {
    display: block;
    content: "";
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sidebar .logo, 
.off-canvas-sidebar .logo {
    position: relative;
    padding: 7px 0.7rem;
    z-index: 4;
}

.sidebar .logo a.logo-normal, 
.off-canvas-sidebar .logo a.logo-normal {
    display: block;
    opacity: 1;
    padding: .2rem 0 .2rem;
    -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);
}

.sidebar[data-color="blue"] .logo:after, 
.off-canvas-sidebar[data-color="blue"] .logo:after {
    background-color: #1abb9a;
    opacity: .4;
}

.sidebar .logo:after, 
.off-canvas-sidebar .logo:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0px;
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.logo {
    margin: 0 auto;
}

.logo img {
    width: 6.8rem;
}

.logo-image-big {
    text-align: center;
}


.sidebar .sidebar-wrapper, 
.off-canvas-sidebar .sidebar-wrapper {
    position: relative;
    height: calc(100vh - 75px);
    overflow: hidden;
    width: 260px;
    z-index: 4;
    padding-bottom: 100px;
}

@media screen and (min-width: 992px) {
    .sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:before, 
    .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):before {
        border-right: 17px solid #ddd;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        right: -16px;
        opacity: 1;
        top: 7px;
        transition: opacity .15s ease-in;
    } 
}

@media screen and (min-width: 992px) {
    .sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:after, 
    .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):after {
        border-right: 17px solid #f4f3ef;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        right: -17px;
        opacity: 1;
        top: 7px;
        transition: opacity .15s ease-in;
    }
}



.ps-container {
    -ms-touch-action: auto;
    /* touch-action: auto; */
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@media screen and (max-width: 991px) {
    .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);
    }
}


.sidebar .nav, .off-canvas-sidebar .nav {
    margin-top: 20px;
    display: block;
}

.sidebar[data-color="blue"] .nav li a, 
.sidebar[data-color="blue"] .nav li a i, 
.sidebar[data-color="blue"] .nav li a[data-toggle="collapse"], 
.sidebar[data-color="blue"] .nav li a[data-toggle="collapse"] i, 
.sidebar[data-color="blue"] .nav li a[data-toggle="collapse"]~div>ul>li .sidebar-mini-icon, 
.sidebar[data-color="blue"] .nav li a[data-toggle="collapse"]~div>ul>li>a, 
.off-canvas-sidebar[data-color="blue"] .nav li a, 
.off-canvas-sidebar[data-color="blue"] .nav li a i, 
.off-canvas-sidebar[data-color="blue"] .nav li a[data-toggle="collapse"], 
.off-canvas-sidebar[data-color="blue"] .nav li a[data-toggle="collapse"] i, 
.off-canvas-sidebar[data-color="blue"] .nav li a[data-toggle="collapse"]~div>ul>li .sidebar-mini-icon, 
.off-canvas-sidebar[data-color="blue"] .nav li a[data-toggle="collapse"]~div>ul>li>a {
    color: #ffffff;
    opacity: .7;
}

.sidebar[data-active-color="white"] .nav li.active>a, 
.sidebar[data-active-color="white"] .nav li.active>a i, 
.sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"], 
.sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"] i, 
.sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon, 
.sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a, 
.off-canvas-sidebar[data-active-color="white"] .nav li.active>a, 
.off-canvas-sidebar[data-active-color="white"] .nav li.active>a i, 
.off-canvas-sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"], 
.off-canvas-sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"] i, 
.off-canvas-sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active 
.sidebar-mini-icon, .off-canvas-sidebar[data-active-color="white"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a {
    color: #1abb9a;
    opacity: 1;
}


.navbar .navbar-nav .nav-link i.far,
.navbar .navbar-nav .nav-link i.fas {
    top: 4px;
    font-size: 16px;
}

.navbar .navbar-nav .nav-link i.fas, 
.navbar .navbar-nav .nav-link i.far {
    font-size: 18px;
    position: relative;
    top: 3px;
    text-align: center;
    width: 21px;
}

.sidebar .nav li>a, .off-canvas-sidebar .nav li>a {
    margin: 10px 15px 0;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 1rem;
    padding: 10px 8px;
    line-height: 30px;
    opacity: .7;
}

.sidebar .nav i, .off-canvas-sidebar .nav i {
    font-size: 24px;
    float: left;
    margin-right: 12px;
    line-height: 30px;
    width: 34px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.sidebar .nav p, .off-canvas-sidebar .nav p {
    margin-bottom: 0;
    line-height: 1.8;
}

.sidebar[data-color="blue"]:after, .off-canvas-sidebar[data-color="blue"]:after {
    background: #0f3542;
}


/* RIGHT */
.main-panel {
    position: relative;
    float: right;
    width: calc(100% - 260px);
    background-color: #f8f8f8;
    -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);
}
.solo-main-panel {
    position: relative;
    float: right;
    width: 100%;
    background-color: #f8f8f8;
}


@media screen and (max-width: 991px) {
    .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);
    }
}


@media screen and (max-width: 991px) {
    .main-panel {
        width: 100%;
    } 

    .wrapper.showmenu .main-panel {
        width: calc(100% - 260px);
    }
}

.main-panel>.navbar {
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .navbar .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 22px;
        height: 1px;
        border-radius: 1px;
        background: #FFFFFF;
    }
    .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;
    }
    .navbar .navbar-toggler-bar.bar2 {
        width: 17px;
        transition: width .2s linear;
    }
    .navbar .navbar-toggler-bar+.navbar-toggler-bar {
        margin-top: 7px;
    }
    .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;
    }
    .bar1, .bar2, .bar3 {
        outline: 1px solid transparent;
    }
    .navbar .toggled .navbar-toggler-bar {
        width: 24px;
    }
    .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;
    }
    .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
        background-color: #66615B;
    }

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

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




.navbar.navbar-transparent {
    background-color: #0f3542;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

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

.navbar {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    min-height: 53px;
    margin-bottom: 20px;
}

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

@media screen and (min-width: 992px) {
    .navbar .navbar-toggle {
        display: none;
    } 
}

.navbar .navbar-wrapper .navbar-toggle .navbar-toggler {
    padding-left: 0;
}

.navbar .navbar-toggler {
    width: 37px;
    height: 27px;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

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

.navbar .navbar-brand {
    text-transform: capitalize;
    font-size: 20px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.625rem;
}

.navbar .navbar-toggler {
    width: 37px;
    height: 27px;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

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

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

.navbar .navbar-collapse .nav-item a {
    font-size: 1rem;
}

.navbar .navbar-nav .nav-link {
    text-transform: uppercase;
    
    padding: 0px;
    line-height: 1rem;
    margin-right: 3px;
}

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

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

@media screen and (min-width: 768px) {
    .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;
    }  
}

.dropdown .dropdown-menu, .dropup .dropdown-menu, .bootstrap-select .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;
}

.main-panel>.content {
    padding: 0 30px 30px;
    min-height: calc(100vh - 123px);
    margin-top: 93px;
}

@media screen and (min-width: 768px) {
    .footer .footer-nav {
        padding-left: 21px;
    }  
}

.footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 768px) {
    .footer:not(.footer-big) nav ul li:first-child {
        margin-left: 0;
    } 
}

.footer ul li {
    display: inline-block;
}

.footer ul li a {
    color: inherit;
    padding: 0.5rem;
    font-size: 0.8571em;
    text-transform: uppercase;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .footer .credits {
        padding-right: 15px;
    }  
}

@media screen and (min-width: 992px) {
    .footer .copyright {
        float: right;
        padding-right: 15px;
    } 
}

.footer .copyright {
    font-size: 0.8571em;
    line-height: 1.8;
}

/* SCROLLBAR */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{
    display:block;
    background-color:transparent
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{
    background-color:#eee;
    opacity:.9
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{
    background-color:#999;
    height:11px
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{
    background-color:#eee;
    opacity:.9
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{
    background-color:#999;
    width:11px
}
.ps-container>.ps-scrollbar-x-rail{
    display:none;
    position:absolute;
    opacity:0;
    transition:background-color .2s linear,opacity .2s linear;
    bottom:0;
    height:15px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{
    position:absolute;
    background-color:#aaa;
    border-radius:6px;
    transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
    bottom:2px;
    height:6px
}
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{
    height:11px
}
.ps-container>.ps-scrollbar-y-rail{
    display:none;
    position:absolute;
    opacity:0;
    transition:background-color .2s linear,opacity .2s linear;
    right:0;
    width:15px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{
    position:absolute;
    background-color:#aaa;
    border-radius:6px;
    transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
    right:2px;
    width:6px
}
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{
    width:11px
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{
    background-color:#eee;
    opacity:.9
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{
    background-color:#999;
    height:11px
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{
    background-color:#eee;
    opacity:.9
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{
    background-color:#999;
    width:11px
}
.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{
    opacity:.6
}
.ps-container:hover>.ps-scrollbar-x-rail:hover{
    background-color:#eee;
    opacity:.9
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{
    background-color:#999
}
.ps-container:hover>.ps-scrollbar-y-rail:hover{
    background-color:#eee;
    opacity:.9
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{
    background-color:#999
}

.wizard-container .wizard-navigation ul{
    text-align:center;
}
 .wizard-container .wizard-navigation ul li:last-child{
    border-right:1px solid #ddd;
}

.wizard-container .wizard-navigation ul li.lastone {
    background-color: #d6f9f2;
}
 .wizard-container .wizard-navigation ul li{
    background-color:#fff;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:.8rem .5rem;
}
 .wizard-container .wizard-navigation ul li:first-child{
    -webkit-border-top-left-radius:.25rem;
    -moz-border-radius-topleft:.25rem;
    border-top-left-radius:.25rem;
}
 .wizard-container .wizard-navigation ul li:last-child{
    -webkit-border-top-right-radius:.25rem;
    -moz-border-radius-topright:.25rem;
    border-top-right-radius:.25rem;
}
 .wizard-container .wizard-navigation ul li{
    width:25%;
    font-size:1rem;
    line-height: 1;
    display: none;
    font-family:'fs_joeyregular';
}


.loading .preloader {
    display: block;
}

.preloader {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background-color: rgba(255,255,255,.6);
}

.content-loader:before {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border: solid 3px transparent;
    border-top-color: #0f3542;
    border-left-color: #0f3542;
    border-radius: 50%;
    -webkit-animation: loading-spinner .4s linear infinite;
    animation: loading-spinner .4s linear infinite;
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.progress {
    width: 100%;
    height: 3rem;
}

.progress-bar span {
    position: absolute;
    display: block;
    font-size: 1.5rem;
    width: 100%;
    color: black;
}

.section-head {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
} 



/* .wizard-container .wizard-navigation ul li, .wizard-container .wizard-navigation ul li a{
    pointer-events:none;
}*/
 .wizard-container .wizard-navigation ul li.active-li{
    background-color:#0f3542;
}
 .wizard-container .wizard-navigation ul li.active-li a, .wizard-container .wizard-navigation ul li.active-li a:hover{
    color:#fff;
}
 .wizard-container .wizard-navigation ul li a{
    color:#1abb9a;
    text-decoration: none;
}

.btn-secondary {
    background-color: #1abb9a;
    border: 0px;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus,
.btn:focus {
    box-shadow: none;
}

.wizard-footer .btn-secondary {
    border-radius: 0px;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-justified .btn:first-child {
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem;
}


.btn-group-justified .btn.btn-next,
.btn-group-justified .btn.finish-bt {
    -webkit-border-bottom-right-radius: .25rem!important;
    -moz-border-radius-bottomright: .25rem!important;
    border-bottom-right-radius: .25rem!important;
    border-left: 1px solid #14826b;
}

.wizard-container {
    margin-bottom: 2rem;
}
.wizard-container .tab-content {
    border: 1px solid #ddd;
    /*border-top: 0px;*/
    border-bottom: 0px;
    padding: 1rem;
}

.wizard-container .tab-content.no-footer {
    border-bottom: 1px;
    border: 1px solid #ddd;
    border-radius: .25rem;
}
#answer-progress {
    margin-bottom: 1rem;
}

.tests-wizard h1 i {
    color: #1abb9a;
}

/* CHECKBOXES */
.checkbox, .radio {
     display: block;
     margin-top: 10px;
     margin-bottom: 12px;
     padding-left: 32px;
     position: relative;
     transition: color .25s linear;
     font-size: 14px;
     min-height: 20px;
     line-height: 1.5;
}

.test-table tr td .checkbox,
.test-table tr td .radio {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1;
    font-size: 2rem;
    padding-left: 29px;

}

 .checkbox .icons, .radio .icons {
     color: #bdc3c7;
     display: block;
     height: 20px;
     top: 0;
     left: 0;
     position: absolute;
     width: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 20px;
     cursor: pointer;
     transition: color .25s linear;
}

 .checkbox .icons .icon-checked, .radio .icons .icon-checked {
     opacity: 0;
     filter: "alpha(opacity=0)";
}
 .checkbox .icon-checked, .checkbox .icon-unchecked, .radio .icon-checked, .radio .icon-unchecked {
     display: inline-table;
     position: absolute;
     left: 0;
     top: 0;
     background-color: transparent;
     margin: 0;
     opacity: 1;
     -webkit-filter: none;
     filter: none;
}
 .checkbox .icon-checked:before, .checkbox .icon-unchecked:before, .radio .icon-checked:before, .radio .icon-unchecked:before {
     font-family:"Font Awesome 5 Free";
     font-weight:900;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .checkbox .icon-checked:before {
     content: "\e60e";
}
 .checkbox .icon-unchecked:before {
     content: "\e60d";
}

.test-table tr td .checkbox .icon-checked:before {
     content: "\f14a";
}


.test-table tr td .checkbox .icon-unchecked:before {
    font-weight:400!important;
    content: "\f0c8";
}


.test-table tr td .radio .icon-checked:before {
     content: "\f14a";
}


.test-table tr td .radio .icon-unchecked:before {
    font-weight:400!important;
    content: "\f0c8";
}


 .radio .icon-checked:before {
     content: "\e60c";
}
 .radio .icon-unchecked:before {
     content: "\e60b";
}
 .checkbox input[type="checkbox"].custom-checkbox, 
 .checkbox input[type="radio"].custom-radio, 
 .radio input[type="checkbox"].custom-checkbox, 
 .radio input[type="radio"].custom-radio {
     outline: none !important;
     opacity: 0;
     position: absolute;
     margin: 0;
     padding: 0;
     left: 0;
     top: 0;
     width: 20px;
     height: 20px;
}

 .test-table tr td .checkbox input[type="checkbox"].custom-checkbox, 
 .test-table tr td .checkbox input[type="radio"].custom-radio, 
 .test-table tr td .radio input[type="checkbox"].custom-checkbox, 
 .test-table tr td .radio input[type="radio"].custom-radio {
     width: 28px;
     height: 28px;
}

.test-table tr td .checkbox, 
.test-table tr td .radio {
    min-height: 29px;
    margin-left: auto;
    margin-right: auto;
    width: 28px;
}
.test-table tr td .checkbox .icons, 
.test-table tr td .radio .icons {
     color: #bdc3c7;
     display: block;
     height: 28px;
     width: 28px;
     text-align: center;
     line-height: .9;
     font-size: 2rem;
     cursor: pointer;
     transition: color .25s linear;
}

.test-table tr td .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, 
.test-table tr td .checkbox input[type="radio"].custom-radio:indeterminate + .icons:before, 
.test-table tr td .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, 
.test-table tr td .radio input[type="radio"].custom-radio:indeterminate + .icons:before {
    font-size: 2rem;
    content: "";
    width: 28px;
    line-height: 1;
    width: 28px;
}


 .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons, .checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons, .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons, .radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons {
     transition: color .25s linear;
}
 .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked, .checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked, .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked, .radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked {
     opacity: 0;
     filter: "alpha(opacity=0)";
}
 .checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked, .checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked, .radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked, .radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked {
     opacity: 1;
     -webkit-filter: none;
     filter: none;
}
 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, .checkbox input[type="radio"].custom-radio:checked + .icons, .radio input[type="checkbox"].custom-checkbox:checked + .icons, .radio input[type="radio"].custom-radio:checked + .icons {
     color: #1abc9c;
}
 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked, .checkbox input[type="radio"].custom-radio:checked + .icons .icon-unchecked, .radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked, .radio input[type="radio"].custom-radio:checked + .icons .icon-unchecked {
     opacity: 0;
     filter: "alpha(opacity=0)";
}
 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, .checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked, .radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, .radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
     opacity: 1;
     -webkit-filter: none;
     filter: none;
     color: #1abc9c;
     transition: color .25s linear;
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons, .checkbox input[type="radio"].custom-radio:disabled + .icons, .radio input[type="checkbox"].custom-checkbox:disabled + .icons, .radio input[type="radio"].custom-radio:disabled + .icons {
     cursor: default;
     color: #e6e8ea;
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icons, .checkbox input[type="radio"].custom-radio:disabled + .icons .icons, .radio input[type="checkbox"].custom-checkbox:disabled + .icons .icons, .radio input[type="radio"].custom-radio:disabled + .icons .icons {
     color: #e6e8ea;
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked, .checkbox input[type="radio"].custom-radio:disabled + .icons .icon-unchecked, .radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked, .radio input[type="radio"].custom-radio:disabled + .icons .icon-unchecked {
     opacity: 1;
     -webkit-filter: none;
     filter: none;
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked, .checkbox input[type="radio"].custom-radio:disabled + .icons .icon-checked, .radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked, .radio input[type="radio"].custom-radio:disabled + .icons .icon-checked {
     opacity: 0;
     filter: "alpha(opacity=0)";
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons, .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icons, .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons, .radio input[type="radio"].custom-radio:disabled:checked + .icons .icons {
     color: #e6e8ea;
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked, .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked, .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked, .radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked {
     opacity: 0;
     filter: "alpha(opacity=0)";
}
 .checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked, .checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked, .radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked, .radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked {
     opacity: 1;
     -webkit-filter: none;
     filter: none;
     color: #e6e8ea;
}
 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons, .checkbox input[type="radio"].custom-radio:indeterminate + .icons, .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons, .radio input[type="radio"].custom-radio:indeterminate + .icons {
     color: #bdc3c7;
}
 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked, .checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked, .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked, .radio input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked {
     opacity: 1;
     -webkit-filter: none;
     filter: none;
}
 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked, .checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-checked, .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked, .radio input[type="radio"].custom-radio:indeterminate + .icons .icon-checked {
     opacity: 0;
     filter: "alpha(opacity=0)";
}
 .checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, .checkbox input[type="radio"].custom-radio:indeterminate + .icons:before, .radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before, .radio input[type="radio"].custom-radio:indeterminate + .icons:before {
     content: "\2013";
     position: absolute;
     top: 0;
     left: 0;
     line-height: 20px;
     width: 20px;
     text-align: center;
     color: white;
     font-size: 22px;
     z-index: 10;
}
 .checkbox input[type="checkbox"].custom-checkbox:focus + .icons, .checkbox input[type="radio"].custom-radio:focus + .icons, .radio input[type="checkbox"].custom-checkbox:focus + .icons, .radio input[type="radio"].custom-radio:focus + .icons {
     outline: 1px dotted #bdc3c7;
     outline-offset: 1px;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox + .icons, .checkbox.primary input[type="radio"].custom-radio + .icons, .radio.primary input[type="checkbox"].custom-checkbox + .icons, .radio.primary input[type="radio"].custom-radio + .icons {
     color: #34495e;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox:checked + .icons, .checkbox.primary input[type="radio"].custom-radio:checked + .icons, .radio.primary input[type="checkbox"].custom-checkbox:checked + .icons, .radio.primary input[type="radio"].custom-radio:checked + .icons {
     color: #1abc9c;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox:checked + .icons .icons, .checkbox.primary input[type="radio"].custom-radio:checked + .icons .icons, .radio.primary input[type="checkbox"].custom-checkbox:checked + .icons .icons, .radio.primary input[type="radio"].custom-radio:checked + .icons .icons {
     color: #1abc9c;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons, .checkbox.primary input[type="radio"].custom-radio:disabled + .icons, .radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons, .radio.primary input[type="radio"].custom-radio:disabled + .icons {
     cursor: default;
     color: #bdc3c7;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons .icons, .checkbox.primary input[type="radio"].custom-radio:disabled + .icons .icons, .radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons .icons, .radio.primary input[type="radio"].custom-radio:disabled + .icons .icons {
     color: #bdc3c7;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked .icons, .checkbox.primary input[type="radio"].custom-radio:disabled + .icons.checked .icons, .radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked .icons, .radio.primary input[type="radio"].custom-radio:disabled + .icons.checked .icons {
     color: #bdc3c7;
}
 .checkbox.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons, .checkbox.primary input[type="radio"].custom-radio:indeterminate + .icons, .radio.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons, .radio.primary input[type="radio"].custom-radio:indeterminate + .icons {
     color: #34495e;
}
 .radio + .radio, .checkbox + .checkbox {
     margin-top: 10px;
}
 .form-inline .checkbox, .form-inline .radio {
     padding-left: 32px;
}


/* TEST PART */
.test-header {
    background-color: #0f3542;
    padding: .8rem 1rem;
    color: #fff;
    margin-bottom: 1rem;
}

.test-header h4 {
    margin-bottom: 0px;
}

.content-align {
    vertical-align: middle;
}
.lcol {
    display: inline-block;
    vertical-align: middle;
}

.content-align .header-icon {
    font-size: 5rem;
    color: #1abb9a;
}

.content-align .header-text {
    margin-left:1rem;
}

.content-align .header-text h5 {
    margin-bottom: 0px;
    font-family: 'fs_joeyregular';
}

.content-align .header-text h1 {
    margin-bottom: 0px;
}

.plus-toggle {
    font-size: 1.6rem;
    color: #0f3542;
    position: absolute;
    right: .5rem;
    top: 0px;
}
.plus-toggle .fas.fa-plus {
    color: #0f3542;
}
.plus-toggle .fas.fa-minus {
    color: #1abb9a; 
}
.plus-toggle:hover {
    color: #1abb9a;  
}

.test-table tr td {
    position: relative;
}

.test-table tr.noresponse {
    background-color: #fff0f0!important;
}

.test-table tr td,
.test-table tr th {
    vertical-align: middle;
}

.test-table tr td .result-icon {
    font-size: 1.6rem;
}

.test-table tr td.expandable-container {
    padding: 1rem 1.2rem;
}
.table-striped tbody tr {
    background-color: #fff!important;
}

.status-icon {
    font-size: 1.6rem;
}

.status-element {
    text-align: center;
    margin-bottom: 1rem;
}
.status-element i {
    font-size: 1.6rem;
    vertical-align: middle;
}

.status-element span {
    font-family: 'fs_joeymedium';
    font-size: 1.2rem;
    vertical-align: middle;
}

.alert .status-icon {
    position: absolute;
    left: 1rem;
    top: 1rem;
    margin-right:1rem;
}

.alert {
    padding: 1rem 1rem 1rem 3.5rem;
    border-radius: 0px;
}

.alert ul {
    list-style-type: none;
    padding:0px;
    margin-bottom: 0px;
}

.alert ul li {
    font-size: 1.1rem;
    font-family: 'fs_joeymedium';
    line-height: 1.4;
}

.alert p {
    margin-bottom: 0px;
}

.error-message-box {
    margin: 0;
    font-size: 14px !important;
    color: #fff !important;
    display: block;
    background: #a94442;
    padding: 7px 14px;
    line-height: 1.2;
    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.swal2-modal{background-color:#f8f8f8!important;font-family:fs_joeymedium;border-radius:0px;border:1px solid #0f3542;border-radius:.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative;max-width:100%;}
.swal2-container{z-index:1999!important;}
.swal2-container.swal2-shown{background-color:rgba(0, 0, 0, 0.71)!important;}
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'],
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'],
.swal2-icon.swal2-success .swal2-success-fix{background:transparent!important;}
.swal2-modal .aditional-button{background-color:#787775;}
.swal2-modal .aditional-button:hover{background-color:#9d9c9b;}
.swal2-modal .swal2-styled{border:0;width:50%;float:left;text-align:center;border-radius:.25rem;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:normal;margin:0px 5px 0px 5px;padding:5px 20px;}
.generate-progress .swal2-styled{width:33.33%;}
.swal2-modal .swal2-title{color:#0f3542;font-size:30px;font-family:'fs_joeymedium';text-align:center;font-weight:bold;text-transform:none;position:relative;margin:0px;padding:15px;display:block;word-wrap:break-word;}
.swal2-modal .swal2-content{font-size:17px;text-align:center;font-family:'fs_joeyregular';position:relative;float:none;margin:0;padding:0;line-height:normal;color:#333333;;padding:0px 15px 15px 15px;word-wrap:break-word;}
.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:10px auto 10px;padding:0;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.swal2-modal .swal2-buttonswrapper{margin:0px 15px 15px 15px;display:flex!important;text-align:center;}
.width100{width:100%!important;}
.width7{width:7%;}
.width50{width:50%;}
.width43{width:43%;}

.table-expandable tr td {
    font-size: 1.3rem;
    font-family: 'fs_joeymedium';
}

.tests-table tr td {
    vertical-align: middle!important;
}
.tests-table tr td a {
    font-size: 1.4rem;
    margin-left: .5rem;
    color: #0f3542;
}

.tests-table tr td a:first-child {
    margin-left:0px;
}

.tests-table tr td a:hover {
    color: #1abb9a;
}

.pagination{position:relative;display:block;text-align:center;width:100%;}
.course-calendar+.pagination{margin-top:0px;}
@media (min-width:768px){.pagination{display:inline-block;}
}
.pagination>ul{display:inline-block;padding:0;margin:0;color:#fff;word-spacing:-.5px;background:transparent;border-radius:0px;}
@media (max-width:767px){.website-box.invert,
.website-box{margin-top:0px!important;}
.pagination>ul{height:41px;padding:0 55px 0 52px;overflow:auto;white-space:nowrap;border-radius:6px;}
}
.pagination li{display:inline-block;margin-right:-3px;word-spacing:normal;vertical-align:middle;}
.pagination li.active>a,
.pagination li.active>span{color:#fff;background-color:#1abb9a;border-color:#dfe2e5;}
.pagination li.active.previous>a,
.pagination li.active.next>a,
.pagination li.active.previous>span,
.pagination li.active.next>span{margin:0;}
.pagination li.active.previous>a,
.pagination li.active.next>a,
.pagination li.active.previous>span,
.pagination li.active.next>span,
.pagination li.active.previous>a:hover,
.pagination li.active.next>a:hover,
.pagination li.active.previous>span:hover,
.pagination li.active.next>span:hover,
.pagination li.active.previous>a:focus,
.pagination li.active.next>a:focus,
.pagination li.active.previous>span:focus,
.pagination li.active.next>span:focus{color:#fff;background-color:#1abb9a;}
.pagination li:first-child>a,
.pagination li:first-child>span{border-left:none;border-radius:.25rem;margin-left:0px;}
.pagination li:first-child.previous+li>a,
.pagination li:first-child.previous+li>span{border-left-width:0;}
.pagination li:last-child{margin-right:0;}
.pagination li:last-child>a,
.pagination li:last-child>span,
.pagination li:last-child>a:hover,
.pagination li:last-child>span:hover,
.pagination li:last-child>a:focus,
.pagination li:last-child>span:focus{border-radius:.25rem;}
.pagination li.previous>a,
.pagination li.next>a,
.pagination li.previous>span,
.pagination li.next>span{min-width:auto;padding:12px 17px;font-size:16px;background-color:transparent;border-right:2px solid #e4e7ea;}
.pagination li.next>a,
.pagination li.next>span{border-right:none;}
.pagination li.disabled>a,
.pagination li.disabled>span{color:#fff;background-color:rgba(255, 255, 255, .3);border-right-color:#dfe2e5;}
.pagination li.disabled>a:hover,
.pagination li.disabled>span:hover,
.pagination li.disabled>a:focus,
.pagination li.disabled>span:focus,
.pagination li.disabled>a:active,
.pagination li.disabled>span:active{color:#fff;background-color:rgba(255, 255, 255, .4);}
@media (max-width:767px){.pagination li.next,
.pagination li.previous{position:absolute;top:0;right:0;z-index:10;background-color:#d6dbdf;border-radius:0 6px 6px 0;}
.pagination li.previous{right:auto;left:0;border-radius:6px 0 0 6px;}
}
.pagination li>a,
.pagination li>span{display:inline-block;text-decoration:none;padding:8px 12px;font-size:14px;line-height:16px;color:#fff;text-align:center;background-color:#0f3542;border:none;margin-left:.40rem;outline:none;border-radius:.25rem;-webkit-transition:.25s ease-out;transition:.25s ease-out;}
.pagination li>a:hover,
.pagination li>span:hover,
.pagination li>a:focus,
.pagination li>span:focus{color:#fff;background-color:#1abb9a;}
.pagination li>a:active,
.pagination li>span:active{color:#fff;background-color:#1abb9a;}
.pagination>.btn.previous,
.pagination>.btn.next{padding-right:23px;padding-left:23px;margin-right:8px;font-size:14px;line-height:1.429;}
.pagination.pagination-small>.btn.previous{padding:8px 10px;font-size:15px!important;line-height:1;float:left;}
.pagination.pagination-small>.btn.next{padding:8px 10px;font-size:15px!important;line-height:1;float:right;}
.pagination>.btn.previous [class*="fa-"],
.pagination>.btn.next [class*="fa-"]{margin-top:-2px;margin-left:-2px;font-size:16px;}
.pagination>.btn.next{margin-right:0;margin-left:8px;}
.pagination>.btn.next [class*="fa-"]{margin-right:-2px;margin-left:4px;}
@media (max-width:767px){.pagination>.btn{display:block;width:50%;margin:0;}
.pagination>ul{background-color:#ECE7DA;border:1px solid #1abb9a;}
.pagination.pagination-small>.btn.next{margin-right:0px!important;border-left:1px solid #1abb9a;}
.pagination>.btn.previous{float:none!important;}
.pagination>.btn.next{float:none!important;}
.pagination>.btn:first-child{border-bottom:0px solid #dfe2e5;border-radius:0px 0 0;}
.pagination>.btn:first-child.btn-primary{border-bottom-color:#1abb9a;}
.pagination>.btn:first-child>[class*="fa"]{margin-left:-20px;}
.pagination>.btn+ul{padding:0;text-align:center;border-radius:0 0 0px 0px;}
.pagination>.btn+ul+.btn{position:absolute;top:0;right:0;border-bottom:0px solid #dfe2e5;border-radius:0 0px 0 0;}
.pagination>.btn+ul+.btn.btn-primary{border-bottom-color:#1abb9a;}
.pagination>.btn+ul+.btn.btn-primary:hover{border-bottom-color:#0f3542;}
.pagination>.btn+ul+.btn>[class*="fa"]{margin-right:-20px;}
.pagination ul{display:block;}
.pagination ul>li>a{border-radius:.25rem;}
.pagination li{margin-top:4px;}
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}