table a{
    color: #222;
}

.blue{color:#008bff; font-weight: bold;}
.red{color:#d7011b; font-weight: bold;}
.gray{color:#555;}

/* --- 4.x NOTIFICATIONS --- */

label.validationError{ background:url("/images/admin/messages/uncomplete.png") no-repeat 0px 3px; padding: 3px; padding-left: 18px; color: #FF4400; margin-left: 10px; font-family: 'lucida grande',helvetica,verdana,arial,sans-serif; font-size: 12px;}


.notification {
	width: auto;
	display: block;
	position: relative;
	padding:10px 20px 20px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	-moz-box-shadow: 1px 1px 0px #999;
	-webkit-box-shadow: 1px 1px 0px #999;
	box-shadow: 1px 1px 0px #999;
	
	margin-bottom: 30px;
}
@font-face{
    font-family: 'Material-Icons';
    src: url('fonts/Material-Design-Iconic-Font.woff2')
    format('woff2'),
    url(fonts/Material-Design-Iconic-Font.woff)
    format('woff'),
    url(fonts/Material-Design-Iconic-Font.ttf)
    format('truetype');
}
.notification span, .notification a.close {
	background: url('/images/assets/close.png') no-repeat right top;
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top:-9px;
	right: -8px;
}

.notification .text {
	overflow: hidden;
}

.notification p {
	width: auto;
	color: #555;
	font-size: 13px;
	line-height: 10px;
	text-align: justify;
	float: left;
	margin-right: 15px;
	*margin-top: 15px; /*IE8 fix*/
	margin-bottom:0!important;
	padding-top:12px;
}

.notification strong {
	font-size:22px;
}


/*SUCCESS BOX*/

.success , 
.note-success{
	border-top: 1px solid #edf7d0;
	border-bottom: 1px solid #b7e789;

	background: #dff3a8;
	background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
	background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
}

.success:before , 
.note-success:before {
	content: url(/images/assets/icons/notifications/success.png);
	float: left;
	margin: -3px 15px 0px 15px;
}

.success strong , 
.note-success strong {
	color: #61b316;
	margin-right: 15px;
}


/*WARNING BOX*/

.warning,
.note-attention{
	border-top: 1px solid #fefbcd;
	border-bottom: 1px solid #e6e837;

	background: #feffb1;
	background: -moz-linear-gradient(top,#feffb1,#f0f17f);
	background: -webkit-gradient(linear, left top, left bottom, from(#feffb1), to(#f0f17f));
}

.warning:before,
.note-attention:before{
	content: url(/images/assets/icons/notifications/warning.png);
	float: left;
	margin: 2px 15px 0px 25px;
}

.warning strong,
.note-attention strong{
	color: #e5ac00;
	margin-right: 15px;
}


/*QUICK TIP BOX*/

.tip {
	border-top: 1px solid #fbe4ae;
	border-bottom: 1px solid #d9a87d;

	background: #f9d9a1;
	background: -moz-linear-gradient(top,#f9d9a1,#eabc7a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9d9a1), to(#eabc7a));
}

.tip:before {
	content: url(/images/assets/icons/notifications/tip.png);
	float: left;
	margin: 7px 15px 0px 15px;
}

.tip strong {
	color: #b26b17;
	margin-right: 15px;
}


/*ERROR BOX*/

.error, .note-error {
	border-top: 1px solid #f7d0d0;
	border-bottom: 1px solid #c87676;

	background: #f3c7c7;
	background: -moz-linear-gradient(top,#f3c7c7,#eea2a2);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
}

.error:before, .note-error:before {
	content: url(/images/assets/icons/notifications/error.png);
	float: left;
	margin: -6px 15px 0px 15px;
}

.error strong, .note-error strong {
	color: #b31616;
	margin-right: 15px;
}


/*SECURE AREA BOX*/

.secure {
	border-top: 1px solid #efe0fe;
	border-bottom: 1px solid #d3bee9;

	background: #e5cefe;
	background: -moz-linear-gradient(top,#e5cefe,#e4bef9);
	background: -webkit-gradient(linear, left top, left bottom, from(#e5cefe), to(#e4bef9));
}


.notification.note-success .text,
.notification.note-attention .text,
.notification.note-error .text{
    float: none !important;
}

.notification.note-success .close,
.notification.note-attention .close,
.notification.note-error .close{
    text-indent: -9999px;               
}

.secure:before {
	content: url(/images/assets/icons/notifications/secure.png);
	float: left;
	margin: 5px 15px 0px 15px;
}

.secure strong {
	color: #6417b2;
	margin-right: 15px;
}

/*INFO BOX*/

.info {
	border-top: 1px solid #f3fbff;
	border-bottom: 1px solid #bedae9;

	background: #e0f4ff;
	background: -moz-linear-gradient(top,#e0f4ff,#d4e6f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
}

.info:before {
	content: url(/images/assets/icons/notifications/info.png);
	float: left;
	margin: 5px 15px 0px 21px;
}

.info strong {
	color: #177fb2;
	margin-right: 15px;
}

/*MESSAGE BOX*/

.message {
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #d7d7d7;

	background: #f0f0f0;
	background: -moz-linear-gradient(top,#f0f0f0,#e1e1e1);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e1e1e1));
}

.message:before {
	content: url(/images/assets/icons/notifications/message.png);
	float: left;
	margin: 12px 15px 0px 15px;
}

.message strong {
	color: #323232;
	margin-right: 15px;
}

/*DONWLOAD BOX*/

.download {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;

	background: #f7f7f7;
	background: -moz-linear-gradient(top,#f7f7f7,#f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f0f0f0));
}

.download:before {
	content: url(/images/assets/icons/notifications/download.png);
	float: left;
	margin: 3px 15px 0px 18px;
}

.download strong {
	color: #037cda;
	margin-right: 15px;
}

/*PURCHASE BOX*/

.purchase {
	border-top: 1px solid #d1f7f8;
	border-bottom: 1px solid #8eabb1;

	background: #c4e4e4;
	background: -moz-linear-gradient(top,#c4e4e4,#97b8bf);
	background: -webkit-gradient(linear, left top, left bottom, from(#c4e4e4), to(#97b8bf));
}

.purchase:before {
	content: url(/images/assets/icons/notifications/purchase.png);
	float: left;
	margin: 6px 15px 0px 15px;
}

.purchase strong {
	color: #426065;
	margin-right: 15px;
}

/*PRINT BOX*/

.print {
	border-top: 1px solid #dde9f3;
	border-bottom: 1px solid #8fa6b2;

	background: #cfdde8;
	background: -moz-linear-gradient(top,#cfdde8,#9eb3bd);
	background: -webkit-gradient(linear, left top, left bottom, from(#cfdde8), to(#9eb3bd));
}

.print:before {
	content: url(/images/assets/icons/notifications/print.png);
	float: left;
	margin: 6px 15px 0px 15px;
}

.print strong {
	color: #3f4c6b;
	margin-right: 15px;
}

/* Tables (used in lightbox)*/

table.normal {
	border:1px solid #fff;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	-moz-box-shadow: 1px 1px 0px #999;
	-webkit-box-shadow: 1px 1px 0px #999;
	box-shadow: 1px 1px 0px #999;
}

table.fullwidth {
	width:100%;
}

table.normal td {
	padding:5px 15px;
    vertical-align: top;
    font-family: Arial, sans-serif;
}
table.normal td img {
	border:1px solid #dadada;
}

table.normal thead th {
	background: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	text-shadow:-1px -1px #fff;
	padding:5px 5px;
	text-align:left;
        font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;
        line-height: 20px;
        letter-spacing: .1px;
        word-spacing: 1px;
        cursor: pointer;
}

table.normal thead th:hover {
	/*cursor:pointer;*/
}

table.normal tbody {
	border-top:1px solid #fff;
	background:#f4f4f4;
}

table.normal tbody tr.odd td {
	background:#fafafa;
}

table.normal tbody td {
	font-size: 12px;
	vertical-align:middle;
}


/* PRODUCT DETAILS LIGHTBOX */
.prod_detail_photo{
    width: 110px;
    min-height: 75px;
    overflow: hidden;
    float:left;
    margin:0 10px 0 0;
}
.prod_detail_photo img{
    width:110px;
    border:1px solid #ddd;
}
        
.prod_detail_title{
    font-size: 14px;
}
.prod_detail_title_big{
    font-size: 14px;
}

#prod_detail .detail_scroll{
    overflow:auto;
    width:663px; /*before:483px;*/ 
    height:365px;
}
     
         
#prod_detail .btn_add_remove a, #prod_detail .btn_availability a{
    color: #fff;
}

.prod_detail_btn, .btn_availability{
    background:#378BFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
    padding:3px 0 3px 0;
    /*width: 100px;*/
    text-align: center;
    color:#fff;
    cursor:pointer;
    margin:0 0 0 4px;
    font-size: 12px;   
    width: 100px;
}
     
#prod_detail .prod_detail_btn, #prod_detail .btn_add_remove, #prod_detail .btn_availability{
    width: 100px;
}

.products_gallery .btn_add_remove, .products_gallery .btn_availability{
    /*margin: 5px 0 0 43px !important;*/
    margin: 5px auto 0 !important;
}

.prod_detail_info1{
    float:left;
    width:292px;
}
.prod_detail_info2{
    float:left;
    margin:0 0 0 26px;
    width:213px;
}
.prod_detail_info2 div.amount{
    text-align: center;
    font-size: 14px;
}
.prod_detail_table {margin:0 14px 0 0;}
.prod_detail_table table { margin: 0 0 9px !important; }
    .prod_detail_td{
        font-size: 12px;
        padding:3px 6px !important; 
    }
    .prod_detail_table table td div, .prod_detail_table table th div{
        font-size: 12px;
    }
    
.floating_prod_detail{font-family: Arial, Helvetica, sans-serif; }


#loading-icon{
  
    background: url(/images/gray_transparency.png);
    -moz-border-radius: 20px;
    border-radius: 20px;
   
    position:fixed;
    top:50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 99999;
}
#loading-icon .spinner{
    top: 20px !important;
    left: 20px !important;
} 


#loading-icon img{
    width: 2.5em;
    height: 2.5em;
    display: block;
    margin: 0.25em auto;
    padding: 0;
} 


/* Offers banner */
#offers_banner{
/*    background: url(/images/footer_bg.png) center repeat-x #010102;*/
    height: auto;
    position: relative;
    display: flex;
    border: 1px solid #ddd;
    background-color: #fff;
}

#offers_banner table, #offers_banner tr, #offers_banner th, #offers_banner td {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.offer_slider_container{

}
.offer-banners-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
    position: relative;
}
.offers-banner-title-image{
    background-image: url("/images/productosExclusivos.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    width: 100%;
    height: 50%;
    margin-left: -31px;
    display: flex;
    /*justify-content: center;*/
    align-items: flex-start;
    padding-top: 32px;
    flex-direction: column;
    padding-left: 20px;
}
.offers-banner-title-image h3{
    color: #fff;
    font-size: 25px;
}
.showHideFilter,
.account-showHideFilters{
    display: none;
}

        #offers_banner #offers_banner_container{
/*            width:990px;
            margin-top:27px;
            margin-bottom:24px;
            margin-right: auto;
            margin-left: auto;
            padding: 0px;
            height:81px;
            overflow:hidden;
            border-top:1px solid #908f90;
            border-bottom:1px solid #908f90;*/
        }   
        #offers_banner #offers_slider{
/*                list-style: none;
            width:16000px;*/
            display: block;
            display: flex;

            align-items: center;

        }
        /*#offers_banner #offers_slider .offer_slide{*/
                /*height:300px;*/
                /*float:left;*/
                /*background-repeat: no-repeat;*/
                /*background-position: center;*/
                /*margin:0 ;*/
                /*width:200px;*/
                /*padding: 9px;*/
                /*display: block;*/
            /*}*/

            #offers_banner table.fullwidth {
                width: 100%;
            }
            #offers_banner table.normal {
                border: 1px solid #FFFFFF;
                border-radius: 5px 5px 5px 5px;
                box-shadow: 1px 1px 0 #999999;
            }
            #offers_banner table {
                border-spacing: 0;
                margin: 0 0 20px;
            }
            
            #offers_banner thead th {
                font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
                font-size: 13px;
                font-weight: normal;
                letter-spacing: 0.1px;
                line-height: 20px;
                text-align: left;
                text-shadow: -1px -1px #FFFFFF;
/*                text-transform: uppercase;*/
                word-spacing: 1px;
                background: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
                background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
            }
            
            #offers_banner thead th {
                background: -moz-linear-gradient(center top , #FBFBFB, #F5F5F5) repeat scroll 0 0 transparent;
                border-bottom: 1px solid #CCCCCC;
                font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
                
                font-weight: normal;
                letter-spacing: 0.1px;
                line-height: 20px;
                padding: 5px;
                text-align: left;
                text-shadow: -1px -1px #FFFFFF;
                text-transform: uppercase;
                word-spacing: 1px;
            }
                       
            #offers_banner tbody {
                background: none repeat scroll 0 0 #F4F4F4;
                border-top: 1px solid #FFFFFF;
            }
            
            #offers_banner th, #offers_banner td {
                font-family: Arial,Helvetica,sans-serif;
                font-size: 14px;
                padding: 5px 15px;
            }
                                     
            #offers_banner td img {
                border: 1px solid #DADADA;
            }
            
            #offers_banner th, #offers_banner td{ font-family: Arial, Helvetica, sans-serif; font-size:14px;  }
            #offers_banner .info_product_gallery div{
                font-size: 14px;
            }

            /*#offers_banner .products_view_more {*/
                /*float: left;*/
                /*margin: 18px 0 0;*/
                /*padding: 3px 7px;*/
            /*}*/

            #offers_banner .info_product_gallery .product_title{
            height:34px; overflow:hidden;
            }

            #offers_banner .products_view_more, #offers_banner .products_add, #offers_banner .products_disp{
                background:#378BFF;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;	
                text-align: center;
                color:#fff;
                cursor:pointer;
            }
            /*#offers_banner .btn_gallery{*/
                /*font-size: 12px;*/
                /*float:left;*/
            /*}*/
            #offers_banner .btn_add_remove{
                font-size: 12px;
                margin: 5px auto 0 !important;
                margin-left:auto;
                margin-right:auto;
                /*width: 62px !important;*/
            }
            #offers_banner .btn a{
                color: #fff;
                display: block;
            }
            
            #offers_banner .product_gallery_options {
                /*float: right;*/
            }
            
     #offers_banner .banner_nav {
        z-index: 999;
        /*width: 45px;*/
        /*height: 250px;*/
        /*line-height: 250px;*/
        position: absolute;
        /*top: 60px;*/
        /*vertical-align: middle;*/
         width: 30px;
         height: 50px;
         background-color: #fff;
         justify-content: center;
         align-items: center;
         display: flex;
         transition: all ease 0.5s;
         font-size: 20px;
    }
    #offers_banner a.prev, #offers_banner a.next {
        /*vertical-align: middle;*/
        /*display: inline-block;*/
        /*width: 45px;*/
        /*height: 33px;*/
    }

    #offers_banner .banner_nav.prev {
        left: 0;
        /*border-top: 1px solid #378BFF;*/
        /*border-right: 1px solid #378BFF;*/
        /*border-bottom: 1px solid #378BFF;*/
        border-radius: 0 10px 10px 0;
        background-color: #007bff;
        color: #fff;
    }

    #offers_banner .banner_nav.next {
        right: 0;
        color: #fff;
        /*border-top: 1px solid #378BFF;*/
        /*border-left: 1px solid #378BFF;*/
        /*border-bottom: 1px solid #378BFF;*/
        border-radius: 10px 0px 0px 10px;
        background-color: #007bff;
    }
    #offers_banner .banner_nav:hover{
        /*-webkit-box-shadow: 1px 1px 3px #000;*/
        /*-moz-box-shadow: 1px 1px 3px #000;*/
        /*box-shadow: 1px 1px 3px #000;*/
        background-color: #0069d9;
        color:#fff;
    }

    /*#offers_banner a.prev {		*/
        /*background: url("/images/ui/flecha1.png") no-repeat scroll top center transparent;*/
    /*}*/
    /*#offers_banner a.prev:hover {	*/
        /*background: url("/images/ui/flecha1.png") no-repeat scroll bottom center transparent;*/
    /*}*/
    /*#offers_banner a.next {		*/
        /*background: url("/images/ui/flecha2.png") no-repeat scroll top center transparent;*/
    /*}*/
    /*#offers_banner a.next:hover {	*/
        /*background: url("/images/ui/flecha2.png") no-repeat scroll bottom center transparent;*/
    /*}*/

    #offers_banner a.prev span, a.next span {
        display: none;
    }
    
    

#header{
    /*height:148px;*/
    /*width: 1160px;*/
    position:absolute;
    /*background: #fff url(/images/header-bg.jpg);*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*position: fixed;*/
    width: 100%;
    z-index: 9997;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08),0 2px 2px 0 rgba(0,0,0,0.1);
    top: 0;
    background-color: #FAFAFA;
    /*align-items: center;*/
    /*justify-content: center;*/
    /*background-color: #fff;*/
    /*width: 30px;*/
    /*height: 60px;*/
    /*border-radius: 0 10px 10px 0;*/
    /*border-top: 1px;*/
    /*border-bottom: 1px;*/
    /*border-right: 1px;*/
    /*border-color: #ccc;*/
    transition: all ease 0.2s;
    min-height: 75px;
}
#header.fixed{
    position: fixed;
}
.offers-add-box,
.offers-aviability-box{
    display: none;
}
.offer-item{
    width: 253px;
    /*padding: 0 10px;*/
}
.offer-item-box{
    /*min-height: 330px !important;*/
    padding: 10px 10px;
    background-color: #fff;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
}
.offer-item-slide{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#offers_slider .slick-slide img{
    display: block;
    max-width: 50%;
}
.offer-item-fam-lin{
    text-align: center;
    min-height: 40px;
    color: #707070;
}
.offer-item-code{
    color: #FC7509;
    font-weight: bolder;
    margin-bottom:10px;
}
.offer-item-info{
    text-align: center;
    color: #7C7C7C;
    width: 100%;
}

/* este div encierra la info del producto que estaba separada para usar el onClick en todo el recuadro */
.offer-box{
    display: contents;
    cursor:pointer;
}

/*.offer-item-slide img{*/
/*width: 100px;*/
/*height: 75px;*/
/*margin-bottom: 10px;*/
/*}*/
#offers_slider{
    /*margin-top: 30px;*/
    /*margin-bottom: 30px;*/
}

.offers-disp-box-wrap,
.offers-add-box-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.offers-disp-box-wrap .prod_amount_box,
.offers-add-box-wrap .prod_amount_box{
    margin-bottom: 5px;
}
.offers-disp-box-buttons,
.offers-add-box-buttons{
    display: flex;
}
.offer-bottom-box{
    height: 67px;
    margin-top: 5px;
}
.offer-item-info p{
    margin-bottom:3px;
}
.offer-item-buttons{
    display: flex;
    justify-content: center;
    /*flex-direction: column;*/
    width: 100%;
    /*margin-top: 5px;*/
    align-items: self-start;
}
#header_fill{
    height: 148px;
    width: 1160px;
    /*background:  url(/images/ui/header_back.png) center center no-repeat;*/
    margin: 0 auto;
    position: absolute;
/*    z-index: 200;*/
}
#responsiveMenu{
    display: none;
    margin-left: 15px;
}
#header_fill img{
    position: relative;
/*    z-index: 200;*/
}

#header-content{
    position:relative;
    /*background:  url(/images/header-bg.png);*/
    margin: 0 auto;
    /*box-shadow: 0 0 0 1px rgba(0,0,0,0.08),0 2px 2px 0 rgba(0,0,0,0.1);*/
    /*background-color: #FAFAFA;*/
    /*height: 100px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: cover;*/
}
.header-top-bar{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    padding: 0;
}
.header-top-bar-wrap{
    background-color: #666;
    width: 100%;
}
.header-logger-divided{
    margin: 0 15px;
}
.header-top-bar-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #eee;
}
.header-top-bar-left i{
    margin-right: 10px;
    color: #eee;
}
.header-top-bar-left a{
    color: #eee;
}
#waves {
    position:absolute;
    left: -150px;      
    margin: 0 auto; 
    display: block;
    top: -20px;
    z-index: 1;
}

#print_cart{
    margin: 20px 0 0 0;
}

#configuration_last_form{
    width: 270px;
}
#add_one_product{
    /*width: 230px;*/
}
#add_one_product{

}
.content-box input[type=text]{
    border:1px solid #ccc;
    /*padding:1px 3px;*/
}
#orders{
    width: 100%;
}
a.prod-image-thumb{
    min-height: 75px;
    min-width: 75px;
    /*border: 1px solid #DADADA;*/
    display: inline-block;
    border: none !important;
    /*margin-right: 10px;*/
    width: 100%;
    height: 150px;
}
a.prod-image-thumb img{
    /*max-height: 72px;*/
    /*width: 100%;*/
    /*height: 150px;*/
    max-height: 150px;
    max-width: 100%;
    /*border: none !important;*/
    margin: 0 auto;
}
.offer-image{
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.2s;
}
.offer-item-box:hover .offer-image{
    background-size: 55%;
}
.offer-bottom-line{
    width: 0;
    height: 2px;
    background-color: #007BFF;
    transition: all ease 0.5s;
    margin: 0 auto;
}
.offer-item:hover .offer-bottom-line{
    width: 100%;
}
.floating_div a.prod-image-thumb img{
    max-height: none;
}

.social_icons{
/*    position: absolute;
    top: 162px;
    right: 68px;*/
    z-index: 9;
}
    .social_icons div{
        width:21px;
        height:21px;
        background-position: top;
        background-repeat: no-repeat;
        float: left;
        margin: 0 0 0 2px;
    }
    .social_icons div:hover{background-position: bottom;}
    .social_icons .fb{background-image: url(/images/social_icon_fb.png);}
    .social_icons .tw{background-image: url(/images/social_icon_tw.png);}
    .social_icons .yt{background-image: url(/images/social_icon_yt.png);}
    
#afip-code{
    margin-left: 15px;
    background-color: rgba(0,0,0,0.7);
    padding: 11px 9px;
    margin-right: 10px;
}
.footer-bottom-right{
    display: flex;
    align-items: center;
    width: 30%;
}
.footer-contact-info{
    width: 30%;
}
.footer-social-networks{
    background-color: rgba(0,0,0,0.7);
    height: 80px;
    color: #fff;
    padding: 0 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
/* Animacion del header (bolitas) */


/*#header-content {
   position: relative;
}*/

#header-content .balls.running .ball {
    
    position: absolute;
    width: 11px;
    height: 11px;
    background: #333;
    left:20px;
    top:105px;
    z-index: 99999;
    
    opacity: 0; 
    
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;

    -moz-animation: goicoDot 6s infinite;
    -webkit-animation: goicoDot 6s infinite;
    -ms-animation: goicoDot 6s infinite;
    -o-animation: goicoDot 6s infinite;
    animation: goicoDot 6s infinite;

    animation-direction:normal;
}

#header-content .balls.running .ball1 {
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s;
    margin-left: 58px;
}
#header-content .balls.running .ball2 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    margin-left: 46px;
}
#header-content .balls.running .ball3 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    margin-left: 34px;
    background: #555;
}
#header-content .balls.running .ball4 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
    margin-left: 22px;
    background: #777;
}
#header-content .balls.running .ball5 {
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    margin-left: 0px;
    background: #555;
}
.wr-row:hover{
    cursor: pointer;
    background: #ccc;
}
#web-returns-modal{
    position: absolute;
    top: 180px;
    z-index: 9999;
    padding: 10px 8px;
    background-color: #fff;
    width: 80%;
    display: none;
    left: calc(50% - 40%);
}
#web-returns-modal .style_form{
    margin: 0 auto;
    width: 100%;
}
#web-returns-modal .title{
    font-weight: bolder;
    font-size: 1.2em;
    color: #fff;
    background: #535353;
    width: 100%;
    line-height: 30px;
    text-indent: 5px;
}
.overlay{
    z-index: 9999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
#web-returns-modal .data.wr_detail,
#web-returns-modal .wr_detail_title,
#web-returns-modal .data.wr_quantity,
#web-returns-modal .wr_quantity_title,
#web-returns-modal .data.wr_price,
#web-returns-modal .wr_price_title{
    text-align: center;
}
.decoration:hover,
.wr-row-more-info:hover{
    text-decoration: underline;
}
#web-returns-modal h2{
    text-align: center;
}
#web-returns-modal #orders_list{
    border: none;
    border: 4px solid #949494;
}
.offer-item-info .card-subtitle{
    cursor: pointer;
}
.divider-my-data {
    border-bottom: 1px solid #4285f4;
    color: #4285f4;
    margin-bottom: 20px;
    font-size: 16px;
    margin-top: 20px;
}
#paginador .pagination{
    width: 100%;
    justify-content: center;
}
@media screen and (max-width: 768px){
    /*#web-returns-modal{*/
        /*display: block;*/
        /*width: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
    /*}*/
    #web-returns-modal{
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .see-actual-order{
        display: flex;
        justify-content: flex-end;
    }
    .margin-top-on-responsive{
        margin-top:5px;
    }
}
@keyframes goicoDot {

    0% { 
        opacity: 0; 
        animation-timing-function: ease-in-out;

    }
    20% { 
        opacity: .5; 
        animation-timing-function: linear;
    }
    
    35% { 
        transform: translateX(400px);
    }
    
    40% { 
      
        animation-timing-function: ease-in;
    }
        
    40% { 
      opacity: 0.5; 
    }
        
    60% { 
      opacity: 0; 
    }
    
    80% { 
        opacity: 0; 
        transform: translateX(1200px);
    }
    
    100% { 
        opacity: 0; 
        transform: translateX(1200px);
    }
}

@-moz-keyframes goicoDot {
    
    0% { 
        opacity: 0; 
        -moz-animation-timing-function: ease-in-out;

    }
    20% { 
        opacity: .5; 
        -moz-animation-timing-function: linear;
    }
    
    35% { 
        -moz-transform: translateX(400px);
    }
    
    40% { 
      
        -moz-animation-timing-function: ease-in;
    }
        
    40% { 
      opacity: 0.5; 
    }
        
    60% { 
      opacity: 0; 
    }
    
    80% { 
        opacity: 0; 
        -moz-transform: translateX(1200px);
    }
    
    100% { 
        opacity: 0; 
         -moz-transform: translateX(1200px);
    }
}

@-webkit-keyframes goicoDot {
    0% { 
        opacity: 0; 
        -webkit-animation-timing-function: ease-in-out;

    }
    20% { 
        opacity: .5; 
        -webkit-animation-timing-function: linear;
    }
    
    35% { 
        -webkit-transform: translateX(400px);
    }
    
    40% { 
      
        -webkit-animation-timing-function: ease-in;
    }
        
    40% { 
      opacity: 0.5; 
    }
        
    60% { 
      opacity: 0; 
    }
    
    80% { 
        opacity: 0; 
        -webkit-transform: translateX(1200px);
    }
    
    100% { 
        opacity: 0; 
         -webkit-transform: translateX(1200px);
    }
}

@-ms-keyframes goicoDot {
    0% { 
        opacity: 0; 
        -ms-animation-timing-function: ease-in-out;

    }
    20% { 
        opacity: .5; 
        -ms-animation-timing-function: linear;
    }
    
    35% { 
        -ms-transform: translateX(400px);
    }
    
    40% { 
      
        -ms-animation-timing-function: ease-in;
    }
        
    40% { 
      opacity: 0.5; 
    }
        
    60% { 
      opacity: 0; 
    }
    
    80% { 
        opacity: 0; 
        -ms-transform: translateX(1200px);
    }
    
    100% { 
        opacity: 0; 
         -ms-transform: translateX(1200px);
    }
}

@-o-keyframes goicoDot {
    0% { 
        opacity: 0; 
        -o-animation-timing-function: ease-in-out;

    }
    20% { 
        opacity: .5; 
        -ms-animation-timing-function: linear;
    }
    
    35% { 
        -ms-transform: translateX(400px);
    }
    
    40% { 
      
        -ms-animation-timing-function: ease-in;
    }
        
    40% { 
      opacity: 0.5; 
    }
        
    60% { 
      opacity: 0; 
    }
    
    80% { 
        opacity: 0; 
        -ms-transform: translateX(1200px);
    }
    
    100% { 
        opacity: 0; 
         -ms-transform: translateX(1200px);
    }
}