body {
    background-color: white;
    /*font-family: 'CooperHewitt-Book', arial;*/
    font-family: arial;
    font-size: 14px;
    /*
    background-color: #3490dc;
    */
    
    font-family: 'Roboto Condensed', sans-serif !important;
    
    /*
    font-family: 'PT Sans', sans-serif !important;
    */
}

/*
@font-face {
    font-family: 'CooperHewitt-Book';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/cooperhewitt-book.ttf") format('truetype');
}
*/

.main-content{
    background-color: #040f17;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 1em;
    color: #dc3545;
}

.bg-grey {
    background-color: rgba(0, 0, 0, .03);
}


.sidebar-wrapper .sidebar-menu ul li a i {
    font-size: 15px;
}

.alert-help {
    color: #aeb3bb;
    background-color: #081f2e;
    border-color: #081f2e;
    border-radius: 0;
}

/* LOGIN */

.card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-signin .card-body {
  padding: 2rem;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group input {
  height: auto;
  border-radius: 2rem;
}

.form-label-group>input,
.form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown)~label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

.btn-google {
  color: white;
  background-color: #ea4335;
}

.btn-facebook {
  color: white;
  background-color: #3b5998;
}

/* MENÚ */

.navbar {
    background-color: #091d36;
    /*border-bottom: solid 1px #3a3f48;*/
    padding: 1px !important;
}

/* CARD */

.card {
    /*border: 0px;*/
    /*border: 1px solid rgb(8, 31, 46);*/
    /*border: 1px solid #007bff;*/
    border-radius: 5px;
    /*display: inline-block !important;
    display: block;*/
}
.card-header:first-child {
    border-radius: 0 !important;
}
.card-header {
    /*
    background-color: #091d36;
    border: 1px solid #091d36;
    */
    background-color:#242e42;
    border: 1px solid #242e42;
    color: white;
    font-size: 1rem;
    padding: .5rem 1rem;
}

.list-group-item.active {
    /*
    background-color: #014494;
    border: 1px solid #014494;
    */
    background-color: #242e42;
    border: 1px solid #242e42;
}

.page-item.active .page-link {
    /*
    background-color: #091d36;
    border: 1px solid #091d36;
    */
    background-color: #242e42;
    border: 1px solid #242e42;
}

/****** MODAL ******/

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 600;
}

.modal-header {
    background-color: rgba(0, 0, 0, .03);
}

.card .card-body a {
    margin-bottom: .2rem;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
}

/****** DISEÑO DATATABLES ******/

.table td, .table th {
    padding: .5rem;
    font-size: 14px !important;
}
table.dataTable {
    width: 100% !important;
}
table.dataTable tbody tr.selected {
    background-color: #c4c6ca
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}
table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}
table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}
table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}
table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

.dataTables_paginate ul{
    margin-top: 30px !important;
}

.dataTables_filter {
    text-align: -webkit-right !important;
}

.dataTables_filter input {
    width: 300px !important;
}

.dataTables_filter select {
    width: 300px !important;
}
.dataTables_filter label {
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    text-align: left;
    margin-left: 10px;

}

@media screen and (max-width: 767px) {
    div.dataTables_filter {
        text-align: center;
    }
}

/****** CUSTOM MENU ******/

.sidebar-wrapper .sidebar-brand {
    padding: 13px 20px;
    border-right: solid 1px #262c35;
}


/****** INPUT ******/

input.required:focus, select.required:focus, textarea.required:focus {
    border-color: #ff8080 !important;
    box-shadow: 0 0 0 0.2rem rgba(255,128,128,.25) !important;
}

/****** FOOTER ******/

.indicator{
  margin-top: 150px !important;
}

footer{
    position: fixed;
    bottom: 0;
    text-align: center;
    min-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    /*
    background-color: #081f2e;
    */
    background-color: #242e42;
    color: white;
    font-size: 12px;
}

/****** CONTENIDO ******/

.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
}

.page-wrapper .page-content > div {
    /*
    padding: 10px 20px;
    */
}

.page-wrapper .page-content {
    overflow-x: hidden;
}

.page-wrapper {
    /*height: 100vh;*/
}

/* SELECCIÓN DE ITEMS */

.list-group-item {
    user-select: none;
}

.list-group input[type="checkbox"] {
  /*
    display: none;
  */
}

.list-group input[type="checkbox"] + .list-group-item {
    cursor: pointer;
}

.list-group input[type="checkbox"] + .list-group-item:before {
    content: "\2713";
    color: transparent;
    font-weight: bold;
    margin-right: 1em;
}

.list-group input[type="checkbox"]:checked + .list-group-item {
    background-color: #007bff;
    color: #FFF;
}

.list-group input[type="checkbox"]:checked + .list-group-item:before {
    color: inherit;
}

.alertError{
    color: red;
}

.transition{
    transition: all 1s ease .5s;
}

.swal-text {
    text-align: center;
}

/* BOTONES */

.btn-acept {
    color: #fff;
    background-color: #014494;
    border-color: #014494;
}

.btn-acept:hover {
    color: #fff;
    background-color: #014494;
    border-color: #014494;
}

.btn-edit {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-edit:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-deny {
    color: #fff;
    background-color: #5e83ba;
    border-color: #5e83ba;
}

.btn-deny:hover {
    color: #fff;
    background-color: #5e83ba;
    border-color: #5e83ba;
}

.btn-view {
    color: #fff;
    background-color: #61eaff;
    border-color: #61eaff;
}

.btn-view:hover {
    color: #fff;
    background-color: #61eaff;
    border-color: #61eaff;
}

.section-help {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 2000;
    border-radius: 0px;
}

.bg-primary {
    background-color: #014494 !important;
    border-color: #014494 !important;
}

.sticky-top-2{
    /*position: sticky;
    top: 56px;
    z-index: 1050;*/

    /*position: fixed;*/
    width: 100%;
    top: 300px;
}






/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
   
}

@media (min-width: 300px) and (max-width: 575.98px) {
    
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

} 

.input-non-style{
    width: 100%;
    border: none;
    background-color: transparent;
    color: white;
    text-align: center;
    font-weight: bold;
}
    .input-non-style:focus {
        border: none;
        outline: none;
    }

   .input-non-style:active {
        border: none;
        outline: none;
    }

/* TOUR Estilo personalizado */

.customTooltip * {
  color: #4a4a4a;
  font-size: 16px;
  text-align: center;
}

.customTooltip .introjs-tooltip-title {
  color: #242e42 !important;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Tooltip contenedor */
.customTooltip {
  min-width: 360px !important;
  max-width: 500px !important;
  width: auto !important;
  border-radius: 10px;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  white-space: normal;
  z-index: 10000 !important;
}

/* Botonera de navegación */
.introjs-tooltipbuttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
  width: 100%;
}

.introjs-button {
  font-weight: bold;
}

.introjs-skipbutton {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 16px;
  color: #555;
  opacity: 0.8;
  z-index: 10001;
}

/* Color de la barra de progreso */
.introjs-progressbar {
  background-color: #242e42 !important;
}