/*!
 * yapaflota.css
 * Estilos personalizados del sistema
 */

/* Elementos primarios */
hr.gray_line {
    border-color: #dddddd;
    border-width: 1px;
    margin: 0;
    padding: 0 0 0 0;
}

hr.nocolor {
    border-color: transparent;
    border-width: 1px;
    margin: 0;
    padding: 5px 0 0 0;
}

/* Clases para textos */
.text-faded {
    color: #ccc;
    line-height: 0px;
}

.text-black {
    color: black;
    line-height: 0px;
}

.text-gray {
    color: #777;
    line-height: 0px;
}

.text-xl {
    font-size: 3em;
    line-height: normal;
}

.text-gray-no-line-height {
    color: #777;
}

.btn-tiny {
    height: 30px;
    min-width: 75px;
    line-height: 30px;
    font-size: 0.85em;
    padding: 0px 10px;
    cursor: pointer;
}

/* Evita inputs cambien el fondo a amarillo */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* Evita inputs con Datalist muestren flecha de desplegable */
input[type="text"]::-webkit-calendar-picker-indicator {
    display: none;
}

/* Cambios para DataTables */
/* ----------------------- */

table.dataTable {
    font-size: 0.85em;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
   background-image: url(../plugins/datatables/images/sort_both.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_asc {
   background-image: url(../plugins/datatables/images/sort_asc.png);
   background-repeat: no-repeat;
   background-position: center right;
}

table.dataTable thead .sorting_desc {
   background-image: url(../plugins/datatables/images/sort_desc.png);
   background-repeat: no-repeat;
   background-position: center right;
}

/* Clases especiales para celdas */
.edit_td {
    cursor: default;
    vertical-align: middle !important;
}

.no_edit_td_lock,
.no_edit_td {
    vertical-align: middle !important;
    color: #777;
    cursor: not-allowed;
}

.editbox {
    color: black;
    font-size: 1em;
}

th.requerido {
    color: red;
}

/* Remueve flechas arriba / abajo para input[type=date] */
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

/* Cambios para DataTables Buttons */
/* ------------------------------- */

ul.dt-button-collection.dropdown-menu {
    cursor: pointer;
}

.btn-no-style {
    font-size: 0.5em;
    padding-top: 2px;
    background-color: transparent !important;
    border-color: transparent;
    pointer-events: none;
}

/* Cambios para Bootstrap */
/* ---------------------- */

/* Botones primarios */
.btn-primary, .btn-success {
    color: #fff !important;
}

/* Elementos formulario */
.form-control {
    font-size: 0.85em;
}

.form-group-sm .form-control {
    font-size: 0.85em;
}

.btn-sm {
    /*background-color: #fff;*/
    /*border-color: #ccc;*/
}

/* Estilo para mensaje de error en Formularios */
.alert-custom {
    display: none;
    float: left;
    text-align: left;
    height: 30px;
    margin: 0;
    padding: 4px 4px 4px 6px;
    line-height: 20px;
}

/* Estilo para loading spinner en Formularios */
.loading-custom {
    display: none;
    float: left;
    text-align: left;
    width: 60%;             /* Original: 80% */
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}

/* Centrado vertical */
.vertical-alignment-container {
    display: table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
}

/* Dropdown y Dropup menus */
.dropdown-menu li {
    font-size: 0.85em;
}

/* Progress Bar */
.progress {
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #888;
}

.progress-bar {
    background-color: rgba(51, 122, 183, 0.3);
}

/* Backdrop en modals */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .1;
}

/* Cambios para Bootstrap-Select */
/* ----------------------------- */

.bs-actionsbox {
    min-width: 200px;
}

/* Cambios para Bootstrap-Select2 */
/* ------------------------------ */

.select2-search,
.select2-search input {
    font-size: 1em !important;
}

.select2-container,
.select2-drop {
    font-size: 0.85em !important;
}

.select2-container .select2-choice {
    font-size: 0.85em !important;
}

.select2-container--bootstrap .select2-selection {
    line-height: 30px;
    font-size: 1em !important;
}

/* Cambios para tabla en modal y con scroll */
/* ---------------------------------------- */

table.scroll {
    width: 100%;
    border-spacing: 0;
}

table.scroll th,
table.scroll td,
table.scroll tr,
table.scroll thead,
table.scroll tbody { display: block; }

table.scroll thead tr {
    /* fallback */
    width: 100%;
    /* minus scroll bar width */
    width: -webkit-calc(100% - 16px);
    width:    -moz-calc(100% - 16px);
    width:         calc(100% - 16px);
}

table.scroll tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

table.scroll tbody {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll tbody td,
table.scroll thead th {
    width: 25%;
    float: left;
}