.region-list li.active-region{
    background-color: var(--color-red-light);
    color:white;
}

.region-list li:hover{
    background-color: var(--color-red-light);
    color:white;
}


.instructeur-list img.instructeur_logo{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.instructeur-list .card-primary.card-outline {
    border-top: 3px solid var(--color-red-light);
}

.region-header img {
    max-width: 200px;
}

.region-header .card-primary.card-outline {
    border-top: 3px solid var(--color-red-light);
}

.instructeur-list img.profile-user-img {
    border: 3px solid #adb5bd;
    margin: 0 auto;
    padding: 3px;
    width: 180px;
    height: 180px;
}

.instructeur-list img.img-circle {
    border-radius: 50%;
}


.instructeur-item .card-box{
    /*height: 100%;*/
}

.instructeur-item .logo{
    height: 150px;
    width: 150px;
}

.instructeur-item .logo img{
    height: 150px;
    width: 150px;
    object-fit: cover;
    object-position: center;
}

.instructeur-item .card-box {
    padding: 20px;
    border-radius: 0px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 5%);
}

.instructeur-item .card-box:hover{
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 35%);
}

.instructeur-item .card-box .subtilte{
    color: var(--color-red);
}




.instructeur-item .thumb-lg {
    height: 150px;
    width: 150px;
}
.instructeur-item .img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 2px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
}
.instructeur-item .text-pink {
    color: var(--color-red)!important;
}
.instructeur-item .btn-rounded {
    border-radius: 2em;
}
.instructeur-item .text-muted {
    color: #98a6ad !important;
}
.instructeur-item h4 {
    line-height: 22px;
    font-size: 18px;
}


.instructeur-item .row {
    display: flex;
    flex-wrap: wrap;
}

.instructeur-item .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.filter-btn{
    border-radius: 0;
    border-color: var(--color-red);
    background-color: transparent;
    color: var(--color-red);
}

.filter-btn:hover{
    border-radius: 0;
    border-color: var(--color-red);
    background-color: var(--color-red);
    color: white;
}

.filter-btn:active{
    border-radius: 0;
    border-color: var(--color-red);
    background-color: var(--color-red);
    color: white;
}

button.filter-btn[aria-expanded="true"]{
    border-radius: 0;
    border-color: var(--color-red);
    background-color: var(--color-red);
    color: white;
}


/******* instructeur-header *******/
.instructeur-header .bg-c-lite-red {
    background: var(--color-red);
    background: -moz-linear-gradient(135deg, var(--color-red) 0%, rgba(209,101,96,1) 70%);
    background: -webkit-linear-gradient(135deg, var(--color-red) 0%, rgba(209,101,96,1) 70%);
    background: linear-gradient(135deg, var(--color-red) 0%, rgba(209,101,96,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c91d16",endColorstr="#d16560",GradientType=1);

}

.instructeur-header .user-card-full {
    overflow: hidden;
}

.instructeur-header .user-card-full .user-profile {
}

.instructeur-header .image{
    height: 200px;
    width: 200px;
}

.instructeur-header .image img{
    height: 200px;
    width: 200px;
    object-fit: cover;
}

.instructeur-header .img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid white;
    border-radius: .25rem;
    max-width: 100%;
}

.instructeur-header .card {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);
    box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);
    border: none;
}