h3{
    padding: 0px;
    margin: 0px;    
}

#container-header{
    width: 100%;
    border-bottom: 1px solid #A4A4A4;
    padding: 10px;
    box-sizing: border-box; 
}

#container-header span{width: 100%;}

#container-title{
    border: 1px solid #e8e8e8;
    background-color: #fcfcfc;
    padding: 5px 10px;
    margin-bottom: 10px;
    height: 25px;
}

#container-title p{font-size: 16px;color: #595959;margin: 0px; float: left;line-height: 25px;}
#container-title a{font-size: 14px;}
#container-title .icon-list-masterTable{float: left;padding-top: 4px;margin-right: 5px;color: red;line-height: 25px;}
#container-title p span{font-size: 14px;}
.container-icon-action{float: right;}

.mdl-grid{padding: 0px !important;}
.dataTables_length select{padding: 5px !important;width: auto;background-color: white;}
.dataTable th{text-align: center !important;color: #1e91cf !important;font-size: 13px !important;}
.dataTable td{text-align: center !important;}

.mdl-button--raised.mdl-button--colored {background-color: #1e91cf !important;border-color: #1978ab !important;}

.icon-action{margin-right: 5px;}
.icon-action:hover{cursor: pointer;}

.icon-edit-24{border: 1px solid #1978ab;}
.icon-delete-24{border: 1px solid #f24545;}

.dataTable tr th{font-size: 15px !important;}
.dataTable tr td{font-size: 14px !important; color: #363636 !important;}

.none{display: none;}

#container-venta-detalle{width: 100%;height: 100px;}
#venta-subtable{float: right;width: 30%;margin-right: 50px;margin-top: 20px;}
#venta-subtable tr td{text-align: right;}
#venta-subtable tr {  border-bottom:1pt solid black;}
#venta-comentario{width: 65%;float: left;padding: 5px;box-sizing: border-box;}
#venta-comentario label{color: #1e91cf !important;font-weight: bold;}
#container-buttons-action{width: 100%;margin-top: 45px;margin-bottom: 15px;}
#venta-table tr .price{font-weight: bold;}

#txt_codebar{
    margin: 0 auto;
    display: table;
    padding: 10px;
    width: 40%;
    text-align: center;
    font-weight: bold;
    font-size: 16px !important;
}

#txt_codebar::-webkit-input-placeholder {
    font-weight: normal;
    color: #848484;
}

#txt_codebar:focus::-webkit-input-placeholder {
    color: transparent;
}


#sub-total , #total, #descuento, #recargo{font-weight: bold;}
#descuento{width: 50px;padding: 5px 2px 5px 5px;text-align: right;font-size: 16px;}
#recargo{width: 50px;padding: 5px 2px 5px 5px;text-align: right;font-size: 16px;}
.txt-cantidad{width: 30px;padding: 5px;text-align: center;}
.txt-precio-tbl{width: 50px;padding: 5px;text-align: center;}
.txt-color-tbl{width: 150px;padding: 5px;text-align: center;}
.txt-talle-tbl{width: 100px;padding: 5px;text-align: center;}
.text-descripcion-tbl{margin: 0px !important;}
.btn-input{padding: 5px;width: 20px;}


div.popup-content .imgLoading {margin: 45px auto !important;text-align: center;}


.limite-stock{background-color: #F6CECE !important;}
.td-action{white-space: nowrap !important;}

#list-detalle-venta{
    margin: 0 auto;   
}

#logo{
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.pagination{
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
    margin-top: 15px;
}

.pagination a {
    padding: 10px;
    color: #fff;
    background-color: #1e91cf !important;
    border-color: #1978ab !important;
    text-decoration: none;
    margin-right: 1px;
    font-weight: bold;
}

.pagination a:hover {opacity: 0.5;}

#txt-filter{
    padding: 5px;
    margin: 0 auto;
    display: table;
    width: 350px;
}

.mdl-data-table th{padding: 0 11px 12px !important;}
.mdl-data-table td{padding: 0 11px 0px !important;}
#venta-table tr td{padding: 0 11px 0px !important;}

#cbo_acciones_caja{
    width: auto !important;
    padding: 2px !important;
    float: right;
}

.thumbnail{
    width: 50px;
    height: 50px;
}

.file:hover{cursor: pointer;}

input[type="file"]{
    z-index: 999;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    background-color: red;
    color: red;
    margin: 0 auto;
    padding:0;
    left:0;
    height: 100%;
    width: 80px;
}
#url-archivo{
    float: left;
    border: 1px solid gray;
    background: #DEDEDE;
    height: 26px;
    display: none;
}

/*rowCobro VENTA*/
#rowCobro{height: auto !important;}
#rowCobro label{display: inline-block !important;padding-right: 5px !important;}
.cbo-condicion-venta{width: 50% !important;}
#txt-total-cobro{width: 100px !important;}
.container-span-title-venta{width: 150px;margin: 0px;padding-top: 10px;float: left;text-align: right;}


#tbl-tipo-pago tbody tr td input[type="text"] {
    padding: 5px !important;
}

.modal-tipo-pago{
    width: 60%;
    margin: 0 auto;
    display: table;
    left: 0px;
    right: 0px;
    margin-top: -290px !important;
}

.modal-tipo-pago .tipo-pago-input{
    display: inline !important;
    width: 100px;
    text-align: center;
}

.modal-tipo-pago .observacion{
    width: 250px !important;
}

.modal-tipo-pago .importe{
    width: 75px !important;
}
/* FIN rowCobro VENTA*/

.importe-ingreso{
    color: #127F36 !important;
}

.importe-egreso{
    color: #7F1212;
}

.col-importe{
    width: auto !important;
}

.ui-dialog{top: 50px !important;}

/*ESTILOS DE TABLA*/
.tbl-full{
    width: 100% !important;
    border-left: 1px solid rgba(0, 0, 0, .12);
    border-right: 1px solid rgba(0, 0, 0, .12);
}

.tbl-full thead th{
    height: 48px;
    text-align: center !important;
    color: #1e91cf !important;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.tbl-full tbody tr{
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color;
    background-color: #FAFAFA;

}


.tbl-full tbody tr td{
    text-align: center;
    padding: 5px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    vertical-align: middle;
    color: #616161;
}


.chk-franja-horaria{
    width: 18px;
    height: 18px;
}


.tbl-container-button-report{
    width: 100%;    
}

.tbl-container-button-report td{
    text-align: center;
}

.btn-report{
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.btn-report:hover {
    background-color: #008CBA;
    color: white;
}

.btn-report:active {

}

.container-description{
    border: 1px solid #e8e8e8;
    background-color: #fcfcfc;
    padding: 5px 10px;
    color : #777777; 
    font-size: 13px;
}

.toolbar-table{
    padding: 10px;
}

.toolbar-table p{
    float: right;
    margin: 0px;
    font-size: 14px;
}

.pdf-export{
    color: red;
    font-weight: bold;
}

.pdf-export:hover{
    cursor: pointer;
    text-decoration: underline;
}

.container-2{
    border: 1px solid #e8e8e8;
    background-color: #fcfcfc;
    padding: 5px 10px;
    text-align: center;
}

.container-2 span{
    color : #777777; 
    font-size: 15px;
}

.container-2 .destacado{
    font-weight: bold;
    color : #474747; 
}


.tbl-pre-visualizacion{
    width: 100%;
    border-collapse: collapse;  
}

.tbl-pre-visualizacion caption{
    color: #1e91cf;
    background-color: white;
    padding: 10px;
    border: 1px solid #C2C2C2;
    font-weight: bold;
    font-size: 20px;
}

.tbl-pre-visualizacion tbody tr{
    background-color: #FAFAFA;
}

.tbl-pre-visualizacion tbody tr td{
    padding: 10px;
    border: 1px solid #C2C2C2;
    color: #363636;
    box-sizing: border-box;
}

.new-notification{
    color:#A41919;
}

.li-hover:hover{
   border-top: 1px solid #888888;
   border-bottom: 1px solid #888888;
   box-sizing: border-box;
}