/*=============================================
CARRITO DE COMPRAS
=============================================*/

.colorUtil {
    color: #009900;
}

.fondoUtil {
    background: #009900;
    color: #fff;
}

.sombra_fondo {
    background: linear-gradient(180deg, rgba(247,247,247,1) 80%, rgba(224,224,224,1) 100%);
}

.sombra_fondo_edit {
    background: linear-gradient(180deg, rgba(180,220,235,1) 83%, rgba(93,183,212,1) 100%);
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    
    
    background-color: #337ab7 !important;
}


.linkPag {
    cursor: pointer;
}

#listaOrdenableCotizaciones li {
    margin-bottom: 15px;
}

.btnActividadVenta {
    padding: 5px;
    margin-top: -6px;
    margin-right: -10px;
    background-color: #7bde9e40;
    border-color: #288924;
    color: #000 ;
}


.btnActividadVentaPorRealizar {
    padding: 5px;
    margin-top: -6px;
    margin-right: -10px;
    background-color: #fffeea;
    border-color: #ceaf75;
    color: #000 ;
}


.btnActividadVentaPendiente {
    padding: 5px;
    margin-top: -6px;
    margin-right: -10px;
    background-color: #f1ec8f;
    border-color: #bce8f1;
    color: #000 ;
}

.btnActividadVentaEnProceso {
    padding: 5px;
    margin-top: -6px;
    margin-right: -10px;
    background-color: #f1ec8f;
    border-color: #bce8f1;
    color: #000 ;
}

.btnActividadVentaRealizado {
    padding: 5px;
    margin-top: -6px;
    margin-right: -10px;
    background-color: #dc0101;
    border-color: #bce8f1;
}


.btnActividadVentaEliminado {
    padding: 5px;
    margin-top: -6px;
    margin-right: -10px;
    background-color: #000;
    border-color: #ddd;
    color: #fff;
}



.caja_formulario {
    padding: 0px; 
    /*max-height: 170px; 
    min-height: 170px; */

    max-height: 0px; 
    min-height: 0px; 
    overflow-y: auto;
} 

.bloque_chec {
    /*display: flex; */
}

.panel-marcado {
    
    background-color: #850000;
    border-color: #ae2323;
}

.panel-marcado .panel-title {
    
    color: #fff; 
}

.panelComentarios {
    max-height: 450px;
    overflow-y: auto;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: #cccccc;
    padding: 10px 30px 10px 50px;
}

.cabeceraCarrito{
	height:40px;
}

.cabeceraCarrito h3{
	margin-top:-5px
}

.cabeceraCheckout{
	height:66px;
}

.textoClaro {

    color: #FFF !important;

}

.textoObscuro {

    color: #000 !important;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #213876;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/*=============================================
CHECKOUT
=============================================*/

.contenidoCheckout, .contenidoCheckout .row{
	padding:0px 20px;
}

.formEnvio{
	display:none;
}


.mt{
    margin-top: 5px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;

  }



.pagerCot li>a, .pagerCot li>span {
    display: inline-block;
    padding: 5px 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 10px;
}

.pager {
    
    margin: 0px 0px 10px 0px;
    text-align: right;
    
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 11px;
}


.mens_cot {
    
    
    font-size: 42px;
    color: #fff;
    text-shadow: 0 8px 9px #909090, 0px -2px 1px #fff;
    font-weight: bold;
    
    text-align: right;
    background: linear-gradient(to bottom, #F4F4F4 0%,#F5F5F5 100%);    
    padding: 10px 20px;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    
}


input[type="checkbox"], input[type="radio"] {
  transform:scale(2, 2);

}




@media (min-width:768px){

    .fila{
        min-height: 60px;
        /*background: #ff0000;*/
        padding-left: 3px; ;
    }

    .subfila{
        min-height: 30px;
        /*background: #ffff00;*/
        padding-left: 3px; ;
    }



}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

    .fila{
        padding-left:  5px;  
        padding-right: 5px;  
        padding-top: 2px;  
    }
    .subfila{
        padding-left:  5px;  
        padding-right: 5px;  
        padding-top: 2px;  
    }


}