﻿#mainContentInside{
    grid-template-columns:1fr!important;
}

/*#region Filter */


.div-search-panel .div-row-filter {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    column-gap: 20px;
}

div-search-panel .div-row-filter select {
    width: 100%;
}

/*#endregion */


.dirTopWrapList img {
    width: 100%;
}

.dirTopWrapList {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    background-color: #fff;
    padding: 5px 20px;
    box-shadow: 0 0 20px 20px rgb(0 0 0 / 5%);
}

.dirTopWrapList > div:first-child{
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-width: 100px;
    min-height: 100px;
    align-content: center;
    padding-left: 15px;
    padding-right: 15px;
}

.dirTopWrapList-expanded {
    grid-template-columns: 1fr 4fr;
}
.show-details span {
    margin-top: -10px;
}
.lnk-italic {
    font-style: italic;
    text-decoration: none;
}

.dirListDetails {
    position: relative;
    padding-left: 20px;
}
.dirListDetails h3 {
    margin-top: 36px !important;
} 
a.show-details,
a.hide-details {
    position: absolute;
    right: 0px;
    top: 30px;
    border-radius: 50%;
     padding: 10px 13px 11px 13px;
    background-color: #b43685;
    color: #ffffff;
    text-decoration: none;
    font-weight:bold;
    cursor:pointer;
}
@media (max-width: 765px) {
    a.show-details,
    a.hide-details {
        top: 0;
        right: -10px;
    }
}
a.hide-details {
    padding: 9px 13px 10px 13px;
}
.div-header-fields{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
}
.div-search-panel .div-row-filter .search-type-input {
    display:block!important;
}
.div-hidden-fields p {
    padding-bottom: 30px;
}
@media (max-width: 1080px) {
    .dirTopWrapList {
        display: flex;
        flex-direction: column;
    }
    .logo-toggle img {
        max-width: 150px;
        width: 100%;
        height: auto;
    }
    .dirListDetails h3 {
        margin-top: 8px !important;
        margin-bottom: 15px;
    }
    .dirTopWrapList > div:first-child {
        min-height: auto !important;
        height: auto !important;
    }
    .dirTopWrapList {
        position: relative;
    }
    .dirListDetails {
        position: static;
    }
    .div-header-fields {
        display: flex;
        flex-direction: column;
    }
}