@media only screen and (min-width: 0){
.side-nav li:hover, .side-nav li.active {/*Menu de la izquierda mousehover*/
    background-color:#0e2949 !important;
}
.side-nav li{/*Fondo de Menu. Lineas*/
    background-color:#7e92ab !important;
}
.side-nav li.selected{
    background-color:#022320 !important;
}
.dropdown-content li:hover {
    background-color:#022320 !important;
}
.dropdown-content li.selected{
     background-color:#1bad90 !important;
}
.select-wrapper input.select-dropdown {
    border-bottom: 1px solid #9e9e9e !important;
    height: 2.5rem !important;
}
.card .card-content {
        padding: 0px !important;
}
    a,button{
    /*float: none !important;*/
        margin:0 auto !important;
        /*color:#2d588c !important;*/
        color:#fff !important;
        background:#415395;
        border-radius:4px;
    }
}
table.dataTable tbody tr.odd {
    background-color: #85a5cd !important;
}
table.dataTable tbody tr.even {
    background-color: #fff !important;
}

.row .col {
padding: 2px 0.2rem !important;
    
}
@media only screen and (min-width: 601px){
    nav{

    line-height: 52px !important;
}
        a,button{
    /*float: none !important;*/
        margin:0 auto !important;
        /*color:#2d588c !important;*/
        color:#fff !important;
        background:#415395;
    }
}
@media  screen and (max-width: 800px)  {

    fieldset
    {
        width:100% !important;
    }
    .divBotones,.inpute-field
   {
    margin:0 auto;
        margin-top: 10px !important;
     width: 100%;
    margin-left: 0% !important;
    margin-right:0% !important;
    /*float: none !important;*/
   }
    .row .col.s1,.row .col.s2,.row .col.s3,.row .col.s4,.row .col.s5,.row .col.s6,.row .col.s7,.row .col.s8,.row .col.s9,.row .col.s10,.row .col.s11,.row .col.s12
    {
    margin:0 auto !important;
    margin-top: 2px !important;
    width: 100%;
    margin-left: 0% !important;
    margin-right:0% !important;
      /*float: none !important;*/
}
    .row .col.offset-s1 {
    margin:0 auto !important;
      margin-top: 10px !important;
    width: 100%;
    margin-left: 0% !important;
    margin-right:0% !important;
        /*float: none !important;*/
    }
a,span{
   color:#fff !important; 
}
    a,button{
    /*float: none !important;*/
        margin:0 auto !important;
        /*color:#2d588c !important;*/
        color:#fff !important;
        background:#2e598e;
    }
}
    .lean-overlay{/*Fondo de modal*/
        background: rgb(46 89 142)!important;
    }
    #ContentTable
    {
        margin:0 auto;
    }
    nav{
        display: none;
    }

body{
    background:rgb(46 89 142)!important;
}
.teal{
    background:rgb(46 89 142)!important;
}
.title{
    background:#154889 !important;
    
}
.reset{
    background-color: #1b5875 !important;
}
.modal{
    top:0% !important; 
    min-height:90% !important ;
    background-color:#7dc6f0 !important;
}
body,html{ 
    height:100%; 
    margin:0;
    font-size:12.5px;
}
    #container1{
        width: 100%;
        min-height: 80%;

    }
    #contenido
    {
        min-height: 410px;
        width: 99%;
        margin:0 auto;
        /*position: relative;*/
        padding-bottom: 5px;
    }
    input:not([type]):disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled,  input[type=url]:disabled, input[type=time]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=tel]:disabled, input[type=number]:disabled, input[type=search]:disabled, textarea.materialize-textarea:disabled{
        color: rgb(241, 13, 13);
        border-bottom: 1px dotted rgba(0,0,0,0.26);
        font-size: 18px;
        font-weight: bold;
    }

    input:not([type])[readonly="readonly"],input[name = conversion]:disabled,input:not([type])[readonly="readonly"],input[type=password][readonly="readonly"],input[type=email][readonly="readonly"], input[type=url][readonly="readonly"], input[type=date][readonly="readonly"], input[type=time][readonly="readonly"], input[type=datetime-local][readonly="readonly"], input[type=text][readonly="readonly"], input[type=tel][readonly="readonly"], input[type=number][readonly="readonly"], input[type=search][readonly="readonly"],textarea.materialize-textarea[readonly="readonly"] 
    {
        color: rgb(0, 0, 255) !important;
        border-bottom: 1px dotted rgba(0,0,0,0.26) !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }

    .switch label input[type=checkbox]:checked + .lever {
        background-color: #f4db8d;
    }
    .switch label input[type=checkbox]:checked + .lever:after {
        background-color: #FFC107;
    }

    .input-field label ,label.active>h6,label.active,input[type=text]:disabled+label{
        color: #000;
        font-weight: bold !important;
    }

/* DISEÑO DE TABLAS */
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #adc2db !important;
}
    table.dataTable thead th{
    padding: 3px 5px !important;
    background:rgb(10 46 88)!important;
    color:#fff;
    }
    table#ingresosT tbody td>input, table#gastosT tbody td>input
    {
        text-align: center;
        height: 55px !important;
        margin-bottom: -1px;
    }

    table#ingresosT tbody th, table#ingresosT tbody td, table#gastosT tbody th, table#gastosT tbody td {
        padding: 0px 30px !important;
        /* height: 1px; */
    }
    table#productosT tbody td>input
    {
        text-align: center;
        height: 50px !important;
        margin-bottom: 1px;
    }
    table#productosT tbody th, table#productosT tbody td {
        padding: 0px 30px !important;
        /* height: 1px; */
    }
table.dataTable tfoot th{
    border-top: 6px solid rgb(231 108 108 / 87%) !important;
}
/*FIN DISEÑO DE TABLAS*/

/*ESTILO AUTOCOMPLETABLE*/
    span.ui-helper-hidden-accessible {
        display: none;
    }

    .ui-menu-item:hover { 
        background-color: #fff;/*0e2949*/
    }
    .ui-menu-item{
        font-weight: bold;
    }
    .ui-combobox {
        position: absolute;
        display: inline-block;

    }
    .ui-combobox-toggle {
        position: absolute;
        top: 0;
        bottom: 0;
        padding: 0;

        height: 3em;
        top: 0em;
    }

    .caret1
    {
        color: initial;
        position: absolute;
        right: 0;
        top: 16px;
        font-size: 15px;
        margin-right: 10px;
    }
    .backdrop 
    {
        position: absolute;
        opacity: 0;
        display: none;
        height: 0px;
        width: 0px;
        border-radius: 0 0 14px 14px;
        background-color: rgba(50, 50, 50, 0.03);
        z-index: -1;
        -webkit-transform-origin: 50% 10%;
        transform-origin: 50% 10%;
        will-change: transform, opacity;
    }

    .ui-menu
    {
        position: absolute !important;
        z-index:11111 !important;
        /*background: rgb(241, 247, 241);*/
        background: rgb(236, 236, 236);

        overflow-y:auto;
        max-height:50%; 
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    }


    .custom-combobox-input{
        font-weight: bold;
        font-size: 13px;
    }
    .ui-menu .ui-menu-item 
    {
        color: #544949;

    }
    /*Fin estilos autocompletable*/

/* Diseño de Menu*/
    .chip {
        display: inline-block;
        height: 22px;
        font-size: 18px;
        font-weight: bold;
        color: rgb(255, 255, 255);
        line-height: 22px;
        padding: 65px 7px 15px 7px;
        border-radius: 18px;
        background-color: #1c416d;
    }
    nav ul a:hover {/*Menu fijo Mouse hover*/
        /*background: #0e2949 !important;*/
        background: #82b6f3 !important;
    }
    .dropdown-content {/*Menu desplegable fijo*/
        background:rgb(15 46 90) !important;
    }
    .side-nav {/*Menu fijo de la izquierda*/
        background:#0e2949 !important;
    }
    .side-nav a {/*Letra menu fijo*/
        color:white;
    }
    nav ul a{/*Menu Fijo*/
        background:rgb(46 89 142)!important;
    }
    h5{
       color:#153a67 !important; 
    }
    #title
    {
        height: 30px;
        font-size: 24px;
        color: #fff; 
        border-radius: 0px 0px 16px 16px;
        line-height: 2px;    /*32*/
        margin-bottom: 0px;
        font-weight: 500;
    }
    #title1
    {
        height: 30px;
        font-size: 22px;
        color: #e6f4e7; 
        border-radius: 0px 0px 16px 16px;
        line-height: 32px;    
        margin-bottom: 0px;
        font-weight: 500;
    }
       #subtitulo
    {
        font-size: 18px;
        font-weight: 500;
    }

    .dropdown-content li>a, .dropdown-content li>span {
        /*color:rgb(111, 113, 113);*/
        color: #fff;
    }

    .field{
        background: #fff;
    }

    input::-webkit-input-placeholder {
        color:rgb(111, 113, 113);
    }

    .nuevo{
        background-color: #16582b !important;
    }
    .userlogin{
        color: #0b441c !important;
        font-weight: 700;
    }
    .btn, .btn-large {
        height:30px !important;
        background-color:#1c416d ;
        letter-spacing:-1px !important;
        border-radius:10px !important;
    }



    .btn:hover, .btn-large:hover { 
        background-color:#1db0de;
    }

    .waves-light,.waves-effect 
    {
        background-color: #0e2949;
    }

.switch label {

    color: #000;
    font-weight: bold;
}

.row
{
    margin-bottom: 0px;
}

.material-tooltip {

    z-index: 2000;
    background-color: rgba(0, 0, 0, 100);

    color: #fff;

    /*opacity: 1;*/

    overflow: hidden;

}


.sa-custom{
    width: 400px !important;
    height: 130px !important;
}

.inputBusqueda
{
        font-size: 12px !important;
    margin: 0 0 3px 0 !important;
    color: #0000f6 !important;
}

.card .card-content .card-title {
    line-height: 0px !important;
}
.card .card-title {
font-size:20px !important;
    
}