@import '../../assets-commun/css/login-block.css';
@import '../../assets-commun/css/bs3-to-bs5-colors.css';
@import'../../assets-commun/css/bs3-to-bs5-compat.css';


@import "header-style.css";
@import "footer.css";


@import '../../assets-commun/css/styles-custum.css';
@import "all.min.css";

.search-grid-fields {

    box-shadow: 0 4px 25px rgba(35, 27, 34, 0.06) !important;
}

.liste-pensions .nav-tabs>li.active>a, .liste-pensions .nav-tabs>li.active>a:hover, .liste-pensions .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: var(--color-site-2);
    border: 1px solid var(--color-site-2);
    border-bottom-color: var(--color-site-2);
}

.liste-pensions .nav-tabs>li a {
    color: var(--color-site-2);
}

.btn.btn-search-submit,
.list-view-layout .btn-primary-tarifs {
    position: relative;
    overflow: hidden;
    z-index: 1;

    width: 100%;


    background-color: var(--color-site-1);
    border: 1px solid var(--color-site-1);
    border-radius: 8px;

    color: var(--color-site-2) !important;

    line-height: normal;
    text-align: center;

    cursor: pointer;

    transition: all 0.35s ease;
}

/* Cercle animé */
.btn.btn-search-submit::before,
.list-view-layout .btn-primary-tarifs::before {
    content: "";
    position: absolute;

    width: 0;
    height: 0;

    border-radius: 50%;
    background: var(--white);

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    transition:
            width 0.5s ease,
            height 0.5s ease;

    z-index: -1;
}

/* Hover */
.btn.btn-search-submit:hover,
.list-view-layout .btn-primary-tarifs:hover {
    color: var(--color-site-1);
    border-color: var(--color-site-1);

    transform: translateY(-3px);


}

/* Agrandissement du cercle */
.btn.btn-search-submit:hover::before,
.list-view-layout .btn-primary-tarifs:hover::before {
    width: 450px;
    height: 450px;
}

/* Au clic */
.btn.btn-search-submit:active,
.list-view-layout .btn-primary-tarifs:active {
    transform: translateY(-1px);

    box-shadow: 0 4px 12px rgba(240, 124, 57, 0.15);
}

.btn-reservation-liste ,  .btn-reservation-liste:hover{
    background: var(--color-site-2) !important;
    border-color: var(--color-site-2) !important;
    color: #fff;
}

.dropdown-toggle::after
{
    display: none;

}

.property-title.list-vo-item-title-edit a {
    color: var(--color-site-2);

}
.item-body .property-title {
    margin-bottom: 8px !important;
}

.btn-info , .btn-info:hover , .btn-info:active{
    background: #000;
    border-color: #000;
    color: #fff
}
.layout-middle-block {
    margin: 8px 0;
}

#detail-voyage .details-vo-widget-title-edit {
    box-shadow: 0 6px 15px rgba(00, 00, 00, .35);

}

#detail-voyage .details-vo-widget-title-edit::before {

    border-top: 8px solid #000;

}


.scrolltop-btn {

    background-color: var(--color-site-1);

}
.scrolltop-btn i {
    color: #000;
}

#sidebar-mobile .modal-title {

    gap: 8px;
}

.list-view-layout {

    min-height: 100%;
}

.login-register-block .btn-block {
    background-color: var(--color-site-2) !important;
}