.rounded-circle-violet {
    border: 1px solid #957fb0;
    border-radius: 50% !important;
  }

  .rounded-circle-green {
    border: 1px solid #2aa960;
    border-radius: 50% !important;
  }

  .rounded-circle-light-green {
    border: 1px solid #abcca3;
    border-radius: 50% !important;
  }

  .rounded-circle-orange {
    border: 1px solid #f27c03;
    border-radius: 50% !important;
  }

  .rounded-circle-greeno {
    border: 1px solid #6ca24e;
    border-radius: 50% !important;
  }
  
  .rounded-circle-yellow {
    border: 1px solid #e9d95b;
    border-radius: 50% !important;
  }

  .rounded-circle-blue {
    border: 1px solid #0188d0;
    border-radius: 50% !important;
  }

  .rounded-circle-violet {
    border: 1px solid #394baa;
    border-radius: 50% !important;
  }

  .rounded-circle-black {
    border: 1px solid #010001;
    border-radius: 50% !important;
  }

  .rounded-circle-red {
    border: 1px solid #d92550;
    border-radius: 50% !important;
  }


  .icon-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .icon-wrapper {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  
  .icon-wrapper-alt {
    margin: 0;
    height: 44px;
    width: 44px;
    text-align: center;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
  }
  
  .icon-wrapper-alt .icon-wrapper-bg {
    opacity: 0.1;
    transition: opacity 0.2s;
    border-radius: 40px;
  }
  
  .icon-wrapper .icon-wrapper-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 0.2;
  }
  
  .btn_notif {
    font-size: 0.8rem;
    font-weight: 500;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none !important;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s,
    box-shadow 0.15s;
    border: none;
    background: transparent;
    height: 53px;
    display: flex;
    align-items: center;
  }

 .btn_update {
  border: 1px solid #687e9b; 
  width: 36px; 
  height: 36px; 
  border-radius: 50%; 
  display: flex; 
  justify-content: center; 
  align-items: center;
 }

  .badge_notif {
    position: relative;
    top: -1px;
    /* text-indent: -999em; */
    padding: 0;
    width: 8px;
    height: 8px;
    border: transparent solid 1px;
    border-radius: 30px;
    min-width: 2px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    min-width: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .badge-dot-sm {
    width: 6px;
    height: 6px;
  }
  
  .badge-dot.badge-dot-sm {
    width: 8px;
    height: 8px;
    border-width: 1px;
  }
  
  .icon-wrapper-alt .badge-dot {
    top: -3.5px;
    right: -6.5px;
    width: 2.5rem;

  }
  
  .badge-dot {
    position: absolute;
    border: #fff solid 2px;
    top: -5px;
    right: -5px;
    width: 11px;
    height: 11px;
  }
  
  .badge_notif {
    margin-left: 8px;
  }
  
  .badge_red {
    color: #fff;
    background-color: #d92550;
  }
  
  .bg_red:hover {
    color: #fff;
    background-color: #d92550 !important;
  }
  
  .icon_red {
    color: #d42345;
  }
  
  .badge_green {
    color: #fff;
    background-color: #2ca961;
  }
  
  .bg_green:hover {
    color: #fff;
    background-color: #2ca961;
  }
  
  .icon_green {
    color: #2ca961;
  }
  
  .bg_info:hover {
    color: #fff;
    /*background-color: #ECD360;*/
    background-color: #9b8a3e;
  }
  
  .icon_info {
    color: #9b8a3e;
    /*color: #ECD360;*/
  }
  
  .badge_info {
    color: #fff;
    background-color: #9b8a3e;
    /*background-color: #ECD360;*/
  }
  
  .icon_orange {
    color: #f57c00;
  }
  
  .badge_orange {
    color: #fff;
    background-color: #f57c00;
  }
  
  .bg_orange:hover {
    color: #fff;
    background-color: #f57c00;
  }
  
  .icon_gray {
    color: #7e7e7e;
  }
  
  .badge_gray {
    color: #fff;
    background-color: #7e7e7e;
  }
  
  .bg_gray:hover {
    color: #fff;
    background-color: #7e7e7e;
  }
  
  .bg_light_green:hover {
    color: #fff;
    background-color: #abcca3;
  }

  .icon_violet {
    color: #3949ab;
  }
  
  .badge_violet {
    color: #fff;
    background-color: #3949ab;
  }
  
  .bg_violet:hover {
    color: #fff;
    background-color: #3949ab;
  }
  
  .icon_blue {
    color: #0288d1;
    margin-top: 3px;
}
  .badge_blue {
    color: #fff;
    background-color: #0288d1;
  }
  
  .bg_blue:hover {
    color: #fff;
    background-color: #0288d1;
  }
  
  .icon_lila {
    color: #947eb0;
  }
  
  .badge_lila {
    color: #fff;
    background-color: #947eb0;
  }
  
  .bg_lila:hover {
    color: #fff;
    background-color: #947eb0;
  }
  
  .icon_light_green {
    color: #abcda2;
  }
  
  .badge_light_green {
    color: #fff;
    background-color: #abcda2;
  }
  
  .bg_light_green:hover {
    color: #fff;
    background-color: #abcda2;
  }
  
  .li_notificacion {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .skin-yellow-light .main-header .navbar {
    background-color: white;
}

.icon_greenc {
    color: #6da34d;
  }
  
  .badge_greenc {
    color: #fff;
    background-color: #6da34d;
  }
  
  .bg_greenc:hover {
    color: #fff;
    background-color: #6da34d;
  }

  .icon_yellow {
    color: #e8d859;
  }
  
  .badge_yellow {
    color: #fff;
    background-color: #e8d859;
  }
  
  .bg_yellow:hover {
    color: #fff;
    background-color: #e8d859;
  }

  .icon_black {
    color: black;
  }
  
  .badge_black {
    color: #fff;
    background-color: black;
  }
  
  .bg_black:hover {
    color: #fff;
    background-color: black;
  }

.popover-x.top-right .arrow, .popover-x.bottom-right .arrow {
  left: auto !important;
  right: 1.6rem !important;
}

/* Estilos para las pestañas */
.v-tabs-pill .nav-pills > li {
  border: 1px solid #ccc; 
  margin-bottom: -1px; 
}

.v-tabs-pill .nav-pills > li.active {
  border-color: #007bff; 
}

.v-tabs-pill .nav-pills > li > a {
  padding: 10px 15px; 
}

.v-tabs-pill .nav-pills > li > a > i {
  margin-right: 5px; 
}

/* Estilos para los iconos en las pestañas */
.icon-tab:before {
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
}

.custom-card {
  border: 1px solid #ccc;
  border-radius: 10px; 
  padding: 20px;
  margin-left: 0;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.custom-card-2 {
  border: 1px solid #ccc;
  border-radius: 10px; 
  padding: 10px;
  margin-left: 0;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: white;
}
.tab-content {
  background-color: transparent !important;
}

.apple-switch {
  height: 20px !important;
}

input.apple-switch:after {
  height: 18px !important;

}

.kv-table-header th {
  background-color: white !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white;
}

  .main-footer {
    margin-top: 35px;
  }

  .panel-default > .panel-heading {
background-color: white !important;
  }

  .panel-default {
 border-color: transparent !important;
  }
/*
  .kv-panel-after {
display: none !important;
  }
*/


.box {
  border-top: transparent !important;
  box-shadow: none !important;
}


.select2-search__field {
  /*
  
  Se quitó para que el campo de búsqueda de los select2 no se expanda tanto
  width: 400px !important;
  */
}

.tabs-above.tab-bordered .tab-content {
  border: none !important;
}

.bg-aqua-custom {
  background-color: #00c0ef; /* Color aqua */
  color: #fff; /* Color del texto */
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.bg-aqua-custom::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
  top: 0;
  left: 0;
  z-index: 1;
}

.bg-blue-custom {
  background-color: #4474d6; /* Color aqua */
  color: #fff; /* Color del texto */
  position: relative;
  overflow: hidden;
}

.bg-blue-custom::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
  top: 0;
  left: 0;
  z-index: 1;
}

.bg-green-custom {
  background-color: #00a65a; /* Color verde */
  border-radius: 10px;
  color: #fff; /* Color del texto */
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.bg-green-custom::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
  top: 0;
  left: 0;
  z-index: 1;
}

.bg-orange-custom {
  background-color: #ff841b; /* Color naranja */
  border-radius: 10px;
  color: #fff; /* Color del texto */
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.bg-orange-custom::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
  top: 0;
  left: 0;
  z-index: 1;
}

.bg-red-custom {
  background-color: #dd4b39; /* Color rojo */
  border-radius: 10px;
  color: #fff; /* Color del texto */
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.bg-red-custom::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
  top: 0;
  left: 0;
  z-index: 1;
}

.skin-yellow-light .main-header .navbar .nav>li>a {
    color: #3d444a !important;
  }
  
  .sidebar-toggle {
    color: #3d444a !important;
  
  }
  
  .navbar-custom-menu>.navbar-nav>li .mr-2 {
    margin-right: 15px !important;
  }
  
  .sidebar-mini.sidebar-collapse .main-header .logo, .skin-blue-light .main-header .logo {
    border-right: 1px solid #d2d6de;
  }
  
  .mb-10 {
    margin-bottom: 10px;
  }

  .btn-custom-blue {
    background-color: #3c8dbb; 
    border-color: #357ebd; 
    color: #fff; 
    box-shadow: none !important;
}

.btn-custom-blue:hover, 
.btn-custom-blue:focus, 
.btn-custom-blue:active {
    background-color: #2a6a9e; 
    border-color: #204d74; 
    color: #fff;
}

.red-danger {
  background-color: #d9534e;
  border-color: #d9534e;
  color: #fff;
}



.select2-container--krajee .select2-selection--multiple .select2-selection__rendered {
    white-space: normal;
    height: auto;
    overflow: visible; 
}

.select2-search__field {
  /*Se quitó para que el campo de búsqueda de los select2 no se expanda tanto*/
  /*width: 350px !important;*/
}

.select2_multiples_width_search_field {
  min-width: 22em !important;
}

.botones-agregar {
  display: flex;
  justify-content: flex-end; 
  margin: 0 10px 10px 0 !important;
}