.chatshow-chathead{height:56px !important; align-items: center; background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #e6e6e6;display:flex}.chatshow-title{width:80%;height:20px;margin:10px 0 10px 10px}.chatshow-title-btndiv{width:20%;height:30px;margin:5px 0 5px 0;display:flex}.chatshow-title-btn{width:50%;height:30px;border:none;background:#fff;color:gray;padding:0;cursor:pointer}.chatshow-viewdiv{position:fixed!important;visibility:hidden;height:0;width:40%;max-width:400px;bottom:10px;right:10px;z-index:9999999999999;border-radius:8px;box-shadow:0 5px 40px rgba(0,0,0,.16)!important;transition:all .3s cubic-bezier(.335,.010,.030,1.36);overflow:hidden;background-color:#fff}.chatshow-title-btndiv-left{right:0!important;left:4px!important}.chatshow-title-btndiv-center{bottom:50%!important}.chatshow-title-btndiv-part-left{left: 20px !important;}.chatshow-viewdivshow{position:fixed!important;width:14%;bottom:20px;right:30px;z-index:99;display: none;}.chatshow-title-position-left{left: 5px !important;bottom: 80px !important;}.chatshow-btn{border-radius:50px;box-shadow:rgba(182,182,182,.2) 0 11px 13px,rgba(156,156,156,.2) 0 2px 10px;border:none;color:#fff;font-weight:900;font-size:15px;cursor:pointer;display:flex;justify-content:center;padding:5px}.chatshow-btnn{padding:10px!important;border-radius:15px!important;box-shadow:0 0 20px 0 rgb(0 0 0 / 23%);font-weight:700}.chatshow-left-btnn{padding:10px!important;border-radius:15px!important;box-shadow:0 0 20px 0 rgb(0 0 0 / 23%);font-weight:700}.chatshow-left-btnn::before{content:' ';position:absolute;width:0;height:0;left:-16px;right:auto;top:32%;bottom:auto;border:8px solid;border-color:transparent transparent transparent var(--before-border-left-color);transform: rotate(180deg);}.chatshow-btn1{border-radius:50px;box-shadow:rgba(182,182,182,.2) 0 11px 13px,rgba(156,156,156,.2) 0 2px 10px;background-color:#080825;border:none;color:#fff;font-weight:900;font-size:15px;cursor:pointer;display:flex;justify-content:center;padding:5px}.chatshow-btnn::before{content:' ';position:absolute;width:0;height:0;left:auto;right:-15px;top:32%;bottom:auto;border:8px solid;border-color:transparent transparent transparent var(--before-border-left-color);}.chatshow-imgs{position:fixed!important;height:50px;width:50px;bottom:15px;right:20px;z-index:99;display:none;background-size:50px;cursor:pointer;border-radius: 50%;}.chatshow-imgsleft{left:5px!important;right:0!important}.chatshow-iframe{width:100%;height:100%;border:none}.myanimation{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}@media only screen and (max-width:420px){.chatshow-viewdivshow{position:fixed!important;height:40px;width:80px;bottom:20px;right:30px;z-index:99;display:none}.chatshow-btnn{padding:5px!important;border-radius:15px!important;background:#fff;color:#121212;box-shadow:0 0 20px 0 rgb(0 0 0 / 23%);font-weight:700;width:90px}.chatshow-imgs{position:fixed!important;height:30px;width:30px;bottom:30px;right:30px;z-index:99;display:none;background-size:30px}.chatshow-imgs::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background-color:#2ecc71;bottom:5px;right:-1px}}.bot-brand{display:flex;flex-direction:row;justify-content:center;align-items:center; margin-top: -1%; padding-top: 8px !important;  border-top:2px solid #8080803b}.bot-brand label{padding:5px;margin:0}#branding_img{width: 37px !important;height: 37px;}#bottitle{font-weight:600}


.alert {
    font: 14px Arial, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    border: 1px solid lightgray;
    box-shadow: 3px 3px 12px lightgray;
  }
/* green color active button */
/* .chatshow-imgs::after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background-color:#2ecc71;bottom:5px;right:-1px} */

.chatshow-imgsleft-position{left: 67px !important;}
.chatshow-left-position-btnn{padding:10px!important;border-radius:15px!important;box-shadow:0 0 20px 0 rgb(0 0 0 / 23%);font-weight:700}
.chatshow-left-position-btnn::before{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 80px;
    right: auto;
    bottom: -16px;
    border: 8px solid;
    border-color: transparent transparent transparent var(--before-border-left-color);
    transform: rotate(90deg);
}

.chatshow-title-position-center{
    right: 10px !important;
    bottom: 60%;
}

.chatshow-img-position-center{
    bottom: 50%;
    right: 76px;
}

.chatshow-position-btnn{
    padding:10px!important;border-radius:15px!important;box-shadow:0 0 20px 0 rgb(0 0 0 / 23%);font-weight:700
}

.chatshow-position-btnn::before{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    top: 100%;
    right: 45%;
    bottom: auto;
    border: 8px solid;
    border-color: transparent transparent transparent var(--before-border-left-color);
    transform: rotate(90deg);
}

.chatshow-img-position-right{
    right: 76px !important;
}
.chatshow-title-position-right{
    bottom: 80px;
    right: 10px !important;
}

.chatshow-imgs::before {
    content: '1';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    text-align: center;
    color: #fff;
    font-size: 11px;
    right: var(--right-value, auto);
}

.chatshow-imgs.show-before::before {
    display: block; /* Show the pseudo-element */
}

.chatshow-imgs:not(.show-before)::before {
    display: none; /* Hide the pseudo-element */
}

#brandurl span:hover{text-decoration: underline;}

/*==================drak-theme=============*/

.drak-theme{font-family: Poppins; box-shadow: none !important;}
.drak-theme .chatshow-title{margin-left: 0px !important;}
.drak-theme .chatshow-msg-ul{margin: 0px !important;}
.drak-theme .chatshow-viewdiv {box-shadow: none !important;}
.drak-theme .chatshow-chathead{background-color: transparent !important; border-bottom: none !important;}
.drak-theme .chatshow-chathead .chatshow-title label{color: rgb(0 0 0 / 50%);font-weight: 500 !important;}
.drak-theme .chatshow-chatbody{background-color: transparent !important;}
.drak-theme .chatshow-title-btn{background-color: transparent !important;}
.drak-theme .chatshow-title-btn svg{fill: rgb(0 0 0 / 50%);}
.drak-theme #branding_img{vertical-align: middle;}
.drak-theme .bot-brand{border-top: none;}
.drak-theme  .chart_outer_wr{background-color: #F5F5F5 !important;border: 1px solid #E9E9E9 !important;border-radius: 3px !important;}
.drak-theme .chatshow-msg-sys{background-color: #F5F5F5 !important;border: none !important;font-size: 14px !important; padding:0px 8px !important; color: #333 !important;font-weight: 400 !important;}
.drak-theme .chatshow-msg-user{border-radius: 3px !important;font-size: 14px !important;padding: 8px !important; color: #fff;font-weight: 400 !important;}
.drak-theme .chatshow-msgsys-lidivtime,.drak-theme .chatshow-msguser-lidivtime{font-size: 11px !important; font-weight: 400 !important;margin-top: 5px !important;}
.drak-theme .chatshow-msgavtimg-div{margin-right: 10px !important;}
.drak-theme .chatshow-chatfotter{border-radius: 3px !important; border:1px solid #E9E9E9 !important; background-color: #fff !important;}
.drak-theme .chatshow-chatfotter .chatshow-inbox{font-size: 14px; border-radius: 3px; padding: 2px 10px 2px 12px;}
.drak-theme input{font-size: 14px !important; border-radius: 3px !important; padding: 2px 10px 2px 12px !important;}
.drak-theme .phchat-send{padding: 6px 5px 0px 0px !important;}
.drak-theme .show-nextbtnel{width: 80% !important;}
.drak-theme .phchat-pnshow-select{margin-top: 3px;}
.drak-theme a.show-nextbtnel{width: auto !important;padding: 10px 12px;border: none !important;box-shadow: none !important;
    font-weight: 500;}
.drak-theme a.show-nextbtnel:hover{border: none !important;box-shadow: none !important;}
.drak-theme .phchat-rootdiv{margin-top: 0px;border-radius: 5px !important;height: 40px !important;}
.drak-theme .vicreshow-body-div{display: flex !important;}
.drak-theme .datebot-rootdiv{border: none !important; height: 38px !important;}
.drak-theme .rc-sendbtn { padding: 8px 20px 4px !important;}

.drak-theme .chatshow-msguser-lidivtime span,.drak-theme .chatshow-msgsys-lidivtime span{color: rgb(0 0 0 / 50%) !important;box-shadow: 0 2px 5px rgb(0 0 0 / 0%), -3px 4px 10px rgb(185 185 185 / 38%);}
.drak-theme ul li.item{font-size: 12px;}
.drak-theme ul li.item:hover{color: #fff !important;}
.drak-theme ul li.item.item-selected{color: #fff !important;}
.drak-theme ul li.item.options_new{padding-left: 30px; position: relative;}
.drak-theme ul li.item.options_new:after {content: "";border: 1px solid var(--varcolor,#1f91f3);width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.drak-theme ul li.item.options_new:hover:after {content: "";border: 1px solid #fff;width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.drak-theme ul li.item.options_new.item-selected:after {content: "";border: 1px solid #fff;width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.drak-theme ul li.item.options_new:hover:before{content: "";background-color: #fff;width: 7px;height: 7px;border-radius: 100px;display: inline-block;position: absolute;left: 11px;top: 11px;}
.drak-theme ul li.item.item-selected.options_new:before{content: "";background-color: #fff;width: 7px;height: 7px;border-radius: 100px;display: inline-block;position: absolute;left: 11px;top: 11px;}
.drak-theme .mcbot-rootdiv,.drak-theme .rangeshow-rootdiv{margin:5px 10px 10px !important;width: max-content !important;}
.drak-theme .datebot-dateinput{text-align: left !important;}
.drak-theme .msbot-list-li,.drak-theme .mcbot-rootdiv,.drak-theme .rangeshow-rootdiv{font-size: 12px !important;}
.drak-theme .opinbot-rootdiv,.drak-theme .appnbot-rootdiv{margin:5px 10px 10px !important; font-size: 12px !important; width: 95% !important;}
.drak-theme .rangeshow-rootdiv,.drak-theme .mcbot-rootdiv,.drak-theme .appnbot-rootdiv{border: 1px solid transparent !important;}
.drak-theme .rangeshow-datediv,.drak-theme .mcbot-datediv,.drak-theme .appnbot-datediv{background-color: #0075ff; color: #fff !important;}
.drak-theme .rangeshow-count{background-color:#fff !important;border:none !important;}
.drak-theme .opinbot-rounddiv{height: 28px !important;width: 28px !important; padding: 5px !important;}
.drak-theme .appnbot-datediv svg{fill: rgba(255, 255, 255, 1);}
.drak-theme .appnbot-datediv .appnbot-dateinput{color: #333 !important;}
.drak-theme ul li.item.opinbot-list-li {border: none !important;}
.drak-theme ul li.item.opinbot-list-li:hover{border-radius: 50px;}
.drak-theme .autocomplete-container .input-container input{line-height: 35px;height: 35px;font-size: 13px !important;box-sizing: inherit !important;}
.drak-theme .autocomplete-container,.drak-theme .listchat-rootdiv{height:30px !important;}
.drak-theme ul li.item.ratbot-list-li {text-align: center;}
.drak-theme ul li.item.ratbot-list-li img{margin: 0px auto;}
/* .drak-theme ul li.item.ratbot-list-li:hover{border: 1px solid #2196f3 !important; background-color: transparent !important;} */
.drak-theme .ynbot-rootdiv{margin-left: 10px !important;}
.drak-theme .ynbot-boxdiv:hover{color: #fff !important;}
.drak-theme .ynbot-boxdiv:hover > .ynbot-boxbtn{color: #fff !important;}
.drak-theme .appnbot-rootdiv .mat-card .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected{ background-color: var(--appcolor,#1f91f3);}
.drak-theme .mcbot-datelist{min-width: 270px !important;}
.drak-theme .appnbot-rootdiv .appnbot-datelist .main-div{min-width: 273px !important;}
.drak-theme .appnbot-rootdiv .appnbot-datelist .main-div .appnbot-container.float{min-width: 270px !important;max-width: 275px !important;}
.drak-theme .appnbot-rootdiv .appnbot-datelist .main-div .appnbot-container.float{min-width: 270px !important;max-width: 275px !important;}
.drak-theme .appnbot-rootdiv .appnbot-datelist .main-div .dashboard-avatar-nav#left_btn{left: -10px !important;}

/*==================Light-theme=============*/

.light-theme{font-family: Poppins;box-shadow: none !important;}
.light-theme .chatshow-title{margin-left: 0px !important;}
.light-theme .chatshow-msg-ul{margin: 0px !important;}
.light-theme .chatshow-viewdiv {box-shadow: none !important;}
.light-theme .chatshow-chathead{background-color: transparent !important; border-bottom: none !important;}
.light-theme .chatshow-chathead .chatshow-title label{color: #fff;font-weight: 500 !important;}
.light-theme .chatshow-chatbody{background-color: transparent !important;}
.light-theme .chatshow-title-btn{background-color: transparent !important;}
.light-theme .chatshow-title-btn svg{fill: #fff;}
.light-theme #branding_img{vertical-align: middle;}
.light-theme .bot-brand{border-top: none;}
.light-theme .chart_outer_wr{background-color: #F5F5F5 !important;border: 1px solid #E9E9E9 !important;border-radius: 3px !important;}
.light-theme .chatshow-msg-sys{background-color: #F5F5F5 !important;border: none !important;font-size: 14px !important; padding:0px 8px !important; color: #333 !important;font-weight: 400 !important;}
.light-theme .chatshow-msg-user{border-radius: 3px !important;font-size: 14px !important;padding: 8px !important; color: #fff ;font-weight: 400 !important;}
.light-theme .chatshow-msgsys-lidivtime,.light-theme .chatshow-msguser-lidivtime{font-size: 11px !important; font-weight: 400 !important;margin-top: 5px !important;}
.light-theme .chatshow-msgavtimg-div{margin-right: 10px !important;}
.light-theme .chatshow-chatfotter{border-radius: 3px !important; border:1px solid #E9E9E9 !important; background-color: #fff !important;}
.light-theme .chatshow-chatfotter .chatshow-inbox{font-size: 14px; border-radius: 3px; padding: 2px 10px 2px 12px;}
.light-theme input{font-size: 14px !important; border-radius: 3px !important; padding: 2px 10px 2px 12px !important;}
.light-theme .phchat-send{padding: 6px 5px 0px 0px !important;}
.light-theme .show-nextbtnel{width: 80% !important;}
/* .light-theme .phchat-pnshow-select{margin-top: 3px;} */
.light-theme a.show-nextbtnel{width: auto !important;padding: 10px 12px;border: none !important;box-shadow: none !important;
    font-weight: 500;}
.light-theme a.show-nextbtnel:hover{border: none !important;box-shadow: none !important;}
.light-theme .phchat-rootdiv{margin-top: 0px;border-radius: 5px !important;height: 40px !important;}
.light-theme .vicreshow-body-div{display: flex !important;}
.light-theme .datebot-rootdiv{border: none !important; height: 38px !important;}
.light-theme .rc-sendbtn { padding: 8px 20px 4px !important;}
.light-theme .mcbot-datelist{min-width: 270px !important;}
.light-theme .appnbot-rootdiv .appnbot-datelist .main-div{min-width: 273px !important;}
.light-theme .appnbot-rootdiv .appnbot-datelist .main-div .appnbot-container.float{min-width: 270px !important;max-width: 275px !important;}
.light-theme .appnbot-rootdiv .appnbot-datelist .main-div .dashboard-avatar-nav#left_btn{left: -10px !important;}


.light-theme .chatshow-msgsys-lidivtime span,.light-theme .chatshow-msguser-lidivtime span{color:rgb(255 255 255 / 50%) !important;box-shadow: 0 2px 5px rgb(0 0 0 / 0%), -3px 4px 10px rgb(185 185 185 / 38%);}
/* .light-theme ul li.item:hover{background-color: #128FF2 !important;} */
.light-theme .mcbot-rootdiv,.light-theme .rangeshow-rootdiv{margin:5px 10px 10px !important;width: fit-content !important;}
.light-theme .datebot-dateinput{text-align: left !important;}
.light-theme .msbot-list-li,.light-theme .mcbot-rootdiv,.light-theme .rangeshow-rootdiv{font-size: 12px !important;}
.light-theme .opinbot-rootdiv{margin:5px 10px 10px !important; font-size: 12px !important;}

.light-theme ul li.item{font-size: 12px;}
.light-theme ul li.item:hover{color: #fff !important;}
.light-theme ul li.item.item-selected{color: #fff !important;}
.light-theme ul li.item.options_new{padding-left: 30px; position: relative;max-width: 200px;}
.light-theme ul li.item.options_new:after {content: "";border: 1px solid var(--varcolor,#1f91f3);width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.light-theme ul li.item.options_new:hover:after {content: "";border: 1px solid #fff;width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.light-theme ul li.item.options_new.item-selected:after {content: "";border: 1px solid #fff;width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.light-theme ul li.item.options_new:hover:before{content: "";background-color: #fff;width: 7px;height: 7px;border-radius: 100px;display: inline-block;position: absolute;left: 11px;top: 11px;}
.light-theme ul li.item.item-selected.options_new:before{content: "";background-color: #fff;width: 7px;height: 7px;border-radius: 100px;display: inline-block;position: absolute;left: 11px;top: 11px;}
.light-theme .opinbot-rootdiv,.light-theme .appnbot-rootdiv{margin:5px 10px 10px !important; font-size: 12px !important; width: 95% !important;}
.light-theme .rangeshow-rootdiv,.light-theme .mcbot-rootdiv,.light-theme .appnbot-rootdiv{border: 1px solid transparent !important;}
.light-theme .rangeshow-datediv,.light-theme .mcbot-datediv,.light-theme .appnbot-datediv{background-color: #0075ff; color: #fff !important;}
.light-theme .appnbot-datediv svg{fill: rgba(255, 255, 255, 1);}
.light-theme .appnbot-datediv .appnbot-dateinput{color: #333 !important;}
.light-theme ul li.item.opinbot-list-li {border: none !important;}
.light-theme ul li.item.opinbot-list-li:hover{border-radius: 50px;}
.light-theme .autocomplete-container .input-container input{line-height: 35px;height: 35px;font-size: 13px !important;box-sizing: inherit !important;}
/* .light-theme .autocomplete-container,.light-theme .listchat-rootdiv{height:30px !important;} */
.light-theme ul li.item.ratbot-list-li {text-align: center;}
.light-theme ul li.item.ratbot-list-li img{margin: 0px auto;}
/* .light-theme ul li.item.ratbot-list-li:hover{border: 1px solid #2196f3 !important; background-color: transparent !important;} */
.light-theme .ynbot-rootdiv{margin-left: 10px !important;}
.light-theme .ynbot-boxdiv:hover{color: #fff !important;}
.light-theme .ynbot-boxdiv:hover > .ynbot-boxbtn{color: #fff !important;}
.light-theme .rangeshow-count{background-color:#fff !important;border:none !important;}
.light-theme .opinbot-rounddiv{height: 28px !important;width: 28px !important; padding: 5px !important;}
.light-theme .appnbot-rootdiv .mat-card .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected{ background-color: var(--appcolor,#1f91f3);}

/* ====normal-theme====== */

.normal_class{font-family: Poppins; box-shadow: none !important;}
.normal_class .chatshow-title{margin-left: 0px !important;}
.normal_class .chatshow-msg-ul{margin: 0px !important;}
.normal_class .chatshow-viewdiv {box-shadow: none !important;}
.normal_class .chatshow-chathead{background-color: transparent !important; border-bottom: none !important;}
.normal_class .chatshow-chathead .chatshow-title label{color: rgb(0 0 0 / 50%);font-weight: 500 !important;}
.normal_class .chatshow-chatbody{background-color: transparent !important;}
.normal_class .chatshow-title-btn{background-color: transparent !important;}
.normal_class .chatshow-title-btn svg{fill: rgb(0 0 0 / 50%);}
.normal_class #branding_img{vertical-align: middle;}
.normal_class .bot-brand{border-top: none;}
.normal_class  .chart_outer_wr{background-color: #EEEEEE !important;border: 1px solid #EEEEEE !important; max-width: 337px !important;  border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important;border-bottom-left-radius: 10px !important;}
.normal_class .chatshow-msg-sys{background-color: #EEEEEE !important;border: none !important;font-size: 14px !important; padding:0px 4px !important; color: #3B464F !important;font-weight: 400 !important;}
.normal_class .chatshow-msg-user{border-radius: 3px !important;font-size: 14px !important;padding: 8px !important; color: #fff;font-weight: 400 !important;}
.normal_class .chatshow-msgsys-lidivtime,.normal_class .chatshow-msguser-lidivtime{font-size: 11px !important; font-weight: 400 !important;margin-top: 5px !important;color: gray !important;}
.normal_class .chatshow-msgavtimg-div{margin-right: 10px !important;}
.normal_class .chatshow-chatfotter{border:1px solid #E9E9E9 !important; background-color: #fff !important;}
.normal_class .chatshow-chatfotter .chatshow-inbox{font-size: 14px; border-radius: 3px; padding: 2px 10px 2px 12px;}
.normal_class input{font-size: 14px !important; border-radius: 3px !important; padding: 2px 10px 2px 12px !important;}
.normal_class .phchat-send{padding: 6px 5px 0px 0px !important;}
.normal_class .show-nextbtnel{width: 80% !important;}
.normal_class .phchat-pnshow-select{margin-top: 3px;}
.normal_class a.show-nextbtnel{width: auto !important;padding: 10px 12px;border: none !important;box-shadow: none !important;
    font-weight: 500;}
.normal_class a.show-nextbtnel:hover{border: none !important;box-shadow: none !important;}
.normal_class .phchat-rootdiv{margin-top: 0px;border-radius: 5px !important;}
.normal_class .vicreshow-body-div{display: flex !important;}
.normal_class .datebot-rootdiv{border: none !important; height: 38px !important;}
.normal_class .rc-sendbtn { padding: 8px 20px 4px !important;}

.normal_class .chatshow-msguser-lidivtime span,.normal_class .chatshow-msgsys-lidivtime span{color: rgb(0 0 0 / 50%) !important;}
.normal_class ul li.item{font-size: 12px; word-wrap: break-word;}
.normal_class ul li.item:hover{color: #333;}
.normal_class ul li.item.item-selected{color: #fff !important;}
.normal_class ul li.item.options_new{padding-left: 30px; position: relative;}
.normal_class ul li.item.options_new:after {content: "";border: 1px solid var(--varcolor,#1f91f3);width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.normal_class ul li.item.options_new:hover:after {content: "";border: 1px solid #333;width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.normal_class ul li.item.options_new.item-selected:after {content: "";border: 1px solid #fff;width: 13px;height: 13px;border-radius: 100px;display: inline-block;position: absolute; left: 8px;top: 8px;}
.normal_class ul li.item.options_new:hover:before{content: "";background-color: #fff;width: 7px;height: 7px;border-radius: 100px;display: inline-block;position: absolute;left: 11px;top: 11px;}
.normal_class ul li.item.item-selected.options_new:before{content: "";background-color: #fff;width: 7px;height: 7px;border-radius: 100px;display: inline-block;position: absolute;left: 11px;top: 11px;}
.normal_class .mcbot-rootdiv,.normal_class .rangeshow-rootdiv{width: max-content !important;}
.normal_class .datebot-dateinput{text-align: left !important;}
.normal_class .msbot-list-li,.normal_class .mcbot-rootdiv,.normal_class .rangeshow-rootdiv{font-size: 12px !important;}
.normal_class .opinbot-rootdiv,.normal_class .appnbot-rootdiv{margin:5px 10px 10px !important; font-size: 12px !important; width: 95% !important;}
.normal_class .rangeshow-rootdiv,.normal_class .mcbot-rootdiv,.normal_class .appnbot-rootdiv{border: 1px solid transparent !important;}
.normal_class .rangeshow-datediv,.normal_class .mcbot-datediv,.normal_class .appnbot-datediv{background-color: #0075ff; color: #fff !important;}
.normal_class .rangeshow-count{background-color:#f4f4f4 !important;border:none !important;}
.normal_class .opinbot-rounddiv{height: 28px !important;width: 28px !important; padding: 5px !important;}
.normal_class .appnbot-datediv svg{fill: rgba(255, 255, 255, 1);}
.normal_class .appnbot-datediv .appnbot-dateinput{color: #333 !important;}
.normal_class ul li.item.opinbot-list-li {border: none !important;}
.normal_class ul li.item.opinbot-list-li:hover{border-radius: 50px;}
.normal_class .autocomplete-container .input-container input{line-height: 35px;height: 35px;font-size: 13px !important;box-sizing: inherit !important;}
.normal_class .autocomplete-container,.normal_class .listchat-rootdiv{height:30px !important;}
.normal_class ul li.item.ratbot-list-li {text-align: center;}
.normal_class ul li.item.ratbot-list-li img{margin: 0px auto;}
/* .normal_class ul li.item.ratbot-list-li:hover{border: 1px solid #2196f3 !important; background-color: transparent !important;} */
.normal_class .ynbot-rootdiv{margin-left: 10px !important;}
.normal_class .ynbot-boxdiv:hover{color: #fff !important;}
.normal_class .ynbot-boxdiv:hover > .ynbot-boxbtn{color: #fff !important;}
.normal_class .appnbot-rootdiv .mat-card .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected{ background-color: var(--appcolor,#1f91f3);}
.normal_class .mcbot-datelist{min-width: 270px !important;}
.normal_class .appnbot-rootdiv .appnbot-datelist .main-div{min-width: 273px !important;}
.normal_class .appnbot-rootdiv .appnbot-datelist .main-div .appnbot-container.float{min-width: 270px !important;max-width: 275px !important;}
.normal_class .appnbot-rootdiv .appnbot-datelist .main-div .appnbot-container.float{min-width: 270px !important;max-width: 275px !important;}
/* .normal_class .appnbot-rootdiv .appnbot-datelist .main-div .dashboard-avatar-nav#left_btn{left: -10px !important;} */

/* ======fileupload==== */

body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .ng-dropdown-panel .scroll-host .ng-option{ white-space: break-spaces; word-break: break-all;}
body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .ng-select-container .ng-clear-wrapper{ display: none;}
body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .ng-select-container{ min-width: 80px;border: none;height: 36px;max-width: 83px; margin-top: 1.5px;}
body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .ng-select-container .ng-input input{ caret-color: transparent;}

body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .scroll-host{text-align: left;}
body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .scroll-host::-webkit-scrollbar{height:6px; width: 6px;}
body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .scroll-host::-webkit-scrollbar-track{ background: #cccccc;border-radius: 5px;}
body #chatboxdiv #chatfotter .namechat-rootdiv #prefixList .scroll-host::-webkit-scrollbar-thumb{  background-color: #337ab7;border-radius: 5px;border: 2px solid #337ab7;}


.mat-progress-bar-primary {
    background-color: var(--botcolor) !important; 
  }
    .mat-progress-bar-buffer {
        background-color: var(--botcolor) !important; 
        opacity: 0.5 !important;
         }
      
      /* .mat-progress-bar-background {
        fill: var(--botcolor) !important;
        opacity: 0.2 !important; 
      } */
      
      .mat-progress-bar-background rect {
        fill: var(--botcolor) -60% !important; 
      }
      .mat-progress-bar-fill::after {
        background-color: var(--botcolor) !important; 
      }
      .row1 .mat-progress-bar-fill::after  {
        background-color: #03a9f4 !important;
      }

      .mat-progress-bar .mat-progress-bar-element{
        opacity: 0.4;
      }
      
      #prefixList .ng-clear-wrapper {display: none;}

      input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

      input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

      .ng-select .ng-arrow-wrapper{
        color: #2a2a2a !important;
      }
      .ng-select .ng-clear-wrapper {
        color: #2a2a2a !important;
    }

    .switch-label{
      font-weight: 700 !important;
    }
    /* .mat-checkbox-layout .mat-checkbox-label {
      line-height: 24px;
      font-weight: 100 !important;
  } */
      
  .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: none !important; 
     background-size: 0px !important;
    background-repeat: repeat-x;
}
.swal-wide{
  width: 50em !important;
  height: 30em !important; 
}
.swal-wide button 
{
  height: 30px;
  width: 10em;
  }
  .blinking-title {
    animation: blinker 1.4s infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
      }
  }
  

  /* Button design added 08/05/2025 */

  .icon-carousel-container {
    position: relative;
    width: 100%;
    background-color: #f9f9f9;
    padding: 3px 0px; /* space for arrows */
    box-sizing: border-box;
    display: none;
  }
  
  .icon-carousel {
    display: flex;
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .icon-carousel::-webkit-scrollbar {
    display: none;
  }
  
  .icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .icon img {
    width: 20px;
    height: 20px;
  }
  
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
    padding: 5px;
    user-select: none;
    z-index: 1;
    background-color: white;
  }
  
  .arrow.left {
    left: 0px;
  }
  
  .arrow.right {
    right: 0px;
  }

  .popup-overlay {
    width: 100vw; height: 100vh;
    /* position: ; */
    display: none;
  }
  
  .popup-content {
    position: relative;
    background: #fff;
    border-radius: 16px;
    width: 110%;
    max-width: 800px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    overflow: hidden;
  
  }
  
  #close-btn {
    position: absolute;
    top: 10px; right: 15px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
  }
  #calllink{
    display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      top: 42%;
      font-size: 27px;
      text-decoration: none;
  }
  .modal1 {
    display: none; 
    position: fixed; 
    z-index: 1000;
    top: 0;
  }
  
  
  .modal-content1 {
    background: #fff;
    border-radius: 10px;
    width: 350px;
    height: 50vh;
    position: relative;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    overflow: hidden;
    transform: translate(20px, 200px);
  }
  
  
  .closee {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
  }
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ebebeb;
    color: white;
    font-family: 'Poppins';}