/* ----------------------------------------------------------------------------
 | Custom styles
 | -------------------------------------------------------------------------- */

/* Admin Porto */

.userbox .name {
    min-width: 72px !important;
}

/* brand */

.brand-list-container {
    padding: 8px;
}

.brand-card-row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 7px;
}

.brand-card-col {
    width: 24%;
    margin: 7.5px 0.5%;
}

.brand-card {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    cursor: pointer;
}

.brand-card img {
    width: 130px;
}

@media (min-width: 1034px) and (max-width: 1302px) {
    .brand-card-col {
        width: 32%;
        margin: 7.5px 0.65%;
    }
}

@media (min-width: 557px) and (max-width: 1033px) {
    .brand-card-row {
        margin: 0 10px;
    }

    .brand-card-col {
        width: 48.6%;
        margin: 7.5px 0.7%;
    }
}

@media only screen and (max-width: 556px) {
    .brand-card-row {
        margin: 0 14px;
    }

    .brand-card-col {
        width: 100%;
        margin: 7.5px 0;
    }
}

/* Input icons */

.app-input-sm-icon {
    z-index: 999;
    position: absolute;
    top: 4px;
    right: 16px;
    font-size: 14px;
    color: #495057;
}

.app-input-md-icon {
    z-index: 999;
    position: absolute;
    top: 8px;
    right: 18px;
    font-size: 14px;
    color: #495057;
}

.app-input-lg-icon {
    z-index: 999;
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 18px;
    color: #495057;
}