/*@import url(//fonts.googleapis.com/css?family=Titillium+Web:600,400);*/

body a { cursor:pointer; }
body #dffullscreen a:not([href]) {
     cursor: default !important;
}
.page .overlay-loading { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 6; background: rgba(255,255,255,0.9); }
.page .overlay-loading .gif-img-container { position: absolute; display: table; left: 50%; top: 50%; bottom: inherit; margin: auto; }
.page .overlay-loading .gif-img-container .gif-img { position: relative; background: url(../images/gif-loading-white-big.gif); width: 100px; height: 100px; left: -50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

.category-products{
    min-height: 100%;
}

.category-products .overlay-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 6;
    background: rgba(255, 255, 255, 0.9);
}

.category-products .overlay-loading .fixed-loading{
    position: sticky;
    top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    width: 100%;
    height: 100vh;
    margin-bottom: 10px;
}

.category-products .overlay-loading .gif-img-container { 
    position: relative;
    display: table;
    left: 0;
    top: 0%;
    bottom: inherit;
    margin: auto;
    height: 100%;
    width: 100%;
 }
.category-products .overlay-loading .gif-img-container .gif-img { 
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    top: 50%;
 }

/*.page .home-loading { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(255,255,255,0.99); }
.page .home-loading .gif-img-container { position: absolute; display: table; left: 50%; top: 50%; bottom: inherit; margin: auto; }
.page .home-loading .gif-img-container .gif-img { position: relative; background: url(../images/gif-loading-white-big.gif); width: 100px; height: 100px; left: -50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }*/
.page .home-loading { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 80px; z-index: 1000; background: rgba(255,255,255,0.99); }
/*.page .home-loading .gif-img-container { position: absolute; display: table; left: 0%; top: 50%; bottom: inherit; margin: auto; width: 100%; height: 100%; }
.page .home-loading .gif-img-container{ position: relative; background: url(../images/loading-web-desktop.jpg); width: 100%; height: 100%; left: 0; -moz-transform: translateY(0); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;background-size: cover !important; }
*/
.page .home-loading .gif-img-container{
    background: url(../images/loading-web-desktop.jpg); width: 100%; height: 100%;z-index: 1;background-size: cover !important; 
}

.main-container-loading{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
}
.main-container-loading .overlay-loading-main { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 6; background: rgba(255,255,255,0.9); }
.main-container-loading .overlay-loading-main .gif-img-container { position: absolute; display: table; left: 50%; top: 50%; bottom: inherit; margin: auto; }
.main-container-loading .overlay-loading-main .gif-img-container .gif-img { position: relative; background: url(../images/gif-loading-white-big.gif); width: 100px; height: 100px; left: -50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.main-container-loading .overlay-loading-main{
    position: sticky;
}



.RGPD_preview {
    clear: both;
    /*border: 1px solid #999;*/
    padding: 10px 15px;
    padding-bottom: 20px;
    min-width: 280px;
    max-width: 600px;
    /*margin: 0 auto;*/
}

.fieldset .RGPD_preview p {
    margin-bottom: 0px;
}

.sub-header{
    width: 100%;
    height: 30px;
    overflow: hidden;
    background-color: #113b85;
    position: relative;
}

.sub-header-left{
    position: absolute;
    left: 0;
}

.sub-header-right{
    position: absolute;
    right: 0;
}

.top-menu-container{
    width: 100%;
    height: 42px;
    padding: 5px 10px 0px 10px;
}

.top-menu{
    max-width: 1200px;
    margin: 10px auto 0 auto;
}

#toplogin {
    height: 30px;
    padding-top: 7px;
    /*
    right: 0;
    top: 0;
    position: absolute;
    */
    display: table-cell;
    vertical-align: bottom;
    position: relative;
}
#toplogin .toplogin-container {
    display: table;
    height: 100%;
    float: right;
}
#toplogin a{
    color: #fff;
}

#toplogin:first-letter{
    text-transform: capitalize;
}

#toplogin .loginbutton,
#toplogin .registerbutton
    /*#toplogin .myaccountbutton,*/
    /*#toplogin .logoutbutton*/{
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 15px;
}

#toplogin .loginbutton,
#toplogin .registerbutton a
    /*#toplogin .myaccountbutton a,*/
    /*#toplogin .logoutbutton a*/ {
    color: #898989;
    text-decoration: none;
    text-transform: capitalize;
}

#toplogin .loginbutton:hover,
#toplogin .registerbutton a:hover,
#toplogin .myaccountbutton a:hover,
#toplogin .logoutbutton a:hover {
    color: #EAE325;
}

#toplogin .loginform {
    display: none;

    position: absolute;
    right: 106px;
    top: 52px;
    z-index: 999;
    width: 460px;
    padding: 20px;
    border: 2px solid #e4e3e3;
    background: #000;
}

#toplogin .loginform .closetab {
    position: absolute;
    background: #000;
    top: -31px;
    cursor: pointer;
    padding: 6px 9px 5px 10px;
    z-index: 90;
    background: url(../images/icon_header.png) -112px -2px no-repeat transparent;
    width: 19px;
    height: 16px;
    margin-right: 6px;
}

#toplogin .box-header .closetab{
    background: url(../images/icon_header.png) -112px -2px no-repeat transparent;
    width: 19px;
    height: 16px;
    position: absolute;
    top: 23px;
    display: none;
}

#toplogin .loginform .closetab:hover,#toplogin .box-header .closetab:hover {
    background-position: -112px -22px;
}

#toplogin .loginform #login-form-block #login-form-elements li{
    width: 100%;
    padding: 10px 0;
}

#toplogin .loginform #login-form-block #login-form-elements li label{
    width: 25%;
    text-align: right;
}

#toplogin .loginform #login-form-block #login-form-elements li input{
    width: 70%;
    margin-left: 10px;
}

div.marquee {
    position: absolute;
    text-align: center;
    margin-top: 5px;
    width: 100%;
    -webkit-animation-name: marquee; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 40s; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: left; /* Chrome, Safari, Opera */

    -moz-animation-name: marquee; /* Mozilla */
    -moz-animation-duration: 40s; /* Mozilla */
    -moz-animation-timing-function: linear; /* Mozilla */
    -moz-animation-iteration-count: infinite; /* Mozilla */
    -moz-animation-direction: left; /* Mozilla */

    animation-name: marquee;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: left;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes marquee {
    from {
        left: 100%;
    }
    to {
        left: -100%;
    }
}

/* Mozilla */
@-moz-keyframes marquee {
    from {
        left: 100%;
    }
    to {
        left: -100%;
    }
}

@keyframes marquee {
    from {
        left: 100%;
    }
    to {
        left: -100%;
    }
}
h1 {
    font-size: 1.2em;
}

.amconf-image{
    cursor: pointer;
    border: 1px solid black;
}

.wrapper-img{
    position: relative;
    width:100%;
    height:100%;
}

.img-size{
    position: absolute;
    max-height: 100%;
    overflow: hidden;
    right: 3%;
    color: white;
    line-height: 20px;
}

.img-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.85);*/
    display: none;
    color: #FFFFFF;
    z-index: 2;
}


.img-bg-header{
    display: inline;
}

.img-bg-prices{
    margin: 0 auto;
}

.opportunity-price-container{
    float: left;
    width: 50%;
    color: #DF01A5;
}

.opportunity-price {
    border-top: 1px solid #DF01A5;
    font-size: 16px;
}

.offer-price-container{
    float: left;
    width: 50%;
    color: #EAE325;
}

.offer-price {
    border-top: 1px solid #EAE325;
    font-size: 16px;
}

.fm-price-container{
    float: left;
    width: 50%;
    color: #EAE325;
}

.fm-price {
    border-top: 1px solid #EAE325;
    font-size: 16px;
}

.base-price-container{
    float: left;
    width: 50%;
}

.base-price{
    border-top: 1px solid #FFFFFF;
    font-size: 14px;
}

.img-bg-container{
    display: table;
    width: 100%;
    max-width: 100%;
    /*max-width: 120px;*/
    padding: 5px;
    position: absolute;
    bottom: 0;
    z-index: 3;
}

.img-bg-row{
    display: table-row;
    text-align: center;
}

.img-bg-cell{
    display: table-cell;
    color: #808080;
    background-color: #292D31;
    border: 1px solid #16171A;
}

.img-bg-cell.available{
    color: #FFFFFF;
    background-color: #4849A8;
    border: 1px solid #262A63;
}

.show-info{
    position: absolute;
    width: 100%;
    bottom: 0;
    /*background-color: #FFFFFF;*/
    height: 25px;
}

.img-top-icons{
    height: 25px;
    width: 96%;
    margin: 0 5px;
    /*background-color: #E5E5E5;*/
    border-bottom: 1px solid #969599;
    position: absolute;
    top: 0;
    color: #000000;
}

.img-bot-icons{
    height: auto;
    width: 100%;
    padding: 0 5px;
    /*background-color: #E5E5E5;*/
    /*position: absolute;*/
    bottom: 0;
    color: #000000;
    z-index:2;
}

.img-top-icons .icon1,
.img-top-icons .icon2,
.img-bot-icons .icon4{
    float: left;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.img-bot-icons .icon5{
    float: left;
    height: 100%;
    display: table;
}

.img-top-icons .icon3,
.img-top-icons .icon6,
.img-top-icons .icon7,
.img-top-icons .icon8{
    float: right;
    /*text-align: center;*/
    /*display: table;*/
    height: 25px;
    padding: 5px 0 5px 5px;
}

.helper-img{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.helper-text{
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    font-size: 10px;
}

.img-top-icons div img,
.img-bot-icons div img{
    max-height: 15px;
    width: inherit !important;
    height: 15px !important;
    /*vertical-align: middle;*/
    display: inline;
}

.img-top-icons .icon1 img,
.img-top-icons .icon2 img,
.img-top-icons .icon3 img,
.img-bot-icons .icon4 img,
.img-bot-icons .icon6 img,
.img-bot-icons .icon7 img,
.img-bot-icons .icon8 img{
    max-height: 15px;
}

.img-title{
    position: absolute;
    color: #ffffff;
    max-width: 80%;
}

.img-price {
    position: absolute;
    color: white;
    bottom: 0;
}

.futbolmaniaco-advise:after{
    content: "-";
    font-size: 14px;
}

.futbolmaniaco-advise:hover{
    content: "El producto futbolmanÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­aco no puede ser modificado/eliminado";
    font-size: 12px;
}

.price-icon {
    float: left;
    height: 100%;
    white-space: nowrap;
    text-align: center;
    display: table;
    line-height: 0;
}

#fm{
    color: #EAE325;
}

.futbolmaniaco-precio{
    color:#000000;
    float: right;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.futbolmaniaco-precio > #futbolmaniaco{
    font-size: 26px;
}

#oferta{
    color: #EAE325;
}

.oferta-precio{
    color:#000000;
    float: right;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.oferta-precio > #oferta{
    font-size: 26px;
}

#oportunidad{
    color: #DF01A5;
}

.oportunidad-precio{
    color:#000000;
    float: right;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.oportunidad-precio > #oportunidad{
    font-size: 26px;
}

.normal-precio{
    color:#000000;
    float: right;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.show-info-checkbox{
    float: right;
}

.show-info-checkbox:hover{
    color: #EAE325;
}

.show-info-checkbox:hover .chB{
    border: 2px solid #EAE325;
}

.show-info-checkbox .chB{
    width: 30px;
    height: 30px;
    border: 2px solid #343434;
    float: left;
    margin-right: 4px;
}

.show-info-checkbox .chB.checked{
    background: url(../images/sprite.png) -182px -78px no-repeat transparent;
}

.show-info-checkbox:hover{
    cursor: pointer;
}

.wrapper-img > a:hover .show-info{
    display: block !important;
}

.wrapper-img.hovered .show-info{
    display: block !important;
}

.cat-info{
    float: right;
    width: 31.1139%;
    /*background-color: grey;*/
    margin-bottom: 25px;
    margin-right: 6px;
    color: white;
    overflow: hidden;
}

.cat-info-3{
    float: right;
    width: 30.8642%;
    background-color: grey;
    margin-bottom: 25px;
    color: white;
    overflow: hidden;
}

.photo-box{
    width: 15.444%;
    float: right;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 25px;
}

.margin-box{
    float: right;
}

.list-bg-img{
    height: calc(100% + 60px);
}


.count-container{
    display: block;
    float: right;
    margin-right: 5%;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 15px;
}

/*
.col-left-menu-container.avoid-fixed-menu {
    padding-top: 86px;
}
*/

/* quitar el submenu de categorías de las parrillas */
.col-left-menu-container.avoid-fixed-menu .col-left-menu.sidebar.col-left-first-menu .block.block-layered-nav.block-layered-nav--no-filters {
    display: none;
}


@media (max-width: 767px){ /* bug 7 sharen */
	div.col-left-menu-container.avoid-fixed-menu { padding-top: 90px; }
}

/* BUG 15*/
@media (min-width: 768px) and (max-width: 1024px){
	.col-left-menu-container.avoid-fixed-menu { padding-top: 75px; }
}



.col-main-menu {
    position: relative;
    width: 100%;
}



.not-show {
    padding-bottom: 20px;
}

.logo-one {
    float: left;
}

.logo-two {
    float: right;
}

.header-language-background .box-logo .kids-logo { display:none; position:absolute; top:0;/* padding:13px 5px*/ padding-top:13px; width:49px; box-sizing:content-box; right:-49px;}
.header-language-background .box-logo .kids-logo img { width:100%; }

.box-right-menu {overflow:visible;height: 30px;background-color: #000000;display: inline-table;}
.box-right-menu .header-overlay{position: fixed; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.7); z-index: 11; display: none; height:55px;}
.box-switch-menu {display: table;width: 100%;height: 55px;background-color: #000000;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.box-switch-menu { /* bug 11.2 sharen */
        height: 45px !important;
    }
}
/*.box-right-menu .header-overlay.margin-left{ margin-left:36px; }*/
.box-hidden-menu { width: 45px; display: none; vertical-align: middle; }
body.checkout-cart-index .box-hidden-menu,
body.onestepcheckout-index-index .box-hidden-menu { visibility: visible; }
.box-hidden-menu .box-icon-hidden{ display:table-cell; vertical-align: middle; width:53px; }
.hidden-menu{
    float: left;
    cursor: pointer;
    background: url(../images/sprite-header.svg) -33px -54px no-repeat transparent;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    background-size: 172px;
}
/* BUG 15 */
@media screen and (min-width: 768px) and (max-width: 1024px){
	.hidden-menu { margin-left: 7px; }
}

@media screen and (min-width: 768px){
    .soy-form-login{
        max-width: 360px;
    }
}

.hidden-menu.responsive{/* background:url(../images/icono-menu-X-tablet-mobile.jpg); *//* display:block; *//* width:30px; *//* height:30px; */ background-position: -88px -9px;}

.box-hidden-menu:hover span{
    color: #3d50c8;
}


.box-hidden-menu .hidden-menu.show{
    float: left;
    cursor: pointer;
    background: url(../images/sprite_header.png) -308px -2px no-repeat transparent;
    width: 30px;
    height: 30px;
    /*margin-left: 20px;*/
}

.box-hidden-menu.adulto-selected .hidden-menu.show{ background-position: -308px -2px; }
.box-hidden-menu.adulto-selected .box-icon-hidden:hover .hidden-menu.show{ background-position: -308px -36px; }
.box-hidden-menu.infantil-selected .hidden-menu.show{ background-position: -206px -2px; }
.box-hidden-menu.infantil-selected .box-icon-hidden:hover .hidden-menu.show{ background-position: -206px -36px; }


.menu-arrow {
    display: none;
}

.landing-header { margin-bottom: 5px; }

.landing-header .landing-title {
    font-weight: 700;
    font-size: 37px;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 0;
    text-align: center;
    padding: 10px 0 5px 0px;
    background-color: #F5F5F5;
}

.landing-header .landing-urls { display: block; width: 100%; /* height: 51px; */ background-color: #F5F5F5; }
.landing-header .landing-urls .mCSB_container { margin: 0 auto; }
.landing-header .landing-urls .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.landing-header .landing-urls .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -5px; }
.landing-header .landing-urls .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.landing-header .landing-urls .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.landing-header .landing-urls .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.landing-header .landing-urls .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 2px; }
.landing-header .landing-urls a { font-size: 16px; color: #000; font-weight: bold; padding: 0 20px; float: left; display: inline-block; text-decoration: none; margin: 10px 0px; border-right: 1px solid #d9d9d9; }
.landing-header .landing-urls a:last-child { border: none; }
.landing-header .landing-urls a:hover { color: #808080; }
.landing-header .landing-urls h2 { text-transform: none;font-size: 14px;margin-bottom: 0;font-weight: 700;line-height: 1.5; }


.landing-rows {
    width: 100%;
}

.landing-rows > .landing-description {
    background-color: #555555;
    clear: both;
}

.landing-rows > .landing-description p {
    color: #FFFFFF;
    max-width: 660px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

.row {
    width: 100%;
    clear: both;
    position: relative;
}

.owl-carousel.landing-top-carousel .owl-stage { transition: 1.5s !important; }
body.is-responsive .owl-carousel.landing-carousel .owl-stage { transition: 1.0s !important; }
.owl-carousel.landing-carousel .owl-stage { transition: 2.0s !important; }
.row .carousel-nav { position: absolute; top: calc(50% - 42px); width: 54px; height: 84px; background: url(../images/flecha_slider_bp.svg) no-repeat rgba(26,26,26,0.4) 50% 50%; background-size: 31px 60px; border-radius: 0; margin: 0; padding: 0; z-index: 1; visibility: hidden; margin: 0; opacity: 0; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms;}
.row:hover .carousel-nav { visibility: visible; opacity: 1; }
.row .carousel-nav:hover { background: url(../images/flecha_slider_bp.svg) no-repeat rgba(26,26,26,0.7) 50% 50%; background-size: 31px 60px; cursor: pointer; }
.row .carousel-nav.right-nav { right: 0px; transform: rotate(180deg); }

.row-item {
    float: left;
    /*padding: 2px;*/
    position: relative;
}

.row-item.full-width { width: 100%; }
.row-item.half-width { width: 50%; }
.row-item.one-third-width { width: 33.33333%; }
.row-item.quarter-width { width: 25%; }

.row-item .item-container { position: relative; }
.row-item .item-container.has-link { cursor: pointer; }
.row-item .item-container .text-container { position: absolute; width: 285px; top: 3%; }

.row-item.full-width > h1 { text-align: center; font-size: 30px; margin-top: 29px; margin-bottom: 8px; font-weight: bold; }
.row-item.full-width .item-container .text-container { left: 2%; width: 528px; }
.row-item.half-width .item-container .text-container { left: 4%; }
.row-item.one-third-width .item-container .text-container { left: 8%; }
.row-item.quarter-width .item-container .text-container { left: 10%; }

.row-item .item-container img {
    width: 100%;
}
.row-item .item-container img.reduced-img { display: none; }

.row-item .item-container a.category-landing-link {
    padding: 5px 10px;
    background-color: #000000;
    color: #FFFFFF;
    text-decoration: none;
}

.row-item h1.item-title { font-size: 36px; font-weight: 700; margin-bottom: 5px; line-height: 1; color: #000000; }
.row-item h2.item-subtitle { padding: 0 !important; font-size: 14px; color: #000000; margin-bottom: 10px; font-weight: 400; text-transform: none; line-height: 1; }
.carousel-container a { text-decoration: none; }
.carousel-container h1.carousel-title { text-align: center; font-size: 24px; margin-top: 2%; margin-bottom: 5%; line-height: 1; color: #000000; font-weight: bold; }

.owl-carousel {
    position: relative;
    overflow-x: hidden;
    z-index: 1;
}
.owl-carousel div.slide {
    position: relative;
}
.owl-carousel div.carousel-container img.reduced-img { display: none; }
.owl-carousel div.slide.has-link,
.owl-carousel div.carousel-container.has-link {
    cursor: pointer;
}
.owl-carousel div.slide a {
    text-decoration: none;
}
.owl-carousel div.slide img {
    width: 100%;
    height: 100%;
}

.owl-carousel div.slide img.reduced-img { display: none; }

.owl-carousel:hover a.prev, .owl-carousel:hover a.next {
    display: block;
}

.slider-text-container {
    z-index: 99;
    margin: 0 2%;
    position: absolute;
    width: 528px;
}

.slider-text-container .slider-text {
    display: table;
    color: white;
}

.slider-text-container .slider-text .slider-html {
    line-height: 1.3;
}

.vertical-top {
    top: 3%;
}

.owl-carousel div.slide h1,
.owl-carousel div.slide h4 {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 700;
}


.owl-carousel div.slide p {
    font-size: 14px;
    margin: 0;
}

.owl-carousel div.slide h1, owl-carousel div.slide h4, .owl-carousel div.slide p {
    color: white;
}

.owl-carousel div.slide h1 span, .owl-carousel div.slide h4 span { width: 100%; height: 100%; }

.slider-button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    opacity: 0.8;
    padding: 8px 40px 8px 30px;
    float: left;
    margin: 4px 4px 4px 0px;
    text-decoration: none;
    font-weight: 700;
}

.slider-button:hover { padding: 6px 38px 6px 28px; border: 2px solid; }

.owl-carousel div.slide p.black,
.black {
    background-color: #000000;
    color: #FFFFFF;
    position: relative;
}

.blue{
    background-color: #113b85;
    color: #FFFFFF;
    position: relative;
}

.yellow {
    background-color: #DFDA3E;
    color: #000000;
    position: relative;
}

.owl-carousel div.slide p.white,
.white {
    background-color: #FFFFFF;
    color: #000000;
    position: relative;
}

.black:hover { border-color: #898989; }
.blue:hover { border-color: #66A0DA; }
.yellow:hover { border-color: #8A850B; }
.white:hover { border-color: #AAAAAA; }

.black-arrow{
    background: url(../images/sprite.png) -2px -303px no-repeat transparent;
    width: 9px;
    height: 13px;
    position: absolute;
    margin: auto 0;
    right: 10px;
    top: 0;
    bottom: 0;
}

.white-arrow {
    background: url(../images/sprite.png) -15px -303px no-repeat transparent;
    width: 9px;
    height: 13px;
    position: absolute;
    margin: auto 0;
    right: 10px;
    top: 0;
    bottom: 0;
}

.black:hover .white-arrow,
.blue:hover .white-arrow {
    right: 8px;
}

.yellow:hover .black-arrow,
.white:hover .black-arrow{
    right: 8px;
}

.align-middle{
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 15px;
}

.align-middle.right{
    right: 10px;
}

.align-middle.left{
    left: 10px;
}

.catalog-category-view .owl-carousel {padding: 0px; }
/*.cms-home .owl-carousel { padding: 0 0 2px 0; }*/
/*.cms-homekids .owl-carousel { padding: 0 0 2px 0; }*/

.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme-landing .owl-nav { visibility: hidden; margin: 0; opacity: 0; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms; }
.owl-carousel.owl-theme:hover .owl-nav,
.owl-carousel.owl-theme-landing:hover .owl-nav { visibility: visible; opacity: 1; }
.owl-carousel.owl-theme .owl-nav > div { position: absolute; top: calc(50% - 42px); width: 54px; height: 84px; background: url(../images/flecha_slider_bp.svg) no-repeat rgba(26,26,26,0.4) 50% 50%; background-size: 31px 60px; border-radius: 0; margin: 0; padding: 0; }
.owl-carousel.owl-theme .owl-nav > div.owl-prev { left: 4px; }
.catalog-category-view .owl-carousel.owl-theme.landing-top-carousel .owl-nav > div.owl-prev,
.owl-carousel.owl-theme-landing .owl-nav > div.owl-prev { left: 0px; }
.owl-carousel.owl-theme .owl-nav > div.owl-next,
.owl-carousel.owl-theme-landing .owl-nav > div.owl-next { -ms-transform: rotate(180deg); : rotate(180deg); transform: rotate(180deg); }
.owl-carousel.owl-theme .owl-nav > div.owl-next { right: 4px; }
.catalog-category-view .owl-carousel.owl-theme.landing-top-carousel .owl-nav > div.owl-next,
.owl-carousel.owl-theme-landing .owl-nav > div.owl-next { right: 0px; }
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover { background: url(../images/flecha_slider_bp.svg) no-repeat rgba(26,26,26,0.7) 50% 50%; background-size: 31px 60px; border-radius: 0; margin: 0; padding: 0; }
.owl-carousel.owl-theme-landing .owl-nav > div { position: absolute; top: calc(50% - 35px); width: 45px; height: 70px; background: url(../images/flecha_slider_bp.svg) no-repeat rgba(26,26,26,0.4) 50% 50%; background-size: 31px 60px; border-radius: 0; margin: 0; padding: 0; }
.owl-carousel.owl-theme-landing .owl-nav [class*=owl-]:hover { background: url(../images/flecha_slider_bp.svg) no-repeat rgba(26,26,26,0.7) 50% 50%; background-size: 31px 60px; border-radius: 0; margin: 0; padding: 0; }
.owl-carousel.owl-theme .owl-dots { width: 100%; position: absolute; bottom: 0; }
.owl-carousel.owl-theme .owl-dots .owl-dot span { background: url(../images/slider-sprite.png) -2px -76px no-repeat transparent; }
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background: url(../images/slider-sprite.png) -15px -76px no-repeat transparent; }

.clearfix {
    float: none;
    clear: both;
}

.pagination-container {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 99;
}

.pagination {
    display: table;
    margin: 0 auto;
}

.pagination2 {
    text-align: center;
}

.pagination2 img {
    width: 150px;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: white;
    padding: 9px;
    margin: 7px;
    display: inline-block;
}

.pagination a {
    background: url(../images/slider-sprite.png) -2px -76px no-repeat transparent;
    width: 11px;
    height: 11px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.pagination a.selected {
    background-position: -15px -76px;
    cursor: default;
}
.pagination a span {
    display: none;
}

.close{
    position: absolute;
    right: 0px;
    top: 6px;
    line-height:1;
    padding: 9px;
    margin-right: 20px;
}



.titlebar {
    height: 50px;
    line-height: 50px;
    background-color: #000000;
    border-radius: 10px 10px 0px 0px;
}

.title {
    color:#FFFFFF;
    font-size: x-large;
    padding:0 50px 0 10px;
    text-transform: uppercase;
}

.content {
    /*background-color: #FFFFFF;*/
}

.content-width {
    background-color:#EAE325;
}

.button-cont{
    height: 29px;
    margin-bottom: 8px;
    margin-top: 20px;
}

.product-info-links{
    text-transform: uppercase;
}

.info-links{
    cursor: pointer;
}

.properties{
    display: none;
}

.grip{
    display: none;
}

.idol{
    display: none;
}

.composition{
    display: none;
}

.close_button {
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

#close_span{
    cursor: pointer;
    font-weight: bold;
    font-size: 19px;
}

.filter-advise{
    display: table;
    height: 100%;
    margin-left: 20px;
}

.filter-advise-text{
    display: table-cell;
    vertical-align: bottom;
    color: #838286;
}

.filter-action,
.clear-action {
    float: right;
    margin-right: 20px;
    display: table;
    width: 100px;
    height: 29px;
    background-color: #6d6d6d;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.filter-action:hover,
.clear-action:hover {
    background-color: #3f54a1;
}


.titlebar-attribute {
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}
.title-attribute {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
}



.tab-img-container{
    padding-left: 2%;
    height: 192px;
}

.tab-img-container img{
    max-width: 100%;
    max-height: 100%;
}

.tab-text{
    margin-left: 2%;
}

.tab-titles h1 {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.select-config{
    float: left;
    margin-right: 15px;
    /*position: absolute;*/
    z-index: 1;
}

.super-attribute-select{
    background-color: #26282D;
    color: #FFFFFF;
    border: none;
    height: 40px;
    text-transform: uppercase;
}

.super-attribute-select:focus{
    outline-color: white;
    border-color: #FFFFFF;
}

.release-date{
    float: left;
}

.weight{
    float: right;
}

.basic-properties{
    border-bottom: 1px solid #B2B2B2;
}

.tabsBox h1{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.tabsBox b{
    text-transform: uppercase;
}
.ground{
    margin-top: 5px;
}
.ground-icons-wrapper{
    margin-left: 10px;
}

.ground-icons{
    background-color: #d3d3d3;
    width: 50px;
    height: 50px;
    float: left;
    margin: 3px;
    position: relative;
    color: #0000ff;
    box-shadow: 1px 2px 2px #888888;
}

.ground-status{
    position: absolute;
    top: 5px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.ground-legend{
    background-color: #d3d3d3;
    width: 125px;
    height: 50px;
    float: left;
    margin: 3px;
    position: relative;
    color: #0000ff;
    line-height: 1.2;
}

.red-status{
    background-color: red;
    width: 8px;
    height: 8px;
    border-radius:50%;
    display: inline-block;
}

.orange-status{
    background-color: orange;
    width: 8px;
    height: 8px;
    border-radius:50%;
    display: inline-block;
}

.green-status{
    background-color: green;
    width: 8px;
    height: 8px;
    border-radius:50%;
    display: inline-block;
}


.green{
    color: #00B047
}

.orange{
    color: #D38129;
}

.red{
    color: #FF0000;
}

.jugador{
    max-height: 213px;
    overflow-y: auto;
    width: 100%;
}

#text-main1 ul.players-images {
    margin: 10px 5px 0 5px;
    /*text-align: center;*/
}

#text-main1 ul.players-images li.players-images-container {
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

#text-main1 ul.players-images li.players-images-container img { max-width: 100%; }

#check-size{
    font-size: 11px;
    margin-left: 20px;
    color: #ffffff;
}

.free-shipping-icon{
    float: right;
    width: 59px;
    height: 54px;
    background: url(../images/sprite.png) -2px -245px no-repeat transparent;
    margin-top: 15px;
}

.product-image-box {
    width: 58.3%;
    float: left;
}

.select-size-table{
    width: 350px;
    max-width: 100%;
    background-color: #26282D;
    line-height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    margin-bottom: 2px;
}

.dropdown-icon{
    width: 14px;
    height: 13px;
    background: url(../images/sprite.png) -53px -230px no-repeat transparent;
    position: absolute;
    right: 5px;
    top: 9px;
    z-index: 2;
}

.size-table {
    width: 100%;
    /*max-width: 350px;*/
    /*border-collapse: separate;*/
    /*border-spacing: 2px;*/
    text-align: center;
    color: #FFFFFF;
}

/*.size-table thead, .size-table tbody, .size-table tr, .size-table td, .size-table th { display: block; }*/

/*.size-table tr:after {*/
    /*content: ' ';*/
    /*display: block;*/
    /*visibility: hidden;*/
    /*clear: both;*/
/*}*/

.size-table thead th {
    min-height: 30px;
}

.size-table thead {
    width: 100%;
    border-bottom: 1px solid #b2b2b2;
}

.size-table tbody {
    /*max-height: 164px;*/
    overflow-y: auto;
}

.size-table tbody .mCSB_inside > .mCSB_container { display: table; width: 100%; }

.size-table tbody td:last-child, thead th:last-child {
    border-right: none;
}

.size-table tbody tr {
    /*background-color: #1F2025;*/
    /*cursor: pointer;*/
    margin: 0 !important;
    border-bottom: 1px solid #F2F2F2;
}

.size-table tbody tr.not-selectable { cursor: initial; }

.size-table tbody tr:last-child {
    border-bottom: none;
}

/*.size-table tbody tr.not-selectable{
    opacity: 0.2;
}
*/
.size-table thead tr{
    cursor: default;
    font-size: 13px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    background-color: #2E2E35;
}

/*.amshopby-advanced a{*/
    /*text-decoration: none;*/
/*}*/
/**/
/*.menu-father div div:hover{*/
    /*color: #000000;*/
    /*cursor: pointer;*/
/*}*/
/**/
/*.menu-father div a:hover{*/
    /*color: #000000;*/
    /*cursor: pointer;*/
/*}*/
/**/
/*.menu-father div .nav-link:hover{*/
    /*color: #000000;*/
    /*cursor: pointer;*/
/*}*/
/**/
/*.menu-child div a:hover{*/
    /*color: #000000;*/
    /*cursor: pointer;*/
/*}*/
/**/
/*.menu-child div .nav-link:hover{*/
    /*color: #000000;*/
    /*cursor: pointer;*/
/*}*/
/**/
/*.menu-father .level0 div,*/
/*.menu-father .level0 a,*/
/*.menu-child .level0 a,*/
/*.menu-father .level0 .only,*/
/*.menu-child .level0 .only {*/
    /*font-size: 14px;*/
    /*text-transform: uppercase;*/
/*}*/
/**/
/*.menu-father .level1 div,*/
/*.menu-father .level1 a,*/
/*.menu-child .level1 a,*/
/*.menu-father .level1 .only,*/
/*.menu-child .level1 .only{*/
    /*font-size: 12px;*/
    /*color: #969599;*/
    /*font-weight: 400;*/
/*}*/
/**/
/*.menu-father .level2 div,*/
/*.menu-father .level2 a,*/
/*.menu-child .level2 a,*/
/*.menu-father .level2 .only,*/
/*.menu-child .level2 .only{*/
    /*font-size: 12px;*/
    /*text-transform: capitalize;*/
    /*color: #5e5e5e;*/
    /*font-weight: 400;*/
/*}*/
/**/
/*.menu-father .level3 div,*/
/*.menu-father .level3 a,*/
/*.menu-child .level3 a,*/
/*.menu-father .level3 .only,*/
/*.menu-child .level3 .only{*/
    /*font-size: 12px;*/
    /*color: #5e5e5e;*/
/*}*/
/**/
/*.menu-father.opened div{*/
    /*color: #000000;*/
/*}*/
/**/
/*.menu-father.opened a,*/
/*.menu-father.opened .nav-link{*/
    /*color: #000000;*/
/*}*/
/**/
.futbolmaniaco-required {
    display: none;
}

#productos-adultos,
#productos-ninos,
#productos-jugador,
#productos-portero,
#productos-fut11,
#productos-futsal,
#barcelona,
#rmadrid,
#atlmadrid{
    background-color:#F1F1F2;
    float: left;
    margin-right: 2px;
    cursor: pointer;
    margin-bottom: 2px;
    text-transform: uppercase;
}

#productos-adultos:hover,#productos-adultos.selected,
#productos-ninos:hover,#productos-ninos.selected,
#productos-jugador:hover,#productos-jugador.selected,
#productos-portero:hover,#productos-portero.selected,
#productos-fut11:hover,#productos-fut11.selected,
#productos-futsal:hover,#productos-futsal.selected,
#barcelona:hover,#barcelona.selected,
#rmadrid:hover,#rmadrid.selected,
#atlmadrid:hover,#atlmadrid.selected{
    background-color: #3f54a1;
}

.no-visible {
    visibility: hidden;
    position: absolute;
}

/* Customer zone ? TONI */
.item-list{ padding:2%; }
.class_overflow{overflow: hidden;}
.image-register{  width: 45%;  float: right; max-width: 235px; }



.cart a{/*display: block;*/ color: #3351c8; text-decoration: none;}
.cart .become-a-member { padding-left: 15px; font-size:12px; color:#1d1d1b; max-width:540px; margin:0 auto; text-align:right; }
.cart .become-a-member a { text-decoration: underline; }
.cart .become-a-member a:hover { opacity: 0.7; text-decoration: none; color: #3D51C8; }
.cart .become-a-member a:focus { color: #3D51C8; }
.cart .cart-table .product-cart-sku{font-style: inherit;}
.cart .data-table tbody td .item-options dt{font-style: inherit;}
.header-language-background .continue-link-box{ position:absolute; }
.header-language-background .continue-link-box .btn-continue.button2{ height:55px; }
.header-language-background .continue-link-box  .button2 span span,
.cart .button2 span span{color: #1d1d1b;text-decoration: none; font-size:12px; line-height:20px; font-family:'Open Sans', sans-serif; font-weight: 400; }
.header-language-background .continue-link-box  .button2 > span:hover span,
.cart .button2 > span:hover span{ opacity:0.7; color:#888888; }
.header-language-background .continue-link-box .button2 span span, .cart .button2 span span {color: #1d1d1b;text-decoration: none;font-size: 12px;line-height: 20px;font-family: open sans,sans-serif;font-weight: 400;}
.checkout-cart-index .cart h1{color: black; font-size: 31px; font-weight: 600; margin: 0; padding: 0; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 3px;}



.col-left input[type="checkbox"], .my-account input[type="checkbox"]/*, .account-create input[type="checkbox"]*/ {
    display:none;
}
.col-left input[type="checkbox"] + label span, .my-account input[type="checkbox"] + label span/*, .account-create input[type="checkbox"] + label span*/ {
    display:inline-block;
    width:24px;
    height:23px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/checkbox_sprite.png) left top no-repeat;
    background-position: -2px -29px;
    cursor:pointer;
}
.col-left input[type="checkbox"]:checked + label span,.my-account input[type="checkbox"]:checked + label span/*, .account-create input[type="checkbox"]:checked + label span */{
    background:url(../images/checkbox_sprite.png) top no-repeat;
    background-position: -2px -2px;
}

/* ============================================ *
 * Custom   CART PANEL
 * ============================================ */

.header-minicart .checkout-types.minicart{float: right;}
/*.header-minicart .checkout-types.minicart .checkout-button, */.header-minicart  .header-cart .minicart-actions .cart-link{text-transform: none;}
.header-minicart .product-details .product-name a.remove{border: 1px white solid;color: black;background-color: #8E8E06;padding: 0px 2px; float: right; width: inherit;}
.header-minicart .product-details .product-name a.remove:hover{background: #EAE226;}
.header-minicart .product-details .product-name a{float: left; width: 80%;}
.header-minicart .info-wrapper .qty-wrapper .qty{width:35px; background-color: #26282D; color: white;}
.header-minicart .info-wrapper .qty-wrapper .quantity-button{height: 31px;float: right;border-radius: 2px; padding-bottom: 17%;}

.delete_image1, .delete_image2, ul img.simple-imagen{display:none;}


/* ============================================ *
 * Custom   HEADER
 * ============================================ */
 .checkout-cart-index .header-language-background .header-style, .onestepcheckout-index-index .header-language-background .header-style {background-color: #FFF !important;}
.header-language-background .header-style { background-color: #000; height: 85px; /* border-bottom: 1px solid #ececec; */ display: table; width: 100%; padding: 0 1% }
.header-language-background.simple .header-style { height: 55px; }
body.checkout-cart-index .header-language-background.simple .header-style,
body.onestepcheckout-index-index .header-language-background.simple .header-style { padding: 0; }

#toplogin .header-icon-sprite span.icon{background-position: -5px -53px;background-image: url(../images/sprite-header.svg);background-repeat: no-repeat;width: 22px;height: 22px;background-size: 172px; display: inline-block;}
#toplogin .box-header:hover .header-icon-sprite span.icon,
#toplogin .box-header.have-items .header-icon-sprite span.icon{background-position: -5px -53px; } /* BUG15 */
#toplogin .box-header:hover .header-icon-sprite span.icon, #toplogin .box-header.have-items .header-icon-sprite span.icon:hover { background-position: -5px -77px; } /* BUG 15 */
#toplogin span.compare-header-icon{background-position: -104px -2px; background-image: url(../images/sprite_header.png); background-repeat: no-repeat;display: inline-block;width: 30px;height: 30px;vertical-align: middle;}
#toplogin .box-header:hover span.compare-header-icon,
#toplogin #compare-products.have-items span.compare-header-icon{background-position: -104px -36px; background-image: url(../images/sprite_header.png); background-repeat: no-repeat;}
#toplogin span.wishlist-header-icon{background-position: -32px -5px;background-image: url(../images/sprite-header.svg);background-repeat: no-repeat;display: inline-block;width: 22px;height: 22px;vertical-align: middle;/* top: -13px; */background-size: 172px;}
/*
BUG15
#toplogin .box-header:hover span.wishlist-header-icon,
#toplogin #wishlist.have-items span.wishlist-header-icon,
#toplogin #wishlist.have-items span.wishlist-header-icon:hover { background-position: -32px -29px; }
*/
#toplogin .myaccountbutton .name,
#toplogin .box-header.have-items a span:hover { background-position: -32px -29px; }

body #toplogin span.wishlist-header-icon:hover { background-position: -32px -5px; } /* BUG15 */
.counter { font-family:'Helvetica Neue', Verdana, Arial, sans-serif; }
#toplogin .loginbutton:hover span.login_icon,
#toplogin .myaccountbutton span.login_icon{background-position: -5px -30px;}
#toplogin .myaccountbutton .name{margin-top: 22px;display: block;}
#toplogin .myaccountbutton .name,
#toplogin .box-header.have-items a span{ color: #EBE717; /*font-size:15px;*/;display: inline-block; /* BUG15 */ /*line-height: 20px BUG15 */; text-align: center;}
#toplogin .myaccountbutton #block-right-login{line-height: 40px; top: 30px; z-index: 2; right: 0 !important;}
#toplogin span.language-header-icon{background-position: -36px -2px; background-image: url(../images/sprite_header.png); background-repeat: no-repeat;display: inline-block;width: 30px;height: 30px;vertical-align: middle;}
#toplogin .box-header:hover span.language-header-icon{background-position: -36px -36px; background-image: url(../images/sprite_header.png); background-repeat: no-repeat;}
#toplogin .box-header, #toplogin .box-header-special{cursor: pointer;display: table-cell;vertical-align: top; padding: 0px 10px;position: relative;}
#toplogin .box-header.header-minicart { /*padding-right: 0px; BUG15*/}
#toplogin .box-header span,#toplogin .box-header-special span{ color:#1d1d1b; font-size:11px; vertical-align: middle;}
#toplogin .box-header-special span{ color:#000; }
#toplogin .box-header a,#toplogin .box-header-special a{text-decoration: none;}
#toplogin .box-header-special .validate-email-newsletter,
#toplogin .box-header-special .empty-email-newsletter{display: none;color: red;font-weight: bold;}
/*#toplogin .box-header:hover a span, #toplogin .box-header-special:hover a span{color: #3d50c8;}*/
#toplogin .skip-link{height: 20px; float: inherit; line-height: inherit;}
#toplogin .skip-cart{padding: 0;}
#toplogin .minicart-subtotal span { font-size: 14px; line-height: 1.5em;}
#toplogin .minicart-subtotal p.subtotal { margin: 0 auto; }
.newsletter-form{display: none}
.newsletter-form-visible{ display: block;position: absolute;right: 120px;top: 35px;z-index: 999;width: 460px;padding: 20px;border: 2px solid #e4e3e3;background: #000; }
.menu-header{padding-left: 5px; text-transform: capitalize; vertical-align: middle; color: black; display:table-cell; color:#1d1d1b; font-size: 15px; }
.switch-home-link.man.selected { margin-left: 7px; } /* bug15 */

#search::-webkit-input-placeholder {color: white;} /* WebKit, Blink, Edge */
#search:-moz-placeholder{color: white;opacity: 1;} /* Mozilla Firefox 4 to 18 */
#search::-moz-placeholder{color: white;opacity: 1;} /* Mozilla Firefox 19+ */
#search:-ms-input-placeholder{color: white;}  /* Internet Explorer 10-11 */

#search:focus::-webkit-input-placeholder {transition: opacity 0.01s 0.01s ease; opacity: 0;} /* WebKit, Blink, Edge */
#search:focus:-moz-placeholder{transition: opacity 0.01s 0.01s ease; opacity: 0;} /* Mozilla Firefox 4 to 18 */
#search:focus::-moz-placeholder{transition: opacity 0.01s 0.01s ease; opacity: 0;} /* Mozilla Firefox 19+ */
#search:focus:-ms-input-placeholder{transition: opacity 0.01s 0.01s ease; opacity: 0;}  /* Internet Explorer 10-11 */

.span-search-header{z-index:5;display:none;width: 290px;height: 85px;font-size: 20px;font-weight: 400;font-family: 'Open Sans', sans-serif;color: black;background-color: #f2f2f2;position: fixed;top: 55px;}
.span-search-header p{margin-left: 10px; line-height: 85px; font-size: 24px; color: #575756; font-weight: bold; }
.span-search-header p label{font-size:24px;font-weight:bold;}

.search-responsive{ display:table-cell; vertical-align: middle; }
.search-responsive.opened{ opacity:0.5; }
.box-search{ overflow:hidden; float:left; display:table; height:55px; width:85px; padding-left:36px;}
.search-icon-responsive{margin-left: 4px; width: 30px; height: 30px; background-image: url(../images/sprite_header.png); background-position: -172px -2px; float: left; color:#1d1d1b; font-size: 15px; font-weight: 400;font-family: 'Open Sans', sans-serif;cursor: pointer}
.search-icon-responsive span{margin-left: 30px; color:#000000; margin-top:5px; float:left; display:none;}
.close-search:hover{opacity: 0.7;}

.search-form { width: 100%; min-width: 350px;padding-top:10px; display: table-cell; vertical-align: bottom; position: relative; z-index: 12; }
.search-form .search-form-container {height: 25px; border-radius: 14px;max-width:950px;margin:0 auto;}
.search-form .search-form-container #search_mini_form .input-box{display: table; height: 100%;width: 100%;}
.search-form .search-form-container #search_mini_form,
.search-form .search-form-container #search_mini_form_desktop { display: table; height: 100%; width: 100%; background-color: #FFFFFF; border-radius: 4px; /* bug 7 sharen */ }
.search-form .search-form-container #search_mini_form .input-box .mini-search-container,
.search-form .search-form-container #search_mini_form_desktop .input-box { display: table; width: 100%; height: 100%; padding-top: 0; /*border: 1px solid #ececec;*/ }
.search-form .search-form-container #search_mini_form .input-box .input-search-container,
.search-form .search-form-container #search_mini_form_desktop .input-box .search_d_wrapper { display: table-cell; vertical-align: middle; border-radius: 4px; /* bug 7 sharen */ }
.search-form .search-form-container #search_mini_form .input-box .input-search-container #search,
.search-form .search-form-container #search_mini_form_desktop .input-box .search_d_wrapper #search_d { width: 100%; height: 100%; padding: 0 10px; font-size: 14px; font-weight: bold; font-family: 'Open Sans', sans-serif; height: 28px;}
.search-form .search-form-container #search_mini_form .input-box .search-button-container,
.search-form .search-form-container #search_mini_form_desktop .input-box .search-button-container { display: table-cell; vertical-align: middle; text-align: center; width: 40px; }
.search-form .search-form-container #search_mini_form .clearable__clear,
.search-form .search-form-container #search_mini_form_desktop .clearable__clear { display: table-cell; vertical-align: middle; text-align: center; width: 23px; height: 26px;}
.search-form .search-form-container #search_mini_form_desktop .clearable__clear { padding-right: 6px; }
.search-form .search-form-container #search_mini_form .clearable__clear .clearable__clear-img,
.search-form .search-form-container #search_mini_form_desktop .clearable__clear .clearable__clear-img { width: 22px; height: 22px; background: url(../images/sprite-header.svg) -143px -55px no-repeat; background-size: 172px; }
.search-form .search-form-container #search_mini_form .clearable__clear .clearable__clear-img.remove-text,
.search-form .search-form-container #search_mini_form_desktop .clearable__clear .clearable__clear-img.remove-text{ background-size: 150px; background-position: -100px -24px; cursor: pointer; }
#header-search2 #search_mini_form_responsive .clearable__clear { display: table-cell; vertical-align: middle; text-align: center; width: 25px; height: 24px; }
#header-search2 #search_mini_form_responsive .clearable__clear .clearable__clear-img { width: 20px; height: 20px; background: url(../images/sprite-header.svg) -143px -55px no-repeat; background-size: 172px; }
#header-search2 #search_mini_form_responsive .clearable__clear .clearable__clear-img.remove-text { background-size: 141px; background-position: -93px -23px; cursor: pointer; }
#header-search2 #search_mini_form_responsive .clearable__clear .clearable__clear-img.remove-text:active { background-color: #CCCCCC; }
.search-form .search-form-container #search_mini_form .input-box .search-button-container button,
.search-form .search-form-container #search_mini_form_desktop .input-box .search-button-container button{padding: 0;color: #000000;background: black url(../images/sprite-header.svg) -210px -6px no-repeat;height: 40px;width: 40px;cursor: pointer;font-size: 11px;border: 1px solid white;background-size: 255px;/* transform: scale(0.8); */}
.search-form .search-form-container #search_mini_form .input-box .age-select,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select,
#header-search2 .age-select { margin-right: 35px; background-color: #dadada; display: table-cell; vertical-align: middle; position: relative; text-align: center; width: 120px; font-size: 12px; font-weight: 400; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-container,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-container,
#header-search2 .age-select .age-select-container { position: relative; display: inline; cursor: pointer; font-weight: 400; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-container #age-select-text,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-container #age-select-text,
#header-search2 .age-select .age-select-container #age-select-text { text-transform: lowercase; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-container .dropdown-icon,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-container .dropdown-icon,
#header-search2 .age-select .age-select-container .dropdown-icon { position: static; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #000000 transparent transparent transparent;  }
.search-form .search-form-container #search_mini_form .input-box .age-select.opened .age-select-container .dropdown-icon,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select.opened .age-select-container .dropdown-icon,
#header-search2 .age-select.opened .age-select-container .dropdown-icon { border-width: 0 4px 8px 4px; border-color: transparent transparent #000000 transparent; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values,
#header-search2 .age-select .age-select-values { position: absolute; top: 40px; left: 0; width: 100%; display: none; z-index: 1; }
.search-form .search-form-container #search_mini_form .input-box .age-select.opened .age-select-values,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select.opened .age-select-values,
#header-search2 .age-select.opened .age-select-values { display: table; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table,
#header-search2 .age-select .age-select-values .age-select-table { width: 100%; display: table; }
/*.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-triangle,*/
/*#header-search2 .age-select .age-select-values .age-select-table .age-select-triangle { width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #DADADA transparent; margin: 0 auto; }*/
/*.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-triangle.white-triangle,*/
/*#header-search2 .age-select .age-select-values .age-select-table .age-select-triangle.white-triangle { border-color: transparent transparent #FFFFFF transparent; }*/
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-triangle,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-triangle,
#header-search2 .age-select .age-select-values .age-select-table .age-select-triangle { height: 8px; position: relative; overflow: hidden; box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5); margin: 0 auto; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-triangle:after,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-triangle:after,
#header-search2 .age-select .age-select-values .age-select-table .age-select-triangle:after { content: ""; position: absolute; width: 50px; height: 50px; background: #DADADA; transform: rotate(45deg); top: 10px; left: 30%; box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5); }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-triangle.white-triangle:after,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-triangle.white-triangle:after,
#header-search2 .age-select .age-select-values .age-select-table .age-select-triangle.white-triangle:after { background: #FFFFFF; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row { display: table-row; background-color: #FFFFFF; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell { padding: 10px 0; cursor: pointer; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell > div,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell > div,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell > div { text-transform: lowercase; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row:last-child .age-select-table-cell,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row:last-child .age-select-table-cell,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row:last-child .age-select-table-cell { margin-bottom: 0; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row.selected .age-select-table-cell,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row.selected .age-select-table-cell,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row.selected .age-select-table-cell,
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row:hover .age-select-table-cell,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row:hover .age-select-table-cell,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row:hover .age-select-table-cell { background-color: #DADADA; }
.search-form .search-form-container #search_mini_form .input-box .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell .logo-img,
.search-form .search-form-container #search_mini_form_desktop .input-box .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell .logo-img,
#header-search2 .age-select .age-select-values .age-select-table .age-select-table-row .age-select-table-cell .logo-img { display: inline; }
/* Custom CSS Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .search-form {
        width: 45% !important;
        min-width: 250px;
        vertical-align: bottom;
        position: absolute;
        z-index: 12;
        /*right: 40px;*/
        right: 2%;
        top: 40px;
    }
    .header-language-background .header-style{
        padding: 0 2%;
    }
}
/* End Tablet */

/* Custom CSS Mobile */
@media (max-width: 767px){
  body.is-responsive .header-style .box-switch-menu{
    height: 40px !important;
  }
  body.is-responsive .header-style .box-right-menu{
    height: 40px !important;
  }
  body.is-responsive .header-logo-container div.fm-logo{
    width: 160px !important;
    height: 22px !important;
  }
  body.is-responsive .header-style .box-right-menu #toplogin{
    height: 40px !important;
    padding-top: 9px !important;
  }
  body.is-responsive .header-language-background .header-style{
    height: 40px !important;
  }
}
/* End Mobile */

@media screen and (max-width: 1024px){
	.search-desktop{
		display: none !important;
	}
}
@media screen and (min-width: 1025px){
        .search-mobile{
                display: none !important;
        }
}
.search-mobile{
	font-size: 14px;
	color: #b3b3b3;
}

@media screen and (max-width: 1295px){
  .search-form {
	min-width: 280px;
 	padding-top: 10px;
  }
}
@media screen and (min-width: 1024px){
  .box-switch-menu .search-form{
    display:none !important;
  }
  .box-switch-menu {
    height: 40px;
	/* padding: 0 1%;  bug15 */
  }

  /* BUG 15 */
  .box-right-menu { height: 30px; /* margin-left: -8px; */ }
  /*
  .box-right-menu {
    height: 40px;
    margin-left: -8px;
  }
  */
  .header-language-background .header-style {
    background-color: #000000;
    height: 80px;
  }
  #toplogin {
    padding-top: 10px;
  }
  tm-link {
    padding-top: 10px;
  }

    .product-item-data-right-col .yellow-button{
        min-width: 190px;
    }

    /*.sales-order-history .order-header .header-right-content{
        min-width: 410px;
    }*/

    .order-header .order-actions-button.invoice-link-section{
        align-items: end;
        margin-right: 0px;
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
    }
    
}
/* Custom CSS Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .search-form {
        width: 45% !important;
        min-width: 280px;
 	    padding-top: 6px;
        vertical-align: bottom;
        position: absolute;
        z-index: 12;
        /*right: 40px; BUG 15 */
        top: 30px;
    }
    .header-language-background .header-style{
        padding: 0 2%;
        height: 70px;
    }
}
/* End Tablet */

/* Custom CSS Mobile */
@media (max-width: 767px){
  body .cart { padding-top: 0px !important; } /* bug1 */
  .checkout-cart-index .main-container.col2-left-layout { padding: 0 10px; }  /* bug1 */
  .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 100% !important; }  /* bug1 */
  .product-cart-info .cart-img img { width: auto !important; height: auto !important; } /* bug1 */
  body.is-responsive .cart .checkout-form { padding-right: 0px  !important; border-width: 0px !important; }

  body.is-responsive .header-style .box-right-menu{
    height: 40px !important;
  }


  body.is-responsive .header-logo-container div.fm-logo{
    width: 160px !important;
    height: 22px !important;
  }
  body.is-responsive .header-style .box-right-menu #toplogin{
    height: 40px !important;
    padding-top: 9px !important;
  }
  /*
  body.is-responsive .header-language-background .header-style{
    height: 80px !important;
  }
  */
  .search-form .search-form-container #search_mini_form .clearable__clear, .search-form .search-form-container #search_mini_form_desktop .clearable__clear{
   position: absolute;
  }
  .clearable__clear-img {
    /*position: absolute;*/
    margin: 4px -30px;
  }
  .search-form .search-form-container #search_mini_form .input-box .input-search-container, .search-form .search-form-container #search_mini_form_desktop .input-box .search_d_wrapper{
    border-radius: 4px; /* bug 7 sharen */
    text-align:center;
  }
  .search-form .search-form-container #search_mini_form .input-box .input-search-container #search,
  .search-form .search-form-container #search_mini_form_desktop .input-box .search_d_wrapper #search_d{
    /*max-width: 329px;*/
    height: 30px;
  }
}
/* End Mobile */

input[type=number] {
    -moz-appearance:textfield;
}

#rrss{padding: 10px; padding-bottom: 20px;}
#rrss .product-options-container{margin-left: 10px; max-width: 265px;}
#rrss li{float: left; height: auto; width: 40px;}
#rrss li div.social-media-icons{position: inherit; width: 19px; height: 16px;}

#ref{padding: 10px}
#ref span{color: #000000; font-weight: normal;font-size: 16px;}

/* ============================================ *
 * Custom   DEGRADAT/BACKGORUND
 * ============================================ */
.main-container{ background:#ffffff; }


/* ============================================ *
 * Custom   MAIL CONTACT
 * ============================================ */
.contacts-index-index .col2-left-layout .col-main{float: left; width: 100%; padding-right: 25px; padding-bottom: 10px;}

.contacts-index-index #contactForm.scaffold-form{color: black; padding: 0 4%;}
.contacts-index-index .scaffold-form h1{font-size: 16px; font-weight: bold; border-bottom: 1px #808080 solid; width: 100%; margin-bottom: 15px; text-transform: uppercase;}
.contacts-index-index .scaffold-form .order-info-yes{display: none;}
.contacts-index-index .scaffold-form .attachment-show{display: none;}
.contacts-index-index .scaffold-form input[type=email],
.contacts-index-index .scaffold-form input[type=search],
.contacts-index-index .scaffold-form input[type=number],
.contacts-index-index .scaffold-form input[type=password],
.contacts-index-index .scaffold-form input[type=tel],
.contacts-index-index .scaffold-form input[type=text]{
    background-color: #FFFFFF;
    color: #000000;
}
.contacts-index-index .scaffold-form .attachment-type, .contacts-index-index .scaffold-form .enquiry-type{float: left;}
.contacts-index-index .scaffold-form input[type="radio"]{margin-left: 10px}
.contacts-index-index .scaffold-form textarea{max-width: 100%;}
.contacts-index-index .scaffold-form .buttons-set{max-width: inherit;}
.contacts-index-index .scaffold-form .buttons-set .button{background-color: #231F20;color: #ffffff;}

.contacts-index-index .scaffold-form .select-container{width: 100%;position: relative;float: left;}
.contacts-index-index .scaffold-form .enquiry-input{width: 100%;height: 30px;background-color: #FFFFFF;border: 1px solid silver;}
.contacts-index-index .scaffold-form .simulate-input{position: absolute;width: 100%;height: 30px; top: 5px;left: 8px;color: #808080;font-size: 15px;}
.contacts-index-index .scaffold-form .image-arrow {background: url(../images/select-box.png);position: absolute;right: 4px;width: 13px;height: 13px;z-index: 2;top: 8px;}
.contacts-index-index .scaffold-form .form-list select {height: 30px;background-color: #FFFFFF;width: 100%;color: gray;padding: 0 5px;-webkit-appearance: none;-moz-appearance: none;margin: 0;display: none;}
.contacts-index-index .scaffold-form  .for-scroll {height: 147px;position: absolute;width: 100%;z-index: 4;display: none;border: 1px solid silver}
.contacts-index-index .scaffold-form .select-container table{width: 100%; display: none;z-index: 4;}
.contacts-index-index .scaffold-form .simulate-option {background-color: #FFFFFF;cursor: pointer; height: 20px; font-size: 14px; padding-left: 8px;}
.contacts-index-index .scaffold-form .option-selected{color: black;}

.contacts-index-index .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #5e5e5e; margin-right: 1px; width: 3px;}
.contacts-index-index .mCSB_inside>.mCSB_container{margin-right: 0px;}
.contacts-index-index .mCSB_scrollTools .mCSB_draggerRail{margin-right: 2px; width: 1px;}
.contacts-index-index .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.account-create .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #5e5e5e}

.contacts-index-index .scaffold-form .contact-text{ padding:20px 0; }
.contacts-index-index .scaffold-form .contact-text a{ text-decoration:none; color:#3d50c8; }
.contacts-index-index .scaffold-form .contact-text a:hover{ color:#3d50c8; }
/* ============================================ *
 * Custom   LOG HEADER
 * ============================================ */
#toplogin .loginform{width: 490px;padding: 0;background-color: #3D3D3C; top: 55px; border: none;}
#toplogin .loginform.backdrop{
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
    align-items: center;
    position: fixed;
    top: 0;
}
/*BLOCK LEFT*/
#toplogin .loginform #block-left #login-form-block #login-form-elements li a.forgot { color: #00f; font-size: 13px; }
#toplogin .loginform #block-left .buttons-set button.login { color: #000; background-color: #ebe717; font-weight: 700; }
#toplogin #block-left{float: left;width: 310px;position: absolute;background-color: #eee;top: 30px;}
#toplogin .new-user,#toplogin .new-futbolmaniaco,#toplogin .new-newsletter,#toplogin .follow-order{display: none;}
#toplogin .loginform #block-left .icon-1{background-image: url(../images/sprite_header_user.png); background-position:  -2px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-2{background-image: url(../images/sprite_header_user.png); background-position:  -36px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-3{background-image: url(../images/sprite_header_user.png); background-position:  -70px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-4{background-image: url(../images/sprite_header_user.png); background-position:  -104px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-5{background-image: url(../images/sprite_header_user.png); background-position:  -138px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-6{background-image: url(../images/sprite_header_user.png); background-position:  -172px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-7{background-image: url(../images/sprite_header_user.png); background-position:  -206px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-8{background-image: url(../images/sprite_header_user.png); background-position:  -240px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-9{background-image: url(../images/sprite_header_user.png); background-position:  -274px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .icon-10{background-image: url(../images/sprite_header_user.png); background-position:  -308px -2px; width: 30px; height: 30px; float: left;}
#toplogin .loginform #block-left .info{display: table; margin: 10px 0;}
#toplogin .loginform #block-left .icon-info{display: table-cell;vertical-align: middle;}
#toplogin .loginform #block-left .text-info{overflow: hidden; display: table-cell; vertical-align: middle; padding-left: 5px; line-height: 12px; }
#toplogin .loginform #block-left .block-info{padding: 10px}
#toplogin .loginform #block-left .block-info h4 { color:#fff; }
#toplogin .loginform #block-left .block-info .heading { color:#000; margin: 0; margin-bottom: 10px; font-size: 14px; font-weight: 600; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; }

/*NEW LOGIN*/
#toplogin .loginform #block-left #login-form-block #login-form-elements li input{width: 94%; color:#ABABAB; background-color: white;}
#toplogin .loginform #block-left #login-form-block #login-form-elements li:first-of-type{padding-top: 2px;}
#toplogin .loginform #block-left #login-form-block #login-form-elements li{padding: 0 ;padding-bottom: 5px;}
#toplogin .loginform #block-left #login-form-block #login-form-elements li a{margin-left: 10px;}
#toplogin .loginform #block-left .buttons-set{margin: 0 10px; border: none;}
#toplogin .loginform #block-left .buttons-set button{width: 100%; background-color: #1D1D1D; color: white; height: 40px;}
#toplogin .loginform #block-left #login-form-block #login-form-elements li .signin a{float: left; width: 100%; text-align: center; vertical-align: middle; line-height: 40px; height: 40px; background-color: #1d1d1b; text-decoration: none; margin: 0 0 10px; font-size: 16px; font-weight: 700; }
#toplogin .loginform #block-left #login-form-block #login-form-elements li .signin a:hover{opacity: 0.7; color: white;}
#toplogin .loginform #block-left #login-form-block #login-form-elements li .signin,
#toplogin .loginform #block-left .account-login .signin {margin: 10px; color: #000; line-height: 18px; font-size: 11px;}
#toplogin .loginform #block-left .account-login .signin .button { display: inherit; list-style-type: none; border: none; background: none; }
#toplogin  #neswletter-popup-privacy{color: #fff;}
#toplogin .loginform #block-left span.fb_button_text { font-weight: 700; font-size: 14px; }
/*NEW USER*/
#toplogin .loginform #block-left .new-user a { float: left; width: 94%; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; background-color: #1d1d1b; text-decoration: none; margin: 10px; margin-top: 0; font-size: 16px; font-weight: 700;}
#toplogin .loginform #block-left .new-user a:hover{opacity: 0.7; color: white;}

/*NEW FUTBOLMANIACO*/
#toplogin .loginform #block-left .new-futbolmaniaco .block-mid-info{border-top: 1px #353534 solid; border-bottom: 1px #353534 solid;}
#toplogin .loginform #block-left .new-futbolmaniaco .block-info > div:last-of-type{margin-bottom: 0;}
#toplogin .loginform #block-left .new-futbolmaniaco a{  float: left; width: 94%; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; background-color: #1d1d1b; text-decoration: none; margin: 10px; margin-top: 0; font-size: 16px; font-weight: 700; }
#toplogin .loginform #block-left .new-futbolmaniaco a:hover{opacity: 0.7; color: white;}

/*NEW NEWSLETTER*/
#toplogin .loginform #block-left .new-newsletter .block-end-info{border-top:  1px #353534 solid;}
#toplogin .loginform #block-left .new-newsletter input{width: 100%; color:#ABABAB; background-color: white;}
#toplogin .loginform #block-left .new-newsletter button{width: 100%; background-color: #1D1D1D; color: white; height: 40px;}
#toplogin .loginform #block-left .new-newsletter .block-title{display: none;}

/*BLOCK RIGHT*/
#toplogin #block-right{/*float: right; width: 30%;*/position: absolute;right: 0;width: 180px;top: 30px;}
#toplogin #block-right-login{position: absolute;right: 146px;width: 180px;}
#toplogin #block-right-login a{text-decoration: none;}
#toplogin #block-right .row-login, #toplogin #block-right-login .row-login{height: 40px; display: table; background-color: #2E2E2D; border-bottom: 1px #262625 solid; border-left: 1px #262625 solid; width: 100%; cursor: pointer; text-transform: uppercase; padding-left: 5px; }
#toplogin #block-right .row-login span, #toplogin #block-right-login .row-login span{display: table-cell; vertical-align: middle; color: #fff;}
#toplogin #block-right .selected-row, #toplogin #block-right-login .selected-row{background-color: #eee;border-left: none;}
#toplogin #block-right .selected-row span, #toplogin #block-right-login .selected-row span{ color: #000; font-weight: 700; }
#toplogin #block-right .row-login:not(.selected-row):hover span, #toplogin #block-right-login .row-login:not(.selected-row):hover span { color: #ff0; }

/*USER LOGIN*/
#toplogin .user-login{top: 55px; position: absolute;right: 267px;display: none;}
#toplogin .myaccountbutton{cursor: pointer; line-height: 22px; padding: 0 10px;}
#toplogin .no-logged-user{line-height: 22px; padding-right: 40px;}
/* IPHONE */
  @supports (-webkit-overflow-scrolling: touch) {
    line-height: 18px;
  }
/* END IPHONE */


/* ============================================ *
 * Custom   MINICART HEADER
 * ============================================ */

#toplogin .header-minicart .block-subtitle{background-color: #ECECEC; color: black; text-transform: uppercase; text-align: right; padding-right: 5px; font-size: 12px; font-weight: bold;}
#toplogin .block-content.newsletter .actions { margin: 0; }
#cart-sidebar{background-color: #ffffff}
.minicart-title{border-bottom: 1px #E2E3E1 solid;}
.minicart-title a{ font-size: 12px; }
#toplogin .minicart-title a{color: #000000}
.minicart-info{overflow: hidden; width: 100%; color: #000000;}
.minicart-info > div{overflow: hidden; width: 40%; float: left;}
.minicart-info .minicart-extrainfo{text-align: right; padding-right: 5px; width: 60%; cursor: default; font-size: 12px;}
#toplogin .minicart-info .minicart-extrainfo span{color: black;}
#toplogin .minicart-info .minicart-extrainfo span.size-type { font-size: 12px; vertical-align: inherit; }
#toplogin .minicart-info .minicart-extrainfo > div{overflow: hidden;}
#toplogin .block-content .minicart-view{margin-top: 12px; width: auto; float: left; line-height: 30px; vertical-align: middle; border: 1px solid #000000; text-transform: uppercase; padding: 5px; background-color: #ffffff; font-size:12px; color:#000; }
#toplogin .block-content .minicart-subtotal{width: 60%; float: left; background-color: #ECECEC; padding: 5px; text-align: right;}
#toplogin .block-content a{color: #ffffff}
#toplogin .header-minicart .block-cart{background-color: #ECECEC; box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);}
#toplogin .block-content{ /*padding: 5px 0; margin: 0 5px; */ overflow: hidden; /*border-bottom: 1px #C6C6C6 solid;*/ color:#fff;}
#toplogin .new-newsletter .block .actions a.button { width: 100%; font-size: 16px; font-weight: 700;}
#toplogin .box-header .minicart-wrapper span{color: black;}
#toplogin .block-content .minicart-subtotal span{text-transform: inherit; font-weight: bold;}
#toplogin .minicart-info .minicart-extrainfo span.qty-extra-info{color: #808080; vertical-align: top;}
.minicart-wrapper .empty{color: #000000;}
.sprite_carrito{background: url(../images/sprite_carrito.png); width: 30px; height: 30px; float: left;}
.sprite_carrito.carrito { width: 30px; background: url(../images/buy.png) center left no-repeat !important; height: 28px; margin-right: 2px;}
.sprite_carrito.seguir-comprando{background:url(../images/left-1.png) no-repeat; width:30px; height:30px; }
.sprite_carrito.interrogant{background-position: -36px -2px; color: transparent; display:none; }
.sprite_carrito.money{background-position: -70px -2px;}
.sprite_carrito.promo{background:url(../images/CUPON-promocional-3.png) no-repeat; width:30px; height:30px; margin-right:5px; }
.sprite_carrito.shipping{background-position: -138px -2px;}
#toplogin .mini-products-list .product-image{float: none; margin:0 auto; }
#toplogin .mini-products-list .product-image img{margin: 0 auto;}
/*PREUS*/
#toplogin .price-info .price_A{/*font-size: 14px; font-weight: 400; */float: right; font-size: 12px;}
#toplogin .price-info .price_A_tachado{text-decoration: line-through;}
#toplogin .price-info .price_B{/*font-size: 16px; font-weight: 600;*/float: right; font-size: 12px;}

/* ============================================ *
 * Custom   CISTELLA
 * ============================================ */

.product-cart-info .block-left {width: 50%; /*height: 260px; float: left;*/ background-color: white; color:#000000; padding: 0px 10px 0px 0px; display: table-cell;}
.product-cart-info .block-left .cart-name { /*position:absolute;*/ top:0; left:0; width:100%; background-color:#FFF; padding:10px 10px 5px 10px; line-height:25px;font-weight:bold; z-index: 1;}
.product-cart-info .block-right {width:50%; vertical-align:middle; /*float: left;*/ background-color: white; color:#000000; padding: 0px 0px 30px 10px; display: table-cell;}
.product-cart-info .block-right.extended { padding-bottom: 60px;}
.product-cart-info .block-left a, .product-cart-info .block-right a { text-decoration: none;}
#shopping-cart-table table tbody tr{margin:0 15px;}
.product-cart-info .block-right .btn-update{  text-align: right; margin-top: 5px; width: 100px; height: 30px; background-color: white; color: #000000; padding: 0;}
.product-cart-info .block-right .btn-update:hover{background-color: white; opacity: 0.7;}
.product-cart-info .block-right{ position: relative;}
.product-cart-info .block-right .subtotal-price{text-align: right; padding:0px 0px 5px 10px; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; }
.product-cart-info .block-right .subtotal-price .subtotal-price-container { /*border-top: 2px #E6E7E8 solid;*/}
.product-cart-info .block-right .subtotal-price .subtotal-price-container .price-box-pv .discount { color: #FF0000; }
.product-cart-info .block-right .input-text.qty{width: 30px; height: 30px;background-color: #EEEEEE; color: #000000;}
.product-cart-info .block-right .block-right-top-buttons .present-options {float: left; border: 1px solid #C6C6C6; padding: 0 6px; text-transform: uppercase; color: #C6C6C6; cursor: pointer; display: none;}
.product-cart-info .block-right .block-right-top-buttons .edit-button {float: right; border: 1px solid #000000; padding: 0 6px; text-transform: uppercase; color: #C6C6C6; cursor: pointer;}
.product-cart-info .block-right .block-right-top-buttons .edit-button:hover {border: 1px solid #A4A5A7; }
.product-cart-info .big-container { /*max-width: 540px;*/ background-color: white; /*box-shadow: 3px 3px 4px #888888;*/ box-shadow: 0px 0px 2px #ADAFB1; width: 100%; position: relative; padding: 8px 10px 0 10px; /*margin: 0 auto;*/}
.product-cart-info .big-container .cart-name { /*min-height: 42px;*/ float:left; width:calc(100% - 98px); font-weight: bold; }
.product-cart-info .big-container .cart-block-container { display: table; width: 100%; }
.product-cart-info .big-container .product-presale { color: #000; font-weight: 600; clear: left; }
.product-cart-info .big-container .product-in-stock { color: #22B169; font-weight: 600; clear: left; }
.product-cart-info .big-container .product-out-stock { color: RED; font-weight: 600; clear: left; }
.product-cart-info .big-container .not-enouhgt-stock { color: ORANGE; font-weight: 600; clear: left; }
.product-cart-info .hide-border { position: absolute; width: 100%; height: 5px; left: 0; background-color: #FFFFFF;}
@media (max-width:1024px) {
    body .header-language-background .continue-link-box {display: none;}
    body .cart .checkout-form {width: 100%;}
    body.checkout-cart-index .main-container.col2-left-layout .container-forms { width:100%; clear:both; float:none; padding:0; border:0; }
    /*body #shopping-cart-table.cart-table tr, body #shopping-cart-table.data-table thead th {padding: 0;margin-bottom: 0;display: flex;} BUG1 */
}
#shopping-cart-table.cart-table { float: none; max-width: 540px; margin: 0 auto; }
#shopping-cart-table.cart-table tr,#shopping-cart-table.data-table thead th{ border:none; padding:0; }
#shopping-cart-table.data-table thead th {  }
#shopping-cart-table.data-table thead th h3 { width:200px; margin:0 auto; text-indent:30px; height:30px; margin-top:10px; line-height:30px; padding-left:8px; font-weight:bold; font-size:15px; color:#1d1d1b; text-transform:uppercase; background:url(../images/buy.png) center left no-repeat !important; }
.cart{background-color: #E6E7E8; color: #000000; padding-top:10px; } /* BUG1 */
.cart .cart-forms, .cart .cart-totals-wrapper{width: 97%; }
.cart .checkout-form { width: 50%; float: left; margin-bottom: 50px; }
.container-forms{margin-bottom: 30px; border-left: 2px #FFF solid; margin-left: 20px; overflow: hidden; float: right; width: 48%;}
.product-cart-info .cart-name a { width:100%; display:block; }
.product-cart-info .cart-name a, .product-cart-info .cart-name a:hover{ color:#1d1d1b; font-size: 12px; font-weight: bold; text-decoration: none; }
.product-cart-info .cart-name a:hover{opacity: 0.7;}
.product-cart-info .cart-img{display: table; margin: 0 auto; }
.product-cart-info .cart-img img{ width:220px; height:220px; }
.product-cart-info a.cart-delete { float:right; width:30px; height:30px; border:none; padding:0; margin:0; background:url(../images/close-petit-1-black.png) no-repeat; }
.product-cart-info a.cart-delete:hover { opacity:0.7; }
.container-forms > div{ /*border-bottom: 1px #C6C6C6 solid; */ width: 97%; margin:15px 0 0 0; padding: 10px 0; float: none; clear: none;}
.container-forms .title-forms{/*display:none;*/ text-transform: uppercase; font-weight: 600; font-size: 15px; margin-left: 10px; margin-bottom: 10px;}
.cart span.icon{background-position: -93px -2px;background-image: url(../images/icon_header.png);background-repeat: no-repeat; width: 16px; height: 19px; float: left; margin-right: 5px;}
.container-forms .subtotal{text-align: right;/*font-weight: bold;*/}
.container-forms .discount #coupon_code{background-color: white; color: #9C9B9B; text-align: center; font-size:12px; margin-left:40px; }
.container-forms .discount h1,.container-forms .cart-totals-wrapper .methods-payment{color: #1d1d1b; font-size: 15px; font-weight:normal; text-transform: none;line-height: 30px;}
.cart-totals-wrapper h1.methods-payment{margin-top: 30px; display:none; }
.cart-totals-wrapper .methods-payment-accepted { display:none; }
#discount-coupon-form .button-wrapper > button{border: 1px #000000 solid; background-color: #FFF; color: white; height: 30px; margin: 0 5px;}
#discount-coupon-form .button-wrapper > button span {color:#1d1d1b; font-weight:bold; font-size:16px; line-height:30px; padding-left:10px; padding-right:10px; }
#discount-coupon-form .button-wrapper > button span:hover{opacity: 0.7;}
.container-forms .discount .discount_promotion{color: brown; float: right; line-height: 30px; font-size: 16px;}
.checkout-cart-index .container-forms  div.cart-forms { display: none; }
.container-forms .cart-totals-wrapper{border: none; overflow:hidden; border-top: 1px #C6C6C6 solid; }
.container-forms .cart-totals-wrapper .left-block .confianza { /*temporal*/display:none;/**/ position:absolute; top:-80px; }
.container-forms button, .container-forms button:hover{background-color: #000000; color: white; margin-top: 10px;}
.container-forms button:hover{opacity: 0.7;}
.container-forms .method-checkout-cart-methods-multishipping a{display: none;}
.cart .button2.btn-continue span span:hover{color:#888888; opacity: 0.7;}
.cart .custom-links-compra li,
.one-step-checkout .custom-links-compra li{ margin-left: 30px; list-style-type:disc; }
.cart .custom-links-compra li a,
.one-step-checkout .custom-links-compra li a{color: #000000; text-decoration:none; font-size:14px; }
.cart .custom-links-compra li a:hover,
.one-step-checkout .custom-links-compra li a:hover{opacity: 0.7;}
.one-step-checkout .custom-links-compra h5{
    padding-left: 0;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
    font-size: 14px;
}
.cart .custom-links-compra .header-links-compra{padding-left: 0; color: black; text-transform: uppercase;font-weight: bold; line-height: 30px; font-size:14px;}
.cart .custom-links-compra{border: none; padding: 0; padding-top:30px; width:100%; }
.price-before-final > span{line-height: 30px; font-weight: bold;}
.methods-payment-accepted > img{float: left; margin-right: 10px;}
.product-cart-info .block-right-info { text-align:right; line-height:20px; font-size:12px; color:#1d1d1b; }

.cart .bottom button.btn-proceed-checkout { height:50px; padding:0 auto; }
.cart .bottom button.btn-proceed-checkout span { font-size:15px!important; font-weight:bold; color:#FFF;}

/*PREUS*/
.product-cart-info .block-right-info .price-info .price_A {font-size: 12px; font-weight: 400;}
.product-cart-info .block-right-info .price-info .price_A_tachado {text-decoration: line-through;}
.product-cart-info .block-right-info .price-info .price_B {font-size: 12px; font-weight: 600;}

/**============================================ *
* Custom   STRATEGERY INFINITE SCROLL
* ============================================ */
.ias-spinner,.ias-trigger, #aux-spinner{float: left;width: 100%;}
.col-main-menu .toolbar-bottom{ /*display: none; */}

/**============================================ *
* Custom   BUTTON TO TOP
*   Grid/Product View
* ============================================ */
#to-top{ width:50px; height:50px; position:fixed; right:20px; bottom:50px; z-index:2; display:none; }
#to-top > a{ text-decoration:none; }
#to-top #to-top-button{width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background-color: #EBE717;
    background-repeat: no-repeat;
    background-image: url(../../futbolmania/images/up-arrow.png);
    background-position: center center;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#to-top:hover #to-top-button{ opacity:1;background-color:#777777; }
#to-top #to-top-link{
    width: 50px;
    display: block;
    text-align: center;
    font: 11px/100% Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#to-top:hover #to-top-link{ color:#000000; }
.catalog-product-view #to-top{ z-index:999; }
/**============================================ *
* Custom   COMPARADOR
* ============================================ */
body.page-popup{padding: 0;}
.menu-categories{color: #000000; width: 265px; float: left; background-color: #FFF; font-family: 'Open Sans'; position: fixed; text-transform: uppercase; cursor: pointer; height: 100%; /*box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.35);*/ left: 0; z-index: 4;}
.menu-categories > div{}
.menu-categories .category-compare, .menu-categories .menu-categories-title{color: #1D1D1D; line-height: 15px; display: table; width: 100%; padding: 0 5px; height: 50px; border-bottom: 1px #C7C6C7 solid;}
.menu-categories .category-compare{font-size: 14px; font-weight: 600;}

.menu-categories .category-compare .icon-Botas,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Botas{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -2px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Botas,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Botas{background-position: -2px -36px}
.menu-categories .category-compare .icon-Multitacos,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Multitacos{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -2px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Multitacos,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Multitacos{background-position: -2px -36px}
.menu-categories .category-compare .icon-Infantil,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Infantil{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -2px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Infantil,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Infantil{background-position: -2px -36px}
.menu-categories .category-compare .icon-Zapatillas,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Zapatillas{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -36px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Zapatillas,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Zapatillas{background-position: -36px -36px}
.menu-categories .category-compare .icon-Balones,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Balones{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -70px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Balones,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Balones{background-position: -70px -36px}
.menu-categories .category-compare .icon-Guantes,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Guantes{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -104px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Guantes,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Guantes{background-position: -104px -36px}
.menu-categories .category-compare .icon-Espinilleras,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Espinilleras{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -142px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Espinilleras,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Espinilleras{background-position: -142px -36px}
.menu-categories .category-compare .icon-Camiseta_competicion,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Camiseta_competicion{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -176px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Camiseta_competicion,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Camiseta_competicion{background-position: -176px -36px}
.menu-categories .category-compare .icon-Short_competicion,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Short_competicion{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -210px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Short_competicion,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Short_competicion{background-position: -210px -36px}
.menu-categories .category-compare .icon-Medias_competicion,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-Medias_competicion{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -244px -2px; float: left; margin: 0 10px 0 10px;}
.menu-categories .category-compare:hover .icon-Medias_competicion,.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span.icon-Medias_competicion{background-position: -244px -36px}
.menu-categories .category-compare .icon-category-compare{width: 30px;}
.menu-categories .category-compare .icon-arrow,.catalog-product-compare-index .menu-categories .category-compare.selected .icon-arrow{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -278px -2px; float: right;}
.menu-categories .category-compare .icon-arrow {background-position: -278px -143px;}
.menu-categories .category-compare.selected .icon-arrow { background-position: -278px -2px;}
.menu-categories .category-compare:hover .icon-arrow{background-position: -278px -36px}
.catalog-product-compare-index .menu-categories .category-compare.selected{background-color: #3351c8; color: white;}
.menu-categories .category-compare:hover{color: #3351c8;}
.menu-categories .menu-categories-title{font-size: 20px; font-weight: bold; text-transform: capitalize; padding-left: 10px; text-transform: uppercase;}
.menu-categories .menu-categories-title div:first-child{ width: 44px;}
.menu-categories .menu-categories-title div:nth-child(2){ width: calc(100% - 44px);}
.menu-categories .menu-categories-icon{ width: 38px; height: 30px; background-position: -100px -2px; background-image: url(../images/sprite_header.png); float: left;}
.menu-categories .category-compare > div, .menu-categories .menu-categories-title > div{display: table-cell;  vertical-align: middle;}
.menu-categories .mCSB_inside>.mCSB_container{ margin-right:5px; }
.menu-categories .mCSB_scrollTools{ width:5px; }


.compare-table{overflow: hidden; margin-left: 265px; width: calc( 100% - 265px ); background-color: #EDEDED; padding-bottom: 20px;}
.compare-table .no-product{float: left; padding-left: 10px; width: 275px !important;}
.compare-table .data-table{float: left; width: calc(100% - 275px) !important;}
.compare-table .data-table .product-compare{float: left; /*margin-top: 40px;*/ border: none;}
.compare-table .data-table .product-compare .fixed-part .product-image{width: 100%;}
.compare-table .data-table .product-compare .fixed-part .upper-box-image{position: relative; box-shadow: 0px 0px 2px #ADAFB1; -webkit-box-shadow: 0px 0px 2px #ADAFB1; -moz-box-shadow: 0px 0px 2px #ADAFB1;}
.compare-table .data-table .product-compare .fixed-part .information-icons{width: 20px;position: absolute;top: 0px;right: 5px;}
.compare-table .data-table .product-compare .fixed-part .product-marca{position: absolute; top: 5px; left: 5px; color: #1d1d1d; width: 20px; height: 20px;}
.compare-table .data-table .product-compare .fixed-part .product-marca > img{width: 100%;}
.compare-table .data-table .product-compare .fixed-part .information-icons > img{width: 100%; height: 20px; margin: 5px 0; color: #1d1d1d; }
.data-table .add-cart,.data-table .wishlist{color: black; float: left; /*background-color: #fafafa;*/ background-color: #ededed;}
.compare-table .product-compare .product-image{ display: block; }
.compare-table .data-table .product-compare .price-info{color: black; /*background-color: #fafafa;*/ }
.compare-table .data-table .product-compare .price-info .base-price-sale{color: #1d1d1d; font-weight: bold; text-decoration: line-through; font-size: 14px; float: left;}
.compare-table .data-table .product-compare .price-info .base-price-sale-inner{color: #00CC00}
.compare-table .data-table .product-compare .price-info .base-price-partner{ float:left; }
.compare-table .data-table .product-compare .price-info .base-price{color: #00CC00; font-weight: bold; font-size: 14px; border: 0;}
.compare-table .data-table .product-compare .price-info .partner-price{color: #00CC00; font-weight: bold; text-align: right; font-size: 14px; float: right;}
.compare-table .data-table .product-compare .price-info .partner-price > span,.compare-table .data-table .product-compare .price-info .special-price > span{color: #1d1d1d; margin-right: 5px;}
.compare-table .data-table .product-compare .price-info .special-price{color: darkviolet; font-weight: bold; text-align: right; font-size: 14px; float: right;}
.compare-table .data-table .product-compare .fixed-part .price-info{/*width: 50%; height: 60px; padding: 5px;*/ background-color: #fff; padding: 0 5px;}
.compare-table .data-table .product-compare .fixed-part .prod-name{background-color: #fff; font-size: 14px; font-weight: 600; padding: 10px; height: 41px; line-height: 24px; overflow-y: hidden;}
.compare-table .data-table .product-compare .fixed-part .wishlist a,.data-table .product-compare .fixed-part .add-cart a{color: #000000}
.compare-table .data-table .product-compare .fixed-part .wishlist .wishlist-icon{background: url(../images/sprite-comparador.png); width: 20px; height: 20px; background-position: -104px -104px; /*margin: 15px 25%;*/ margin-right: 5px;}
.compare-table .data-table .product-compare .fixed-part .remove-item{ background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -63px -97px; display:block; margin: 0 auto;}
.compare-table .data-table .product-compare .fixed-part .btn-remove:after{content: '';}
.compare-table .data-table .product-compare .fixed-part .btn-remove:hover{opacity: 0.7; background-color: transparent;}
.data-table .product-compare .fixed-part .add-cart .buy-icon{ background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -64px -100px; display: block; }
.compare-table .data-table .product-compare .fixed-part{background-color: #ededed;  position: fixed; z-index: 4; padding: 0 10px; padding-top: 10px; /*box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.35);*/ min-height: 275px;}
.compare-table .data-table .product-compare .fixed-part .extra-information{ /*background-color: #f5f5f5;*/ background-color: #ededed; height: 40px; }
.compare-table .data-table .product-compare .product-selection,
.compare-table .no-product .attribute-label.product-selection,
.compare-table .data-table .product-compare .part-scroll .field-grid .row.product-selection,
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info.product-selection,
.compare-table .data-table .product-compare .part-scroll .field-grid.product-selection{background-color: rgba(51, 81, 200, 0.1);}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info.margin{ margin:5px 0; }
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info.margin-bottom{ margin-bottom:5px; }
.compare-table .data-table .product-compare .attribute-selected, .compare-table .data-table .product-compare .cell-selected{background-color: #3351c8 !important;}
.compare-table .data-table .product-compare .part-scroll{ box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.35);}
.compare-table .data-table .product-compare .part-scroll .free-delivery-personalitation li{color: black;}
.compare-table .not-display{display: none;}
.compare-table .upper-box-attributes{display: table; margin-bottom: 20px; width: 100%;}
.compare-table .box-attributes{background-color: #FAFAFA; margin:0 10px; margin-bottom: 20px; }
.compare-table .upper-box-attributes .attribute-label.no-icon{padding-left: 55px;}
.compare-table .upper-box-attributes .attribute-label .container-icon-label{display: table-cell; vertical-align: middle;}
.compare-table .upper-box-attributes .attribute-label .container-icon-label .icon-label{float: right; margin-right: 10px;}
.compare-table .upper-box-attributes .attribute-label .container-icon-label .icon-label.free-icon{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; background-position: -2px -70px;}
.compare-table .upper-box-attributes .attribute-label .container-icon-label .icon-label.free-customization{background: url(../images/sprite-comparador.png);width: 30px; height: 30px; background-position: -36px -70px;}
.compare-table .no-product .box-attributes{margin: 0; display: table-cell; width: 90%; background-color: #f2f2f2}
.compare-table .box-attributes-title{display: table-cell; vertical-align: middle; background-color: #FBFBFB; border: 1px #DADADA solid; font-size: 12px; font-weight: 600; color: #1D1D1D; line-height: 12px; min-width: 40px;}
.compare-table .box-attributes-title > div{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-transform: uppercase;
    max-width: 40px;
}
.compare-table .data-table .attribute-code, .compare-table .no-product .attribute-label{min-height: 50px; display: table;width: 100%; padding: 5px 15px; }
.compare-table .no-product .attribute-label > p{font-size: 12px; line-height: 12px; color: #1D1D1D; font-weight: normal; display: table-cell; vertical-align: middle; cursor: pointer;}
.compare-table .data-table .attribute-code > p,.compare-table .no-product .attribute-label.free-delivery > p,.compare-table .no-product .attribute-label.free-delivery > p{font-size: 12px; line-height: 15px; color: #1D1D1D; font-weight: normal; display: table-cell; vertical-align: middle; cursor: pointer;}
.compare-table .data-table .attribute-code > p a,.compare-table .data-table .attribute-code > p a:hover{color: #3D51C8;}
.compare-table .data-table .attribute-code.attribute-selected > p, .compare-table .data-table .attribute-code.attribute-selected > p a, .compare-table .data-table .attribute-code.attribute-selected > p span{color: white !important;}
.compare-table .no-product .fixed-part-no-product{ position: fixed; z-index: 4; background-color: #ededed; margin-top: 10px; box-shadow: 0px 0px 2px #ADAFB1; -webkit-box-shadow: 0px 0px 2px #ADAFB1; -moz-box-shadow: 0px 0px 2px #ADAFB1; width: 265px !important;}
.compare-table .no-product .fixed-part-no-product .title-image{margin-top:40px; height: calc( 100% - 40px ); /*box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.35);*/ max-height:275px; }
.compare-table .no-product .fixed-part-no-product .fixed-part-title > div{display: table-cell; vertical-align: middle;}
.compare-table .no-product .fixed-part-no-product .fixed-part-title .icon-category-compare > span{background: url(../images/sprite-comparador.png); width: 30px; height: 30px; float: left; margin: 0 10px 0 10px;}
.compare-table .no-product .fixed-part-no-product .fixed-part-title .name-category{font-size: 14px; color: #3351c8; font-weight: bold; text-transform: uppercase;}
.compare-table .no-product .fixed-part-no-product .fixed-part-title .num-category{font-size: 14px; color: #3351c8; font-weight: lighter;}
.compare-table .no-product .part-scroll{/*margin-right: 5px;*/ max-width:265px;}
.compare-table .no-product .fixed-part-no-product .title-image.Balones{background: url(../images/comparador/comparador-balones.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Espinilleras{ background: url(../images/comparador/comparador-espinilleras.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Guantes{background: url(../images/comparador/comparador-guantes.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Short_competicion{background: url(../images/comparador/comparador-short-competicion.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Medias_competicion{background: url(../images/comparador/comparador-medias.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Camiseta_competicion{background: url(../images/comparador/comparador-camiseta-competicion-front.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Camiseta_competicion:hover{background: url(../images/comparador/comparador-camiseta-competicion-back.png);}
.compare-table .no-product .fixed-part-no-product .title-image.Botas{background: url(../images/comparador/comparador-botas.png); background-repeat:no-repeat;}
.compare-table .no-product .fixed-part-no-product .title-image.Zapatillas{background: url(../images/comparador/comparador-zapatillas.png);}


.compare-table .data-table .product-compare .part-scroll .field-grid .value-grid{display: block; color: #000000; position: relative; top: 7px;}
.compare-table .data-table .product-compare .part-scroll .field-grid{padding-right: 5px; background-color: #f0f0f0; margin: 0 10px;}
.compare-table .data-table .product-compare .part-scroll .field-grid > div{padding-top: 40px; margin-top: 42px; box-shadow: 0px -1px 3px -2px rgba(0,0,0,0.35);}
.compare-table .data-table .product-compare .part-scroll .field-grid .row{height: 40px; background-color: #fbfbfb; margin-top: 5px; cursor: pointer;}
.compare-table .no-product .part-scroll .box-grid-menu{display: table; background-color: #f2f2f2;}
.compare-table .no-product .part-scroll .box-grid-menu > div{display: table-cell; vertical-align: top;}
.compare-table .no-product .part-scroll .box-grid-menu .field-icons{width: 10%; min-width: 50px;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info{width: 90%;-webkit-box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.35);-moz-box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.35);box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.35);}
.compare-table .no-product .part-scroll .box-grid-menu .field-icons > div{overflow:hidden; cursor: pointer; margin-bottom: 5px; background-color: #D6D6D6; -webkit-box-shadow: -1px 3px 3px -2px rgba(0, 0, 0, 0.35);-moz-box-shadow: -1px 3px 3px -2px rgba(0, 0, 0, 0.35);box-shadow: -1px 3px 3px -2px rgba(0, 0, 0, 0.35);}
.compare-table .no-product .part-scroll .Botas .box-grid-menu .field-icons > div:nth-child(3),
.compare-table .no-product .part-scroll .Botas .box-grid-menu .field-icons > div:nth-child(5),
.compare-table .no-product .part-scroll .Botas .box-grid-menu .field-icons > div:nth-child(7){display: none;}
.compare-table .no-product .part-scroll .box-grid-menu .field-icons > div > span{margin: 5px 10px; }
.compare-table .no-product .part-scroll .box-grid-menu .field-icons .block-selected{background-color: #F0F0F0; position: relative;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info.row-field-title{background-color: #f2f2f2; box-shadow: 0px -1px 3px -2px rgba(0,0,0,0.35);}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info.row-field-title > span{font-weight: 600;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info{font-size: 12px; font-weight: normal; line-height: 12px; color: #1D1D1D;height: 40px; width: 100%; display: table;background-color: #fbfbfb; padding-left: 5px;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-field-info > span{display: table-cell; vertical-align: middle;}
.compare-table .no-product .part-scroll .title-grid{font-size: 14px; font-weight: bold; color: #1d1d1d; text-transform: uppercase;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-block{display: table; width: 100%; padding-top: 5px; padding-left: 10px;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-block > div{display: table-cell;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-block .row-block-title{border: 1px #DADADA solid; vertical-align: middle;background-color: #fbfbfb;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-block .row-block-title .row-block-width{max-width: 40px; position: relative; top: 12px; text-transform: inherit;}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-block .row-block-title > div{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #1d1d1d;
}
.compare-table .no-product .part-scroll .box-grid-menu .field-info .row-block .row-block-info{width: 90%;}
.score-{background-position: 1111px 1111px;}


.manage-products #compare_next, .manage-products #compare_prev{background: url(../images/sprite_product_view.png) no-repeat transparent; width: 19px; height: 23px; position: absolute; top: 10px;z-index: 5; color: #1D1D1D;}
.manage-products #compare_next{ right:0px; background-position: -25px -51px;}
.manage-products #compare_prev{ left:2px; background-position: -2px -51px;}
.manage-products #compare_prev span{ position: absolute; left: 20px; text-transform: lowercase;}
.manage-products #compare_next span{ position: absolute; right: 20px; text-transform: lowercase;}
.manage-products{height: 40px; position: fixed; background-color: #ededed;z-index: 10; width:265px; }
.manage-products .next{float: right;}
.manage-products .prev{float: left;}

.compare-table .index > div{width: 100%;overflow: hidden; margin-left: 60px; background-color: #F6F6F6; border: 1px solid #DADADA }
.compare-table .index .item-index{width: calc(100%/7); float: left;}
.compare-table .index .item-index > div{margin-left: 25%;}
.compare-table .index .item-index > div > span{display: table-cell; color: black; vertical-align: middle;font-weight: normal; font-size: 12px; line-height: 12px;color: #1d1d1d;min-width: 25px;}


/**============================================ *
* Custom PRICE BOX
* ============================================ */

.price-info{color: black; /*background-color: #fafafa;*/ }
.price-info .price-box-pv { display: table; width: 100%; }
.price-info .base-price-sale{color: #1d1d1d; font-weight: bold; text-decoration: line-through; font-size: 12px;}
.price-info .base-price-sale-inner{color: #00CC00;}
.price-info .base-price{color: #00CC00; font-weight: 600; font-size: 12px; border: 0;}
.price-info .partner-price{color: #00CC00; font-weight: 600; text-align: right; }
.price-info .special-price{color: #FF0090; font-weight: bold; text-align: right; font-size: 12px;}
.compare-table .data-table .product-compare .price-info .special-price > span{color: #1d1d1d; margin-right: 5px;}
/**/
/**============================================ *
* Custom   End
* ============================================ */




.v-align {
    display: table-cell;
    vertical-align: middle;
}

/*PAYPAL*/
.paypal-express-review .page .main-container{padding: 0 4%; padding-top: 75px;}
.paypal-express-review, .paypal-express-review a{color:black;}


.product-cart-info .select-size-table {
    background-color: #C0C0C0;
    color: #000000;
    margin-bottom: 2px;
}

/* Dialog sizes table */

#shopping-cart-table.cart-table .size-table {
    width: 100%;
    max-width: 350px;
    border-collapse: separate;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    background-color:#C0C0C0;
}

#shopping-cart-table.cart-table .size-table thead, #shopping-cart-table.cart-table .size-table tbody, #shopping-cart-table.cart-table .size-table tr, #shopping-cart-table.cart-table .size-table td, #shopping-cart-table.cart-table .size-table th { display: block; }

#shopping-cart-table.cart-table .size-table tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

#shopping-cart-table.cart-table .size-table thead th {
    min-height: 30px;
    padding: 0;
    /*line-height: 30px;*/
    /*text-align: left;*/
}

#shopping-cart-table.cart-table .size-table tbody {
    max-height: 164px;
    overflow-y: auto;
    border: none;
    border-top: 2px solid #000000;
}

#shopping-cart-table.cart-table .size-table thead {
    /* fallback */
    width: 100%;
}

#shopping-cart-table.cart-table .size-table tbody td, #shopping-cart-table.cart-table .size-table thead th {
    float: left;
    text-align: center;
    padding: 0;
}

#shopping-cart-table.cart-table .size-table tbody td, #shopping-cart-table.cart-table .size-table thead th{
    width: 20%;
}

#shopping-cart-table.cart-table .size-table tbody td:nth-last-child(3), #shopping-cart-table.cart-table .size-table thead th:nth-last-child(3){
    width: 22%;
}

#shopping-cart-table.cart-table .size-table tbody td:nth-last-child(2), #shopping-cart-table.cart-table .size-table thead th:nth-last-child(2){
    width: 28%;
}

#shopping-cart-table.cart-table .size-table tbody td:nth-last-child(1), #shopping-cart-table.cart-table .size-table thead th:nth-last-child(1){
    width: 30%;
}

#shopping-cart-table.cart-table .size-table tbody td:last-child, thead th:last-child {
    border-right: none;
}

#shopping-cart-table.cart-table .size-table tbody tr{
    background-color: #C0C0C0;
    color: #000000;
    cursor: pointer;
    margin: 0 !important;
    padding: 0;
}

#shopping-cart-table.cart-table .size-table tbody tr:hover,
#shopping-cart-table.cart-table .size-table tbody tr.selected{
    background-color: #3D51C8;
    color: #FFFFFF;
    font-weight: bold;
}

#shopping-cart-table.cart-table .size-table tbody tr.not-selectable{
    opacity: 0.4;
}

#shopping-cart-table.cart-table .size-table thead tr{
    cursor: default;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #C0C0C0;
    color: #000000;
    padding: 0;
}

#shopping-cart-table.cart-table .size-table .mCSB_inside>.mCSB_container {
    margin: 0;
}
#shopping-cart-table.cart-table .size-table .mCSB_scrollTools .mCSB_draggerContainer {
    left: 10px;
}

.cart .show-crosssell-carousel-container { position: relative;/*background-color: rgba(242, 242, 242, 0.95); min-width: 980px; margin: 0 auto; padding: 0 30px; margin-top: 50px; padding-bottom: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); margin-bottom: 50px; */}
.cart .show-crosssell-carousel-container .box-titol{display:none; overflow: hidden; /*background-color: rgba(0,0,0,0.6);*/ margin-bottom: 40px; color: #000000; text-align:center; text-transform:uppercase; }
.cart .show-crosssell-carousel-container .box-titol > div{overflow: hidden; /*width: 980px;*/ margin: 0 auto; padding: 0 20px;}
.cart .show-crosssell-carousel-container .box-titol div span{font-size: 15px; font-weight: 600; }

.cart .show-crosssell-carousel-container img { width: 100%; height: auto; }
.cart .show-crosssell-carousel-container #text-main5{color: #000000;  max-width: 980px; margin: 0 auto; /*min-width: 980px;*/ margin-bottom: 70px; position: relative; padding: 0 20px;}
.cart .show-crosssell-carousel-container #text-main5 h1{font-weight: normal;font-size: 14px; text-transform: uppercase;color: #000000;margin-top: 20px; margin-bottom: 10px;}
.cart .show-crosssell-carousel-container #text-main5 img{max-width:  100%; margin: 0 auto}
.cart .show-crosssell-carousel-container #text-main5 #crosssell_next, .cart .show-crosssell-carousel-container #text-main5 #crosssell_prev{background: url(../images/sprite_product_view.png) no-repeat transparent; width: 19px; height: 23px; position: absolute; top: 50%;z-index: 5; }
.cart .show-crosssell-carousel-container #text-main5 #crosssell_next{ right: 0px; background-position: -25px -51px;}
.cart .show-crosssell-carousel-container #text-main5 #crosssell_prev { left: 0px; background-position: -2px -51px;}
.cart .show-crosssell-carousel-container #text-main5 #crosssell_next span, .cart .show-crosssell-carousel-container #text-main5 #crosssell_prev span { display: none;}
.cart .show-crosssell-carousel-container #text-main5 div .block-content { padding: 0 20px; }
.cart .show-crosssell-carousel-container #text-main5 div .block-content .caroufredsel_wrapper { z-index: 3 !important; }

.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item { float: left; margin: 0 0 10px 9px; border-left: 5px transparent solid; border-right: 5px transparent solid; margin-bottom: 10px;}

.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .product-marca { position: absolute; width: 20px; left: 5px; top: 5px; color: black; z-index: 1; display: block; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .img-top-icons { position: absolute; width: 20px; right: 5px; top: 5px; border: none; z-index: 1; display: block; height: auto; margin: 0 5px; color: #000000; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell > li:nth-child(odd) { clear: none; }

.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-normal{ position:absolute; top:0; width: 100%; box-shadow: 0px 0px 2px #ADAFB1; -webkit-box-shadow: 0px 0px 2px #ADAFB1; -moz-box-shadow: 0px 0px 2px #ADAFB1; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-normal .show-info{ position:relative; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item:hover .wrapper-img .upper-box-normal { visibility: hidden; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-normal .show-info .img-bot-icons{ min-height:20px; display: table; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-normal .show-info .img-bot-icons .img-bot-prices{ display:table-cell; float:right; vertical-align:middle; text-align:right; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-normal .show-info .img-bot-icons .img-bot-name{ display:table-cell; float:left; width:auto; vertical-align:middle; text-align:left; width: calc( 100% - 5em );}
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-normal .show-info .img-bot-icons .img-bot-name .name-nohover{ text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden; width:100%; }

.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover{ visibility: hidden; width:100%; background-color:white; box-shadow: 0px 0px 2px #ADAFB1; -webkit-box-shadow: 0px 0px 2px #ADAFB1; -moz-box-shadow: 0px 0px 2px #ADAFB1; z-index:3;  }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item:hover .wrapper-img .upper-box-hover { visibility: visible; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .product-image-hover img{ width:100%; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .product-image-hover img.hover-img-simple-grid{ display:none; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .show-info-hover .img-bot-icons{ display: table; min-height:40px; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .show-info-hover .img-bot-prices .price-hover .price-info .price-box-pv p:first-child{ float: left; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .show-info-hover .img-bot-name{ height: auto; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .show-info-hover .img-bot-name .name-hover{ text-align:left; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons{ height:50px; background-color:#ffffff; display:table; width:100%; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons > div{ display:table-cell; vertical-align:middle; width:33.3%; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons div .wishlist-icon2 { width: 30px; height: 30px; background: url(../images/sprite.png) -2px -363px no-repeat transparent;  display: block;  margin: 0 auto; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons div .compare-icon2 { width: 30px; height: 30px; background: url(../images/sprite.png) -35px -363px no-repeat transparent; display: block; margin: 0 auto; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons div .product-icon2 { width: 30px; height: 30px; background: url(../images/sprite.png) -70px -363px no-repeat transparent; display: block; margin: 0 auto; }
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons div .wishlist-icon2:hover,
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons div .compare-icon2:hover,
.cart .show-crosssell-carousel-container #text-main5 ul#block-crosssell li.item .wrapper-img .upper-box-hover .grid-icons div .product-icon2:hover{ opacity:0.7; }

.cart .show-crosssell-carousel-container div div .block-content ul li .img-bot-name { color: #4e4e4e; font-weight: 600; color: #9e9d9c; }
.cart .show-crosssell-carousel-container div div .block-content ul li .img-bot-name span { color: #4e4e4e; }
.cart .show-crosssell-carousel-container div div .block-content ul li .img-bot-prices .price-info .special-price,
.cart .show-crosssell-carousel-container div div .block-content ul li .img-bot-prices .price-info .base-price-sale-inner,
.cart .show-crosssell-carousel-container div div .block-content ul li .img-bot-prices .price-info .base-price,
.cart .show-crosssell-carousel-container div div .block-content ul li .img-bot-prices .price-info .base-price-sale { font-size: 12px; font-weight: 600; font-family: 'Open Sans'; }


/* SOLO ELEMENTOS VISIBLES EN VERSION RESPONSIVA */

#resp-check { display:none; width:0; height:0; position:absolute; left:-5000px; }

/* left nav responsive search */
#header-search2 { width: 100%; height: 40px; background-color: #000000; display: none; }
#header-search2 .input-box { width: 100%; height: 26px; padding: 0; display: table; background-color: #FFFFFF; border-radius: 4px; } /* punto 11.3 Sharen */
#header-search2 .input-box::placeholder{ /* PUNTO 11.1 SHAREN */	color: #a0a0a0;	font-size: 17px !important;	font-weight: 400; }
/*#header-search2 .input-box a.user_account_link { display:inline-block; width:60px; height:60px; float:left; }
#header-search2 .input-box a.user_account_link span { display:block; width:23px; height:23px; margin:18px; vertical-align:middle; background:url(../images/icon_header.png) -25px -134px no-repeat; }*/
#header-search2 .search_r_wrapper { display: table-cell; vertical-align: middle; background-color:#fff; border-radius:14px;}
#header-search2 .input-box .search_r_icon { display:inline-block; width:23px; height:23px; margin:18px 14px; vertical-align:middle; float:left; background:url(../images/icon_header.png) -2px -109px no-repeat; }
#header-search2 .input-box .search_r_icon:focus{ outline:none; border:none; }
#search, #search_r { padding:0px 10px; width: 100%; font-size:15px; color: #000000; font-family: 'Open Sans', sans-serif; border-radius:inherit; text-transform:none; font-weight: 700; }
#search::-webkit-input-placeholder, #search_r::-webkit-input-placeholder {color: #C6C6C6;font-weight: 300;font-size: 14px;} /* WebKit, Blink, Edge */
#search:-moz-placeholder, #search_r:-moz-placeholder{color: #C6C6C6;opacity: 1;font-weight: 300;font-size: 14px;} /* Mozilla Firefox 4 to 18 */
#search::-moz-placeholder, #search_r::-moz-placeholder{color: #C6C6C6;opacity: 1;font-weight: 300;font-size: 14px;} /* Mozilla Firefox 19+ */
#search:-ms-input-placeholder, #search_r:-ms-input-placeholder{color: #C6C6C6;font-weight: 300;font-size: 14px;}  /* Internet Explorer 10-11 */
#search:focus::-webkit-input-placeholder, #search_r:focus::-webkit-input-placeholder {transition: opacity 0.01s 0.01s ease; opacity: 0;font-weight: 300;} /* WebKit, Blink, Edge */
#search:focus:-moz-placeholder, #search_r:focus:-moz-placeholder{transition: opacity 0.01s 0.01s ease; opacity: 0;font-weight: 300;} /* Mozilla Firefox 4 to 18 */
#search:focus::-moz-placeholder, #search_r:focus::-moz-placeholder{transition: opacity 0.01s 0.01s ease; opacity: 0;font-weight: 300;} /* Mozilla Firefox 19+ */
#search:focus:-ms-input-placeholder, #search_r:focus:-ms-input-placeholder{transition: opacity 0.01s 0.01s ease; opacity: 0;font-weight: 300;}  /* Internet Explorer 10-11 */
#search_r.not-empty,#search_r:focus{ font-style:normal; }
#search_mini_form_responsive button.hidden-submit { border:0 none; height:0; width:0; padding:0; margin:0; overflow:hidden; float:left; }

.info-icon { background: url(../images/sprite.png) -2px -230px no-repeat transparent; width: 13px; height: 13px; }
.tabLink { height: 22px;}



/* JL */
/*.amshopby-page-container{top: inherit !important;}*/

@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: swap;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; font-display: swap;}
.not-found-page h1, .not-found-page h2, .not-found-page h3,  .not-found-page h4, .not-found-page h5, .not-found-page h6{font-family: 'Open Sans', sans-seriff;font-weight: 700;text-transform: uppercase;}
.not-found-page{margin: 0 auto;text-align: center;padding: 10vh 0 15vh;}
.not-found-page h3{color: #EAE226;font-size: 34px;}
.not-found-page h1{font-size: 150px;color: #000000 !important;margin-bottom: 10px !important;position: relative !important;top: -15px !important;}
.not-found-page .opening{font-size: 35px !important;font-family: 'Open Sans', sans-seriff !important;font-style: normal !important;color: #000000 !important;font-weight: 400;margin-bottom: 30px;}
.not-found-page a{font-family: 'Open Sans', sans-seriff !important;color: #EAE226 !important;font-style: normal !important;font-size: 30px !important;text-decoration: none !important;}
.not-found-page a:hover{color: #ead400 !important;}
label.checkbox_label[for="is_subscribed"], label.checkbox_label.regullary, label.checkbox_label.occasionally, label.checkbox_label[for^="accept_terms"]{
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans';
    margin-right: 10px;
    text-transform: none;
}

#login-form-block li.error-msg ul li{
    padding: 7px 10px 7px 20px !important;
}
#login-form-block li.error-msg ul li p#error-msg{
    font-size: 14px;
    font-weight: 600;
}
#login-form-block li.error-msg ul li p#error-msg::first-letter{
    text-transform: capitalize;
}
#login-form-block input.error{
    border: 1px solid #FF0000 !important;
}
.info-content-wrapper .page-title h1{
    border-bottom: 1px #808080 solid;
    font-weight: bold;
}
.info-content-wrapper h1, .info-content-wrapper h2, .info-content-wrapper h3,
.info-content-wrapper h4, .info-content-wrapper h5, .info-content-wrapper h6 {
    color: #000000;
}
.info-content-wrapper{
    padding: 30px 4% 35px;
}
.info-content-wrapper p, .info-content-wrapper a{
    font-size: 15px;
    color: #000000;
}
.info-content-wrapper a{
    font-weight: bold;
    text-decoration: none;
}

.info-content-wrapper a:hover{
    color: #7d7d7d;
}

.header-container-checkout .store-language-container > div{
    background-color: #FFFFFF !important;
    z-index: 1000;
    height: 41px !important;
    -webkit-box-shadow: 0px 3px 19px 4px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 3px 19px 4px rgba(0,0,0,0.38);
    box-shadow: 0px 3px 19px 4px rgba(0,0,0,0.38);
}

.header-container-checkout #toplogin .loginform{
    right: 0px;
}
.header-container-checkout #toplogin > div{
    border: none;
}
.header-container-checkout .logo img{
    width: auto;
    height: auto;
}

.header-container-checkout a.logo {
    padding: 0;
}

.header-container-checkout #toplogin {
    /*margin-top: calc((41px - 19px) / 2) !important;*/
    margin-top: 0 !important;
}

.header-container-checkout #toplogin  .login_icon{
    vertical-align: inherit !important;
}
.header-container-checkout #toplogin #block-right, .header-container-checkout #toplogin #block-left{
    top: 7px;
}
.onestepcheckout-index-index .main-container, .checkout-cart-index .main-container{
    padding-top: 41px;
    padding-left: 0;
}
.checkout-cart-index .btn-continue{
    padding-top: 15px;
}
.checkout-cart-index .btn-continue.button2 { padding: 5px 5px 0 0; }
#onestepcheckout-privacy-popup, #onestepcheckout-toc-popup{
    height: 80vh !important;
    width: 720px !important;
    max-width: 80%;
}
.onestepcheckout-popup-wrapper2, #onestepcheckout-toc-popup, #onestepcheckout-privacy-popup{
    height: 100%;
    width: 100%;
}
#onestepcheckout-toc-popup h1, #onestepcheckout-privacy-popup h1{
    background-color: inherit !important;
}
a.secondary-logo{
    height: 100%;
}

img.secondary-logo{
    position: relative;
    top: calc(50% - 18px);
    padding: 0;
}
.header-container-checkout #toplogin .myaccountbutton span {
    color: #ADACAC !important;
}
.header-container-checkout #toplogin .login_icon {
    /*background-position: -25px 0 !important;*/
    background-position: -2px -2px !important;
    position: relative;
    top: 5px;
    vertical-align: inherit !important;
}
.header-container-checkout #block-right-login {
    top: 41px !important;
    right: 0 !important;
}
.header-container-checkout span.closetab{
    display: none;
}
#shopping-cart-table tr.first th {
    text-align: left;
}
.product-cart-info .block-right .block-right-top-buttons > div:not(.clearfix){
    float: right;
    padding: 0 6px;
    text-transform: uppercase;
    color: #000000;
    cursor: pointer;
    margin-left: 5px;
    /*width: 53px;*/
}
.product-cart-info .block-right .block-right-top-buttons > div:hover:not(.clearfix){
    color: #A4A5A7;
}
div.cart-delete a{
    color: #000000;
}
div.cart-delete a:hover{
    color: #A4A5A7;
}
td.product-cart-info .cart-name a { font-size: 15px !important; line-height:22px; }
td.product-cart-info .cart-name a span { color:#9d9d9c; font-weight:normal; }
td.product-cart-info .block-right-top-buttons { /*position:absolute; right:10px; top:10px;*/float:right; }
td.product-cart-info .block-right-top-buttons, td.product-cart-info .block-right-top-buttons div:not(.cart-delete) a { font-size: 12px; z-index: 1; }
td.product-cart-info .block-right-top-buttons .edit-button { font-family: 'Open Sans', sans-serif !important; float:right; font-weight:600; font-size:12px; border:1px solid; padding:5px 10px; margin-right:5px; text-transform:inherit; color: #1d1d1b; }
td.product-cart-info .block-right-top-buttons .edit-button:hover { opacity:0.7; }

.container-forms > div{
    border-bottom-width: 1px;
}
.container-forms{
    border-left-width: 1px;
    width: 50%;
    margin-left: 0;
    padding-left: 20px;
    padding-top: 10px;
}
.product-cart-info .block-right-info .price-info .price_B {
    /*font-size: 14px !important;*/
    font-weight: 400;
}

.onestepcheckout-index-index .main-container,
.checkout-cart-index .main-container {
    padding: 0 20px;
    background-color: #E6E7E8;
}

.cart-totals-wrapper > div{
    /*float: left;*/
    width: 100%;
    position:relative;
}
.cart-totals-wrapper > div .help { margin-top:20px; font-family:'Open Sans', sans-serif !important; visibility: hidden; }
.cart-totals-wrapper > div .help span { margin-bottom:15px; font-size:15px; color:#1d1d1b; display:block; }
.cart-totals-wrapper > div .help li { font-size:15px; color:#3D51C8; }

.cart-table .product-cart-info{
    padding: 15px 0;
    width: 100%;
}
p.correos-msg {
    display: none;
}
div.edit-button {
    font-size: 12px !important;
}
.subtotal-price-container span {
    font-weight: 600;
}
p.subtotal {
    font-weight: bold;
    text-align: right;
    max-width: 540px;
    margin: 0 auto 15px;
}

.checkout-cart-index .cart-totals p.subtotal { margin:inherit; max-width:inherit; }

p.subtotal span{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    font-size: 16px;
}
p.subtotal span.label { font-weight:normal; font-size:15px; color:#1d1d1b; }
dl.sp-methods span.price {
    font-family: 'Open Sans', sans-serif;
}
sp-methods:hover label, input[type=radio]{
    cursor: pointer;
}
#checkout-review-table td,
#checkout-review-table td span{
    font-family: 'Open Sans', sans-serif;
}
/*#checkout-review-table td#shipping,
#checkout-review-table td[id^=subtotal-products]{
    font-size: 16px !important;
    font-weight: 600 !important;
}*/
body.checkout-cart-index .methods-payment{
    margin: 10px 0;
}
.header-language-background.simple .header-language-container {
    /*z-index: 9999;*//*solapa backdrop*/
    z-index: 95;
    box-shadow: 0px 0px 2px #ADAFB1;
}
.header-language-background.simple #toplogin > *{
    display: none !important;
}
.header-language-background.simple #toplogin > div.no-logged-user, .header-language-background.simple #toplogin .myaccountbutton.box-header{
    display: table-cell !important;
}
.header-language-background.simple a.logo img{
    height: 52px;
    padding: 15px;
}
.header-language-background.simple .store-language-container .header-style .box-hidden-menu{
    width: 100%;
    display: table;
}
.header-language-background.simple + div {
    padding-top: 55px;
}
.header-language-background.simple div#block-left{
    right: 180px !important;
}
.header-language-background.simple div#block-right, .header-language-background.simple #block-right-login {
    right: 0 !important;
}
.header-language-background.simple .closetab{
    right: 25px !important;
}
#menu-backdrop{
    z-index: 89;
}
body.checkout-cart-index div.container-forms .price-before-final{
    /*display:none;*/
    padding: 5px 10px;
}
body .main-container  form#WebToCaseForm #enquiry_chosen .chosen-results li.disabled-result{
    display: none;
}
@media screen and (min-width: 1650px){
    .checkout-cart-index .main-container{
        padding: 0 10%;
    }
}


/* SUCCESS PAGE */
.checkout-onepage-success .col-main-menu{ background-color:#E6E7E8; overflow:hidden; }
.checkout-onepage-success .info-content-wrapper .header-container{ display:table; width:100%; }
.checkout-onepage-success .info-content-wrapper .header-container .header-box-left p.alert-msg-fm {
	margin-bottom: 20px;
    border: 1px solid #dcdcdc;
    width: 100%;
    padding: 15px 10px 15px 15px;
    border-left: 5px solid #ebe717;
    border-radius: 4px;
    color: #000;
    font-size:14px;
    background-color: #ffffff;
}
	
.checkout-onepage-success .info-content-wrapper .header-container .header-box-left p.alert-msg-fm b.title {
	text-transform: none;
    color: #000;
    font-size: 21px;
    padding: 0px;
}
.checkout-onepage-success .info-content-wrapper .header-container .header-box-left,
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right{ display:table-cell; width:50%; }
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right{ text-align:right; }
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right .text-print{ /*color:#3d50c8; text-decoration:underline;*/ float:right; font-weight:bold; font-size:15px; text-decoration:none; cursor:pointer; }
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right .text-print:hover,
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right .text-print:active,
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right .text-print:focus{ color:#000000; opacity:0.7; }
.checkout-onepage-success .info-content-wrapper .header-container .header-box-right .print-image{ background:url(../images/sprite.png) -2px -465px; display:block; width:30px; height:30px; float:right; margin-right:10px;  }
.checkout-onepage-success .info-content-wrapper .header-container h2{color:#000000; font-size:14px; font-weight:bold; line-height:16px; margin-bottom:20px; border-bottom:inherit; text-transform:inherit; }
.checkout-onepage-success .info-content-wrapper .header-container h2.order-details{ margin-bottom:10px; }
.checkout-onepage-success .info-content-wrapper .header-container .page-title h1{ color:#000000; font-size:20px; font-weight:bold; line-height:20px; text-transform:uppercase; margin-bottom:10px; border-bottom:inherit;}
.checkout-onepage-success .info-content-wrapper .order-info-container {
	background-color: #ffffff;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 20px 40px;
    border-radius: 4px;
}
.checkout-onepage-success .info-content-wrapper .header-container .header-box-left p.alert-msg-fm.alert-msg-fm-success{
    border-left: 5px solid #13ae2f;
}

.checkout-onepage-success .info-content-wrapper .header-container .header-box-left p.alert-msg-fm.alert-msg-fm-error{
    border-left: 5px solid RED;
}

.onestepcheckout-index-index #year .mCustomScrollbar.for-scroll, .onestepcheckout-index-index #day .mCustomScrollbar.for-scroll{
    overflow: auto;
    max-height: 254px;
}

@media (max-width: 1024px){
	.checkout-onepage-success .info-content-wrapper .header-container .header-box-right {
		text-align: right;
		display: none;
	}
	.checkout-onepage-success .info-content-wrapper .header-container .header-box-left {
		display: block;
		width: 70%;
	}
	.checkout-onepage-success .info-content-wrapper .order-info-container {
		background-color: #ffffff;
		border: 1px solid #dcdcdc;
		overflow: hidden;
		padding: 15px 20px;
		border-radius: 4px;
	}	
}

@media (max-width: 767px){
	.checkout-onepage-success .info-content-wrapper .header-container .header-box-left {
		display: block;
		width: 100%;
	}
	.info-content-wrapper {
		padding: 30px 2% 35px;
	}
	.checkout-onepage-success .info-content-wrapper .header-container .header-box-left p.alert-msg-fm {
		padding: 10px 10px 15px 15px;
	}
	body.is-responsive.checkout-onepage-success .info-content-wrapper .order-info-container {
		padding: 5px 10px;
	}
}
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box{ display:table; margin-top:10px; margin-bottom:0; border-bottom:inherit; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .col-1{ width:60%; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .col-2{ width:40%; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .col-1,
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .col-2{ display:table-cell; padding:0; padding-bottom:20px; float:inherit; vertical-align:top; border-bottom:1px #898989 solid; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .box .box-item{ overflow:hidden; width:100%; display:table; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .box .box-item .box-title{ width:150px; display:table-cell; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .box .box-item .box-title h2{ text-transform: inherit; font-size:14px; font-family:'Open Sans', sans-serif; font-weight:bold; line-height:1.5; }
.checkout-onepage-success .info-content-wrapper .order-info-container .col2-set.order-info-box .box .box-item .box-content{ font-size:14px; float:left; font-family:'Open Sans', sans-serif; display:table-cell; width:calc( 100% - 150px); }
.checkout-onepage-success .info-content-wrapper .order-info-container table.orders{ margin-top:5px; width:100%; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.orders thead th{ border-bottom:1px #898989 solid; font-weight:bold; text-align:left; padding:5px; text-transform:none; width:15%; font-size:13px; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.orders tbody td{ text-align:left; padding:5px; height:30px; vertical-align:middle; border-bottom:1px #898989 solid; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.orders tbody td.product-quantity{ text-align:center; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.orders tbody td.product-total{ text-align:right; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.prices{margin-top: 30px; float: right;}
.checkout-onepage-success .info-content-wrapper .order-info-container table.prices tbody{ margin-top:30px; font-size:13px; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.prices tbody td{ padding:5px; }
.checkout-onepage-success .info-content-wrapper .order-info-container table.prices tbody tr.grand_total{ font-weight:bold; border-top: 1px #898989 solid;}
.checkout-onepage-success .info-content-wrapper .order-info-container table.prices tbody td.price{ text-align:right; }
.checkout-onepage-success .info-content-wrapper .buttons-set{ border:inherit; float:right; }
.checkout-onepage-success .info-content-wrapper .text-info p{ font-weight:bold; padding-bottom:10px; }
.checkout-onepage-success .info-content-wrapper .text-info p:first-child{ padding-top:5px; }

/*Banner MF all pages*/
.banner-fm-all{
    display: block;
	visibility: hidden;
    min-height: 38px;
    overflow: hidden;
    position: relative;
    background-color: #F6F6F6;
    z-index: 7;
    width: 100%;
}
.banner-fm-all > a{
    text-decoration: inherit;
    color: initial;
}
.banner-fm-all .background{
    display: none;
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}
.banner-fm-all .background img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    z-index: 0;
}
.banner-fm-all .content{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 2%;
    color: #000;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 700;
    height: 100%;
    min-height: 40px;
    /* background-color: #555; Black friday */
	 /* background-color: #f20000; 	  Rebajas */
	 background-color: #ebe919;	  /*  Ofertas */
	 /* background-color: #ebe919;	    black24 */
	/*background-color: #cccccc;	    nuevo Ofertas */ 
	/* background-color: #35FF00;	  BF */ 	
	/* background-color: #d00000;	 rojo Navidad */
	/* background-color: #4c865b;	  verde Navidad */
    color: #fff;
    padding: 10px 5px;
    text-transform: uppercase;
	letter-spacing: 2;
}
.banner-fm-all .content h3{
    display: none;
}

.banner-fm-all .content span.arrow{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    margin-left: 5px;
    top: 13px;
    border-radius: 50% 50%;
    background: url(../images/sprite-header.svg) -333px -21px #CCC;
    background-size: 510px;
    color: #000;
}

.banner-fm-all .content a:hover span.arrow {
    background-color: #FF0081;
}

.banner-fm-all .content span.arrow.black {
    background-color: #000;
    background-position: -333px -5px;
}

.banner-fm-all .content a:hover span.arrow.black {
    background-color: #999;
}

/* bug 1 */
body .skip-content span span { text-transform: none; }

/* New login */
.font-11,
.login-container-inner .validation-advice {
    font-size: 11px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-13 {
    font-size: 13px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-15 {
    font-size: 15px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-bold {
    font-weight: bold !important;
}
.font-normal {
    font-weight: normal !important;
}
.font-open-sans {
    font-family: "Open Sans", sans-serif;
}
.margin-0 {
    margin: 0 !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.border-none {
    border: none !important;
}
.border-black-1 {
    border: 1px solid #000000 !important;
}
.border-red-1 {
    border: 1px solid #FF0000FF !important;
}
.border-red-2 {
    border: 2px solid #FF0000FF !important;
}
.color-white {
    color: #ffffff !important;
}
.color-black {
    color: #000000 !important;
}
.color-red {
    color: #FF0000FF !important;
}
.color-808080 {
    color: #808080 !important;
}
.background-color-BBBBBB {
    background: #BBBBBB !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.font-400 {
    font-weight: 400 !important;
}
.opacity-1 {
    opacity: 1 !important;
}

#login_icon,
#login_icon_general {
    background-position: -5px -6px;
    background-image: url(../images/sprite-header.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-size: 172px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px
}
.loginbutton {
    background-image: url(../images/sprite-header.svg);
    background-size: 530px;
    height: 36px;
    width: 23px;
    margin-left: 10px;
    margin-right: 10px;
}
#login_icon_wholsale {
    background-position: -88px -102px;
    background-image: url(../images/sprite-header.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-size: 172px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px
}

#login_icon_wholsale:hover,
#login_icon_wholsale:active
{
    background-position: -115.5px -102px;
}

.customer-account #login_icon_wholsale {
    background-position: -115px -102px;
}
.login-sidebar-login.login-sidebar-sections-active .loginbutton,
.login-sidebar-login:hover .loginbutton {
    background-position: -16px -423px;
}
.login-sidebar-login .loginbutton,
.login-sidebar-login:not(.login-sidebar-sections-active):active .loginbutton {
    background-position: -16px -390px;
}
.login-sidebar-create.login-sidebar-sections-active .loginbutton,
.login-sidebar-create:hover .loginbutton {
    background-position: -57px -422px;
}
.login-sidebar-create .loginbutton,
.login-sidebar-create:not(.login-sidebar-sections-active):active .loginbutton {
    background-position: -58px -390px;
}
.login-sidebar-socio.login-sidebar-sections-active .loginbutton,
.login-sidebar-socio:hover .loginbutton {
    background-position: -100px -422px;
}
.login-sidebar-guest-orders .loginbutton,
.login-sidebar-guest-orders:not(.login-sidebar-sections-active):active .loginbutton {
    background-position: -100px -455px;
}
.login-sidebar-guest-orders .loginbutton,
.login-sidebar-guest-orders:not(.login-sidebar-sections-active):active .loginbutton {
    background-position: -100px -455px;
}
.login-sidebar-newsletter.login-sidebar-sections-active .loginbutton,
.login-sidebar-newsletter:hover .loginbutton {
    background-position: -143px -423px;
}
.login-sidebar-newsletter .loginbutton,
.login-sidebar-newsletter:not(.login-sidebar-sections-active):active .loginbutton {
    background-position: -143px -390px;
}
.login-sidebar-icon-login {
    background-position: -16px -423px;
}
.login-sidebar-icon-create {
    background-position: -58px -423px;
}
.login-sidebar-icon-socio {
    background-position: -100px -422px;
}
.login-sidebar-icon-newsletter {
    background-position: -143px -422px;
}
#login_icon:hover,
#login_icon_general:hover,
.customer-account-create #login_icon,
.customer-account-login #login_icon,
.customer-account-changeforgotten #login_icon,
.customer-account-logoutsuccess  #login_icon{
    background-position: -5px -30px;
}

.login-sidebar {
    min-width: 268px;
    background: #ffffff;
    box-shadow: 5px 0 10px 0 #808080;
    z-index: 1;
}

.login-sidebar a:hover{
    color: #FFF;
    background-color: #000;
}

.login-sidebar a:hover .right-arrow-black{
    border-color: #FFF;
}

.login-sidebar a:active{
    color: #000;
    background-color: #FFF;
}

.login-sidebar a:active .right-arrow-black{
    border-color: #000;
}

.customer-account-login .main-container,
.customer-account-changeforgotten .main-container {
    padding: 0 !important;
    background: #dddddd !important;
}

.customer-account-login .main-container .col-main-menu,
.customer-account-changeforgotten .main-container .col-main-menu,
.customer-account-create .main-container .col-main-menu,
.customer-account-member .main-container .col-main-menu,
.customer-account-guestorders .main-container .col-main-menu,
.sales-guest-order-view.customer-account .col-main-menu
 {
    display: flex;
}

body:not(.is-responsive).sales-guest-order-view .login-sidebar{
    max-width: 268px;
}

.login-container-inner-heading {
    text-transform: none !important;
    margin-bottom: 30px !important;
}
.login-container-inner-paragraph {
    margin-bottom: 10px !important;
}
.login-sidebar-sections {
    display: flex;
    height: 50px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #EDEDED;
    text-decoration: none;
    color: #000;
}
.login-container-outer {
    padding: 45px 50px;
    max-width: 460px;
}
/*.login-container-inner input {
    display: grid;
    justify-items: left;
    height: 30px;
}*/
.login-sidebar-login {
    border-top: 1px solid #808080;
}
.login-sidebar-sections-active {
    color: #ffffff !important;
    background: #000000 !important;
}
.login-container-inner form {
    width: 340px;
}
.login-container-inner .form-list {
    margin-top: 30px;
}
.login-container-inner .login-container-outer-input {
    width: 100% !important;
}
.login-sidebar-newsletter {
    border-bottom: 1px solid #808080;
}
.width-220 {
    width: 220px !important;
}
.login-container-inner-ul {
    margin-top: 30px;
}
.login-sidebar-right-arrow {
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    right: 12px;
}
.right-arrow-white {
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
}
.right-arrow-black {
    border: solid #000000;
    border-width: 0 1px 1px 0;
}
.login-container-inner-ul #email:hover,
.login-container-inner-ul #pass:hover,
#confirmation:hover,
#password:hover {
    border: 1px solid #000;
}
.login-container-inner-ul #email:focus,
.login-container-inner-ul #pass:focus,
#confirmation:focus,
#password:focus {
    border: 2px solid #000;
}
.login-container-inner-password-show input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.login-container-inner-password-show-label {
    position: relative;
    cursor: pointer;
    font-weight: normal;
}
.login-container-inner-password-show input[type="checkbox"] + label:before {
    content: ' ';
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    border: 1px solid #000;
}
.login-container-inner-password-show input[type="checkbox"] + label.show-password-check:before {
    background-image: url(../images/sprite-header.svg);
    background-size: 550px;
    background-position: -294px -470px;
}
.login-container-inner-password-show input[type="checkbox"] + label.show-password-uncheck:before {
    background-image: unset !important;
}
.login-container-inner-password-show input[type="checkbox"]:checked + label:before {
    background-image: url(../images/sprite-header.svg);
    background-repeat: no-repeat;
    background-size: 550px;
    background-position: -294px -470px;
}
/*.login-container-inner-password-show input[type="checkbox"]:checked + label {
    border: 1px solid #000000;
}*/
.login-container-inner-password-show .login-container-outer-input {
    display: flex;
    align-items: center;
}
.login-container-inner-password-show label {
    margin:0 10px;
    cursor:pointer;
}
.login-container-inner-password-show span:hover {
}
.login-send-button {
    width: 100%;
    height: 50px;
    border: none !important;
    opacity: 1 !important;
}
.login-send-button:hover {
    background-color: #ffea19 !important;
}
.login-send-button:active {
    background: #ffea19 !important;
    border: 1px solid #dddddd !important;
    box-shadow: none !important;
}
.login-send-button-enabled {
    background: #FFFA01 !important;
    box-shadow: 0 2px 2px 0 #99999980;
}
.login-send-button-disabled {
    background: #D2CE95 !important;
    box-shadow: none !important;
    opacity: 100% !important;
}
.login-container-inner #send2:active,
.customer-account-changeforgotten .forgot-button-submit:active {
    background: #ffea19 !important;
    border: 1px solid #dddddd;
    box-shadow: none;
    opacity: unset;
}
#email:after, #password:after, #confirmation:after {
    content: ' ';
    background-image: url(../images/sprite-header.svg);
    background-repeat: no-repeat;
    background-size: 550px;
    background-position: -295px -470px;
    width: 20px;
}
.login-container-inner-email-clear,
.login-container-inner-fullname-clear{
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    cursor: pointer;
    background-image: url(../images/sprite-header.svg);
    background-size: 450px;
    background-position: -225px -387px;
    display: none;
}
.login-container-inner-email-clear:hover,
.login-container-inner-fullname-clear:hover{
    background-color: #ccc !important;
    width: 10px;
    height: 10px;
    background-position: -225px -387px;
}
.login-container-inner-email-clear:active {
    background-color: #808080;
}
.login-container-inner-email-clear::after {
    content: "borrar contenido";
    display: none;
    background: #efefef;
    width: 96px;
    font-size: 11px;
    box-shadow: -1px 1px 3px 0 #9b9b9b;
    padding: 3px 5px;
    border-radius: 3px;
    position: absolute;
    left: -72px;
    top: 16px;
}
.login-container-inner-email-clear:hover::after {
    display: block;
}
.position-relative {
    position: relative;
}
.display-flex {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.display-grid {
    display: grid;
}
.align-items-center {
    align-items: center;
}
.background-color-transparent {
    background-color: transparent !important;
}
.customer-account-changeforgotten .buttons-set {
    padding-top: 20px;
}
.customer-account-changeforgotten .forgot-button-submit {
    width: 100%;
    height: 50px;
    border: none;
    background: #FFFA01 !important;
    box-shadow:0 2px 2px 0 #99999980;
    opacity: 1 !important;
}

.customer-account-changeforgotten .forgot-button-submit:not(:disabled):hover{
    background: #FFEA19 !important;
}

.customer-account-changeforgotten .forgot-button-submit span span{
    color: #000 !important;
}

.customer-account-changeforgotten .forgot-button-submit:disabled{
    opacity: 1 !important;
    background: #D2CE95 !important;
    box-shadow: none !important;
    color:#808080;
}

.button.button.forgot-button-submit.login-custom-send-button-disabled span span{
    color: #080808 !important
}

.customer-account-changeforgotten em{
    display: inline !important;
    font-weight: 300;
}

.incorrect_password{
    margin-top: 5px;
    font-size: 12px;
    color: #FB0000;
}

.invalid-password-email {
    margin: 10px 0;
    display: block !important;
}
.customer-account #login_icon_general {
    background-position: -5px -30px !important;
}
.reset-password-green-check,
.reset-email-green-check {
    background-position: -279px -387px;
    cursor: not-allowed;
}
.success-msg-reset-password {
    width: 340px;
    height: 120px;
    display: grid;
    align-content: center;
    justify-content: center;
    justify-items: center;
    margin: -10px 0 30px;
}
.success-msg-icon {
    background-image: url(../images/sprite-header.svg);
    background-size: 530px;
    background-position: -266px -393px;
    height: 30px;
    width: 30px;
}
.clear-button-red {
    background-position: -297px -387px;
}

/* pop-up */
#box-forgotpassword .mCustomScrollbar {
    width: 400px;
}
#box-forgotpassword .mCSB_13_scrollbar_vertical {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.login-custom-forgot-password {
    width: 120px !important;
}
.customer-account-login #forgot-password-box {
    display: grid;
    justify-items: end;
}
.forgot-password-message-popup {
    display: none;
    position: fixed;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.forgot-password-message-popup-overlay {
    min-height: 140px;
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 0 8px rgb(0 0 0 / 60%);
    color: #000;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.forgot-password-message-popup-overlay .close-container {
    position: absolute;
    right: 20px;
    top: 12px;
    cursor: pointer;
    z-index: 1;
}
.forgot-password-message-popup-overlay .close-container .close {
    width: 25px;
    height: 25px;
    position: relative;
    top: initial;
    right: initial;
    background: url(../images/aspa-cerrar-pop-up.svg);
    z-index: 1;
    margin: 0;
}
.forgot-password-message-popup-overlay-title span {
    padding: 9px 54px 9px 15px;
    font-weight: bold;
    font-size: 16px !important;
    display: block;
}


.forgot-password-message-popup-overlay-text-error {
    background-image: url(../images/sprite-header.svg);
    background-position: -397px -400px;
    background-size: 530px;
    height: 36px;
    width: 22px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
}


#box-forgotpassword .form-list {
    padding-left: 0 !important;
    margin-top: 20px !important;
}
#box-forgotpassword ul.form-list li { width: 100%; }
#box-forgotpassword ul.form-list #email_address { min-width: 100% !important; }
#box-forgotpassword #mCSB_13_scrollbar_vertical {
    display: none;
}
.close-forgot-password-box {
    background-image: url(../images/sprite-header.svg);
    background-position: -397px -390px;
    background-size: 530px;
    height: 36px;
    width: 22px;
}
/* End pop-up */
.login-container-inner-forgot-password a {
    color:#0067C4;
    text-decoration: none;
}
.login-container-inner-forgot-password a:hover {
    text-decoration: underline;
}
.read-only {
    /*pointer-events: none;*/
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}
/* SOCIO PAGE */
.bg-E6E7E8 {
    background-color: #E6E7E8;
}
.bg-E6E7E8 {
    background-color: #E6E7E8;
}
.width-half {
    width: 50%;
}
.font-600 {
    font-weight: 600 !important;
}
.margin-top-25 {
    margin-top: 25px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.display-none {
    display: none !important;
}
.display-inline-flex {
    display: inline-flex !important;
}
.text-decoration-hover-underline {
    text-decoration: none !important;
}
.text-decoration-hover-underline:hover{
    text-decoration: underline !important;
}
.text-decoration-hover-underline:active {
    text-decoration: none !important;
}
.color-0F69C2 {
    color: #0F69C2 !important;
}
.cursor-pointer {
    cursor: pointer;
}
.background-E5E6E7 {
    background-color: #E5E6E7 !important;
}
.background-BDBDBD {
    background-color: #BDBDBD !important;
}

.background--BFBFBF {
    background-color: #BFBFBF !important;
}

.color-C3C3C3  {
    color: #C3C3C3 !important;
}
.color-bdbdbd {
    color: #bdbdbd !important;
}

.color-808080,
.color-808080 p {
    color: #808080 !important;
}

.appearance-none {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none;
}

.socio-title {
    font-weight: bold;
    font-size: 20px;
}
.socio-heading {
    font-size: 15px;
    font-weight: normal;
}
.socio-container {
    padding: 10px 40px !important;
    width: 100%;
    position: relative;
}
.socio-inner {
    width: 360px;
}
.socio-inner-inner {
    width: 100%;
    border-radius: 5px
}
.socio-line {
    border-bottom: 1px solid #000;
    margin: 20px 0;
}

.socio-arrow {
    position: absolute;
    /* background: red; */
    width: 25px;
    height: 25px;
    display: block;
    top: 0;
    right: 3px;
    text-align: center;
    border-radius: 25px;
}

.socio-arrow:hover{
    background-color: #CCC;
}

.socio-inner-header-arrow {
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 7px;
    top: 4px;
    border: solid #000000;
    border-width: 0 1px 1px 0;
}
.arrow-up {
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(225deg) !important;
    top: 10px;
}
.socio-inner-no-soy,
.socio-inner-soy {
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.socio-inner-inner-CCCCCC {
    background-color: #CCCCCC;
    padding: 20px;
    margin-top: 30px;
    height: auto;
}
.socio-inner-no-soy-div {
    background: #fff;
    padding: 20px 15px;
    border-radius: 5px;
}
.socio-inner-soy-form-1 {
    border-radius: 5px;
    background: #fff;
    padding: 10px;
}
.socio-inner-soy-form-2,
.socio-inner-soy-form-3{
    padding: 10px 20px;
    margin-top: 15px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.socio-inner-soy h2,
.socio-inner-no-soy h2{
    text-transform: none !important;
}

.no-soy-icon-greencheck {
    display: inline-flex;
}
.no-soy-icon-greencheck .loginbutton {
    background-position: -323px -451px;
    width: 20px !important;
    height: 20px !important;
    display: block;
    margin-top: 2px !important;
    margin-left: 0 !important;
}
.no-soy-icon-greencheck a {
    text-decoration: none;
}
.no-soy-icon-greencheck a span {
    color: #0067C4;
}
.no-soy-button {
    background: #FFFB00;
    border: #FFFB00;
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    height: 50px;
    text-decoration: none;
    color: #000;
}

.socio-inner-soy-form-title {
    border-bottom: 0.2px solid #6363632e;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.soy-form-text-custom {
    padding: 10px;
    background-color: #f2f3f5 !important;
    color: #2c2525;
}
.socio-outer-soy-title {
    /*padding: 10px 20px;*/
    /*margin-top: 20px;*/
    /*background: #fff;*/
    /*border-radius: 5px;*/
}
.socio-yellow-icons {
    background-image: url(../images/sprite_header_user.png);
    margin-right: 7px;
    width: 25px;
}
.yellow-icon-discount {
    background-position-x: 120px;
    background-position-y: -3px;
    width: 33px;
}
.yellow-icon-five {
    background-position-x: 288px;
    background-position-y: -8px;
    width: 18px;
}
.yellow-icon-zero {
    background-position-x: 254px;
    background-position-y: -8px;
}
.yellow-icon-check {
    background-position-x: 220px;
    background-position-y: -6px;
    width: 26px;
}
.socio-checkbox-label {
    margin: 0 10px;
    cursor: pointer !important;
    border: 2px solid transparent !important;
}
.socio-checkbox-label:before {
    content: ' ' !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    background: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
}
.socio-form-number-input input[type="checkbox"]:checked + label {
    /*border: 2px solid #000000;*/
}
.socio-form-number-input input[type="checkbox"]:checked + label:before,
.socio-form-email-input input[type="checkbox"]:checked + label:before {
    background-image: url(../images/sprite-header.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 550px !important;
    /*background-position: -294px -470px !important;*/
    
}


/*.option-form-section-left-column input[type="checkbox"]:hover + label::before{
    border: 2px solid #000 !important;
    background-position: -295px -471px !important;
}*/



.option-form-section-left-column > input[type="checkbox"]:hover + label::before,
.login-container-outer-input > input[type="checkbox"]:hover + label::before,
.login-container-inner-password-show input[type="checkbox"] + label:hover:before,
.login-container-outer-input.hover > label:before{
    border: 2px solid #000 !important;
    background-position: -295px -471px !important;
}

.option-form-section-left-column input[type="checkbox"]:active + label::before,
.login-container-outer-input input[type="checkbox"]:active + label::before,
.password-field.active input[type="checkbox"] + label::before,
.login-container-inner-password-show input[type="checkbox"]:active + label:before,
.login-container-inner-password-show input[type="checkbox"] + label:active:before,
.login-container-outer-input.active > label:before
{
    border: 2px solid silver !important;
    background-position: -295px -471px !important;
}

.socio-checkbox-label:before,
.login-container-outer-input label:before
{
    background-position: -294px -470px !important;
}

.cancel_item-check > input[type="checkbox"]:hover + label::before{
    border: 2px solid #000 !important;
    cursor: pointer;
}

.cancel_item-check.active > label:before{
    border: 2px solid #000 !important;
    cursor: pointer;
}

.cancel_item-check:not(disabled) label:hover,
.cancel_item-check:not(disabled) input:hover
{
    cursor: pointer;
}

.cancel_item-check{
    width: 190px;
    max-width: 190px;
}

.customer-account .main-container input[type="checkbox"] + label.checked1::before{
    background-color: #000;
}

.customer-account .main-container .return_section input[type="checkbox"] + label:not(.checked1):hover{
    font-weight: 600;
}

.customer-account .main-container .return_section input[type="checkbox"]:not(:checked) + label:hover:before{
    background-color: #000;
}

/*.customer-account .main-container input[type="checkbox"]:checked + label.checked2::before{
    background-color: #FFF;
    background: url(../images/sprite-checkbox.png) 50% no-repeat;
    letter-spacing: 5px;
    background-color: #FFFFFF;
    border: 1px solid #c0c0c0;
}*/

.return_section{
    position: relative;
}

.tooltiptext.return_options{
    width: 208px;
    background-color: white;
    color: #000;
    text-align: left;
    border-radius: 0;
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    top: 100%;
    left: 42%;
    margin-left: -81px;
    margin-top: 3px;
    border: 1px solid #000;
}

.tooltiptext.return_options:not(.saved_obs):after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 6%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid black;
    content: '';
    position: absolute;
    bottom: 100%;
    left: 5%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid black;
}


.tooltiptext.return_options:not(.saved_obs):before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 6%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    z-index: 1;
    margin-bottom: -1px;
    content: '';
    position: absolute;
    bottom: 100%;
    left: 5%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid white;
    z-index: 1;
    margin-bottom: -1px;
}

.tooltiptext.return_options.black_arrow:before{
    border-bottom: 16px solid #000;
}


.return_options .tooltip_select_option {
    padding: 10px 20px;
    border-bottom: 1px solid #000;
    cursor: pointer;
    border-bottom: 1px solid #000;
    cursor: pointer;
    line-height: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 16px;
    justify-content: space-between;
}

.return_options .tooltip_select_option:hover{
    background-color: #000;
    color:#FFF;
}

.return_options .tooltip_select_option:hover:after{
    filter: brightness(0) invert(1); /* Cambia el negro a blanco */
}

.return_options .tooltip_select_option:nth-last-child(1){
    border-bottom: none;
}

.devo_option2:after, .devo_option3:after {
    content: ' ';
    background-image: url(../images/editar.svg);
    background-size: 28px;
    height: 26px;
    width: 26px;
    background-position: 0px 0px;
    top: 0;
    content: '';
    background-repeat: no-repeat;
    float: right;
    text-align: right;
}

.devo_option3:after {
    background-image: url(../images/enviar.svg);
}

.return_section .tooltiptext.return_options.saved_obs .return-option2-section{
    background-color: #EEE;
    color: #999;
}

.return_section .tooltiptext.return_options.saved_obs{
    background-color: #EEE;
    color: #999;
    overflow: hidden;
}

/*.socio-checkbox-label:hover:before{
    border: 2px solid #000 !important;
    background-position: -295px -471px !important;
}

.socio-checkbox-label:active:before{
    border: 2px solid silver !important;
    background-position: -295px -471px !important;
}*/


.display-flex-start {
    display: flex;
    justify-content: flex-start;
}
#socio_card_id,
#socio_card_email {
    width: 230px;
    border: 1px solid #BBBBBB;
}




.soy-container button,
button.yellow-button {
    height: 50px;
    width: 100%;
    background-color: #FFFA01;
    border: 1px solid #FFFA01;
    margin: 0 auto;
    box-shadow: 0 2px 2px 0 #99999980;
}

.soy-container button:hover,
button.yellow-button:hover {
    background-color: #FFEA19;
}

.soy-container button:active,
button.yellow-button:active {
    background-color: #FFEA19;
    border: 1px solid #DDDDDD;
    box-shadow: none;
}

.soy-container button:disabled,
button.yellow-button:disabled {
    background-color: #D2CE95;
    border: 1px solid #D2CE95;
    box-shadow: none;
}

.soy-container button span,
button.yellow-button span {
    color: #000;
}
.soy-container button:disabled span,
button.yellow-button:disabled span {
    color: #808080;
}

button.yellow-button span span{
    color: #080808 !important;
    font-weight: bold !important;
    font-size: 15px;
}

button.yellow-button:disabled{
    background: #D2CE95 !important;
    box-shadow: none !important;
    opacity: 100% !important;
} 

button.yellow-button:disabled:hover {
    background-color: #ffea19 !important;
    cursor: not-allowed;
}


#box-member .mCustomScrollbar {
    width: 430px;
}
.member-box-container {
    padding: 20px 40px;
}
.member-box-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.button-member-box {
    background-color: #ffe800;
    cursor: pointer;
    padding: 10px 20px;
    display: grid;
    align-content: center;
    justify-items: center;
}
.button-member-box-black {
    background-color: #000;
    color: #FFF;
    cursor: pointer;
    padding: 10px 20px;
    display: grid;
    align-content: center;
    justify-items: center;
}

.button-member-box-black:disabled{
    background-color: GREY;
}

.soy-form-messages {
    /*height: 130px;*/
    border: 1px solid #000;
    margin: 20px 0 15px;
    justify-items: center;
    padding: 10px;
}
.soy-form-messages-icon-success span {
    display: inline-block;
    width: 50px;
    height: 40px;
    background-image: url(../images/sprite-header.svg);
    background-repeat: no-repeat;
    background-size: 750px;
    background-position: -312px -557px;
}
.soy-form-messages-icon-error,
.soy-form-messages-icon-success {
    margin-top: 0px;
    text-align: center;
}
.soy-form-messages-icon-error span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/sprite-header.svg);
    background-repeat: no-repeat;
    background-size: 750px;
    background-position: -442px -562px;
}

.soy-form-messages-text-secondary{
    margin-top: 5px;
    text-align: center;
}

.soy-form-messages-text-error,
.soy-form-messages-text-success,
.soy-form-messages-text-warning {
    padding: 0 20px 15px;
}


.soy-form-login .soy-form-messages-icon-success span,
.soy-form-messages-icon-ok-check span {
    background-position: -373px -557px;
}

.soy-form-login .soy-form-messages-icon-warning span {
    background-position: -500px -557px;
}

.soy-form-messages-icon-success.soy-form-messages-icon-warning span{
    width: 36px;
}



.soy-form-messages-text-success p{
    margin-bottom: 10px;
}

.soy-form-messages-text-success-title {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.soy-form-messages-text-success-email{
    font-weight: bold;
    font-size: 16px;
}

.soy-form-messages-text p{
    text-align: center;
}

.soy-form-messages.highlight {
    background-color: #ff000026;
    transition: background-color 1s ease;
}

.soy-form-messages.no-highlight {
    background-color: transparent;
    transition: background-color 1s ease;
}

.domino-button {
    position: relative;
    overflow: hidden;
}

.domino-button:active,
.domino-button:focus,
.domino-button:hover {
    opacity: 1 !important;
}

span.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 900ms linear;
    background-color: rgba(255, 255, 255, 0.7);
}

@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

@media (max-width: 767px){
    .flex-row{
        display: flex;
        flex-direction: row;
    }

    .soy-form-messages{
        padding: 10px 5px;
    }

    .soy-form-messages-text{
        display: flex;
        flex-direction: column;
        flex: 4;
    }

    
    .soy-form-messages-text-secondary{
        display: flex;
        flex-direction: row;
        text-align: left;
    }
    

    .soy-form-messages-icon-success,
    .soy-form-messages-icon-error{
        margin: auto;
        padding: 0px;
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        flex: 1;
        align-items: center;
    }

    p.soy-form-messages-text-success,
    p.soy-form-messages-text-error,
    p.soy-form-messages-text-warning{
        margin-top: 0px;
        
    }

    .soy-form-messages-icon-success, .soy-form-messages-icon-error{
        margin-top: 0px;
    }

    .soy-form-messages-icon-error{
        margin-right: 5px;
    }
    
    .soy-form-messages-text-success p,
    .soy-form-messages-text-error p,
    .soy-form-messages-text-warning p{
        margin-top: 5px;
    }

    

    .soy-form-messages-text-success-title{
        text-align: left;
    }

    .soy-form-messages-text-error, .soy-form-messages-text-success, .soy-form-messages-text-warning{
        padding: 0 1px 10px;
    }

    .soy-form-messages-text-secondary .soy-form-messages-text{
        align-items: center;
        justify-content: center;
    }

    .soy-form-messages-text-secondary p{
        width: 100%;
        text-align: left;
    }

    .soy-form-messages-text p{
        text-align: left;
    }
}

.soy-form-info-text{
    margin-bottom: 15px;
}

.soy-form-info-text ul{
    list-style: disc;
    padding-left: 20px;
}

.soy-form-info-text > p {
    margin: 5px 0;
    color: #000;
}

.soy-form-info-text > a {
    cursor: pointer;
}

.soy-form-info-text ul li{
    margin-bottom: 10px;
}

.back-card-box-container {
    padding: 40px 0px;
}
#box-back-card .dialog {
    width: 400px;
}
#box-back-card img {
    width: 230px;
    margin: auto;
}
#box-back-card .dialog-content {
    padding: 0;
}
.recaptchaContainer {
    margin-top: 10px;
    transform: scale(0.76);
    transform-origin: 0 0;
}
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
.socio-form-number-text-inner-2,
.socio-form-number-text-inner,
.be-member-text-section{
    max-width: 90%;
}

.socio-form-number-text-inner{
    display: inline;
}

.socio-form-number-text label, .socio-form-email-text label {
    padding-top: 6px;
}

#g_recaptcha1,
#g_recaptcha2{
    transform:scale(0.90);
    transform-origin:0 0;
}

#g_recaptcha{
    clear: both;
}

.option-form-section{
    display: flex !important;
    flex-direction: row;
    /*flex-wrap: wrap;*/
}

.option-form-section-left-column{
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 500px !important;
    flex-basis: 10%;
}
.option-form-section-right-column{
    display: flex;
    flex-direction: column;
    flex: 2;
    flex-basis: 95%;
}

#socio_card_id,
#socio_card_email{
    margin-bottom: 10px;
}

.p_list{
    padding-left: 10px;
}

.account-create label{
    display: inline-block !important;
    text-align: left !important;
}

.account-create .input-box{
    /*padding-left: 0px !important;
    display: inline-block !important;
    width: 100% !important;*/
}

.account-create input[type=text],
.account-create input[type=password]
{
    display: inline-block;
    width: 100% !important;
    min-width: 100% !important;
}

span.title-birthday.required{
    display: inline-block;
    clear: both;
    width: 100% !important;
    float: none;
    text-align: left !important;
}

#dob-custom-validation{
    display: block;
    clear: both;
}

#dob-custom-validation { color: #df280a; font-size: 13px; width: 100%; font-weight: bold; }

.select-container#day{
    margin-left: 0px !important;
}

body:not(.is-responsive).customer-account-edit .select-container#day {
    margin-left: 70px !important;
}

.customer-account-create li .for-scroll{
    background-color: #FFF !important;
    border: 1px solid #E5E5E5;
    border-top: 0px;
}

.customer-account-create li .for-scroll tr{
    line-height: 20px;
    border-bottom: 1px solid #E5E5E5;
}

.customer-account-create li .for-scroll tr:hover{
    background-color: #E5E5E5;
}

.customer-account-create li .for-scroll tr:active{
    background-color: #CCC;
}

.customer-account-create li .checkbox_label{
    padding-left: 0px !important;
}

.customer-account-create .account-create #register-form-validate{
    padding-left: 0px !important;
}

.customer-account-create .RGPD_preview{
    padding-top: 15px;
    padding-bottom: 10px;
}

p.rgpd_title {
    font-size: 13px;
    margin-bottom: 5px !important;
}

button#button-register{
    width: 100% !important;
    height: 50px;
    width: 100%;
    border: transparent;
    margin: 0 auto;
    color: #000;
}

button#button-register span span{
    color: #000 !important;
}

#button-register{
    background-color: #FFFA01 !important;
    opacity: 1;
}

#button-register:hover{
    background-color: #FFEA19 !important;
}

#button-register:active{
    background-color: #FFEA19 !important;
    box-shadow: none !important;
    border:1px solid #DDD;
}

#button-register:disabled{
    background-color: #D2CE95 !important;
    opacity: 1;
}

#button-register:disabled  span span{
    color:#808080 !important;
}

.customer-account-create li.better-know{
    padding-left: 0 !important;
}

.customer-account-create li.better-know .know{
    width: 100% !important;
}

.account-create .login-required{
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 10px !important;    
}

.box-birthday label.required.font-15.font-open-sans.font-bold{
    width: 100%;
}
.box-birthday span{
    margin-bottom: 10px;
}

.account-create label{
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 15px;
    min-width: auto !important;
}

span.font-11.font-normal.color-808080.font-400 {
    width: 100%;
    display: block;
}

.account-create label.required em, 
.account-create span.required em{
    display: inline;
    color: red;
    
}

.account-create .member_description{
    font-size: 14px;
    font-weight: bold;
}

.mini_href{
    font-size: 11px;
    color:#0066C0;
    font-weight: 400;
    text-decoration: none;
}

.mini_href:hover{
    text-decoration: underline;
}

.normal_href{
    font-size: 12px;
    color:#0066C0;
    cursor: pointer;
}

.normal_href:hover{
    text-decoration: underline;
}

.customer-account-create .account-create #register-form-validate .col-1-set .form-list > li label{
    margin: 5px 0px !important;
}

.get-membership-inner-form{
    display: flex;
    max-width: 340px;
}

.socio-yes-check_add_cart_to_cart_text em,
.socio-yes-check_accept_conditions_text em
{
    color: red;
    margin-right: 2px;
}

.customer-account-create .account-create #register-form-validate .col-1-set .form-list > li label.required{
    max-width: 100% !important;
}

#checkbox-validation,
#recaptcha-validation{
    color: #df280a;
    font-size: 13px;
    width: 100%;
    font-weight: bold;
    display: block;
    clear: both;
}

.register-checkbox-validation:before{
    background-color: #EAC5C5 !important;
}

.account-create .RGPD_preview{
    padding: 0px;
    color: #808080;
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.disabled-field{
    background-color: #BDBDBD !important;
    color: #000 !important;
}

.customer-account-create .account-create #register-password-form-validate .col-1-set .form-list > li .input-box{  }

/*Pagina de socios de mi cuenta*/

.members .page-title h1{
    text-transform: none !important;
    font-size: 20px !important;
}

.my-account-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.my-account-column{
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    flex: 1;
}

.members .socio-inner-inner-CCCCCC{
    margin-top: 0px;
    max-width: 360px;
    height: auto;
}

.color-BFBFBF{
    background-color: #FFF;
}

.members .card_image_container{
    background-color: #FFF;
    padding: 20px;
    text-align: center;
    max-width: 360px;
    border-radius: 10px;
}

.my-account-column .soy-form-messages{
    max-width: 360px;
}

.members .card_title{
    text-align: center;
}

.ean13_image_container{
    margin: 5px auto;
    width: 90%;
}

.baja_socios_container{
    margin-top: 15px;
}

.btn_baja_socios,.btn_delete_member_card{
    cursor: pointer;
    text-decoration: underline !important;
    color: #000 !important;
}



/*Custom alert*/
.custom_alert .dialog{
    width: 450px !important;
    height: initial;
    min-height: initial;
    background-color: #EEEEEE !important;
}

.custom_alert .dialog .dialog-content{
    padding: 10px !important;
    float: none;
    display: table;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
}

.custom_alert .dialog .dialog-body{
    background-color: #FFF;
    margin: 0 -10px;
    padding: 10px;
    text-align: center;
    padding-bottom: 10px;
}

.dialog-body-text{
    max-width: 300px;
    margin: auto;
    text-align: left;
    padding: 15px 0px;
}


.dialog-body-buttons{
    max-width: 300px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    gap: 30px;
    margin-bottom: 20px;
}

.dialog-body-buttons-col{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.dialog-body-buttons button{
    background-color: #ffe800;
    border: 0px solid #666;
    height: 60px;
    font-size: 14px;
    line-height: 1.5;
    min-width: 135px;
    font-weight: 700;
    color:#000;
    padding: 0px 5px;
}

.btn-cac{
    background-color: #DEDEDE !important;
     border: 1px solid #DEDEDE !important;
     box-shadow: 0 2px 2px 0 #99999980 !important;
}

.btn-cac:hover{
    background-color: #BBB !important;
    border: 1px solid #BBB !important;
}

.btn-cac:active{
    background-color: #BBB !important;
    border: 1px solid #ADADAD !important;
    box-shadow: none !important;
}


.custom_alert .dialog-body-text a span{
    color: #0F69C2 !important;
    font-weight: 400 !important;
    cursor: pointer;
}

.custom_alert .dialog div.close-container{
    right: 15px;
    top: 10px;
}

.custom_alert .dialog div.close-container div.close{
    width: 15px !important;
    height: 15px !important;
    width: auto !important;
}

body.is-responsive .custom_alert .dialog div.close-container div.close{
    margin: 0px;
    top: 0px;
}

.custom_alert .close-container{
    position: absolute;
}

.backdrop .dialog .dialog-content a.modal_link{
    color: #0067C4;
    text-decoration: none;
}


body.is-responsive .custom_alert .dialog div.close-container div.close{
    border-radius: 10px;
    padding: 11px;
}

body.is-responsive .custom_alert .dialog div.close-container div.close:active{
    background-color: #CCC;
    border-radius: 10px;
    padding: 11px;
}

body.is-responsive .custom_alert .dialog div.close-container{
    position: absolute !important;
    top: 0px !important;
}

body.is-responsive .custom_alert .dialog div.close-container div.close{
    top: 8px !important;
}
/*End Custom alert*/


label.socio-checkbox-label{
    margin: 5px 0px !important;
}

.customer-account-members .my-account input[type=text],
.customer-account-members .my-account input[type=email]{
    min-width: auto;
}

.customer-account-members input[type=email]:read-only{
    background-color: #888 !important;
}

.customer-account-members input[type=email]:-moz-read-only{
    background-color: #888 !important;
}

body.is-responsive.customer-account-members .members .page-title h1{  
    font-weight: 900;
}

.socio-inner .page-title h1{
    text-transform: none !important;
}

.customer-account-create span.simulate-input.option-selected{
    font-weight: 700;
}

.customer-account-create .account-create #register-form-validate .col-1-set .form-list > li .input-box input.validation-failed + .validation-advice#advice-validate-confirmemail-confirmemail{
    position: relative !important;
    border: 0px !important;
    padding: 0px !important;
    text-align: left !important;
    left: 0px !important;
}

.customer-account-create .account-create #register-form-validate .col-1-set .form-list > li .input-box input.validation-failed + .validation-advice#advice-validate-confirmemail-confirmemail:after{
    border: 0px !important;
}

.customer-account-login input[type=email]:read-only{
    background-color: #BDBDBD !important;
}

.customer-account-login label[for=email]{
    width: 100%;
}

/*.customer-account-login .mini_href{
    float: right;
}*/

.customer-account-login label[for=pass]{
    width: 100% !important;
    display: block;
}

.customer-account-login label[for=pass] span{
    display: inline-block !important;
    width: auto !important;
}


/* Main customer layout */
.main-container.col2-left-layout .main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.catalog-category-view .main-container.col2-left-layout .main,
.cms-page-view .main-container.col2-left-layout .main{
    display: block;
}

.col-left-menu-container.avoid-fixed-menu{
    display: flex;
    flex: 0 0 100%;
}

.main-container.col2-left-layout .col-main{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    order: 2;
    flex: 5 1 0;
}

.main-container.col2-left-layout  .col-left.sidebar{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    order: 1;
    flex: 1 1 0;
    background-color: #FFF;
}

.customer-account:not(.wishlist-index-index) .footer-container{
    width: 100% !important;
}

.block.block-account{
    position: relative !important;
}

.field em{
    color : red;
}

.customer-account-create .scaffold-form label:first-child{
    width: auto !important;
}

.login-container-inner-password-show-label{
    font-size: 13px !important;
    font-weight: 400 !important;
}

.customer-account-create .login-container-inner-password.position-relative{
    flex: auto;
}

.customer-account-create .login-container-inner-password-show .login-container-outer-input{
    width: 37px;
}

.socio-inner .page-title h1{ font-size:20px; font-weight:bold; line-height:20px; text-transform:uppercase; display:table-cell; vertical-align:middle; color:#000000; padding-top:20px; border:none; padding-bottom:10px; }

em{
    font-size: 15px;
    font-weight: bold;
    color : #FB0000 !important;
}

.customer-account-create #privacy-policy{   
    display: inline-block;
    font-weight: 400;
}
#privacy-policy{
    cursor: pointer;
    color: #0066C0;
}

#privacy-policy:hover{
    text-decoration: underline;
}

.socio-yes-check-accept-conditions-text{
    display: inline-block;
    line-height: 16px;
}
.socio-yes-check-add-card-to-cart-text label,
.socio-yes-check-accept-conditions-text label{
    font-weight: 400;
}

.birthdate_inputs{
    float: right;
}

.success_bottom_text{
    padding: 0px 10px;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

input::-webkit-contacts-auto-fill-button, 
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  position: absolute;
  top: -50px;
}


.onestepcheckout-popup-wrapper{
    height: 100%;
}

#redsys_iframe_acs{
    max-height: 800px;
}

@media screen and (min-width: 768px){
    #payinsite-finalize-payment{
        width: 500px;
    }
}

.onestepcheckout-index-index .overlay-loading .gif-img-container .gif-img{
    position: relative;
    background: url(../images/gif-loading-white-big.gif);
    width: 100px;
    height: 100px;
    left: -50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.onestepcheckout-index-index .overlay-loading .gif-img-container {
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    bottom: inherit;
    margin: auto;
}

.onestepcheckout-index-index .overlay-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 6;
    background: rgba(255,255,255,0.9);
    z-index: 100000;
}

#dob-custom-validation { color: #df280a; font-size: 13px; width: 100%; font-weight: bold; }

#correos-loading{
    position: relative;
}

#correos-loading p{
    margin: 10px 0px;
    color: green;
}

#content_puntos_correos{
    margin-top: 15px;
    padding:0px !important;
    border: 0px !important;
}

#search_by_cp_correos{
    border-top: 1px solid #ADAFB1;
    padding-top: 15px;
}

#autofill-if-you-dare{
    width: 0px !important;
    height: 0px !important;
}

.product-cart-info.item-error .big-container{
    box-shadow: 0px 0px 2px RED;
}

.product-cart-info.item-error.not-enouhgt-stock .big-container{
    box-shadow: 0px 0px 2px ORANGE;
}


/* PAGINA DE LISTADO HISTÓRICO DE PEDIDOS */
.order-list{
    margin-top: 10px;
}

.order-element{
    padding: 15px;
    border-bottom: 0px solid #ccc;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 4px;
    
}

.sales-order-history .order-header{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.sales-order-history .order-header .header-left-content{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2; 
}


.sales-order-history .order-header .header-right-content{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1; 
}


.order-header{
    font-size: 15px;
    display: block;
    overflow: hidden;
}

.sales-order-history .header-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.header-content-left,
.header-content-center,
.header-content-right{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 3;
}

.header-content-left,
.header-content-center{
    flex:0;
}

.related-item{
    overflow: hidden;
}

.related-item.related-item-devo{
    margin-top: 10px;
}

.order-relateds.box-content{
    margin-top: 10px;
    overflow: hidden;
}

.order-relateds .related-item:not(:last-child) .related-item-content{
    margin-bottom: 10px;
}

/*.order-header .header-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 5px;
}*/

.order-header .header-column{
    float: left;
    width: 95%;
    display: inline-block;
}

.order-header .header-column{
    flex: 1;
}

.totals-align-left{
    float: left;
    margin-left: 10px;
    width: 80%;
}

.order-header .total{
    text-align: right;
}

.order-header .status{
    text-align: left;
    width: 100%;
}

.order-header .order-actions{
    display: flex;
    padding: 0px;
}

.order-header .order-actions-button{
    /*display: flex;
    flex-direction: column;
    flex-basis: 100%;
    align-items: center;*/
    margin: 0px 15px;
}

.order-header .order-actions-button.invoice-link-section a{
    min-width: auto;
}



.my-account a.invoice-link{
    color: #000;
    cursor: pointer;
}

.my-account a.invoice-link-title{
    color: #000;
    cursor: auto;
}

.incl_tax_subtext{
    font-size: 11px;
}



.order-rows{
    display: flex;
    flex: 1;
}


.order-table{
    width: 100%;
}

.order-item-row .order-item-details{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 15px;
    margin-bottom: 10px;
}

.order-item-row .order-item-details img{
    width: 100%;
    min-width: 90px;
    border: 1px solid #FFF;
}

.order-item-row .order-item-details img:hover{
    border: 1px solid #000;
}

.order-item-row .product-img{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.sales-order-view .order-item-row .product-img{
    flex: 2;
}

.sales-order-view .order-info-box .box-content{
    clear: left;
    width: 100%;
}

.sales-order-view .order-info-box .box-content td {
    padding-left: 0px;
}

.prices td.last.a-right{
    width: 100px;
}

.product-item-data-right-col{
    display: flex;
    flex-direction: row;
    flex-basis: 100%;
    flex: 16;
    margin-left: 10px;
}

.order-item-row .product-data{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 4;
    margin-left: 10px;
}

body.sales-order-history,
body.sales-order-view
{
    font-weight: 400;
}

.sales-order-history .order-item-row .product-data{
    margin-right: 40px;
    border-right: 1px solid #E3E4E5;
}

.order-item-row .product-status{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
    margin-left: 10px;
}

.order-item-row .item-status{
    display: inline;
}

.order-item-row .product-actions{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
    margin-left: 10px;
}

.order-item-row .product-customization{
    margin-top: 5px;
}

.order-item-row .product-name{
    margin-bottom: 5px;
}

.order-item-row .product-ref,
.order-item-row .product-detail-qty,
.order-item-row .product-detail-price
{
    margin-bottom: 5px;
    font-size: 15px;
}

.order-item-row .product-name a,
.item-return-status a{
    color: #0066C0 !important;
    font-size: 15px;
}

.order-item-row .product-name a:hover,
.item-return-status a:hover{
    text-decoration: underline;
}

.order-item-row .price,
.order-item-row .product-price{
    font-weight: bold;
    font-size: 15px;
}



.sales-order-view .header-actions a,
.black-button,
.white-button
{
    margin-bottom: 10px;
    padding: 5px 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
}

.white-button{
    background-color: #FFF;
    border: 1px solid #000;
    color: #000 !important;
    box-shadow: 0 2px 2px 0 #99999980;
}

.black-button{
    background-color: #000;
    border: 1px solid #000;
    color: #FFF !important;
    box-shadow: 0 2px 2px 0 #99999980;
}

.sales-order-history .order-actions-button a{
    padding: 5px 7px;
    min-width: 120px;
    float: left;
}


.black-button{
    font-weight: 400;
}


.sales-order-view .header-actions a:hover,
.white-button:hover{
    background-color: #000;
    color: #FFF !important;
}

.black-button:not([disabled]):hover{
    background-color: #FFF;
    color: #000 !important;
}


.sales-order-view .header-actions a:active,
.white-button:active{
    background-color: #FFF;
    color: #000 !important;
    box-shadow: none;
}

.black-button:not([disabled]):active{
    background-color: #000;
    color: #FFF !important;
    box-shadow: none;
}


.sales-order-view .header-actions a:disabled,
.white-button:disabled{
    color: #DDD !important;
    border-color: #DDD;
}

.black-button:disabled{
    color: #DDD !important;
    border-color: #000;
    opacity: 0.5;
}

.white-button:disabled:hover{
    border-color: #000;
}

/* PAGINA DE DETALLE DE PEDIDO */

/*.sales-order-view .my-account{
    background-color: #FFF;
    padding: 20px;
}*/
.orders-back{
    margin-bottom: 0px;
    background-color: transparent !important;
    padding: 0px 0px !important;
}

.orders-back a{
    color: #000 !important;
    font-weight: 600;
    /* line-height: 35px; */
    /* height: 35px; */
    display: block;
    padding: 5px;
    line-height: 30px;
    width: fit-content;
    padding-right: 15px;
    background-color: #FFF;
    border-radius: 20px;
}

.orders-back a:before{
    background: url(../images/flecha-siguiente-menu-black.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: rotate(180deg);
    content: '';
    top: 2px;
    position: relative;
    margin-right: 12px;
}

.orders-back a:hover{
    background-color: #CCC;
    border-radius: 20px;
}

.orders-back a:active{
    background-color: #BBB;
}

.sales-order-view .order-info{
    background-color: transparent !important;
    padding-left: 5px !important;
}

.order-info .order-number{
    font-size: 15px;
    display: inline-block;
}

.order-info .order-date-title{
    display: inline-block;
    margin-left: 30px;
    font-size: 15px;
}

.order-detail-messages{
    margin-bottom: 20px;
    border-left: 3px solid #EBE717;
    font-size: 15px;
    font-weight: 600;
    display: flex;
}

.order-detail-messages span.sucess-order-message-detail{
    color: GREEN;
}

.order-detail-messages.sucess-order-message{
    border-left-color: #26c026;
}




.order-detail-messages .icon{
    background: url(../images/sprite-header.svg);
    float: left;
    margin-right: 5px;  
    width: 30px;
    background-position: -250px -377px;
    background-size: 500px;
    height: 20px;
    margin-top: 2px;
}

.order-detail-messages .success_icon{
    background-position: -250px -377px;
}

.order-detail-messages .warning_icon{
    background-position: -332px -376px;
}

.order-detail-messages .error_icon{
    background-position: -290px -376px;
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(34deg) brightness(169%) contrast(106%);
    float: none;
    display: block;
    margin: 0px;
    height: 25px;
    width: 25px;
    margin-top: 3px;
    scale: 0.8;
    text-align: center;
    margin-left: -2px;
}
.order-detail-messages .order_detail_icon{
    background-color: red;
    padding: 0px;
    /* height: auto; */
    /* border-radius: 25px; */
    width: 25px;
    /* margin: 0px auto; */
    height: 25px;
    margin-right: 10px;
    border-radius: 15px;
    margin-top: 0px;
}

.order-detail-messages .icon.reloj_icon{
    background: url(../images/reloj.svg);
    float: left;
    margin-right: 5px;
    width: 25px;
    background-position: 0px 0px;
    background-size: 25px;
    height: 25px;
    margin-top: 0px;
    background-repeat: no-repeat;
}


.timeline-content{
    padding-bottom: 20px;
    width: 100%;
}

.order-detail-timeline .section-title{
    font-size: 20px;
    font-weight: 600;
}

.sales-order-view .order-info-box{
    margin: 0px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 30px;
}

.sales-order-view .order-info-box.no-bottom-line{
    border-bottom: 0px;
}

.sales-order-view .order-info-box .box-content{
    clear: none;
    float: none;
}

.sales-order-view .order-items.order-details{
    /*overflow: hidden;*/
}

.sales-order-view .order-info-box .box-title{
    float: none;
    padding-right: 0px;
}

.sales-order-view .order-info-box .box-title h2{
    font-size: 18px;
}

.sales-order-view .order-info-box .section-title{
    width: 100% !important;
    overflow: hidden;
}

.shipping-address-edit-form-div.address-information{
    max-width: 500px;
}

.total-info,
.total-method{
    display: inline-block;
}

.total-info{
    margin-right: 30px;
}

.total-method .subtitle{
    display: inline;
}

.sales-order-view .order-details .order-detail-header{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sales-order-view .order-details .order-detail-header .header-title{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

.sales-order-view .order-details .order-detail-header .header-actions{
    display: flex;
}

.product-size{
    margin-bottom: 5px;
}
/*
.header-actions button{
    padding: 5px 15px;
    margin: 5px 5px;
    background-color: #FFF;
    border: 1px solid;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}

.header-actions button:disabled{
    font-weight: 600;
    color: #DDDDDD;
    background-color: #FFF;
    border-color: #DDDDDD;
}
*/
/*button.header-actions-apply,
button.header-actions-cancel-apply{
    font-weight: 600;
    background-color: #CBCBCB;
    color: #000000;
}*/

button.header-actions-apply:disabled,
button.header-actions-cancel-apply:disabled{
    /*font-weight: 300;
    color: #FFF !important;
    background-color: #DDD !important;*/
}

.sales-order-view .header-actions{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.header-actions .header-actions-left{
    flex: 12;
}

.header-actions .header-actions-right{
    flex: 5;
    margin-left: 25px;
    text-align: left;
}

.header-actions-right .header-actions-cancel-apply{
    margin-left: 5px;
}
/*button.cancel_action_button{
    background-color: #FFF !important;
}*/

.sales-order-view .order-item-row{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: flex;
}

.sales-order-view .product-status{
    display: inline;
}



.sales-order-view .product-status .item-cancel{
    margin-top: 15px;
}


.sales-order-view .return-item-observation{
    margin-top: 0px;
    padding: 10px;
    border-color: #000 !important;
    color: #000 !important;
    max-width: 200px !important;
    min-width: 200px !important;
    border: none;
    width: 100%;
    min-height: 112px;
}

.sales-order-view .return-item-observation:focus{
    border: none; /* Elimina el borde al hacer focus */
    outline: none; /* También oculta el contorno azul en navegadores como Chrome */
}

.sales-order-view .return-item-observation::placeholder{
    color: #000 !important;
}

.sales-order-view .return-item-observation.validation-failed{
    border-color: #FF0000 !important;
    outline-color: #FF0000 !important;
}

.sales-order-view .button{
    cursor: pointer;
    margin-top: 10px;
}

button.button-save-return-comment{
    background-color: #FFF;
    color: #000;
    margin-left: 0px !important;
}

button.button-save-return-comment:disabled{
    background-color: #FFF !important;
    color: #000;
    opacity: 0.3;
}

.button-edit-return-comment-div{
    width: 30px;
    height: 30px;
    float: right;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.button-edit-return-comment-div:hover{
    cursor: pointer;
    background-color: #CCC;
    border-radius: 20px;
}

.button.button-edit-return-comment{
    width: 26px; /* Ajusta el tamaño según necesites */
    height: 26px;
    background-image: url(../images/editar.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    background-color: transparent; /* Para quitar cualquier color de fondo */
    margin-top: 0px;

}

.button.button-edit-return-comment:active,
.button.button-edit-return-comment:focus{
    background-color: transparent !important;
    background-image: url(../images/editar.svg) !important;
    background-position: center !important;
}

p.return-obvservations-text-p {
    padding: 10px;padding: 10px 10px 0px;
    width: 208px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limita a 2 líneas */
    overflow: hidden;
    text-overflow: ellipsis; /* Agrega los puntos suspensivos */
    white-space: normal;
}


.return-options2-accept-section {
    display: flex; /* Activa Flexbox */
    align-items: center; /* Alinea los elementos verticalmente */
    gap: 10px; /* Espacio entre el enlace y los botones */
    margin-top: 10px;
    margin-bottom: 5px;
    justify-content: space-between;
    padding: 0px 5px;
}

/* Opcional: estiliza el enlace para que luzca como un botón o resalte */
.return-options2-accept-section .back-to-options {
    text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.return-options2-accept-section .back-to-options:hover {
    background-color: #FFF;
    color: #007bff;
}

/* Asegúrate de que los botones tengan altura consistente */
.return-options2-accept-section button {
    margin-top: 0px !important;
    padding: 5px 15px;
    cursor: pointer;
}


/* Estilo para el botón deshabilitado */
.return-options2-accept-section button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.return-options2-edit-section{
    display: block;
    padding: 0px 5px;
    text-align: right;
}



.warningMessage{
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: none; /* Ocultar inicialmente */
    width: 250px;
}

.payment-details .total-info,
.payment-details .total-info,
.payment-details .subtitle,
.payment-details .total-method table,
.payment-details .total-method{ 
    font-size: 15px !important;
}

.payment-details p{
    display: inline;
}

label[for="cancel_item"]{
    font-size: 15px;
    font-weight: 500;
}

table.prices .subtotal,
table.prices .shipping,
table.prices .grand_total_incl{
    font-size: 15px !important;
}

table.prices .grand_total_incl{
    font-weight: bold;
}

.item-cancel .checkbox + label{
    padding: 0px;
}

.item-cancel .checkbox + label:before{
    border-color: #000 !important;
}

.item-cancel .disabled{
    color: #DDDDDD;
}

.item-cancel .disabled .checkbox + label:before{
    border-color: #DDDDDD !important;
}

a.mini-link-blue{
    display: inline-block;
    font-size: 11px;
    color: #0066C0 !important;
    cursor: pointer;
    font-weight: 500;
    vertical-align: middle;
}

a.mini-link-blue:hover{
    text-decoration: underline;
}

a.mini-link-blue:active{
    text-decoration: none;
}

.order-item-row .customized_product_title{
    font-size: 11px;
    color: #565959;
    margin-bottom: 5px;
}

.order-item-row .product-option{
    font-size: 11px;
    color: #000;
    font-weight: 500;
}

.order-item-row .product-option.product-option-izqder{
    margin-bottom: 5px;
}

.order-item-row .flag-bg{
    display: inline-block;
    float: none !important;
    vertical-align: bottom;
}


.order-item-row .flag-select{
    display: inline-block;
}

.sales-order-view .invoice-details{
    
}

.sales-order-view .invoice-details p{
    margin-bottom: 10px;
    font-size: 15px;
}

.sales-order-view .invoice-details .checkbox-control {
    font-size: 13px;

}

.sales-order-view .invoice-details .checkbox + label{
    padding-left: 0px;
}



<!-- /* FORMULARIOS NUEVOS */ -->



.form-grey .fieldset p.required{
    width: 100%;
    text-align: right;
}

.form-grey label{
    font-weight: bold;
    font-size: 15px;
    min-width: auto !important;
    margin-bottom: 5px;
}

.form-grey .field_description{
    color: #808080;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.form-grey .half-column-field input{
    width: calc(55% - 4px);
    display: inline-block;
}   

.form-grey .half-column-field label{
    width: 45%;
    display: inline-block;
}   

.sales-guest-order-view .orders-back{
    display: none;
}

.history_header{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.history_header .page-title,
.history_header #pagination-container{
    display: flex;
    flex-basis: 100%;
    flex: 1;
}

.pagination-container{
    display: flex;
    flex-basis: 100%;
    flex: 1;
}

.sales-order-history div#pagination-container{
    margin-top: 10px;
}


.paginationjs {
    display: flex;
    line-height: 1.6;
    font-family: Marmelad, "Lucida Grande", Arial, "Hiragino Sans GB", Georgia, sans-serif;
    font-size: 14px;
    box-sizing: initial;
    /* text-align: right; */
    margin-left: auto;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

li.paginationjs-prev, 
.paginationjs-page, 
.paginationjs-next,
.paginationjs-ellipsis{
    float: left;
    border: 1px solid #aaa;
    border-right: none;
    list-style: none;
    margin-left: 7px;
}

li.paginationjs-prev{
    margin-left: 0px;
}

.paginationjs-next,
.paginationjs-prev{
    text-shadow: none;
    color: #000;
    background-color: transparent;
    position: relative;
    display: table-cell;
    text-transform: none;
    font-size: 0.9em;
    padding: 0 12px;
}

.paginationjs-pages{
    margin-right: 10px;
}

.paginationjs-pages li {
    color: #000;
    background: linear-gradient(to bottom, #f7f8fa, #e7e9ec);
    min-width: 33px;
    height: 33px;
    display: table;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #9D9D9C;
}

.paginationjs-pages li>a{
    display: inline-block;
    border: 0;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 33px;
    min-width: 33px;
    height: 33px;
    padding: 0;
    color: #000;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-weight: 600;
    text-decoration: none;
}

.paginationjs-pages li:not(.disabled):hover{
    background: #ffffff !important;
}

.paginationjs-pages li.disabled a:hover,
.paginationjs-pages li.active > a:hover{
    cursor: default;
}

.paginationjs-size-changer{
    display: flex;
    height: 36px;
}

.paginationjs-pages li.active>a{
    font-weight: bold;
    color: #fff;
    font-weight: 400;
    background: #000;
}

li.paginationjs-prev.disabled,
li.paginationjs-next.disabled{
    background: transparent;
    border: none;
    font-size: 15px;
    font-weight: 400;
    opacity: 0.5;
}

li.paginationjs-prev.disabled a,
li.paginationjs-next.disabled a{
    height: 35px;
    line-height: 35px;
}


.paginationjs .paginationjs-next .pager-next{
    background: url(../images/sprite.png) -11px -349px no-repeat transparent;	/* flecha negra */
    width: 9px;
    height: 10px;
	margin: 0 auto;
	float: right;
    top: 12px;
    position: relative;	
}

/*.paginationjs .next:hover .pager-next{
    background-position: -11px -349px;
}*/

.paginationjs .paginationjs-prev .pager-previous{
    background: url(../images/sprite.png) -2px -349px no-repeat transparent;	/* flecha negra */
    width: 9px;
    height: 10px;
    margin: 0 auto;
	float: left;
    top: 12px;
    position: relative;	
}

/*.paginationjs .previous:hover .pager-previous{
    background-position: -2px -349px;
}*/


.order-list .loading{
    position: relative;
    background: url(../images/gif-loading-white-big.gif);
    width: 100%;
    height: 100px;
    background-color: #FFF;
    width: 100%;
    left: 50;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}


.sales-order-history .soy-form-messages{
    max-width: 436px !important;
}

.sales-order-history .soy-form-messages-text-error{
    text-align: center;
}

.sales-order-history .header-right-arrow{
    float: right;
    width: 30px;
    height: 10px;
    height: 30px;
}

.order-detail-messages,
.order-detail-timeline,
.shipping-details,
.payment-details,
.invoice-details,
.order-items.order-details,
.order-view-actions,
.cancel-section{
    background-color: #FFF;
}

/*.sales-order-view .filter-arrow-container{
    display: none;
}*/

.sales-order-view .order-info-box .box-title h2{
    width: calc(100% - 40px);
    float: left;
 }
 
 .sales-order-view .filter-arrow-container,
 .sales-order-history .filter-arrow-container{
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sales-order-view .filter-arrow-container:hover,
.sales-order-history .filter-arrow-container:hover{
    cursor: pointer;
    background-color: #CCC;
    border-radius: 15px;
}

.sales-order-view .filter-arrow-container .filter-arrow,
.sales-order-history .filter-arrow-container .filter-arrow{
    background: url(../images/sprite.svg) -212px -250px no-repeat transparent;
    width: 18px;
    height: 10px;
    float: right;
    background-size: 283px 497px;
    margin-top: 0px;
}

.sales-order-view .box.closed .filter-arrow-container .filter-arrow,
.sales-order-history .box.closed .filter-arrow-container .filter-arrow{
    background-position: -190px -250px;
}

.sales-order-view .filter-arrow:before,
.sales-order-history .filter-arrow:before{
    display: none !important;
}

.order-info-box:has(.box.closed) {
    padding-bottom: 10px;
}

.sales-order-view .box-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.sales-order-view .box-content .box-column-main .header-actions{
    text-align: right;
}

.sales-order-view .box-content .box-column-main,
.sales-order-view .box-content .box-column-totals{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 10;
}

.sales-order-view .box-content .box-column-totals td:not(.last){
    vertical-align: top;
}

.order-items-footer{
    width: 100%;
    display: flex;
}

.flex-2{
    flex: 2;
}

.flex-4{
    flex: 4;
}

.flex-16{
    flex: 16;
}

.header-actions .flex-2,
.header-actions .flex-16{
    margin-left: 10px;
}

.sales-order-view .box-content .box-column-totals{
    flex: 4;
}

.sales-order-view .prices{
    margin-top: 0px !important;
}

.sales-order-view .cancel-section p{
    margin-bottom: 10px;
}

#modal_desestimar_iframe .dialog{
    width: 90% !important;
    height: 90% !important;
    max-width: 736px;
    box-sizing: content-box;
}


#modal_desestimar_iframe .mCSB_container{
    height: 100% !important;
}

#modal_desestimar_iframe .dialog .dialog-content{
    height: 100% !important;
}

#modal_desestimar_iframe .dialog .dialog-body{
    height: 100% !important;
}

iframe#desestimar-form-iframe {
    width: 100%;
    height: 94%;
    border: 0px;
}

.return-item-select {
    max-width: 250px;
}

.return-item-select select.validation-failed{
    background-color: #EAC5C5 !important;
    color: #df280a;
}

.sales-order-view select{
    display: none;
}

.return-item-select .chosen-search{
    display: none;
}

.tooltip {
    position: relative;
}

.pointer_cursor,
.pointer_cursor span{
    cursor: pointer !important;
}
  
.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -80px;
    margin-top: 3px;
    border: 1px solid #000;
}

a.tooltip .tooltiptext{
    margin-top: 8px;
}
  
.tooltip:hover .tooltiptext {
    visibility: visible !important;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltiptext > h3 {
    text-transform: none !important;
}

.sales-order-view .col-main,
.sales-order-history .col-main,
.customer-address-index .col-main,
.customer-account-edit .col-main,
.wishlist-index-index .col-main,
.customer-account-members .col-main{
    padding-top: 0px !important;
}

.sales-order-view .my-account,
.sales-order-history .my-account,
.customer-address-index .my-account,
.customer-account-edit .my-account,
.wishlist-index-index .my-account,
.customer-account-members .my-account{
    margin:0px !important;
    position: relative;
    min-height: 410px;
}

.sales-order-view .my-account-content,
.sales-order-history .my-account-content,
.customer-address-index .my-account-content,
.customer-account-edit .my-account-content,
.wishlist-index-index .my-account-content,
.customer-account-members .my-account-content{
    padding-top: 70px !important;
    margin: 0 5% 10%;
}

.sales-order-view .my-account-content{
    max-width: 1024px;
}

.sales-order-view .page .overlay-loading,
.sales-order-history .page .overlay-loading,
.customer-address-index .page .overlay-loading,
.customer-account-edit .page .overlay-loading,
.wishlist-index-index .page .overlay-loading,
.customer-account-members .page .overlay-loading,
.socio-container .overlay-loading{
    position: absolute !important;
}


.overlay-loading .fixed-loading {
    position: sticky;
    top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin-bottom: 10px
}

.overlay-loading-content{
    position: absolute;
    top: 32%;
    margin: auto;
    text-align: center;
    text-align: center;
    width: 100%;
}

.overlay-loading-text{
    min-height: 63px;
}
.overlay-loading-text p{
    max-width: 320px;
    margin: auto;
    padding: 0px 10px;
    display: none;
}

.overlay-loading-content .gif-img{
    position: relative;
    background: url(../images/gif-loading-white-big.gif);
    width: 100px;
    height: 100px;
    -moz-transform: translateY(-50%);
    margin: auto;
}

.cancel_section_button{
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 10px; /* Espacio entre el texto y el botón */
}

.white-button{
    margin-bottom: 0px;
}

p.history-empty-results{
    background: #FFF;
    text-align: center;
    padding: 40px;
}

.history-search-container{
    display: flex;
}

.history-search-container #searchButton{
    margin-bottom: 0px;
    margin-left: 5px;
}

.history-search-container #searchInput{
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}

/*FORMULARIO DE DIRECCIÓN DE FACTURACIÓN*/

.sales-order-view .address-information ul{ 
    max-width: 600px;
}

.sales-order-view .address-information ul li{ 
    width: 100%;;
}

.address-information ul li {
    padding: 0;
    width: 96%;
    margin: 5px 0 0 4%;
    float: left;
    box-sizing: content-box;
}

.order-info-box .address-information ul li {
    width: 96% !important;
}

li.form-action{
    margin-top: 15px !important;
}

.invoice-details .address-information{
    display: none;
}

#billing-new-address-form ul{
    padding-bottom:0px!important;
}

#billing-new-address-form .two-fields{
    width: 100%;
}

#billing-new-address-form .two-fields{
    width: calc(35% - 20px);
    float: left;
    position: relative;
}

#billing-new-address-form .two-fields.last{
    width: calc(65% - 2px);
    float: right;
}

#billing-new-address-form label{
    display: block;
    float: none;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}

#billing-new-address-form input,
#billing-new-address-form select,
#billing-new-address-form .chosen-container{
    width: 100% !important;
    min-width: auto;
    max-width: none;
}

#billing-new-address-form .input-field{
    position: relative;
}

#billing-new-address-form .input-field .symbol {
    color: red !important;
    font-weight: 600;
}

.sales-order-view .address-information .validation-advice,
#modal_invoice .address-information .validation-advice{
    top: 22px !important;
    left: 5px !important;
}
div#advice-validate-nif-billing\:taxvat,
#modal_invoice .address-information div#advice-validate-nif-billing\:taxvat{
    top: 0px !important;
    position: relative;
}

.sales-order-view select.validation-failed ~ div.custom-select a,
#modal_invoice select.validation-failed ~ div.custom-select a{
    font-weight: 400 !important;
}

#modal_invoice.custom_alert .dialog-body-text a span{
    color: #000 !important;
}

#modal_invoice.custom_alert select.validation-failed ~ div.custom-select a span{
    color: rgb(223, 40, 10) !important;
}

#modal_invoice ul.chosen-results{
    z-index: 105;
}

#modal_invoice.backdrop .dialog,
#modal_invoice .mCSB_container,
#modal_invoice .mCustomScrollBox{
    overflow: visible !important;
} 

#modal_invoice.backdrop .dialog .dialog-content a:hover{
    text-decoration: none !important;
}

#modal_invoice .address-information ul li{
    width: 100%;
}

body, button, input, select, table, textarea{
    font-weight: 400;
}

/*FIN FORMULARIO DE DIRECCIÓN DE FACTURACIÓN*/



#modal_invoice .dialog-body-text{
    max-width: 95%;
}

#modal_invoice .address-information ul li{
    margin: 5px 0 0 0;
}


#modal_invoice .dialog .dialog-content ul {
    padding-left: 0px;
}

#modal_invoice #billing-new-address-form .two-fields{
    width: calc(35% - 10px);
}

#modal_invoice #billing-new-address-form .two-fields.last {
    width: calc(65% - 2px);
}

.billing_address select{
    background-color: #FFF;
    color: #000;
    line-height: 22px;
    height: 32px;
    padding: 6px 4px;
    border: 1px solid #c0c0c0;
}

.billing_address .select-overlay {
    z-index: 9999 !important; /* Asegúrate de que esté por encima */
}

.billing_address input{
    font-weight: 400;
}



@media screen and (min-width: 1295px){
      /* Styles */
      .order-item-row .product-actions{
          padding: 0px 5px;
      }

      .main-order-header .header-content-left{
        flex: 8;
      }

      .main-order-header .header-content-center{
        flex:0;
      }

      .order-relateds .header-content-left{
        flex: 4;
      }

      .order-relateds .header-content-center{
        flex: 4;
      }

      .related-item-devo .header-content-left{
        flex: 4;
      }

      .related-item-devo .header-content-center{
        flex:4;
      }

      
  }

  @media screen and (min-width: 1295px) and (max-width: 1475px){
    .sales-order-history .order-actions-button a{
        min-width: 111px;
    }

    .order-relateds .header-content-center{
        flex: 5;
    }

    .header-content-left, .header-content-center, .header-content-right{
        flex: 4;
    }

    .sales-order-history .order-header .header-left-content{
        flex: 5; 
    }

    .sales-order-history .order-header .header-right-content{
        flex: 3;
    }
  }

  /*@media screen and (min-width: 1475px){
        .order-item-row .product-actions{
            padding: 0px 5px;
        }

        .main-order-header .header-content-left{
        flex: 8;
        }

        .main-order-header .header-content-center{
        flex:0;
        }

        .order-relateds .header-content-left{
        flex: 4;
        }

        .order-relateds .header-content-center{
        flex: 4;
        }

        .related-item-devo .header-content-left{
        flex: 4;
        }

        .related-item-devo .header-content-center{
        flex:4;
        }

        .sales-order-history .order-actions-button a{
            min-width: 120px;
        }
    }*/

  @media screen and (min-width: 1870px){
    .sales-order-history .order-header .header-left-content{
        flex: 3; 
    }
}