.card-hover-primary-soft2, .card-hover-light2{transition:var(--bs-transition-4);}
.card-hover-primary-soft2:hover, .card-hover-light2:hover{background:rgba(var(--bs-primary-var), 0.07);}

.card-hover-primary-soft{transition:var(--bs-transition-4);}
.card-hover-primary-soft:hover{background:rgb(var(--bs-primary-soft));}


.i-icon-sm{font-size:12px; line-height:1;}
img.i-icon-sm{height:12px;}

.i-icon-w-sm{font-size:12px; line-height:1;}
img.i-icon-w-sm{width:13px;}

.i-icon-md{font-size:15px; line-height:1;}
img.i-icon-md{height:15px;}

.i-icon{font-size:20px; line-height:1;}
img.i-icon{height:20px;}

.i-icon-lg{font-size:30px; line-height:1;}
img.i-icon-lg{height:30px;}


.i-icon-xl{font-size:38px; line-height:1;}
img.i-icon-xl{height:40px;}

.i-icon-xxl{font-size:60px; line-height:1;}
img.i-icon-xxl{height:60px;}

.i-icon-xxxl{font-size:90px; line-height:1;}
img.i-icon-xxxl{height:90px;}

.i-icon-xxxxl{font-size:120px; line-height:1;}
img.i-icon-xxxxl{height:120px;}

.i-icon-xxxxll{font-size:160px; line-height:1;}
img.i-icon-xxxxll{height:160px;}


.icon-img-item{width:50px;}
.icon-img-item-lg{width:80px;}






thead, tbody, tfoot, tr, td, th {border-color: var(--bs-form-border);}
.table2{border-color:var(--bs-border);}
/* .table2 th{background:var(--bs-light2);} */
.table2>:not(:first-child){border-top-width: 0;}
/* .table2 th:first-child, .table2 td:first-child{padding-left:var(--bs-box-g);} */
.table2:not(.table2-def-pad) tr > th:first-child, .table2:not(.table2-def-pad) td:first-child{padding-left:var(--bs-box-g);}
.table2 th:last-child, .table2 td:last-child{padding-right:var(--bs-box-g);}
.table2 > :not(caption) > * > *{padding-top: var(--bs-box-g-sm); padding-bottom: var(--bs-box-g-sm);}



.timeline {list-style-type:none; position:relative; margin:0; padding:0; padding-left:50px;}
.timeline:before {content:' '; display:inline-block; position:absolute; left:17px; width:0; height:100%;
z-index:1; border-left:2px dashed var(--bs-border2);}
.timeline > .timeline-item {position:relative; margin:20px 0; display:block; color:var(--bs-body-color);}
.timeline > .timeline-item .timeline-media{position:absolute; top:4px; left:-50px; border-radius:var(--bs-round-mm); width:36px;
height:36px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
-webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:var(--bs-primary-soft2); line-height:0; z-index:2;
box-shadow:var(--bs-card-shadow-sm);}

/* Hover effect */
.timeline.timeline-hover-action > .timeline-item:hover .timeline-media{background:var(--bs-primary); color:var(--bs-white);}




/* ####################### Timeline Style 2 - Start ####################### */
.timeline-circle.timeline-1{position:relative; padding:0}
.timeline-circle.timeline-1:before{content:""; position:absolute; left:20px; width:3px; top:0; bottom:0; background-color:#EBEDF3; top:0; bottom:0; border:0}
.timeline-circle.timeline-1 .timeline-item{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; margin:30px 0}
.timeline-circle.timeline-1 .timeline-item:first-child{margin-top:0}
.timeline-circle.timeline-1 .timeline-item:last-child{margin-bottom:0}
.timeline-circle.timeline-1 .timeline-item .timeline-label{-ms-flex-negative:0; flex-shrink:0; font-weight:500; position:relative; color:#3F4254; margin-right:15px; text-align:left;}
.timeline-circle.timeline-1 .timeline-item .timeline-badge{-ms-flex-negative:0; flex-shrink:0; background:var(--bs-light); width:42px; height:42px; border-radius:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:1; position:relative; margin-right:30px; margin-top:-12px}
.timeline-circle.timeline-1 .timeline-item .timeline-badge .avatar-bx{width:42px; height:42px; border-radius:100%; overflow:hidden}
.timeline-circle.timeline-1 .timeline-item .timeline-badge .avatar-bx img{width:100%; object-fit:cover; max-height:100%; max-width:100%; height:100%}
.timeline-circle.timeline-1 .timeline-item .timeline-badge:before{content:"\f138"; display:inline-block; font-family:bootstrap-icons!important; font-style:normal; font-weight:400!important; font-variant:normal; text-transform:none; line-height:1; vertical-align:-.125em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:calc(100% + 5px); color:var(--bs-text-light)}
.timeline-circle.timeline-1 .timeline-item .timeline-content{-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1}

@media (max-width: 991.98px) {
    .timeline-circle.timeline-1 .timeline-item{flex-direction:column; padding-left:70px; margin:25px 0;}
    .timeline-circle.timeline-1 .timeline-item .timeline-badge{position:absolute; left:0; top:0; margin-top:0;}
}

@media (min-width: 992px) {
    .timeline-circle.timeline-1 .timeline-item .timeline-label{width:200px; text-align:right;}
    .timeline-circle.timeline-1 .timeline-badge{order:2;}
    .timeline-circle.timeline-1 .timeline-content{order:3;}
    .timeline-circle.timeline-1:before{left:235px;}
    .timeline-circle.timeline-1 .timeline-item .timeline-badge{margin-right:40px;}
    .timeline-circle.timeline-1 .timeline-item .timeline-badge:before{left:calc(100% + 10px);}

    .timeline-circle.timeline-1.timeline-small-label .timeline-item .timeline-label{width:110px;}
    .timeline-circle.timeline-1.timeline-small-label:before{left:144px;}
    .timeline-circle.timeline-1.timeline-small-label .timeline-item .timeline-badge:before{left:calc(100% + 5px);}
    .timeline-circle.timeline-1.timeline-small-label .timeline-item .timeline-badge{margin-right:30px;}
}


/* msg */
.timeline-circle.timeline-1.timeline-col-1{}
.timeline-circle.timeline-1.timeline-col-1:before{left:20px;}
.timeline-circle.timeline-1.timeline-col-1 .timeline-item{flex-direction:column; padding-left:70px;}
.timeline-circle.timeline-1.timeline-col-1 .timeline-item .timeline-badge{position:absolute; left:0; top:0; margin-top:0;}
.timeline-circle.timeline-1.timeline-col-1 .timeline-item .timeline-label{text-align:left; width:100%;}



/* ####################### Timeline Style 2 - End ####################### */
/* -------------------- Accessibility Feature - Start -------------------- */
.accessibility-lang-btn .lang-btn{min-height:auto; position:relative; padding:0; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-align:center; align-items:center;}
.accessibility-lang-btn .lang-btn:hover, .accessibility-lang-btn .lang-btn:focus{box-shadow:none;}
.accessibility-lang-btn .flag-icon{width:16px; margin-right:10px;}
.accessibility-lang-btn .lang-dropdown{max-height:300px; overflow-y:auto;}
.accessibility-lang-btn .selected-text{max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.access-sidebar{--bs-card-bg:#e0e0e0; --bs-border:rgba(0,0,0,.08); background:#fff;
border-radius:10px 10px 0 0; font-size:95%;  border:0; box-shadow:0 0 10px 15px rgb(0 0 0 / 4%); outline:6px solid rgb(0 0 0 / 6%);}
.access-sidebar .action-section{margin-left:auto; display:flex; gap:18px; align-items: center}
.access-sidebar .action-section .dropdown-menu *{color: var(--bs-body-color);}
.access-sidebar .action-section .action-item{line-height:1;}
.access-sidebar .action-section .action-item:not(:last-child){border-right: 1px solid rgb(0 0 0 / 15%); padding-right:10px;}
/* .access-sidebar .action-section .action-item .lang-btn::after{display:inline-block !important; width:1rem; height:1rem; background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;} */
.access-sidebar .action-section .minimize-list{background:transparent; padding:0; color: #000; border: 0; border-radius: 0.25rem; font-size:20px; height:auto; line-height:normal;}
.access-sidebar .action-section .access-timer-icon{font-size:16px;}
.access-sidebar .action-section .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111111'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; padding:7px; background-size:12px; margin-top:0; margin-bottom:0;}

/* .accessibility-sidebar .action-section{margin-left:auto; display:flex; gap:18px;} */
/* .accessibility-sidebar .action-section .action-item:not(:last-child){border-right: 1px solid rgb(255 255 255 / 30%); padding-right:10px;} */
.accessibility-sidebar .action-section a{color:#ffffff;}
.accessibility-sidebar .action-section .action-item:not(:last-child){border-right:1px solid rgb(255 255 255 / 30%);}





input[type=color]{width:24px; height:24px; border:0px solid var(--bs-border); padding:4px; background:rgba(225,225,225,.1);}


/* Accessibility Button - Start */
.accessibility-toggle{position:fixed; z-index:var(--bs-aside-nav-z); left:20px; bottom:2px; font-weight:bold;}
.accessibility-toggle .access-btn{background:var(--bs-white); display:inline-block; height:55px; width:55px; line-height:48px; text-align:center; border-radius:50px;
border:2px solid #ffffff; position:absolute; left:0; top:0; box-shadow:0 0 1rem rgba(0, 0, 0, 0.10);}
.accessibility-toggle .access-btn img{width:22px;}
.accessibility-toggle .btn-text{background:var(--bs-white); left:25px; top:0; bottom:1px; padding:0 22px 0 40px; color:var(--bs-dark); z-index:-1; border-radius:0 50px 50px 0; box-shadow:0 0 1rem rgba(0, 0, 0, 0.08); line-height:55px; line-height:55px; overflow:hidden; line-height:55px; display:inline-block; max-width:0%; opacity:0; height:55px; float:left;
position: relative; -webkit-transition:width .2s, max-width .2s, display .2s, opacity .2s; transition:width .2s, max-width .2s, display .2s, opacity .2s;}
.accessibility-toggle:hover .btn-text{max-width:100%; opacity:1; }
/* Accessibility Button - End */



/* -------- Sidebar - start -------- */
.accessibility-sidebar ::-webkit-scrollbar-track{border:0px solid var(--bs-border); background:rgba(0,0,0,.1); }
.accessibility-sidebar ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);}
.accessibility-sidebar ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4);}

.accessibility-sidebar{ --bs-card-bg:#e0e0e0; /* --bs-border:rgba(0,0,0,.1); */
font-weight:500 !important; width:100%; max-width:540px; margin-left:40px; height:95%;}

.accessibility-sidebar .list-group-item{border-color:var(--bs-border);}
.accessibility-sidebar .card, .accessibility-sidebar .list-group-item{background:transparent;}
.accessibility-sidebar .card-body{padding:20px;}

.accessibility-sidebar .offcanvas-header{border-radius:10px 10px 0 0; border-bottom:1px solid #ffffff;}
.accessibility-sidebar .offcanvas-header .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; background-size:10px;
position:absolute; left:100%; background-color:var(--bs-secondary); opacity:1; width:30px; height:46px; border-radius:0 8px 8px 0; border-left:1px solid rgb(255 255 255 / 30%);}
.accessibility-sidebar .offcanvas-footer{border-top:1px solid #ffffff;}
.accessibility-sidebar .offcanvas-header, .accessibility-sidebar .offcanvas-footer, .accessibility-sidebar .offcanvas-body{background:transparent; padding:1.2rem 1.8rem;}


/* Card - start */
.accessibility-sidebar .card{border:1px solid var(--bs-border); box-shadow:none;}
.accessibility-sidebar .option-card{cursor:pointer; position:relative; overflow:hidden; height:100%; line-height:normal; min-height:110px; background:transparent; border:1px solid var(--bs-border);}
.accessibility-sidebar .option-card .card-body{padding:1rem;}

.accessibility-sidebar .option-card .cover{position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; padding:10px 15px;
line-height:1.4; display:flex; align-items:center; font-size:90%; justify-content:center; opacity:0;
-webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.accessibility-sidebar .option-card .cover:before{content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:var(--bs-primary);
border-radius:100%; -webkit-transform:scale(0); transform:scale(0); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s;
transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}

.accessibility-sidebar .option-card:hover .cover:before{-webkit-transform:scale(2); transform:scale(2);}
.accessibility-sidebar .option-card:hover .cover{opacity:1;}
.accessibility-sidebar .option-card:hover{border-color:var(--bs-primary); color:#ffffff;}
.accessibility-sidebar .option-card.active{background:var(--bs-primary); color:#ffffff;}
.accessibility-sidebar .option-card.active:after{position:absolute; right:8px; top:8px; font-size:20px; content: "\F270"; display:inline-block; font-family:bootstrap-icons; line-height: 1; vertical-align: -0.125em; color:var(--bs-white);}

.accessibility-sidebar .option-card .card-icon{font-size:24px;}
.accessibility-sidebar .option-card .card-text{padding-top:5px;}
/* Card - End */


/* Content Adjustment - Start */ 
.content-adj .font-title{min-width:200px;}
.content-adj .ajs-section{display:flex; align-items:center; justify-content:center;}
.content-adj .ajs-section .font-adj-btn{padding:2px; color:var(--bs-dark); font-size:17px; width:23px; height:23px; display:inline-block; line-height:1;
border:1px solid var(--bs-border); border-radius:.25rem; background:#ffffff;}
.content-adj .ajs-section .adj-bar{height:5px; margin:0 10px; background:#edf1f5;}
/* Content Adjustment - End */


/* accordion - Start */
.accessibility-sidebar .accordion .accordion-item{background:transparent;}
.accessibility-sidebar .accordion .accordion-button, .accessibility-sidebar .accordion .accordion-body{padding:15px 0;}
.accessibility-sidebar .accordion .accordion-body{padding-top:0;}
.accessibility-sidebar .accordion .accordion-button{color:var(--bs-dark); background:transparent !important; outline:none !important; box-shadow:none !important;
font-size:15px; font-weight:600;}
.accessibility-sidebar .accordion .accordion-button::after{background-size:14px; background-position:center;}
.accessibility-sidebar .accordion .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111111'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
/* accordion - End */


.accessibility-sidebar .cursurs-adj .cursurs-active:before{position:absolute; right:8px; top:5px; font-size:20px; content:"\F270"; display:inline-block; font-family:bootstrap-icons; line-height:1; vertical-align:-0.125em; color:var(--bs-primary);}

.accessibility-sidebar .accordion-item, .accessibility-sidebar .card,
.accessibility-sidebar .offcanvas-header, .accessibility-sidebar .offcanvas-footer{border-color:var(--bs-border);}
.accessibility-sidebar .offcanvas-header, .accessibility-sidebar .offcanvas-footer{background:var(--bs-secondary);}
.accessibility-sidebar .offcanvas-header *, .accessibility-sidebar .offcanvas-footer *{color:#ffffff;}

/* -------- Sidebar - End -------- */


/* Active Options - Start */
.access-cursor-white{cursor:url('../images-V4/accessibility/cursor-white.webp') 15 15,auto;}
.access-cursor-dark{cursor:url('../images-V4/accessibility/cursor-dark.webp') 15 15,auto;}
.access-readable-font{font-family: Arial !important;}
.access-black-white{-webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);}
.access-highlight{box-shadow:0 0 6px 3px #ffff00, 0 0 2px #333 inset !important; border:1px solid #111111 !important;}
.access-link-highlight{border-bottom:1px solid var(--bs-danger) !important;}
.access-text-highlight{outline:2px dashed #390f0f !important; box-shadow: 0 0 0 2px #ffffff !important;}

:root {
  --bs-access-bg-color:#aaaaaa;
  --bs-access-h-color:#ee0000;
  --bs-access-cont-color:#54e589;
  
  --bs-access-size-cont:20px;
  --bs-access-lh-cont:2;
  --bs-access-spacing-cont:10px;
}

.access-bg-color{background:var(--bs-access-bg-color) !important;}
.access-heading-color{color:var(--bs-access-h-color) !important;}
.access-content-color{color:var(--bs-access-cont-color) !important;}

.access-content-adj{font-size:var(--bs-access-size-cont); line-height:var(--bs-access-lh-cont); word-spacing:var(--bs-access-spacing-cont);}

.access-tooltip .tooltip{font-size:calc(var(--bs-body-text) + .26rem); line-height:normal;}
.access-tooltip .tooltip .tooltip-inner{max-width:600px; padding:10px 20px 15px; text-align:left;}
/* Active Options - End */



/* Reader Settings - Start */
.access-reader-sidebar{font-weight:var(--bs-fw-m) !important; right:30px; left:auto; width:100%; height:auto; max-width:450px; margin-left:40px;}
.access-reader-sidebar .offcanvas-header, .access-reader-sidebar .offcanvas-footer, .access-reader-sidebar .offcanvas-body{padding:1.2rem 1.8rem;}
.access-reader-sidebar .reader-options-group{display:flex; vertical-align:middle; text-align:center; line-height:1; gap:3px;}
.access-reader-sidebar .reader-options-group .option-item{font-size:18px; flex:1 1 auto; padding:10px 5px; cursor:pointer; background:#f0f3fb; border-radius:5px;}
.access-reader-sidebar .reader-options-group .option-item:hover,
.access-reader-sidebar .reader-options-group .option-item.active{background:var(--bs-primary); color:#fff;}

.access-reader-sidebar .play-rate-section{background:var(--bs-secondary); border-bottom:1px solid var(--bs-border); color:#ffffff;;}
.access-reader-sidebar .play-rate-section .rate-item{border-right:1px solid rgba(225,225,225,.6);}

.access-reader-sidebar .offcanvas-header{border-bottom:1px solid var(--bs-border)}
/* Reader Settings - End */



/* Voice Command Settings - Start */
.access-voice-command-sidebar{font-weight:var(--bs-fw-n); right:30px; left:auto;
  width:100%; height:auto; max-width:650px; margin-left:40px;}
.access-voice-command-sidebar .offcanvas-header{border-bottom:1px solid var(--bs-border)}
.access-voice-command-sidebar .offcanvas-body{overflow-y:hidden;}
.access-voice-command-sidebar .command-tab{background:var(--bs-secondary); border-radius:5px; overflow:hidden; border:none; position:relative; font-weight:var(--bs-fw-m); font-size:15px;}
.access-voice-command-sidebar .command-tab .nav-item{padding:0; flex:1 0 0%; text-align:center;}
.access-voice-command-sidebar .command-tab .nav-link,
.access-voice-command-sidebar .command-tab .nav-link:hover{color:#ffffff !important; border-radius:0; border:none; margin:0 !important; background:transparent !important;}
.access-voice-command-sidebar .command-tab .active{background:var(--bs-dark) !important; color:#ffffff !important; margin:0 !important;}
.access-voice-command-sidebar .command-section{max-height:400px; overflow-y:auto;}
.access-voice-command-sidebar .command-group{display:flex; padding-left:0; color:var(--bs-black-3);}
.access-voice-command-sidebar .command-group.command-header{border-bottom-width:3px; font-weight:var(--bs-fw-b); padding-bottom:14px; margin-bottom:10px; color:var(--bs-text-dark);}
.access-voice-command-sidebar .command-group .command-group-item.title{width:160px; flex:0 0 auto; font-weight:var(--bs-fw-b); color:var(--bs-text-dark);}
.access-voice-command-sidebar .command-group .command-group-item{}
.access-voice-command-sidebar .command-speech-section{background:var(--bs-secondary); line-height:1.2; color:#ffffff;}
.access-voice-command-sidebar .command-speech-section .speech-group{display:flex;}
.access-voice-command-sidebar .command-speech-section .speech-group .i-icon{font-size:20px;}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item{display:flex; align-items:center}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item.mic-item{text-transform:uppercase; font-size:85%; width:100px; text-align:center; position:relative; justify-content: center;}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item.mic-item:before{content:''; display:block; border-radius:50%; height:40px; width:40px;
position:absolute; opacity:.3; background:#ffffff; -webkit-animation:animation-pulse 1s ease-out; animation:animation-pulse 1s ease-out; -webkit-animation-iteration-count: 
infinite; animation-iteration-count:infinite; left: 50%; top: 50%; margin:-12px 0 0 -30px;}
@-webkit-keyframes animation-pulse {
  0%{-webkit-transform:scale(0.1, 0.1); opacity:0.0;}
  60%{-webkit-transform:scale(0.1, 0.1); opacity:0.0;}
  65%{opacity:.6;}
  100%{-webkit-transform:scale(1.1, 1.1); opacity:0.0;}
}
@keyframes animation-pulse {
  0% {-webkit-transform:scale(0.1, 0.1); opacity:0.0;}
  60% {-webkit-transform:scale(0.1, 0.1); opacity:0.0;}
  65% {opacity:.6;}
  100% {-webkit-transform:scale(1.1, 1.1); opacity:0.0;}
}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item:not(:last-child){border-right:1px solid rgba(225,225,225,.3); padding-right:20px; margin-right:20px;}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item.middle{flex-grow:1;}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item.middle .notification{background:rgba(0,0,0,.3); padding:5px 10px; margin-top:8px; border-radius:5px; font-size:85%; opacity:0; line-height:1.4;}
.access-voice-command-sidebar .command-speech-section .speech-group .speech-item.middle .notification.active{opacity:1;}

.access-voice-command-sidebar.access-voice-minimize-active{width:auto;}
.access-voice-command-sidebar.access-voice-minimize-active .command-speech-section .speech-group .speech-item.mic-item{width:auto;}
.access-voice-command-sidebar.access-voice-minimize-active .item-hide{display:none !important;}
/* Voice Command Settings - End */


.access-module-timer .modal-header,
.access-module-timer .modal-body,
.access-module-timer .modal-footer{padding: 1.8rem;}
/* -------------------- Accessibility Feature - End -------------------- */


:root {
	--bs-aside-wid:260px; 
	--bs-aside-wid-collapsed:72px; 
}

.nav-icon-size{font-size:20px;}
.nav-icon-size2{font-size:22px;}




@-webkit-keyframes growIn {
  0%{transform:scale(0.6); opacity:0;}
  100% { transform:scale(1); opacity:1;}
}
@keyframes growIn {
  0% { transform:scale(0.6); opacity:0;}
  100% { transform:scale(1); opacity:1;}
}

.top-navbar .dropdown-menu{
-webkit-animation-name:growIn; animation-name:growIn; -webkit-animation-duration:200ms; animation-duration:200ms; 
-webkit-animation-timing-function:transform cubic-bezier(0.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1); 
animation-timing-function:transform cubic-bezier(0.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);}




.main-search-section .form-control{width:200px; transition:var(--bs-transition-4);}
/*.main-search-section .form-control:focus{width:250px;}*/
@media (min-width:1400px) {
.main-search-section .form-control{width:300px;}
.main-search-section .form-control:focus{width:350px;}
}





/* ------------------------------- SIDEBAR - Start ------------------------------- */
.aside-bar{max-width:var(--bs-aside-wid); min-width:var(--bs-aside-wid); position:fixed; top:0; bottom:0; left:0; 
background:var(--bs-sidenav); border-right:1px solid var(--bs-border); transition:var(--bs-transition-4); z-index:var(--bs-aside-nav-z);}
.navbar-vertical-content{height:calc(100% - 70px); overflow-y:scroll; overflow-y:overlay; display:flex; flex-direction:column;}
.theme-dark-web .aside-bar{background-color:#212529 !important;}
.aside-bar.light{
  background-color: var(--bs-white) !important;
}
.aside-bar.light .aside-bar-nav .aside-nav-item a{
  color: #000 !important;
}
.aside-bar.light .bttn .btn-primary-outline{
  color: var(--bs-primary) !important;
}
.aside-bar.light .btn.btn-training{
  /* border-color:rgba(var(--bs-black-rgb), .2); */
  /* color: #000 !important; */
}
.aside-bar.light .aside-brand-bx .brand-logo-bx{
  background: #EFEFEF !important;
}
.aside-brand-bx .welcome-info h6{color:#fff !important;}
.aside-bar.light .aside-brand-bx .welcome-info .user-name,
.aside-bar.light .aside-brand-bx .welcome-info h6{color:#000 !important;}
.aside-bar.light .aside-brand{border-bottom: 1px solid rgb(0 0 0 / 7%) !important}

.aside-bar .toogle-btn{position:absolute; left:100%; height:70px; background:var(--bs-white); width:50px; cursor:pointer; 
text-align:center; color:var(--bs-text-dark); line-height:70px; font-size:20px; box-shadow:var(--bs-shadow); display:none;}
@media (max-width:1199.98px) {
	.aside-bar .toogle-btn{display:block;}
}

.theme-dark-web input:-webkit-autofill{    -webkit-box-shadow: 0 0 0 30px #1a1d21 inset !important;}

/* Logo */
.aside-brand{ padding:15px 20px; border-bottom:1px solid rgba(255,255,255,.1); display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center;}
.brand-logo,
.brand-logo-full .brand-logo,
.full-nav-brand .brand-logo{ max-height:54px; max-width:180px; vertical-align:middle !important;}
.brand-logo-icon .brand-logo{max-height:35px; max-width:35px; height:auto; vertical-align:middle !important;}

.brand-logo.job-brand-logo{height:35px;}
.brand-logo-icon, .brand-logo-full{display: flex;align-items: center; width:100%; height:100%; object-fit:contain; justify-content:center;}

.aside-brand-bx{display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; overflow:hidden;}
.aside-brand-bx .brand-logo-bx{width:70px; height:70px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; background:#ffffff; padding:3px; border-radius:3px; flex:0 0 auto;}
.aside-brand-bx .brand-logo-bx .brand-logo{max-height:100%; max-width:100%;}

.aside-brand-bx .welcome-info{padding-left:10px; padding-bottom:3px; line-height:1.2; overflow: hidden; color:#ffffff;}
.aside-brand-bx .welcome-info .user-name{font-size: var(--bs-body-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aside-bar-collapsed .brand-logo-bx{width:30px; height:30px;}
.aside-bar-collapsed .welcome-info{display:none;}

.full-nav-brand{align-items:center; display:none;}
.toggle-nav-brand{align-items:center; display:flex;}
.full-top-bar .full-nav-brand{display:flex;}
.full-top-bar .toggle-nav-brand{display:none;}

.settings .backtoDash{
    padding: 10px 40px 10px 20px;
    color:#E4E6EB;
    cursor: pointer;
    transition: all 0.2s ease;
}
.settings .backtoDash:hover{
    opacity: 0.7;
}
.settings .backtoDash span{
    border: 1px solid #2F2F3E;
    padding: 6px 12px;
    border-radius: 4px;
}
.aside-bar.light .settings .backtoDash span{
  color: #2F2F3E;
}
.settings .aside-bar-nav{
    list-style:none; margin:0;
    padding:8px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.settings .aside-bar-nav:last-child{
    border-bottom: none;
}
.settings .aside-bar-nav .aside-nav-item .aside-nav-link{display:flex; align-items:center; padding:8px 20px 8px 20px; position:relative;}
.settings .aside-bar-nav .aside-nav-item{margin:0; padding:0;width: 100%;}







/* Menus Style */
.aside-bar-nav{list-style:none; margin:0; padding:15px 0;}
.aside-bar-nav .aside-nav-item{margin:0 0 1px 0; padding:0;}
.aside-bar-nav .aside-nav-item a{color:#E4E6EB;}
.aside-bar-nav .aside-nav-item .aside-nav-title{color:#ffffff; font-weight:var(--bs-fw-m); font-size:.9375rem;}
.aside-bar-nav .aside-nav-item .aside-nav-link{display:flex; align-items:center; padding:10px 40px 10px 20px; position:relative;}
.aside-bar-nav .aside-nav-item .aside-nav-link .nav-icon{position:relative; margin-right:5px; margin-bottom:auto; width:25px; height:25px; font-size:16px; flex:0 0 auto;}
.aside-bar-nav .aside-nav-item .aside-nav-link .nav-icon i{position:absolute; left:0;}
.aside-bar-nav .aside-nav-item .aside-nav-link .nav-txt{white-space:nowrap;}
.aside-bar.light .aside-bar-nav .aside-nav-item .aside-nav-link .nav-txt{color:#000;}
.aside-bar-nav .aside-nav-item .aside-nav-dropdown .aside-bar-subnav{padding-bottom:10px;}



/* Menu Dropdown Arrow - Style */
.aside-bar-nav .aside-nav-item .aside-nav-link.drop-nav:before{content:'\F286'; font-family:bootstrap-icons !important; 
position:absolute; right:20px; top:15px; font-size:10px;}
.aside-bar-nav .aside-nav-item .aside-nav-link.drop-nav.collapsed:before{content:'\F282'; color:rgba(255,255,255,.4);}

.aside-bar.light .aside-bar-nav .aside-nav-item .aside-nav-link.drop-nav.collapsed:before{content:'\F282'; color:rgb(52 52 52 / 40%)}



/* Main menu Links - Hover/Active - Style */
.aside-bar-nav .drop-nav:not(.collapsed),
.aside-bar-nav .drop-nav:not(.collapsed)~.accordion-collapse,
.aside-bar-nav .aside-nav-item.active{background:rgba(var(--bs-black-rgb), .1);}
.aside-bar-nav .aside-nav-item.active > .aside-nav-link:after{content:''; position:absolute; right:0; top:0; bottom:0; 
background:var(--bs-primary); width:6px;}
.aside-bar-nav .aside-nav-item.active > a.aside-nav-link,
.aside-bar-nav .aside-nav-item.active .aside-nav-dropdown .aside-nav-link.active{color:var(--bs-primary);}



/* Sub Menus */
/*.aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link:before{content:''; width:5px; height:5px; display:inline-block; 
border-radius:100%; background:rgba(255,255,255,.4); margin-right:10px;}*/
.aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link{padding:6px 40px 6px 50px;}


/* Sub menu Links - Hover/Active - Style */
.aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link:hover,
.aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link.active{opacity:1;}

.aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link.active{color:var(--bs-text-primary);}
.aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link.active{color:var(--bs-white);}



/* width */
.navbar-vertical-content::-webkit-scrollbar{width:6px;}
/* Track */
.navbar-vertical-content::-webkit-scrollbar-track{border:0px solid var(--bs-border); background:rgba(0,0,0,.03);}
 /* Handle */
.navbar-vertical-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2); border-radius:5px;}
/* Handle on hover */
.navbar-vertical-content::-webkit-scrollbar-thumb:hover{background:#aebccc;}

/* ------------------------------- SIDEBAR - Start ------------------------------- */





.aside-bar-collapsed{}
.aside-bar-collapsed .brand-logo-full{display:none;}
.aside-bar-fixed:not(.aside-bar-collapsed) .brand-logo-icon{display:none;}
.aside-bar-collapsed .nav-txt{display:none;}

.aside-bar-collapsed .aside-nav-dropdown{display:none;}
.aside-bar-collapsed .aside-nav-item{}

.aside-bar-collapsed:not(.aside-bar-overlap) .aside-nav-item:hover .aside-nav-dropdown{display:block; position:absolute; left:100%; 
padding-left:10px; margin-top:-56px; background:transparent;}
.aside-bar-collapsed .aside-nav-item:hover .aside-nav-dropdown .aside-bar-subnav{padding:15px 0; background:var(--bs-white); 
border-radius:var(--bs-round-sm); box-shadow:var(--bs-drop-shadow-lg);}
.aside-bar-collapsed:not(.aside-bar-overlap) .aside-nav-item:hover .aside-nav-dropdown .aside-bar-subnav a{color:var(--bs-text-dark);}
.aside-bar-collapsed:not(.aside-bar-overlap) .aside-nav-item:hover .aside-nav-dropdown .aside-bar-subnav a.active,
.aside-bar-collapsed:not(.aside-bar-overlap) .aside-nav-item:hover .aside-nav-dropdown .aside-bar-subnav a:hover{color:var(--bs-text-primary);}
.aside-bar-collapsed:not(.aside-bar-overlap) .aside-nav-item:hover .aside-nav-dropdown .nav-txt{display:block;}
.aside-bar-collapsed:not(.aside-bar-overlap) .aside-nav-item:hover .aside-nav-dropdown .aside-nav-link{padding-right:30px; 
padding-left:20px; white-space:nowrap; opacity:1;}

.aside-bar-collapsed .plan-card{display:none;}
.aside-bar-collapsed .aside-bar-nav .aside-nav-item .aside-nav-link{padding-right:20px;}
.aside-bar-collapsed .aside-bar-nav .aside-nav-item .aside-nav-link .nav-icon{text-align:center;}
.aside-bar-collapsed .aside-bar-nav .aside-nav-item .aside-nav-link.drop-nav:before{display:none;}

.aside-bar-collapsed .aside-bar-nav .aside-nav-item .aside-bar-subnav .aside-nav-link .nav-icon{filter:brightness(1%);}



.aside-bar-collapsed .aside-bar{width:var(--bs-aside-wid-collapsed); max-width:var(--bs-aside-wid-collapsed); 
min-width:var(--bs-aside-wid-collapsed);}


.aside-bar-fixed.aside-bar-overlap .aside-bar{position:fixed;}
.aside-bar-fixed.aside-bar-overlap .wrapper-body{padding-left:0;}

.aside-bar-collapsed.aside-bar-overlap .aside-bar{width:var(--bs-aside-wid); max-width:var(--bs-aside-wid); min-width:var(--bs-aside-wid); 
	left:-350px;}









/* ------------------------------- Top Navbar - Start ------------------------------- */
.notification-link .noti-alert{position:absolute; top:2px; right:0px; width:10px; height:10px; border-radius:100%; display:block; 
background:var(--bs-danger); border:3px solid #fff; display:block; vertical-align:0;}
.top-navbar{position:sticky; top:0; z-index:var(--bs-top-nav-z); background:var(--bs-body-bg); min-height:71px;
position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.top-navbar .navbar{position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:10px 0; 
-ms-flex-align:center; align-items:center; transition:all 0.3s ease; width:100%;}
.top-navbar .navbar-nav {flex-direction:row;}
@media (min-width:992px) {
/* .top-navbar .navbar{height:70px;} */
}



.top-navbar .navbar-nav .nav-item:not(:first-child){margin-left:5px;}
.top-navbar .navbar-nav .nav-item .nav-link{padding:0;}
.top-navbar .avatar{box-shadow:none;}


.top-navbar .profile-dropdown{width:280px;}




.aside-toggle{padding:0; margin-right:15px; font-size:32px;}
.aside-toggle i{font-size:32px;}
.aside-toggle:hover, .aside-toggle:focus{box-shadow:none;}






.page-title{margin:0; font-size:1.15rem;}
/* ------------------------------- Top Navbar - Start ------------------------------- */








/* ------------------------------- Plan Card - Start ------------------------------- */
.plan-card{margin:0 20px 12px; color:rgba(255,255,255,.8); background:var(--bs-primary) !important;border-radius: var(--bs-form-round) !important;}
.plan-card .card-body {padding: .85rem 1rem;}
/* .plan-card.hav-credits:before{content:''; position:absolute; box-shadow:var(--bs-card-shadow); z-index:-1; left:10px; right:10px; bottom:-12px; top:30px; border-radius:var(--bs-round-lg); background:var(--bs-primary);} */
.plan-card .plan-name{color:var(--bs-white);}
.plan-card .credits{color:var(--bs-white); font-weight:var(--bs-fw-b); line-height:1;}
.plan-card .add-credits-btn{font-size:25px;}
/* ------------------------------- Plan Card - End ------------------------------- */









/* top navbar responsive */
@media (max-width:1200px) { 
.navbar-collapse{display:flex; align-items:center; gap:8px; justify-content:inherit; flex-wrap:wrap;}
.navbar-collapse .flex1{flex:1;}
}

.aside-bar span.nav-icon{pointer-events:none;}
.aside-bar-collapsed .aside-bar span.nav-icon{pointer-events:all;}
.navbar-collapse{justify-content:flex-end;}
.fixed__resposiveNav{
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  gap:5px; 
  transition:all 0.3s ease; 
}
.toggle-nav-brand .btn{min-height:inherit; line-height:normal;}
@media (max-width:992px) {
  .top-navbar .navbar {background:#fff; box-shadow:var(--bs-shadow);}
  .main-search-section{box-shadow:none !important;}
  .main-search-section input.form-control{background:#f9f9f9;}
  .main-search-section span.form-icon{background:#f9f9f9;}
  .page-title{font-size:16px !important;}
  .fixed__resposiveNav{flex:1;}
}
@media (max-width:540px) {
  form.flex1{display:none;}
  .navbar-nav{justify-content:space-between; flex:1;}
  .scrollHide{display:none !important;}
  .scrollPadding{padding-top:0 !important; padding-bottom:0 !important;}
}


/* .aside-bar-collapsed .aside-nav-link .nav-icon img {filter:brightness(0.3)} */
.aside-nav-item.theme{position:fixed; bottom:0; background-color:#52526d; border-top:1px solid #ffffff2b; width:259px; z-index:1; transition:all 0.4s ease;}
.aside-bar-collapsed .aside-nav-item.theme{width:70px;}
.aside-nav-item.theme .aside-nav-link{padding-top:15px;}
.bttn{display:flex; flex-direction:column; margin:0 20px; margin-bottom:70px;} /*  max-width:84%; */
.bttn .icon-b{width:30px; display:inline-block; text-align:left;}
.bttn .bi-play-circle-fill{font-size:18px;}
.bttn .fa-wallet{font-size:16px;}
.bttn .btn-dark{display:flex; align-items:center; line-height:1.3;}
.bttn .btn-primary-outline{display:flex; align-items:center; line-height:1.8; border:2px solid var(--bs-primary); color:var(--bs-white); background:transparent;}
.bttn .btn-primary-outline:hover{border:2px solid var(--bs-primary); color:var(--bs-white); background:var(--bs-primary);}
.aside-bar-collapsed .bttn{display:none;}
@media (max-width:668px) {
  /* .bttn{display:flex;} */
  .bttn a:hover{opacity:0.8;}
}
.nav-icon i.fa {line-height: 1.6;}

.navbar-nav .dropdown-menu {position: absolute !important;}
body.aside-bar-collapsed .navNewTag {position: absolute;top: 4px;right: 6px;width: 32px;}
.settingNewTab{position: absolute;top: 10px;right: 40px;}

.btn.btn-training{
  /* background-color:rgba(var(--bs-black-rgb), .2); */
  /* border-color:rgba(var(--bs-black-rgb), .2); */
  display: flex;
  align-items: center;
  line-height: 1.8;
  /* color: var(--bs-white); */
}
.btn.btn-training .icon-b{line-height:initial;}
.btn.btn-training i{font-size:18px;}
button .bi-keyboard {
  font-size: 18px;
  line-height: 1;
}
.globalSearch {width: 300px;cursor: pointer;}
.globalSearch:hover.globalSearch .form-icon{color:#000 !important;transition:all 0.3s ease;}
.theme-dark-web .globalSearch:hover.globalSearch .form-icon{color:#fff !important;transition:all 0.3s ease;}
.theme-dark-web .globalSearch {background-color: #373c41 !important;}
.form-group.search {
  border: 2px solid var(--bs-primary);
  border-radius: 8px;
  position: relative;
}
.form-group.search .form-control {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding-left: 50px;
  color:#000;
}
.theme-dark-web .form-group.search .form-control {
  color:#fff;
}
.form-group.search .bi{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-primary);
  transition:all 0.3s ease-in-out;
}

.search .search_icons {
  font-size: 24px;
  left: 12px;
}
.search .clear_search {
  font-size: 20px;
  right: 12px;
  background: transparent;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.search .clear_search:hover {
  background: var(--bs-light);
}
.search-items {border-radius: 8px;cursor: pointer;}
.search-items .item .bi{font-size: 18px;}
.search-items .item .short{opacity: 0;}
.search-items .item:hover .short{opacity: 1;}
.search-items .item{border-bottom: 1px solid var(--bs-border);}
.search-items .item:last-child{border-bottom: none;}
.search-items .item:hover{background-color:var(--bs-primary);color: #fff;}
.search-items{
  /* max-height: 324px; */
  /* overflow: auto; */
}
.shortcut .table > :not(:first-child){
  border-top: none;
}
.shortcut .table > :not(caption) > * > *{
  border-bottom-width: 0px;
}
.shortcut .border-primary.text-primary{font-weight: 600;}
.shortcut tbody th{width: 380px;}
.shortcut tbody .tdWidth{width: 160px;}
.search-items .item:hover .shortcut, .search-items .item.selected .shortcut {
  opacity: 1;
}
.search-items .item .shortcut {
  opacity: 0;
}
.searchCandidates > div.border-bottom:last-child{
  border-bottom: transparent !important;
}

.backdropBlur{backdrop-filter: blur(2px);}
@media (max-width:768px) {.globalSearch{width:178px;}}

.theme-dark-web .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--bs-lit-title-color);
}
.fixedTop{position: absolute;width: 100%;left: 16px;max-width: 96%;top:16px;}px;}
:root{
	--bs-welcome-img:url("../../images-V4/svg/bg/welcome-bg.svg");
}



body{background:var(--bs-light2);}

main{-ms-flex-positive:1; flex-grow:1;}

.dollar-text{font-family:Arial, sans-serif !important;}

.hide{display:none !important;}

.text-danger-light{color:#ff5a6a !important;}


.wrapper-body{min-height:100vh; padding-bottom:40px; position:relative;}
.wrapper-body .content{padding-top:25px; padding-bottom:25px;}

.footer{text-align:center; position:absolute; left:0; right:0; bottom:0; min-height:40px;}

.footer2{padding-bottom:25px; text-align:center;}



@media (max-width: 1199.98px) {
  .list-grid-bx-view{display:none !important;}
}


/* Journey - Start */
.journey-card{margin: 0 20px 12px; color: #fff; background: #3e3ab2 !important; border-radius: var(--bs-form-round) !important;}
.number-container{position: absolute; right: 0; overflow: hidden; top: 50%; transform: translateY(-50%); border-left: 1px solid #7a77ce; padding-bottom: 4px; padding-left: 6px;}
.digit{height: 1rem; width: 8px; overflow: hidden;}
.digit span {position: absolute; width: 100%; transition: transform 0.5s ease-in-out;}
.digit .to{transform: translateY(100%);}
/* Journey - End */



/* Announcements - Start */
.announcements-alert-fix {margin: 0; border-radius: 0; border-width: 1px 0 1px 0; z-index: 1; overflow: hidden; color: #856404; background-color: #ffeebe; border-color: #f9e8ba;}
.announcements-alert-fix * {line-height: normal;}
.announcements-alert-fix a {color: #856404; text-decoration: underline;}
.announcements-alert-fix .close {padding: 6px 12px; outline: 0;}
.announcements-alert-fix .calendar-icon {margin-top: 2px; margin-right: 5px; width: 18px;}
.announcements-alert-fix .inner-bx {display: inline-flex; position: relative; padding: 12px 20px; align-items: start;}
.announcements-alert-fix .inner-bx p {margin: 0; font-size: 14px;}
.announcements-alert-fix .inner-bx p:not(:first-child) {margin-top: 5px;}
.announcements-alert-fix .bg1 {position: absolute; left: 0; top: 0; bottom: 0; z-index: -1}
.announcements-alert-fix .bg2 {position: absolute; right: 0; top: 0; bottom: 0; z-index: -1;}
.announcements-alert-fix .bg1 img,.announcements-alert-fix .bg2 img{height: 100%;}
.announcements-alert-fix .contentArea{display: flex; align-items: center; max-width: 1268px; margin: auto; text-align: center; justify-content: space-between;}
@media (max-width: 991.98px) {
  .announcements-alert-fix .bg1,.announcements-alert-fix .bg2{display:none}
}
/* Announcements - End */


/* Question List with number - START */
.option-list{}
.option-list .option-item{display:flex;}
.option-list .option-item .que-num{flex:0 0 auto; width:40px; text-align:right; white-space:nowrap; flex:0 0 auto;}
.option-list.option-list-alpha .option-item .que-num{width:26px;}
/* Question List with number - END */



/* Number type Input - start */
input.num-input::-webkit-outer-spin-button, input.num-input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} 
input.num-input[type=number] {-moz-appearance: textfield;}
/* Number type Input - End */


/* offcanvas Custom Bakdrop - start */
.offcanvas-backdrop2{position:fixed; top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:#000; background:rgba(var(--bs-secondary-rgb), 0.8); z-index:var(--bs-offcanvas-backdrop-z); display:none;}
.offcanvas-backdrop2.show{display:block;}
/* offcanvas Custom Bakdrop - End */


/* Map-Graphs - start */
.map-indicator{display:inline-flex; align-items:center;}
.map-indicator *{line-height:1;}
.map-indicator .map-indicator-icon, .map-indicator-icon{display:inline-block; width:13px; height:13px; background-color:var(--bs-light); border-radius:3px; vertical-align:middle; margin-right:8px;}
/* Map-Graphs - End */


/* Access User Account Privately */
.access-user-profile{}


/* Switch Images - With Theme */
#drag-to-sort .theme-switch-img>img {filter: hue-rotate(33deg) contrast(0.6);}
.theme-switch-img .theme-img{}
.theme-switch-img .theme-img.theme-img-light{display:none;}


/* Live Chat Plugin - start */
.zsiq_custommain.siq_bR,
.zsiq_floatmain.zsiq_theme1.siq_bR{z-index:1000001 !important; display:none !important;}
/* Live Chat Plugin - End */



/* Select2 Language Drowpdown - Style - Start */
.select2-lang-select .select2-container .select2-dropdown{width:240px !important;}
/* Select2 Language Drowpdown - Style - End */


/* Prescreening Questions - Start */
.prescreening-que-card{word-wrap: break-word; word-break: break-word;}
.prescreening-que-card .check-question-icon{margin-right:8px;}
.check-question-icon{font-size:26px; --bs-text-opacity:.45; color:rgba(var(--bs-text-light-rgb), var(--bs-text-opacity)); line-height:1;}
.check-question-icon.active{color:var(--bs-primary);}
.form-check-danger .check-question-icon.active{color:var(--bs-danger) !important;}
/* Prescreening Questions - End */


/* ------------------------------- Gaming - start ------------------------------- */
.game-view-setion{}
.game-view-setion .game-play-card{}

.game-view-setion .game-play-card .game-info-section{max-width:300px; margin:0 auto; display:inline-block;}

/* Game image */
.game-view-setion .game-play-card .game-thumb-section{max-width:260px; width:100%; margin:0 auto; position:relative; background:var(--bs-white); padding:10px; border-radius:var(--bs-round);}
.game-view-setion .game-play-card .game-thumb-section.thumb-section-lg{max-width:360px;}
.game-view-setion .game-play-card .game-thumb-section .game-thumb{width:100%;}

/* Game Play */
.game-view-setion .game-play-card .game-thumb-section .game-animated-bx{position:absolute; left:10px; right:10px; top:10px; bottom:10px; text-align:center; display:none;}
.game-view-setion .game-play-card .game-thumb-section.game-play.active .game-animated-bx,
.game-view-setion .game-play-card .game-thumb-section.game-play:hover .game-animated-bx{display:block;}

/* Game Info */
.game-view-setion .game-info-card{display:none;}
.game-view-setion.game-info-active .game-play-card{display:none;}
.game-view-setion.game-info-active .game-info-card{display:block;}
/* ------------------------------- Gaming - End ------------------------------- */




/* ------------------------------- Language Dropdown - Start ------------------------------- */
.lang-select-dropdown .select2.select2-container.select2-container--default{min-width:10px; max-width:100px;}

.sm-lang-dropdown{}
.sm-lang-dropdown .lang-flat-icon{width:20px; border-radius:100%; margin-right:10px;}
.sm-lang-dropdown .dropdown-menu{max-height:250px; overflow-y:auto;}
.sm-lang-dropdown .dropdown-toggle::after{margin-left:10px;}
/* ------------------------------- Language Dropdown - Start ------------------------------- */



/* ------------------------------- SIDEBAR collapse - Start ------------------------------- */
.aside-bar-fixed .wrapper-body,
.aside-bar-fixed .wrapper-body .footer{padding-left:var(--bs-aside-wid); transition:var(--bs-transition-4);}

.aside-bar-fixed .full-top-bar.wrapper-body,
.aside-bar-fixed .full-top-bar.wrapper-body .footer{padding-left:0;}

.aside-bar-collapsed .wrapper-body,
.aside-bar-collapsed .wrapper-body .footer{padding-left:72px;}

@media (max-width:1200px) {
  .aside-bar-collapsed .wrapper-body, .aside-bar-collapsed .wrapper-body .footer{
    padding-left:0px;
  }
}
/* ------------------------------- SIDEBAR collapse - End ------------------------------- */





/* ------------------------------- Form - Start ------------------------------- */
.country-code{width:120px;}


 /* Phone Code */
.phone-code-item-hidden + .form-control{border-top-left-radius:var(--bs-form-round) !important; border-bottom-left-radius:var(--bs-form-round) !important;}
/* ------------------------------- Form - End ------------------------------- */


/* Already viewed Profile Icon - start */
.alerady-viewed-icon{background-color:var(--bs-white); display:inline-block; position:absolute; right:3px; top:3px; font-size:12px;
    color:var(--bs-primary); height:20px; width:20px; text-align:center; border-radius:20px; line-height:23px;z-index:1;}
.alerady-viewed-icon i{color:var(--bas-primary); font-weight:bold;}
/* Already viewed Profile Icon - End */




/* Color Picker */
.color-picker-outerDiv{background:var(--bs-light); display:flex; width:50px; height:50px; align-items:center; justify-content:center;
 border-radius:10px;}
.color-picker-controler{display:flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px;
 border-radius:5px; overflow:hidden;}
.color-picker-field{width:60px; height:60px; background:transparent; border:none; position:absolute;}



/* G2 Review Girft Modal - Start */
.g2-review-gift-modal .modal-header{border:0; padding-bottom:0;}
.g2-review-gift-modal .btn-close{background-size:75%; margin:-15px -15px 0 auto;}
.g2-review-gift-modal .modal-dialog{max-width:570px; margin:1.75rem auto;}
.g2-review-gift-modal .modal-content{background-color:#f2f2ff;}
.g2-review-gift-modal .noshow-again{padding-bottom:2px; border-bottom:1px solid var(--bs-dark);}
.g2-review-gift-modal .review-btn{font-size:calc(var(--bs-form-fs) + 2px);}
/* G2 Review Girft Modal - Start */


.subaccount-access-alert-container{position:sticky; top:0; z-index:var(--bs-aside-nav-z);}
.subaccount-access-alert{color:var(--bs-text-dark); background:rgba(var(--bs-warning-soft)); border-bottom:1px solid transparent; }
.subaccount-access-alert .close-access{color:var(--bs-text-dark); text-decoration:underline; font-weight:var(--bs-fw-b);}
/* .access-user-profile:not(.offcanvas-open):not(.modal-open) .subaccount-access-alert-container {z-index: 200000000000000000 !important;} */

/* -------------- No Data - Start -------------- */
.no-data-section.with-bg{background:var(--bs-light2); border-radius:var(--bs-round);}
.no-data-section{padding:3rem 1rem; text-align:center; color:var(--bs-text-muted);}
.no-data-section .no-data-icon{height:90px; font-size:60px;}
.no-data-section .no-data-icon.no-data-light-icon{display:none;}
.no-data-section .no-data-text{margin:15px 0 0;}
@media (min-width:768px){
.no-data-section{padding:5rem 1rem;}
}
/* -------------- No Data - End -------------- */



/* -------------- Media Container - Start -------------- */
.media-container{display:flex; flex-wrap:wrap; margin:0 -10px;}
.media-container .media-box{margin:0 10px 20px;}

/* Media box */
.media-box{position:relative; width:100%; height:120px; display:inline-block; /*grid-column:auto/span 6;*/}
@media (min-width:480px) {
.media-box{width:120px; height:120px;}
}

/* Image section */
.media-box .media-img-box{position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; width:100%; height:100%;
border-radius:var(--bs-round); background:var(--bs-primary-soft2); font-size:var(--bs-body-text-sm); color:var(--bs-text-muted);}

/* Overlap */
.media-box .media-img-box .video-play-overlap{position:absolute; display:flex; align-items:center; justify-content:center;
left:0; right:0; top:0; bottom:0; background:rgba(var(--bs-dark-rgb), .1); color:var(--bs-white); font-size:30px;}
.media-box .media-img-box.change-overlay .video-play-overlap{background:rgba(var(--bs-dark-rgb), .15);}

/* Image Thumb */
.media-box .media-img-box .media-thumb{height:100%; width:100%; object-fit:cover;}

/* Media Icon */
.media-box .media-img-box .media-icon{height:38px; max-width:100%;}



.media-box .media-img-box .media-count{position:absolute; right:0; bottom:0; padding:4px 6px 4px 8px; font-size:var(--bs-body-text-xs);
background:rgba(var(--bs-black-rgb), .1); color:var(--bs-white); border-radius:var(--bs-round-sm) 0 0 0;
text-shadow:1px 1px 2px rgba(var(--bs-black-rgb), .3); line-height:1;}


.media-box .media-img-box.video-box video-js.video-js{padding:0 !important; width:100%; height:150px;}

/* Media box - Actions */
.media-box .action-fix{position:absolute; right:-8px; top:-11px; font-size:25px; color:var(--bs-danger); line-height:1; cursor:pointer;}
.media-box .action-fix .close-icon{width:20px;}
.media-box .select-icon{position:absolute; right:10px; top:10px; font-size:25px; color:var(--bs-danger); line-height:1;}
.media-box .select-icon .close-icon{width:20px;}

/* Media box Small/sm size */
.media-container.media-container-sm .media-box, .media-box.media-box-sm{width:80px; height:80px;}
.media-container.media-container-sm .media-box, .media-box.media-box-xsm{width:44px; height:44px;border-radius: 6px !important;position: relative;}
.media-container.media-container-sm .media-box, .media-box.media-box-xsm .media-img-box{border-radius: 6px !important;}
.media-box .media-img-box .video-play-overlap {
  font-size: 22px;
}

.other-info-group.new{display: flex;}
.other-info-group .details:not(:first-child){
  border-left: 1px solid var(--bs-border);
  padding-left: 8px;
  margin-left: 8px;
}
.media-img-box .bi-file-earmark-zip{font-size: 45px;}
.media-box-xsm .bi-file-earmark-zip{font-size: 22px;}
@media (max-width:415px) {
  .other-info-group.new{flex-direction: column;}
  .other-info-group .details:not(:last-child){
    border-right: none;
    padding-right: 0;
  }
}
/* new changes */
.drag_icon, .prescreening-drag-icon{
  position: absolute;
  right: 16px;
  top: 20px;
  cursor:all-scroll;
  transition: all 0.3s ease;
  opacity: 0; 
}
.added-questions-items:hover .drag_icon{opacity: 1;}
.prescreening-que-card:hover .drag_icon{opacity: 1;}
.prescreening-que-card:hover .prescreening-drag-icon{opacity: 1;}

.media-box.media-action.new{
  width: 170px;
  height: 170px;
  margin: 0;
  border-radius: 6px;
  box-shadow: none;
}
.media-box.media-action.new .select-icon{left: 6px;top:6px;}
.media-box.media-action.new .delMedia{
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 22px;
  color: var(--bs-danger);
  cursor: pointer;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 20px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 9;
}
.media-action.new:hover .delMedia{
  opacity: 1;
}
.media-action.new .form-check-input{
  border: 2px solid #B5B7B3;
}
.theme-dark-web .media-action.new .form-check-input{
  border: 2px solid var(--bs-form-border)
}

.media-box.media-action.new .media-img-box{
  width: 170px;
  height: 170px;
  background-color: #E7F2D0;
  border-radius: 6px;
  box-shadow: none;
}
.theme-dark-web .media-box.media-action.new .media-img-box{
  background-color: #1a1d21;
}
.media-box.media-action.new .video-play-overlap{
  font-size: 54px;
}
.mediaLibrary .media-box.media-action.new .media-icon{
  height: 60px;
}
.uploadNewMedia{
  display: flex;
  flex-direction: column;
  gap:2px;
}
.uploadNewMedia i{
  font-size: 16px;
}
.uploadNewMedia > div{
  cursor: pointer;
  background-color: transparent;
  padding: 0 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.uploadNewMedia > div:hover{
  background-color: var(--bs-light);
}
/* new changes - end */


/* Media box - row grid */
.media-container.media-container-3x{gap:1.3rem; margin:0;}
.media-container.media-container-4x{gap:1.3rem; margin:0;}
@media (min-width:576px) {
.media-container.media-container-3x{grid-template-columns:repeat(3, 1fr); display:grid; gap:1.3rem; margin:0;}
.media-container.media-container-4x{grid-template-columns:repeat(4, 1fr); display:grid; gap:1.3rem; margin:0;}
}



/* Media box - Edit */
.media-box.media-action{border-radius:var(--bs-round); overflow:hidden; box-shadow:var(--bs-card-shadow); width:100%; height:auto; margin:4px 0;}
.media-box.media-action .media-img-box{height:150px; border-radius:0; height:150px;}
.media-box.media-action .action-body{padding:var(--bs-box-g-xs) var(--bs-box-g-sm); display:flex; align-items:center; border-top:1px solid transparent;}
.media-box.media-action .action-body .title{flex-grow:1; overflow:hidden;}
.media-box.media-action .action-body .title .txt{padding:3px 0 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.media-box.media-action .action-body .icon{margin-left:auto; padding-left:10px; white-space:nowrap; line-height:1;}
.media-box.media-action .action-body .icon-2x{font-size:calc(var(--bs-body-text) + 2px);}
.edit-media-title-input{border:0; border-bottom:1px solid var(--bs-form-border); padding:3px 0 2px; width:100%; background:transparent;}
.edit-media-title-input::placeholder{color:var(--bs-text-muted);}
.edit-media-title-input:disabled, .edit-media-title-input.disabled{border-color:transparent; overflow:hidden; text-overflow:ellipsis; background:transparent;}


/* No Media Preview */
.media-box .media-img-box .no-media{text-align:center; line-height:1.3; padding:0 4px;}
.media-box .media-img-box .no-media .icon-box{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center;display:none;}
.media-box .media-img-box .no-media .icon-box .icon-slash{height:60px; line-height:1;}
/*.media-box .media-img-box .no-media .icon-box:before{font-size:60px; line-height:1; display:inline-block; font-family:bootstrap-icons;
font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; vertical-align:-0.125em;
-webkit-font-smoothing:antialiased; content:"\f567";}*/
.media-box .media-img-box .no-media .text-no-media{font-size:10px; line-height:11px; letter-spacing:-.01rem; color:var(--bs-body-color);
font-weight:var(--bs-fw-br);}

.media-box .media-img-box .no-media-preview{text-align:center; line-height:1.3; padding:0 10px;}
.media-box .media-img-box .no-media-preview .media-icon{height:38px; max-width:100%;}
.media-box .media-img-box .no-media-preview .preview-text{color:var(--bs-body-color); padding-top:5px;}

.media-container.media-container-sm .media-box .media-img-box .no-media-preview .media-icon,
.media-box.media-box-sm .media-img-box .no-media-preview .media-icon{height:20px;}
.media-container.media-container-sm .media-box .media-img-box .no-media-preview .preview-text,
.media-box.media-box-sm .media-img-box .no-media-preview .preview-text{font-size:80%;}

/* -------------- Media Container - End -------------- */





/* -------------- Media Full View - Start -------------- */
.media-full-view{background:var(--bs-light); border-radius:var(--bs-round); overflow:hidden; position:relative;
display:flex; justify-content:center; align-items:center; width:100%;}


/* Video container */
.media-full-view video {max-height:100%; max-width:100%;}
.media-full-view video.video-cover {height:100%; width:100%; object-fit:cover;}


/* Image container */
.media-full-view .img-thumb{max-height:100%; max-width:100%;}
.media-full-view .img-thumb.img-thumb-fit{height:100%; width:100%; object-fit:cover;}
/*.media-full-view .img-icon{height:100px;}*/


/* Video/Image Fix Height container */
@media (min-width:768px) {
  .media-full-view.video-media-full-view{height:200px;}
}
@media (min-width:992px) {
  .media-full-view.video-media-full-view{height:300px;}
}


/* Media Overlap Play Button */
.media-full-view .video-play-overlap{position:absolute; display:flex; align-items:center; justify-content:center;
left:0; right:0; top:0; bottom:0; background:rgba(var(--bs-dark-rgb), .4); color:var(--bs-white); font-size:40px;}
@media (min-width:768px) {
  .media-full-view .video-play-overlap{font-size:80px;}
}


/* Audio container */
.media-full-view.audio-media-full-view{background:var(--bs-dark);}
.media-full-view.audio-media-full-view .audio-thumb{height:80px; width:100%; text-align:center;}
.media-full-view.audio-media-full-view .audio-thumb img{height:100%; width:100%}
.media-full-view.audio-media-full-view.with-controls{padding:20px 0 0;}
.media-full-view.audio-media-full-view .audio-control{border-top:1px solid rgba(225,255,255,.1); padding:20px; margin-top:20px; width:100%; color:#fff; line-height:1}
.media-full-view.audio-media-full-view .btn-control{display:flex; align-items:center; margin:0 10px; font-size:12px; color:rgba(225,225,225,1); font-weight:normal;}
.media-full-view.audio-media-full-view .btn-control i{font-size:15px; color:#fff;}
.media-full-view.audio-media-full-view .btn-control.btn-play{margin-left:17px;}
.media-full-view.audio-media-full-view .btn-control.btn-play i{font-size:32px;}
@media (min-width:768px) {
  .media-full-view.audio-media-full-view .audio-thumb{height:150px;}
  .media-full-view.audio-media-full-view .btn-control{margin:0 15px; font-size:13px;}
  .media-full-view.audio-media-full-view .btn-control i{font-size:22px;}
  .media-full-view.audio-media-full-view .btn-control.btn-play{margin-left:17px;}
  .media-full-view.audio-media-full-view .btn-control.btn-play i{font-size:42px;}  
}
@media (min-width:992px) {
  .media-full-view.audio-media-full-view .audio-thumb{height:200px;}
}


/*@media (min-width:992px) {
  .media-thumb-slider .owl-nav button{margin-top:47px;}
}*/
/* -------------- Media Full View - Start -------------- */






/* -------------- Question list - Start -------------- */
.library-list-item .quest-section{width:100%; display:flex; align-items:flex-start;}
.library-list-item .quest-section .que-type-item{padding-right:5px; padding-top:5px; width:30px;}
.library-list-item .quest-section .que-item{flex:1 0 0%; padding-top:5px;}
.library-list-item .quest-section .que-item .hide-que{display:none;}
.library-list-item .quest-section.show-more .que-item .hide-que{display:inline;}
.library-list-item .quest-section.show-more .que-item .wrap-sign{display:none;}
.library-list-item .quest-section.no-more-hidden .view-btn{visibility:hidden;}
.library-list-item .actions-section{min-width:70px; white-space:nowrap;}
.library-list-item.library-slide-item .actions-section{min-width:40px; white-space:nowrap;}

@media (max-width:767.98px) {
	.library-list-item .actions-section{padding:5px 0 0 30px;}
	.library-slide-item .actions-section{padding-left:0;}
}
@media (min-width:768px) {
	.library-list-item .quest-section{max-width:calc(100% - 70px);}
	.library-slide-item .quest-section{max-width:calc(100% - 40px);}
}
/* -------------- Question list - End -------------- */





/* -------------- Video Container - End -------------- */
.video-container{width:100%; border-radius:var(--bs-round-sm); overflow:hidden; text-align:center; position:relative; overflow:hidden;}
.video-container .video-thumb{height:100%; width:100%; object-fit:cover;}
.video-container .countdown{position:absolute; left:0; top:0; right:0; bottom:0;
display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
-webkit-box-align:center; -ms-flex-align:center; align-items:center; background:rgba(var(--bs-black-rgb), .2);}
.video-container .countdown .count{width:140px; height:140px; line-height:140px; background:rgba(var(--bs-black-rgb), .4); text-align:center;
color:var(--bs-white); font-size:2.5rem; border-radius:50%; padding:0 10px;}
/* -------------- Video Container - End -------------- */




/* -------------- Drag & Drop File - End -------------- */
.drag-drop-container{background:var(--bs-light2); border-radius:var(--bs-round-sm); padding:3rem 1.5rem; text-align:center;
border:1px dashed var(--bs-light);}
.drag-drop-container .progress-section{max-width:300px; width:100%; margin-right:auto; margin-left:auto;}
/* -------------- Drag & Drop File - End -------------- */




/* -------------- Bootstrap carousel - Start -------------- */
.carousel-control-prev, .carousel-control-next{width:45px; height:45px; border-radius:var(--bs-round-sm); opacity:.6; top:50%;
margin-top:-23px; bottom:auto; background-color:rgba(var(--bs-light3-rgb), .8);}
.carousel-control-prev{margin-left:-15px;}
.carousel-control-next{margin-right:-15px;}
.carousel-control-prev-icon{position:relative;left:-2px;}
.carousel-control-next-icon{position:relative;right:-2px;}
.carousel-control-prev:hover, .carousel-control-next:hover{opacity:1;}
/* -------------- Bootstrap carousel - End -------------- */





/* -------------- Quick Links - Start -------------- */
.quick-link-group-offcanvas{width:100%; max-width:760px;}
.quick-link-group{grid-template-columns:repeat(2, 1fr); display:grid; gap:1rem;}
.quick-link-item{background:rgba(var(--bs-primary-var), 0.05); border-radius:var(--bs-round-sm); padding:1.2rem .8rem .9rem; text-align:center; display:block;
color:var(--bs-body-color); border:1px solid var(--bs-border); transition:var(--bs-transition-4);}
.quick-link-item .quick-icon{font-size:32px; line-height:1; height:38px;}
.quick-link-item .quick-link{padding-top:5px; display:block; line-height:1.4; color:var(--bs-text-dark);}
.quick-link-item:hover{background:rgba(var(--bs-primary-var), .1);}
/* .quick-link-item:hover *{color:var(--bs-white);} */

@media (min-width:768px) {
.quick-link-group{grid-template-columns:repeat(4, 1fr);}
}
/* -------------- Quick Links - End -------------- */





/* -------------- Top Navigation Language Select Links - Start -------------- */
.language-link-group{grid-template-columns:repeat(1, 1fr); display:grid; gap:1rem;}
.language-link-item{background:var(--bs-primary-soft2); border-radius:var(--bs-round-sm); padding:.6rem 1rem; text-align:center;
display:flex; align-items:center; color:var(--bs-body-color); border:1px solid var(--bs-border); transition:var(--bs-transition-4);}
.language-link-item .lang-name{color:var(--bs-text-dark); padding-left:10px;}
.language-link-item .lang-flag{float:left;}

@media (min-width:768px) {
.language-link-group{grid-template-columns:repeat(2, 1fr);}
}
/* -------------- Top Navigation Language Select Links - End -------------- */





/* -------------- Angular Pagination Custom Style - Start -------------- */
.angular-pagination .pagination li{margin:0 0.25rem;}
.angular-pagination .pagination li a{cursor:pointer; color:var(--bs-form-color); background-color:rgba(var(--bs-primary-var), 0.05);
  border:1px solid rgba(var(--bs-primary-var), 0.05); border-radius:var(--bs-form-round); text-align:center;
  padding:var(--bs-form-p-tb) var(--bs-form-p-lr-sm); line-height:var(--bs-form-line-height); border-radius:var(--bs-form-round);
  min-height:var(--bs-from-h); min-width:var(--bs-from-h); position:relative; display:block; text-decoration:none;
  transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.angular-pagination .pagination li.active a{color:var(--bs-white); background-color:var(--bs-primary); border-color:var(--bs-primary);}
.angular-pagination .pagination li a:hover{text-decoration:none; color:var(--bs-white); background-color:var(--bs-primary);
  border-color:var(--bs-primary);}
.angular-pagination .pagination li:not(.active) .page-link:hover {color:var(--bs-white);}
.angular-pagination .pagination li.disabled a{color:var(--bs-form-color); background-color:var(--bs-primary-soft2); border-color:var(--bs-primary-soft2); opacity:.6;}

.angular-pagination-lg .pagination li a{font-size:var(--bs-form-fs-lg); padding:var(--bs-form-p-tb-lg) var(--bs-form-p-lr);
line-height:var(--bs-form-line-height); min-height:var(--bs-from-h-lg);}

.angular-pagination-sm .pagination li a{border-radius:var(--bs-form-round-sm); font-size:var(--bs-form-fs-sm);
padding:var(--bs-form-p-tb-sm) var(--bs-form-p-lr-sm); line-height:var(--bs-form-line-height-sm); min-height:var(--bs-from-h-sm);
min-width:var(--bs-from-h-sm);}
/* -------------- Angular Pagination Custom Style - End -------------- */






/* -------------- Table Style - Start -------------- */

/* Breakable Style - Start */
.table-br{border-color:var(--bs-border);}
.table-br .head-tr{}
/* .table-br th{background:var(--bs-light2);}
.table-br>:not(:first-child){border-top-width:0;}
.table-br th:first-child, .table-br td:first-child{padding-left:var(--bs-box-g);}
.table-br th:last-child, .table-br td:last-child{padding-right:var(--bs-box-g);}
.table-br > :not(caption) > * > *{padding-top:var(--bs-box-g-sm); padding-bottom:var(--bs-box-g-sm);} */

@media (max-width:1199.98px) {
    .table-br-xl .head-tr{display:none;}
    .table-br-xl tr, .table-br-xl th, .table-br-xl td{display:block;}
    .table-br-xl th, .table-br-xl td{padding:var(--bs-box-g-sm) var(--bs-box-g);}
    .table-br-xl tr th:not(:last-child), .table-br-xl tr td:not(:last-child){border:none;}
    .table-br-xl th:not(:first-child), .table-br-xl td:not(:first-child){padding-top:0;}
}
@media (max-width:991.98px) {
    .table-br-lg .head-tr{display:none;}
    .table-br-lg tr, .table-br-lg th, .table-br-lg td{display:block;}
    .table-br-lg th, .table-br-lg td{padding:var(--bs-box-g-sm) var(--bs-box-g);}
    .table-br-lg tr th:not(:last-child), .table-br-lg tr td:not(:last-child){border:none;}
    .table-br-lg th:not(:first-child), .table-br-lg td:not(:first-child){padding-top:0;}
}
@media (max-width:767.98px) {
    .table-br-md .head-tr{display:none;}
    .table-br-md tr, .table-br-md th, .table-br-md td{display:block;}
    .table-br-md th, .table-br-md td{padding:var(--bs-box-g-sm) var(--bs-box-g);}
    .table-br-md tr th:not(:last-child), .table-br-md tr td:not(:last-child){border:none;}
    .table-br-md th:not(:first-child), .table-br-md td:not(:first-child){padding-top:0;}
}
@media (max-width:575.98px) {
    .table-br-sm .head-tr{display:none;}
    .table-br-sm tr, .table-br-sm th, .table-br-sm td{display:block;}
    .table-br-sm th, .table-br-sm td{padding:var(--bs-box-g-sm) var(--bs-box-g);}
    .table-br-sm tr th:not(:last-child), .table-br-sm tr td:not(:last-child){border:none;}
    .table-br-sm th:not(:first-child), .table-br-sm td:not(:first-child){padding-top:0;}
}
/* Breakable Style - Start */


/* Table Cell Custom content Width Style - Start */
/* Transaction History - Web - Start */
.table .td-purchased-by,
.table .td-features{min-width:180px;}
.table .td-addOns{min-width:100px;}
/* Transaction History - Web - End */

/* -------------- Table Style - End -------------- */


.ai-bg{
background: rgb(150,195,57) !important;
background: -moz-linear-gradient(180deg, rgba(150,195,57,1) 0%, rgba(113,147,43,1) 100%) !important;
background: -webkit-linear-gradient(180deg, rgba(150,195,57,1) 0%, rgba(113,147,43,1) 100%) !important;
background: linear-gradient(180deg, rgba(150,195,57,1) 0%, rgba(113,147,43,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96c339",endColorstr="#71932b",GradientType=1) !important;
}
.team-chat-bg{
  background: rgb(139,201,236) !important;
  background: -moz-linear-gradient(236deg, rgba(139,201,236,1) 0%, rgba(206,138,220,1) 100%) !important;
  background: -webkit-linear-gradient(236deg, rgba(139,201,236,1) 0%, rgba(206,138,220,1) 100%) !important;
  background: linear-gradient(236deg, rgba(139,201,236,1) 0%, rgba(206,138,220,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8bc9ec",endColorstr="#ce8adc",GradientType=1) !important;
}


/* -------------- Quick Fixed Action Buttons Style - Start -------------- */
.fixed-action{position:fixed; right:0; bottom:10px; transition:all 0.3s ease; z-index:2; display:flex; flex-direction:column; align-items:end; gap:5px;}

.fixed-action .action-list{position:fixed; top:50%; right:-4px; transform:translateY(-50%); transition:all 0.3s ease;}
.fixed-action .action-list:hover{right:-3px;}
.fixed-action .action-list ul{list-style:none; margin:0; padding:0; border-top-left-radius:4px; border-bottom-left-radius:4px; overflow:hidden;}
.fixed-action .action-list ul li{list-style:none; background:rgba(var(--bs-secondary-var), 1); border-bottom:1px solid #9797a78c; padding:12px 0; transition:all 0.2s ease;}
.fixed-action .action-list ul li:last-child{border-bottom:none;}
.fixed-action .action-list ul li a{display:block; padding:4px 16px 4px 12px; color:#fff; line-height:1;}
.fixed-action .action-list ul li:hover{background:rgba(var(--bs-secondary-var), .8) !important;}


.fixed-action .quick-btn-section{position:relative; padding-right:10px;z-index: 999999;}
.fixed-action .quick-btn-section .dropdown-menu{position:relative; background:transparent; box-shadow:none; border:0; padding:0 0 10px;}
.fixed-action .quick-btn-section .quick-btn-group{display:flex; flex-direction:column; align-items:end; gap:5px;}
.fixed-action .quick-btn-section .quick-btn-group .btn-list-item{width:fit-content}
.fixed-action .quick-btn-section .quick-btn-group .btn-list-item .btn{box-shadow:0px 2px 2px 1px rgba(0, 0, 0, 0.05); width:100%; text-align:left;}

.fixed-action .quick-btn{margin:0; box-shadow:0px 2px 2px 2px rgba(0, 0, 0, .1); width: 48px; height: 48px;}
.fixed-action .ai-btn{border-color:var(--bs-primary);}
.fixed-action .team-chat-btn{border:0;}


/* ---------- AI assistant - START ---------- */
.ai-chat-assistant-fix{position:fixed; right:70px; bottom:10px; z-index:1;}

.ai-chat-assistant-section{padding:0; width:400px; height:500px;}
@media (max-width: 767.98px) {
  .ai-chat-assistant-section{width:290px;}
}

/* Iframe CSS - START */
.chat-assistant-dropdown{height:500px;}

.chat-assistant-dropdown .chat-card{box-shadow:none; height:100%;}
.chat-assistant-dropdown .chat-card .chat-card-body{ height:100%; overflow:hidden;}

.chat-assistant-dropdown .chat-card .chat-card-footer{}
.chat-assistant-dropdown .chat-card .chat-card-footer .input-msg{border-radius:30px; height:52px;}
.chat-assistant-dropdown .chat-card .chat-card-footer .input-msg .send-img{height:22px;}

/* Chat */
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section{-ms-flex:1 1 auto; flex:1 1 auto; min-height:1px; overflow-y:auto; padding-right:2px; height:100%; overflow:hidden; overflow-y:auto;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item{padding:0 38px; margin-bottom:15px; position:relative; display:flex; flex-direction:column; align-items:start;}

/* Avatar */
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .avatar-bx{height:32px; width:32px; font-weight:500; position:absolute; left:0; top:0; background:#eeeeee; border-radius:50%; font-size:10px;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .avatar-bx .ai-icon{max-width:50%; max-height:50%;}
.chat-assistant-dropdown .chat-card .avatar>img {border-radius: 0;}

/* Msg, Name & Time */
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .name{display:block; font-weight:500;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .chat-time{margin-top: 1px; font-size:80%; opacity:0.6;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .msg-panel{display:inline-block; min-width:100px; text-align:left; margin-bottom:4px; padding:5px 12px 7px; border-radius:10px; line-height:normal; word-break:break-word; background:linear-gradient(119deg, #FAFFF1 0%, #E8E8FF 100%); border:1px solid var(--bs-border) !important;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item:not(.me-chat) .msg-panel{border-bottom-left-radius:0;}

/* My Msg */
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item.me-chat{ align-items:end;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item.me-chat .msg-panel{background:var(--bs-secondary); border-color:var(--bs-secondary); color:#ffffff; border-bottom-right-radius:0;}
.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item.me-chat .avatar-bx{right:0; left:auto;}


.chat-assistant-dropdown .chat-card .chat-card-body .chat-section .ans-dot-loader{display:inline-block; width:8px; margin:0 16px; aspect-ratio:1; border-radius:50%; animation:dotloader 1s infinite linear alternate; position:relative; top:2px;}

@keyframes dotloader {
  0%{box-shadow: 15px 0 rgba(0, 0, 0, 0.5333333333), -15px 0 rgba(0, 0, 0, 0.1333333333); background: rgba(0, 0, 0, 0.5333333333);}
  33%{box-shadow: 15px 0 rgba(0, 0, 0, 0.5333333333), -15px 0 rgba(0, 0, 0, 0.1333333333); background: rgba(0, 0, 0, 0.1333333333);}
  66%{box-shadow: 15px 0 rgba(0, 0, 0, 0.1333333333), -15px 0 rgba(0, 0, 0, 0.5333333333); background: rgba(0, 0, 0, 0.1333333333);}
  100%{box-shadow: 15px 0 rgba(0, 0, 0, 0.1333333333), -15px 0 rgba(0, 0, 0, 0.5333333333); background: rgba(0, 0, 0, 0.5333333333);}
}

/* Dark theme */
.theme-dark-web .chat-assistant-dropdown .chat-card{background:#41484e; --bs-border:#585e64}
.theme-dark-web .chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .msg-panel{background:#32373c;}
.theme-dark-web .chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item.me-chat .msg-panel{background:#4e555e;}
.theme-dark-web .chat-assistant-dropdown .chat-card .chat-card-body .chat-section .chat-item .avatar-bx{background:#2a2e33;}

/* ---------- AI assistant - START ---------- */


/* -------------- Quick Fixed Action Buttons Style - End -------------- */




/* -------------- Chat Bot Style - Start -------------- */
.zls-sptwndw{right:0 !important; bottom:0 !important;}
/* -------------- Chat Bot Style - End -------------- */



.status-applied-bg{background:var(--bs-profile-applied) !important;}
.status-shortlisted-bg{background:var(--bs-profile-shortlisted) !important;}
.status-selected-bg{background:var(--bs-profile-selected) !important;}
.status-onhold-bg{background:var(--bs-profile-onhold) !important;}
.status-rejected-bg{background:var(--bs-profile-rejected) !important;}





/* -------------- AI Ask - START -------------- */
/* .teamChats, */
.ai-ask-section{max-width:690px; width:100%;}

.ai-ask-section .ai-ask-header{box-shadow:var(--bs-card-shadow); z-index:1; border:none;}
.ai-ask-section .ai-ask-body{background:var(--bs-light2);}
.ai-ask-section .ai-ask-body{background:var(--bs-light2);}

.topics-card-item{cursor:pointer; box-shadow:none; min-height:100%; font-weight:var(--bs-fw-m);  border:1px dashed var(--bs-border3);}
.topics-card-item:hover{background:var(--bs-light);}
.topics-card-item.topics-card-item2{border:1px dashed var(--bs-info);}
.topics-card-item.topics-card-item2 .card-body{padding:20px 15px; display:flex; align-items:center; justify-content:center;}
.topics-card-item.topics-card-item2:hover{background:rgba(var(--bs-info-soft));}


.topics-tag{cursor:pointer; white-space:wrap; color:var(--bs-text-dark) !important; background-color: rgba(var(--bs-info-soft));}
.topics-tag:hover{background:var(--bs-light);}


.ai-ask-section .ai-que-item{position:relative; padding-right:55px; padding-bottom:30px; margin-left:85px;}
.ai-ask-section .ai-que-item .que-mark{width:40px; height:40px; border-radius:30px; text-align:center; display:flex; align-items:center; justify-content:center; border:1px solid var(--bs-border3); position:absolute; right:0; top:0;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); overflow:hidden; font-weight: var(--bs-fw-m); color: var(--bs-text-dark); font-size:16px;}
.ai-ask-section .ai-que-item .que-mark img{height: 100%; width: 100%; object-fit: cover;}
.ai-ask-section .ai-que-item .que-panel{display:flex; flex-direction:column; gap:15px; align-items:end;}
.ai-ask-section .ai-que-item .que-panel .que-bx{background:var(--bs-secondary); padding:10px 20px; border-radius:var(--bs-round) 0 var(--bs-round) var(--bs-round); color:var(--bs-white);}


.ai-ask-section .ai-answer-item{position:relative; padding-left:55px; padding-bottom:30px; margin-right:85px;}
.ai-ask-section .ai-answer-item .ans-mark{width:40px; height:40px; border-radius:30px; text-align:center; display:flex; align-items:center; justify-content:center; border:1px solid var(--bs-border3); position:absolute; left:0; top:0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);}
.ai-ask-section .ai-answer-item .ans-mark img{max-height:20px; max-width:20px;}
.ai-ask-section .ai-answer-item .ans-panel{}
.ai-ask-section .ai-answer-item .ans-panel .ans-bx{padding:25px; border-radius:0 var(--bs-round) var(--bs-round) var(--bs-round); margin-bottom:20px; background: rgb(250, 254, 242); border:1px solid var(--bs-border); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(156deg, rgb(250, 254, 242) 0%, rgb(232, 232, 255) 100%);
  background: -webkit-linear-gradient(156deg, rgb(250, 254, 242) 0%, rgb(232, 232, 255) 100%);
  background: linear-gradient(156deg, rgb(250, 254, 242) 0%, rgb(232, 232, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafef2",endColorstr="#e8e8ff",GradientType=1);}
.ai-ask-section .ai-answer-item .ans-panel .ans-bx.loading-ans{padding:10px 20px; border-radius:0 var(--bs-round) var(--bs-round) var(--bs-round); display:inline-block;}

.ai-ask-section .offcanvas-footer{background:var(--bs-secondary) !important;}

.ai-ask-section .topic-a{cursor:pointer;}
.ai-ask-section .topic-a:hover{color:var(--bs-text-dark);}

.ai-ask-section .ask-que-input-bx{position:relative;}
.ai-ask-section .ask-que-input-bx .que-input{border-radius:30px; background:rgba(0,0,0,.2) !important; border:1px solid rgba(255,255,255,.2) !important; color:#ffffff !important; height: 45px; padding-right:60px;}
.ai-ask-section .ask-que-input-bx .que-btn{position:absolute; right:20px; top:12px; background:none !important; border:none !important; height:auto !important; line-height:normal !important; padding:0 !important; min-height:auto !important;}
.ai-ask-section .ask-que-input-bx .que-btn img{height:22px;}
.ai-ask-section .speak-btn{background:rgba(0,0,0,.2) !important; border:1px solid rgba(255,255,255,.2) !important; color:#ffffff !important; height:45px; width:45px; font-size: 18px;}


.new-feedback-section{border-top:2px dashed var(--bs-border2); padding-top:40px;}


.ai-ask-section .ask-que-group{margin:0; padding:0;}
.ai-ask-section .ask-que-group .que-list{display:flex; align-items:start;}
.ai-ask-section .ask-que-group .que-list:not(:last-child){margin-bottom:8px;}
.ai-ask-section .ask-que-group .que-list .dot-icon{margin-right:8px;}
.ai-ask-section .ask-que-group .que-list .dot-icon img{width:15px;}
.ai-ask-section .ask-que-group .que-list .que-text{padding-top:1px;}


.ai-ask-section .data-table{background:var(--bs-white);}
.ai-ask-section .data-table-bottom{background:var(--bs-white);}


/* Feedback Rating - Start */
.result-rating{display:flex; gap:5px; justify-content:end; font-size:20px; line-height:1; margin-top:-10px; margin-bottom:20px;}
.result-rating .rating-item{padding:2px; color:var(--bs-body-color);}
.result-rating .rating-item:before{display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.result-rating .rating-item.disliked:before{content:"\f405";}
.result-rating .rating-item.disliked:hover, .result-rating .rating-item.disliked.active{color:var(--bs-danger);}
.result-rating .rating-item.disliked:hover:before, .result-rating .rating-item.disliked.active:before{content:"\F404";}
.result-rating .rating-item.liked:before{content:"\f407";}
.result-rating .rating-item.liked:hover, .result-rating .rating-item.liked.active{color:var(--bs-primary);}
.result-rating .rating-item.liked:hover:before, .result-rating .rating-item.liked.active:before{content:"\F406";}
/* Feedback Rating - End */



.ai-ask-section .ai-ans-thinking-dot-loader {display:inline-block; width:8px; margin: 0 25px; aspect-ratio: 1; border-radius: 50%; animation: dotloader 1s infinite linear alternate;}
@keyframes dotloader {
    0%  {box-shadow: 15px 0 #0008, -15px 0 #0002; background: #0008}
    33% {box-shadow: 15px 0 #0008, -15px 0 #0002; background: #0002}
    66% {box-shadow: 15px 0 #0002,-15px 0 #0008; background: #0002}
    100%{box-shadow: 15px 0 #0002,-15px 0 #0008; background: #0008}
}


@media (max-width: 575.98px) {
  .ai-ask-section .offcanvas-header,
  .ai-ask-section .offcanvas-body,
  .ai-ask-section .offcanvas-footer{padding-left:15px; padding-right:15px;}


  .ai-ask-section .ai-que-item{padding-right:38px; margin-left:38px;}
  .ai-ask-section .ai-que-item .que-mark{width:30px; height:30px; font-size:12px;}

  .ai-ask-section .ai-answer-item{padding-left:38px; margin-right:38px;}
  .ai-ask-section .ai-answer-item .ans-mark{width:30px; height:30px;}
  .ai-ask-section .ai-answer-item .ans-mark img{max-height:15px; max-width:15px;}
  
  .ai-ask-section .ai-answer-item .ans-panel .ans-bx{padding:20px;}
}

/* -------------- AI Ask - End -------------- */






/* ######################### Need to check - START ######################### */

/* Browse Field - START */
.fileNamePostion .custom-file-label{position:absolute; top:11px; left: 99px; background: #fff; padding: 0 36px 0 24px;}

/* Clear Field Button - START */
.clearInput{position:absolute; z-index:1; right:12px; font-size:15px; top:50%; transform:translateY(-50%); background:#fff;
border-radius:4px!important; color:var(--bs-primary); width:26px; height:26px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.clearInput *{line-height:0;}
.clearInput:hover{background:var(--bs-light); color:#000;}

/* ######################### Need to check - END ######################### */

span.label-tag.label-tag-sm.bg-primary-soft2.label-tag-with-icon.text-dark.active {border: 1px solid var(--bs-primary);}
.filter .accordion-body > div.cursor-pointer{max-height: 116px;overflow: auto;margin-right: -20px;padding-right: 20px;}
.popover {z-index: var(--bs-drop-high-z);}

.form-control.date[readonly] {background-color: transparent !important;}
.team_chat_msg_noti .bi-x-lg{
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 12px;
  cursor: pointer;
}
.team_chat_msg_noti .card{width: 222px;}
.team_chat_msg_noti .card p.text-truncate{max-width: 128px;}
.team_chat_msg_noti .card h6.text-truncate{max-width: 100px;}
.fixed-action .calling_card .card {padding: 16px 64px;}
.chat_msg_count{
  position: absolute;
  background-color: #d72615;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}


/********* team chat start ***********/
.teamChats{max-width:800px; width:100% !important;}
.teamChats .offcanvas-body{background:var(--bs-light2);overflow-x:hidden;}
.teamChats .team_list{cursor:pointer;transition:all 0.3s ease;}
.teamChats .team_list .bi-trash3{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: red;
    height: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    background: var(--bs-white);
    cursor: pointer;
    opacity: 0;
    transition:all 0.3s ease;
    font-size: 16px;
}
.theme-dark-web .teamChats .team_list .bi-trash3{background-color:#3c3c4a;}
.teamChats .team_list.active{background:var(--bs-white);border-radius:8px;}
.theme-dark-web .teamChats .team_list.active{background:#3c3c4a;}
.teamChats .team_list:hover{background:var(--bs-white);border-radius:8px;}
.theme-dark-web .teamChats .team_list:hover{background:#3c3c4a;}
.teamChats .team_list:hover .bi-trash3{opacity: 1;}
.teamChats .text-truncate{max-width:166px;}
.teamChats .icons .bi{font-size:18px}
.teamChats .unread{font-weight: 600;}
.teamChats .offcanvas-footer{background:var(--bs-secondary) !important;}
.teamChats .postSticky{position: fixed;max-width: 264px;width: 100%; max-height: calc(100vh - 65px);overflow-y: auto;}

.msg_content_box{display: flex;flex-direction:column;gap:16px;}
.msg_received{max-width:84%;}
.msg_sent{max-width:84%;}
.msg_received .msg_text{background:#FEFEFE;}
.theme-dark-web .msg_received .msg_text {background: #474f44;}
.theme-dark-web .msg_sent .msg_text {background: #3c3c4a;}
.msg_sent .msg_text{background:#E8EBFA;}
.msg_content_box .msg_text{ padding:8px;border-radius:4px;width: fit-content;}

.teamChats .avatar-30{width:36px;height:36px;}
.teamChats .ask-que-input-bx{position:relative;}
.teamChats .ask-que-input-bx .que-input{border-radius:30px; background:rgba(0,0,0,.2) !important; border:1px solid rgba(255,255,255,.2) !important; color:#ffffff !important; height: 45px; padding-right:60px;}
.teamChats .ask-que-input-bx .que-btn{position:absolute; right:20px; top:12px; background:none !important; border:none !important; height:auto !important; line-height:normal !important; padding:0 !important; min-height:auto !important;}
/* .teamChats .ask-que-input-bx .que-btn img{height:22px;} */

.editCard{position: absolute;z-index: 2;width: 330px;top: 32px;left: 24px;}
.calling_card{width: 318px;position: absolute;left: 12px;bottom: 88px;z-index: 2;}
.avatar-calling{width: 140px;height:140px;font-size: 30px;}
.calling_bi{color:#cfcfff;font-size: 22px;cursor: pointer;transition: all 0.3s ease;}
.calling_bi:hover{color:#fff;}
.search_msg{position: absolute;top: 35px;right: 62px;z-index: 2;min-width: 300px;}
.group_details{position: absolute;top: 35px;right: 62px;z-index: 2;}
.group_details .items{min-width: 200px;}
.addRemove_icon .bi{font-size:20px;}
.calling_card.noti{width: 340px;}
.chatInput {
  margin-left: auto;
  max-width: 532.66px;
  width: 100%;
  padding: 12px;
}
.bg_light_gray {
  background: #eee !important;
  height: 100%;
}
.calling_card_title{font-weight: 300;line-height: normal;}
.bi-telephone-fill.decline{transform:rotate(135deg)}
.maxHeight3{max-height: 212px;overflow: auto;}
@media (max-width:768px) {
    .teamChats .postSticky {max-width: 257px;}
}
/********* team chat end ***********/
/* .modal-content,
.card{
  background-color: #fff;
} */

.form-control{background-color: #fff;}
.offcanvas{
  background-color: #fff !important;
  width: 100%;
}
.offcanvas.offcanvas-xl{
  max-width: 1200px !important;
  width: 100%;
}
.offcanvas.offcanvas-lg{
  max-width: 800px !important;
  width: 100%;
}
.offcanvas .offcanvas-header{
  display: flex !important;
  justify-content:space-between;
  padding: var(--bs-p-offcanvas);
}
.offcanvas .offcanvas-body{
  flex-direction: column !important;
  padding: var(--bs-p-offcanvas);
  flex: 1;
}
.table > :not(caption) > * > *{
  background-color: transparent;
}
body.theme-dark-web .table > :not(caption) > * > *{
  background-color: transparent;
  color: var(--bs-body-color);
}
body.theme-dark-web .offcanvas-footer.bg-white{
  background-color: #212529 !important;
}

/* summary hover card - start  */
.summary-count:hover *{color:var(--bs-white) !important;}
.summary-count:hover{background:var(--bs-primary); color:var(--bs-white);}
/* summary hover card - end  */

.lg-icon{font-size:16px;}
.color-wheel {
  display: flex;
  border : 2px solid var(--bs-border);
  border-radius: 50%;
  padding: 4px;
}
.color-wheel input{
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  min-height: unset;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.rotate{animation: spin 4s linear infinite;}



@media (max-width: 1200px) {
  .offcanvas.offcanvas-xl{
    max-width: 1000px !important;
  }
  .offcanvas.offcanvas-lg{
    max-width: 800px !important;
  }
}
@media (max-width: 992px) {
  .offcanvas.offcanvas-xl{
    max-width: 900px !important;
  }
}
@media (min-width: 768px) {
  .offcanvas{
    min-width: 600px !important;
  }
  .offcanvas.offcanvas-sm{
    min-width: 460px !important;
    max-width: 460px !important;
  }
}
@media (max-width: 768px) {
  .offcanvas{
    min-width: 100% !important;
  }
}