.input-group > .input-group-prepend > .input-group-text {
  min-width: 2.5rem;
  text-align: center;
  justify-content: center;
}

.text-truncate[dir="rtl"] {
  direction: rtl;
}

.btn-primary {
  background: hsl(196, 74%, 49%);  /* fallback for old browsers */
  background: linear-gradient(54deg, hsl(174, 74%, 49%), hsl(218, 74%, 49%));
  background-size: 400% 400%;
  background-position: 50% 0%;
  transition: background-position .7s ease-out;
}

.btn-primary:hover,
.btn-primary:focus {
  background-position: 31% 100%;
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem hsla(190, 70%, 56%, 0.5);
}

.form-control:focus {
  color: #5c6873;
  background-color: #fff;
  border-color: hsl(186, 66%, 48%);
  outline: 0;
  box-shadow: 0 0 0 0.2rem hsla(190, 74%, 49%, 0.25);
}

.bg-fancy {
  background: #057cb0;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right,  #13f6e0, #003494);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #13f6e0, #003494); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(222deg, hsla(219, 100%, 29%, .9), hsla(174, 93%, 52%, .9));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.bg-translucent {
  background-color: rgba(255,255,255,.9);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #0fd0c8;
  -webkit-text-fill-color: #3f4343;
  -webkit-box-shadow: 0 0 0px 1000px #8aeae6 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.alert-danger {
  color: #2f353a; /* text-dark */
  background-color: hsla(340, 100%, 75%, .7);
  border-color: hsl(340, 100%, 66%);
}

.invalid-feedback {
  color: hsl(340, 100%, 45%);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: hsl(340, 100%, 66%);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff528…%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: hsl(340, 91%, 70%);
  box-shadow: 0 0 0 0.2rem hsla(340, 91%, 70%, 0.25);
}

.alert-success {
  color: #2f353a; /* text-dark */
  background-color: hsla(140, 100%, 68%, .7);
  border-color: hsla(140, 100%, 60%, 1);
}

.alert-warning {
  color: #2f353a; /* text-dark */
  background-color: hsla(63, 100%, 66%, .7);
  border-color: hsla(63, 100%, 44%, .7);
}

.alert-info {
  color: #2f353a; /* text-dark */
  background-color: hsla(180, 86%, 58%, 0.43);
  border-color: hsla(180, 100%, 47%, 1);
}

.table-align-middle th,
.table-align-middle td {
  vertical-align: middle;
}

.table thead th {
  border-top: 0;
}

.caption-side-top {
  caption-side: top;
}

.caption-side-bottom {
  caption-side: bottom;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: hsla(204, 20%, 40%, 0.05);
}

.table-filter {
  visibility: hidden;
  opacity: 0;
  transition: .4s all ease-out;
}

.table-filter.is-loaded {
  visibility: visible;
  opacity: 1;
}

.table tr.filters td {
  padding: .15rem .1rem;
  position: relative;
  text-align: right;
  background-color: #c8ced3;
}

.table-sm tr.filters td {
  padding: .1rem;
}

.table tr.filters td input {
  border: 0;
  padding: .3rem .6rem;
  box-sizing: content-box;
  line-height: normal;
  background-color: #e9ebed;
  border-radius: 2px;
  transition: all .2s ease-out;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%238e9aa4' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M2 7h26M7 15h16M12 23h6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center right calc(.375em + .1875rem);
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.table tr.filters:focus-within td input {
  background-color: rgba(255, 255, 255, 1);
}

.table tr.filters td input:focus {
  outline: 0;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 0 0 .09rem #c8ced3, 0 0 0 .18rem #20a8d8;
}

.table tr.filters td.is-active input {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%234dbd74' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M2 7h26M7 15h16M12 23h6'/%3E%3C/svg%3E%0A");
  background-color: #cdedd8;
}

.table tr.filters td input.is-invalid {
  background-color: #fdd6d6;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23f86c6b' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M2 7h26M7 15h16M12 23h6'/%3E%3C/svg%3E%0A");
}

.table-sm tr.filters td input {
  padding: .15rem;
}

.main .container-fluid {
  padding-left: 3vw;
  padding-right: 3vw;
}

/**
 * Responsive stacked tables.
 */
@media screen and (max-width: 768px) {
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 3px;
  }

  .table-responsive-stack.table-borderless tr {
    border: 0;
    padding: 0;
    border-radius: 0;
  }

  .table-responsive-stack.table-striped.table-borderless tr {
    padding: 1rem;
  }

  .table-responsive-stack td,
  .table-responsive-stack th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    align-items: center;
  }

  .table-responsive-stack td:first-child,
  .table-responsive-stack th:first-child {
    border-top: 0;
  }

  .table-responsive-stack-thead {
    width: 33vw;
    max-width: 12rem;
  }

  .table-responsive-stack tfoot tr:first-child,
  .table-responsive-stack tbody tr + tr {
    margin-top: 1rem;
  }

  .table-responsive-stack.table-borderless tfoot tr:first-child,
  .table-responsive-stack.table-borderless tbody tr + tr {
    border: 0;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
    border-radius: 0;
  }

  .table-responsive-stack.table-borderless tfoot tr:first-child {
    border-top: 2px solid #ccc;
  }

  .table-responsive-stack.table-striped.table-borderless tfoot tr:first-child,
  .table-responsive-stack.table-striped.table-borderless tbody tr + tr {
    border: 0;
    border-radius: 0;
  }

  /* IE9 FIX */
  .table-responsive-stack td {
    float: left\9;
    width: 100%;
  }
}


.sidebar .nav-link:hover {
  /*background: #2cbfc5;*/
  background: hsl(196, 74%, 49%);  /* fallback for old browsers */
  background: linear-gradient(54deg, hsl(174, 74%, 49%), hsl(206, 74%, 49%));
  background-size: 150% 150%;
  background-position: 50% 0%;
}

.sidebar .nav-link.active .nav-icon {
  color: #2dcad0;
}

.sidebar .nav-link.active:hover .nav-icon,
.sidebar .nav-link.active:focus .nav-icon {
  color: #fff;
}

.sidebar-nav.ps .nav-dropdown-items .nav-link.active:after {
  content: '';
  position: absolute;
  right: 0;
  width: 0;
  background: transparent;
  height: 0;
  top: 0;
  border-color: transparent #e4e5e6 transparent transparent;
  border-width: 1.4rem 1rem 1.4rem 0;
  border-style: solid;
}

.sidebar-nav:not(.ps) .nav-dropdown-items .nav-link {
  padding-left: .5rem;
}
.sidebar-nav:not(.ps) .nav-dropdown-items .nav-link i {
  display: none;
}

.twitter-typeahead .tt-menu {
  cursor: pointer;
}

.twitter-typeahead .tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  font-size: 1rem;
  line-height: 1.2;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.twitter-typeahead .tt-hint {
  color: #a2abb4;
}

.twitter-typeahead .tt-dataset {
  display: block;
  clear: both;
  width: 100%;
}

.twitter-typeahead .form-control ~ .tt-menu .tt-dataset > * {
  padding: .375rem .75rem;
  font-size: .875rem;
}

.twitter-typeahead .form-control-sm ~ .tt-menu .tt-dataset > * {
  padding: .25rem .5rem;
  font-size: .765625rem;
}

.twitter-typeahead .form-control-lg ~ .tt-menu .tt-dataset > * {
  padding: .5rem 1rem;
  font-size: 1.09375rem;
}

.twitter-typeahead .tt-suggestion + .tt-suggestion {
  border-top: 1px solid #eee;
}

.twitter-typeahead .tt-suggestion:focus,
.twitter-typeahead .tt-suggestion:hover {
  color: #2b2d2f;
  text-decoration: none;
  background-color: #f5f5f5;
}
.twitter-typeahead .active.tt-suggestion,
.twitter-typeahead .tt-suggestion.tt-cursor,
.twitter-typeahead .active.tt-suggestion:focus,
.twitter-typeahead .tt-suggestion.tt-cursor:focus,
.twitter-typeahead .active.tt-suggestion:hover,
.twitter-typeahead .tt-suggestion.tt-cursor:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  outline: 0;
}
.twitter-typeahead .disabled.tt-suggestion,
.twitter-typeahead .disabled.tt-suggestion:focus,
.twitter-typeahead .disabled.tt-suggestion:hover {
  color: #818a91;
}
.twitter-typeahead .disabled.tt-suggestion:focus,
.twitter-typeahead .disabled.tt-suggestion:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}
.twitter-typeahead {
  width: 100%;
}
.input-group .twitter-typeahead {
  display: block !important;
}
.input-group .twitter-typeahead .tt-menu {
  top: 2.375rem !important;
}
.twitter-typeahead .tt-open ~ .invalid-feedback,
.twitter-typeahead .tt-open ~ .valid-feedback {
  display: none !important;
}
/*HECTOR - 22/17/2022 - Codigo para cargar pantalla de informacion, pantalla que se superpone para bloquear la accion*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999;
  background: rgba(0, 30, 60, 0.9);

}

#loader_text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #fff !important;
  display: inline-block;
}

/*Estilo del mouse en la paginacion*/
ul.pagination li a {
  cursor: pointer !important;
}