.abhaya-libre-regular {
  font-family: "Abhaya Libre", serif;
  font-weight: 400;
  font-style: normal;
}

.abhaya-libre-medium {
  font-family: "Abhaya Libre", serif;
  font-weight: 500;
  font-style: normal;
}

.abhaya-libre-semibold {
  font-family: "Abhaya Libre", serif;
  font-weight: 600;
  font-style: normal;
}

.abhaya-libre-bold {
  font-family: "Abhaya Libre", serif;
  font-weight: 700;
  font-style: normal;
}

.abhaya-libre-extrabold {
  font-family: "Abhaya Libre", serif;
  font-weight: 800;
  font-style: normal;
}

.dm-sans-regular {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.dm-sans-light{
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

/**{ box-sizing:border-box;}

body{ background:#f9f9f9; }*/

#msBox .appointments-list{ background:#F8F8FA; width:100%; max-width:374px; padding:3px; border-radius:9px; margin-top: 0px;} 

/*-------------------------Calender css start----------------------------------*/

#msBox .app_monthly_schedule_wrapper{ width:100%; max-width:364px;  font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#000000; margin-bottom:15px; border-bottom:#fff 2px solid; padding-bottom:10px;}
#msBox .calender_head{ background: url(../images/cld_t_bg.png) no-repeat center top; background-size:100%; height:55px; display:flex; align-items:center; justify-content:space-between; font-family: 'Roboto', sans-serif; font-weight:700; color:#fff; font-size:20px; padding:10px 15px; border-radius:9px 9px 0px 0px; position: relative; z-index: 1000;} 
#msBox .calender_head .month_t_r{ font-size:18px; font-weight:500;} 
#msBox .app_monthly_schedule_wrapper thead tr th{ padding:15px 5px; text-align:center;  font-size:12px;  color: #3C3C4399; font-weight:400;} 
#msBox .app_monthly_schedule_wrapper tbody tr td{ text-align:center; padding:15px 5px;} 
#msBox .app_monthly_schedule_wrapper tbody tr td p{ margin:0px;}
#msBox .app_monthly_schedule_wrapper table .app_past1{ background:#EAEAEB; cursor: not-allowed;} 
#msBox .notpossible{ background:#EAEAEB; cursor: not-allowed;} 
#msBox .pnk_bg{ display:inline-block; background:#FF7070; color:#fff; border-radius:30px; padding:3px 10px; display:inline-block;} 
#msBox .today{ padding: 0px!important; }
#msBox .today p{ display:inline-block; background:#53C07E; color:#fff!important; border-radius:30px; padding:3px 10px; display:inline-block;} 
#msBox .app_holiday{ padding: 0px!important; cursor: not-allowed;}
#msBox .app_holiday p{ display:inline-block; background:#FF7070; color:#fff!important; border-radius:30px; padding:3px 10px; display:inline-block;} 

#msBox .app_monthly_schedule_wrapper tfoot{ display: none; }

#msBox .selected_date { padding: 0px!important; }
#msBox .selected_date p{ display:inline-block; background:#3C39D0; color:#fff!important; border-radius:30px; padding:3px 10px; display:inline-block;}

/*-------------------------calender css end----------------------------------*/

/*-------------------------App timetable css start----------------------------------*/

#msBox .app_timetable_wrapper{ width:100%; max-width:364px;  font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#000000; margin-bottom:15px; border-bottom:#fff 2px solid; padding-bottom:10px;}
#msBox .app_timetable_wrapper .app_timetable .app_timetable_title{ display:block; margin-bottom:15px; align-items:center;  width: 100%;} 
#msBox .app_timetable_wrapper .app_timetable .app_timetable_title .time{ font-size:18px; font-weight:500; display:inline-flex; align-items:center; margin-right:10px;}  
#msBox .app_timetable_wrapper .app_timetable .app_timetable_title .time i{ margin-right:6px; position:relative; bottom:-2px;}
#msBox .app_timetable_wrapper .app_timetable .app_timetable_title .month_date{font-size:14px; font-weight:500; display:inline-block; padding:3px 8px; border-radius:3px; background:#E6E6EE;} 
#msBox .app_timetable { display:flex; flex-wrap:wrap; justify-content: left; } 
#msBox .app_timetable  .app_timetable_cell{     width: 23.5%;
    text-align: center;
    padding: 6px 8px;
    margin-bottom: 6px;
    font-size: 14px!important;
  margin-left: 1.5%;} 
#msBox .app_timetable  .app_timetable_cell:nth-child(4n+4){ margin-right:0px;}
#msBox .busy_color { background:#9CA6FF; border-radius:50px; cursor: not-allowed;} 
#msBox .nv_blue{ background:#3C39D0; border-radius:50px; color:#fff; font-weight:500;}

/*-------------------------app timetable css end----------------------------------*/

/*-------------------------Available css start----------------------------------*/

.avail_bx{ margin-bottom:0px;}
.avail_bx ul{ margin:0px; padding:0px; list-style:none; display:flex; flex-wrap:wrap;} 
.avail_bx ul li{ margin:0px 8px 10px 0px;} 
.avail_bx ul li:nth-child(4){ margin-right:0px;}
.avail_bx ul li a{ display:inline-flex; text-decoration:none; align-items:center; border:1px solid #fff; font-size:14px; color:#000; font-weight:400; padding:3px 7px; border-radius:50px; font-family: 'Roboto', sans-serif; background:#fff; } 
.avail_bx ul li a.available i{ width:10px; height:10px; background:#2C80FF; border:#2C80FF 1px solid; border-radius:50px; margin-right:8px;} 
.avail_bx ul li a.available.active i, .avail_bx ul li a.available:hover i{ background:none;} 
.avail_bx ul li a.available.active, .avail_bx ul li a.available:hover{ background:none; border:#2C80FF 1px solid;}
.avail_bx ul li a.todayc i{ width:10px; height:10px; background:#53C07E; border:#53C07E 1px solid; border-radius:50px; margin-right:8px;} 
.avail_bx ul li a.todayc.active i, .avail_bx ul li a.todayc:hover i{ background:none;} 
.avail_bx ul li a.todayc.active, .avail_bx ul li a.todayc:hover{ background:none; border:#53C07E 1px solid;}
.avail_bx ul li a.booked i{ width:10px; height:10px; background:#9CA6FF; border:#9CA6FF 1px solid; border-radius:50px; margin-right:8px;} 
.avail_bx ul li a.booked.active i, .avail_bx ul li a.booked:hover i{ background:none;} 
.avail_bx ul li a.booked.active, .avail_bx ul li a.booked:hover{ background:none; border:#9CA6FF 1px solid;}
.avail_bx ul li a.holiday i{ width:10px; height:10px; background:#FF7070; border:#FF7070 1px solid; border-radius:50px; margin-right:8px;} 
.avail_bx ul li a.holiday.active i, .avail_bx ul li a.holiday:hover i{ background:none;} 
.avail_bx ul li a.holiday.active, .avail_bx ul li a.holiday:hover{ background:none; border:#FF7070 1px solid;}
.avail_bx ul li a.not_possible i{ width:10px; height:10px; background:#D8D8D8; border:#D8D8D8 1px solid; border-radius:50px; margin-right:8px;} 
.avail_bx ul li a.not_possible.active i, .avail_bx ul li a.not_possible:hover i{ background:none;} 
.avail_bx ul li a.not_possible.active, .avail_bx ul li a.not_possible:hover{ background:none; border:#D8D8D8 1px solid;} 

/*-------------------------available css end----------------------------------*/

/*----------------------------------div_pagination css start----------------------------------*/

#div_pagination{display:flex; justify-content:flex-end;} 
#div_pagination a{ display:inline-block; text-decoration:none; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; border:#DFDFDF 1px solid; border-radius:18px; padding: 4px 13px;} 
#div_pagination a i img{ width:10px;} 
#div_pagination a.previous_month{ margin-right:10px;}
#div_pagination a.previous_month i{ margin-right:8px;} 
#div_pagination a.next_month i{ margin-left:8px;}  
#div_pagination a.next_month i img{filter: brightness(0) invert(1);}
#div_pagination a.next_month{ background:#3686FE; border:#3686FE 1px solid; color:#fff;} 
#div_pagination a.previous_month:hover{ background:#3C39D0; border:#3C39D0 1px solid; color:#fff;} 
#div_pagination a.previous_month:hover i img{filter: brightness(0) invert(1);}
#div_pagination a.next_month:hover{ background:#3C39D0; border:#3C39D0 1px solid; color:#fff;} 
#div_pagination a.next_month:hover i img{filter: brightness(0) invert(1);}
#div_pagination{ margin-bottom: 12px; }

/*----------------------------------div_pagination css end----------------------------------*/


/*-------------------------detail page css----------------------------------*/

.detail_main{width:100%; max-width:374px; } 
.detail_bx{ background: linear-gradient(180deg, #303CFE 0%, #6C72D4 100%); border-radius:9px; color:#92909C; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; margin-bottom:15px; width:100%; max-width:374px;} 
.detail_bx .d_pattern{ background:url(../images/pattern.png) repeat center top; border-radius:9px; padding:8px;} 
.detail_bx .d_pattern .d_center{ background:#fff; border-radius:9px; padding:25px 20px;} 
.detail_bx .d_pattern .d_center strong{ font-weight:500; color:#000;} 
.detail_bx .d_pattern .d_center h6{ font-size:20px; font-family: 'Roboto', sans-serif; font-weight:500; color:#323DFE; margin:0px 0px 15px;} 
.detail_bx .d_pattern .d_center .d_row p{ margin:0px; padding-bottom:12px;} 
.detail_bx .d_pattern .d_center .d_row p:last-child{ padding-bottom:0px;}

.payment_col{ /*background:#F8F8FA;*/ border-radius:9px; padding:8px; margin-bottom:15px; width:100%; max-width:374px;} 
.payment_col .pay_btn{ display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(180deg, #303CFE 0%, #6C72D4 100%); border-radius:9px; height:48px; min-width:130px; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:500; color:#fff; text-decoration:none;} 
.payment_col .pay_btn:hover{ background: linear-gradient(180deg, #6C72D4 0%, #303CFE 100%); color:#fff;}

.confirm_col{background:#F8F8FA; border-radius:9px; padding:17px 20px; margin-bottom:15px; font-size:16px; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:500; color:#000; width:100%; max-width:390px;
    text-align: center; } 
.confirm_col strong{font-weight:500; color:#3686FE;} 

.confirm_col button{
  border: none;
  background: none;
}

.confirm_col button:focus {
  border: none;
  background: none;
  outline: none;
}
.confirm_col button:active {
  border: none;
  background: none;
  outline: none;
}


.botmsg{ box-sizing: border-box; border: 1px solid #E6EAFF; background: #F6F7FF;  padding: 14px 20px; border-radius: 20px 20px 20px 0px; font-size:16px; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; color:#00147E; width:100%; max-width:374px;}
.botmsg p{ margin-top:0px; padding-top:0px;}

.botmsg button.toggler{
  display: inline-block;
  position: relative; border:#EFEFEF 1px solid; border-radius:6px; padding: 4px 10px;
  margin-top: 10px; margin-right:8px; 
  cursor: pointer; border-radius:6px; background:#fff; font-family: 'Roboto', sans-serif; 
  font-weight:500; line-height:24px; font-size:13px; color: #404040;
}



#msBox .btn_rc { display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(180deg, #303CFE 0%, #6C72D4 100%); border-radius:6px; min-height:34px; min-width:150px; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:500; color:#fff; text-decoration:none;} 
#msBox .btn_rc:hover{ background: linear-gradient(180deg, #6C72D4 0%, #303CFE 100%); color:#fff;}

/*-------------------------detail page css end----------------------------------*/ 

/*-------------------------chat landing css start----------------------------------*/ 

.chat_m_wrap{ width:100%; max-width:410px;}
.chat_landing{ width:100%; max-width:410px; /*height:570px;*/ margin-bottom: 72px;    height: 500px; display:flex; align-items:center; 
  text-align:center; /*padding:20px 20px 74px;*/  border-radius:30px 30px 0px 0px; position:relative; color:#fff; font-family: 'Roboto', sans-serif; font-weight:300; 
background: #2130f7; 
background: -moz-linear-gradient(top,  #2130f7 0%, #7178d9 100%);
background: -webkit-linear-gradient(top,  #2130f7 0%,#7178d9 100%); 
background: linear-gradient(to bottom,  #2130f7 0%,#7178d9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2130f7', endColorstr='#7178d9',GradientType=0 ); } 
.chat_landing:before{ content:""; width:100%; height:72px; position:absolute; left:0px; /*bottom:0px;*/ 
  /*background:url(../images/shape_bottom.png) no-repeat center bottom;  
  background-size: 100%;*/
  bottom: -72px;
}

.chat_landing .chat_center{ width:100%;} 
.chat_landing .chat_center .chatty_logo{ line-height:0px;}
.chat_landing .chat_center .chatbot_text{ font-size:18px; line-height:0px;} 
.chat_landing .chat_center .chat_version{ font-size:9px; padding-top:40px;} 

.chat_close_b .close_btn{ display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:100%; 

  /*background: #2130f7; 
background: -moz-linear-gradient(top,  #2130f7 0%, #7178d9 100%);
background: -webkit-linear-gradient(top,  #2130f7 0%,#7178d9 100%); 
background: linear-gradient(to bottom,  #2130f7 0%,#7178d9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2130f7', endColorstr='#7178d9',GradientType=0 );*/ 
margin-top: 5px;
background: none;
text-decoration:none;}

/*-------------------------chat landing css end----------------------------------*/

/*-------------------------opener css start----------------------------------*/ 

.chat_box{width:100%; max-width:410px; height:570px; border-radius:45px 45px 0px 0px; position:relative;     background: #2B4CF9; font-family: 'Roboto', sans-serif; font-weight:400; display:flex; flex-direction:column;} 
.chat_box:before{ content:""; width:100%; height:72px; position:absolute; left:0px; bottom:2px; } 

.chat_box .chat_box_header{ min-height:92px; padding:12px 30px 8px; display:flex; align-items:center; border-radius: 45px 45px 0px 0px; background: #2B4CF9; color:#fff; box-sizing: content-box;} 


.chat_box .chat_box_header .avatar_rw{display:flex; align-items:center; padding-left:20px;} 
.chat_box .chat_box_header .avatar_rw .av_pic img{ border-radius:100%;} 
.chat_box .chat_box_header .avatar_rw .av_right{ padding-left:15px;} 
.chat_box .chat_box_header .avatar_rw .av_right .av_name{ padding-bottom:3px;} 

.chat_box .chat_box_body{ padding:20px 25px;} 
.chat_box .chat_box_body .message_sent{ display:flex; justify-content:right; margin-bottom:30px;} 
.chat_box .chat_box_body .message_sent .hello{ background: #F6F7FF; border: 1px solid #E6EAFF; padding:12px 25px; border-radius:20px 0px 20px 20px; color:#00147E; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400;}

.chat_box .chat_box_body .email_request{ background:#f8f8f8; padding:20px 25px; border-radius:0px 20px 20px 20px;  font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#535353; margin-bottom:30px;}
.chat_box .chat_box_body .email_request p{ margin-top:0px;}
.email_req_form{ position:relative;} 
.email_req_form .text_2{ height:50px; background:#ffffff; border-radius:20px; padding:10px 50px 10px 15px;  font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#535353; border:none; outline:none; width:100%;}
.email_req_form .sent_btn{ border:none !important; cursor:pointer; width:27px; height:27px; position:absolute; top:12px; right:18px; outline:none; background:url(../images/send.png) no-repeat center center;}
.email_req_form .sent_btn:hover{background:url(../images/send_hv.png) no-repeat center center;} 

.btndiv{position:relative; display:flex; align-items:center; min-height:50px; background:#ffffff; border-radius:20px;padding: 10px 15px;  font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#535353; border:none; outline:none; width:100%;} 
.email_check{ position:absolute; left:18px; top:12px;}

.chat_box .chat_footer{ margin-top:0px;  padding:20px 10px 0px; background: white; } 
.chat_box .chat_footer ul{ margin:0px; padding:0px; list-style:none; display:flex; align-items:center;} 
.chat_box .chat_footer ul li{ margin-left:20px;}
.chat_box .chat_footer ul li:nth-child(1){ 
    width: 440px;
    margin: auto;
    display: flex;
    justify-content: center;
    position: relative;
}  
/* .chat_box .chat_footer ul li:nth-child(2){  margin-left:auto;}   */
.chat_box .chat_footer ul li .text_bx{ 
  border: none;
  outline: none;
  width: 100%;
  /* background: #F6F7FF; */
  background: #eff1ff;
  
  height: 60px;
  border-radius: 20px;
  color: #7984BE;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 60px;
}
.chat_box .chat_footer ul li .text_bx::-moz-placeholder{color:#bfbfbf;opacity:1;}
.chat_box .chat_footer ul li .text_bx::placeholder{color:#bfbfbf;opacity:1;}
.chat_box .chat_footer ul li .btnc{ width:27px; height:27px; border:none; outline:none; display:inline-block; text-decoration:none;} 
.chat_box .chat_footer ul li .btnc.attach{ background:url(../images/attach.png) no-repeat center center;} 
.chat_box .chat_footer ul li .btnc.attach:hover{ background:url(../images/attach_hv.png) no-repeat center center;} 
.chat_box .chat_footer ul li .btnc.emoji{ background:url(../images/emoji.png) no-repeat center center;} 
.chat_box .chat_footer ul li .btnc.emoji:hover{ background:url(../images/emoji_hv.png) no-repeat center center;}
.chat_box .chat_footer ul li .btnc.send{ background:url(../images/send.png) no-repeat center center;} 
.chat_box .chat_footer ul li .btnc.send:hover{ background:url(../images/send_hv.png) no-repeat center center;}

.send_btn{ right: 13px; position: absolute; top: 13px;}
.human{  width: 40px;height: 40px;background: #00168B;border-radius: 100%;margin-left: 12px; }
.human img{ margin: 14px 15px; }

.bot{  width: 40px;height: 40px;background: #2B4CF9;border-radius: 100%;margin-right: 12px;     margin-top: 8px; }
.bot img{ margin: 11px 8px; }
.botmsg_div{ display: flex; flex-direction: row-reverse; justify-content: start; margin-bottom: 25px;   }

/*-------------------------opener css end----------------------------------*/

.chat_m_wrap{
    position: fixed;
      bottom: 70px;
      z-index: 9999;
      cursor: pointer;
      transition-duration: 0.60s;
  }
  .insideChat{
    max-height: 570px;
    overflow: hidden;
    display: none;
  }


.toggler:hover{
  background: linear-gradient(180deg, #303CFE 0%, #6C72D4 100%)!important;
  color: white!important;
}
.toggler:focus{    border: none; outline: none;}
.choose{

  background: linear-gradient(180deg, #303CFE 0%, #6C72D4 100%)!important;
  color: white!important;
}

.box-body {
    overflow: scroll;
    scroll-behavior: smooth;
    background: white;
    height: 370px;
    border-radius: 45px 45px 0px 0px;
}


  /*chrome scrollbar css*/
     .box-body::-webkit-scrollbar {
          width: 0px;
          height: 0px;
      }

     .box-body::-webkit-scrollbar-button {
          display: none;
      }

     .box-body::-webkit-scrollbar-thumb {
          border-radius: 5px;
          transition: background1 0.3s;
          background: #00b2eb;
      }

.app_timetable_wrapper{
  display: none;
}

.conbtn{ display: none; }


.chat_close_b img{
  height: 55px;
}
.chat_close_b{
  position: relative;
}

.btntext{
  position: absolute;
    top: 11px;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 21px;
    font-weight: 800;
    color: #2525ff;
    padding: 6px 12px;
    text-shadow: 0px 0px 28px #434343;
    /* box-shadow: 0px 0px 12px 0px #919191;*/
}

.av_pic img{
  width: 64px;
    background: #ffffff;
    /* padding: 5px; */
}

.img_logo{
  /* width: 76%; */
  max-height: 100px;
    margin: 14px 0px;
}

.payment_col2{
      margin-bottom: 0px;
    padding: 0px;
    padding-top: 10px;
}

.backbtn{
  display: none;
  position: relative;
  float: right;
}
#div_pagination{
  position: relative;
}
.backbtn2{
  display: block;
    position: absolute;
    left: 30px;
    top: 16px;
}
 .backbtn img{
  width: 25px;
    position: absolute;
    top: -10px;
    right: -5px;
 }

 .backtip{
  display: none;
  width: 38px;
    font-size: 12px;
    color: #fff;
    background: #3b3b3b;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    top: -37px;
    left: -28px;
 }

 .backbtn:hover .backtip{
  display: block;
 }

 #textbox{
      text-decoration: none;
 }

 .printbtn{
    border: none;
    border-radius: 5px;
    background: #13255c;
    color: white;
    font-size: 12px;
    height: 25px;
    width: 44px;
    float: right;
    margin-top: -12px;
 }

 @media screen and (max-width: 768px) {
  .insideChat {
    margin-left:50px;
    height: 525px;

  }
  .chat_box:before{ bottom:16px; } 
/*  .chat_box{ bottom:16px !important; } */

}



      
        @media (min-width: 1200px) {
          .insideChat {
            zoom: 1;
            -moz-transform: scale(0.85);
            -moz-transform-origin: 0 0;
            -o-transform: scale(0.85);
            -o-transform-origin: 0 0;
            -webkit-transform: scale(0.85);
            -webkit-transform-origin: 0 0;
            margin-bottom: -108px;

          }
        }