/* Estilo base para todos los botones */
button,
.btn {
    transition: background-color 0.4s ease-in-out, transform 0.3s ease-in-out;
}

/* Efecto hover con fondo destacado y transición suave */
button:hover,
.btn:hover {
    background-color: #ffc107; /* Fondo amarillo sobresaliente */
    transform: scale(1.05); /* Agranda ligeramente el botón */
}


.swal2-container {
z-index: 99999999999;
}
.panel.panel-fullscreen {
 z-index: 1050;
}
.list-group-item {
padding: 0.45rem 0rem;
}

.page-logo {
    height: auto;
    width: auto;
   padding: 0;
       width: 230px;
}

.page-logo .page-logo-link {
    -webkit-box-flex: inherit;
    -ms-flex: none;
    flex: none;
}

.tabledit-deleted-row {display: none;}

.btn-danger {
    color: #fff;
    background-color: #F44336;
    border-color: #F44336;
}

.btn-success {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
}

.btn-success:hover {
    color: #fff;
    background-color: #377d3a;
    border-color: #377d3a;
}

.table-bordered th, .table-bordered td {
     border: 0;
}


iframe {border-width: 0; width: 100%;}

.form-control:focus {
border-color: #4caf50;
}

.mb-3, .my-3 {
    margin-bottom: 0 !important;
}

.datepicker td.active, .datepicker td.active:hover {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #009688, #009688);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *: ;
    background-color: #0044cc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
}

.datepicker {z-index: 99999999;}

.page-item.active .page-link {
    background-color: #055b94;
    border-color: #055b94;
}


.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {
    margin-right: 0.25rem;
    font-size: 1.125rem;
    width: 1.75rem;
    color: #ffffff;
    text-align: left;
}

.embed-responsive {
    min-height: 200px;
}



table .btn {
   
    padding: 5px;
    font-size: 20px;
    line-height: 0;
   }
   
.swal2-styled.swal2-confirm {background-color: #4caf50;}

.btn-dis {
    color: #fff;
    background-color: #bba5dc;
    border-color: #886ab5;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3573ed;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background: #9cbaf7;
    border-color: #184fbc;
    color: #563d7c;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #563d7c;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: white;}
    
    

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #184fbc;
    border-color: #12419e;
    color: white;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3573ed;
}

.form-control {padding: 0.3rem 0.4rem; text-align: center;height: calc(1em + 1rem + 2px);}
.modal .form-control {text-align: left;}

div.dataTables_wrapper div.dataTables_length select {width: 52px;}

@media (min-width: 992px){
.nav-function-minify:not(.nav-function-top).nav-function-hidden .page-wrapper {
    padding-left:0!important;}
    }
    
table.dataTable:not(.table-dark) tr.dtrg-group td {
    background: #efefef;
    font-weight: 100;
    padding-bottom: 10px;
}

table.dataTable tr.dtrg-group td {
    padding-top: 10px;
}

.bg-trans-gradient {
    background: linear-gradient(250deg, #7fa2ea, #3366ee);
}

a {color: #055b94;}

a:hover {color: #055b94;}

.card {background-color: #eaeaea;}

.header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child {
    color: #e09700;
}

.header-icon:hover {
    cursor: pointer;
    color: #c58807;
}

.color-primary-500 {
    color: #055b94;
}
.color-danger-500 {
    color: #f44336;
}

.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
    background: #055b94;
}



.pagination {
   -webkit-box-pack: center!important;
       -ms-flex-pack: center!important;
       justify-content: center!important;
   }
.pagination li {
   
   border-radius: 12px;
    border-width: 0;position: relative;
     display: block;
     padding: 2px;
     margin-left: -1px;
     line-height: 1.25;
     color: #055b94;
     margin-left: 0.4rem;
     background-color: #fff;
   }
   .pagination li.active {
   
   border-radius: 12px;
    border-width: 0;position: relative;
     display: block;
     padding: 2px;
     margin-left: -1px;
     line-height: 1.25;
     color: white;
     margin-left: 0.4rem;
     background-color: #055b94;
     border: 1px solid #055b94; 
   }
   
   .page-sidebar{background-color: #055b94;}

   .nav-function-top .page-sidebar .primary-nav .nav-menu {
       margin: 0;
       padding: 0;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch;
       -webkit-box-flex: 0;
       -ms-flex: 0 1 100%;
       flex: 0 1 100%;
       -webkit-transition: margin .5s ease-out 0s;
       transition: margin .5s ease-out 0s;
   }
   .nav-function-top .page-sidebar .primary-nav .nav-menu>li {
       display: inline-block;
       position: static;
   }
   
   .nav-function-top .page-header {
       margin-top: 0;
       height: 4.125rem;
       background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
       background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
       background-color: #ffffff;
       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       -webkit-box-shadow: 0px 0px 14px 0px rgb(86 61 124 / 13%);
   }
   

   
 .header-icon:not(.btn) > [class*='fa-']:first-child {
     font-size: 26px;
 }
 
 .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
     color: #438df3;
 }
 
 .nav-function-top .page-sidebar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     max-width: 100%;
     height: 3.5rem;
     z-index: 999;
     padding: 0 0.625rem;
     background: #fff;
     position: absolute;
     top: 4.125rem;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
 }
 
 .header-function-fixed.nav-function-top .page-header {
     position: fixed !important;
     -webkit-box-shadow: 0px 0px 28px 2px rgb(86 61 124 / 13%);
     box-shadow: 0px 0px 28px 2px rgb(223 223 223);
     -webkit-transform: translateZ(0);
 }

 
 .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
     font-size: .9rem;
     color: #3a69ac;
 }
 
 .table-hover tbody tr:hover {
     color: #212529;
     /* background-color: #4CAF50; */
     border: 1px solid;
 }
 
 div.dataTables_wrapper div.dataTables_length select {
     width: 66px;
 }
 
 .input-group-text {
    
     padding: 0.3rem 0.875rem;
    
 }
 
 table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
     position: absolute;
     bottom: 0em;
     display: block;
     opacity: 0.3;
 }
 
 a[target]:not(.btn) {
     text-decoration: none!important;
 }

table #multiselect .btn {
    padding: 5px;
    font-size: inherit;
    line-height: 0;
    padding: 14px;
}

table .multiselect-container {
    padding: 20px;
    width: max-content;
}
table .btn-group, .btn-group-vertical{
width: -webkit-fill-available;
width: 100%;
}


 
.fadeInUp {
-webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
   }