/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* EMPTY */

.empty {
    display: block !important;
    margin-top: 1rem;
    margin-bottom: .5rem;
    text-align: center;
    opacity: 0.35;
}

.empty > .empty-icon, .empty-text {
    display: block;
}

/* LOGIN */
h1.page-title {
    margin-top: 60px;
    text-align: center;
}

    h1.page-title > span.description {
        font-size: 16px;
        text-transform: none;
    }

div.login-form-holder {
    background-color: #f1f1f1;
    padding: 55px 130px;
}

div.login-form-holder h1.title {
    text-align: center;
    margin-bottom: 20px;
}

.muted {
    color: #bfbfbf;
}

@media (min-width: 992px) {
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }
}

/* BUTTONS */
.btn-white-space {
    white-space: normal;
}

.btn.btn-primary.float-right.addDependency {
    position: absolute;
    top: 29px;
    right: 40px;
}

/* TABLE */
.table-users .photo,
.table-users .name-and-email {
    display: inline-block;
    vertical-align: top;
}

.fileinput-preview.img-thumbnail {
    width: 100%;
    max-width: 220px;
    max-height: 150px;
    width: 200px;
    height: 150px;
}

.photo {
    max-width: 35px;
    margin-right: 5px;
}

td.td-photo {
    padding: 0;
}

.name,
.email {
    display: block;
}

.text-navy {
    color: #1ab394 !important;
}

.title-action {
    text-align: right;
    padding-top: 30px;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.pagination.pull-right {
    padding-top: 3rem;
}

/* STATUS COLOR */
.status {
    font-weight: bold;
}

.status-record-1 {
    color: #1ab394;
}

.status-record-0 {
    color: #ED5565;
}


/* STATUS SWITCH */
.ibox-title .pull-right {
    position: absolute;
    right: 50px;
    top: 27px;
}

.ibox-title .pull-right.seller{
    position: absolute;
    right: 35px;
    top: 124px;
}

.ibox-title .pull-right.status {
    position: absolute;
    right: 35px;
    top: 27px;
}

.modalibox-title .pull-right {
    position: absolute;
    right: 35px;
    top: 702px;
}

.modaledit .pull-right {
    position: absolute;
    right: 35px;
    top: 461px;
}

.brandmodel .pull-right {
    position: absolute;
    right: 35px;
    top: 185px;
}

.modalCharacteristic .pull-right {
    position: absolute;
    right: 35px;
    top: 516px;
}

.modalAddCharacteristic .pull-right {
    position: absolute;
    right: 35px;
    top: 344px;
}

.modalCreateDep .pull-right {
    position: absolute;
    right: 35px;
    top: 456px;
}

.modalAddSeller .pull-right {
    position: absolute;
    right: 35px;
    top: 316px;
}
/* FIELDS */
dl.fields {
    margin-bottom: 0;
}

dl.fields dt {
    margin-bottom: 5px;
}

dl.fields dd {
    margin-bottom: 20px;
}

dl.fields.m-b-none dd {
    margin-bottom: 0;
}


/* MARGINS */
/*top*/
.m-t-xs {
    margin-top: 5px;
}
.m-t-sm {
    margin-top: 10px;
}
.m-t-lg {
    margin-top: 30px;
}
.m-t-xl {
    margin-top: 60px;
}
/*right*/
.m-r-xs {
    margin-right: 5px;
}
.m-r-sm {
    margin-right: 10px;
}
.m-r-md {
    margin-right: 15px;
}
/*left*/
.m-l-sm {
    margin-left: 10px;
}
/*bottom*/
.m-b-sm {
    margin-bottom: 10px;
}
.m-b-md {
    margin-bottom: 15px;
}
.m-b-lg {
    margin-bottom: 30px;
}

/* PADDINGS */
.p-xs {
    padding: 10px;
}

.p-b-lg {
    padding-bottom: 45px;
}

.p-t-xl {
    padding-top: 90px;
}

/* FORMS */
.form-group label.mandatory:after {
    position: relative;
    top: -4px;
    margin-left: 5px;
    font-size: 12px;
    color: #ED5565;
    content: '\2022';
}

div.category .button-holder {
    min-width: 150px;
    min-height: 44px;
    margin-top: 15px;
}

.img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (min-width: 987px) {
    .category-holder {
        border: solid thin #f1f1f1;
        border-radius: 10px;
        padding: 5px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

.category-title {
    border-bottom: solid thin #88c241;
    font-size: 21px;
    color: #88c241;
}

.category-actions-full {
    width: 100%;
    float: right;
    color: white;
    background-color: #88c241;
    padding: 10px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.category-actions-full > a {
    color: white;
    font-weight: bold;
}

.description {
    font-size: 14px;
}

.category-actions-left {
    width: 50%;
    float: left;
    color: #2FBC5E;
    background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
    border-bottom-left-radius: 10px;
}

.category-actions-right {
    width: 50%;
    float: right;
    background-color: #2FBC5E;
    padding: 10px;
    text-align: center;
    border-bottom-right-radius: 10px;
}

    .category-actions-right > a {
        color: white;
        font-size: 13px;
    }

.highliths {
    text-transform: uppercase;
    color: #88c241;
    font-size: 20px;
    margin-bottom: 10px;
}

.highliths-description {
    text-align: justify;
}

.resume-config {
    width: 300px;
    margin-top: -13px;
    z-index: 1;
    position: static;
    top: 13px;
}

.resume-config .resume-title {
    background-color: #88c241;
    text-align: center;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
}

.resume-config .resume-holder {
    text-align: center;
    background-color: #f1f1f1;
    padding: 20px 15px;
}

.resume-price {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
}

.btn-save-config {
    margin: 5px auto 0px auto;
    max-width: 150px;
}

.resume-footer {
    border-top: solid thin #bfbfbf;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 10px;
}

.configs {
    padding: 15px 35px;
    background-color: #f1f1f1;
    margin-bottom: 40px;
}

.qtt {
    color: #88c241;
}

.config-price {
    color: #88c241;
}

.configs-title {
    color: #88c241;
    text-transform: uppercase;
    margin: 10px 0px;
}

.configs-options > div {
    border-bottom: solid thin #bfbfbf;
    padding: 10px 0px;
}

.close-char {
    position: absolute;
    top: 4px;
    right: 24px;
}
.input-hidden{
    visibility:hidden !important;
    width:1px !important;
    height:1px !important;
}

.gallery-img {
    min-height: 160px;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.scrollbar {
    height: 407px;
    overflow: auto;
}

.conf-log {
    margin: 0;
    padding-bottom: 45px;
    margin-right: -15px;
}



.img-circle {
    border-radius: 50%;
}

.form-center {
    margin-left: 27%;
    margin-top: 5%;
}

.card-col-4 {
    max-width: 31.333333333%;
    margin-right: 1%;
    margin-left: 1%;
    min-width:31.333333333%;
}

/* NAV BAR */
.nav-text-small {
    font-size: 12px;
}

.img-small {
    max-height: 137px;
    margin-top: 20px;
}

.hk-wrapper .hk-navbar.fixed-top-second {
    position: fixed;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 1030
}

.nav-brand-img {
    max-height: 60px;
}
.hk-wrapper .hk-navbar.fixed-top-first {
    box-shadow: none;
    max-height: 30px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
    border-bottom: 1px solid #f5f5f5;
}

.hk-wrapper .hk-navbar.navbar-light .navbar-brand {
    width: 200px;
    height: 65px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-image: url(/Images/Logotipo_NEXUS_transparente.png);
    /* background-image: url(/Images/logo-nexus.svg); */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 50px;
    color: #324148;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .hk-wrapper .hk-navbar.navbar-light .navbar-brand {
        width: 70px;
        height: 65px;
        padding-top: .5rem;
        padding-bottom: .5rem;
        /* background-image: url(/Images/logo-nexus-small.svg); */
        background-image: url(/Images/Logotipo_NEXUS_transparente.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto 50px;
        color: #324148;
    }

    .card-col-4 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        max-width: 100%;
        min-width:98%;
    }
}

.btn .icon-arrow-right {
    position: relative;
    top: 1px;
    margin-left: 8px;
    font-size: 14px;
}

.card {
    margin-bottom: 2%;
}

.card .card-img-small
{
    max-height: 100px;
    margin-top: 2.5rem;
    margin-bottom: .5rem;
}

.card .card-text {
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 14px;
}

.footer-border {
    border-top: 1px solid #E0E0E0;
}



.card-category-img {
    min-height: 200px;
    background-size: cover;
}

.card-category-img.component {
    min-height: 300px;
}

.pagination > p {
    padding: 2%;
    width: 150px;
    height: 38px;
    text-align: center;
}