@import "../menu.css";

body{
    /*margin: 15px;*/
}

/* fix heigth select 2 --------- */

.select2-selection__rendered {
    line-height: 37px !important;/* <----- */
}
.select2-container .select2-selection--single {
    height: 33px !important;
}
.select2-selection__arrow {
    height: 33px !important;
}

/**/
.select2-selection__rendered {
    line-height: 37px !important;/* <----- */
    background-color: #ddd;
}
.select2-container .select2-selection--single {
    height: 41px !important;
    border: solid #ccc 1px;
    border-bottom: solid rgb(31, 162, 177) 3px;
    border-radius: 0px;/* <---- */
}

.select2-selection__arrow {
    height: 35px !important;/* <---- */
}

/* -------------------------- */

.badge-success{
    background-color: green !important;
}

.badge-warning{
    background-color: orange !important;
}

/* -------------------------- */

h3{
    color: rgb(31, 162, 177);

    /*text-shadow: 0px 0px 3px rgba(0,0,0,0.74);*/
}

/* ----- */


.table>thead>tr>th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5; /* color de fondo del thead */
  z-index: 2;
}

.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>th {
    /*
    color: rgb(31, 162, 177);
    background-color: #ddd;
    */
    background-color: rgb(31, 162, 177);
    color: white;
}

.table>tbody>tr>td, 
.table>tfoot>tr>td, 
.table>thead>tr>td{
    border-top: solid #cecaca 1px;
    background-color: #e4e4e4;
}

/*
.table>tbody>tr>td:hover, 
.table>tfoot>tr>td:hover, 
.table>thead>tr>td:hover{
    border-top: solid #cecaca 1px;
    background-color: transparent;
}

.table>tbody>tr,
.table>tfoot>tr, 
.table>thead>tr{
    background-color: rgb(84, 83, 83);
}
*/

/* ----- */

.nav-tabs li a {
    border-bottom: solid white 5px;
    color: gray;
}

.nav-tabs li.active,
.nav-tabs li.active:hover,
.nav-tabs li.active:focus {
    border-bottom: solid rgb(35, 180, 196) 5px;
    color: rgb(35, 180, 196);
}

.nav-tabs li.active a,
.nav-tabs li.active:hover a,
.nav-tabs li.active:focus a{
    border: solid red 0px;
}

/* ----- */

select {
    background-color: #ddd;
    border-bottom: solid rgb(35, 180, 196) 3px !important;
    border-radius: 0px !important;
    height: 42px !important;
    background-color: #ddd !important;
}

input[type='text'],
input[type='number'],
input[type='password'] {
    border-radius: 0px;
    border: solid red 0px;
    background-color: #ddd;
    border-bottom: solid rgb(35, 180, 196) 3px;
    height: auto;
    padding: 10px;
}

textarea {
    border-radius: 0px !important;
    border: solid red 0px !important;
    background-color: #ddd !important;
    border-bottom: solid rgb(35, 180, 196) 3px !important;
    /*height: auto !important;*/
    padding: 10px !important;
}

/* ----- */

.btn{
    padding: 11px 12px;
}

.btn-default,
.btn-primary {
    color: white;
    border: solid red 0px;
    background-color: rgb(35, 180, 196);

    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}

.btn-default:hover,
.btn-primary:hover {
    color: white;
    background-color: rgb(27, 149, 163);
}