.bg-primary{
    background-color: #191E46 !important;
}

.text-primary{
    color:#191E46 !important;
}

.text-link{
    color: #2378CA !important;
}

.border-input{
    border: 1px solid #DBDBDB !important;
}

.bg-button-gray{
  background-color: #8D8D8D;
}

.text-menu{
    color:#DBDBDB;
}

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

.bg-item-hover:hover{
    background-color: #191E46 !important;
    color:white !important;
  }

  .menu-item.active{
    color:white;
    background-color: #191E46 !important;
    border-radius: 9999px;
  }

  .w-30{
    width: 33.333333% !important;
  }

  .w-50{
    width: 50% !important;
  }

  .left-85 {
    left: 85%;
}

.left-82 {
  left: 82%;
}

.left-80 {
  left: 80%;
}

  .text-card{
    color:#191E46;
  }

  #chart2{
    /*position: absolute !important;
    bottom: 20px !important;*/

  }

  .mx-1{
    margin-left: 0.25rem; /* 4px */
    margin-right: 0.25rem; /* 4px */
  }

  .py-1{
    padding-top: 0.25rem; /* 4px */
padding-bottom: 0.25rem; /* 4px */
  }
  .cursor-pointer:hover{
    cursor: pointer !important;
  }

  .bg-success{
    background-color: #68B82B;
    color:#FFFFFF;
  }

  .bg-danger{
    background-color: #D14F4F;
    color:#FFFFFF;
  }

  .bg-info{
    background-color: #2378CA;
  }

  .left-auto{
    left:auto;
  }

  .left-75{
    left:75%;
  }

  .left-full{
    left: 100%;
  }

  .p-10{
    padding: 2.5rem; /* 40px */
  }

  .px-10{
    padding-left: 2.5rem; /* 40px */
    padding-right: 2.5rem; /* 40px */
  }

  .px-12{
    padding-left: 3rem; /* 48px */
padding-right: 3rem; /* 48px */
  }

  .swal2-title{
    color:#191E46 !important;
  }

  .swal2-html-container{
    color: #A7A7A7 !important;
  }

  .swal2-icon{
    border: none !important;
  }

  header{
    z-index: 999 !important;
  }

  .flatpickr-calendar.open {
    z-index: 99 !important;
}

.cursor-pointer {
  cursor: pointer;
}
.upload {
  display: flex;
  position: relative;
}

.upload-input {
  bottom: 0;
  /*display: none;*/
  opacity: 0;
  width: 60px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  cursor: pointer;
}
.avatar-img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.avatar-circle {
  border-radius: 9999px;
}

.form-item.vertical {
  display: flex;
  flex-direction: column;
}
.max-w-\[700px\] {
  max-width: 700px;
}

.mb-0 {
  margin-bottom: 0;
}

.border-primary{
  border-color: #191E46 !important;
}

.label-new-chat{
  background-color: #191E46;
  color: white;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 9px;
  display: none;
}

.label-new-chat.show{
  display: flex;
}

.menu-item:hover .label-new-chat{
  background-color: white;
  color: #191E46;
}

.hover-shadow-xl:hover{
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.shadow-lg{
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.shadow-lg:hover{
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25)
}

.scale-2:hover{
  transform: scale(1.02); 
}

.border-dashed{
  border-style: dashed;
  border-width: 4px;
}

.head-gray{
  background-color: #F9FAFB !important;
  /* border: #EAEAEA !important; */
  border-width: 1px;
  color: #848484;
  border-bottom: 1px solid #EAEAEA;
}