/*
Theme Name: bootScore
Theme URI: https://bootscore.me/
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.3.3
Requires at least: 5.0
Tested up to: 6.3.1
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

p.login-error {
    color: red;
}
.rtl {
    direction: rtl;
}
.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}
.h-custom-2 {
    height: calc(100% - 88px);
}
.h-custom {
    height: calc(100% - 72px);
}
.card {
    max-width: 856px;
    margin: 0 auto;
    border: 0;
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    width: 70px;
    flex: none;
    padding: 0;
}
.nav-fill>.nav-link:last-child {
    width: 60px;
}
.pagination {
    gap: 5px;
}
#insurance-data-form {
    direction: rtl;
}
.form-outline .form-control.form-control-lg {
    padding-right: 15px;
}
.form-outline .form-control~.form-label {
    left: initial;
    right: .35rem;
}
.form-outline .form-control:focus~.form-label {
    right: .35rem;
}
.form-outline .form-control~.form-notch .form-notch-trailing{
    border-left: 1px solid #bdbdbd;
    border-right: none;
    border-radius: 0;
}

.form-outline .form-control~.form-notch .form-notch-leading {
    border-left: none;
    border-right: 1px solid #bdbdbd;
    border-radius: 0;
}

.form-outline .form-control.active~.form-notch .form-notch-leading, .form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-left: none;
    border-right: 1px solid #3b71ca;
    box-shadow: 0px 0 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
    border-radius: 0;
}

.form-outline .form-control.active~.form-notch .form-notch-trailing, .form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-left: 1px solid #3b71ca;
    border-right: none;
    box-shadow: 0px 0 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
    border-radius: 0;
}
.form-outline .form-control.active~.form-notch .form-notch-middle, .form-outline .form-control:focus~.form-notch .form-notch-middle {
    box-shadow: 0px 1px 0 0 #3b71ca;
}

#effective_date, #expiration_date {
    text-align: right;
}
@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}
#amount,
.input-group-text, .woocommerce-cart .coupon button {

}
#cc-name,
#cc-number,
#cc-cvv {
    margin-bottom: 0;
}

.front-login-form > div {
    max-width: 400px;
    margin: auto;
    width: 100%;
}

.navbar-brand strong {
    color: #000;
    font-feature-settings: 'dlig' on, 'ss05' on, 'ss02' on, 'ss03' on;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    display: block;
    padding-bottom: 15px;
}
.front-login-form h5 {
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.36px;
    font-feature-settings: 'dlig' on, 'ss05' on, 'ss02' on, 'ss03' on;
}

.front-login-form .form-label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 8px;
    letter-spacing: 0.88px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.front-login-form input {
    height: 40px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    min-height: initial;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.56) !important;
    outline: none !important;
    box-shadow: none !important;
}

.front-login-form button[type="submit"] {
    width: 136px;
    height: 56px;
    background: #0D4EE3;
    border-radius: 200px;
}
.footer-copyright {
    border-top: 1px solid rgba(0, 0, 0, 0.20);
}

.front-login-form {
    display: flex;
    flex-direction: column;
    padding-top: 88px;
}
.home .navbar-brand {
    display: block;
    padding-bottom: 20px;
}
.fixed-top-off {
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
.card-header > nav {
    width: 100%;
    justify-content: space-between;
}
.card-header {
    direction: rtl;
    align-items: center;
    height: 114px;
    border-radius: 30px!important;
    background: rgba(248, 244, 239, 0.62);
    border: 0;
    display: flex;
    width: 100%;
    padding: 30px 100px;
    position: relative;
}
.card-header:before{
    content: '';
    height: 1px;
    background: #E4E0DC;
    width: 575px;
    display: block;
    position: absolute;
    right: 119px;
    top: 41px;
    z-index: 1;
}
.card-header:after{
    content: '';
    height: 1px;
    background: #E4E0DC;
    width: 94%;
    display: block;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
}
.card-header .nav-fill>.nav-link {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.56);
    width: auto;
}
.card-header .nav-fill>.nav-link:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 2px solid #000;
    background: #D2BCE0;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}
.card-header .nav-fill>.nav-link.done:before {
    border: 2px solid #000;
    background: #96ECBA url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M7.97921 14.646C7.86788 14.646 7.76021 14.625 7.65621 14.583C7.55221 14.5417 7.45155 14.4723 7.35421 14.375L3.83321 10.854C3.66655 10.6873 3.58688 10.4757 3.59421 10.219C3.60088 9.96167 3.68755 9.74967 3.85421 9.583C4.02088 9.41634 4.22921 9.333 4.47921 9.333C4.72921 9.333 4.93755 9.41634 5.10421 9.583L8.02121 12.5L14.9172 5.604C15.0839 5.43734 15.2885 5.354 15.5312 5.354C15.7745 5.354 15.9795 5.43734 16.1462 5.604C16.3129 5.77067 16.3962 5.97567 16.3962 6.219C16.3962 6.46167 16.3129 6.66634 16.1462 6.833L8.60421 14.375C8.50688 14.4723 8.40621 14.5417 8.30221 14.583C8.19821 14.625 8.09055 14.646 7.97921 14.646Z" fill="black"/></svg>');
}


.card-header .nav-fill>.nav-link.active:before {
    border: 2px solid #000;
    background: #0D4EE3;
}
.card-header .nav-fill>.nav-link {
    text-align: right;
}
.card-body {
    padding: 40px 100px;
    border-radius: 30px;
    background: rgba(248, 244, 239, 0.62);
    border: 0;
}
#simple-payment select,
#simple-payment input,
#insurance-data-form input {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    height: 40px;
    background: transparent;
}
#simple-payment .text-muted {
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
#simple-payment label,
#insurance-data-form label {
    color: rgba(0, 0, 0, 0.87);
    text-align: right;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 8px; /* 72.727% */
    letter-spacing: 0.88px;
    text-transform: uppercase;
}
#simple-payment button[type="submit"],
#insurance-data-form button[type="submit"] {
    border-radius: 200px;
    background: #0D4EE3;
    height: 47px;
    width: 147px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.page-finish-section,
.page-payment-section,
.page-insurance-section {
    padding: 30px 0;
}
.page-finish-section .pb-38 {
    padding-bottom: 25px;
}
#bootscore-navbar {
    direction: rtl;
    gap: 10px;
}
#bootscore-navbar > li > a {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
#menu-item-20 a {
    color: #900;
}
.navbar-brand {
    color: #000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}
.form-title {
    color: #000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 47.222px;
    font-style: normal;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: -0.472px;
}
.pb-38 {
    padding-bottom: 38px;
}
.btn-back {
    text-decoration: none;
    color: #0D4EE3;
    text-align: right;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    align-items: center;
}
.results-table .btn-back {
    justify-content: end;
}
.btn-back svg {
    margin-right: 5px;
}
#simple-payment input#amount {
    border-left: 0;
    border-radius:  0 12px 12px 0;
}
#basic-addon2 {
    border-color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.56);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border-right: 0;
    border-radius:  12px 0 0 12px;
    background: transparent;
}
.results-table {
    border-radius: 30px;
    border: 1px solid #000;
    padding: 20px 40px 32px 40px;
}
.results-table table {
    margin-bottom: 30px;
}
.results-table td {
    text-align: left;
}
.results-table td,.results-table th {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.to-home {
    border-radius: 200px;
    background: #0D4EE3;
    width: 200px;
    height: 47px;
    color: #FFF;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    align-items: center;
    justify-content: center;
}
label[for="effective_date"],
label[for="expiration_date"] {
    position: relative;
    width: 100%;
}
label[for="expiration_date"]:after,
label[for="effective_date"]:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    left: 10px;
    top: 23px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7.75 17.2202V17.1428M12.25 17.2202V17.1428M12.25 13.0286V12.9512M16.25 13.0286V12.9512M4.75 8.91425H18.75M6.55952 3V4.54304M16.75 3V4.54285M16.75 4.54285H6.75C5.09315 4.54285 3.75 5.92436 3.75 7.62855V17.9143C3.75 19.6185 5.09315 21 6.75 21H16.75C18.4069 21 19.75 19.6185 19.75 17.9143L19.75 7.62855C19.75 5.92436 18.4069 4.54285 16.75 4.54285Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
#simple-payment .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
#simple-payment .select2-selection {
    height: 40px;
    border-radius: 12px;
    background: rgba(248, 244, 239, 0.62);
    border: 1px solid rgba(0, 0, 0, 0.56);
}
#simple-payment .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px;
    left: 10px;
    right: initial;
    width: 20px;
}
#simple-payment  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000 transparent;
}
#simple-payment  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}
[type="password"]::placeholder {
    letter-spacing: normal;
}
[type="password"]{
    letter-spacing: 16px;
}
@media (max-width: 768px) {
    .nav-fill>.nav-link, .nav-fill .nav-item {
        width: 30%;
    }
    .card-header {
        padding: 20px 20px;
    }
    .card-header:before {
        width: 75%;
        right: 32px;
    }
    .card-body {
        padding: 30px 20px 20px 20px;
    }
    .navbar-brand {
        font-size: 12px;
    }
    .navbar-brand img {
        max-height: 40px;
    }
}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover,
.ui-widget-header {
    background: #FAF8F5;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #0D4EE3;
    color: white;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0D4EE3;
    color: white;
}
.select2-dropdown {
    border: 1px solid rgba(0, 0, 0, 0.56) !important;
    border-radius: 4px!important;
}
::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: lightgrey;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.table-head {
    position: relative;
}
.select2-container--default .select2-results__option--selected {
    background-color: #FAF8F5;
}
.table-head:after {
    content: '';
    height: 1px;
    background: #E4E0DC;
    width: 96%;
    display: block;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
}

#cc-cvv {
    -webkit-text-security: disc;
    text-security: disc;
    letter-spacing: 16px;
}

.front-login-form a.register {
    width: 136px;
    height: 56px;
    background: #0D4EE3;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 14px;
}

.navbar-brand img {
    height: 52px;
}

.ui-header {
    text-align: center;
    padding-top: 50px;
}

.front-login-form .actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    text-align: center;
    font-size: 24px;
    margin-top: 32px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around;
}

.front-login-form .actions a {
    text-decoration: none;
}

.front-login-form .form-outline {
    margin-bottom: 12px;
}

.front-login-form form {
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
}
.page-insurance-section {
    padding-bottom: 160px;
}
footer {
    border-top: 1px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    color: rgba(0, 0, 0, 0.60);
    font-feature-settings: 'dlig' on;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-align: center;
    padding: 20px 0;
}


div#content {
    max-width: 1280px;
}

@media screen and (max-width: 760px){
    .front-login-form {
        padding-top: 50px;
    }

    .front-login-form form {
        margin-bottom: -20px;
    }
}

.tml-field-wrap input {
    height: 40px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    min-height: initial;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.56) !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: right;
}

.tml-button {
    color: white;
    width: 136px;
    height: 56px;
    border: 0;
    background: #0D4EE3;
    border-radius: 200px;
}

.indicator-hint {
    display: none;
}
.tml-action-resetpass h1 {
    text-align: center;
}
.tml-resetpass {
    text-align: right;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}