
@import url('https://fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


body{
    font-family: 'Exo 2', sans-serif;
}

#page-wrapper {
	background: #ffffff;
}

.iconoverde{
	background-color: #ffffff !important;
	color: #384f3b !important;
}

.verde{
	background-color: #384f3b !important;
	color: #ffffff !important;
}

.sidebar {
    background: #ffffff !important;
}

.app-search a {
    color: #fff;
}

.app-search .form-control{
	background: none !important;
	border-radius: 0;
	
}

.app-search .form-control:focus{
	
	border-radius: 0;

}

.white-box.producto .box-title {
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;

}
.app-search .form-control:-ms-input-placeholder {
	color: #fff !important;
    margin-top: 5px !important;

}
.app-search .form-control, .app-search .form-control:focus  {
    color: #fff !important;
    margin-top: 5px;
        line-height: 13px !important;
 }   

.app-search .form-control::placeholder {
    color: #fff !important;
    margin-top: 5px;
 }   

.app-search .form-control:hover::placeholder {
    color: #E1A800 !important;
    margin-top: 5px;
    opacity: 1;
 } 

 .app-search .form-control:hover:-ms-input-placeholder {
	color: #E1A800 !important;
    margin-top: 5px !important;

}

.navbar-top-links  > li.idiomas > a {
    color: #fff !important;
    line-height: 35px;
	min-height: 35px;
}


.idiomas .dropdown-menu > li > a {
	color: #384F3B;
}

.idiomas .dropdown-menu > li > a:hover {
	color: #e1a800;
}

.navbar-top-links .idiomas  .dropdown-menu.dropdown-tasks {
    width: 163px;
    z-index: 1999;
}

.app-search a {
    top: 8px;
}

.sidebar {
	top: 35px;

	}

.cont_header {
    background: #384f3b !important;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}

.navbar.navbar-static-top {
    min-height: 35px;
    height: 35px;
    z-index: 999;
    background: none;
    position: relative;
}

.navbar.navbar-static-top .verde {
    background:none !important;
    border: none;
	height: 35px;
}

.app-search button {
    padding-top: 0px;
}

.search-lupa {
    height: 20px;
}

.dropdown .dropdown-tasks, .dropdown .mailbox {
    left: 0;
}

#wrapper {
    margin-top: 35px;
}

#side-menu {
	float: left;
	margin-left: 350px;
}

.navbar-top-links > li.idiomas > a {
    line-height: 35px;
    min-height: 35px;
    color: #fff !important;
}

.fix-header #page-wrapper {
    margin-top: 70px;
}	


.sidebar li a {
	color: #384F3B !important;
	 text-transform: capitalize;
	font-weight: 500;

}

.navbar-top-links .badge.badge-carrito {
    position: absolute;
    right: 15px;
    top: 15px;
}

#side-menu li a {
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	/*background-color: #fff !important*/
}

#side-menu li ul li a {
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
}

#side-menu li a:hover {
    color: #e1a800;
}

#side-menu > li a:hover, #side-menu > li a.active:hover{
    color: #e1a800!important;
    background: #ffffff !important;
}

.top-left-part {
    border: none;
	/*position: fixed;*/
	padding-top: 5px;
}

.navbar-header.verde .container {
	height: 35px;
}

.verde .navbar-top-links > li > a {
    padding: 0 14px;
    line-height: 35px;
    min-height: 35px;
    color: #fff !important;
}

.verde .navbar-top-links > li.idiomas > a {
    width: 138px;
    padding: 0 20px;
}

.top-movil {
    width: 70%;
    text-align: center;
    float: left;
    padding: 15px;
    position:relative;
}
.logo-mobil img{
	max-width: 100%
}
.carrito-movil{
	width: 30%;
	margin-top: 20px;
    float: left;
}
.logo, .ped-min{
	float: left;
}

.ped-min{
	font-style: italic;
	padding: 5px;
	margin-left: -40px;

}
ul.social li{
	display: inline-block;
	list-style: none;
	font-size: 20px;
	margin: 0 10px;
}
ul.social{
	margin-bottom:  0;
}

.footer {
	padding: 10px;
	}
ul.social li a{
	color: #fff;

}

.sidebar-head {
	text-align: right;
}

#side-menu > li > a.active {
    background: none!important;
    color: #e1a800 !important;
    font-weight: 500;
}

.navbar-top-links > li > a:hover {
    color: #e1a800!important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #ffffff !important;
    color: #e1a800!important;
}
.ico-idioma{
	width: 16px !important;
	margin-right: 5px;
}

.filtro {
	min-height: 40px;
	margin-bottom: 10px;
	color: #384f3b;
	padding-right: 5px;
	padding-left: 5px;
}

h5.filtro-title {
	color: #384f3b ;
	font-weight: 300;
}


.filtro button.form-control  {
    color: #384f3b ;
    border: 1px solid #384f3b;
}

.filtro input.form-control  {
    color: #384f3b ;
    border: 1px solid #384f3b ;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Exo 2', sans-serif;
	color: #384F3B;
	font-weight: initial;
}

.producto{
	text-align: center;
}
.product-img {
	height: 220px !important;
}
.product-img img {
	max-width: 100%;
	max-height: 100%;  
}

.corazon-centrado{
	padding-bottom: 5px;
}

.product-text {
	border-top: none;
	min-height: 56px;
	margin-top: 20px;
	padding-top: 0px;

	/*width: 235px;*/
}

.btn-seclecionar{
	color: #384f3b ;
	border: 1px solid #384f3b ;

}
.btn-seclecionar:hover, .btn-seclecionado{
	color: #FFFFFF ;
	border: 1px solid #e1a800 ;
	background: #e1a800;

}
.tallas{
	/*display: none;*/
}
.white-box.producto{
	position: relative !important;
	/*margin-bottom: 30px !important;*/
	min-height: 0;
	padding: 0;
}
.producto:hover .tallas {
	display: block;
}
.carrito-jpg{
	/*width: 35px;*/
}
.carrito-imagenes{
	width: 35px;

}
.carrito-jpg .badge.badge-carrito {
    position: absolute;
    right: 10px;
   
}

/*.product-img {
        height: 220px;
}*/

/*.contener-relativo{
	position: relative;
	margin-top: 10px; 
}
.producto:hover .contener-absoluto{
position: absolute !important;
top: 0;
left:0;
z-index: 99;
margin: 0;
width: 100%;

}*/
.carat-img{
	position: absolute;
	right: 0px;
	top: -40px;
	/*width: 80px;*/
	width: auto;
}

.recomend-img{
	position: absolute;
	right: 0px;
	left: 0px;
	top: -40px;
	width: 22px;
	/*width: 10%;*/
}

.sost-img{
	position: absolute;
    right: 0;
    top: -15px;
    width: auto;
}

.estrella-check_box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
}

.special-price-check_box{
	position: absolute;
    left: 45px;
    top: 10px;
    width: 20px;
}

.carrito-img{
	position: absolute;
	right: 0px;
	top: 0px;	
	width: 20px;
}

.carrito-check_box{
	position: absolute;
	left: 0px;
	top: 20px;
	width: 20px;
}

.checkcatalogIni label{
  margin-left:10px;
}

/*.carrito-img:hover{
  	background: url('/img/vendor/PanamaJack/Catalogo/corazon_verde.svg') no-repeat;
}*/

.corazon-img{
	/*position: absolute;*/
	left: 0px;
	top: 0px;
	width: 20px;
}

.corazon-img-centrado{
	position: absolute;
	top: 0px;
	width: 20px;
	left: 46%;
}

.btn-corazon-img{
	padding: 0px 0px 0px 0px;
}

/*.bloque1 .carat-img{
	display: none;

}*/

.bg-title .breadcrumb {
	float: left;

}

.bg-title .breadcrumb .active {
    color: #e1a800 !important;
}

.bg-title .breadcrumb a {
    color: #384f3b;
}

.bg-title .breadcrumb a:hover {
    color: #e1a800 !important;
}

.producto-hover{
	border: 0px solid #e3e3e5;
	/*z-index: 9;*/
	border-radius: 3px;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
}


.producto .btn-producto{
	display: none;
	height: 40px;

}
.btn-producto-quitar{
	height: 40px;
}

.producto:hover .btn-producto-quitar{
	display: none;

}
.producto:hover .btn-producto{
	display: block;
	height: 40px;

}

.producto:hover{
	/*padding-bottom: 65px;*/
}
ul.tallas_producto{
	padding-left: 0;
	margin-top: 20px
}

ul.tallas_producto li{
	display: inline-block;
	list-style: none;
	
}
ul.tallas_producto li span{
	border: 1px solid #000;
	border-radius: 15px;
	font-size: 10px;
	width: 20px;
	padding: 4px;
	color: #000;
}

/*nuevo filtro de colores*/
ul.colors_product_filter{
	padding:0;
	margin: 0 0 0px -3px;
	list-style: none;
	font-size: 0;
}

ul.colors_product_filter li{
	display: inline-block;
	margin: 0 1px 1px 0;
}

/*nuevo filtro de colores*/
ul.precios_product_filter{
	padding:0;
	margin: 0 0 0px -3px;
	list-style: none;
	font-size: 0;
}

ul.precios_product_filter li{
	//display: inline-block;
	margin: 0 1px 1px 0;
}

ul.colors_products{
	padding:0;
	margin: 0 0 0 -3px;
	list-style: none;
	font-size: 0;
	height: 31px;
}

ul.colors_products li{
	display: inline-block;
	margin: 0 1px 1px 0;
}

.filters_color_label{
	display: block;
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 1;
	color: #2d5134;
}

.filters_pvr_label{
	display: block;
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 1;
	color: #2d5134;
}


.colors__item, .others_colors__item{
	padding: 0;
	border: none;
	margin:  0;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	transition: color 0.12s ease-in-out,border-color 0.12s ease-in-out, background-color 0.12s ease-in-out, opacity 0.12s ease-in-out;
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 31px;
	height: 31px;
	border: 1px solid transparent;
	border-radius: 50%;
	text-transform: none;
	overflow: visible;
}

.colors__item.is-selected{
	border-color:  #f3ca12;
	border-width: 2px;
	cursor: default;
}

.colors__item__bg{
	position:  absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left:  2px;
	border-radius: 50%;
}

.colors_item_white{
	border: 1px solid #ccc;
	cursor: default;
}

.colors_item_white.icon-svg{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	fill: #ccc;
	stroke: none;
}

.colors__item__bg{
	position:  absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left:  2px;
	border-radius: 50%;
}
/*fin filtro de colores*/


/*nuevo filtro de forros*/
ul.forros_product_filter{
	padding:0;
	margin: 0 0 0px -3px;
	list-style: none;
	font-size: 0;
}

ul.forros_product_filter li{
	display: inline-block;
	margin: 0 1px 1px 0;
}


.forros__item {
	padding: 0;
	border: none;
	margin:  0;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	transition: color 0.12s ease-in-out,border-color 0.12s ease-in-out, background-color 0.12s ease-in-out, opacity 0.12s ease-in-out;
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 35px;
	height: 35px;
	border: 1px solid transparent;
	border-radius: 50%;
	text-transform: none;
	overflow: visible;
}

.forros__item.is-selected{
	border-color:  #f3ca12;
	cursor: default;
	border-width: 2px;
}


.talla43__item {
	padding: 0;
	border: none;
	margin:  0;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	transition: color 0.12s ease-in-out,border-color 0.12s ease-in-out, background-color 0.12s ease-in-out, opacity 0.12s ease-in-out;
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 35px;
	height: 35px;
	border: 1px solid transparent;
	border-radius: 50%;
	text-transform: none;
	overflow: visible;
}

.talla43__item.is-selected{
	border-color:  #f3ca12;
	cursor: default;
}
/*fin filtro de colores*/




/*nuevo filtro de price*/
ul.Special_price_product_filter{
	padding:0;
	margin: 0 0 0px -3px;
	list-style: none;
	font-size: 0;
}

ul.Special_price_product_filter li{
	display: inline-block;
	margin: 0 1px 1px 0;
}


/*nuevo filtro de talla*/
ul.talla_product_filter{
	padding:0;
	margin: 0 0 0px -3px;
	list-style: none;
	font-size: 0;
}

ul.talla_product_filter li{
	display: inline-block;
	margin: 0 1px 1px 0;
}


.Special_price__item {
	padding: 0;
	border: none;
	margin:  0;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	transition: color 0.12s ease-in-out,border-color 0.12s ease-in-out, background-color 0.12s ease-in-out, opacity 0.12s ease-in-out;
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 35px;
	height: 35px;
	border: 1px solid transparent;
	border-radius: 50%;
	text-transform: none;
	overflow: visible;
}

.Special_price__item.is-selected{
	border-color:  #f3ca12;
	cursor: default;
}
/*fin filtro de price*/



.icon-titu-bloque{
	margin-top:1px;
	position: absolute;
	left: 0px;
	width: 20px;
	/*top: 0px;*/
}

.titu-bloque{
	color: #384f3b;
}

.titu-bloque-icon{
	color: #384f3b;
	margin-left: 10px;
}

.bloque1{
	/*border-bottom: 1px solid #ccc;*/

}

.separador::after{
	width: 50%;
	border-bottom: 2px solid #384f3b;;
	content: "";
display: block;
margin: auto;
opacity: 0.2;
margin-bottom: 30px;
margin-top: 20px;
}
.carousel-control {
	color: #384f3b;
	text-shadow: none;
}
.carousel-control:hover, .carousel-control:focus {
	color: #384f3b;


}
.product-img .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 220px;
    width: auto;
    width: 100%;
    object-fit: contain;
    object-position: bottom;
}

.product-img .carousel-inner > .item > img {
    width: auto;
    text-align: center;
    margin: auto;
}

.product-img .carousel-control.left {
	background-image: none;
}

.product-img .carousel-control.right {
	background-image: none;
}

.left.carousel-control span {
	left: 0;

}

.right.carousel-control span {
	right: 0;

}



.panel-incidencia .panel-heading{
	background: #384f3b;
	color: #fff;
	text-align: center;
	padding: 10px 25px;
	text-transform: uppercase;

}

.panel-incidencia .filtro {
	padding-right: 15px;
}


.panel-incidencia .panel-heading a, .panel-incidencia .panel-heading a:focus, .panel-incidencia .panel-heading a:hover {
	color: #fff !important;
}


.pdf-des{
color: #9b170d;
font-size: 35px;
line-height: 20px;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #ffc36d;
    background-color: #ffc36d;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #384F3B;
    background-color: #384F3B;
}

th {

    color: #384F3B;
    
}

table.dataTable {
	border: none;

}

table.dataTable thead .sorting::after {
	color: #384F3B;

}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #384F3B;
}


.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #384F3B;
}

.pedidos > thead > tr > th {
	vertical-align: bottom !important;
    border-bottom: 1px solid #e4e7ea !important;
    border-top: 1px solid #384F3B !important;
}

.pedidos > tbody{
	
    border-bottom: 1px solid #384F3B !important;
    
}


.hide-row { 
	display:none; 
}

.total-pendiente-sin{
	color: red !important;
}

.btn-verde{
	background-color: #384F3B;
	color: #fff;
	border:  1px solid #384F3B;
	border-radius: 0px;
}

.btn-verde:hover{
	color: #e1a800;
}

.btn-verde:focus{
	color: #fff;
}


.btn-yellow{
	background-color: #e1a800;
	color: #fff;
	border:  1px solid #e1a800;
	border-radius: 0px;
}

.btn-yellow:hover{
	color: #384F3B;
}

.btn-yellow:focus{
	color: #fff;
}

.dropzone {
    min-height: 150px;
    border: 1px solid #e1e0dc !important;
    background: #f5f5f5 !important;
    padding: 20px 20px;
    border-radius: 0px;
}

.panel-incidencia .panel-body{
	 border: 1px solid #e1e0dc !important;
	 border-top: none;
}


/*LOGIN---------------------------------------------*/

.btn-amarillo{
	background-color: #e1a800;
	color: #fff;
}

.btn-amarillo:hover{
	background-color: #384F3B;
	color: #fff;
}
.carrito .badge {
background-color: #e1a800 !important;
}


.login-box {
	background: none;

}



.login-box .input-group {
padding: 0 15px;
	}

.login-box .input-group input{
background: #eeeeee;
	}

.separador2::after{
	width: 100%;
	border-bottom: 2px solid #cccccc;
	content: "";
display: block;
margin: auto;

margin-bottom: 20px;
margin-top: 20px;
}	
.login-box  .separador2::after{
	width: 100%;
	border-bottom: 1px solid #cccccc;
	content: "";
display: block;
margin: auto;

margin-bottom: 0;
margin-top: 20px;
}
.login-box #username{
	border-right: 0;
}
.login-box #username:focus{
	border-right: 1px solid;
}
.login-box #password{
	border-right: 0;
}
.login-box #password:focus{
	border-right: 1px solid;
}
.login-box a {
    color: #999999;
}

#to-recover{
	font-size: 11px;
	color: #a4a4a4 !important;
}

#to-recover-reset{
	font-size: 11px;
	color: #a4a4a4 !important;
}

.login-box .form-group {

margin: 0;
    margin-bottom: 10px;


}

.login-social ul.social{
	margin: 0;
	padding: 0
}
.login-social ul.social li a{
	color: #999999;
	font-size: 16px;

}


.login-box .mdi.mdi-account{
color: #ccc;
font-size: 24px;
}

.login-box .mdi.mdi-lock-open{
color: #ccc;
font-size: 20px;
}

.login-box .btn-group-lg > .btn, .btn-lg {
padding: 7px 16px;
font-size: 15px;
}

@media (max-width: 768px) {
	.reset-box .white-box {
		margin: 5%!important;
	}
}

@media (min-width: 768px) {

	.reset-box .white-box {
	  border-radius: 5px;
	  margin-right: 140px;
	  margin-top: calc(57vh - 280px)!important;
	  float: left;
	}

	.login-box .white-box {
    border-radius: 5px;
    margin-right: 140px;
    margin-top: calc(60vh - 280px);
    float: left;

}

.login-box {
	width: 500px;
}

.login-register {
height: 100%;
padding: 1%;
margin-top: 0 !important;
}


.login-register::after {
    /* comentado 12/11/2021
    border: 2px solid #e1a800 !important;
    content: "";
    height: 100%;
    width: 100%;
    float: left;*/
}

}

/* FIN LOGIN---------------------------------------------*/


/*CARRITO---------------------------------------------*/
.cabecera-carrito-productos{
	background: #f4f3f4;
	border-radius: 15px 15px 0 0;
}
.carrito-productos{
	border: 2px solid #e1e0dc;
	border-radius: 15px;
	padding: 0;
	margin-bottom: 50px;
}
.btn-seguir-comprando{
margin: 15px 0;	
}
.cabecera-carrito-productos h3{
	color: #384F3B;
	font-weight: 800;
	font-size: 16px;

}

.cabecera-carrito-productos h3 span{
	color: #7a7a7a;
}

.btn-seguir-comprando{
	background: none;
	border: none;
	color: #384F3B;
}
.btn-seguir-comprando:hover{
	background: none;
	border: none;
	color: #e1a800;
}


.carrito-productos .panel .panel-heading a i {
	color: #c50014;
	font-size: 20px;

}

.panel .panel-heading {
	padding: 7px;
} 
img{
	max-width: 100%;

}
.img-carrito{
	text-align: center;
}

.img-carrito img{
	/*border: 1px solid #e1e0dc;*/

}

 h4.precio-carrito{
	color: #384F3B;
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	margin-top: 0;
}

 h4.precio-carrito span{
 	color: #000000;
 	display: inline-block;
 	}
 .datos-carrito h3.box-title{
 	color: #384F3B;
 	line-height: 14px;
 	font-size: 14px;

 }

 .carrito-productos .panel .panel-body {
    padding:0 15px;
   
}

.btn-outline-verde {
    border: 1px solid #384F3B;
    color: #384F3B;
}
/*	

 .btn-outline-verde{
 	border: 1px solid #384F3B;
 	color: #384F3B;
 }*/

 .botones-pedido{
 	padding: 15px;
 	text-align: right;
 	padding-top: 0;

 }

 .panel-producto-carrito{
 	margin-bottom: 0;
 	border-bottom: 2px solid #e1e0dc;
 	padding: 0;
 }

 .panel.panel-producto-carrito:nth-child(2n+1) {

    background: none;

}
 .paso-til h3{
 	color: #384F3B;
 	font-weight: 600;
 	margin-top: 0;
 	margin-bottom: 20px;
 }

 .paso-til{
 	margin-left: -30px;
 }
  .paso-til h3 span{
	border: 1px solid #384F3B;
	width: 30px;
	border-radius: 50px;
	font-weight: 200;
	padding: 5px 13px;
	margin-right: 10px;
	background: #fff;
  }

  .contenedor-borde{
  	border-left: 1px solid #384F3B;
  	    margin-left: 40px;
    padding-left: 25px;
    float: left;
width: 100%;
margin-bottom: 80px;
}

.paso-til {
    margin-left: -45px;
}
.datos-carrito{
	padding-top: 15px
}

.form-group{
	float: left;
width: 100%;

}
.tabla-carrito{
	font-size: 12px;
	margin-top: 15px;
}
.table.tabla-carrito  th{
	font-weight: bold;
}

.table.tabla-carrito > tbody > tr > td, .table.tabla-carrito > tbody > tr > th, .table.tabla-carrito > tfoot > tr > td, .table > tfoot > tr > th, .table.tabla-carrito > thead > tr > td, .table.tabla-carrito > thead > tr > th {
    padding: 5px 4px;
    text-align: center;
}

.table.tabla-carrito  th:first-child{
	text-align: left !important;
}

.tabla-estadistica{
	font-size: 12px;
	margin-top: 0px;
}
.tabla-estadistica > thead > tr > th, .tabla-estadistica > tbody > tr > th {
  padding: 0px 0px;
  text-align: center;
}



.endOrderButton::before {
border-top: 1px solid #384F3B;
width: 40px;
content: "";
height: 20px;
margin-left: -41px;
vertical-align: top;
margin-top: 17px;
position: absolute;
background: white;
}

.table.tabla-carrito .form-control {
   background-color: #ebebeb;
border: 1px solid #e4e7ea;
border-radius: 4px;
box-shadow: none;
color: #565656;
height: 23px;
max-width: 100%;
padding: 2px 3px;
transition: all 300ms linear 0s;
font-size: 12px;
min-width: 30px;
}
.numeros-zapatos{
	background-color: #ebebeb;
	border-right: 1px solid #fff;
	text-align: center;
}
.total-zapatos{
	background-color: #9c9d9d;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.cero{
	color: #cbcbcb;
}

.numeros-zapatos.cero{
	color: #fff;	
}

.zapato-total{
	text-align: right;
	font-weight: bold;
	margin-top: 0;
}


.table.tabla-pago tr{ 
	background: #ebedeb;
	border-bottom: 2px solid  #ffffff;
	
}
.table.tabla-pago th, .table.tabla-pago td{ 
	padding: 6px 8px;
	text-align: right;
	padding-right: 10% !important;

}

.table.tabla-pago td{ 
	padding: 6px 8px;
	color: #384F3B;

}
.table.tabla-pago tr:first-child{
	border-top: 2px solid  #384F3B;
}
.table.tabla-pago tr:last-child{
	border-top: 2px solid  #384F3B;
	border-bottom: 2px solid  #384F3B;
	background: #ffffff;
	font-weight: bold !important;
	color: #384F3B;
}
.table.tabla-pago{
	margin-bottom: 30px;
}
.input-referencia, .input-prepacks{
	width: 135px;
	height: 20px;
	border-radius: 5px;
	background: #f4f3f4;
	border: 1px solid #e1e0dc;
	font-size: 11px;
	float: right !important;
}
.input-prepacks{
	text-align: center;
}

.reflabel {
	float: left !important;
	margin-right: 5px;
}
.table.tabla-pago th{
	border-right: 2px solid  #ffffff;
	
	}

.modal-content {
    border-radius: 0px;
}

.modal-header {
    padding: 15px;
        padding-bottom: 15px;
    border-bottom: none;
    padding-bottom: 0;
}
.modal-body {
	text-align: center;
	color: #384F3B;
	padding-top: 0;
	padding-left: 30px;
	padding-right: 30px;
}    
.modal-footer {
	border-top: none;
}

.progress-bar-verde {
    background-color: #384F3B;
}	

.progress.progress-md.pedido-progreso {
    height: 15px !important;
    max-width: 70%;
    display: block;
    margin: 40px auto;
}


/*FIN CARRITO---------------------------------------------*/


/*REGISTRO DE RECEPCION---------------------------------------------*/


#nuevarecepcion h3{
	color: #808080;
	font-weight: 600;
	text-align: center;
}
#nuevarecepcion h4{
	color: #808080;
	text-align: center;
}

#nuevarecepcion input {
    background: #eeeeee;

}

#nuevarecepcion label{
	display: block;
	text-align: left;
	text-transform: none !important;
}

#nuevarecepcion .form-group{
	padding: 0 5px;
	margin-bottom: 5px;
}

/*REGISTRO DE CLIENTE---------------------------------------------*/

#clienteNuevo h3{
	color: #808080;
	font-weight: 600;
}
#clienteNuevo h4{
	color: #808080;
}

#clienteNuevo input {
    background: #eeeeee;

}

#clienteNuevo label{
	display: block;
	text-align: left;
	text-transform: none !important;
}

#clienteNuevo .form-group{
	padding: 0 5px;
	margin-bottom: 5px;
}


.divider::before, .divider::after {
    border-bottom: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 0.65em;
    margin: 0 2% 0 -55%;
    vertical-align: top;
    width: 50%;
}
.divider {
    
    line-height: 1.2em;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.divider::after {
    margin: 0 -55% 0 2%;
}


@media (max-width: 767px) {
	#side-menu {
	
		margin-left: -15px;
	}

	.fix-header #page-wrapper {
	    margin-top: 80px;
	}
	#side-menu li{
		border-bottom: 1px solid #eee;

	}
	#side-menu .nav-second-level{
		background: #f8fbed;
	}
	.badge-carrit{
		position: absolute;
	}
	#side-menu {
	    padding-top: 0;
	}
	.cabecera-menu-movil {
	    margin-top: 40px;
	    width: 100%;
	    float: left;
	}
	.filtro{
		padding-right: 10px;
	}
	.css-response{
		margin-bottom:5px ;
	}
	.css-response button{
		width: 97%;
	}
}

.dashboard h3{
text-align: center;
font-size: 28px;

}

.dashboard h5{
color: #E3AD11;
}

.dashboard td,.dashboard th{
padding:5px 8px !important;
color: #384f3b;
font-size: 12px
}

.vencida td{
color: #ce0306;
}

.btn-ver-mas{
background: none;
border: none;
}
.btn-ver-mas:hover{
background: none;
border: none;
color: #E3AD11;
}

.btn-repetir{
background: #384F3B;
color: #ffc36d;
border: 2px solid #ffc36d;

}

.btn-repetir:hover{
background: #ffc36d;
color: #384F3B;
border: 2px solid #384F3B;

}

.btn-ver-mas i{
color: #E3AD11;

}
.row-dashboard{
display: flex !important;
align-items:  stretch;
}

.flex-alineado{
display: flex !important;
flex-direction: column;
justify-content: space-between;
}

.dash-img-container{
	display: block;
	position: relative;
	text-align: center;
    bottom: -60px;
}

.dash-img-pj-container{
	display: block;
	position: relative;
	text-align: center;
	bottom: -30px;
}

.dash-img-pj-container{
	display: block;
	position: relative;
	text-align: center;
	bottom: -30px;
}

.dash-separator{
	width: 100%;
	padding: 0px 0px 30px;
}

.dash-img{
	width: 100%;
	padding: 50px 10px 0px;
}

.dashboard-logo {
text-align: center;
width: 100%;
} 

.dashboard-pj-logo {
text-align: center;
width: 75%;
} 

.dashboard-btn-hidden {
 visibility: hidden;
} 

.video-venta {
 height: 100px;	
}


@media (max-width: 767px) {
.row-dashboard {
display: table !important;
}

}

ul.footer-menu {
padding: 0 !important;
}

ul.footer-menu li{
list-style: none;
text-align: left;
font-size:7px;
}

ul.footer-menu a{
color: #fff;
font-size: 12px;

}

.con-enlaces{
clear: both;
float: left;
width: 100%;
}
.sin-enlaces{
clear: both;
float: left;
width: 100%;
}


.dropdown-client{
    height: 250px;
    overflow-y: scroll;
}

.table-client td{
	font-size: 12px;
}

.table-client td.nom-cliente{	
	font-weight: bold;
}
/*
.table-client tr:hover, .table-client tr.selected{
background: #374E3A !important;
}

.table-client tr:hover td, .table-client tr.selected td {
color: #E1A800!important;
cursor: pointer;
}

.table-client .table-striped > tbody > tr:nth-of-type(2n+1):hover, .table-client .table-striped > tbody > tr:nth-of-type(2n+1).selected {
background: #374E3A!important;
}

.table-client .table-striped > tbody > tr:nth-of-type(2n+1):hover td, .table-client .table-striped > tbody > tr:nth-of-type(2n+1).selected td{
color: #E1A800 !important;
}
*/
.clientSea {
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}


.btn-informe,.btn-informe:hover {
	background-color: #fff;
	border: none;
}

.footer {
    /*position: fixed !important;*/
    z-index: 99;
}

.product-mini-img {
	width: 60px;
}



.slider_producto {width: 100%;}
.slider_producto li img {border: solid 1px #fff;}
.slider_producto li:hover img {border-color: #94bb20;}
.slider_producto button {background: #d8d8d8 url('/img/vendor/slider_producto_nav_img.png') no-repeat;cursor: pointer;height: 42px;width: 30px;overflow: hidden;text-indent: -99999px;position: absolute;top: 10px;}
.slider_producto button.slick-prev {background-position: left center;left: 0;z-index:93;margin-right: 20px;}
.slider_producto button.slick-next {background-position: right center;right: 0;z-index:93;}
.slider_producto button.slick-disabled {background-color: #f2f2f2;cursor: initial;}
.arrow-left {left: 0;z-index:93;top:30px;position:absolute;}
.arrow-right {right: 0;z-index:93;top:30px;position:absolute;}
.imgslider {width: calc(100% - 80px);margin: auto;}

#myTable tr:hover td, #myTable tr.selected td{
background: #374E3A;
color: #E1A800;
cursor: pointer;
}


/*.tablamodal tr:hover td, .tablamodal tr.selected td {
	background: unset;
	cursor: unset;
	color:unset; 
}*/


.redfact {
	background-color: #f0cecb !important;
	font-weight: bold;
}


.redfactdb td {
	color: #ff565f !important;

}
.redfactdb strong {
	color: #ff565f !important;

}
.mailFact {
	color: #384F3B;
	padding: 5px;
	font-weight: 700;
}
.tabla-carrito th {
	white-space: nowrap;
}
.bg-title {
    overflow: visible;
    padding: 15px 10px 10px;
    margin-left: -25.5px;
	margin-right: -25.5px;
	margin-bottom: 0px;
	z-index: 100;
}
ol.breadcrumb {
    background-color: #fff;
	color: #384F3B !important;
	font-weight: 500;
}
.breadcrumb > li + li::before {
    padding: 0px 5px 0px;
    color: #384F3B !important;
    content: "·";
    font-size: 20px;
    line-height: 5px;
    font-weight: 800;
}
.breadcrumb > .active {
    color: #384F3B !important;
}
.filtro .form-control {
	border-radius: 0px !important;
}
.btn-pedido{
	color: #384f3b;
	border: 1px solid #384f3b;
	border-radius: 0px !important;
	background: transparent;
	height: 38px;
}
.btn-pedido:hover {
	color: #E1A800!important;
	cursor: pointer;
}

.custom-table .table > tbody  > tr  > td {
	padding: 1px;
	color: #384f3b;
	font-weight: 500;
	text-align: center;
}

.custom-table .table > thead  > tr  > th {
	padding: 5px;
	color: #384f3b !important;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
}

.custom-table .table tr:hover td, .custom-table .table tr.selected td, .custom-table .table tr:hover .ico-pdf, .custom-table .table tr.selected .ico-pdf, .custom-table .table tr:hover .pdf-des, .custom-table .table tr.selected .pdf-des {
    background: #d6dcd9 !important;
    cursor: pointer;
}

.custom-table .table-striped > tbody > tr:nth-of-type(2n+1), .table-client .table-striped > tbody > tr:nth-of-type(2n+1) {
background: #fff;
}

.custom-table td {
	white-space: nowrap;
	vertical-align: middle !important;
}

.table-client td {
	white-space: normal !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #384f3b !important;
	border-color: #384f3b !important;
}

.pagination > li > a {
    color: #384f3b;
    font-weight: 700;
    position: relative;
	float: left;
	padding: 4px 8px;
	border: none;
}

.pagination > li > a:hover, .pagination .active a, .pagination .active a:hover {
	color: #E1A800;
	background-color: #fff !important;
}


/*.navbar-top-links > li > a:hover {
    background: #384f3b;
}*/

.app-search input:hover {
	color: #E1A800 !important;

}

.product-text > .text-muted {
	color: #384f3b !important;
}

.ico-pdf{
	width: 24px !important;
	margin: 5px;
	padding: 0px !important;
}
.pdf-des {
	padding: 0px;
}

.table > tfoot > tr {
    border-top: 1px solid #384F3B;
}

.custom-table > table > tfoot > tr > td{
	background-color: #384f3b;
	text-align: center;
	
	padding: 2px;
}

.custom-table > table > tfoot > tr > td > a {
	color: #ffffff;
}

.custom-table .table tfoot tr:hover td, .custom-table .table tfoot tr.selected td{
	background-color: #384f3b !important;
}
.custom-table > table > tfoot > tr:hover > td > a {
color: #E1A800 !important;
}

.navbar-top-links > li > a:hover {
	background-color: #fff; 
}
.dropdown-toggle:hover {
	background-color: transparent !important; 
}

.carrito-datos .form-control {
	border-color: #000;
}

.carrito-datos .checkbox label::before {
	border-color: #000;
}

.initial-checkbox {
	margin-top: 30px;
}

.div-colors-filter  {
	margin-top: 20px;
}
.div-precios-filter  {
	margin-top: 20px;
	margin-right: 50px
}

.div-forros-filter {
	margin-top: 20px;
}

.div-Special_price-filter {
	margin-top: 20px;
}

.div-talla-filter {
	margin-top: 20px;
}

.initial-checkbox .form-group {
	margin: 0;
    margin-bottom: 0px;
}
.initial-checkbox .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.row-filters-initial{
	justify-content: space-around;
}


.ui-autocomplete {
z-index: 999;
 position:relative;
    height: 250px;
    width: 450px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.ui-state-active {
	color: #E1A800 !important;
	background-color: #fff !important; 
	border-color: #fff !important;
}

td.redfactdb {
	color: red;
}

.datepicker-dropdown{ 
	z-index: 9999 !important;
	/* top: 300px !important; Calendario de cesta principales */
}

.ico-foto{
	width: 80px !important;
	margin-right: 5px;
}

.inc-table thead tr th{
	background-color: #384f3b !important;
	color: #fff !important;
	text-align: center !important;
	padding: 5px !important;
	font-weight: 400;
	text-transform: uppercase;
}

.titleInc {
	color: #384f3b;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.botomInc {
	height: 30px !important;
}


/* iconos---------------------------------------------*/


.product-inc-img img{
	max-height: 220px !important;
}

.inc-lengueta-icon, .inc-estado-icon {
	width: 80px !important;
	vertical-align: middle;
}

.inc-lengueta-div {
	text-align: center;
	background: #f6f6f6;
	border-radius: 5px;
	border: 1px solid #dddddd;
	height: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.inc-lengueta-div img{
	height: 40px;

}
.inc-estado-icon{
	height: 30px;
}
.inc-estado-subicon{
	height: 20px;
	    margin: 10px auto 0;
	display: block;
	text-align: center;

}
.inc-estado-text{
	color: #384F3B;
	font-weight: 600;
	text-align: center;
}

 .inc-estado-subtext{
	color: #384F3B;
	font-weight: 300;
	
	font-size: 10px;
	line-height: 10px;
	display: block;
    margin-top: 5px;
    text-align: center;
}

.inc-table-desc{
	color: #384F3B;
font-weight: 600;
text-transform: uppercase;
}
.inc-estado{
	
}

.inc-buttons{
	width: 80%;
}
.inc-button-icon{
	width: 30px !important;
	margin: 10px 0;
	cursor: pointer;
}


#tablaInc td{
	vertical-align: middle;
	text-align: center;
	
}

.inc-estado-text.inc-rechazo{
	color: #E60014;

}


select.bs-select-hidden {
  border: 0 none;
  bottom: 0;
  box-shadow: none;
  color: white;
  display: inline-block !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px !important;
}

.datepicker-days .day {
	color: #111;
}

.datepicker-days .day .disabled {
	color: #eee !important;
}

.servicio-entrega span {
	white-space: nowrap;
}

.servicio-fecha {
	white-space: nowrap;
}


@media (max-width: 1024px) {
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	opacity: 1;
}
input[type=number] {
    text-align: center;
}
}

@media (min-width: 1025px) {
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	text-align: center;
    -webkit-appearance: none; 
    margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
    text-align: center;
}

}


.modalphoto {
	width: auto;
	max-width: 90%;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modalacre label {
	text-align: left !important;
	float: left !important;
}

th .talla {
	border: 1px solid #E1A800;;
	border-radius: 15px;
	font-size: 10px;
	width: 20px;		
	padding: 6px;
	color: #E1A800;
	cursor: pointer;
}

th .selected {
	border: 0px	!important;
	border-radius: 15px;
	font-size: 10px;
	width: 20px;		
	padding: 6px;
	color: #384f3b !important;
	background-color: #E1A800;
}

.servicio-entrega-iniciales {
	padding-top: 20px !important;
	text-align: left!important;
}
.servicio-entrega-iniciales span {
	/*position: relative;*/
	/*right: 95px;*/
	border: 1px solid #384f3b !important;
	font-size:15px;
	padding: 3px 10px;
	border-radius: 5px;
	cursor: pointer;
}

.servicio-entrega-iniciales, .servicio-entrega-servicio {
	color: #384f3b !important;
	font-size: 15px;
}

.table-iniciales td:nth-child(2), .table-iniciales td:nth-child(3),.table-iniciales th:nth-child(2), .table-iniciales th:nth-child(3) {
  display: none
}

.prepacks-advise {
	color: red !important;
}
.fechas-servicio-advise {
	color: red !important;
}
.pendiente-advise {
	color: red !important;
}
.cantidad-zero-advise {
	color: red !important;
}

.btnfin {
	opacity: .8;
	border: 1px solid #e4e7ea;
	background: #e4e7ea;
	text-decoration: none;
	color: #e1a800;
}

#side-menu.acortar > li > a {
	padding-right: 8px;
}

#side-menu.acortar {
	margin-left: 290px;
}



/*@media (max-width: 993px) {

	.hidden-ipad2 { display: none !important; }
	.visible-ipad2 { 
		display: block !important; 
		padding: 25px 14px !important;
	}

}*/

/*select.selectpicker {
	display: none !important;
}*/

.datos-facturacion .checkbox label::before {
    border-color: #000;
}


.redfacts {
	color: red !important;
	font-weight: bold;
}
.greenfacts {
	color: green !important;
}


.dropdown-toggle:hover {

    background-color: transparent !important;

}

.t-a-l {
	text-align: left !important;
}

.askProduct {
	text-align: center;
}

.input-material-pendiente {
	text-align: center;
}

.fecha_servicio_pieles {
	text-align: center;
}

.t-a-r {
	text-align: right !important;
}
.modal-condiciones {
	text-align: left !important;
	padding-left: 20px;
	padding-right: 20px;
}

.verdecheck {
	color:  #384F3B !important;
	font-weight: 600;
}

.verdecheck:hover{
	color: #e1a800 !important;
	font-weight: 600;
}

.dbt th {
	text-align: center;
}

.dbt td {
	text-align: center;
}

.ico-incimg {
	max-width: 50px;
}

.w100 {
	width: 100%;
}

.filtrorefinc, #refFilter{
	list-style: none;
}

#refFilter strong {

    white-space: nowrap;
	color: #384F3B !important;
	padding-top: 15px;
}

#refFilter {
	    margin: 0; /* To remove default bottom margin */ 
    padding: 0; /* To remove default left padding */
}

#refFilter > li > a > div {
	display: inline-flex;
}

#refFilter li:hover  strong{
	color: #e1a800 !important;
}
.dropdown-ref {
	height: 250px;
	position: absolute;

}

.row-dashboard .btn {
	white-space: normal !important;
}

.cstincta {
	height: 150px !important;
}

.panel-incidencia .panel-heading:hover, .panel-incidencia .panel-heading:hover > div > a > i {
	color: #e1a800 !important;
}

.btnwim {
	border: 0;
	width: 150px;
	border-radius: 0px;
}

.imghead {
	height: 28px;
	/*padding: 0px 15px 0px 0px;*/
}
.imgheadtb {
	height: 14px;
	padding: 0px 6px 0px 0px;
}
.btnnwim {
 background-color: #e1a800;
 color: #fff;
 opacity: 0.6;
 border: 0;
 white-space: inherit;
 line-height: 14px;
}

.btnnwim.selected {
 background-color: #e1a800;
 color: #fff;
 opacity: 1 !important;
 border: 0;
}
.btnnwim:hover {
 background-color: #e1a800;
 color: #fff;
 opacity: 1;
 border: 0;
}
.divwim:hover button {
	border: 0;
}
.filtro-title {
	font-size: 13px;
}

.pedido-modelo .col-xs-12 {
	width: 102%;
}
.btn-estadop {
	border: 0px !important;
	border-radius: 0px !important;
	background:	transparent;
	margin: 3px 0px;

	padding: 4px 12px 4px 5px;
}
.btnwim {
	padding: 4px 12px 4px 5px;
}
.btnnwim {
	padding: 4px 8px 4px 8px;
}
.btn-estadop:hover {
	color: #E1A800 !important; 
}
.btn-addrecep:hover {
	color: #E1A800 !important; 
}
.morado {
	background-color: #e1c7c6;
}

.morado td button {
	background-color: #761627 !important;
}
.naranja {
	background-color: #e3a989;
}

.naranja td button {
	background-color: #c95d1b !important;
}
.m-r-ctm {
	margin-right: -5px;
}
.icon-options {
	padding-top: 25px;
}

@media (max-width: 1199px) {
	.hidden-ipad2 { 
		display: none !important; 
	}
	.visible-ipad2 { 
		display: block !important; 
	/*	padding: 25px 14px !important;*/
	}
	.ped-min {
		margin-left: 20px !important;
	}
	.top-left-part {
		width: 110px !important;
	}
	#side-menu {
		margin-left: 240px !important;
	}
	.col-md-12 .filtro {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/*.hidden-ipad { display: none !important; }*/
	/*#side-menu { margin-left: 0px !important; }*/
	/*.visible-ipad { 
		display: block !important; 
		padding: 25px 14px !important;
	}*/
	/*.ped-min { margin-left: 0px;}
	.contenedor-borde { margin-left: 0px; } 
	.app-search .form-control:focus {

    	width: 250px;

	}*/
}
@media (max-width: 1200px) {
select.selectpicker {
	display: none !important;
}
}
.m-b-60 {
	margin-bottom: 60px !important;
}

.backctm {
	float: right !important;
	font-size: 18px !important;
	color: #384f3b !important;
}

.amarillo {
	color: #e1a800 !important;
}

.tooltip-inner {

	background-color: #384f3b;
	color: #e1a800;
}

.tooltip-arrow {

	background-color: #384f3b;
	color: #e1a800;
}

.greenEst {
	color: #384f3b !important;
}

.orangeEst {
	color: #c95d1b !important;
}

.redEst {
	color: #761627 !important;
}



.bg-title {
	margin-bottom: 0;
}

/*CONTACTOS---------------------------------------------*/
.transparente {
	background-color: transparent;
	color: #ffffff !important;
	border: none;
	outline: none;
}

/*FIN CONTACTOS---------------------------------------------*/

/*CATÁLOGO-------------------------------------------------*/
.carousel-inner>.item {
    vertical-align: middle !important
}
.carousel-inner>.item.active {
	display: -webkit-table-cell !important;
	display: -moz-inline-flex;
    vertical-align: middle !important
}
.carousel-inner>.next,.carousel-inner>.prev{
	position: absolute;
	display: -webkit-table-cell !important;
	display: -moz-box !important;
    vertical-align: middle !important;
}
/*FIN CATÁLOGO--------------------------------------------*/

/*ESCAPARATRS --------------------------------------------*/
.carousel-control span {
	top: 33%;
}
/*FIN ESCAPARATES ----------------------------------------*/

/*CESTA INICIALES FECHAS **********************************/
.table-iniciales > tbody > tr > th{
	min-width: 115px;
}

.fecha_entrega{
	width: 150px;
	text-align: left;
    padding-left: 9px;
}

.caja-dias{
	position: relative;
	top: 5px;
	float: right;
}

.dias_transito{
	position: relative;
    color: #c50014;
    float: left;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.titulo-dias{
	position: relative;
    float: left;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}

.uppercase{
	text-transform: uppercase !important;
}
.padding_top_23{
	padding-top: 23px !important;
}

.alert_expedicion{
	position: relative;
    min-width: 435px;
    float: left;
    margin: 0px;
    top: 20px;
    font-weight: bold;
    color: #384f3b;
    background: #cbd4cd;
    padding: 3px 10px;
    left: 156px;
    text-align: center;
    font-size: 12px;
    left: 0;
}

.marca-descatalogado{
    background-repeat: no-repeat!important;
    background-position: center!important;
    width: 100%;
    height: 250px;
    margin: auto;
    position: absolute;
    opacity: 0.7;
    z-index: 9;
}

.carrito-productos .panel .panel-heading a i{
	position: absolute;
    z-index: 10;
    right: 6px;
}

.titulo-descatalogado{
	position: relative;
    min-width: 54%;
    text-align: center;
    background: #ffcd00;
    left: 0;
    font-weight: bold;
    color: #374e3a;
    float: left;
    font-size: 12px;
    top: 5px;
    z-index: 1;
    margin: 0px 30px 0px 21px;
    padding: 0px 10px;
}
.icono-descatalogado{
    background-image: url(/webroot/img/vendor/ICONO-ADVERTENCIA.svg) !important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    width: 35px;
    height: 28px;
    position: absolute;
    opacity: 1;
    z-index: 9;
}

.caja-alerta{
	position:relative;
	top:203px; 
	left:182px;
}
/*FIN CESTA INICIALES FECHAS *****************************/

/* ETIQUETAS */
.text_area_hei {
    height: 350px !important;
}
/*FIN ETIQUETAS */

.form-control-eans{
	box-shadow: none!important;
    border: none!important;
    width: 75%!important;
    border-bottom: 1px solid #313131!important;
    border-radius: 0px!important;
}

.form-control-eans:focus {
    box-shadow: none!important;
    border-color: #313131!important;
    width: 75%!important;
    float: left!important;
}

.transparente{
	background: transparent!important;
    border: none!important;
}
.transparente:focus{
	background: transparent!important;
    border: none!important;
}
.subtable .table > thead > tr > th{
	font-size: 14px!important;
}
.subtable .table > thead > tr > th[field="Modelo"]{
	text-align: left;
}
.subtable .table > thead > tr > th[field="Pares"]{
	text-align: right;
}
.subtable{
	display: contents;
    font-size: 12px!important;
}
.subtable .table{
	float: right;
	/*width: 50%;*/
}
.table-state .table td[colspan="7"], 
.table-state .table td[colspan="7"]:hover{
	background-color: transparent!important;
	/*padding-bottom: 15px;*/
}
.subtable #myTable tr:hover td{
	background-color: transparent!important;
	color: #384f3b;
}
.subtable .table tr:hover td, 
.subtable .table tr.selected td, 
.subtable .table tr:hover .ico-pdf, 
.subtable .table tr.selected .ico-pdf, 
.subtable .table tr:hover .pdf-des, 
.subtable .table tr.selected .pdf-des {
	background: transparent!important;
}
.subtable .table:hover, .subtable .table:focus {
	background: #384f3b14!important;
}
.table-state .table tr:hover td{
	background: none!important;
	cursor: default;
}

.push-style{
	float: right!important;
}

h4.total-cesta-style{
	color: #384F3B;
    font-weight: 600;
}

h4.total-cesta-style span {
    color: #000000;
    display: inline-block;
}

.precio-cat{
	color: #384f3b !important;
}

#myStateTable tr.mostrar:hover, #myStateTable tr.mostrar:hover td, #myStateTable tr.mostrar.selected td {
	background: #eff1f0;
	color: #E1A800!important;
}

.cesta_up_button{
	margin-left: 0px;
	margin-right: -30px;
}

.modalRecomendados .product-img .carousel-inner > .item > a > img{
	height: 150px!important;
}
.modalRecomendados .product-img {
    height: 150px!important;
}
.modalRecomendados .others_colors__item{
	width: 25px;
    height: 25px;
}
.modalRecomendados .recomend-img{
	top: 0px;
}
.modalRecomendados .contener-absoluto-white{
	min-height: 0px;
    margin-top: 0px;
    height: 0px;
}
.modalRecomendados .modal-body{
	overflow: auto;
}
.modalRecomendados .overflow_modal{
	overflow:auto;
	max-height:790px!important;
}
.modalRecomendados .white-box {
	margin-top: 0px!important;
    padding-top: 0px!important;
}
.modalRecomendados .carat-img{
	width: 55px;
	top: 0px;
}
.modalRecomendados .rowcat{
	display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    max-height: 790px;
    overflow:auto;
}


.divCarritosEsta{}
.divEsta{}
.divPvc{float:left;margin: 0 2vw 0 1vw;}
.divPvp{float:left;}
.box-talla{float: left;width: 100%;height: 50px;}
.box-white{float: left;width: 100%;height: 50px;}
.contenedor-producto ,.contenedor-producto .producto-hover{display: flex;justify-content: center;align-items: center;}

.box-cesta-button{display:inline-block;padding:0px;float:right;}
.botones-pedido button{margin-left: 0px;}
.box-notificar{float: left;}
.box-total{float: right;}
.zapato_total, .zapato_total-falseado{margin: 0px;}

@media screen and (max-width: 767px){
	.container {padding-left: 15px;padding-right: 15px;}
	.row{margin-left: 0px;margin-right:0vw;}
	.contenedor-producto{padding-left: 5px;padding-right: 5px;}
	.carrito-img{right: 5px;}
	.divPvc{float:left;margin: 0 0 0 0;}
	.divPvp{float:right;margin-right: 25px;}
	.colors__item, .others_colors__item{width: 25px;height: 25px;}
	.colors__item__bg{top: 0px;right: 0px;bottom: 0px;left: 0px;}
	.product-text{font-size: 11px; height: 70px;}
	small{font-size: 81%;}
	.imghead{height: 20px;}
	.img-carrito, .datos-carrito{padding-left: 0px;}
	.box-ref-cliente{padding-left: 0px;}
	.product-img{height: 185px;}
	.product-img .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{height: 185px;}
	.box-table-producto > .table-responsive{padding-bottom: 15px;}
	.input-referencia, .input-prepacks{width: 100%;}
	.box-table-producto,.box-table-pedido,.box-table-responsive{padding: 0px;}
	.carrito-datos .contenedor-borde{margin-left: 5px!important;padding-left: 12px!important;}
	.btn-xs{font-size: 11px;}
}
.etiqueta-info{
	font-size: 12px;
	color: #374e3a;
}

ul.tallas_producto div.tallas_cant div {
	border-top: 1px solid #384F38;
}
ul.tallas_producto div{
	display: flex;
	justify-content: center;
    align-content: center;
    align-items: center;
}
.traspaso{
	width: 17px;
	height: 15px;
	font-size: 9px;	
	color: #384F38;
}
.traspaso_titulo{
	width: 31px!important;
	text-align: left;
	font-size: 9px;	
	color: #384F38;
}
.sobrante_artic{
	display: flex;
	justify-content: center;
}
.artic_traspaso{
	width: 17px;
	height: 15px;
	font-size: 12px;	
	display: block;
	color: #384F38;
}
.artic_traspaso_titulo{
	width: 35px;
	text-align: left;
	font-size: 12px;	
	display: block;
	color: #384F38;
}
.artic_traspaso_titulo_sobrante{
	/*width: 50px;*/
	text-align: left;
	font-size: 12px;	
	display: block;
	color: #384F38;
}
.mytableDisponible{
	width: 100%;
}
.mytableDisponible thead{
	border-bottom: 1px solid #384F38;
}
.mytableDisponible tr td{
	width: 22px;
}
.table_disponible{
	/*display: flex;*/
	justify-content: center;
}
.dropdown-ref {
	top: 40px;
}
.capitalize{
	text-transform: capitalize;
}

.aviso_t{
	line-height: 30px;
	font-size: 23px;
}
.aviso_c{
	font-size: 15px;
	text-align: left;
	line-height: 25px;
}
.disponible_art{
	cursor: pointer;
}
.p-l-40{
	padding-left: 40px!important;
}
.title-1{
	font-weight: 700;
	color: #384f3b;
	font-size: 14px;
}
@media screen and (max-width: 991px){
    .box-center-small{
        display: inline!important;
    }
    .genero{width: auto;}

    .caja-alerta {top: 414px;left: 30px;}
	.alert_expedicion{top: 185px;left: 3px;}

	.reset-box .white-box {
		 margin: 5%!important;
	}
		
}

.disabled{cursor: no-drop;}
.disabled-check{pointer-events: none;}
.alto7{top: 75px!important;}
.genero{width: 11%;}
.disabled button.form-control {
	background: #d9ddda;
}
@media screen and (max-width: 991px){
    .caja-alerta {top: 414px;left: 30px;}
	.alert_expedicion{top: 185px;left: 3px;}
	.marca-descatalogado{height: 468px;}
}

.checkmodal .form-group{
	margin-bottom: 0px!important;
}

.yellow_modal{
	background: #ffca00;
}

.datepicker-days .day{
	background: #384f3b5c!important;
}
.datepicker table tr td.selected{
	background-color: #e1a800!important;
	color: #384f3b!important;
}
.datepicker-days .day.disabled{
	background: #FFFFFF!important;
}
.btn-seguir-comprando-carrito{
	color: #384f3b;
	line-height: 41px;
	text-transform: capitalize;
	border: 1px solid #384f3b;
	background: #fff;
	height: 55px;
	font-weight: 600;
	border-radius: 5px;
}
.btn-seguir-comprando-carrito:hover{
	background-image: radial-gradient(circle at 50% 50%, #678031 0, #567933 12.5%, #447134 25%, #326634 37.5%, #1f5932 50%, #0b4c2f 62.5%, #00412c 75%, #00382a 87.5%, #003028 100%);
	color: #ffffff;
	line-height: 41px;
	text-transform: capitalize;
	border: 1px solid #384f3b;
	height: 55px;
	font-weight: 600;
	border-radius: 5px;
}
.servicio-entrega{
	background: #e0a90863;
	cursor: pointer;
}

/******* VIDEO *******/

.video-carrousel{
 	position: relative;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: transform .6s ease-in-out;
	transition-property: transform;
 }

/*********** VIDEO ************/

.cab-crear{position: fixed;max-width: 1680px;height: 50px;z-index: 9;background: #fff;top: 96px;padding-left: 0px;padding-top: 22px;padding-bottom: 40px;}

@media (max-width: 991px) {
	.cab-crear{position: relative;max-width: 1680px;height: auto;z-index: 9;background: #fff;top: 0px;padding-left: 15px;padding-top: 0px;padding-bottom: 0px;}
}

.select-recortar-texto span{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 350px;
}

.proveedor .form-control{
	background: #384f3b12;
}

.subtableprov .table > thead > tr > th {
  line-height: 10px;
}

.ordencompraorden .dropdown-menu li a span.text{ font-size: 12px;line-height: 14px !important; }
.ordencompraorden.open > .dropdown-menu.open{right: 0;left: -200px;}
.ordencompraorden.open > .dropdown-menu.open > ul{max-height: 300px!important;}
.btn-ok-state{background-color: #e1a800;color: #fff;border-radius: 0px;}
.btn-ok-state:hover;{background-color: #e1a800;color: #384f3b;border-radius: 0px;}

.filterSpecial .bootstrap-select.btn-group .dropdown-toggle .filter-option{color: #ff004a; font-weight: 600;}

.filterSpecial .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark,
.filterSpecial .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{color: #ff004a;}


.table-gestor:focus {

}

.table-gestor .sub_tabla_gestor td{
	background: #384f3b08 !important;
}

.selectedGestor {
      background-color: white!important;
   
    }

 .selectedGestor td{
 	
    font-weight: bold !important;
 }



.table-gestor .table > tbody > tr > td{
	padding-top: 8px!important;
    padding-bottom: 8px!important;
}

.table-gestor .subtableprov .table > tbody > tr > td{
	padding-top: 2px!important;
    padding-bottom: 2px!important;
}

.table-gestor .table > tbody > .sub_tabla_gestor > td{
	padding-top: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0!important;
    padding-right: 0!important;
}




.table-gestor .subtable .table > thead > tr > th{
	font-size: 12px !important;
}


.sub_tabla_gestor td{
	background: white !important;
}

.table-gestor tr:hover{
	background: white !important;
}

.custom-table .table .sub_tabla_gestor:hover td{
	background: #f9f6ef !important;
}

.custom-table .table .sub_tabla_gestor td{
	background: #f9f6ef !important;
	color: #5d725f!important;
}

.subtableprov .table > thead > tr > th{
	border-bottom: none;
}

.sub_tabla_gestor .subtable .table:hover{
	background: white!important;
}

.center_table{
	width: 212px;
}

.table-gestor .table>tbody>tr>td{
	border-top: 1px solid #384F3B !important;
}
.sub_tabla_gestor .table>tbody>tr>td{
	border-top: none !important;
}

.subtableprov .table tr{
	background: #ebd492 !important;
}

.table-gestor .table tr:hover td {
    background: #ebd492 !important;
    cursor: pointer;
}


td.arrow_down {
  position: relative;
  overflow: hidden;
  width: 15px; /* ajusta según tus necesidades */
  height: 15px; /* ajusta según tus necesidades */
}

td.arrow_down:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #384f3b transparent transparent transparent;
}



td.arrow_up {
  position: relative;
  overflow: hidden;
  width: 15px; /* ajusta según tus necesidades */
  height: 15px; /* ajusta según tus necesidades */
}

td.arrow_up:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #384f3b transparent;
}


.special-price{
	color: #ff004a;
}

.special-price label{
	font-weight: bold;
	padding-left: 23px;
}

.margin-left-15{
	margin-left: 15px;
}


.checkbox-warning-special input[type=checkbox]:checked+label::before {
    background-color: #ff004a !important;
    border-color: #ff004a !important;
}


td.arrow_right {
  position: relative;
  overflow: hidden;
  width: 15px; /* ajusta según tus necesidades */
  height: 15px; /* ajusta según tus necesidades */
}

td.arrow_right:after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px; /* Cambia los valores de border-width para apuntar a la derecha */
    border-color: transparent transparent transparent #384f3b; /* Ajusta los colores del borde en consecuencia */

}

.filterEstacionalidad .form-control{
	background: #d6dcd9 !important;
}