* {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
}



/* ------------------INICIO FOOTER -------------------------- */

/*--------------INICIO BACKGROUNDs-----------------------*/
.img_info {
    background-image: url(../images/info.svg);
}

/*.img_print {
    background-image: url(../images/print1.svg);
}*/

.img_xls {
    background-image: url(../images/excel.svg);
}

.img_find {
    background-image: url(../images/search.svg);
}
.img_user_add {
    background-image: url(../images/user_add_icon.png);    
}
.img_user_del {
    background-image: url(../images/user_del_icon.png);    
}
.img_print {
    background-image: url(../images/print1.svg);
    /*transition: background-image 0.8s;*/
}

    .img_print:hover {
        background-image: url(../images/print-full1.svg);
    }

.blue_hover_button {
    background-color: #d4e9df !important;
}

.blue_action_button {
    background-color: #3e5f8a !important;
}

    .blue_action_button:hover {
        border-color: lightsteelblue !important;
        /*background-color: steelblue !important;*/
        opacity: 0.8;
    }

    .blue_action_button:disabled {
        background-color: lightgray !important;
        opacity: 1;
        border-color: dimgray !important;
        color: dimgray !important;
        border: none !important;
    }

.red_action_button {
    background-color: indianred !important;
}

    .red_action_button:hover {
        border-color: mistyrose !important;
        opacity: 0.8;
        /*background-color: darkred !important;*/
    }

    .red_action_button:disabled {
        background-color: lightgray !important;
        opacity: 1;
        border-color: dimgray !important;
        color: dimgray !important;
        border: none !important;
    }

    
/*---------------FINAL BACKGROUN IMAGES-----------------------*/


/*----------------------INICIO INPUTS---------------------------*/

input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    border: 0px;
    width: 24px;
    height: 12px;
    padding-right: 28px;
    background-image: url(../images/toggle_off.png);
    background-position-y: -2px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    input[type="checkbox"]:checked {
        background-image: url(../images/toggle_on.png);
    }

    input[type="checkbox"]:disabled {
        color: gray;
    }

select {
    min-width: 312px;
    height: 40px;
    /*margin: 4px 0 4px 10px;*/
    /*margin-left: 4px;*/
    padding: 0px 25px 0px 20px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.3;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
}

    select::-ms-expand {
        display: none;
    }

    select:hover {
        border-color: #888;
        background-color: aliceblue;
    }

    select:disabled {
        background-color: lightgray;
        cursor: default;
        color: -internal-light-dark(graytext, rgb(170, 170, 170));
        opacity: 0.7;
    }

    select:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(49, 169, 222, 0.70);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }

    select option {
        font-weight: normal;
    }


input[type=time], input[type=number], input[type=date] {
    text-align: center;
    padding-right: 5px !important;
}

textarea {
    resize: none;
    padding-top: 10px !important;
}

input[type=text], input[type=password] {
    /*min-width: 312px;*/
}

input[type=text], input[type=password], input[type=date],
input[type=time], input[type=number], textarea {
    min-height: 40px;
    /*margin: 4px 0 4px 10px;*/
    /*margin-left:4px;*/
    padding: 0px 10px 0px 10px;
    line-height: 1.3;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    z-index: 1;
    text-transform: uppercase;
    /*text-transform: uppercase;*/

}

    input[type=text]:hover, input[type=password]:hover, input[type=date]:hover,
    input[type=time]:hover, input[type=number]:hover, textarea:hover {
        border-color: #888;
        background-color: aliceblue;
    }

    input[type=text]:disabled, input[type=password]:disabled, input[type=date]:disabled,
    input[type=time]:disabled, input[type=number]:disabled, textarea:disabled {
        background-color: lightgray;
        cursor: default;
        color: -internal-light-dark(graytext, rgb(170, 170, 170));
        opacity: 0.7;
        border-color: lightgray;
    }

    input[type=text]:focus, input[type=password]:focus, input[type=date]:focus,
    input[type=time]:focus, input[type=number]:focus, textarea:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(49, 169, 222, 0.70);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
        position:relative; 
    }

/*input[type="search"], input[type="checkbox"] {
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}*/

.button-css {
    line-height: 1.3;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
    border-radius: .3em;
    padding: 5px 20px 0px 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    cursor: pointer;
     
}

    .button-css:hover {
        border-color: #888;
        background-color: aliceblue;
    }

    .button-css:disabled {
        background-color: lightgray;
        cursor: default;
        border-color: lightgray;
    }
    .button-css:focus{
        /*border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(49, 169, 222, 0.70);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
        position:relative;*/
    }

.button-size {
    padding: 14px 20px;
    color: white;
    width: 160px;
}

/*.button-size:disabled {
        color: dimgray;
    }*/

.button-css-cuadrado {
    height: 40px;
    width: 40px;
}
/*----------------------FINAL INPUTS----------------------------*/

/****************INICIO SUB MENU DE BUSQUEDA********************/
.busqueda {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    padding-bottom:15px;
    text-align:left;
}
/******************FINAL SUB MENU DE BUSQUEDA*******************/

/****************INICIO GRIDVIEW********************/


/*.allgrid {
    padding: 10px 20px 90px 20px;
}



.allfilas {
    height: 55px;
    text-align: center;
    border-bottom: 1px solid rgba(42, 42, 42, 0.45);
    font-size: 12px;
    vertical-align: top;
    margin-top: 30px;
}*/
/*****************FINAL GRIDVIEW********************/

/*****************OTROS*********************/
.requerido {
    font-size: 15px;
    color: indianred;
    font-weight: bold;
}

.gifloading {
    background-image: url(../images/color-loading.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gifloading2 {
    background-image: url(../images/loading-shape.gif);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}


.leyenda {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    font-size: 9px;
    padding-top:8px;
}

    .leyenda .cuadro {
        width: 25px;
        height: 25px;
        border-radius: 3px;
        margin-right: 3px;
    }

    .leyenda .texto {
        width: 80px;
      padding-left:5px;
      padding-right:5px;
    }

    .leyenda .incidencia_en_curso {
        background-image: url(../images/exclamacion.svg);
        background-position: center center;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .leyenda .incidencia_fin {
        background-image: url(../images/accept.svg);
        background-position: center center;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .leyenda .print {
        background-image: url(../images/print1.svg);
        background-position: center center;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .leyenda .delete {
        background-image: url(../images//trash-ico.svg);
        background-position: center center;
        background-size: 20px;
        background-repeat: no-repeat;
    }

     

/*posición x cerrar pequeña - ESTO HAY QUE ELIMINARLO SEGURAMENTE*/
#container-s {
    position: relative;
    height: 30px;
}

/*imagen btn filtro*/
/*.filtroempty {
    background-image: url(../images/filter.svg);
}*/

/*.excelempty {
    background-image: url(../images/excel.svg);
}*/

/*.barrabusqueda {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    padding-top: 10px;
} 



*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px;
    border: 3px solid #c1c1c1;
    height: 10px;
}








.filachk {
    display: inline-block;
    position: center;
    margin-top: 15%;
    width: 15%;
    margin-left: 45%;
}




.selectorsucursal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    margin-top: 1px;
}


#btnfiltroco, #btnfiltropre, #btnfiltropreco, #btnexcelcontrato, #btnexcelpre, #btnexcelpreco, #btnflitroft {
    height: 40px;
    width: 20px;
    margin-right: 0;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: none;
    cursor: pointer;
    padding: 10px 20px;
}


#btnexcelft, #btnexcel {
    height: 40px;
    padding: 10px 20px;
    width: 20px;
    margin-right: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    border: 1px solid #ccc;
    cursor: pointer;
}*/

/*estilo pestañas*/
/* Style the tab */
.tab {
    overflow: hidden;
    padding: 2px 12px 0px 10px;
    border-bottom: 1px solid #ccc;
}
    /* Style the buttons that are used to open the tab content */
    .tab .tablinks {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 16px 16px;
        transition: 0.3s;
        border-radius: 10px 10px 0 0;
        margin-top: 3px;
    }
        /* Change background color of buttons on hover */
        .tab tablinks:hover {
            background-color: #ddd;
        }
        /* Create an active/current tablink class */
        .tab .active {
            background-color: #e9e9e9!important;
        }

/*.tabcontenido {
    display: none;
    padding: 2px 12px 80px 10px;
    border-top: none;
    text-align: center;
}*/


/*estilos panel*/