
/*
.withoutBorder {
    -webkit-appearance:none;
    outline:3px !important;
    box-shadow: none !important;
}
*/

.btn-icon-format{
    color: #FFFFFF !important;
    line-height: 42px !important;
    padding: 0px 20px !important;
    text-transform: uppercase;
    margin-right: 10px !important;

}

.divGenerateCode{
    font-family: 'Montserrat' !important;
    border: 1px solid #3e005b96 !important;
    font-weight: bold !important;
    color: #3e005b96 !important;
    font-size: 16px !important;

}

.divGenerateCode:hover {

    background-color: #3e005b96;
    font-family: 'Montserrat' !important;
    border: 1px solid #3e005b96 !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 16px !important;
}

.errorValidate{
    color:red;
    font-size:  12px !important;
    font-family: 'Montserrat' !important;
}

.useCondition{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 18px !important;
}

.titlesSections{
    font-family: Montserrat !important;
}

.agreeBtn{
    background-color: rgba(0, 126, 30, 0.38) !important;
    color: #FFFFFF;
    font-family: Montserrat !important;
    border-bottom-color: #484745e3;
    border: none;
}

.agreeBtn:hover{
    background-color: #484745e3 !important;
    color: #FFFFFF;
    font-family: Montserrat !important;
    border-bottom-color: #484745e3;
}

/*BARRA DE BUSQUEDA*/
.form-control:focus {
    border: 3px solid #484745e359;
    box-shadow: 0px 0px #484745e359 ;
}

.fontFormContrl{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 20px !important;
    color: #797979 !important;

}

.link-format{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 20px !important;
    color: #0c63e4 !important;
}

.fontApiAuth{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 18px !important;
    color: #FFFFFF !important;

}

.fontBusqueda{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 20px !important;

}

@font-face {
    font-family: Montserrat;
    src: url("montserrat/Montserrat-Light.otf");
    src: url("montserrat/Montserrat-Light.svg");
    src: url("montserrat/Montserrat-Light.ttf");
    src: url("montserrat/Montserrat-Light.woff2");
}

@font-face {
    font-family: 'Montserrat Light';
    src: url("montserrat/Montserrat-Light.otf");
    src: url("montserrat/Montserrat-Light.svg");
    src: url("montserrat/Montserrat-Light.ttf");
    src: url("montserrat/Montserrat-Light.woff2");
}

.fontSubMenu{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
}

.fontMenu{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
}

.font-menu-inf{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 18px !important;
}

.home_banner_area {
    background: url(../../img/banner/banner-bg.jpg) no-repeat center bottom !important;
    background-size: cover !important;
    position: relative !important;
    z-index: 1 !important;;
    /*min-height: 590px !important;*/
    min-height: 390px !important;
}

.home_banner_area .banner_inner {
    position: relative !important;;
    width: 100% !important;;
    /*min-height: 590px !important;;*/
    min-height: 390px !important;
}

/*estrellas*/

.star {
    display: inline-block;
    position: relative;
    font-size: 100px;
    color: #ddd;
}

.star:after {
    font-family: FontAwesome;
    content: "\f005";
    position: absolute;
    left: 0;
    top: 0;
    /*width: 30.5%;*/
    /* La siguiente linea es un paso de parametros para css*/
    width: var(--prc);
    overflow: hidden;
    color: #fbd600;
}

.star-size{
    font-size:1.6em  !important;
    line-height: .99em !important;;
    vertical-align: -15% !important;;
}

.popOverStyle{

    font-family: 'Montserrat' !important;
    font-size: 14px;
    color: #787f86;;
}


.loginInfo{
    color: #000000;
    padding-left: 47px;
    line-height: 33px;
    font-size: 16px;
    position: relative;
    margin: 13px 0;
}


.linkStyle{
    color: #3e005b96 !important;
    font-family: 'Montserrat' !important;
    font-size: 16px !important;
}

.badge_shopping_cart{

    /*left: 0px;
    top: -5px;*/
    font-size: 17px;
    /*color: #FFFFFF;*/
    font-family: 'Montserrat Light' !important;

}

.badge_shopping_cart_rsp{

    left: 0px;
    top: -2px;
    font-size: 17px;
    color: #FFFFFF;
    font-family: 'Montserrat Light' !important;
}


/************* accordeon colors ****************/

.accordion-item{
    border: 1px solid rgba(35,65,100,.15);
}

.accordion-button:not(.collapsed){
    color: inherit;
    /*background: rgb(35, 65, 100);*/
    background: #3e005b96;

    color: #FFFFFF;
}

.accordion-button:not(.collapsed)::after{
    filter: brightness(0%) invert(70%);
}

.accordion-button:focus{
    box-shadow: inherit;
}
.accordion-button{
    /*background-color: #e3e3e3;*/
    background-color: #f6f6f6;
}

.card{
    border: 5px solid rgba(0, 0, 0, .125) !important;
}

.cardSelectedShippingMethod{
    border: 5px solid #30c854 !important;;
}

.cardUnSelectedShippingMethod{
    border: 5px solid rgba(0, 0, 0, .125) !important;
}


.invalidInput {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.validInput {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.invalid-text {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

.table-text{
    font-family: 'Montserrat';
    font-size: 20px
}


.table-text-total{
    font-family: Montserrat;
    font-size: 24px;
}


/*Elimina la orilla azul que aparece cuando se aprieta un boton*/
.wish-list-icons:focus {
    box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0) !important;
}

.wish-list-icons{
    color: #3e005b96 !important;
}

.wish-list-icons:hover{
    color: #4f5050 !important;
}

.sold-out-item{
    background-color: #fd00001f;
}


.font-shop-msg-customer{
    /*font-family: 'Franklin Gothic Medium' !important;*/
    font-family: 'Montserrat' !important;
    font-size: 20px !important;
    color: #797979 !important;
    padding: 1%;
}

 /*Barra de busqueda*/

/*Configuracion de colores del menu*/

:root {
    /*
    --primary-color-app: #484745e3;
    --primary-color-app-over: #e1a810;
    */

    --primary-color-app: #484745e3;
    --primary-color-app-over: #e1a810;

}

.bar-color{
    background-color: var(--primary-color-app);
}

.search-bar-btn{
    background-color: var(--primary-color-app);
}

.search-bar-btn:focus{
    background-color: var(--primary-color-app-over);
}
.search-bar-btn:hover{
    background-color: var(--primary-color-app-over);
}

.selected-property{
    border: 3px solid #717273 !important; padding: 3px;
}

.selected-property-btn{
    border-color: #717273; border-width: medium;
}

.icon-menu-option{
    color: #717273;
}

.icon-menu-option:hover{
    /*color: #b00cfb;*/
    color: #e1a810;
}

.padding-menu-elements{
    padding-top: 10px;
}


.format-font-description{
    /*font-family: 'Montserrat Light';*/
    font-family: Montserrat;
    font-size: 22px;
    font-weight:bold;
    color: #000000 !important;
    padding-top: 1%;
    padding-bottom: 1%;
}

.format-font-description-value{
    font-family: 'Montserrat Light';
    font-size: 22px;
    color: #1c1f23 !important;
}

.format-font-description-value-item{
    font-family: 'Montserrat Light';
    font-size: 18px;
    color: #1c1f23 !important;
}

product-count-custom {
    display: inline-block;
    position: relative;
    margin-bottom: 24px;
}

.margin-single-item{
    margin-top: 20px !important;
}
