/*stylesheet DetailsEVT*/
main {
    height: auto;
}

.glass {
    height: auto;
    background: linear-gradient( to right bottom, rgb(255, 255, 255), rgb(255, 255, 255) );
}
.events {
    margin: 1rem 1rem 0 1rem;
}
.details_wrapper {
    display: grid;
    grid-template-columns: 7fr 3fr;
    /*grid-template-rows: repeat(3, minmax(120px, auto));*/
    column-gap: 50px;
    row-gap: 20px;
    /*margin-left: 1.25rem;*/
}

.bc_color {
    padding: 0.75rem;
    background-color: #f4f8ff;
}

.details_block-icon {
    display: flex;
    align-items: center;
}

.bandeau {
    height: auto;
    grid-column-start: 1;
    grid-column-end: span 2;
}
#map {
    height: 300px;
    width:300px;
    margin-top: 2rem;
}
.status {
    display: flex;
    align-self: center;
    align-items: center;
}

    .status img,
    .details-icon-app img {
        margin-right: 1em;
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

.sidebar {
    margin: 0;
    grid-row: 2 / span 4;
    grid-column-start: 2;
    position: sticky;
    top: 4rem;
}

.sidebar_delete {
    margin: 0;
    justify-self: center;
    grid-row: 1 / span 4;
    grid-column-start: 2;
}

.details_photo img {
    width: 100%;
}

.fas {
    color: #658ec6;
}

.maps {
    width: 250px;
    height: 200px;
    background-color: #fff;
}

.details_description {
    background: linear-gradient( to right bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3) );
    margin: 0;
}

.trait {
    border-top: 1px solid #eeebeb;
    border-bottom: 1px solid #eeebeb;
}

.details_block {
    display: grid;
    grid-template-rows: repeat(3, minmax(5px, auto));
    column-gap: 30px;
    row-gap: 30px;
}

.details_block-item {
    display: grid;
    grid-template-columns: 160px 9fr;
    column-gap: 3px;
}

.desktop-only {
    margin-top: 2em;
    display: flex;
    justify-content: space-around;
}
/*.details_block_item{
    display:grid;
}*/
.details-block {
    display: flex;
}
.space-bet {
    justify-content: space-between;
}

.details_block-icon {
    display: flex;
    align-items: center;
}

.details_convocation {
    align-self: end;
    margin: 0;
    /*grid-column-start: 1 ;
    grid-column-end:  span 2;*/
}

.details-link-app,
.display-align,
.details_conv,
.dash {
    display: flex;
}

.details-link-app {
    align-items: center;
}

.dash {
    flex: 0.3;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
}

.details_conv {
    justify-content: space-between;
    margin: 1rem;
}

i.bi {
    margin-right: 0.4rem;
}

.f-w-6 {
    font-weight: 600;
}
.card-list {
    overflow: hidden;
}
@media screen and (max-width: 420px) {
    #map {
        width: auto;
    }

    .links {
        margin: 1rem auto;
    }

    .sidebar {
        position: unset;
    }

    .details_wrapper {
        display: block;
        /*margin: auto 1.5rem;*/
    }

    .status {
        padding: 0 1rem;
    }
    .details-icon-app img {
        width: 40px;
        height: 40px;
    }

    .glass {
        width: 390px;
        background: linear-gradient( to right bottom, rgb(255 255 255 ), rgb(255 255 255 ) );
    }
    .events {
        margin: auto;
    }

    .details_block {
        /*margin: 2rem auto;*/
        padding: 1rem;
    }
    /*.desktop-only {
        display: none;
    }*/
}
@media screen and (max-width: 399px) {
    .glass {
        width: 335px;
    }
}