.card.dashboard-card.liste-model{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 400px;
    height: 400px;
    max-height: 400px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.as-search-button #button-addon2{
    height: 38px;
}
.as-search-button i{
    padding: 5px;
}

.card.mb-3.as-modele-card {
    min-height: 10.1rem;
    max-height: 10.1rem;
}
.card.mb-3.as-modele-card .as-img-thumbnail{
    min-height: 10rem;
    max-height: 10rem;
}

.container .row .hide-on-desktop{
    display: none;
}

.as-modele-icon-action{
    text-align: center;
    margin-top: 3rem;
}
.as-modele-icon-action ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.as-modele-icon-action .as-modele-li{
    display: inline;
    color: var(--asRed);
}

.as-modele-icon-action .as-modele-li a{
    color: var(--asRed);
}

.as-modele-icon-action .as-modele-li i{
    cursor: pointer;
    transition: 0.3s ease-in-out;
    padding: 5px 7px 5px 7px;
}
.as-modele-icon-action .as-modele-li i:hover{
    color: var(--white);
    background-color: var(--asRed);
    border-radius: 5px;
}

.as-modele-details-image{
    width: 100%;
    border-radius: 5px;
}

@media (max-width: 800px){
    .container .row .hide-on-desktop{
        display: block;
    }
    .container .row .hide-on-mobile{
        display: block;
    }
    .col.as-form-col input {
        width: 100%;
    }
    .btn.btn-primary-as.hide-on-mobile{
        display: none;
    }
}