@import url('https://rsms.me/inter/inter.css');

:root {
  --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  --primary-blue: #295CAB;
  --soft-primary-blue: #DEEBFF;
  --deep-blue: #2B3674;
  --due-color: #FFF3F5;
  --badge-success: #19CE8D;
  --info: #70B6FD;
  --gray: #6C6F74;
  --success: #07BC7B;
}

body {
  font-feature-settings: "cv03", "cv04", "cv11";
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
  padding: .8rem calc(calc(var(--tblr-page-padding) * 2)/ 2) !important;
}

.nav-link-title{
  font-size: 15px !important;
  color: #78819D !important;
  font-weight: 500;
}

.dropdown-item{
  font-size: 13px !important;
  color: #78819D !important;
  font-weight: 500;
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
  padding-left: 24px !important;
  white-space: normal;

}


.dropdown-menu-column{
  border-left: 2px var(--tblr-border-style) var(--tblr-navbar-active-border-color) !important;
  position: relative;
  left: 20px;
  margin-bottom: 12px;
}


.navbar-expand-lg .nav-item.active:after{
  border: 0 none !important;
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
  margin-left: 8px !important;;
}


.navbar-expand-lg .nav-item.active {
  background-color: #F4F7FE !important;
  border-radius: 4px;
}

.card{
  border: 1px solid #E8EEFA !important;
  border-radius: 8px !important;
}

.btn-success{
  background-color: var(--success) !important;
}

.card-border{
  border: 1px solid #E8EEFA !important;
  border-radius: 8px !important;
}

.submit{
  padding: 6px 24px  !important;
}

.btn-primary{
   background-color: var(--primary-blue);
}

.badge-success{
  background-color: var(--badge-success);
}

.badge-info{
  background-color: var(--info);
}

.btn-soft-primary{
  background-color: var(--soft-primary-blue);
  border-color: var(--soft-primary-blue);
  color:  var(--primary-blue);
  font-size: 12px;
  padding: 8px 20px;
}

.col-container {
  display: table;
  width: 100%;
  height: 100vh;
}

.left-col {
  display: table-cell;
  padding: 16px;
  vertical-align: middle;
}

.right-col {
  display: table-cell;
  vertical-align: middle;
  /*background: url(../images/login-bg.png);*/
  background-size: cover;
  background-repeat: no-repeat;
}

.border-radius-24 {
  border-radius: 24px;
}

.border {
  border: 1px solid #ECF2FF !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.breadcrumb a {
  font-size: 12px !important;
}

.bg-custom-gray {
  background-color: #FBFBFB !important;
}

.w-180 {
  width: 180px !important;
}

.w-250 {
  width: 250px !important;
}


.text-deep-blue{
  color: var(--deep-blue) !important;
}


.sticky-card-header{
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}

.fs-14{
  font-size: 0.875rem;
}

.fs-18{
  font-size: 1.125rem;
}

.fs-24{
  font-size: 1.3rem;
}

.fs-34{
   font-size: 2.125rem;
}

.vertical-line{
  border-right: 1px solid #F4F7FE;
}

.border-0{
  border: 0 none !important;
}

.box-shadow{
  box-shadow: 0px 18px 40px 0px rgba(112, 144, 176, 0.12) !important;;
  --webkit-box-shadow: 0px 18px 40px 0px rgba(112, 144, 176, 0.12) !important;;
}

.due-color{
  color: var(--due-color);
}



.fs-12{
  font-size: 12px;
}

.fs-18{
  font-size: 18px;
}

.fs-20{
  font-size: 20px;
}

.fs-36{
  font-size: 2.25rem;
}

.fs-16{
  font-size: 16px;
}

.text-gray{
  color: var(--gray);
}

#login .form-control{
  border: 1px solid #E0E5F2 !important;
  height: 50px !important;
}

.login-bottom{
  position: relative;
  left: 50%;
  top: 70%;
  transform: translate(-50%);
}

.border-right-0{
  border-right: 0 none !important;
}

.h-50{
  height: 50px !important;
}

.form-label{
    font-size: .8rem;
    color: #585858;
    font-weight: 700;
}

@media (max-width: 1024px) {
  .right-col{
    display: none;
  }
}

@media (max-width: 1440px){
  .fs-24{
    font-size: 1rem !important;
  }
}

.card-table tr td {
    font-size: 12px;
}

.justify-content-sb{
  justify-content: space-between;
  width: -webkit-fill-available;
}

/* select 2 customization */

.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 1.4285714286!important;
}

.select2-container .select2-selection--single, .select2-search--dropdown .select2-search__field{
  height: 36px!important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
  padding: 0.4375rem 0.75rem!important;
}

.select2-container--default .select2-selection--single{
  border: 1px solid #dadfe5!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 100%!important;
}

.select2-search__field:focus {
  outline-offset: 0px!important;
}

.errorDate{
  display: none;
}

.brand-color {
    color : #008f4c;
}

.badge {
  z-index: 100;
}

.w-24 {
  width: 24px;
}

/* ==============================================password toggle view================================================ */
.eyeToggleBtn {
    background: transparent;
    border: none;
}

.eyeToggleBtn:hover {
    background: transparent;
}

.eye-icon,
.eye-off-icon {
    width: 20px;
}

.eye-icon {
    display: none;
}

.eye-off-icon {
    display: block;
}

.input-group input[type="password"]:not(:focus)+.btn img.eye-icon {
    display: block;
}

.input-group input[type="password"]:not(:focus)+.btn img.eye-off-icon {
    display: none;
}

.input-group input[type="text"]:not(:focus)+.btn img.eye-icon {
    display: none;
}

.input-group input[type="text"]:not(:focus)+.btn img.eye-off-icon {
    display: block;
}