body {padding:0;margin:1%;font-size:12px}

input, textarea, select {font-size:13px !important;height:auto !important;padding:0.25% 0.5% !important}
button, .btn{font-size:13px !important;padding:6px 12px/*0.5% 1%*/ !important}
h2{font-size:20px;margin-bottom:1% !important;padding: 0.5% 1% 1% 1%;border-bottom: 1px solid #dee2e6;}
h5{font-size:15px}

/*MENU*/
#menu-card i{font-size:15px !important}


/*TARJETA*/
/*.card-header{padding:5%}*/
.card-header-2{padding:1.5% 5%;border:none}
.nav-link{padding:4% 5%}
.shadow-hover:hover{box-shadow:0px 0px 7px}

/*ICONOS*/
a.editar{font-size:17px;color:darkorange;margin:0 2px;}
a.editar:hover{text-decoration:none}

a.eliminar{font-size:17px;color:#dc3545;margin:0 2px;}
a.eliminar:hover{text-decoration:none}

a.agregar{font-size:17px;color:green;margin:0 2px;}
a.agregar:hover{text-decoration:none}

a.icono{font-size:17px;color:#495057;margin:0 2px;}
a.icono:hover{text-decoration:none}

a.icono-2x{font-size:18px;color:#495057;margin:0 2px;}
a.icono-2x:hover{text-decoration:none}

.circle-red {color:red;font-size:10px}
.circle-green { color: yellowgreen; font-size: 10px}


/*#1fa67a*/

/*a.destacado{font-size:17px;color:#F4D030;margin:0 2px;}
a.destacado:hover{text-decoration:none}
.destacado{font-size:17px;color:#F4D030;margin:0 2px;}
.destacado:hover{text-decoration:none}*/


/*PILDORA*/
.badge{font-size:12px}


/*DISPLAY TABLA*/
.tabla {
    display: table;
    width: 100%
}
.tabla>div{display:table-row}
.tabla>div>div{display:table-cell;vertical-align:middle}

.tablaR{display:table;width:100%}
.tablaR>div{display:table-row}
.tablaR>div>div{display:table-cell;vertical-align:middle}


/*TABLE*/
.table tr:hover{background-color:#eee}
.table {border:1px solid #dee2e6}
.table thead {border:1px solid #32383e}


.table th, .table td{padding:7px}
.pagination{padding:0.25%;background-color:#dee2e6}
.paginationLeft, .paginationRight{width:50%}
.paginationRight{text-align:right}


.tableCategoria {border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
.tableCategoria thead{border:none}
.tableCategoria td {padding:0;vertical-align:middle} 


/*SECCION*/
.seccion {
    border: 1px solid darkorange;padding:1%;border-radius:4px;margin:1% 0 0 0;
}

/*FORM*/
form p {margin:0 0 5px 0 !important;}
/*p label {width: 155px;display: block;float: left;margin: 0.5% 0;}*/
.seccion input[type="text"], .seccion input[type="password"], .seccion input[type="date"], .seccion select, .seccion textarea {
    width: 300px !important;
}
.seccion input[type="date"] {width: 200px !important}
.seccion input[type="checkbox"] {width:auto}

input.clockpicker {width: 100px !important}

p.separador{border-top:1px dotted gray;padding:1% 0;margin:2.5% 0 0 0 !important}

/*busqueda*/
.busqueda input[type="text"], .busqueda input[type="password"], .busqueda input[type="date"], .busqueda select, .busqueda textarea {
    width: 1% !important;
}

/*ERRORS*/
.validation-summary-errors {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    border-color: #f5c6cb;
}
.validation-summary-errors ul{margin:0}

/*.input-validation-error {border: 1px solid #dc3545 !important;}*/
/*.field-validation-error {color: Red;font-weight: bold}*/

/*FILE INPUT*/
.file-preview{display:block !important;min-height:200px}
.input-group-btn .btn-file{font-size:15px !important;padding:0.375rem 0.75rem !important}
.input-group-btn .fileinput-remove{font-size:15px !important;padding:0.375rem 0.75rem !important}

/*FOOTER*/
#footer {
    text-align: center;
    background: gray;
    padding: 0.5%;
    color: #fff
}
#footer a{color:darkorange;font-weight:bold}




/* -- ACORDEON PEDIDOS--*/

.acordeon-pedidos{
    /*max-width: 500px; */
    /*margin: 100px 20px;*/
}
.acordeon-pedidos .card-header
{
    padding:5px !important;
}
.pedido-datos{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    margin: 1px 0;
}
.pedido-datos:nth-child(odd){
    background-color: rgb(231, 230, 230);
    border-radius: 5px;
}
.pedido-datos:nth-child(even){
    background-color: rgb(245, 245, 245);
    border-radius: 5px;
}

.acordeon-pedidos {
    max-width: 100%;
    min-width: 100%;
    /*max-height: 200px;
    min-height: 140px !important;*/
}


@media screen and (max-width:1000px)
{
    .tablaR{width:100% !important;}
    .tablaR>div>div{display:table;width:100% !important;}

    .table th, .table td {padding: 0.25%;}
    
    /***MENU****/
    #menu-1 {position:fixed;top:0;left:0;background-color:#fff; padding:5px 10px;z-index:99999999;height:35px;box-shadow: 0px 1px 3px #ccc;}
    header{margin-top:calc(35px + 1%)}
    #menu-2 {position:fixed;top:35px;left:0;z-index:99999999;padding-right:0 !important;height:100%;display:none}
    #menu-card .card-header, #menu-card .nav-link{padding:1% 2.5% !important;}
    #menu-card{overflow:scroll;height:calc(100% - 35px) !important}


}

/*barrio*/
.borde-barrio
{
    padding: 5px;
    border: 1px solid grey;
    border-radius: 5px;
}