body,
html {
    font-family: var(--zg-font-family);
    background-color: var(--zg-color-secondary);
}

html {
    font-size: var(--zg-font-percentage);
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    margin-left: -1px;
    position: relative
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    border-top-right-radius: 4px
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    border-bottom-right-radius: 4px
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
    font-weight: 400
}

*,
:after,
:before {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

body#index .container .row {
    width: 100%;
    max-width: var(--zg-standard-max-width);
    margin: auto;
    clear: both;
}

/* Contenedor de cada página */
#content-wrapper {
    max-width: var(--zg-standard-max-width);
    width: 100%;
    padding: 0;
    margin: auto;
    background-color: var(--zg-color-white);
}

body#category #content-wrapper {
    width: 100%;
}

/* body#authentication #content-wrapper,
body#registration #content-wrapper,
body#index #content-wrapper,
body#pagenotfound #content-wrapper,
body#cart #content-wrapper,
body#checkout #content-wrapper,
body#my-account #content-wrapper,
body#identity #content-wrapper,
body#addresses #content-wrapper,
body#address #content-wrapper,
body#history #content-wrapper,
body#order-detail #content-wrapper,
body#order-slip #content-wrapper{
    width: var(--zg-standard-width);
} */

/* Resultados de búsqueda */
.ui-menu-item {
    padding: 10px;
}

.ui-menu-item .ui-corner-all {
    gap: 10px;
    align-items: center;
    display: flex !important;
}

.ui-menu-item .ui-corner-all .product {
    font-size: var(--zg-font-size-body-large);
    font-weight: var(--zg-font-weight-semibold);
    color: var(--zg-color-text-primary);
}

.hidden-md-up.text-xs-right.up {
    display: none;
}

/* Alertas */

.alert-danger {
    background-color: "#e539354d";
    border-color: var(--zg-color-error);
    color: var(--zg-color-error);
    padding: 12px;
    font-size: var(--zg-font-size-body-small);
}

/* blockreassurance*/

.blockreassurance_product {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.blockreassurance_product .reassurance-block {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    margin: 0;
}

.blockreassurance_product .reassurance-block .item-product {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: none;
    width: 35px;
    height: 35px;
}

.blockreassurance_product .reassurance-block .title-desc-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.blockreassurance_product .reassurance-block .title-desc-container .block-desc,
.blockreassurance_product .reassurance-block .title-desc-container .block-title {
    font-size: var(--zg-font-size-body-small);
    color: var(--zg-color-text-primary);
    font-weight: var(--zg-font-weight-semibold);
}

.blockreassurance_product .reassurance-block .title-desc-container .block-desc {
    font-weight: var(--zg-font-weight-regular);
    margin: 0;
}


#main .page-content #notifications {
    margin: 0;
}

.notifications-container.container {
    padding: 0;
    margin: 0;
    width: 100%;
}

.alert {
    font-size: var(--zg-font-size-body);
    margin: 0;
    padding: 1rem;
    border-radius: 4px;
}

.alert-success {
    background-color: #dff0d8;
    border: 1px solid #3c763d;
    color: #3c763d;
}

.row{
    margin-left: 0;
    margin-right: 0;

}

#wrapper {
    width: 100%;
    max-width: var(--zg-standard-max-width);
    padding: 0;
    margin: auto;
}

/* Medias */
@media only screen and (max-width: 767px) {
    /*     body#category #content-wrapper,
    body#authentication #content-wrapper,
    body#registration #content-wrapper,
    body#index #content-wrapper,
    body#cart #content-wrapper,
    body#checkout #content-wrapper,
    body#my-account #content-wrapper,
    body#identity #content-wrapper,
    body#addresses #content-wrapper,
    body#address #content-wrapper,
    body#history #content-wrapper,
    body#order-detail #content-wrapper,
    body#order-slip #content-wrapper {
        width: var(--zg-mobile-width-large);
    } */

    #content-wrapper {
        width: var(--zg-mobile-width-large);
    }
}