/*Xville Modded CSS for Default Color*/
body {
    font-size: 12px;
}
.card {
    margin-bottom: 20px;
}
.card .card-body {
    padding: 15px;
}
.btn {
    font-size: 12px;
}
p {
    font-size: 12px;
}
.form-control, .form-select {
    font-size: 12px;
    border-color: #d3d7d8;
}
@media (max-width: 575px){
    .login-form .btn {
        margin-left: auto;
        padding: 5px 20px;
    }
}
.login-form {
    width: 360px;
    padding: 20px;
}
.login-form .form-group {
    position: inherit;
}
.login-form p {
    text-align: left;
}
/**===============================
Bootstrap Table Matters
===============================**/
/*.table-responsive {
    overflow-x: auto;
}*/
.table-xs th, .table-xs td {
    padding: 0.7rem;/*Default 0.7rem*/
}
.table th, .table td {
    padding: 0.7rem;/*Default 0.7rem*/
}
/**===============================
Page styles override
===============================**/
/*.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
    height: calc(120vh - 355px);
}*/
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-submenu li a {
    padding: 5px 25px;
    font-size: 12px;
}
.page-wrapper .page-body-wrapper .page-header {
    padding-bottom: 15px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu li a {
    font-size: 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li a {
    padding: 7px 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div h6 {
    font-size: 12px;
}
.page-wrapper .page-body-wrapper .page-header .row h3 {
    font-size: 16px;
}
.page-main-header .main-header-right .left-menu-header ul li .search-form {
    font-family: "Ubuntu", sans-serif;
}
/**===============================
Footer Modified Styles
===============================**/
footer.login {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 16px rgba(4, 122, 251, 0.04);
    box-shadow: 0 0 20px 16px rgba(4, 122, 251, 0.04);
    padding: 15px;
    bottom: 0;
    left: 0;
    margin-left: 0;
}
footer.login a {
    font-weight: 600;
}
footer.login p {
    font-size: 12px;
    font-weight: 500;
    color: #0e0e0e;
}
footer p {
    font-size: 12px;
    font-weight: 500;
    color: #0e0e0e;
}
/**==================================
Custom Loader for Login and App Pages
===================================**/
.loader-custom, .loader-redirect{
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color: #eceaea;/*Xville Default #eceaea*/
    /*background-image:url('../images/ajax-loader.gif');*/
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.loader-custom .loader-box, .loader-redirect .loader-box{
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s color, .3s border, .3s transform, .3s opacity;
    transition: .3s color, .3s border, .3s transform, .3s opacity;
}
.loader-custom .loader-box [class*="loader-"], .loader-redirect .loader-box [class*="loader-"] {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: inherit;
    vertical-align: middle;
}
.loader-custom .loader-box .loader-15, .loader-redirect .loader-box .loader-15 {
    background: #1b4c43;
    position: relative;
    -webkit-animation: loader-15 1s ease-in-out infinite;
    animation: loader-15 1s ease-in-out infinite;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    width: .25em;
    height: .5em;
    margin: 0 .5em; }
.loader-custom .loader-box .loader-15:after, .loader-custom .loader-box .loader-15:before,
.loader-redirect .loader-box .loader-15:after, .loader-redirect .loader-box .loader-15:before{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background: inherit;
    -webkit-animation: inherit;
    animation: inherit; }
.loader-custom .loader-box .loader-15:before, .loader-redirect .loader-box .loader-15:before {
    right: .5em;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.loader-custom .loader-box .loader-15:after, .loader-redirect .loader-box .loader-15:after {
    left: .5em;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.loader-custom .loader-box .loader-37 {
    border-right: 0.1em solid #1b4c43;
    border-radius: 100%;
    -webkit-animation: loader-37 800ms linear infinite;
    animation: loader-37 800ms linear infinite;
}
.loader-custom .loader-box .loader-37:before, .loader-custom .loader-box .loader-37:after {
    content: '';
    width: .8em;
    height: .8em;
    display: block;
    position: absolute;
    top: calc(50% - .4em);
    left: calc(50% - .4em);
    border-left: 0.08em solid #1b4c43;
    border-radius: 100%;
    animation: loader-37 400ms linear infinite reverse;
}
.loader-custom .loader-box .loader-37:after {
    width: .6em;
    height: .6em;
    top: calc(50% - .3em);
    left: calc(50% - .3em);
    border: 0;
    border-right: 0.05em solid #1b4c43;
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes loader-37{
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes loader-37{
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
/**===============================
Inner Error-page  CSS Start Xville
===============================**/
.inner-error-page .error-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 60vh;
    text-align: center;
}
.inner-error-page .error-wrapper.maintenance-bg {
    background-image: url(../images/other-images/maintenance-bg.jpg);
    background-blend-mode: overlay;
}
.inner-error-page .error-wrapper .maintenance-icons li i {
    color: rgba(36, 105, 92, 0.5);
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse;
}
.inner-error-page .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: rotate-effect 40s linear infinite reverse;
}
.inner-error-page .error-wrapper .maintenance-icons li:nth-child(3) i {
    -webkit-animation: rotate-effect 30s infinite linear;
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px;
}
.inner-error-page .error-wrapper .maintenance-heading {
    margin-top: 70px;
}
.inner-error-page .error-wrapper .maintenance-heading .headline {
    font-size: 99px;
    font-weight: 900;
    letter-spacing: 10px;
    color: #ba895d;
    z-index: 2;
    position: relative;
    margin-top: -70px;
}
.inner-error-page .error-wrapper .error-heading {
    margin-top: 115px;
}
.inner-error-page .error-wrapper .error-heading .headline {
    font-size: 285px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: -130px;
}
.inner-error-page .error-wrapper .sub-content {
    font-size: 18px;
    color: #999;
    letter-spacing: 1px;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0;
    font-weight: 600;
}
.inner-error-page .error-wrapper .btn {
    margin-top: 10px;
}

.inner-error-page .error {
    margin: 70px 0 100px;
    color: #000;
}
.inner-error-page .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32);
}
.inner-error-page .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #e2c636;
    border: none;
}
.inner-error-page .error .c-white {
    color: #fff;
}
.inner-error-page .error .error-btn {
    text-align: center;
}
.inner-error-page .error .padd {
    padding: 10px 30px 10px 30px;
}
.inner-error-page .error .btn-back-home {
    background-color: #e6edef;
    color: #000;
}
.inner-error-page .error .btn-back-home:hover {
    background-color: #e2c636;
    color: #fff;
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
}
.inner-error-page .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff;
}
.inner-error-page .error .btn-adnc-serc:hover {
    background-color: #e2c636;
    color: #fff;
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
}

.inner-error-page .maintenance-sec .error-wrapper .maintenance-heading .headline {
    margin-bottom: 0;
}

.maintenance-sec .error-wrapper .sub-content {
    margin-top: 15px;
}

.error-page1 .svg-wrraper svg.svg-30 {
    width: 30%; }

/**==============================
Inner Themed Form
===============================**/
.custom-form .theme-form, .custom-form-sw .theme-form {
    border: 1px solid #e6edef;
    padding: 30px;
    border-radius: 4px;
    margin-top: 10px;
}
.custom-form .theme-form .form-icon, .custom-form-sw .theme-form .form-icon {
    width: 53px;
    height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e6edef;
    border-radius: 100%;
    font-size: 28px;
    background-color: #fff;
    color: #83352b;
    margin-top: -55px;
    margin-bottom: 15px;
}
.custom-form .theme-form label, .custom-form-sw .theme-form label {
    font-weight: 600;
}
.custom-form .btn {
    padding: 5px 20px;
}
/**==============================
Sign out Message Box
===============================**/
.message-box {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.message-box.open {
    display: block;
}
.message-box .mb-container {
    position: absolute;
    left: 0px;
    top: 35%;
    background: rgba(0, 0, 0, 0.9);
    padding: 20px;
    width: 100%;
}
.message-box .mb-container .mb-middle {
    width: 50%;
    left: 25%;
    position: relative;
    color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
    width: 100%;
    float: left;
    padding: 10px 0px 0px;
    font-size: 31px;
    font-weight: 400;
    line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa,
.message-box .mb-container .mb-middle .mb-title .glyphicon {
    font-size: 38px;
    float: left;
    margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
    width: 100%;
    float: left;
    padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
    margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
    width: 100%;
    float: left;
    padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
    background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
    background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
    background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
    background: rgba(149, 183, 93, 0.9);
}
/**==============================
Ajax loading box
===============================**/
.ty-ajax-loading-box {
    position: fixed;
    top: 50%;
    right: 50%;
    left: 50%;
    z-index: 100001;
    display: none;
    overflow: visible;
    margin-top: -26px;
    margin-left: -26px;
    padding: 0px;
    min-height: 52px;
    width: 552px;
    /*background: url('../images/loader.gif') no-repeat 10px 10px #fff;*/
    opacity: 0.8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ty-ajax-loading-box p{
    padding-left:50px;
    padding-top:15px
}
/**==============================
Special CSS to wrap pre formatted texts
===============================**/
pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    /*white-space: -pre-wrap;*/
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.custom-form .btn {
    margin-bottom: 10px;
}
#errmsg, #perrmsg, .errmsg { color:red; }
.badge {
    padding: 0.7em 0.7em;
}
.alert.alert-danger a, .alert.alert-danger .alert-link, .alert.alert-success a, .alert.alert-success .alert-link {
    color: #fbff00;
}
.alert-warning {
    color: #332304;
}

.text-info {
    color: #06a3c2 !important;
}
#payment_summary .card .card-header, #payment_summary .card .card-body, #payment_summary .card .card-footer {
    padding: 15px;
}
#payment_summary .table-responsive {
    padding: 0 15px
}
.inner-custom .card .card-header {
    padding: 12px;
}
.inner-custom h6 {
    margin-bottom: 0;
    font-size: 14px;
}
.inner-custom .account-summary .static-top-widget .media-body {
    padding-left: 5px;
}
/**==========================
DataTable Custom CSS Override
==========================**/
/*.dataTables_wrapper table.dataTable th, .dataTables_wrapper table.dataTable td {
    padding: 5px;
}
.dataTables_wrapper button {
    padding: 5px 10px;
}*/
/*.dataTables_wrapper button {
    !*padding: 5px 0.75rem;*!
    font-weight: 500;
    font-size: 12px;
}*/
.dataTables_wrapper button {
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0.2rem;
}
.dataTables_wrapper .dataTables_paginate {
    border: 0;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
    height: 30px;
}
.dataTables_wrapper .dataTables_length select {
    height: 30px;
}
.page-item.active .page-link {
    background-color: #83352b;
    border-color: #83352b;
}
.dataTables_wrapper table.dataTable th, .dataTables_wrapper table.dataTable td {
    padding: 5px;
    border-color: #e6edef;
}
/*Select2 Override*/
.selection .select2-selection {
    font-family: "Ubuntu", sans-serif;
    border-radius: 5px !important;
}
.select2-container .select2-selection--single {
    border-color: #aaacac !important;
}
.select2-container .select2-selection--single {
    height: 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px !important;
}
/*Custom Modal form*/
.custom-modal-form .card-header {
    padding: 10px;
}
.custom-modal-form .card-header h6 {
    margin-bottom: 0;
}
.custom-modal-form .card-footer, .account-update-form .card-footer, .inner-form .card-footer{
    padding: 15px;
    background-color: #fff;
}
@media screen and (max-width: 991px) {
    .card .card-header {
        padding: 10px;
    }
}
/*Account Update Form*/
.signup-card, .account-update-card {
    background-color: rgba(121, 4, 4, 0.1);
    /*height: 90vh;Xville Default 100vh*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*min-height: 90vh;Xville Default 100vh*/
    margin: 0 auto;
    padding: 30px 12px;
    min-height: calc(100vh - 50px);/*Xville modded*/
}
.signup-form {
    padding: 20px;
    width: 360px;/*Xville default 390px 450px*/
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;/*Xville modded*/
}
.account-update-form {
    padding: 20px;
    width: 800px;/*Xville default 390px 450px*/
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;/*Xville modded*/
}
.applicant-signup-form {
    padding: 20px;
    width: 580px;/*Xville default 390px 450px*/
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;/*Xville modded*/
}
.signup-form h4, .account-update-form h4, .applicant-signup-form h4 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 22px; }
.signup-form h6, .account-update-form h6, .applicant-signup-form h6 {
    font-size: 14px;
    margin-bottom: 25px;
    color: #242934; }
.signup-form .btn, .account-update-form .btn, .applicant-signup-form .btn {
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    margin-left: auto;
    /*display: block;*/ }
.signup-form p, .account-update-form p, .applicant-signup-form p {
    font-weight: 600;
    text-align: center;
    margin-bottom: unset; }
.signup-form .form-group, .account-update-form .form-group, .applicant-signup-form .form-group {
    position: relative; }
.signup-form .form-group label, .account-update-form .form-group label, .applicant-signup-form .form-group label{
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px; }
.signup-form .form-group .input-group-text,
.signup-form .input-group .input-group-text,
.account-update-form .form-group .input-group-text,
.account-update-form .input-group .input-group-text,
.applicant-signup-form .form-group .input-group-text,
.applicant-signup-form .input-group .input-group-text{
    background-color: rgba(36, 105, 92, 0.1);
    border: none;
    color: #83352b; }
.signup-form .form-group input, .account-update-form .form-group input, .applicant-signup-form .form-group input{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.signup-form .form-group .form-control::-webkit-input-placeholder,
.account-update-form .form-group .form-control::-webkit-input-placeholder,
.applicant-signup-form .form-group .form-control::-webkit-input-placeholder{
    font-weight: 400; }
.signup-form .form-group .form-control::-moz-placeholder,
.applicant-signup-form .form-group .form-control::-moz-placeholder,
.account-update-form .form-group .form-control::-moz-placeholder{
    font-weight: 400; }
.signup-form .form-group .form-control:-ms-input-placeholder,
.applicant-signup-form .form-group .form-control:-ms-input-placeholder,
.account-update-form .form-group .form-control:-ms-input-placeholder{
    font-weight: 400; }
.signup-form .form-group .form-control::-ms-input-placeholder,
.applicant-signup-form .form-group .form-control::-ms-input-placeholder,
.account-update-form .form-group .form-control::-ms-input-placeholder{
    font-weight: 400; }
.signup-form .form-group .form-control::placeholder,
.applicant-signup-form .form-group .form-control::placeholder,
.account-update-form .form-group .form-control::placeholder{
    font-weight: 400; }
.signup-form .form-group .form-control:focus,
.applicant-signup-form .form-group .form-control:focus,
.account-update-form .form-group .form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none; }
.signup-form .form-group .checkbox,
.applicant-signup-form .form-group .checkbox,
.account-update-form .form-group .checkbox {
    display: inline-block; }
.signup-form .form-group .checkbox label,
.applicant-signup-form.form-group .checkbox label,
.account-update-form .form-group .checkbox label {
    padding-top: 0;
    margin-top: 0;
    color: #999; }
.signup-form .form-group .checkbox label span,
.applicant-signup-form .form-group .checkbox label span,
.account-update-form .form-group .checkbox label span {
    color: rgba(36, 105, 92, 0.5); }
.signup-form .form-group .link, .account-update-form .form-group .link,
.applicant-signup-form .form-group .link {
    float: right;
    font-weight: 500; }
.signup-form .form-group .small-group,
.applicant-signup-form .form-group .small-group,
.account-update-form .form-group .small-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.signup-form .form-group .small-group .input-group:nth-child(n+2),
.applicant-signup-form .form-group .small-group .input-group:nth-child(n+2),
.account-update-form .form-group .small-group .input-group:nth-child(n+2){
    margin-left: 10px; }
.signup-form ul.login-social, .applicant-signup-formul.login-social, .account-update-form ul.login-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.signup-form ul.login-social li,
.applicant-signup-form ul.login-social li,
.account-update-form ul.login-social li {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: rgba(36, 105, 92, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px; }
.signup-form ul.login-social li a,
.applicant-signup-form ul.login-social li a,
.account-update-form ul.login-social li a {
    line-height: 1; }
.signup-form ul.login-social li a svg,
.applicant-signup-form ul.login-social li a svg,
.account-update-form ul.login-social li a svg {
    width: 16px;
    height: auto; }
.signup-form ul.login-social li:nth-child(n+2),
.applicant-signup-form ul.login-social li:nth-child(n+2),
.account-update-form ul.login-social li:nth-child(n+2) {
    margin-left: 10px; }
.signup-form .login-social-title,
.applicant-signup-form .login-social-title,
.account-update-form .login-social-title{
    position: relative;
    margin-bottom: 20px;
    z-index: 2; }
.signup-form .login-social-title::before,
.applicant-signup-form .login-social-title::before,
.account-update-form .login-social-title::before{
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #999;
    z-index: -1; }
.signup-form .login-social-title h5,
.applicant-signup-form .login-social-title h5,
.account-update-form .login-social-title h5{
    font-weight: 600;
    font-size: 16px;
    color: #999;
    /*width: -webkit-fit-content;*/
    width: -moz-fit-content;/*Xville*/
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff; }

@media (max-width: 575px) {
    .signup-form .form-group .link,
    .applicant-signup-form .form-group .link,
    .account-update-form .form-group .link {
        float: unset; }
    .signup-form .btn, .account-update-form .btn, .applicant-signup-form .btn {
        margin-left: unset; } }

@media (max-width: 480px) {
    .signup-form, .account-update-form, .applicant-signup-form {
        width: 100%; } }
.signup-form .card .card-header,
.applicant-signup-form .card .card-header,
.account-update-form .card .card-header {
    padding: 8px;
}
.signup-form .card .card-header h6,
.applicant-signup-form .card .card-header h6,
.account-update-form .card .card-header h6 {
    margin-bottom: 5px;
}
.signup-form .input-group > .form-select,
.applicant-signup-form .input-group > .form-select,
.account-update-form .input-group > .form-select{
    width: auto;
}
.signup-form .input-group > .form-control,
.applicant-signup-form .input-group > .form-control,
.account-update-form .input-group > .form-control{
    width: 30%;
}
.signup-form label .animate-chk label a,
.applicant-signup-form label .animate-chk label a,
.account-update-form .animate-chk label a{
    color: #83352b;
}
/*Kartik File-input CSS overrides*/
.krajee-default.file-preview-frame .kv-file-content {
    width: 180px;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 40px;
}
.krajee-default .file-footer-caption {
    margin-bottom: 10px;
}
.file-preview {
    text-align: center;
}
input .kv-fileinput-caption
{
    font-family: "Ubuntu", sans-serif;
}
.file-caption.icon-visible .file-caption-name {
    font-family: 'Ubuntu', sans-serif;
}
/*Form Wizard Starts*/
/*Form Wizard Starts*/
.w1 fieldset, .w2 fieldset {
    display: none; }
.w1 .input-error, .w2 .input-error {
    border-color: #d22d3d; }

.w1 .w1-steps, .w2 .w2-steps {
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px; }
.w1 .w1-steps .w1-progress, .w2 .w2-steps .w2-progress {
    position: absolute;
    top: 24px;
    width: 100%;
    height: 1px;
    background-color: #e6edef; }
.w1 .w1-steps .w1-progress .w1-progress-line {
    height: 1px;
    background-color: #83352b;
    width: 12%; }
.w2 .w2-steps .w2-progress .w2-progress-line {
    height: 1px;
    background-color: #83352b;
    width: 10%; }
.w1 .w1-steps .w1-step {
    position: relative;
    float: left;
    width: 25%;
    text-align: center; }
.w2 .w2-steps .w2-step {
    position: relative;
    float: left;
    width: 20%;
    text-align: center; }
.w1 .w1-steps .w1-step.activated .w1-step-icon, .w2 .w2-steps .w2-step.activated .w2-step-icon {
    border: 1px solid #83352b;
    color: #83352b;
    line-height: 38px; }
.w1 .w1-steps .w1-step.activated p, .w2 .w2-steps .w2-step.activated p {
    color: #83352b; }
.w1 .w1-steps .w1-step.active .w1-step-icon, .w2 .w2-steps .w2-step.active .w2-step-icon {
    background-color: #83352b;
    color: #fff; }
.w1 .w1-steps .w1-step.active p, .w2 .w2-steps .w2-step.active p {
    color: #83352b; }
.w1 .w1-steps .w1-step p, .w2 .w2-steps .w2-step p {
    color: #898989;
    font-weight: 600; }
.w1 .w1-steps .w1-step .w1-step-icon, .w2 .w2-steps .w2-step .w2-step-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #e6edef;
    font-size: 16px;
    color: #83352b;
    line-height: 40px;
    border-radius: 50%; }
.w1 .w1-buttons, .w2 .w2-buttons {
    text-align: right; }
@media screen and (max-width: 991px) {
    .w1 .w1-steps, .w2 .w2-steps {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 575px) {
    .w1 .w1-steps, .w2 .w2-steps {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
/*Form Wizard ends*/
.latest-update-sec h5, .recent-order-sec h5 {
    font-size: 16px;
}
.latest-update-sec span, .recent-order-sec span {
    font-size: 12px;
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .dashboard-default-sec .rate-sec .card .card-header, .dashboard-default-sec .rate-sec .card .card-body, .dashboard-default-sec .rate-sec .card .card-footer {
        padding: 10px;
    }
}
.latest-update-sec .btn, .recent-order-sec .btn {
     line-height: 18px;
     color: #fff;
}
.dashboard-default-sec .rate-sec .static-top-widget .media-body {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    padding-left: 15px;
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .dashboard-default-sec .card .card-header, .dashboard-default-sec .card .card-body {
        padding: 20px 20px 0 20px;
    }
    .dashboard-default-sec .card .card-footer {
        padding: 20px;
    }
}
@media (max-width: 575px){
    .page-wrapper .page-body-wrapper .page-header {
        padding-top: 5px;
    }
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
    height: calc(110vh - 380px);/*xville default calc(100vh - 330px) - changed from  calc(110vh - 330px)*/
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 15px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user ul {
    margin-top: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div {
    margin-top: 10px;
    margin-bottom: 5px;
}
.page-wrapper.modern-sidebar {
    background-color: rgba(121, 4, 4, 0.1);
}
.comingsoon {
    background-color: rgba(121, 4, 4, 0.1);
}
.comingsoon .comingsoon-inner .countdown {
    border-top: 1px solid rgba(121, 4, 4, 0.1);
    border-bottom: 1px solid rgba(121, 4, 4, 0.1);
}
/*Fix to allow links to work with BS Modals
https://stackoverflow.com/questions/51634961/bootstrap-modal-not-allowing-links
*/
.modal-dialog {
    pointer-events: all;
}
/********************************* Admin CSS *************************/
a {
    color: #83352b;
}
a:hover {
    color: #83352b;
}
.nav-tabs .nav-link {
    background-color: rgba(36, 105, 92, 0.05);
}
.nav-link:hover, .nav-link:focus {
    color: #83352b;
}
.nav-link {
    color: #83352b;
}
/*Scrollbar*/
.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #fff;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.force-overflow {
    min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #4285F4;
}

.scrollbar-danger::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-danger::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ff3547;
}

.scrollbar-warning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-warning::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #FF8800;
}

.scrollbar-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-success::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
}

.scrollbar-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #33b5e5;
}

.scrollbar-default::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #2BBBAD;
}

.scrollbar-secondary::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-secondary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #aa66cc;
}
/*Button Info override*/
.btn-info {
    background-color: #123d5f !important;
    border-color: #123d5f !important;
}
.btn-info.disabled, .btn-info:disabled {
    background-color: #123d5f !important;
    border-color: #123d5f !important;
}
.btn-info:hover {
    color: #fff;
}
.btn-check:focus + .btn-info, .btn-info:focus {
    color: #fff;
}
/*Others*/
.login-form .form-group .checkbox label {
    color: #242934;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-admin-menu > li .nav-submenu li a {
    padding: 5px 25px;
    font-size: 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-admin-menu li a {
    font-size: 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-admin-menu > li a {
    padding: 7px 12px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-admin-menu {
    height: calc(130vh - 330px);
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 15px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user.admin img {
    border: 0 solid rgba(36, 105, 92, 0.2);
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.close_icon ~ footer {
    margin-left: auto;
}
/*Daterange picker*/
.daterangepicker {
    font-family: "Rubik", sans-serif, sans-serif;
}
.daterangepicker.ltr .ranges {
    float: left;
}
/*
.daterangepicker.ltr tr td.in-range {
    background-color: #ebf4f8;
}*/
.ranges li {
    font-size: 12px;
    /*background-color: rgba(246, 246, 246, 0.6);
    border: 1px solid rgba(246, 246, 246, 0.6);
    border-radius: 5px;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;*/
}
/*Custom Filter Dropdown*/
.dropdown-menu {
    min-width: auto;/*default */
    font-size: 12px;
}
.dropdown-filter-content{
    display: none;
}
/*Dashboard Progressbar*/
.dashboard-widget-progress {
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
/*Tabs override*/
.border-tab.nav-tabs .nav-item .nav-link {
    font-size: 12px;/*Xville default 14px*/
    padding: 10px 15px;
}
.border-tab.nav-tabs {
    margin-bottom: 20px;
}
/*User profile page*/
.user-profile .profile-header {
    height: auto;
    padding: 0;
    display: flex;
}
.user-profile .profile-header .userpro-box {
    padding: 10px;
}
.user-profile .profile-header .userpro-box .avatar {
    width: 150px;
    height: auto;
    max-width: 150px;
    max-height: 150px;
    border-radius: 5%;
    border: 5px solid rgba(36, 105, 92, 0.08);
    margin-bottom: 0;
}
.user-profile-tabs {
    margin-bottom: 5px;
}
.card .card-body p:last-child {
    margin-bottom: 5px;
}
.custom-card .profile-details h4 {
    margin-bottom: 0;
}
.custom-card .profile-details h5 {
    margin-bottom: 0;
    margin-top: 0;
    color: #494646;
    font-size: 14px;
}
.profile-buttons .btn {
    padding: 5px 10px;
}
.inner-custom .user-profile .profile-overview {
    margin-bottom: 5px;
}
.inner-custom .user-profile .edit-profile .card .card-footer {
    padding: 15px;
}
.inner-custom .user-profile .biodata-main-section{
    background: #ffffff;
}
.inner-custom .user-profile .card.profile-header{
    margin-bottom: 10px;
    border: 0;
}
.inner-custom .user-profile .default-according .card-header.b-l-primary{
    border-left: 3px solid #83352b !important;
}
.inner-custom .user-profile .card .sub-title {
    font-size: 13px;
}
.faq-accordion p {
    color: #000;
}
.default-according .card .card-body h6 {
    color: #000;
    font-size: 14px;
}
.default-according .card .btn-link {
    font-weight: 600;
    font-size: 14px;
}
.inner-custom .user-profile .default-according .table th, .table td {
    padding: 5px;
}
.default-according.style-1 button {
    width: auto;
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .avatar-showcase .profile-showcase{
        border-right: 1px solid #d4cdcd;
    }
}
@media screen and (max-width: 767px) {
    .profile-buttons {
        padding-top: 5px;
        text-align: center;
    }
}
/*CKEditor5 hack for display in BS5 Modal*/
body {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}
/*CKEditor5 hack ends*/
.modal-content .card .card-footer {
    padding: 10px;
}
.signup-form .radio-inline, .applicant-signup-form .radio-inline {
    display: inline-block;
}
.signup-form .radio-inline label, .applicant-signup-form .radio-inline label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
}
.signup-form .radio_animated, .applicant-signup-form .radio_animated {
    position: relative;
    margin: 0 5px 0 0;
    cursor: pointer;
}
.signup-form .radio_animated:before, .applicant-signup-form .radio_animated:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 2px;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: #83352b;
    border-radius: 50%;
}
.signup-form .radio_animated:after, .applicant-signup-form .radio_animated:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #e6edef;
    border-radius: 50%;
}
.signup-form .radio_animated:checked:before, .applicant-signup-form .radio_animated:checked:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
table.dataTable input, table.dataTable select {
    height: auto;
}
.checkbox label.table {
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/****** Application Module CSS *******/
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user.apply img {
    border: 2px solid rgba(36, 105, 92, 0.2);
}
.nav-menu .separator {
    border-bottom: 1px solid #e6edef;
    margin: 10px 0;
    padding: 0;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
    margin-left: 5px;
    margin-top: 2px;
    border: 0;
    margin-bottom: 2px;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
    border: 0;
    background: #fff;
    border-radius: 4px;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    min-width: 10px;
}
.todo .todo-list-wrapper #todo-list li .task-container .task-label {
    font-size: 12px;
}
.todo .todo-list-wrapper #todo-list li .task-container {
    padding: 5px 0;
}
.todo .todo-list-wrapper .todo-list-body {
    max-height: none;
    overflow: hidden;
}
.todo .action-box.large {
    height: 20px;
    width: 20px;
}
.u-pearl-title {
    font-size: 12px;
}
/* Form Wizard matters */
.form-section {
    display: none;
}
.form-section.current {
    display: inherit;
}
/*Progress Bar Label H@ck!*/
.ui-progressbar {
    position: relative;
}
.progress-label {
    position: absolute;
    left: 40%;/*50%*/
    top: -1px;/*4px*/
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
}
.ui-progressbar .ui-progressbar-value {
    height: 0;
}
.ui-widget-header {
    border: 0;
}
/*App Module Specific Overrides*/
.inner-custom .card .blog-list .blog-details hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.inner-custom .card .blog-list .blog-details h6 {
    margin-bottom: 5px;
}
.inner-custom .card .file-content .files .file-box {
    width: 100%;
}
.inner-custom .card .blog-box .blog-details .blog-social li,
.inner-custom .card .blog-box .blog-details .comment-social li {
    font-size: 12px;
}
.card .sub-title {
    font-size: 14px;
}

@media screen and (max-width: 767px){
    .general-widget .custom-card .card-profile {
        margin-top: -5px;
    }
    .general-widget .custom-card {
        padding: 5px;
    }
}

.is-countdown {
    border: 0;
    background-color: #fff;
}
.timer-countdown .item{
    display: inline-block;
    width: 100px;
    float: left;
    text-align: center;
}
.timer-countdown span{
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px;
    /*background: #fff;*/
    background-color: #f5f7fb;
    border: 3px solid #83352b;
    color: #000;
    /*font: 18px Arial, sans-serif;*/
    align-items: center;
    text-align: center;
}
.css-class-to-highlight{
    background-color: #ff0;
}
.event {
    background-color: #5FBA7D !important;
    color: #ffffff !important;
}
.static-top-widget .media-body {
    padding-left: 15px;
}
.table-display tbody tr.selected td,
.table-display tbody tr.selectable:hover td {
    background: #e0adad;
    box-shadow: 0 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    -moz-box-shadow: 0 0 0 1px #fff inset;
}
#students-list .product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#students-list .product-box .product-details {
    padding: 10px;
}
#students-list .product-box .product-img {
    width: 15%;
    position: relative;
    padding-left: 5px;
}
#students-list .product-box .product-details h6 {
    margin-bottom: 5px;
}
#students-list .product-box .product-details p {
    color: #242934;
    font-weight: normal;
}
#students-list .product-box .product-details span {
    color: #fff;
}
span.twitter-typeahead .tt-suggestion {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 12px;
}
span.twitter-typeahead .tt-menu {
    font-size: 12px;
}