* {
    margin: 0;
}

html, body {
    height: 100%;
}
.row1{
    margin-left: 5px;
}

.contenido{
    width: 100%;
}

.container {
    min-height: 92%;
    height: auto !important;
    height: 92%;
    margin: 0 auto -203px;
}

.contenido70{
    width: 70%;
    float: left;
}

.contenido30{
    width: 30%;
    float: left;
}

.contenido15{
    width: 15%;
    float: left;
}

.contenido13{
    width: 13%;
    float: left;
}

.contenido20{
    width: 20%;
    float: left;
}

.contenido35{
    width: 35%;
    float: left;
}

.contenido40{
    width: 40%;
    float: left;
    margin: 0;
}

.contenido50, .contenido50_2{
    width: 49%;
    float: left;
}
.contenido40_2{
    width: 40%;
    float: left;
}

.contenido60{
    width: 60%;
    float: left;
}

.contenido85{
    width: 84%;
    float: left;
}

.contenido60_2{
    width: 60%;
    float: left;
}

.quitarmargen{
    margin: 0;
    padding: 0;
}

.overflow_auto{
   overflow: auto;
}

.input1{
    width: 72%;
}

.input2{
    width: 81%;
}

.input4{
    width: 79%;
}

.contenido40 .controls{
    margin: 0;
    margin-left: 80px;
}

.contenido40 .required{
    width: 75px;
}

.contenido60_2 .required{
    text-align: center;
}

.controls select{
    width: 400px;
}

.contenido50_2 .controls{
    margin-left: 80px;
}

.contenido50_2 .control-label{
    width: 80px;
}

.width60{
    width: 187%;
}

.width70{
    width: 55%;
}

.width80{
    width: 80%;
}

.width50{
    width: 50%;
}

.contenido_imagen{
    width: 230px;
    height: 200px;
}

.contenido_imagen_producto{
    width: 300px;
}

.padding_left_20{
    padding-left: 2em;
}

.contenido_imagen_2{
    padding-top: 2em;
    width: 285px;
    height: 330px;
}

.contenedor_sin_logotipo_empresa, .contenedor_imagen_articulo{
    width: 200px;
}

.contenedor_imagen_articulo{
    width: 250px;
    height: 250px;
}

.contenedor_logotipo_empresa{
    width: 230px;
    height: 200px;
}

.contenedor_iconos_logotipo_empresa{
    width: 200px;
    height: 30px;
}

.icono_empresa{
    width: 30px;
    height: 30px;
    float: right;
    margin: 0 0 0 5px;
}

.logotipo_form{
    width: 200px;
    height: 200px;
}

.centrar{
    display: block;
    margin: 0 auto 0 auto;
}

.right{
    float: right;
}

.border_imagen{
    border: 1px;
    border-radius: 20px;
}

.contenido_imagen_producto p{
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    font-size: 21px;
    color: #333;
}

.contenedor_imagen_articulo_pequeña{
    margin-left: 2px;
    height: 125px;
    width: 125px;
}

.espacio{
    width: 87%;
    margin-top: 5px;
}

.titulo_login{
    font-size: 2em;
}

.padding_login{
    padding: 20px;

}

.width25px{
    width: 25px;
}

.width40px{
    width: 100px;
}

.width5x{
    width: 5%;
}

.width8x{
    width: 8%;
}

.width10x{
    width: 10%;
}

.width11x{
    width: 11%;
}

.width13x{
    width: 13%;
}

.width15x{
    width: 15%;
}

.width20x{
    width: 20%;
}

.width22x{
    width: 22%;
}

.width25x{
    width: 25%;
}

.width28x{
    width: 28%;
}

.width30x{
    width: 30%;
}

.width35x{
    width: 35%;
}

.width29x{
    width: 29%;
}

.width40x{
    width: 40%;
}

.width50x{
    width: 50%;
}

.width60x{
    width: 60%;
}

.width70x{
    width: 70%;
}

.width75x{
    width: 75%;
}

.width80x{
    width: 80%;
}

.width90x{
    width: 90%;
}

.width95x{
    width: 95%;
}

.width100x{
    width: 100%;
}

.width20x .controls select{
    width: 300px;
}

.achicar_grande img{
    width: 250px;
    height: 250px;
}

.achicar img{
    width: 125px;
    height: 125px;
}

.subfamilia_select select{
    width: 325px;
}

.porcentaje_input input{
    width: 180px;
}

.dinamica tr, .dinamica td{
    border-bottom: 1px solid black;
    border-color: #dddddd;
    padding: 10px;
}

.dinamica .nombre{
    width: 98%;
}

.dinamica input{
    width: 90%;
    text-align: center;
}

.totales tr, .totales td{
    border-bottom: 1px solid black;
    border-color: #ffffff;
    padding: 10px;
}

.totales .nombre{
    width: 98%;
}

.totales input{
    width: 90%;
    text-align: center;
}

.copy a{
    color: #C00;
    display: block;
    margin-top: 5px;
}

.width40x select{
    width: 40%;
}

.width50x select{
    width: 65%;
}

.td_inline{
    padding-left: 20px;
}

.td_inline2{
    padding-left: 15px;
}

.td_inline p{
    margin-bottom: 20px;
}

.td_inline .controls{
    margin-left: 60px;
}

.td_inline label{
    width: 25%;
}

.fecha{
    float: left;
}



.margin_bottom5{
    margin-bottom: 5%;
}

.control-group{
    margin: 10px 10px 10px 10px;
}

.fecha .control-grouplabel{
    margin: 15px 10px 10px 10px;
}

.dinamica .controls{
    margin: 0;
}

.dinamica .control-group{
    margin: 0;
}

.inicio{

}

.detalle input{
    width: 100%;
    text-align: right;
}

.text_input_right{
    text-align: right;
}

.detalle .controls{
    width: 50%;
    margin-left: 90px;
}

.descuento_cliente{
    width: 20%;
}

.id_codigo{
    margin-right: 20px;
}

.linea_gris_nuevo{
    width: 100%;
    height: 1px;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.85);
    -moz-box-shadow:    0px -3px 10px rgba(0, 0, 0, 0.85);
    box-shadow:         0px -3px 10px rgba(0, 0, 0, 0.85);
}

#footer_nuevo, #push{
    min-height: 190px;
    clear: both;
}

#footer_nuevo{
    width:100%;
    background: #2d2d2d;
}

.contenedor_footer{
    width: 70%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.contenedor_40{
    width: 40%;
    height: 200px;
    float: left;
}

.contenedor_50{
    width: 50%;
    height: 200px;
    float: left;
    color: #eeeeee;
}

.contenedor_25{
    width: 25%;
    height: 200px;
    float: left;
}

.contenedor_25 h3{
    font-weight: normal;
    color: #9e9e9e;
    font-size: 14px;
    margin-left: 0.4em;
    letter-spacing: 1px;
}

.pesos, .dolar{
    width: 50%;
    border: 0;
}

.texto_align_center{
    text-align: center;
}

.texto_align_center p{
    color: #909090;
}

.dolar_php{
    margin: 0;
    padding: 0;
    border: 0;
}

.contenedor_50 ul li{
    background: url('../../../images/list-check.png') center left no-repeat;
    padding: 0 0 0 25px;
    list-style: none;
    color: #909090;
}

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

.margin-left30{
    margin-left: 30%;
}

.margin-left10px{
    margin-left: 10px;
}

.min-height30{
    min-height: 325px;
}

.margin-left5{
    margin-left: 5%;
}

.margin-left10{
    margin-left: 10%;
}

.margin-right30{
}

.letter-spacing1{
    letter-spacing: 1px;
}

.table-container div table thead tr th a{
    color: #777777;
}

.table-container div table thead tr th{
    background: #ffffff;
}

.grid-view table thead tr th{
    background: #f6f6f6;
}

.grid-view table thead tr th a{
    color: #333333;
}

.fondo_black{
    background: #2d2d2d;
    border: 1px #2d2d2d;
    border-radius: 30px;
}

.fondo_white{
    background: #ffffff;
    border: 1px #ffffff;
    border-radius: 30px;
}

.width40x .input-prepend{
    width: 90%;
}

.forma .controls select{
    width: 200px;
}

.navigator{
    margin-top: -37px;
    margin-right: 5px;
    width: 60px;
    float: right;
}

.marginador label{
    margin-top: 10px;
    margin-left: 10px;
}

.marginador{
    margin-left: 50px;
}

.invi{
    display: none;
}

.correlativo_dev{
    visibility: hidden;
}

img.correcto, img.error{
    display: none;
}

.dcto_max .controls select{
    width: 300px;
}

.con_metraje, .con_metraje_quitar{
    display: none;
}

.enlazadores a{
    padding: 8px 15px 8px 15px;
    color: #ffffff;
    border-radius: 5px;
    background-color: #5bb75b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.enlazadores a:hover{
    background-color: #51a351;
}

#yii_bootstrap_collapse_0{
    background-color: #f9f9f9;
}

.custom-scrollbar{
    max-width: 100%;
    overflow-x: scroll;
}

.custom-scrollbar::-webkit-scrollbar {
        width: 10px;
	height: 10px;

 }

.custom-scrollbar::-webkit-scrollbar-track{
        background-color: rgba(113,112,107,0.1);
	-webkit-border-radius: 5px;
 }

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
}
.custom-scrollbar::-webkit-scrollbar-corner {
    background: #ffffff;
}

table .text-align-right{
    text-align: right;
}

.texto-derecha{
    text-align: right;
}

#vendedor_usuario{
    display: none;
}

.index{
    padding: 30px;

}

.linea_bajo_footer {
    width: 450px;
    height: 1px;
    background-color: #343434;
    margin: 0 0 10px 0;
}

.contenedor_50 h2{
    font-size: 22px;
    color: #9e9e9e;
    margin: 10px 0 0 0;
    text-align: center;
}

.contenedor_50 p{
    color: #9e9e9e;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.form-horizontal .controls{
    margin-left: 100px;
}

.detalle-ventas-cliente{
    table-layout: fixed;
}

.detalle-ventas-cliente thead tr th{
    width: 100px;
}

.detalle-ventas-cliente tbody tr td{
    text-align: right;
}

.detalle-productos-cliente{
    table-layout: fixed;
}

.detalle-productos-cliente thead tr th{
    width: 80px;
    text-align: center;
}

.detalle-productos-cliente tbody tr td{
    text-align: center;
}

.detalle-productos-cliente thead tr th:first-child{
    width: 200px!important;
}

.detalle-productos-cliente tbody tr td:first-child{
    vertical-align: middle;
}

.total_th{
  color: #00b400;
}

.promedio_th{
  color: #0088cd;
}

.hide{
  display: none;
}