body{font-family: "Poppins", sans-serif;}
.d_icon_box{display: none;}
.login{padding-top: 20px; padding-bottom: 20px; display: flex; align-items: center; justify-content: center; min-height: 100vh;}
.login::before{content: ""; opacity: .5; background: url(../img/login.webp) no-repeat center; background-size: 100% 100%; z-index: -1; position: fixed; left: 0; top:0; bottom: 0; right: 0;}

.login-logo{text-align: center; margin-bottom: 40px;}
.login-logo img{width: 200px;}
.main_box{box-shadow: 0 4px 50px #0000001c; border-radius: 20px; margin-top: 40px; background: #fff; padding: 50px;}
.login .form-control{background: #fdfdfd; color: #000; padding: 12px 20px;}
.eye-btn{position: absolute; color: #000; right: 20px; top: 13px}
.input_icon{position: absolute; left: 20px; top: 8px; font-size: 20px; opacity: .5;}
.card{box-shadow: 0 4px 13px #dadce2; border: none; border-radius: 15px;}
.page-header{font-size: 22px; font-weight: 600;}
.card.card-bg{background: url(../img/card-bg.png) no-repeat; background-size: cover;}
.modal-body .modal-body{padding: 0;}
.chatListM {height: 425px; overflow: auto;}

.chatListM_bg{border: 1px solid #ededff; margin-bottom: 5px; cursor: pointer; background-color: #ededff; padding: 13px; border-radius: 10px;}

.chatListM_bg_active {
  background: #e5e5e8;
}
.text-white{color: #000 !important;}
.login_box{max-width: 530px; margin: auto; background: #ffffff94; padding: 20px; border-radius: 15px;}
.login_box.register_box{max-width: 730px;}

.chat-messages{height: 394px; overflow-y: auto;}
.bot-message{margin-bottom: 10px; background: #ededff; padding: 10px 14px; border-radius: 0px 10px 10px 10px; display: inline-block;}
.bot-message.user{border-radius: 10px 0px 10px 10px; text-align: right;}
.bot-message-date{display: block; font-size: 12px; opacity: .6;}
.bot-message-text{display: block; font-size: 15px;}
.bot-message-img{width: 40px; height: 40px; border-radius:50%;}
.bot-message-img-send{max-width: 150px;}
.cursor_none{cursor: none;}
th strong{font-weight: 600;}

.w-10{width: 10%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-90{width: 90%;}
.w-100{width: 100%;}

body,html {--sb-track-color: var(--bs-secondary);--sb-thumb-color: var(--bs-primary); --sb-size: 6px;}
::-webkit-scrollbar {width: var(--sb-size)}
::-webkit-scrollbar-track {background: var(--sb-track-color); border-radius: 3px;}
::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color); border-radius: 3px;}
@supports not selector(::-webkit-scrollbar) {
  body {
  scrollbar-color: var(--sb-thumb-color)
  var(--sb-track-color);
  }
}
.ticket_raise_toogle{display: none;}
.paymentGatewayLogo{width: 150px;}
.c_card_box{background: #EDEDFF; padding: 20px 20px; border-radius: 10px;}
.sidebarMenuScroll2{overflow-x: scroll; height: calc(100vh - 10px);}

select.form-control {appearance: none;  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none)!important; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232d435d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat!important;
  background-position: right .75rem center!important;
  background-size: 16px 12px!important;
}
.bg-primary.text-white{color: #fff !important;}
.page-wrapper.toggled::before{content: ""; z-index: 11; background: #00000073; position: fixed; left: 0; right: 0; top:0; bottom: 0;}
.sidebar-menu .treeview-menu > li > a.active {
  background-color: #f5f6fa;
  color: #ed7b23;
}


/*for mobile*/
@media only screen and (max-width:760px) {
  .ms-3 {margin-left: .8rem !important;}
  .p-5 {padding: 1.5rem !important;}
  .mt-5, .my-5 {margin-top:1.5rem !important;}
  .mb-5, .my-5 {margin-bottom:1.5rem !important;}
  .pb-5, .py-5 {padding-bottom: 2rem !important;}
  .pt-5, .py-5 {padding-top: 2rem !important;}
  .mb-4 {margin-bottom: 1rem !important;}
  .mt-4 {margin-top: 1rem !important;}
  .p-3 {padding: .5rem !important;}
  .p-4 {padding:.75rem !important;}
  .gap-3 {gap: .5rem !important;}
  .gap-4 {gap: 1rem !important;}
  .gap-5 {gap: 1.5rem !important;}
  .g-5, .gy-5 {--bs-gutter-y: 1.5rem;}
  .g-5, .gx-5 { --bs-gutter-x: 1.5rem;}
  .g-4, .gy-4 {--bs-gutter-y: 1rem;}
  .g-4, .gx-4 { --bs-gutter-x: 1rem;}
  .h5, h5 {font-size: 1rem;}

  .main_box {padding:25px}
  .ticket_raise_toogle{display: inline-block;}
  .app-brand .logo {max-height: 30px;}
  
   
  
  
  
  }
  /*for medium mobile*/
  @media only screen and (min-width:480px) and (max-width:760px) {
  
  
  }
  /*for tablet*/
  @media only screen and (min-width:760px) and (max-width:1000px) {
  
  
  
  }
  
  /*for destop*/
  @media (min-width: 1200px){
    
  
    }