form.was-validated
    select:invalid
    ~ .select2-container--bootstrap4
    .select2-selection,
select.is-invalid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #dc3545 !important;
}

form.was-validated
    select:valid
    ~ .select2-container--bootstrap4
    .select2-selection,
select.is-valid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #28a745 !important;
}

.sh-6-auto {
    min-height: 3rem !important;
}

.menu-icons .label {
    font-family: var(--font-heading);
    font-size: 13px;
}

.btn-check:active + .btn-alternate,
.btn-check:checked + .btn-alternate,
.btn-alternate.active,
.btn-alternate:active,
.show > .btn-alternate.dropdown-toggle {
    background-color: var(--primary-darker);
    border-color: var(--primary-darker);
}

.glideRoomDetail .glide__slides .glide__slide.glide__slide--active {
    opacity: 1;
}

.glideRoomDetail .glide__arrows .btn.right-arrow {
    right: 10px;
}

.glideRoomDetail .glide__arrows .btn.left-arrow {
    left: 10px;
}

.glideRoomDetail .glide__bullets {
    position: absolute;
    z-index: 2;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0;
}

.font-20 {
    font-size: 20px;
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #dc3545 !important;
}

ul.payment-method {
    border-bottom: none;
}

ul.payment-method input[type="radio"] {
    display: none;
}

ul.payment-method > li > label {
    cursor: pointer;
}

ul.payment-method input[type="radio"]:checked + label.nav-link {
    border-color: #1742a0;
    color: #1742a0;
    background-color: #fff;
}

ul.payment-method input[type="radio"]:checked ~ label.nav-link i.icon-element {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

ul.payment-method label.nav-link.is-invalid {
    border-color: #dc3545;
    color: #dc3545;
}

.check-mark-tab .nav-tabs .nav-link {
    background-color: #fff;
    border: 2px solid rgba(128, 137, 150, 0.1);
    color: #5d646d;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-weight: 400;
}

.check-mark-tab .nav-tabs .nav-link .la-check {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.check-mark-tab .nav-tabs .nav-link.active {
    border-color: #1742a0;
}

.check-mark-tab .nav-tabs .nav-link.active .icon-element {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.check-mark-tab .nav-tabs .nav-link.active:hover {
    border-color: #1742a0;
}

.check-mark-tab .nav-tabs .nav-link:hover {
    background-color: #fff;
}

table .rate-input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid grey;
    background-color: transparent;
}
table .rate-input:focus {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid inherit;
    box-shadow: 0 4px 2px -2px #1742a0;
    outline: 0 none;
}
table .rate-input.is-invalid {
    border-bottom: 1px solid #dc3545;
}
.payment-method {
    text-align: center;
    padding: 30px 35px !important;
}

.payment-method i.fa {
    font-size: 3em;
    margin-bottom: 10px;
}