.btn-default-selected {
    background-color: rgb(200, 200, 200) !important;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.btn-group-view-as {
    position: absolute;
    right: 1em;
    top: 1em;
}

span.panel-title {
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;/*"Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif*/;
    font-weight: 600;
    line-height: 1.2;
}

.datepicker-filter.inactive,
.datepicker-filter-pickers.inactive,
.datepicker-filter .datepicker-filter-group,
.datepicker-filter .datepicker-filter-group .datepicker-filter-element,
.datepicker-filter-select-warning-alert {
    display: none;
}

#accommodation-tab form .datepicker-filter-pickers>.col-md-6>.row {margin-left:-5px;}

@media (max-width: 450px) {
    .d-flex-xxs-i { display: flex !important; }

    .align-items-center-xxs-i { align-items: center !important; }

    .flex-wrap-xxs-i { flex-wrap: wrap !important; }

    .justify-content-start-xxs-i { justify-content: start !important; }
    .col-10-xxs {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-12-xxs {
        flex: 0 0 auto;
        width: 100%;
    }
    .col-xxs-offset-2 { margin-left:16.66666667% }

    .ml-15-xxs { margin-left: 15px; }
    .ml-30-xxs { margin-left: 30px; }
    .mt-6-xxs { margin-top: 6px; }
    .pl-15-xxs { padding-left: 15px; }
    .pl-15-xxs-i { padding-left: 15px !important; }

    .width-75px-xxs-i { width: 75px !important; }
}

@media (min-width: 992px) {
    /* Large devices (lg) */
    .d-flex {
        display: flex;
    }

    .d-table {
        display: table;
    }

    .d-table-header-group {
        display: table-header-group;
    }

    .d-table-row-group {
        display: table-row-group;
    }

    .d-table-footer-group {
        display: table-footer-group;
    }

    .d-table-row {
        display: table-row;
    }

    .d-table-cell {
        display: table-cell;
    }

    .d-inline-block {
        display: inline-block;
    }

    .d-inline-flex {
        display: inline-flex;
    }

    .d-list-item {
        display: list-item;
    }

    .d-grid {
        display: grid;
    }

    .flex-1-1-auto {
        flex: 1 1 auto;
    }

    .lst-none {
        list-style-type: none;
    }
}

@media (max-width: 991px) {
    .mobile-float-none-i {
        float: none !important;
    }
    .mobile-d-inline-flex {
        display: inline-flex;
    }
}

.jc-center {
    justify-content: center;
}

.mr-0 { margin-right: 0px; }
.mr-1 { margin-right: 1px; }
.mr-4 { margin-right: 4px; }
.mr-5 { margin-right: 5px; }

.ml-0 { margin-left: 0px; }

.ml-15 { margin-left: 15px; }

.mt-35 { margin-top: 35px; }
.mt-30 { margin-top: 30px; }
.mt-25 { margin-top: 25px; }
.mt-20 { margin-top: 20px; }
.mt-19 { margin-top: 19px; }
.mt-18 { margin-top: 18px; }
.mt-17 { margin-top: 17px; }
.mt-16 { margin-top: 16px; }
.mt-15 { margin-top: 15px; }
.mt-12 {margin-top: 12px;}
.mt-10 { margin-top: 10px; }
.mt-5 { margin-top: 5px;}
.mt-7 {margin-top: 7px;}
.mt-6 {margin-top: 6px;}
.mt-3 {margin-top: 3px;}
.mt-1 {margin-top: 1px;}
.mt-0 {margin-top: 0px;}

.mt-n6 { margin-top: -6px; }

.mb-20 { margin-bottom: 20px; }
.mb-15 { margin-bottom: 15px; }
.mb-10 { margin-bottom: 10px; }
.mb-9 { margin-bottom: 9px; }
.mb-8 { margin-bottom: 8px; }
.mb-7 { margin-bottom: 7px; }
.mb-6 { margin-bottom: 6px; }
.mb-5 { margin-bottom: 5px; }
.mb-4 { margin-bottom: 4px; }
.mb-3 { margin-bottom: 3px; }
.mb-2 { margin-bottom: 2px; }
.mb-1 { margin-bottom: 1px; }
.mb-0 { margin-bottom: 0px; }
.mb-0-i { margin-bottom: 0px !important; }

.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 1px; }
.pl-2 { padding-left: 2px; }
.pl-3 { padding-left: 3px; }
.pl-4 { padding-left: 4px; }
.pl-5 { padding-left: 5px; }
.pl-6 { padding-left: 6px; }
.pl-7 { padding-left: 7px; }
.pl-8 { padding-left: 8px; }
.pl-9 { padding-left: 9px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 1px; }
.pr-2 { padding-right: 2px; }
.pr-3 { padding-right: 3px; }
.pr-4 { padding-right: 4px; }
.pr-5 { padding-right: 5px; }
.pr-6 { padding-right: 6px; }
.pr-7 { padding-right: 7px; }
.pr-8 { padding-right: 8px; }
.pr-9 { padding-right: 9px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }

.pt-0 { padding-top: 0px; }
.pt-1 { padding-top: 1px; }
.pt-2 { padding-top: 2px; }
.pt-3 { padding-top: 3px; }
.pt-4 { padding-top: 4px; }
.pt-5 { padding-top: 5px; }
.pt-6 { padding-top: 6px; }
.pt-7 { padding-top: 7px; }
.pt-8 { padding-top: 8px; }
.pt-9 { padding-top: 9px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }

.pt-5-i { padding-top: 5px !important; }
.pt-10-i { padding-top: 10px !important; }
.pt-15-i { padding-top: 15px !important; }

.pb-5-i { padding-bottom: 5px !important; }
.pb-10-i { padding-bottom: 10px !important; }
.pb-15-i { padding-bottom: 15px !important; }
.pb-20-i { padding-bottom: 20px !important; }

.pb-0 { padding-bottom: 0px; }
.pb-1 { padding-bottom: 1px; }
.pb-2 { padding-bottom: 2px; }
.pb-3 { padding-bottom: 3px; }
.pb-4 { padding-bottom: 4px; }
.pb-5 { padding-bottom: 5px; }
.pb-6 { padding-bottom: 6px; }
.pb-7 { padding-bottom: 7px; }
.pb-8 { padding-bottom: 8px; }
.pb-9 { padding-bottom: 9px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }

.width-100 { width: 100%; }
.width-100px { width: 100px; }

/*
:root {
 --button-success-background-color:  #0f0;
 --button-warning-background-color:  #f00;
}
*/
/*
.fc-title {color: #000; }
*/
@media (max-width: 450px) {
    .registration-accept-decline-btn-group {
        width: auto;
    }
}

@media (max-width: 787px) {
    #accompany-output .vertical-align {
        display: block;
    }

    #accompany-output .btn-block {
        width: auto;
    }
}

#btn-registration-submit {
    /*display: none;*/
    color: white !important;
}

#registration-submit-errors {
    position: absolute;
    display: none;
    top: 56px;
    left: 15px;
    background: #fff;
    border: 1px solid #D6D8DB;
    width: 300px;
    padding: 10px;
    z-index: 1001;
    color: red;
}

#registration-submit-errors .contenttext {
    font-size: 14px;
}

#registration-submit-errors:after,
#registration-submit-errors:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    left: 20px;
    margin-left: -10px;
}

#registration-submit-errors:before {
    bottom: auto;
    top: -21px;
    border-bottom: 11px solid #D6D8DB;
}

#registration-submit-errors:after {
    bottom: auto;
    top: -19px;
    border-bottom: 10px solid #fff;
}

#registration-decline-reasoning {
    position: absolute;
    display: none;
    top: 56px;
    right: 15px;
    background: #fff;
    border: 1px solid #D6D8DB;
    width: 280px;
    padding: 10px;
    z-index: 1001;
}

#registration-decline-reasoning .contenttext {
    font-size: 14px;
}

#registration-decline-reasoning:after,
#registration-decline-reasoning:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    right: 20px;
    margin-right: -10px;
}

#registration-decline-reasoning:before {
    bottom: auto;
    top: -21px;
    border-bottom: 11px solid #D6D8DB;
}

#registration-decline-reasoning:after {
    bottom: auto;
    top: -19px;
    border-bottom: 10px solid #fff;
}

.registration-container-fluid, .registration-container-fluid {
    padding-left: unset;
    padding-right: unset;
}

.registration-wizard {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.registration-wizard .panel-body h4 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    line-height: 20px;
}

.registration-wizard label.switch-sm {
    font-size: 14px;
}

.registration-wizard .panel-body span.input-datetime {
    display: block;
}

.registration-wizard .panel-body .css-radio {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.registration-wizard .panel-body .css-radio input + span {
    width: 18px;
    height: 18px;
}

.registration-wizard span.panel-title {
    font-size: 14px;
}

.registration-submodule-entry-option-bc {
    border-color: #d9d9d9;
}
.registration-submodule-entry-option-bc-standard {
    border-color: #d9d9d9;
}
.registration-submodule-entry-option-bc-active {
    border-color: #5c90d2 !important;
}
/*
input[type="checkbox"]:checked ~ .registration-submodule-entry-option-bc,
input[type="radio"]:checked ~ .registration-submodule-entry-option-bc {
    border-color: #5c90d2 !important;
}
*/

.registration-standard-mb {
    margin-bottom: 20px;
}
.registration-standard-pt {
    padding-top: 20px;
}
.registration-standard-pb {
    padding-bottom: 20px;
}

.registration-wizard .panel-body .form-group {
    margin-bottom: 0px;
}

.panel-refresh {
    position: relative;
}

.loading-overlay {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    z-index: 999;
}

.loading-overlay .refresh-spinner {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
}

#btn-registration-declined {
    cursor: none;
    pointer-events: none;
}

.font-weight-bold{
   font-weight: bold;
}

.submodule-radiogroup:checked + label.fa {
    transform: rotate(90deg);
}
.submodule-checkboxgroup:checked + label.fa {
    transform: rotate(90deg);
}

@media (max-width:767px) {
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width:1200px) {
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-justify{
    text-align: justify;
}

.flex-1 {
    flex: 1;
}
.flex-shrink-0 {
    flex-shrink: 0;
}

.no-border {
    border: 0px solid transparent;
}

.br-5{
    border-radius: 5px;
}
.br-10{
    border-radius: 10px;
}
.br-15{
    border-radius: 15px;
}
.br-20{
    border-radius: 20px;
}
.br-25{
    border-radius: 25px;
}
.br-30{
    border-radius: 30px;
}
.br-5-i{
    border-radius: 5px !important;
}
.br-10-i{
    border-radius: 10px !important;
}
.br-15-i{
    border-radius: 15px !important;
}
.br-20-i{
    border-radius: 20px !important;
}
.br-25-i{
    border-radius: 25px !important;
}
.br-30-i{
    border-radius: 30px !important;
}

.min-w-0{
    min-width: 0px;
}
.min-w-50{
    min-width: 50px;
}
.min-w-100{
    min-width: 100px;
}
.min-w-150{
    min-width: 150px;
}
.min-w-200{
    min-width: 200px;
}
.min-w-full{
    min-width: 100%;
}
.min-w-min{
    min-width: min-content;
}
.min-w-max{
    min-width: max-content;
}

.bw-1 {
    border-width: 1px;
}
.bs-solid {
    border-style: solid;
}
.bbw-1 {
    border-bottom-width: 1px;
}
.bbs-solid {
    border-bottom-style: solid;
}

.fs-18 { font-size: 18px; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }

.p-10 { padding: 10px; }
.pb-10 { padding-bottom: 10px; }


.p-12 { padding: 12px; }


.registration-checkbox-primary input:checked + span {
    background-color: #1DD18a;
    border-color: #1DD18a;
}
.registration-radio-primary input:checked + span {
    background-color: #1DD18a;
    border-color: #1DD18a;
}
.registration-radio-primary input:checked + span::after {
    background-color: #1DD18a;
    border-color: #1DD18a;
}

.login-container {
    width: 400px;
    padding: 20px;
    background-color: white;
    border-radius: 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}
/* Styling for smaller screens (mobile) */
@media (max-width: 768px) {
    .login-container {
        width: 90%; /* Use a percentage to make it responsive */
        margin: auto;
    }
}

.login-container img {
    max-width: 100%;
    margin-bottom: 20px;
}
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}
.divider::before, .divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ddd;
}
.divider:not(:empty)::before {
    margin-right: .5em;
}
.divider:not(:empty)::after {
    margin-left: .5em;
}

.numberCircle {
    border-radius: 50%;
    border: 2px solid #666;

    width: 25px;
    height: 25px;

    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
}

.registration-nav-d-flex.nav > li > a {
    display: flex;
}
.registration-nav-d-contents.nav > li > a {
    display: contents;
}

.registration-nav-flex-1.nav > li > a {
    flex: 1;
}
.registration-nav-flex-1.nav > li > a {
    flex: 1;
}

ul.registration-nav-d-flex.nav > li {
    display: flex;
}
ul.registration-nav-d-contents.nav > li {
    display: contents;
}

.outerCircle {
    position: absolute;
    top: 25%;
}
.float-left {
    float: left;
}
.float-right { float: right; }
.float-right-i { float: right !important; }

.justify-content-flex-start {
    justify-content: flex-start;
}
.justify-content-flex-end {
    justify-content: flex-end;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.align-items-center {
    align-items: center;
}

.payment-details {
    /*width: 30%;*/
    /*min-width: 220px;*/
}

.d-contents {
    display: contents;
}

.select2-selection__clear {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 18px;
    color: white;
    border-radius: 11px;
    border: 1px solid #888;
    background-color: #888;
    margin-right: 10px;
    font-size: 23px;
}

.select2-results__message {
    display: none !important;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}
.opacity-100 { opacity: 1; }
.opacity-75 { opacity: 0.75; }
.opacity-50 { opacity: 0.5; }
.opacity-25 { opacity: 0.25; }
.opacity-0 { opacity: 0; }