.whitepages.dashboard aside {

    padding-top: 3%;

    background: #d3d3db;

    width: 22% !important;

}



.listing-card-details-container i {

    width: 25px;
    height: 25px;
    box-shadow: unset !important;
    border: 1px solid #e1e1e1;
    display: flex !important;
    align-items: center;
    justify-content: center;

}



.dashboard-header {

    display: flex;

    align-items: center;

    justify-content: space-around;

    margin-bottom: 20px;



}



.dashboard-header-card {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    width: 36%;

    aspect-ratio: 1/.4;

    border-radius: 1rem;

    background: #092143;
    ;

    padding: 1rem;



}

.whitepages.dashboard {
    margin-top: 40px;
}


.header-card-text-container {

    margin-bottom: 2rem;

}



#collection-header {

    justify-content: center;

}



.dashboard-cards-container {
    display: flex;
    justify-content: space-around;
    width: 100%;
    text-align: center; padding: 0 10px;}

div.unsold_cards_page .listing-card-image-container a {
    min-height: auto;
    max-height: none;
    margin-bottom: 0;
}
.dashboard-cards-container .dashboard-header-card{
    width: 24%;
    aspect-ratio: 1/0.4;
}
.dashboard-header-card.onlyfor_mobi {
    display: none;
}
.dashboard-cards-container .header-card-footer a{padding: 5px 10px; font-size: 11px !important;}
.dashboard-cards-container .header-card-footer a:hover{background: #dd8f09;}

.header-card-balance,
.header-card-collection {

    color: white;

    margin: 0px;

}



.header-card-credit {

    color: white;

    font-size: 2rem;

    font-weight: bold;

}



.header-card-footer {

    display: flex;

    justify-content: space-around;

    margin: 0px;

}



.header-card-footer a {
    background: #f4a51c;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 15px !important;

    color: white;

}



.sidebar-panel {
    position: relative;

    width: 100%;

}



.sidebar-panel h5 {

    border-bottom: 1px solid #334763;

}


.whitepages.dashboard aside .hideMobile.list-menu-ul p.footer.right {margin: 0;}
.sidebar-section {
    clear: both;

    font-size: 90%;

    margin-top: 15px;

}



.menu li a {

    display: block;

    padding: 5px 0px;

    color: #00139C;

}



.card-header h2 {margin-bottom: 1rem;}

div#accordionExample div#collapseOne .serarchInline-cards.radioUnit{ margin-top: 20px;}

.filter-header-container {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1rem;

    background-color: #092143;
    color: #fff;
    border-radius: 12px 12px 0 0;
}

.whitepages.dashboard .aticleMobile .dashboardpanel {
    border-radius: 12px;
}

.filter-header-container span {

    font-size: 18px;

}



.filter-header-container button {

    width: unset !important;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    font-weight: bold;

}

.filter-header-container button:hover,
.filter-header-container button:focus {
    border-color: #f4a51c;
    color: #f4a51c;
    background: transparent;
}

.filter-header-container button:hover i,
.filter-header-container button:focus i {
    color: #f4a51c;
}

.filter-header-container button i {

    color: #fff;

}

article.col-md-9.maincontent {
    width: 78%;
}

.listing-cards-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 3% 0;

}



.cards-container {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    grid-gap: 1.1rem;

    width: 95%;

    max-width: 1050px;

}



.listing-card {position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    border-radius: 1rem;

    border: 1px solid #e0e0e0;
    padding: 0;

}

.listing-card:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.listing-card-image-container { height: auto;

    width: 100%;

    position: relative;
    padding-bottom: calc(100% + 20%);

}



.listing-card-image-container::after {

    content: '';

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    display: inline-block;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 80%, rgba(255, 255, 255, 0.65) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 80%, rgba(255, 255, 255, 0.65) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 80%, rgba(255, 255, 255, 0.65) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 80%, rgba(255, 255, 255, 0.65) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(255, 255, 255, 0.65) 100%);
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */

}



.listing-card-image-container img { position: absolute; top: 0; left: 0;

    width: 100%;

    height: 100%;

    border-radius: 1rem 1rem 0rem 0rem;

}



.listing-card-image-container>.mt-px {

    position: absolute;

    bottom: 0rem;

    z-index: 1;

    padding-left: 1rem;

}



.card-bottom-wrapper {

    width: 100%;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

}
.listing-card-details-container .card-bottom-wrapper{    width: fit-content;margin-bottom: 10px;}
.listing-card-details-container .card-bottom-wrapper a:hover, .listing-card-details-container .card-bottom-wrapper span:hover {
    filter: sepia(1);
}


.listing-card-title-container {
    width: 100%;
}

.listing-card-title-container p {text-transform: capitalize;
    padding: 10px 0 0 0;
    font-weight: 600;
    color: #181818;
    font-size: 20px;
}

.listing-card-image-container a {
    text-decoration: none;
    width: 100%;
    min-height: 260px;
    max-height: 260px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}



.listing-card-details-container {

    width: 100%;

    height: 100%;
    background-color: #fff;

    border-radius: 0rem 0rem 1rem 1rem;

    color: #181818;

    font-weight: bold;
    padding: 0;
    /*display: grid;*/

}

.listing-card-details-container p:nth-child(2) {
    color: #FF9909 !important;
    
}

.listing-card-details-container p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px;
}
.listing-card-details-container p span {
    font-size: 15px;
    font-weight: 500;
}
.aticleMobile .listing-card .listing-card-details-container h3.product-name {margin:10px 0 4px !important;
    font-size: 18px;
}
.listing-card-details-container .card-bottom-wrapper a,
.listing-card-details-container .card-bottom-wrapper span {
    margin: 0 5px;
}
.aticleMobile .listing-card .listing-card-details-container { padding: 0 12px; }

.listing-card-details-container span[style="color:#AD0101"] { position: absolute; top: 8px; left: 4px; background: #AD0101; color: #fff !important; padding: 2px 6px; font-size: 11px; border-radius: 30px; }





.serarchInline-cards {

    width: 100%;

    display: inline-block;

}

.serarchInline-cards .form-group {

    width: 23%;

    float: left;

    margin-left: 15px;

}

.formgroup-radio {

    width: auto;

    float: left;

    margin-top: 3%;

    margin-left: 10px;

}



.sortForm-publiclist .formgroup-radio {
    width: 100%;
}





.radioUnit [type="radio"]:checked,

.radioUnit [type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

.radioUnit [type="radio"]:checked+label,

.radioUnit [type="radio"]:not(:checked)+label {

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #666;

}

.radioUnit [type="radio"]:checked+label:before,

.radioUnit [type="radio"]:not(:checked)+label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 20px;

    height: 20px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff;

}

.radioUnit [type="radio"]:checked+label:after,

.radioUnit [type="radio"]:not(:checked)+label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: #FF9909;

    position: absolute;

    top: 4px;

    left: 4px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.radioUnit [type="radio"]:not(:checked)+label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.radioUnit [type="radio"]:checked+label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.serarchInline-cards .tt-query,
.tt-hint {

    width: 100%;

    height: 34px;

    border: none;

}

.cardform-msgsucs {

    font-size: 18px;

    font-weight: bold;

}



#myModal_cardform .modal-content {

    background: #DFF0D8;

    color: #3C763D;

}



#myModal_cardform .modal-title {

    color: #3C763D;

}



.move_to_collection .fas.fa-people-carry {

    font-size: 12px;

    cursor: pointer;

    color: #FF9909;

}



.btnaction-card.form-group {
    width: fit-content;
    margin-top: 22px;
    margin-left: 20px;
}

.btnaction-card.form-group input {
    margin: 0 10px;
}

.whitepages.dashboard .dashboardpanel .btnaction-card input {
    background: #f4a51c !important;
    height: auto;
    border-radius: 30px !important;
}


i.fa-pencil {

    display: inline-block;

    border-radius: 60px;

    box-shadow: 0 0 2px #888;

    margin-right: 3px
}



i.fa-trash {

    display: inline-block;

    border-radius: 60px;

    box-shadow: 0 0 2px #888;

    margin-right: 3px
}



i.fa-people-carry {

    display: inline-block;

    border-radius: 60px;

    box-shadow: 0 0 2px #888;

}







@media only screen and (max-width: 739px) {



    .whitepages.dashboard aside {

        padding-top: 3%;

        background: #d3d3db;

        width: 100% !important;

    }





    .whitepages h1 {

        padding-bottom: 0px;

    }



    .dashboard-header-card {

        width: 40%;

    }



    .header-card-text-container {

        margin-bottom: 0px;

    }



    #collection-header {

        height: 10rem;

    }



    .header-card-footer a {

        font-size: 1rem;

    }



    .listing-card {

        flex-direction: column;

        height: 100%;

    }



    /*.listing-card-image-container{

        height: 100%;

    }*/



    /*.listing-card-image-container img{

        max-height: 200px;

    }*/


    .listing-card-title-container {

        min-height: 14%;

        max-height: 14%;

        overflow-y: scroll;

        padding: 6px 0;

    }



    .cards-container {

        grid-template-columns: repeat(2,minmax(30px,1fr));

        grid-gap: 10px;

        row-gap: 3rem;

    }



    .form-group {

        width: 90% !important;

    }

    .formgroup-radio {

        width: 46% !important;

    }



    .listing-card-details-container {
        align-items: normal;
        padding: 4px;
    }

}


.dashboard-cards-container .dashboard-header-card {
    justify-content: center;
}

.dashboard-cards-container h5 {
    font-weight: 500;
    font-size: 16px;
}


div#myModal_move .modal-header{    background: #f4a51c;}
div#myModal_move .modal-header h4.modal-title, div#myModal_move .modal-header h4 { color: #fff;padding-top: 5px;}
div#myModal_move .modal-header button.close, div#myModal_move .modal-header button.close { background: white; width: 30px; height: 30px; color: #f4a51c; box-shadow: unset; font-size: 18px; margin: 0; opacity: 1; border-radius: 50%; }
div#myModal_move div#listCollection-go form { display: grid; grid-template-columns: repeat(auto-fill, minmax(42%, 1fr));}
div#myModal_move div#listCollection-go form label.radio-inline { font-size: 15px; margin: 5px; font-weight: 500;}
div#myModal_move .modal-content { border-radius: 12px; overflow: hidden;}
div#myModal_move div#listCollection-go button#gomoveCollection { background: #f4a51c; border-radius: 30px; color: #fff; padding: 8px 15px;}



@media screen and (max-width: 1300px) and (min-width: 991px) {
    .header-card-footer{display: block;}
    .dashboard-cards-container .header-card-footer a{display: block;}
    .dashboard-cards-container .header-card-footer a:first-child {margin-bottom: 8px;}
    .dashboard-cards-container .dashboard-header-card .header-card-text-container { margin-bottom: 5px;}

}



@media screen and (max-width: 767px) {
    article.maincontent.aticleMobile .listing-card-details-container {height: auto;}
    .aticleMobile .listing-card .listing-card-details-container h3.product-name{font-size: 16px;}


}    
    
.listing-card a{width: 100%;}