/* FIX FOR Bootstrap 4 using variables */

a:hover {
    color: var(--color1-darken);
}


nav.navbar {
    padding: 0 0 0 0;
}

.caret-down::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    /*position:relative;
    top:10px;
    left:-2px;*/
}

.caret-up::after {
    border-bottom: .3em solid;
    border-right: .3em solid transparent;
    border-top: 0;
    border-left: .3em solid transparent;
}

.dropdown > .caret {
    border:none!important;    
}

.dropdown:not(.collapsed) > .caret::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f0d8';
}

.dropdown.collapsed > .caret::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f0d7';
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--fore-color1) !important;
    text-decoration: none;
    background-color: var(--color1);
}


.btn.focus, .btn:focus {
    outline: 0;
    /*box-shadow: 0 0 0 0.2rem var(--color1);*/
    box-shadow: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color1);
    border: none;
}

.btn-primary {
    color: var(--fore-color1);
    background-color: var(--color1);
    border: none;
    box-shadow: none;
}

    .btn-primary.focus, .btn-primary:focus {
        color: var(--fore-color1);
        background-color: var(--color1);
        border: none;
        box-shadow: none;
    }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    /*box-shadow: 0 0 0 0.2rem var(--color1);*/
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--color1-darken);
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.badge-color1{
    background-color: var(--color1);
}

.badge-color2 {
    background-color: var(--color2);
}
.badge-1x {    
    font-size: 10px;
}

[data-toggle="collapse"].collapsed > .dropdown-toggle:after {
    transform: rotate(0deg);
}

input.form-control{
    border-radius:var(--inputs-radius);
}


input[type="text"], input[type="password"],
input[type="search"],
input[type="email"],
textarea,
.select2-selection, 
select, .fullScreenFilter, .fullScreenMoreFilters, .fullScreenResetFilters, .pnlHotelContainerDetailsIMW, .divHotelImage, #map_hotelsListMobile, .swiper-slide img,
.slick-slide, .slick-slide img, .slick-current, .slick-current img, .slick-active, .slick-active img, .slick-slide.slick-loading, .slick-slide.slick-loading img, .slick-slide.dragging, .slick-slide.dragging img, .btnMapFloating.imw, .rooms-wrapper .room, .divResaSubmittedResume > img, .HotelContainerDetails r-content > div, table, tr, td, .personDetails.imw, .fig-container, .pb-4 > img {
    border-radius: var(--inputs-radius);
}

button, .button.standart, .btn, .btn-lg , .btn-radius
{
    border-radius: var(--buttons-radius);
}
.input-radius {
    border-top-left-radius: var(--inputs-radius) !important;
    border-bottom-left-radius: var(--inputs-radius) !important;
    border-top-right-radius: var(--inputs-radius) !important;
    border-bottom-right-radius: var(--inputs-radius) !important;
}

.input-radius-left,
.input-group-prepend > .input-group-text {
    border-top-left-radius: var(--inputs-radius);
    border-bottom-left-radius: var(--inputs-radius);
}

.input-radius-right,
.input-group-prepend > input.form-control,
.input-group-prepend > * > input.form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: var(--inputs-radius);
    border-bottom-right-radius: var(--inputs-radius);
}

.btn-radius-top {
    border-top-left-radius: var(--buttons-radius) !important;
    border-top-right-radius: var(--buttons-radius) !important;
}
.btn-radius-bottom {
    border-bottom-left-radius: var(--buttons-radius) !important;
    border-bottom-right-radius: var(--buttons-radius) !important;
}
a.button {
    border-radius: var(--buttons-radius) !important;
}
.rad-input {
    border-radius: var(--inputs-radius) !important;
}

.rad-none {
    border-radius: 0 !important;
}

.rad-btn {
    border-radius: var(--buttons-radius) !important;
}

.card {
    overflow: hidden;
}

@media (min-width: 768px) {

    .w-md-auto {
        width: auto !important;
    }
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .position-md-relative{
        position:relative!important;
    }

    .position-md-absolute {
        position: absolute !important;
    }
    
}


.inputs-radius {
    border-radius: var(--inputs-radius)!important;
}


/* SELECT2 */
.select2-container {
    z-index: 1040;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: var(--color1-lighten) !important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--color1);
    box-shadow: 0 0 0 0.2rem var(--color1);
}

.select2-results__option.select2-results__option--highlighted {
    background-color: var(--color1) !important;
    color: white !important;
}

.select2-container.select2-container--open{
    z-index:10001!important;
}

select.select2-hidden-accessible[style='display:none'] + span.select2.select2-container {
    display: none;
}