:root {
    --default-font-size: 15px;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'dinregular', "Open Sans", sans-serif;
}

body, p, .form-control, .table td, .table th {
    font-size: 14px;
}
.font-monospace {
    font-family: monospace !important;
}

.btn {
    font-size: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-clean {
    text-transform: none !important;
    text-decoration: none;
}

.btn-normal {
    text-transform: none;
    font-size: 1em;
    text-decoration: none;
}

.form-control:hover,
.form-control:focus {
    border-width: 2px;
}

@media (min-width: 992px) {
    .page-sidebar {
        width: 0 !important;
    }
}
@media (min-width: 992px) {
    .page-content-wrapper .page-content {
        margin-left: 0 !important;
    }
}


@media (max-width: 767px) {
    .page-content-wrapper .page-content {
        padding-bottom: 40px!important;
    }
}

span.header_client_name {
    font-family: 'dinregular';
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 200;
    padding-left: 20px;
    color: #fff;
}

@media (max-width: 991px) {
    span.header_client_name {
        padding-left: 0;
    }
}

@media (max-width: 550px) {
    span.header_client_name {
        font-size: 14px;
    }
}

@media (max-width: 420px) {
    span.header_client_name {
        font-size: 12px;
    }
}

.page-header.navbar {
    height: 40px !important;
    min-height: 40px !important;
    box-shadow: 0 3px 5px 0 #0000001f;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    height: 40px;

}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 5px;
    border-radius: 4px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle i {
    color: #fff !important;
}

.page-header-fixed .page-container {
    margin-top: 40px !important;
}



span.header_client_name {
    color: #fff;
    opacity: 0;
}

.page-footer .page-footer-inner {
    color: #fff;
}

.page-bar {
    padding: 0 !important;
}

.page-bar .page-provider-brand {
    background-color: #eee;
    height: 270px;
    /*padding: 8px 20px !important;*/
    background-repeat: no-repeat !important;
    background-size: auto 270px !important;
}

.page-bar .page-breadcrumb {
    padding: 8px 20px !important;
}

.page-bar .page-breadcrumb li a {
    padding: 4px 8px;
    text-decoration: none;
}

.page-bar .page-breadcrumb li a:hover,
.page-bar .page-breadcrumb li a.current:hover {
    background-color: #666;
    color: #fff !important;
    border-radius: 25px !important;
}

.page-bar .page-breadcrumb li.current a,
.page-bar .page-breadcrumb li.current span {
    font-weight: 600;
    color: #000
}

.page-bar .page-breadcrumb li.complete a,
.page-bar .page-breadcrumb li.complete span {
    font-weight: 600;
    color: #666
}

.page-bar .page-breadcrumb li.inactive a,
.page-bar .page-breadcrumb li.inactive span {
    color: #ccc
}

.page-bar .page-breadcrumb li:not(:last-child):after {
    content: '>';
    font-size: 14px;
    font-weight: 300;
    color: #ccc;
    padding: 0 5px;
}

body {
    background-color: #fff;
}

.dev-mode-background {
    background: repeating-linear-gradient(45deg, rgb(210 0 0), rgb(210 0 0) 10px, rgb(255 152 0) 10px, rgb(255 152 0) 20px) !important;
}

.page-content-wrapper .page-content {
    padding-bottom: 50px;
}

.form-field-error {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 4px !important;
}

.form .form-section, .portlet-form .form-section {
    margin: 60px 0 20px 0;
}

.form-body > .form-section:first-child {
    margin-top: 20px !important;
}

.override-mt-0 {
    margin-top: 0 !important;
}

.content_checkbox_header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.content_checkbox_header label {
    font-weight: 300;
    font-size: 16px;
}

.tiny {
    font-size: 80%;
}

.form-section-subheading {
    padding-bottom: 5px;
    border-bottom: 1px solid #e7ecf1;
    margin-left: 200px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.fc_33_inline {
    width: 30%;
    display: inline-block;
}

@media (max-width: 1400px) {
    .form-section-subheading {
        margin-left: 100px;
    }
}

@media (max-width: 992px) {
    .form-section-subheading {
        margin-left: 0;
    }
}

.form-actions {
    background-color: transparent !important;
}

.aacds_form_button {
    min-width: 120px;
}

.has-error {
    color: #e73d4a;
}

span.li-subnote {
    font-size: 12px;
    color: #43B23C;
    padding-left: 30px;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    /* -webkit-transform: scale(1.5); */ /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
}

input[type=radio] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    /* -webkit-transform: scale(1.5); */ /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.note p {
    font-size: 14px !important;
    padding: 10px 0 !important;
}

.selected-entry {
    font-weight: bold;
    font-size: 16px !important;
}

.course-select-container-wrapper {
    padding-bottom:20px;
}

.course-select-container-outer {
    padding: 0 50px 0 50px;
}

.course-select-container-inner {
    background-color: #eeeeee;
    padding: 20px;
}

.course-select-detail-inner {
    border: 2px #eeeeee solid;
    padding: 20px;
}

.course-select-row {
    min-height: 60px;
    height: 60px;
}

.course-select-row .course-select-name {
    font-family: Roboto, "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
}

.course-select-row .price {
    font-family: Roboto, "Open Sans", sans-serif;
    font-size: 22px;
    font-weight: 400;
    display: block;
}

.course-select-row .price_type {
    font-family: Roboto, "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: 300;
    display: block;
}

.price_notes {
    display: block;
    font-size: 12px;
    padding: 5px;
    border-top: 1px #d4d1d2 solid;
    margin: 5px 20px;
}

.course-select-detail-inner .course-description-container {
    font-size: 14px;
}

.course-intake-header {
    font-family: Roboto, "Open Sans", sans-serif;
    font-weight: 200;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    text-align: center;
    background-color: #fafafa;
}

.course-intake-container {
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
}

.course-intake-container:hover {
    background-color: #dfdfdf;
}

.course-intake-container > .title {
    font-family: Roboto, "Open Sans", sans-serif;
    font-weight: 200;
    font-size: 18px;
    display: block;
    padding: 5px 0 10px 0;
    border-bottom: 1px #a0a0a0 solid;
    margin-bottom: 15px;
}

.intake_list_type {
    min-width: 80px;
    display: inline-block;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
    transform: scale(1.5);
}

.form-control {
    font-size: 16px;
    border-radius: 4px !important;
}

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

/* course list */
ul.course-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.course-list > li {
    border: 1px #c2cad8 solid;
    margin: 0 !important;
}

ul.course-list > li.list-header {
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #00b6dd;
    color: #fff;
    font-weight: 300;
}

ul.course-list > li:first-child {
    border-radius: 4px 4px 0 0 !important;
}

ul.course-list > li:last-child {
    border-radius: 0 0 4px 4px !important;
}

/*
ul.course-list > li:hover(:first-child) {
    border-radius: 4px 4px 0 0 !important;
}

ul.course-list > li:last-child,
ul.course-list > li:hover(:last-child) {
    border-radius: 0 0 4px 4px !important;
} */

ul.course-list > li:not(:last-child) {
    border-bottom: 0;
}

ul.course-list > li.list-item:hover {
    background-color: #cfe7ee;
    transition: 0.3s;
}

ul.course-list > li.list-item label {
    width: 100% !important;
    padding: 10px;
    margin: 0;
}

ul.course-list > li.list-item input {
    transform: scale(1.5);
}

ul.course-list > li.list-item label .price {
    background: #bae1ec;
    border: 1px solid #93c9d9;
    padding: 4px 5px 2px 5px;
    border-radius: 4px !important;
    font-size: 13px;
    right: 0;
    top: 8px;
    min-width: 100px;
    text-align: center;
    float: right;
}

ul.course-list > li.list-item:hover > label .price {
    background-color: #0caddb;
    font-weight: 600;
    color: #eee;
}

ul.course-list > li.list-item label .additional-info {
    padding: 10px;
    margin: 15px 5px 5px 5px;
    background-color: #fefefe;
    border-radius: 4px !important;
    border: 1px solid #ddd;
}

ul.course-list > li.list-item label .additional-info p,
ul.course-list > li.list-item label .additional-info ul,
ul.course-list > li.list-item label .additional-info ol {
    padding: 0 0 10px 0;
    margin: 0;
}

ul.course-list > li.list-item label .additional-info p:last-child,
ul.course-list > li.list-item label .additional-info ul:last-child,
ul.course-list > li.list-item label .additional-info ol:last-child {
    padding: 0;
    margin: 0;
}

ul.course-list > li.list-item label .additional-info ul,
ul.course-list > li.list-item label .additional-info ol {
    padding-left: 20px !important;
    list-style: initial;
}

ul.course-list > li.list-item label input[type="radio"]:checked + .name {
    font-weight: 700;
    transition: 0.3s;
}

.action-button-group > .btn:not(:last-child) {
    margin-right: 10px;
}

/* info panels */

.niche__note {
    margin: 0 0 20px;
    padding: 10px 10px 10px 10px;
    border-left: 6px solid #eee;
    border-top: 1px solid #8bb4e7;
    border-right: 1px solid #8bb4e7;
    border-bottom: 1px solid #8bb4e7;
    border-radius: 4px !important;
}

.niche__note.niche__note-info {
    background-color: #f5f8fd;
    border-color: #8bb4e7;
    color: #010407;
}

.niche__note.niche__note-warning {
    background-color: #faeaa9;
    border-color: #f3cc31;
    color: #000;
}

.niche__note.niche__note-danger {
    background-color: #fef7f8;
    border-color: #f0868e;
    color: #210406;
}

.niche__note hr {
    margin: 10px 0 !important;
}

.niche__note ul li {
    padding: 2px 0;
}

.niche__note p {
    margin: 10px 0 !important;
}

.niche__note p:first-child {
    margin-top: 0 !important;
}

.niche__note p:last-child {
    margin-bottom: 0 !important;
}

.niche__note h3:first-child, .niche__note h4:first-child {
    margin-top: 0 !important;
}





.form-spinner {
    height: 24px;
    padding-top: 5px;
    margin: 5px 0;
    text-align: center;
}

.form-spinner > i {
    font-size: 20px;
}

.form-spinner > span {
    font-size: 16px;
    display: inline-block;
    line-height: 16px;
}



.order-list-item-name {
    font-size: 15px;
    font-weight: 600 !important;
}

.order-list-item-price {
    border: 1px solid #abc;
    background-color: #d9dfe5;
    font-weight: 600 !important;
    padding: 2px 4px;
    border-radius: 2px !important;
    margin-left: 10px;
}

.order-list-item-price.special > .regular {
    text-decoration:line-through;
    font-weight: 300 !important;
}

.order-list-item-price > .special {
    padding-left: 10px;
}

.m-accordion {
    /*border: 1px solid #87b7e5;
    border-radius: 4px !important;
    padding: 8px;
    background-color: #f5f8fd;*/
}

.m-accordion > .m-accordion__item > .m-accordion__item-head > .m-accordion__item-title {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.2em;
}

.m-accordion > .m-accordion__item > .m-accordion__item-head > .m-accordion__item-mode {
    font-weight: 200;
    font-size: 1em;
    line-height: 1.2em;
    margin-left: 10px;
}

.m-accordion > .m-accordion__item > .m-accordion__item-head > .m-accordion__item-mode:after {
    content: "click to hide"
}

.m-accordion > .m-accordion__item > .m-accordion__item-head.collapsed > .m-accordion__item-mode:after {
    content: "click to show"
}

.m-accordion > .m-accordion__item > .m-accordion__item-body > .m-accordion__item-content {
    padding: 20px 20px 0 20px;
}

.modal-dialog .modal-content {
    border-radius: 4px !important;
}

.modal-dialog .modal-title {
    font-size: 1.5em;
    font-weight: 600;
}

.page-debug {
    padding: 0 20px 10px 20px;
    border: 1px solid #ff00004a;
    border-radius: 20px !important;
    margin: 30px 20px 40px 20px;
    background-color: #f5000059;
    box-shadow: 0 3px 7px 0 #0000006b;
}

.page-debug .nav-tabs {
    background-color: #fff;
    border-radius: 4px !important;
    overflow: hidden;
}

.page-debug .tab-content {
    border-radius: 4px !important;
    overflow: hidden;
}

.page-debug .nav-tabs li.active {
    font-weight: 800;
}

.payment-form-panel {
    padding: 12px;
    border: 1px solid rgb(194, 202, 216);
    border-radius: 8px !important;
    box-shadow: 0 0 5px 0 #00000038 !important;
}

.payment-form-panel .form-body {
    padding: 0 20px 0 20px;
}

.payment-form-panel > .form-body > .form-group:last-child {
    margin-bottom: 5px;
}

.payment-form-panel.payment-success {
    background-color: #a3e0a3;
    color: #000000;
}

.payment-form-panel .display-name {
    font-weight:bold;
    margin-top: 0;
}

.payment-form-panel .display-price {
    font-size:32px;
    font-weight:bold;
    color:var(--accent-color);
    margin: 15px 0;
    text-align: center;
}

.payment-form-panel .display-price .display-currency {
    color: #666;
    font-size: 12px;
    font-weight: 300;
}

.payment-form-panel .display-note {
    margin: 20px 0 0 0;
    font-size:12px;
}

.stripe-payment-form .block-stripe-card-element {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    height: 42px;
}

.stripe-payment-form .btn-stripe-process-payment {
    padding:10px;
    border: none;
    cursor: pointer;
    width: 100%;
}

.stripe-payment-form .btn-stripe-process-payment .spinner {
    margin-right: 8px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    100% { transform: rotate(360deg); }
}

.table-center-detail-list-wrapper {
    justify-content: center;
    display: flex;
    padding: 10px;
}

.table-center-detail-list {

}

.table-center-detail-list tr td.item {
    text-align: right;
    padding-right: 12px;
    cursor: default;
}

.table-center-detail-list tr td.value {
    font-weight: 500;
    color: var(--accent-color);
}

.payment-form-panel p:last-child {
    margin-bottom: 0;
}

.payment-form-panel p {
    margin: 10px 0;
}