/******************************************************** Generales *****************************************************/
body{
	font-family: 'PT Sans', sans-serif;
    font-size: 0.9rem !important;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

a{
    cursor: pointer;
    color: #0b8692;
}
label {
    font-size: 0.8rem;
    color: #424242 !important;
}
table{
    font-size: 0.85rem !important;
}
th{
    text-align: center;
}
@media only screen and (min-width: 993px) { 
    td{
        padding: 2px !important;
        border-radius: 0px !important;
    }
}
iframe{
    width: 100%;
    height: 100%;
}
embed{
    width: 100%;
    height: 100%;
}
fieldset{
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}
/**************************************************  COMUNES EN MODULOS ******************************/
.modal{
    max-height: 90% !important;
    top: 4% !important;
    width: 85% !important;
    /*style="width:75%;top:5%"*/
}
.modal.modal-fixed-footer {
    padding: 0;
    height: 90% !important;
}
.fondoGris{
    background: #f3f3f3;
}
.btnEditar{
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    margin-right: 5px !important;
}
.btnConsultar{
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    margin-right: 5px !important;
}
.btnEliminar{
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
}
.btnEditar i{
    font-size: 1.2rem !important;
    line-height: 25px !important;
}

.btnConsultar i{
    font-size: 1.2rem !important;
    line-height: 25px !important;
}

.btnEliminar i{
    font-size: 1.2rem !important;
    line-height: 25px !important;
}

.card{
    position: inherit !important;
}

.middle{
    vertical-align: middle !important;
}

input[type=text]{
    height: 2.5rem !important;
}

input[type=number]{
    height: 2.5rem !important;
}

select:disabled {
    color: black;
}

textarea{
    resize: vertical;
    padding: 0px !important;
    overflow-y: auto !important;
}

textarea:disabled{
    border-bottom: 1px solid #9e9e9e !important;
    color: black !important;
}
textarea:focus{
    box-shadow: 0 1px 0 0 #26a69a !important;
}

.switch label input[type=checkbox][disabled]:checked+.lever:after { /*switch disabled dejandolo del mismo color cuando esta chekiado*/
    background-color: #26a69a  !important;
}

.width100{
    width: 100% !important;
}

.input-field.col label {
    left: .9rem !important;
}

.mouse_loading{
    cursor: progress !important;
}

.mouse_normal{
    cursor: inherit !important;
}

.browser-default{
    height: 2.5rem !important;
    border: 0.5px solid #9e9e9e !important;
    background: transparent !important;
    margin-top: 1px;
    width: 100% !important;
}

.select2-container--default .select2-selection--single { /*css del select de select2*/
    background-color: transparent !important;
    border: 0.5px solid #9e9e9e !important;
    border-radius: 0px;    
    height: 2.5rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered { /*css del option seleccionado del selec2*/
    color: #000;
    line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered #selectProducto{  /*css del option seleccionado del selec2 cuando se usa para selec producto*/
    line-height: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b { /* flechita del select2 negra*/
    border-color: #000 transparent transparent transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {/* flechita del select2 mas abajo*/
    top: 8px;
}

.select2-search__field{
    height: 2rem !important
}

.breadcrumb {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.7);
}

.breadcrumb:before {
    color: rgba(0, 0, 0, 0.7);
}
.breadcrumb:last-child {
    color: rgba(0, 0, 0, 0.7);
}

table.dataTable.no-footer { /*quitando borde inferior de la tabla*/
    border-bottom: 0px solid #111 !important;
}

div.dataTables_wrapper div.dataTables_filter { /* colcando el buscador de la tabla horizontal y la palbra buscar a mano izquierda del input */
    text-align: right !important;
    float: left;
}

div.dataTables_wrapper div.dataTables_filter input { /* colcando el buscador de la tabla horizontal y la palbra buscar a mano izquierda del input */
    margin-left: 0.5em !important;
    display: inline-block !important;
    width: auto !important;
}

div.dataTables_wrapper div.dataTables_filter label { /* colcando el buscador de la tabla horizontal y la palbra buscar a mano izquierda del input */
    font-weight: normal !important;
    white-space: nowrap !important;
    text-align: left !important;
}

table.dataTable thead th, table.dataTable thead td { /*linea que separa thead y tbody delgada y gris*/
    padding: 10px 18px !important;
    border-bottom: 1px solid #d0d0d0 !important;
}
table.dataTable tfoot th, table.dataTable tfoot td { /*linea del tfooter en gris */
    border-top: 1px solid #d4d4d4 !important;
}
@media only screen and (max-width: 900px) { /*solo en moviles*/

    table.dataTable thead th, table.dataTable thead td { /*linea que separa thead y tbody delgada y gris*/
        padding: 8px 20px !important;
        text-align: left !important;
        height: 30px !important;
    }

    table.dataTable tbody td {
        padding: 9px 10px;
        height: 30px !important;
    }

    table.dataTable tbody tr {
        border-right: solid #cccccc 0.5px;
    }

    table tbody tr {
        border-right: solid #cccccc 0.5px;
    }

    table.responsive-table thead {
        border-right: 1px solid rgb(10, 136, 148);
    }

}
.current{ /* boton del numero de pagina en la que esta actualmente*/
    background: linear-gradient(to bottom, #fff 0%, #ffffff 100%) !important;
}
.collection.with-header .collection-item:hover {
    background-color: #ddd;
    cursor: pointer;
}
.collection .collection-item.active:hover {
    background-color: #26a69a !important;
    color: #eafaf9;
}
.bold{
    font-weight: bold !important;
}
.font10px{
    font-size: 10px !important;
}
.font11px{
    font-size: 11px !important;
}
.font12px{
    font-size: 12px !important;
}
.font13px{
    font-size: 13px !important;
}
.font14px{
    font-size: 14px !important;
}
.font15px{
    font-size: 15px !important;
}
.font17px{
    font-size: 17px !important;
}
.font18px{
    font-size: 18px !important;
}
.font25px{
    font-size: 25px !important;
}
.font35px{
    font-size: 35px !important;
}

@media only screen and (min-width: 993px) { /*modal pequeño solo en desktop*/
    .modalEliminar{
        width: 40% !important;
    }
}

.datepicker-date-display {
    background: linear-gradient(to right, #0b8692, #00acc1);
}

.modal .modal-footer {
    height: auto !important;
}

.top{
    vertical-align: top !important;
}

/******************************************************** Index.php *****************************************************/
.fill{
    width: 100%;
    height: 100%;
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
    background: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
}

.loginBox{
    margin-top: 7em;
    position: relative;
    padding: 2em 1em 2em 1em !important;
}

@media only screen and (max-width: 415px) { /*modal pequeño solo en desktop*/
    .loginBox{
        margin-top: 2rem;
    }
}

.tituloOne{
    margin-top: 5px;
    text-align: center;
}

.tituloOne2{
    font-family: 'Lobster Two', cursive;
}

/*color del input de usuario en el login*/
.loginBox .input-field input[type=text]:focus + label {
     color: #f1ac11;
}

.loginBox .input-field input[type=password]:focus + label {
     color: #f1ac11;
}

.loginBox .input-field input[type=text]:focus {
     border-bottom: 1px solid #f1ac11;
     box-shadow: 0 1px 0 0 #f1ac11;
}

.loginBox .input-field input[type=password]:focus {
     border-bottom: 1px solid #f1ac11;
     box-shadow: 0 1px 0 0 #f1ac11;
}

.loginBox .input-field .prefix.active {
     color: #f1ac11;
}
/******************************************************** footer.php *****************************************************/
.page-footer {
    background-color: transparent;
    text-align: center;
    padding-top: 0px;
}
.page-footer .footer-copyright {
    background-color: transparent;
}
.pty{
    width: 15px;
    margin-bottom: -2px;
}

/******************************************************main/index.php******************************************************/

@media only screen and (min-width: 1201px){
    .div_modulos{
        height: 230px !important;
    }
}

/******************************************************** menu.php ******************************************************/
nav{
    background: #0b8692;  
    background: -webkit-linear-gradient(to right, #0b8692, #00acc1); 
    background: linear-gradient(to right, #0b8692, #00acc1);
    /*background: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);*/ /*2DA OPCION DE GRADIENTE AZUL*/
}

.iconoMenuMovil{
    color: white !important;
    padding: 0 !important;
}

.iconoMenuDesktop:hover{
    background-color: #444444 !important;
}

nav .tituloEmpresa{
    font-size: 1.4rem;
}

.big-menu li:hover {
  background: #444;
}

.big-menu li:hover a {
  color: #fff;
}

.big-menu {
    z-index: 100;
    position: absolute;
    left: 0;
    background: #444;
    width: 75%;
    display: none;
    color: #fff;
    padding: 2em;
    margin-left: 11.5em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    max-height: 400px;
}

@media only screen and (max-width: 1200px) {
    .big-menu { /*big menu en las tablets*/
        width: 80%;
    }
}

nav li:hover .big-menu {
    display: block;
}

.big-menu li {
    display: block;
    float: none !important;
    line-height: 1.5em;
}

.big-menu a {
    padding: 0;
    font-size: 0.85rem;
    color: #d4d4d4;
}

.menu-category {
  margin: 1em 0 .5em;
}

.menu-category:first-of-type {
  margin-top: 0;
}

.menu-category i {
    height: 16px !important;
    display: inline !important;
    line-height: 16px !important;
    font-size: 1.15rem !important;
}

.menu-col-1,
.menu-col-2,
.menu-col-3,
.menu-col-4 {
  float: left;
}

.menu-col-1 {
  width: 16.6%;
}

.btnCerrarMesBloq{
    color: grey;
    cursor: no-drop;
}

.btnCerrarSesion{
    top: inherit !important;
}

/*** side nav menu movil ***/
.movil-li-tituloEmp{
    background: #0b8692;  
}

.movil-tituloEmp{
    color: white !important;
    font-size: 1.2rem !important
}

.movil-tituloCategorias{
    font-size: 1.2rem !important;
    font-weight: bold !important;
    color: #f1ac11 !important;
}
   
/******************************************************** datos/index.php ******************************************************/

.sin-margin-bottom{
    margin-bottom: 0px !important;
}
.menuDelMain a:hover {
    text-decoration: underline;
}
.alertToast{
    background: #f44336;
    color: white;
    font-size: 0.85rem;
    border-radius: 5px;
    text-align: center;
}
.doneToast{
    background: #4caf50;
    color: white;
    font-size: 1rem;
}
.normalToast{
    color: white;
    font-size: 1rem;
}
.card-info-logo-empresa{
    color: white;
    margin: 0px;
    margin-bottom: 2rem;
    padding: 5px;
}

/******************************************************** claseclientes/index.php ******************************************************/
.sinRegistros{
    background: #f44336;
    color: white;
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    margin-top: 1.5rem;
}

@media only screen and (min-width: 993px) { /*modal pequeño solo en desktop*/
    .modalCC{
        width: 40% !important;
    }
}
@media only screen and (max-width: 1080px) {
    .material-tooltip{
        display:none;
    }
}
/******************************************************** clientes/index.php ******************************************************/
 .modalClientes{
    width: 90% !important;
    height: 90% !important;
}

@media only screen and (min-width: 993px) { /*modal pequeño solo en desktop*/
    .modalClientes{
        width: 70% !important;
        height: 85% !important;
    }

    .modalClientes .input-field{
        margin-bottom: 0.3rem;
    }
}
.cli_descuento{
    width: 80% !important;
    text-align: right;
}

.card-clientes{
    padding: 15px !important;
}

.modalInformes{
    height: 93% !important;
    width: 95% !important;
}

.input-field{
    margin-bottom: 0.3rem;
}

@media only screen and (max-width: 600px){
    .modalInformes .modal-footer {
        height: 11rem !important;
    }
}

.h100{
    height: 100% !important;
}

/******************************************************** consultarCliente.php ******************************************************/

.bread-clientes{
    background: none !important;
    box-shadow: none !important;
    height: 2.5rem;
    line-height: 2.5rem;
}
.bread-clientes a:hover{
    text-decoration: underline;
}

/******************************************************** vendedores/index.php ******************************************************/
@media only screen and (min-width: 993px) { /*modal pequeño solo en desktop*/
    .modalVendedor{
        width: 50% !important;
    }

    .modalVendedor .input-field{
        margin-bottom: 0.3rem;
    }
}

/******************************************************** secciones/index.php ******************************************************/
.tablaSecciones tr{
    border-bottom: none;
}
.divSecciones .collapsible-header{
    line-height: 0;
    padding: 0;
}

@media only screen and (max-width: 600px){
   .divSecciones .collapsible-header{
        line-height: 1;
        padding: 0;
    }
}
.collapsible-body {
    padding: 1rem;
    background: #0a8a9747;
}
.collapsible-body tr{
    border-bottom: none;

}
.card-subSecciones .card-content{
    padding: 10px;
}
.card-subSecciones i{
   font-size: 15px;
}
/******************************************************** productos/index.php ******************************************************/

.modalProductos{
        width: 80% !important;
        height: 90% !important;
}

@media only screen and (max-width: 415px) { /*solo en moviles*/
    .modalProductos{
        width: 95% !important;
        height: 95% !important;
    }

    .modalProductos .modal-content {
        padding: 0px;
    }    
}

.modalProductos .input-field{
    margin-bottom: 0.3rem;
}

@media only screen and (min-width: 601px){
    .divLineaDerecha{
        border-right: solid 0.5px;
    }
}

.divtablaProductos .badge{
    cursor: zoom-in;
}

@media only screen and (max-width: 450px) { /*solo en moviles*/
    .divtablaProductos .td_opciones{
        width: 30% !important;
    }
}
@media only screen and (min-width: 1024px) { /*desde tab hasta desktop*/
    .th_desc{
        width: 150px !important;
    }
}

/******************************************************** productos/inventarioActual.php ******************************************************/
.card-bod{
    background: linear-gradient(to right, #26a69a, #4caf50);
}
.card-bod img{
    width: 10rem !important;
}
/******************************************************** productos/inventariohistorico.php ***************************************************/
.invHisBorIzq{
    border-left: solid 1px #26a69a;
}
.invHisBorDer{
    border-right: solid 1px #26a69a;
}

/******************************************************** proveedores/index.php ******************************************************/
.modalProveedores{
    width: 90% !important;
    height: 90% !important;
}

@media only screen and (min-width: 993px) { /*modal pequeño solo en desktop*/
    .modalProveedores{
        width: 45% !important;
        height: 85% !important;
    }

    .modalProveedores .input-field{
        margin-bottom: 0.3rem;
    }
}

@media only screen and (min-width: 1024px) { /*desde tab hasta desktop*/
    .th_opc{
        width: 25px !important;
    }
}

/****************************************************comporas/index.php ***********************************************************/
.btnVistaRapida{
    cursor: pointer;
}


/******************************************************** agregarCompra.php ******************************************************/

.bread-compras{
    background: none !important;
    box-shadow: none !important;
    height: 2.5rem;
    line-height: 2.3rem;
}
.bread-compras a{
    font-size: 1.25rem;
}
.bread-compras a:hover{
    text-decoration: underline;
}
.card-compras .card-content{
    padding: 10px;
}
.divTotalCompras{
    text-align: center;
    /*background: #26a69a;*/
    color: white;
    background: #0b8692;  
    background: -webkit-linear-gradient(to right, #0b8692, #00acc1); /*viejo azul marino: 032b2f*/
    background: linear-gradient(to right, #0b8692, #00acc1);  /*viejo azul marino: 032b2f*/
}
.com_obs{
    height: 3.5rem !important;
    border: 1px solid #9e9e9e !important;
    font-size: 0.9rem !important;
}
.submit-compras{
    background: #26a69a !important;
}
.divTotales{
    padding: 0.5rem !important;
    margin-bottom: 1rem !important;
    border-top: 1px solid #f3f3f3 !important;
    border-bottom: 1px solid #f3f3f3 !important;
}
.tableCompras input[type=number]{
    margin: 0px !important;
    height: 1.8rem !important;
    border: 1px solid #cecece !important;
    font-size: 0.8rem;
}
.tableCompras .select2-container--default .select2-selection--single { /*css del select de select2 dentro de agregar compras*/
    background-color: #ffffff !important;
    height: 1.8rem !important;
    border: 0.5px solid #cecece !important;

}
.tableCompras .select2-container--default .select2-selection--single .select2-selection__rendered { /*css del option seleccionado del selec2*/
    line-height: 28px;
}
.tableCompras .select2-container--default .select2-selection--single .select2-selection__arrow {/* flechita del select2 mas abajo*/
    top: 4px;
}
.tableCompras td {
    padding: 4px !important;
}
.tableCompras tr {
    border-bottom: 0px !important;
}
.btnOtroProd{
    height: 1.5rem !important;
    width: 2rem !important;
    padding: 0px !important;
    font-size: 1rem !important;
    line-height: 24px !important;
}
@media only screen and (min-width: 1024px){
    .borIzqNegro{
        border-left: solid;
    }
}

.eliminarProd{
    cursor: pointer;
    color: red;
}
.eliminarProd:hover{
    color: #ca0202;
}
.lblDectoDe{
    padding-top: 0.3rem !important;
}
#com_porcdescuento, #cot_porcdescuento, #fac_porcdescuento, #ncr_porcdescuento, #oc_porcdescuento{
    height: 1.8rem !important;
    width: 2rem !important;
    text-align: right;
}
@media only screen and (min-width: 1201px){
    .th_desc{
        width: 30% !important;
    }
    .th_cant{
        width: 8% !important;
    }
}

@media only screen and (min-width: 1024px){
    .scrollTable{
        max-height: 345px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    /*cuando la tabla de compras (y otras) cuando ya va x 10 items le agrego esta clase para evitar el error de que se agranda la pagina*/
    .sticky{
        position: sticky !important;
    }
}
.tableCompras th {
    padding: 8px 5px !important;
}
.td_total{
    background: #f0faff;
}
.td_costoUnit{
    background: #e0f5ff;
}
.cd_porcdescuento{
    width: 80% !important;
}
/******************************************************** agregarImportacion.php ******************************************************/
.cd_fabtotal{
    background: #ffffbc !important;
}
.cd_finaltotal{
    background: #c4fac1 !important;
}
.padding0{
    padding: 0px !important
}
.padding5{
    padding: 5px !important
}
.padding10{
    padding: 10px !important
}
.margin0{
    margin: 0px !important
}
.margin_top20{
    margin-top: 20px !important
}

@media only screen and (min-width: 1024px){
    #modalComprasGastos .th_prov{
        width: 25% !important;
    }
    #modalComprasGastos .th_gasto{
        width: 25% !important;
    }
    #modalComprasGastos .th_monto{
        width: 20% !important;
    }
}

@media only screen and (max-width: 992px){
    #modalComprasGastos th{
        height: 4.7rem !important;
    }
}

#modalComprasGastos tr {
    border-bottom: 0px !important;
}
.op_com_decimales{
    width: 70%;
    background: none !important;
    font-size: 12px !important;
}
/********************************************** editarCompra.php *************************************************/
span.badge {
    float: none !important;
    margin-left: 0px;
}
span.badge.new:after {
    content: none !important;
}
/******************************************* consultarCompra.php **************************************************/
.modalConsultarCompra {
    width: 95% !important;
    height: 90% !important;
}

.modalConsultarCompra .modal-content{
    padding: 10px !important
}

.modalConsultarCompra .tableCompras th {
    padding: 4px 5px !important;
}
@media only screen and (min-width: 1024px){
    .modalConsultarCompra .scrollTable{
        max-height: 310px !important;
    }
}
.btnCompraAnt i , .btnCompraSig i{
    background: white !important;
    border-radius: 50% !important;
}

.btnCompraAnt i:hover , .btnCompraSig i:hover{
    background: #84c7c1 !important;
}

.tituloConCompra{
    background: #26a69a !important;
}

.divSeparador{
    border-top: solid 4px #0b8692;
    margin-bottom: 0.5rem;
}
.tableEntregas .cd_entregados{
    height: 2rem !important;
    width: 50% !important;
}

@media only screen and (max-width: 450px) { /*solo en moviles*/
    .tableEntregas .cd_entregados{
        height: 2rem !important;
        width: 100% !important;
    }
}

/********************************************************* agregarordencompras.php ***************************************************/
.submit-ordencompras{
    background: #0b8692 !important;
}
/********************************************************** consultarOrdeCompra ********************************************/
.img-firma{
    width: 200px;
    border-bottom: 1px solid black;
} 

@media only screen and (max-width: 450px) { /*solo en moviles*/
    .div-img-firma {
        margin-bottom: 2rem !important;
    }
}

/********************************************************* recibirCompras.php ***************************************************/
.check_recibidos{
    margin: 8px 0px 0px 0px
}

/******************************************************** configuracion/index.php ******************************************************/
.marginTop0{
    margin-top: 0px !important;
}
#op_color{
    height: 1.7rem !important;
    width: 6.5rem;
    border: none;
}

/******************************************************** configuracion/confCompras.php ******************************************************/
.bordeIzq{
    border-left: solid 0.5px;
}
.rowConfigCom{
    margin-top: 1rem !important;
}
.rowConfigCom select {
    height: 23px !important;
    width: 80% !important;
    padding: 0px;
}
.inputOC{
    width: 70% !important;
    text-align: center !important;
}
/******************************************************** configuracion/confCotizaciones.php ****************************************************/
.vistaprevia:hover{
    text-decoration: underline;
}

/******************************************************** configuracion/confCXC.php ****************************************************/

@media only screen and (min-width: 415px) { 
    .marginEnP{
        margin-top: 10px !important;
    }
}

/******************************************************** cotizaciones/index.php ******************************************************/
@media only screen and (max-width: 770px) { /*solo en moviles*/
    .margin1{
        margin: 1px !important;
    }

}
/******************************************************** sucursales/index.php ******************************************************/
@media only screen and (max-width: 992px) { /*solo hasta tablets verticales*/
    .divTablaSucursales td{
        padding: 15px 10px !important;
        height: 3.3rem !important;
    }

    .divTablaSucursales tr{
        border-right: 1px solid rgba(0,0,0,0.12);
    }
    
}
/********************************************************agregarCotizacion.php ******************************************************/
.submit-flotante {
    background: linear-gradient(45deg, #43A047 0%, #46d64c 100%);
    text-align: center;
    color: white !important;
    position: sticky !important; /* footer flotante*/
    bottom: 0 !important; /* footer flotante*/ 
    width: 100% !important; /* footer flotante*/
}

@media only screen and (max-width: 415px) { /*solo en moviles*/
    .submit-flotante{
        position: unset !important; /* footer flotante*/
    }
}
.submit-flotante .h5Total{
    margin-top: 0.5rem !important;
}
.submit-flotante .divBotones{
    margin-top: 1rem !important;
}
@media only screen and (max-width: 415px) { /*solo en moviles*/
    .submit-flotante .divBotones{
        margin-top: 0px !important;
        position: unset !important; /* footer flotante*/
    }
}
.submit-flotante .mensajeValidacion{
    font-size: 14px !important;
    margin-bottom: 5px;
}
.card-detalles .card-content{
    padding: 10px;
} 
.btnAgregarCliente{
    margin-left: -1rem;
    padding: 0 10px;
    margin-top: 1px;
}
.li-azules{
    background: #0b8692;
}
@media only screen and (max-width: 415px) { /*solo en moviles*/
    .btnAgregarCliente{
        padding: 0 16px;
    }
}
.tabs { /*TAB PEQUEÑO*/
    height: 30px;
}
.tabs .tab { /*TAB PEQUEÑO*/
    line-height: 30px;
    height: 30px;
    text-transform: none;
}
.tabs .tab a { /*TABS AZULES*/
    color: #0a8995 !important;
}
.tabs .tab a:hover, .tabs .tab a.active { /*TABS AZULES*/
    color: #0a8794;
}
.tabs .tab a:focus, .tabs .tab a:focus.active { /*TABS AZULES*/
    background-color: rgba(10, 136, 149, 0.16);
}
.tabs .indicator { /*TABS AZULES*/
    background-color: #0b8793;
}
.textarea-tabs{
    height: 7rem !important;
    border: 1px solid #9e9e9e !important;
    font-size: 0.9rem !important;
}
.collapsibleDatosClientes{  /*collapsible datos clientes cotizaciojn y ventas*/
    padding: 0px !important;
}
.collapsibleDatosClientes ul{ /*collapsible datos clientes cotizaciojn y ventas*/
    box-shadow: none;
}
.collapsibleDatosClientes .collapsible-header{ /*collapsible datos clientes cotizaciojn y ventas*/
    padding: 0.4rem;
    background-color: transparent;
    color: white !important;
}
.collapsibleDatosClientes .collapsible-body { /*collapsible datos clientes cotizaciojn y ventas*/
    padding: 0.5rem;
    background: #edfdfe;
}
.collapsibleDatosClientes .collapsible { /*collapsible datos clientes cotizaciojn y ventas*/
    margin: 5px 0 5px 0;
}
.divSelecProducto h6{ /*div seleccionar producto*/
    font-size: 0.95rem !important;
    color: #0792a1;
    margin-top: 8px;
}
@media only screen and (max-width: 415px) { /*div seleccionar producto, solo en moviles*/
    .divSelecProducto h6{
        margin-left: 1rem;
    }
}
.divSelecProducto #btnAgregarProducto{
    padding: 0 10px;
    height: 2rem;
    line-height: 31px;
    margin-top: 3px;
}
.divSelecProducto .btnConsultarProductos, .btnModalReq{
    padding: 0 10px;
    height: 2rem;
    line-height: 31px;
    margin-top: 3px;
}

.divSelecProducto .select2-container .select2-search--inline .select2-search__field { /*select multiple selectproducto*/
    margin: 0;
}

.divSelecProducto .select2-container--default .select2-selection--multiple { /*select multiple selectproducto*/
    border: 1px solid #aaa;
    border-radius: 2px;
}
.divSelecProducto .select2-container--default .select2-selection--multiple .select2-selection__choice { /*select multiple selectproducto*/
    background-color: transparent;
    border: 0;
    font-size: 14px;
}

.tableDetalles input[type=number]{
    margin: 0px !important;
    height: 1.8rem !important;
    border: 1px solid #cecece !important;
    font-size: 0.8rem;
}
.tableDetalles .select2-container--default .select2-selection--single { /*css del select de select2 dentro de agregar compras*/
    background-color: #ffffff !important;
    height: 1.8rem !important;
    border: 0.5px solid #cecece !important;

}
.tableDetalles .select2-container--default .select2-selection--single .select2-selection__rendered { /*css del option seleccionado del selec2*/
    line-height: 28px;
}
.tableDetalles .select2-container--default .select2-selection--single .select2-selection__arrow {/* flechita del select2 mas abajo*/
    top: 4px;
}
.tableDetalles td {
    padding: 4px !important;
    vertical-align: top;
}
.tableDetalles tr {
    border-bottom: 0px !important;
}
.tableDetalles th {
    padding: 8px 5px !important;
}
@media only screen and (max-width: 415px) { /*solo en moviles*/
    .tableDetalles th{
        height: 35px !important;
    }

    .tableDetalles td {
        height: 35px !important;
    }
}
.tableDetallesConsultar td {
    padding: 7.4px !important;
}
.tableDetalles .cd_cantidad{
    font-weight: bold;
}
.btnObs{
    cursor: pointer;
}
.btnObs:hover{
    color: #43a347;
    font-size: 25px !important;
}
.numPrecio{
    vertical-align: top;
    font-weight: bold;
}
.numPrecio:hover{
    text-decoration: underline;
}
/***************************************************************** cotizaciones/observaciones.PHP *******************************************/
.cot_obs{
    height: 20rem !important;
    border: 1px solid #9e9e9e !important;
    font-size: 0.9rem !important;
    background-color: white !important;
    overflow-y: auto !important;
}
/***************************************************************** cotizaciones/consultarCotizacion.PHP *******************************************/
.card-action-totales{
    padding: 5px !important;
    text-align: center !important;
    border-top: solid 1px #9a9a9a !important;
}

.cot_sig i , .fac_sig i{
    background: white !important;
    border-radius: 50% !important;
}

.cot_sig i:hover , .fac_sig i:hover{
    background: #84c7c1 !important;
}
/***************************************************************** cotizaciones/email.PHP *******************************************/
.mensajeAdicional{
    height: 7rem !important;
    overflow-y: auto !important;
    border: 1px solid #9e9e9e !important;
    font-size: 0.9rem !important;
}
/**************************************************************facturas/index.php ********************************************/
.trAnulada{
    background-color: #f4433621 !important;
    text-decoration: line-through !important;
}

.trAnulada_compras{
    text-decoration: line-through !important;
}
/********************************************************agregarFactura.php ******************************************************/
.btnImportar{
    color: #0b8692;
    text-transform: none !important;
    padding: 4px !important;
    position: unset;
}
.btnImportar:hover{
    color: #06484e;
}
.divFormaPago{
    margin-bottom: 1rem !important
}
.divBtnCostosGanancias{
    bottom: 80px !important;
}
.divFormaPago select{
    border: 0px !important;
    background-color: white !important;
    height: 30px !important;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
/************************************************facturas/modalConsFacturas***************************************************************/
@media only screen and (max-width: 415px) { /*solo en moviles*/
    #tablaConsultarProd th{
        width: 8rem !important;
    }
}
/********************************************************consultarFactira.php ******************************************************/
.divInfoCr{
    color: white;
    padding: 3px !important;
    border-radius: 3px;
}
/******************************************************agregarDev.php *************************************************************************/
.submit-ncr {
    background: linear-gradient(45deg, #F44336 0%, #FF5722 100%) !important;
}
#numFactura{
    font-size: 25px;
    color: #f44336;
}
/********************************************************devoluciones/modalConsFactura.php *********************************************************/
@media only screen and (max-width: 415px) { /*solo en moviles*/
    .tablaEnModal th{
        width: 5rem !important;
    }
    .tablaEnModal td{
        height: : 35px !important;
    }
}
/***************************************************devoluciones / consultarDevolucion.php ***********************************/
.underline:hover{
    text-decoration: underline;
}
.card-ncr{
    background: linear-gradient(45deg, #F44336 0%, #FF5722 100%) !important;
}

/***************************************************recibos / agregarRecibo.php ***********************************/
.divSelectCliente h6{ /*div seleccionar producto*/
    font-size: 0.95rem !important;
    color: #0792a1;
    margin-top: 8px;
}
@media only screen and (max-width: 415px) { /*div seleccionar producto, solo en moviles*/
    .divSelectCliente h6{
        margin-left: 1rem;
    }
}
.divSelectCliente #btnAgregarProducto{
    padding: 0 10px;
    height: 2rem;
    line-height: 31px;
    margin-top: 3px;
}
.divSelectCliente .btnConsultarProductos{
    padding: 0 10px;
    height: 2rem;
    line-height: 31px;
    margin-top: 3px;
}
.divSelectCliente .select2-container .select2-search--inline .select2-search__field { /*select multiple divSelectCliente*/
    margin: 0;
}
.divSelectCliente .select2-container--default .select2-selection--multiple { /*select multiple divSelectCliente*/
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0px;
    margin-top: 3px;
}
.divSelectCliente .select2-container--default .select2-selection--multiple .select2-selection__choice { /*select multiple divSelectCliente*/
    background-color: transparent;
    border: 0;
    font-size: 17px;
}
.divSelectCliente .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #F44336;
}
@media only screen and (min-width: 1080px) {
    .th_pago{
        width: 150px;
    }
}
@media only screen and (min-width: 550px) {
    .tableFacturasSaldo th {
        padding: 5px 5px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .trImportarFacturas{
        border-right: 1px solid rgba(0,0,0,0.12);
    }
}
.verFac:hover{
    color: #0d47a1 !important;
    cursor: pointer;
}
.divCheque input{
    background-color: white !important;
    margin-top: 5px !important;
    height: 30px !important;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2) !important;
}
/*************************************************** cxc / index.php ***********************************/

@media only screen and (min-width: 1024px) {
    #tablaCXC td{
        padding: 10px 5px !important;
    }
}

@media only screen and (max-width: 1024px) {
    #tablaCXC tfoot{
        display: none !important;
    }
}
/*************************************************** estadosdecuenta.php ***********************************/
.hrFiltrosEC{
    border: solid 0.5px #e1e1e1;
}
.divInformesEC{
    margin-top: 10px;
    margin-bottom: 20px;
    height: 500px;
}

/******************************************** agregarUsuarios.php ********************************************/
.divTitMod{
    margin-bottom: 10px;
}
.hrSeparadorModulos{
    border: 0.7px solid #c4c4c4;
}
/******************************************* modalConsultarUsuario.php ****************************************/
[type="checkbox"].filled-in:disabled:checked+span:not(.lever):after {
    background-color: #26a69a !important;
    border-color: #26a69a !important;
}

[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):after {
    border-color: #5a5a5a;
    background-color: #ffffff;
}
/*********************************************************** agregarDespacho ******************************/
.tableDetalles select{
    margin: 0px !important;
    height: 1.8rem !important;
    border: 1px solid #cecece !important;
    font-size: 0.8rem;
    padding: 0px !important;
}
.divBotonesDespachos{
    padding: 10px !important;
}
/********************************************************* agregarTrabajo.php *********************************/
.submit-trabajos{
    background: linear-gradient(45deg, #43A047 0%, #00aabf 100%) !important;
}

/********************************************************* agregarServicio.php *********************************/
.sd_descripcion{
    margin-top: 0px !important;
    padding: 2px;
}
.tablaAgregarServicio textarea{
    height: 1.7rem;
}

/************************************estadisticas/index******************************************/
.card-azul{
    background: linear-gradient(45deg, #0288d1, #26c6da) !important;
}
.card-naranja{
    background: linear-gradient(45deg, #ff6f00, #ffca28) !important;
}
.card-verde{
    background: linear-gradient(45deg, #43A047 0%, #46d64c 100%);
}
.card-verde2{
    background: linear-gradient(45deg, #43a047, #1de9b6) !important;
}
.card-rosa{
    background: linear-gradient(45deg, #ff5252, #f48fb1) !important;
}
.tr_total{
    background: #26a69a;
    color: white;
    font-size: 18px;
}
@media only screen and (min-width: 1024px) {
    .opciones_izq{
        width: 15% !important;
        position: fixed !important;
    }
}
.div_graficas{
    overflow-x: hidden !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

/********************************************************* nuevaRequisicion.php *********************************/
.rd_obs{
    margin-top: 0px !important;
    padding: 2px !important;
    height: 1.8rem !important;
}