/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
    --primary-color: #005091;
}

[v-cloak] {
    display: none;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

/*#region Bootstrap override*/
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
  color: #0366d6;
}

.text-primary {
    color: var(--primary-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color);
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--primary-color);
    border-color: #007bff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #004787;
    border-color: #004787;
}
.btn-primary:hover {
    color: #fff;
    background-color: #004787;
    border-color: #004787;
}
.btn-primary:active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle  {
    color: #fff;
    background-color: #004787 !important;
    border-color: #004787;
}
.btn-primary:focus {
    color: #fff;
    background-color: #004382 !important;
    border-color: #004382;
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-link {
    color: var(--primary-color);
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, .9);
    color: #343a40;
}

.card-primary.card-outline {
    border-top: 3px solid var(--primary-color);
}

.direct-chat-primary .right > .direct-chat-text {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
.direct-chat-primary .right>.direct-chat-text::after, .direct-chat-primary .right>.direct-chat-text::before {
    border-left-color: var(--primary-color);
}

.modal-xxl{
    max-width: 90vw;
    width:90vw;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-color);
}

/*#endregion*/

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: var(--primary-color);
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    padding: 0 10px;
    margin-top: .31rem;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--primary-color);
}
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--primary-color);
}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    outline: 0;
    border: 1px solid var(--primary-color);
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


/*#region Sticky footer styles */
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/*#endregion */

body { font-family: 'Source Sans Pro', sans-serif; background-color: #eee; }

h1, h2, h3, h4, h5 { font-family: 'Raleway', sans-serif; }
h3, h4, h5 { font-weight: 600; }


.footer {
    background-color:#fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
  z-index:10;
}


.navbar { background-color: #EC8424; color: white; }
.navbar-light .navbar-brand { color: white; }
[class*=sidebar-dark-] { background-color: var(--primary-color); }
.card { border-radius: 0; }

.bg-primary { color: #fff; background-color: var(--primary-color); }
.list-group-item-primary { background-color: #f7f7f7; }

.fondo { position: fixed; width: 100%; height: 100vh; background: url('../img/fondo.jpg') no-repeat center center; background-size: cover; }
.fondo div { position:fixed; width:100%; height:100vh; background-color:rgba(0,0,0,0.53); }

.filtros-table { }
.filtros-table label { margin-bottom: 0.1rem; }

table td.conBoton { padding: 8px 0.75rem 0; text-align: right; vertical-align: baseline; }
table td.acciones, table th.acciones { padding: 8px 0.75rem 0; text-align: right; vertical-align: baseline; min-width: 100px; }

div.dataTables_wrapper div.dataTables_length { display: inline-block; margin-left: 1rem; }
div.dataTables_wrapper div.dataTables_info { display: inline-block; margin-left: 2rem; }
div.dataTables_wrapper div.dataTables_paginate { display: inline-block; float: right; margin-right: 1rem; }
div.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; }
div.dataTables_wrapper tfoot input { max-width: 145px; }

div.dt-buttons { float: right; padding:2px 0.5rem 0; }
/* div.dt-buttons button { color: #6c757d; cursor: auto; background-color: #fff; border-color: #dee2e6; padding: 0.3rem 1rem; margin: 2px 0.5rem; } */
div.dataTables_wrapper div.dataTables_length select { min-width: 4em; }
/* media ( min-width: 1500px) { .container { max-width: 1400px; } } */

#ots { margin-bottom: 2rem; }
#ots .card { margin-bottom: 1rem; }
#ots div.dataTables_wrapper table { margin-top: 0 !important; }
#ots table caption { padding: 15px; padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; caption-side: top; }
#ots table tbody tr:nth-col(2n) { background-color: rgba(0,0,0,.05); }
#ots table thead tr th.textoCortado { width: 250px !important; }
#ots table tbody tr td.textoCortado span { display: inline-block; width: 250px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
#ots table tbody tr td.sorting_1, #ots table thead tr th.sorting_desc, #ots table thead tr th.sorting_asc { background-color: #00000014 }
#ots table tbody tr td.corto { width: 100px !important; }
#ots table tbody tr td i { margin-left: 1rem; vertical-align: middle; }
#ots table tbody tr.child td span { white-space: normal !important;  }


#ots span.tipo { font-size: 0.8rem; color: #000; background-color: #CCC; vertical-align: baseline; display: inline-block; margin: 0 0.5rem; padding: 0 0.4rem; }
#ots .NNTO span { border-top: 1px solid #fff; }
#ots span.tipo.PREVENTIVO { background-color: #FF0; color: #000; }
#ots span.tipo.PARADO { background-color: #333; color: #fff; }
#ots span.tipo.AVERIA { background-color: #F00; color: #fff; }
#ots span.tipo.STLF { background-color: #F0F; color: #fff; }
#ots .OBRA span { border-top: 1px solid #fff; }
#ots span.tipo.INCIDENCIA { background-color: #FF0; color: #000; }
#ots span.tipo.SAT { background-color: #333; color: #fff; }
#ots span.tipo.PM  { background-color: #F00; color: #fff; }

#ots ul.legenda { list-style: none; padding: 1rem; }
#ots ul.legenda label { display: inline-block; min-width:7em; vertical-align:top; }
#ots ul.legenda ul { list-style: none; padding: 0rem; margin-left:1rem; }
#ots ul.legenda ul ul { display: inline-block; }
#ots ul.legenda li li li { display: inline-block; }

#ots .form-control-plaintext { /*border-bottom: 1px solid #a3a3a363;*/ }

#ots #Ficha .form-group { padding: 0.2rem; }
#ots #Ficha .form-group label { font-size: 0.8em; font-weight: 400; color: #bbb; line-height: 1; display: block; padding: 0.2rem 0.5rem; margin: 0rem; border: 1px solid #a3a3a363; border-bottom: none; }
#ots #Ficha .form-group span { border: 1px solid #a3a3a363; border-top: none; margin-top: 0rem; padding: 0rem 0.5rem; min-height: 1.750rem; }


@media (min-width: 768px) {
    html { font-size: 16px; }
    body { }
}