.rounded-circle {
    border: 2px solid transparent;
    border-radius: 50% !important;
  }
  
  .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-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-gray-custom {
    background-color: #666666; /* Color gris */
    border-radius: 10px;
    color: #fff; /* Color del texto */
    position: relative;
    overflow: hidden;
  }
  
  .bg-gray-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-blue-light .main-header .navbar {
    background-color: white !important;
  } 
  
  .welcomeMessage {
    color: black !important;
  }
  
  .skin-blue-light .main-header .navbar .sidebar-toggle {
    color: black !important;
  }
  .skin-blue-light .main-header .navbar .nav>li>a {
    color: black !important;
  }
  
  .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-blue-custom {
    background-color: #4474d6; /* Color aqua */
    color: #fff; /* Color del texto */
    position: relative;
    overflow: hidden;
    padding-top: 20px;
  }
  
  .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;
  }

  .skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: black !important;
}
.skin-yellow-light .main-header .navbar .nav>li>a {
  color: black !important;
}

.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;
}