.navbar-light .navbar-nav .active>.nav-link, .nav-link.active {
    color: white !important;
    background : #110e75  !important;
    /*font-weight: bold !important;*/
  }

  table.datatable tbody td {
    /*white-space: nowrap !important;    para que el texto no salga en 2 filas*/
    /*font-size: 13px !important;*/
    border-width: 0.5em !important;
  }


  table.datatable tbody tr.selected {
    color: white !important;
    background-color: #18c915 !important;
  }

 /*div.dataTables_wrapper {
    width: 800px;
    margin: 0 auto;
  }*/


  /*.MouseOverRowColor {
    color: black !important;
    background-color: rgb(196, 221, 236) !important;    
  }
*/


/*
  .MouseClickRowColor {
    color: white !important;
    background-color: rgba(11, 119, 97, 0.949) !important;    
  }  

  table.dataTable tbody tr:hover {
    background-color:#71d1eb !important;
 }

 .table-hover > tbody > tr:hover > * {
    cursor: pointer !important;
  }  
*/


/*.tr-hover
{  
  background-color:#fefefe;
  cursor: pointer !important;
}
*/

body {
  font-size: 80%;
}

.nav-tabs .nav-item .nav-link {
  background-color: #C6C9CB !important;
  color: #FFF !important;
 /* height: 100% !important;*/
}

.nav-tabs .nav-item .nav-link.active {
  background-color: #0080FF !important;
  color: #FFF !important;
 /* height: 100% !important;*/
}

.form-control-sm{
  font-size: 80%;
}

/*.col-form-label{
  font-size: 100%;
}*/

.form-select-sm{
  font-size: 100%;  /*al poner al 100%, ignora el tamaño de la clase form-select-sm y respetara la directiva del body font-size : 80%*/
}

.alink:hover {
  color: white;
  cursor: pointer;
  background : hsla(214, 6%, 78%, 0.792) !important;

  /*opacity: 0.8;
  border-radius: 50%;
  box-shadow: 0 0 0 20px rgba(12,12,12,.1);  */
} 

.alink{
  cursor: pointer;
  outline: none;
  text-decoration: none;
  display: inline-block;
  margin-right: 0.625%;
  text-align: center;
  height: 100%;
  color: black;

  /*position: fixed;*/
  bottom: 30px;
  right: 30px;
  z-index: 200;
  width: 80px;
  /*height: 40px;*/
  /*border-radius: 3px;*/
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 0 2px rgba(176, 168, 168, 0.1);
  transition: opacity .2s, border-radius .2s, box-shadow .2s;
  transition-timing-function: ease-out;
}

.alink.active{
  cursor: pointer;
  outline: none;
  text-decoration: none;
  display: inline-block;
  margin-right: 0.625%;
  text-align: center;
  height: 100%;
  color: white;
  background : #110e75 !important;
}

.content-header {
  padding: 5px .5rem !important;
}

.container-fluid-custom {   /* nelson : 04/05/25 contenidos de los tab*/
  padding-left:  0rem !important;
  padding-right: 0rem !important;
}

/*.card-body {
  padding: 0.2rem 0.2rem !important;
}*/


tfoot input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}

.card-title {
  float: left;
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0;
}


/*
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 0rem 0.75rem;
}
*/

/*
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(2.5rem + 2px);
  line-height: 1;
}
*/

/*
.form-floating>label {
  padding: 0.5rem 0.75rem;
}
*/

/*
.form-select {
  height: calc(8.5rem + 20px);
  line-height: 1;
}
*/

.form-floating>label {
  padding: 0.5rem 0.75rem;
  z-index: 1500;
}

/*
.form-floating>.form-select,
.form-floating>.form-select-plaintext {
  padding: 0.5rem 0.75rem;
  line-height: 4.0rem;
}
*/

/*
.select2-container {
  height: 0.1rem !important;
}
*/

.select2-selection,.select2-selection--single {
  height: 3.8rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	height: auto;
	/*margin-top: 7px;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
/*	top: 10px;*/
}

.select2-search--dropdown{
  background-color: #64ccf5;
}




/*
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .45rem;
}
*/

/*
.selection {
  margin: 0 !important;

}
*/





/*
.ui-autocomplete-input {
  border: none; 
  font-size: 14px;
  width: 300px;
  height: 24px;
  margin-bottom: 5px;
  padding-top: 2px;
  border: 1px solid #DDD !important;
  padding-top: 0px !important;
  z-index: 1511;
  position: relative;
}
.ui-menu .ui-menu-item a {
  font-size: 12px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1510 !important;
  float: left;
  display: none;
  min-width: 160px;
  width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}
.ui-state-hover, .ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
}
#modalIns{
    width: 500px;
}

*/

/*.modal
{
  z-index: 1200 !important;
}
*/

.ui-widget {
font-size: 1.5em;
/*font-style: italic;*/
z-index: 1200 !important; /* Para que el calendario del datepicker no se esconda debajo de la ventana modal */
}

.ui-tabs .ui-tabs-panel {
  padding-top: 0.5rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.swal2-container {
  z-index: 1210 !important;  
  /* Para que las alert se vean encima de las ventanas y no choque con los elemtnos del ui (autocomplete,datepicker, etc)*/
  /* ref : https://github.com/sweetalert2/sweetalert2/issues/665 */
}

.swal2-title{
  font-size: 20px !important;
}

.select2-container {
 /* z-index:  1200 !important;*/
}

/*
.main-sidebar{
  z-index:  1138 !important;
}
*/

.select2-container--default .select2-selection--multiple
.select2-selection__choice__remove {
  color: rgba(248, 7, 7, 0.7) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #5dad30 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 0 0 0 20px;
}

.select2-selection--multiple{
  overflow: hidden !important;
  height: auto !important;
}

.select2-search__field {
  border:0 !important;
}

.select2-selection__rendered {
  line-height: 35px !important;
}
.select2-container .select2-selection--single {
  height: 100% !important;
  width: 100% !important;
}
.select2-selection__arrow {
  height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  height: auto;
  margin-top: 1% !important;
}


#intro {
 /* background-image: url(../img/app_background1.jpg);*/
  height: 100vh;
  /*opacity: .1*/
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
  #intro {
    margin-top: -58.59px;
    /*opacity: .1*/
  }
}


/*------------------------------
/*       TABLE FILTER        
/*------------------------------*/

.table-filter .star {
  color: #ccc;
  text-align: center;
  display: block;
}
.table-filter .star.star-checked {
  color: #F0AD4E;
}
.table-filter .star:hover {
  color: #ccc;
}
.table-filter .star.star-checked:hover {
  color: #F0AD4E;
}
.table-filter .media-photo {
  /*width: 35px;*/
}
.table-filter .media-body {
  display: block;
  /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media-meta {
  font-size: 11px;
  color: #1b1a1a;
  font-weight: bold;
}
.table-filter .media .title {
  color: #2B79DE;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
.table-filter .media .title span {
  font-size: .8em;
  margin-right: 20px;
}
.table-filter .media .title .pagado {
  color: #5cb85c;
}
.table-filter .media .title .pendiente {
  color: #f0ad4e;
}
.table-filter .media .title .cancelado {
  color: #d9534f;
}
.table-filter .media .summary {
  /*font-size: 14px;*/
}

.label_entregado {
  color: #fff !important;
  background-color: #3131e1 !important;
  font-size: 10px !important;
  padding-top: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.3em;
  border-radius: 0.25em;
}
.label_motivado {
  color: #fff !important;
  background-color: #f40a0a !important;
  font-size: 10px !important;
  padding-top: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.3em;
  border-radius: 0.25em;
}
.label_enproceso {
  color: #fff !important;
  background-color: #5cb85c !important;
  font-size: 10px !important;
  padding-top: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.3em;
  border-radius: 0.25em;
}
.label_pendiente {
  color: #fff !important;
  background-color: #e2b810 !important;
  font-size: 10px !important;
  padding-top: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.3em;
  border-radius: 0.25em;
}

.label-check-select {
  font-weight: bold;
}

.label-check-unselect {
  font-weight:normal;
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
  background-color: transparent !important;    /*NAA : 08/06/2024, quitar fondo a campo oculto en los label flotantes*/
}

.button-datatable{
  font-size: medium;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #110e75 !important;
   /* border-bottom-width: 1px;*/
  background: #110e75 !important;
  font-weight: normal !important;
  color: #fff !important;
}

.ui-tabs .ui-tabs-nav {
  margin: 0 !important;
  padding: 0 !important;
}