@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); 

html { position:relative; min-height:100%; scroll-behavior:smooth; } 
body { font-family:"Source Sans 3", sans-serif; font-size:14px; background-color:#fff; padding-bottom:0px; animation-name:fadeIn; animation-duration:1s; } 
h1, h2, h3, h4, h5, h6 { font-family:"Source Sans 3", sans-serif; } 
a { color:#0378e2; text-decoration:none; transition:all 0.5s ease 0s; } 
a:hover { transition:all 0.5s ease 0s; color:#cd2c21; } 
p { font-family:"Source Sans 3", sans-serif; } 
.small { font-size:0.7rem; } 
img{ max-width:100%;}
.label { display:inline-block; padding:0.2em 0.6em; font-size:14px; font-weight:bold; color:#ffffff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:0.25rem; border-radius:2px; } 
.label:empty { display:none; } img { vertical-align:middle; border:0; } 
.pwd-by { position:absolute; right:100px; bottom:25px; } 

.fancybox-content { width:80% !important; height:calc(100% - 88px) !important; background:transparent; } 
.fancybox-container--ready .fancybox-bg { opacity:1 !important; } 
.fancybox-bg { background:rgba(0, 0, 0, 0.8) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } 
.fancybox-iframe { background:transparent; } 
.modal { background:rgba(17, 25, 30, 0.4) !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } 

/* Scroll To Top  */ 
.scrolltop { cursor:pointer; width:30px; height:30px; position:fixed; bottom:50px; right:15px; border-radius:100%; background-color:#1d78cb; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; text-align:center; box-shadow:0px 6px 6px rgba(0, 0, 0, 0.3); transition:300ms; z-index:3; } @keyframes rotate { from { margin-top:15px } to { margin-top:5px } } 
.scrolltop .bi{ font-size:18px;}

.scrvisible { right:15px; transition:all 400ms; transform:rotate(360deg) } 
.hidescroll { transition:opacity 0.6s ease-out; } 
.inactive { opacity:0; } ::-webkit-scrollbar { width:5px; } 
::-webkit-scrollbar-thumb { background:#fff; height:30px; } 
::-webkit-scrollbar-track { background:#fff; border:0px none #fff; border-radius:55px; } 

/* Footer */ 
.footer-main { position:absolute; width:100%; margin-top:0px; bottom:0px; border-top:1px solid #d4d9df; padding-left:240px; background-color:transparent; transition:0.4s; } 
.main-footer { padding:15px 25px; font-weight:400; display:flex; align-items:center; justify-content:space-between; } 
.main-footer span { display:block; } 
.main-footer span.cptext { font-size:12px; color:#000; font-weight:400; } 
.enlarged .footer-main { padding-left:50px; transition:0.4s; } 
.enlarged .body-content { min-height:980px; transition:0.4s; } 

/* Modal Box */ 
.bootstrap-duallistbox-container .filter { margin-top:8px; } 
.modal { padding-right:0 !important; z-index:9999; top:0px; padding-top:40px; } 
.modal-dialog { max-width:700px; margin-top:0px; animation-name:zoomIn; animation-duration:1s; position:relative; height:100%; display:flex; align-items:center; } 
.modal-dialog button.close { position:absolute; right:-10px; top:-10px; opacity:1; transition:all ease 0.5s; outline:0; border-radius:50px; background-color:#333; border:0 none;  width:33px; height:33px; display:flex; align-items:center; justify-content:center; } 
.modal-dialog button.close img { color:#fff; transition:all ease 0.5s; border-radius:50px; outline:0; box-shadow:none; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%); max-height:16px;} 

.modal-dialog button.close span.lnr { color:#fff; font-size:19px; width:33px; height:33px; display:flex; align-items:center; justify-content:center; transition:all ease 0.5s; background-color:#444; padding:7px; border-radius:50px; outline:0; box-shadow:none; } 
.modal-dialog button.close .bi { color:#fff; font-size:18px; width:32px; height:32px; display:flex; align-items:center; justify-content:center; transition:all ease 0.5s; background-color:#444; padding:7px; border-radius:50px; outline:0; box-shadow:none; } 
.modal-dialog button.close:hover { transform:rotate(180deg); transition:all ease 0.5s; } 

.modal-content { border:0 none; border-radius:20px; /* padding:7px; */ } 
.modal-header { padding:15px 25px; border-radius:10px 10px 0px 0px; background-color:#f7f7f7;} 
.modal-header h2 { margin-bottom:2px; font-size:20px; font-weight:500; color:#000; display:flex; justify-content:space-between; align-items:center; position:relative; } 
.modal-body { padding:20px 25px !important; width:100%; } 
.modal-body .course-frm label { text-align:left; color:#999; font-weight:400; text-transform:uppercase; font-size:16px; } 
.modal-body .form-control { padding:5px 10px; }
.modal-body .form-control:focus{ box-shadow:none;} 
.modal-body iframe { width:100% !important; min-height:300px; } 
.modal-body iframe body { padding-bottom:0px; background-color:#fff; } 
.modal-footer { grid-gap:10px; padding:20px 20px; justify-content:center; margin-top:20px; } 
.modal-footer .btn-clse { background-color:#222; border:1px solid #222; border-radius:10px; text-align:center; font-size:18px; color:#fff; box-shadow:none; padding:4px 18px; margin:0; } 
.modal-footer .btn-clse:focus { box-shadow:none; } 
.modal-footer .btn-clse:hover { background-color:transparent; color:#666; } 
.modal-footer .btn-sve { background-color:#105da4; border:1px solid #105da4; border-radius:10px; text-align:center; font-size:18px; color:#fff; box-shadow:none; padding:4px 18px; margin:0; } 
.modal-footer .btn-sve:focus { box-shadow:none; } 
.modal-footer .btn-sve:hover { background-color:transparent; color:#105da4; } 

/* pagination */ 
.product-pgntion .pgntion { margin-top:10px !important; } 
.pgntion { padding:10px 0px; background-color:#fff; position:relative; bottom:0; margin:0 !important; width:100%; margin-top:10px !important; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;} 
.page-link { padding:5px 10px; font-size:14px; } 
.pgn-lft { display:flex; align-items:center; padding-left:0 !important; } 
.pgn-rht { display:flex; justify-content:flex-end; align-items:center; padding-right:0 !important; } 
.pgn-rht .per-pg{ display:flex; align-items:center; gap:5px; margin-right:15px;}
.pgn-rht .per-pg small{ display:flex; min-width:75px; font-size:12px; color:#555;}
.pgn-rht .per-pg .form-control{ font-size:12px; width:60px; padding:2px 30px 2px 10px; border-radius:5px;}
.pgn-rht .per-pg .form-control:focus{ box-shadow:none;}
.pgn-rht ul { margin:0px; } 
.pagination { display:flex; flex-wrap:initial !important; align-items:center; } 
.pagination .page-item.disabled .page-link{ background-color:#f3f3f3; color:#666;}
.pagination .page-item .page-link { border:1px solid #d9e2e3; border-radius:5px; overflow:hidden; min-width:30px; margin:0px 3px; display:flex; justify-content:center; align-items:center; background-color:#fff; color:#000; font-size:14px; font-weight:400; padding:2px 9px;} 

/* Sticky nav */ 
.stky { padding:0px 0; position:-webkit-sticky; transition:0.4s; } 
.sticky { position:fixed; width:100%; left:0; top:0; z-index:99999; border-top:0; padding:0px; transition:all 0.6s; transition:0.4s; } 
.sticky .navbar-custom { background-color:#bbcfe3; transition:0.4s; } 
.sticky .navbar-custom .logo-cnt { color:rgba(0, 0, 0, 0.1); } 
.sidebar-inner .headerbar-left .logo img { max-height:28px; width:auto; height:auto; object-fit:contain; padding-left:15px;} 
.sticky .navbar-custom .dropdown-menu { background-color:#fff; } 

/* Custom Nav */ 
.navbar-custom .xbtn-srch { margin-right:10px; padding:2px 15px; border-radius:50px; } 
.navbar-custom .nav-link { padding:0 !important; line-height:54px; margin-bottom:0; color:#e9f2ff; font-size:20px; display:flex; align-items:center; position:relative; } 
.navbar-custom .nav-link .tlogdwn { border-radius:50px; display:flex; align-items:center; line-height:normal; padding:0px; transition:all 0.5s ease 0s; margin-top:0px; background-color:transparent; color:rgba(255, 255, 255, 0.8); width:20px; height:20px; justify-content:center; position:relative; } 
.navbar-custom .nav-link .tlogdwn .bi { font-size:16px; color:#000; margin-right:6px; background-color:#d6e4f2; padding:3px 3px; border-radius:50px; margin-right:10px;} 
.navbar-custom .nav-link small { padding-left:5px; color:#526484; font-size:16px; font-weight:600; } 
.navbar-custom .nav-link .down-outline { color:rgba(255, 255, 255, 0.6); padding-left:8px; padding-top:3px; font-size:15px; } 
.navbar-custom .nav-link .tlogdwn i { padding:0 6px; color:#aaa; margin-top:1px; } 
.navbar-custom .dropdown-toggle:after { content:initial; } 
.navbar-custom .menu-left { overflow:hidden; display:none; align-items:center; } 
.navbar-custom .logo-cnt { color:rgba(0, 0, 0, 0.10); font-size:24px; font-weight:700; padding-left:10px; margin:0; text-transform:uppercase; letter-spacing:0.5px; } 
.navbar-custom .dropdown-menu { transition:0.8s; padding-bottom:0; background:#fff; border-radius:0px 0px 10px 10px; padding:15px 15px; margin-left:0px; transform:translate3d(-15px, 30px, 0px) !important; box-shadow:0 0.125rem 0.25rem rgba(43, 55, 72, 0.15); border:1px solid rgba(19, 19, 19, 0.08); border-top:0 none; inset:6px -20px auto auto !important; } 
.navbar-custom .nav-lst { margin-right:15px; } 
.navbar-custom .nav-lst .dropdown .btn-nav { background-color:#888; color:#fff; padding:5px 12px; font-size:15px; box-shadow:none; text-transform:uppercase; border-radius:50px; } 
.navbar-custom .nav-lst .dropdown .btn-nav i { padding-left:2px; } 
.navbar-custom .nav-lst .dropdown .dropdown-menu { top:10px; } 
.navbar-custom .nav-lst .dropdown .dropdown-item { font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede; } 
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child { border-bottom:0 none; } 

.prfl-bx { width:100%; display:flex; align-items:center; gap:12px;}
.prfl-bx .lt{ display:flex; position:relative;}
.prfl-bx .lt span{ width:50px; height:50px; border-radius:50px; overflow:hidden; display:flex; align-items:center; justify-content:center; border:1px solid #a8b3be;}
.prfl-bx .lt span img{ max-height:50px;}
.prfl-bx .lt a{ width:23px; height:23px; position:absolute; right:0; bottom:-8px; background-color:#000; border-radius:50px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin:0 auto; left:0;}
.prfl-bx .lt a img{ max-height:15px; filter:invert(98%) sepia(7%) saturate(665%) hue-rotate(263deg) brightness(119%) contrast(100%);}

.prfl-bx .rt{ display:block;}
.prfl-bx .rt h3{ display:flex; align-items:center; gap:10px; font-size:15px; color:#2b2b2b; margin-bottom:0px; font-weight:600;}
.prfl-bx .rt h3 a{ width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0;}
.prfl-bx .rt h3 a img{ max-height:15px; opacity:0.5;}
.prfl-bx .rt b{ font-weight:500; color:#000; font-size:14px;}
.prfl-bx .rt small{ display:flex; align-items:center; margin-top:3px;}
.prfl-bx .rt small a{ display:flex; align-items:center; gap:5px; margin:0; font-size:15px; color:#fff; background-color:#105da4; padding:1px 10px; border-radius:5px;}
.prfl-bx .rt small a img{ max-height:15px; filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(136deg) brightness(112%) contrast(112%);}
.prfl-bx .rt small a:hover{ background-color:#111;}

/* Dropdown  */ 
.dropdown-lg { width:280px; } 
.dropdown-menu { box-shadow:none; border:1px solid rgba(19, 19, 19, 0.05); margin:6px 0px; padding:0px 0px 10px 0px; border-radius:0; border-radius:0px 0px 0px 0px; } 
.dropdown-item:hover { background-color:#f3f3f3; } 
.dropdown-item:hover i { color:#adadad; transition:0.4s; } 
.dropdown-item.notify-item:hover { color:#000; } 
.profile-dropdown { /* width:300px; */ margin-top:11px; } 
.profile-dropdown ion-icon { font-size:15px; vertical-align:middle; margin-right:8px; color:rgba(0, 0, 0, 0.3); width:17px; height:17px; text-align:center; } 
.profile-dropdown a.dropdown-item { padding:4px 0px; color:#000; font-weight:400; font-size:17px; margin-bottom:0; text-align:center; display:flex; align-items:center; justify-content:flex-start; } 
.profile-dropdown a.dropdown-item:hover { transition:0.4s; color:#cd2c21; background-color:transparent; } 
.profile-dropdown a.dropdown-item:hover .bi { color:#05478d; transition:0.6s; } 
.profile-dropdown a.dropdown-item:last-child { border-bottom:0 none; } 
.profile-dropdown a.dropdown-item .bi{ color:#555; margin-right:5px;}
.nav-user { padding:0 12px !important; } 
.nav-user img { height:28px; width:28px; margin-bottom:0; } 

/* Sidebar */ 
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left { width:250px; transition:0.4s; } 
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogoshow { max-height:28px; } 
.headerbar { left:0; position:fixed; right:0; top:0; z-index:999; } 
.sidebar-inner .headerbar-left { text-align:left; height:52px; width:250px; position:fixed; z-index:9999; display:flex; align-items:center; transition:all ease 0.8s; top:0px; background-color:#bbcfe3; box-shadow:0px 7px 7px -5px rgba(0, 0, 0, 0.04); } 
.sidebar-inner .headerbar-left .menu-left { width:auto; padding:10px 0px 10px 3px; transition:0.4s; left:15px; } 
.sidebar-inner .headerbar-left .menu-left a { padding-left:10px !important; } 
.headerbar .headerbar-btm { position:relative; transition:0.4s; } 
.headerbar .headerbar-btm .menu-left li span { display:none; transition:0.4s; } 
.headerbar .headerbar-btm .menu-left { transition:0.4s; } 
.navbar-custom { background-color:#bbcfe3; border-radius:0; margin-bottom:0; padding:2px 15px 2px 20px; margin-left:250px; min-height:52px; display:flex; justify-content:flex-end; align-items:center; position:relative; transition:0.4s; box-shadow:0px 5px 8px rgba(0, 0, 0, 0.02); } 
.navbar-custom .prf-slct { display:flex; justify-content:flex-end; align-items:center; width:90%; } 
.navbar-custom .prf-slct ul.list-inline { padding:0px 0px 0px 10px; position:relative; display:flex;} 

.prf-slct .lgout button{ width:32px; height:32px; border-radius:50px; background-color:#14283a; display:flex; align-items:center; justify-content:center; border:none;}
.prf-slct .lgout button img{ max-height:20px; filter:invert(100%) sepia(1%) saturate(7488%) hue-rotate(237deg) brightness(101%) contrast(114%);}
.prf-slct .lgout button:focus{ outline:none;}

/* Company Logo */ 
.cmpny-logo { display:flex; justify-content:flex-end; margin:0px; padding:1px 0px 1px 10px; min-width:100px; } 
.cmpny-logo span { display:flex; background-color:#fff; border-radius:8px; padding:8px 10px; justify-content:center; width:100%;} 
.cmpny-logo span img { max-height:20px; } 
.logo { line-height:56px; display:flex; text-align:center; justify-content:flex-start; width:auto; padding:5px 0; padding-top:3px; margin-bottom:0; } 
.logo span span { color:#fff; } 
.main-sidebar { top:66px; width:250px; z-index:1; bottom:70px; margin-bottom:-70px; margin-top:0px; padding-bottom:70px; background-color:#fff; position:absolute; transition:0.5s; -webkit-transition:0.5s; padding-right:2px; } 

/* Dropdown */
.dropdown-menu .link-list-plain li a:hover { background:#f5f6fa; } 
.dropdown-menu .link-list-plain li a .sus-i { margin-right:6px; color:#3d9426; border:1px solid #3d9426; display:inline-block; border-radius:50px; font-size:13px; text-align:center; padding:1px 1px; width:15px; height:15px; } 
.dropdown-menu .link-list-plain li a .view-i { margin-right:6px; color:#0662b0; border:1px solid #0662b0; display:inline-block; border-radius:50px; font-size:13px; text-align:center; padding:1px 1px; width:15px; height:15px; } 
.dropdown-menu .link-list-plain li a .edit-i { margin-right:6px; color:#cd2c21; border:1px solid #cd2c21; display:flex; align-items:center; border-radius:50px; font-size:13px; text-align:center; padding:1px 1px; width:15px; height:15px; } 
.dropdown-menu .link-list-plain li a .dlt-i { margin-right:6px; color:#ff5d48; border:1px solid #ff5d48; display:inline-block; border-radius:50px; font-size:13px; text-align:center; padding:1px 1px; width:15px; height:15px; } 

/* header-right-side */
.use-admt-algn { width:100%; display:flex; align-items:center; } 
.use-admt-algn ul { padding:0; } 
.use-admt-algn ul li { list-style:none; display:grid; grid-template-columns:repeat(1, 1fr); width:100%; flex-wrap:wrap; line-height:1.3; } 
.use-admt-algn ul li b { padding-left:3px; color:#000; font-size:14px; font-weight:400; } 
.use-admt-algn .bi{ font-size:14px; color:#000; display:flex; margin-left:5px;}

/* Dropdown Box */ 
.navbar-custom .dropdown-menu .drp-logout { width:100%; display:flex; justify-content:center; align-items:center; padding:10px 0px 10px; border-top:1px solid rgb(238, 243, 249); margin-top:10px; } 
.navbar-custom .dropdown-menu .drp-logout a .bi { font-size:18px; margin-right:6px; transition:0.4s; color:#555; display:flex;} 
.navbar-custom .dropdown-menu .drp-logout a { text-transform:uppercase; color:#105da4; font-weight:500; font-size:16px; transition:0.4s; display:flex; align-items:center; justify-content:center; margin-bottom:0;} 
.navbar-custom .dropdown-menu .drp-logout a:hover { color:#05478d; } 
.navbar-custom .dropdown-menu .drp-logout a:hover ion-icon { color:#05478d; } 
.navbar-custom .dropdown-menu .drp-logout form { width:100%; margin:0; } @keyframes shake { 10%, 90% { transform:translate3d(-1px, 0, 0); } 20%, 80% { transform:translate3d(1px, 0, 0); } 30%, 50%, 70% { transform:translate3d(-2px, 0, 0); } 40%, 60% { transform:translate3d(2px, 0, 0); } } 

/* Inner Page Form */ 
.inr-frm-str .inr-frm-sub .tbl-frm { padding:10px 0px; min-height:380px; } 
.inr-frm-str .course-frm { flex-wrap:wrap; padding:0px 20px; margin-bottom:25px; z-index:1; } 
.inr-frm-str .course-frm.srch-bx { width:100%; } 
.inr-frm-str .course-frm.srch-bx .custom-select { height:30px; } 
.inr-frm-str .course-frm.srch-bx .select2-container--default .select2-selection--multiple .select2-selection__choice { padding:0px 2px 0px 5px; margin:1px 1px 2px; } 
.inr-frm-str .course-frm.srch-bx .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { min-width:15px; height:15px; margin-top:1px; font-size:17px; font-weight:400; } 
.inr-frm-str .course-frm.srch-bx .select2 { max-height:50px; overflow:auto; scrollbar-width:thin; scrollbar-color:#dee8f0 #fff; } 
.inr-frm-str .course-frm .multiselect-dropdown span.placeholder { color:#fff; } 
.select2-container--default .select2-results>.select2-results__options { scrollbar-width:thin; scrollbar-color:#dee8f0 #fff; } 
.select2-results__option { padding:5px 10px !important; font-size:13px !important; color:#3e485b; } 
.select2-container--default .select2-results__option[aria-selected="true"] { background-color:#c7d4e1 !important; } 
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:#fbe1b9 !important; color:#222 !important; } 
.select2-dropdown { border:1px solid #d2dce6 !important; border-radius:0px 0px 15px 15px !important; overflow:hidden; } 
.select2-container--default .select2-search--dropdown .select2-search__field { border:0 none !important; border-bottom:1px solid #d2dce6 !important; font-size:13px; color:#222; font-weight:400; padding:4px 10px; } 
.select2-search--dropdown { padding:0 !important; } 
.select2-search--dropdown [type="search"] { outline:0 !important; } 

.inr-frm-str .form-row { align-items:flex-end; display:flex; flex-wrap:wrap; } 
.inr-frm-str .course-frm .select2-container--default .select2-selection--multiple .select2-selection__choice { display:flex; flex-direction:row-reverse; background-color:#dee8f0; border:1px solid #dee8f0; padding:2px 3px 2px 10px; color:#303742; font-weight:400; font-size:15px; transition:all ease 0.4s; border-radius:50px; margin:0px 3px 3px; } 
.inr-frm-str .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left:5px; background-color:#fff; border-radius:50%; min-width:20px; display:flex; align-items:center; justify-content:center; margin-right:0; transition:all ease 0.4s; } 
.inr-frm-str .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color:#ff494f; color:#fff; transition:all ease 0.4s; } 
.inr-frm-str .form-row label { text-align:left; font-weight:400; font-size:15px; line-height:18px; letter-spacing:-0.1px; margin-bottom:2px; padding-left:0px; color:#555; } 
.inr-frm-str .course-frm .form-control { font-weight:400; border:0; padding:5px 10px; font-size:15px !important; box-shadow:none; border:1px solid #e7e4ec !important; color:#222; min-height:35px; width:100%; border-radius:10px; } 
.inr-frm-str .course-frm .form-control:focus { box-shadow:none !important; } 
.inr-frm-str .course-frm .form-control option { padding:10px !important; } 
.inr-frm-str .course-frm .form-control[readonly] { padding:5px 15px !important; border-radius:30px !important; font-size:15px !important; } 
.dropdown-menu .link-list-plain li a .import-icn { margin-right:6px; color:#2e970d !important; border:1px solid #2e970d; display:inline-block; border-radius:50px; font-size:13px; text-align:center; padding:3px 3px; } 
.dropdown-menu .link-list-plain li a .export-icn { margin-right:6px; color:#ff393d !important; border:1px solid #ff393d; display:inline-block; border-radius:50px; font-size:13px; text-align:center; padding:3px 3px; } 
.prod-ck input { width:auto; } 
.inr-frm-str .course-frm .form-control:disabled { border-radius:30px !important; padding:0px 15px !important; } 
.select2-container--default .select2-selection--multiple { border:0 none !important; border-bottom:1px solid #c5cacc !important; border-radius:0 !important; } 
.select2-container--default.select2-container--focus .select2-selection--multiple { border:0 none !important; border-bottom:1px solid #c5cacc !important; } 
.frm-bar { width:100%; } 

.frm-sec .titl { display:flex; align-items:center; justify-content:space-between;} 
.frm-sec .titl { width:100%; margin:0 auto 15px; } 
.frm-sec .titl h2 { font-size:20px; font-weight:600; color:#000; margin-bottom:0px; } 
.frm-bdy{ width:80%;}

/* Add New Products */
.add-prd-sec { width:100%; } 
.frm-sec { width:100%; padding:15px 0px; /* border-bottom:2px solid #d4d9df; */} 
.frm-sec .form-row { display:flex; align-items:flex-start; gap:0px 15px; flex-wrap:wrap; justify-content:space-between; } 
.frm-sec .form-row .d-flx { padding:0px; margin-bottom:10px; z-index:1; position:relative; flex-wrap:wrap; } 
.frm-sec .form-row .d-flx .btn-shw { top:50%; right:25px; } 
.frm-sec .form-row .d-flx .col-md-12{ padding:5px 0px;}

.new-radio{ display:flex; justify-content:flex-start !important;}
.new-radio .form-check{ display:flex; align-items:center; gap:3px; background-color:#e6eef6; padding:4px 35px; border-radius:5px; margin-right:10px;}
.new-radio .form-check .form-check-input{ width:18px; height:18px;}
.new-radio .form-check .form-check-input:focus{ box-shadow:none;}
.new-radio .form-check label{ margin-bottom:0 !important;}

.frm-sec .form-row .form-group label { text-align:left; font-weight:400; font-size:16px; line-height:18px; margin-bottom:2px; padding-left:0px; color:#000; width:100%; } 
.d-flx .form-control { font-weight:400; border:0; padding:5px 10px; font-size:16px !important; box-shadow:none; border:1px solid #cdd9dd; color:#000; min-height:30px; width:100%; border-radius:5px; } 
.d-flx .form-control:focus { outline:none; box-shadow:none; } 
.d-flx textarea { border:1px solid #dddddd; border-radius:10px; padding:5px 10px; outline:none; width:100%; } 
.d-flx textarea:focus { outline:none; box-shadow:none; } 
.d-flx textarea { width:100%; border:1px solid #dddddd; border-radius:10px; padding:5px 10px; outline:none; } 
.d-flx textarea:focus { outline:none; box-shadow:none; } 
.d-flx select { font-weight:400; border:0; padding:5px 10px; font-size:15px !important; box-shadow:none; border:1px solid #cdd9dd; color:#000; min-height:30px; width:100%; border-radius:5px; } 
.d-flx select:focus { outline:none; box-shadow:none; } 

.rdo{ display:flex; gap:10px;}
.rdo label{ width:auto !important; display:flex; margin:0 !important;}

/* Inner Page Table */ 
.inr-frm-str { width:100%; margin:10px 0px 30px; display:flex; position:relative; flex-wrap:wrap; } 
.inr-frm-sub { display:flex; flex-wrap:wrap; padding:0px; transition:0.4s; width:100%; background-color:#fff; min-height:750px; } 
.inr-tlb-str { width:100%; margin:10px 10px 15px; display:flex; border-radius:5px; position:relative; flex-wrap:wrap; } 
.inr-tlb-sub { display:flex; flex-wrap:wrap; padding:20px 20px 20px; border-radius:35px; transition:0.4s; background-color:#ededed; width:100%; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; } 
.inr-frm-sub #xsearchbox { width:100%; } 
.inr-tlb-str .inr-tlb-sub .table { border-collapse:separate; border-spacing:0px 10px; } 
.inr-tlb-str .inr-tlb-sub .table { border-collapse:separate; border-spacing:0px 10px; } 
.inr-tlb-str .inr-tlb-sub .table > tbody > tr td:first-child { border-radius:30px 0px 0px 30px; } 
.inr-tlb-str .inr-tlb-sub .table > tbody > tr td:last-child { border-radius:0px 30px 30px 0px; -webkit-border-radius:0px 30px 30px 0px; -moz-border-radius:0px 30px 30px 0px; -ms-border-radius:0px 30px 30px 0px; -o-border-radius:0px 30px 30px 0px; } 

/* Full View */ 
.select2-container { z-index:9999; } 
.select2 { width:100% !important; } 
.select2-container .select2-selection--multiple { width:100% !important; } 
.select2-container--default .select2-selection--single { border:0px !important; border-bottom:1px solid #e6e8ee !important; border-radius:0 !important; } 
.select2-container .select2-selection--single { height:31px !important; } 
.cke_chrome { border:1px solid #dedede !important; border-radius:3px; box-shadow:none !important; } 
.cke_top { background-image:linear-gradient(to bottom, #fff, #e3e3e3) !important; } 
.cke_toolgroup { border:1px solid #b9b9b9 !important; border-bottom:0 none; } 

/* Inner page Title */ 
body.adminbody-void .brdcrmb-title { padding-left:20px; transition:all ease 0.4s; } 
.brdcrmb-title { display:flex; flex-wrap:wrap; padding:0px; width:100%; background-color:#fff; border-radius:0; padding:10px 12px; padding-left:15px; align-items:center; justify-content:space-between; position:fixed; top:52px; left:0; margin-left:0; padding-left:260px; z-index:99; transition:all ease 0.4s; min-height:50px; border-bottom:1px solid #d4d9df; } 
.brdcrmb-title .breadcrumb-holder { display:flex; grid-gap:5px; align-items:center; justify-content:space-between; width:100%; } 
.brdcrmb-title .breadcrumb-holder .main-title { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px; width:100%;} 
.brdcrmb-title .breadcrumb-holder .main-title img{ max-height:26px; margin-bottom:2px;}
.brdcrmb-title .breadcrumb-holder .main-title small{ font-size:13px; line-height:13px; display:flex; align-items:center; gap:10px; color:#555; padding-left:8px; border-left:1px solid #999;}
.brdcrmb-title .breadcrumb-holder .main-title small a{ display:flex; align-items:center; margin-bottom:0;}
.brdcrmb-title .breadcrumb-holder .main-title small a img{ max-height:14px; opacity:0.5;}
.brdcrmb-title .breadcrumb-holder .main-title small strong{ display:block; width:8px; height:8px; background-color:#026405; border-radius:50px;}
.brdcrmb-title .breadcrumb-holder .main-title i { padding-right:8px; font-size:24px; color:#000; }
.brdcrmb-title .breadcrumb-holder .main-title b{ font-weight:600; font-size:18px; border-left:1px solid #999; padding-left:10px; margin-left:10px;}
.brdcrmb-title .breadcrumb-holder em{ width:auto; display:flex; align-items:center; gap:10px; font-style:normal; font-size:14px; color:#888;}
.brdcrmb-title .breadcrumb-holder em b{ font-weight:500; display:flex; align-items:center; gap:5px; font-size:17px; color:#000;}
.brdcrmb-title .breadcrumb-holder em i{ display:flex; width:12px; height:12px; background-color:#cd2c21; border-radius:20px;}
.brdcrmb-title .breadcrumb-holder .slct-date{ display:flex;}
.brdcrmb-title .breadcrumb-holder .slct-date .form-control{ padding:3px 35px 3px 15px; background-color:#fff; color:#000; font-size:14px;}
.brdcrmb-title .breadcrumb-holder .slct-date .form-control:focus{ box-shadow:none; border:1px solid #d4d9df;}
.title-new{ flex-wrap:wrap;}

/* Roles */
.rol-sctn{ width:100%; margin-top:5px;}
.rol-til{ width:100%;}
.rol-til p{ font-size:20px; margin:0; color:#08355f; font-weight:400;}
.rol-lst{ width:100%; margin-top:20px; display:grid; grid-template-columns:repeat(3,1fr); gap:15px;}

.rol-bx{ width:100%; border:1px solid #3a5b66; padding:12px; border-radius:10px;}
.bx-til{ width:100%; display:flex; align-items:center; gap:10px; margin-bottom:15px; min-height:85px; border-bottom:1px solid #3a5b66; padding-bottom:15px;}
.bx-til .lt{ display:block;}
.bx-til .lt span{ width:55px; height:55px; display:flex; align-items:center; justify-content:center; border:1px solid #d4d9df; border-radius:50px;}
.bx-til .lt span img{ max-height:30px;}
.bx-til .rt{ display:block;}
.bx-til .rt h2{ font-size:20px; font-weight:500; color:#105da4; margin-bottom:2px;}
.bx-til .rt p{ font-size:17px; line-height:20px; font-weight:400; color:#000; margin-bottom:0; letter-spacing:-0.3px;}

.bx-cnt{ width:100%;}
.bx-cnt h4{ font-size:20px; font-weight:600; color:#000; margin-bottom:0;}
.bx-cnt ul{ padding-left:0px; margin:12px 0px;}
.bx-cnt ul li{ list-style:none; display:flex; align-items:center; gap:6px; font-size:17px; margin-bottom:8px; color:#000;}
.bx-cnt ul li em{ font-style:normal; display:flex; gap:5px; line-height:20px; align-items:center; width:65%; padding-right:5px; margin-right:5px; position:relative;}
.bx-cnt ul li em::before{ position:absolute; right:2px; content:""; height:70%; width:1px; background-color:#bac0c2;}
.bx-cnt ul li i{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; background-color:#eaecee; border-radius:50px;}
.bx-cnt ul li i img{ max-height:16px;}
.bx-cnt ul li b{ font-weight:500; display:flex; align-items:center; width:35%; font-size:17px; letter-spacing:-0.3px;}
.bx-cnt ul ul{ border-top:1px dashed #7b8e95; padding:5px 0px; border-bottom:1px dashed #7b8e95;}
.bx-cnt ul ul li{ font-size:16px; margin-bottom:5px;}

.bx-cnt span{ display:flex; align-items:center; margin-top:15px;}
.bx-cnt span a{ display:flex; align-items:center; background-color:#105da4; color:#fff; font-weight:600; padding:4px 20px; font-size:16px; border-radius:5px;}
.bx-cnt span a:hover{ background-color:#000;}
.rec-til{ width:100%; margin:10px 0px 0px;}
.rec-til p{ font-size:20px; margin:0; color:#002a4e; font-weight:400;}

/* blacklink list */ 
.card { border:none; } 
.card-box { padding:17px 17px 0px; background-clip:padding-box; margin-bottom:20px; background-color:#fff; border:1px solid rgba(183, 183, 183, .125); } 
.card-box i { font-size:67px; margin-top:20px; } 
.card-header { color:#fff; background-color:#dbdfea; padding:0px; text-transform:uppercase; font-size:14px; } 
.card-header h3 { font-weight:500; font-size:15px; margin-bottom:0; line-height:1.6; } 
.header-title { font-size:1rem; text-transform:uppercase; } 
.page-header { margin-top:30px; margin-bottom:20px; font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #dedede; } 
.button-list { margin-bottom:-5px; margin-left:-7px; } 
.button-list button, .button-list a { margin:5px 7px; } 
.card-title { color:#565656; animation-name:slideInLeft; font-weight:400; } 
.card-footer { background-color:transparent; } 
.tbl-frm #accordion .card-body { background-color:#f3f3f3; } 
.sno .blk-menu-arrow { -webkit-transition:-webkit-transform .15s; -o-transition:-o-transform .15s; transition:transform .15s; position:absolute; left:-5px; top:-3px; display:inline-block; font-family:'FontAwesome'; text-rendering:auto; line-height:20px; font-size:14px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); } 
.sno .blk-menu-arrow:before { background-color:#666; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; width:85px; content:""; -webkit-clip-path:polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path:polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); } 
.collapsed .sno .blk-menu-arrow { -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } 
.list-collaps .act-slct .dropdown-menu .xbtn-added { margin-right:6px; } 
.list-collaps .act-slct .dropdown-menu .edit-i { font-size:16px; border-radius:5px; } 
.list-collaps .act-slct .dropdown-menu .xbtn-delete { margin-right:6px; margin-left:0; } 
.card-head { color:#6b6b6b; padding-bottom:15px; margin-bottom:25px; border-bottom:1px dotted #ccc; } 
.card-head h3 { font-weight:500; font-size:1.1rem; margin-bottom:0; line-height:1.3; } 
.card-head h3 i { font-size:1.0; padding-right:5px; } 
.count { padding:0 !important; display:flex; } 
.tbl { padding:0 !important; } 
.no-padding { padding:0 !important; } canvas { max-width:100%; } svg { max-width:100%; } a { outline:none !important; text-decoration:none !important; transition:0.4s; margin-bottom:2px; } 
.row { margin-right:-10px; margin-left:-10px; } 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right:10px; padding-left:10px; } 
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color:#0f9df7; } 
.dropdown-item { font-size:0.9rem; white-space:inherit; } 
.dropdown-item:focus, .dropdown-item:hover { color:#eb1c27; } 
.card-inner-header { color:#666; background:linear-gradient(#fef8f8, #ffffff); border-bottom:1px solid rgba(111, 111, 111, .13); } 
.card-inner-header h3 { font-weight:500; font-size:1.1rem; margin-bottom:0; line-height:1.3; padding:10px 10px 10px; margin-bottom:5px; } 
.card-inner-header h3 i { font-size:1.0; padding-right:5px; } 

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) { .form-control { padding:0.55rem 0.75rem !important; } 
.input-group-addon { line-height:inherit !important; font-size:1rem !important; } 
.carousel-control span { right:20px; } } 

/* Content Page */ 
body.adminbody .main-sidebar.left { top:0px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; background:#123049; background-size:cover; position:fixed; height:100%; transition:0.5s; -webkit-transition:0.5s; padding-right:0px; z-index:999; overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff; } 
body.adminbody .main-sidebar.left:hover { overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff; transition:0.5s; -webkit-transition:0.5s; } 
.content-page { margin-left:245px; overflow:unset; padding-bottom:10px; transition:all 0.5s ease 0s; margin-bottom:0px; position:relative; } 
.content-page .content { padding:5px 5px 0px 10px; margin:100px 0 80px; position:relative; } 
.content-page .content .card-body { padding:5px 5px 0px; } 
.full-page { margin-left:0; } 
.full-page .content { margin-top:0; } 
.full-page .body-content { min-height:400px; } 
.full-page .body-content .tbl-frm { padding:0; } 
.full-page .inner-banner { background-color:#fff; } 
.btn-mdl { background-color:#0283d6; border-color:#0283d6; color:#fff; border-radius:50px; padding:5px 30px; margin:3px 0px; } 
.btn-mdl i { padding-right:5px; } 
.xbutton { display:flex; font-size:22px; color:#14283a; width:35px; height:46px; cursor:pointer; justify-content:flex-start; align-items:center; transition:all 0.5s ease 0s; margin-bottom:0; } 
.xbutton:hover { color:#fff; transition:all 0.5s ease 0s; } 
.xbutton ion-icon.menu-sharp { font-size:24px; } 

.sidebar-inner { height:100vh; /* background-color:rgba(4,83,111,0.94); */ background-size:cover; transition:0.4s; width:100% } 
.mnln1 { content:""; width:12px; height:2px; background-color:#000; position:relative; transition:all 0.5s ease 0s; } 
.mnln1::before { content:""; width:20px; height:2px; background-color:#000; position:absolute; left:0; top:-8px; transition:all 0.5s ease 0s; } 
.mnln1::after { content:""; width:20px; height:2px; background-color:#000; position:absolute; left:0; bottom:-7px; transition:all 0.5s ease 0s; } 
.xbutton:hover .mnln1 { background-color:#000; width:20px; transition:all 0.5s ease 0s; left:0; } 
.xbutton:hover .mnln1::before { background-color:#000; width:12px; transition:all 0.5s ease 0s; left:0; } 
.xbutton:hover .mnln1::after { background-color:#000; width:12px; transition:all 0.5s ease 0s; left:0; } ::-webkit-scrollbar { width:5px; } ::-webkit-scrollbar-thumb { background:#fff; height:30px; } ::-webkit-scrollbar-track { background:#fff; border:0px none #fff; border-radius:55px; } 

/* Table Body */ 
.tbl-frm-single .single-frm { width:80%; margin:0 auto; padding:20px 0px; } 
.tbl-frm-single .single-frm .btn-shw { right:-15px; top:15%; } 

.tbl-bdy { width:100%; border-radius:0px; padding:10px 0; } 
.tbl-bdy .table { border:1px solid #fff; } 
.tbl-frm { padding:0px; border-radius:10px; background-color:#fff; padding:10px 0px; min-height:380px } 

.dis-frm form { border-bottom:3px dotted #bbb; padding-bottom:10px; margin-bottom:30px; } 
.dis-frm .add-butt { margin-top:15px; border-top:1px solid #edf1f4; } 
.clr-btn { display:inline-block; } 
.clr-btn i { color:#fff; background-color:#cd2c21; border-color:#cd2c21; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:50px; transition:0.4s; font-size:15px; } 
.clr-btn i:hover { background-color:#999; border-color:#999; color:#fff; transition:0.4s; } 
.btn-remove { background-color:#cd2c21; padding:2px 10px; color:#fff; font-size:15px; } 
.btn-remove:hover { background-color:#cd2c21; color:#fff; } 
.btn-remove i { padding-right:5px; font-size:11px; } 
.btn-add { background-color:#00a65a; padding:2px 10px; color:#fff; font-size:15px; } 
.btn-add i { padding-right:5px; font-size:11px; } 
.btn-add:hover { background-color:#037d45; color:#fff; } 
.clt-sts { width:100%; display:flex; justify-content:flex-end; } 
.clt-sts b { font-weight:500; text-align:right; font-size:9px; font-weight:400; letter-spacing:0.5px; display:flex; line-height:13px; background-color:#979695; padding:0px 8px 0px; color:#fff; border-radius:3px; margin:1px 0px; text-transform:uppercase; } 

.tbl-frm-case #accordion .card-body { background-color:#f3f3f3; } 
.rtng-viw { display:flex; } 
.rtng-viw .rating-md { font-size:28px; margin-top:-10px; border:1px solid #dedede; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; padding-left:10px; width:100% } div.view b { font-size:14px; color:#218406; display:flex; font-weight:normal; justify-content:center; } div.view b a { display:block; color:#0473d5; border:1px solid #0473d5; border-radius:5px; overflow:hidden; position:relative; z-index:0; width:auto; padding:0px 10px; font-size:15px; line-height:1.4; } div.view b a:hover { animation-name:none; } div.view b a:before { width:1%; height:100%; background-color:#f3f3f3; content:""; left:0; bottom:0; position:absolute; border-radius:50px 0px 0px 50px; visibility:hidden; transition:0.8s; z-index:-1; } div.view b a:hover:before { visibility:visible; background-color:#edf7fd; width:100%; left:0; transition:0.8s; border-right:3px solid #edf7fd; border-radius:50px; } 
.clr-case-tag { color:#d07a1a; font-weight:500; margin:0px 2px; font-size:14px; } 
.inner-top-exp { width:100%; display:flex; justify-content:space-between; } 
.tk-icn:before { content:"\f068"; } 
.collapsed.tk-icn:before { content:"\f067"; } 
.hiddenRow { padding:0 4px !important; } 

/* Sidebar */ 
.body-content { margin-bottom:10px !important; padding-bottom:10px; border-radius:0px; width:100%; position:relative; } 
.das-bdy-cnt { background-color:transparent; border-radius:0px; min-height:800px; margin-bottom:10px !important; padding-bottom:10px; border-radius:5px 6px 0px 0px; } #sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a { border:0; font-weight:normal; line-height:1; list-style:none; margin:0; padding:1px 0px 0px 0px; position:relative; text-decoration:none; } 
#sidebar-menu ul.smenu-slct { top:52px; } 
#sidebar-menu li { text-align:left; padding-bottom:1px; padding-right:0px; padding-left:0px; } 
#sidebar-menu li:first-child { border-top:0 none; } 
#sidebar-menu li span.tit { padding:4px 8px; font-size:15px; font-weight:600; display:flex; color:#000; transition:all ease 0.4s; align-items:center; gap:5px; background-color:#fff; width:100%; margin:1px auto; border-radius:0px; border-right:4px solid #123049;} 
/* #sidebar-menu li:first-child .tit { border-top:0 none; padding-top:0; margin:2px 0px 5px; }  */
#sidebar-menu li span.tit i{ display:flex; align-items:center; justify-content:center; width:25px; height:25px; /* background-color:#fff; border-radius:8px; */ margin-bottom:5px;}
#sidebar-menu li span.tit i img{ max-height:25px;}
#sidebar-menu li span.tit b { font-weight:500; transition:all ease 0.4s; color:#000; } 
#sidebar-menu li form { width:100%; } 
#sidebar-menu li form a { color:#545c71; display:flex; padding:8px 8px 8px 20px; transition:0.4s; align-items:center; position:relative; overflow:hidden; transition:all ease 0.4s; z-index:0; cursor:pointer; } 
#sidebar-menu li form a small { width:28px; } 
#sidebar-menu li form a:hover { background-color:#eef3f9; text-decoration:none; transition:all ease 0.4s; border-radius:0px 1px 1px 0px; } 
#sidebar-menu li form a span b { font-weight:400; color:#114f93; } 
body.adminbody-void #sidebar-menu li span.tit { margin-left:0px; transition:all ease 0.4s; } 
body.adminbody-void #sidebar-menu li span.tit b { transition:all ease 0.4s; display:none;} 
body.adminbody-void #sidebar-menu li span.tit .desk-arrow{ display:none;}
/* #sidebar-menu li span.tit i{ opacity:0; transition:all ease 0.4s;} */
body.adminbody-void #sidebar-menu li span.tit i{ transition:all ease 0.4s;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit i { opacity:1; transition:all ease 0.4s; } 
#main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit b{ display:flex;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit .desk-arrow{ display:flex;}

.desk-item { max-height:250px; opacity:1; /* overflow:hidden; */ transition:max-height 0.4s ease, opacity 0.3s ease, padding 0.4s ease, margin 0.4s ease; transition:all ease 0.4s; }
.desk-item.desk-item-hidden { max-height:0; opacity:0; padding-top:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; transition:all ease 0.4s; } 
.desk-section { cursor:pointer; transition:all ease 0.4s;} 
.desk-section .tit { display:flex; align-items:center; } 
.desk-section .tit b { flex:1; } 
.desk-arrow { font-size:12px; margin-left:auto; transition:transform 0.35s ease; color:#123049; } 
.desk-section.collapsed .desk-arrow { transform:rotate(180deg); } 
.desk-content { max-height:2000px; opacity:1; overflow:hidden; transition:max-height 0.45s ease, opacity 0.25s ease; transition:all ease 0.4s; } 
.desk-content.collapsed-content { max-height:0; opacity:0; transition:all ease 0.4s; }

#sidebar-menu { padding-bottom:200px; width:100%; background-color:#123049;} 
#sidebar-menu a { line-height:1.3; } 
#sidebar-menu ul li .menu-arrow { -webkit-transition:-webkit-transform .15s; -o-transition:-o-transform .15s; transition:transform .15s; position:absolute; right:6px; top:5px; display:inline-block; font-family:'FontAwesome'; text-rendering:auto; line-height:20px; font-size:13px; width:17px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0);} 
#sidebar-menu ul li .menu-arrow:before { background-color:#fff; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:11px; width:85px; content:""; -webkit-clip-path:polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path:polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); } 
#sidebar-menu ul li a.subdrop .menu-arrow { -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } 
#sidebar-menu ul li .menu-arrow1 { -webkit-transition:-webkit-transform .15s; -o-transition:-o-transform .15s; transition:transform .15s; position:absolute; right:10px; top:1px; display:inline-block; font-family:'FontAwesome'; text-rendering:auto; line-height:18px; font-size:14px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); } 
#sidebar-menu ul li .menu-arrow1:before { background-color:#5f5b9f; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; width:85px; content:""; -webkit-clip-path:polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path:polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); } 
#sidebar-menu ul li a.subdrop .menu-arrow1 { -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } 
#sidebar-menu ul ul { display:none; } 
#sidebar-menu ul ul li { border-bottom:0 !important; padding-bottom:0 !important; position:relative; } 
#sidebar-menu ul ul li.active a { color:#f3f3f3; } 
#sidebar-menu .submenu .list-unstyled { padding:5px 0px 5px; } 
#sidebar-menu .submenu .list-unstyled li { border-bottom:1px solid rgba(255, 255, 255, 0.95); } 
#sidebar-menu .submenu .list-unstyled li:last-child { border-bottom:none; } 
#sidebar-menu .submenu ul.list-unstyled li a ion-icon { color:#fff; overflow:hidden; width:7%; } 
#sidebar-menu .submenu .list-unstyled li a ion-icon { color:#000; } 
#sidebar-menu .submenu .list-unstyled li a span b { color:#000; font-weight:400; line-height:normal; } 
#sidebar-menu .submenu .list-unstyled .list-unstyled { margin-top:0px; overflow:hidden; } 
#sidebar-menu .submenu .list-unstyled li a .menu-arrow { top:4px !important; } 
#sidebar-menu .submenu .list-unstyled li a .menu-arrow::before { background-color:#666 !important; } 

#sidebar-menu ul ul a { color:#fff; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:flex; padding:2px 5px 2px 22px; animation:none; font-size:14px; text-align:left; line-height:14px; position:relative; overflow:hidden; z-index:0; font-weight:400; display:flex; margin:0px 0px; align-items:center; } 
#sidebar-menu ul ul a.active { border-radius:0px; display:flex; align-items:center; background-color:#bbcfe3; box-shadow:5px 5px 10px rgba(0,0,0,0.1); border-bottom:none; margin-top:5px; margin-bottom:5px; color:#000;} 
#sidebar-menu ul ul a.active ion-icon { color:#000 !important; } 
#sidebar-menu ul ul a:hover { color:#000; background-color:#bbcfe3;} 
#sidebar-menu ul ul a:hover ion-icon { color:#000 !important;} 
#sidebar-menu ul ul a small{position:absolute; bottom:1px; font-size:11px; font-weight:500; left:30px; color:#105da4;} 
#sidebar-menu ul ul li a i { margin-right:0; color:#d1d1df; font-size:15px; margin-left:-4px; margin-top:-2px; display:inline-block; width:auto; height:auto; padding:5px 12px 2px 12px; } 
#sidebar-menu ul ul li a i { background-color:transparent; } 
#sidebar-menu ul ul li a:hover i { color:#b9b8b8; animation:none; background-color:transparent; } 
#sidebar-menu ul ul ul a { padding-left:35px; color:#fff; margin-left:0; } 
#sidebar-menu ul ul ul a.active { background-color:#0b1723; color:#fff; border-radius:0px; display:flex; } 
#sidebar-menu ul ul ul a ion-icon { color:#fff !important; } 

#sidebar-menu .label { margin-top:2px; } 
#sidebar-menu .subdrop { color:#fff !important; position:relative; transition:all ease 0.4s;} 
#sidebar-menu .subdrop ion-icon { color:#fff; transition:all ease 0.4s; } 
#sidebar-menu .subdrop span b { color:#fff; font-weight:400; transition:all ease 0.4s; } 
/* #sidebar-menu .subdrop .menu-arrow:before { background-color:#fff !important; }  */
#sidebar-menu .subdrop .menu-arrow1:before { background-color:#b0b0b0 !important; } 
/* #sidebar-menu .subdrop i { color:#f0f0f0 !important; }  */
#sidebar-menu .subdrop span small { color:rgba(255, 255, 255, 0.8) !important; transition:0.4s; } 
#sidebar-menu .submenu ul .submenu .menu-arrow { top:10px !important; } 
#sidebar-menu ul li ul li a.subdrop { color:#fff !important; transition:0.4s; position:relative; background-color:rgba(0,0,0,0.2);} 
#sidebar-menu ul li ul li a.subdrop:before { position:absolute; width:3px; height:0px; left:0px; content:""; background-color:#ff494f; transition:all ease 0.4s; border-radius:10px; } 
#sidebar-menu ul li ul li a.active.subdrop:before { background-color:transparent !important; } 

#sidebar-menu ul li ul li:last-child { border-bottom:0 none; } 
#sidebar-menu ul li ul li ul li a.subdrop { color:#414255 !important; transition:0.4s; } 
#sidebar-menu ul li ul li ul li a.subdrop i { color:#999 !important; background-color:transparent !important; } 
#sidebar-menu ul li ul li ul li:last-child { border-bottom:0 none; } 
#sidebar-menu > ul > li > a { color:#545c71; display:flex; padding:6px 6px 6px 16px; transition:0.4s; align-items:center; position:relative; overflow:hidden; transition:all ease 0.4s; z-index:0; cursor:pointer; } 
#sidebar-menu > ul > li > a:hover { color:#fff !important; background-color:#bbcfe3; text-decoration:none; transition:all ease 0.4s; border-radius:0px 1px 1px 0px; } 
#sidebar-menu > ul > li > a:hover small img{ filter:invert(31%) sepia(16%) saturate(3%) hue-rotate(96deg) brightness(99%) contrast(93%); transition:all ease 0.4s;} 
#sidebar-menu > ul > li > a.active small img{ filter:invert(100%) sepia(0%) saturate(7452%) hue-rotate(341deg) brightness(96%) contrast(112%); /* filter:none; */} 
#sidebar-menu > ul > li > a:hover:before { height:80%; transition:all ease 0.4s; } 
#sidebar-menu > ul > li > a:hover 
#sidebar-menu li { border-top:0 none; } 
#sidebar-menu > ul > li > a:hover span b { color:#000; } 
#sidebar-menu > ul > li > a:hover small .bi{ color:#222;}
#sidebar-menu > ul > li > a:hover .menu-arrow:before { background-color:#000 !important; } 
#sidebar-menu > ul > li > a:hover .menu-arrow1:before { background-color:#555 !important; } 
#sidebar-menu > ul > li > a:hover span small { color:rgba(255, 255, 255, 0.8) !important; transition:all ease 0.6s; } 
#sidebar-menu > ul > li > a small { width:26px; display:flex;} 
#sidebar-menu > ul > li > a small img { max-width:15px; filter:invert(100%) sepia(2%) saturate(7413%) hue-rotate(187deg) brightness(117%) contrast(88%); } 
#sidebar-menu > ul > li > a>span { vertical-align:middle; } 
#sidebar-menu > ul > li > a small .bi{ font-size:18px; display:flex; justify-content:center; color:#fff;}
#sidebar-menu > ul > li > a.active { color:#fff !important; position:relative; transition:all 0.5s ease 0s; background-color:#2b77b3;} 
#sidebar-menu > ul > li > a.active span b { color:#fff; font-weight:400; } 
#sidebar-menu > ul > li > a.active span b:hover { transition:all ease 0.4s; /* color:#fff !important; */ } 
#sidebar-menu > ul > li > a.active small .bi{ color:#fff;}
#sidebar-menu > ul > li > a.active .menu-arrow:before { background-color:#fff; } 
#sidebar-menu > ul > li > a.active .menu-arrow1:before { background-color:#fff; } 
#sidebar-menu > ul > li > a.active ion-icon { color:#fff !important; } 
#sidebar-menu > ul > li > a.active span small { color:rgba(255, 255, 255, 0.8); } 
#sidebar-menu > ul > li > a.pro { background-color:#f16854; color:#fff; bottom:0; } 

#sidebar-menu ul li a ion-icon { display:flex; color:#aec6c4; font-size:20px; margin-right:7px; text-align:center; vertical-align:middle; transition:0.2s; justify-content:center; align-items:center; width:17px; height:17px; } 
#sidebar-menu ul.list-unstyled li a ion-icon { width:8%; height:24px; margin-right:5px; } 
#sidebar-menu ul.list-unstyled li a span.menu-sub-tit { width:90%; line-height:1.3; } #main.enlarged .left.main-sidebar 
#sidebar-menu ul li a ion-icon { margin-right:0px; margin-left:5px; } 
#sidebar-menu ul li a:hover ion-icon { color:#555; transition:all ease 0.4s; background-color:transparent; } 
#sidebar-menu ul li a .drop-arrow { float:right; } 
#sidebar-menu ul li a .drop-arrow i { margin-right:0; } 

.sub-active { display:block !important; } 
.menu-title { padding:12px 20px !important; letter-spacing:.035em; pointer-events:none; cursor:default; font-size:13px; } 
.footer { border-top:1px solid rgba(115, 140, 152, 0.2); bottom:0; color:#818a91; text-align:left !important; padding:10px; position:absolute; right:0; left:250px; background-color:#fff; } 

#main.enlarged #sidebar-menu > ul > li > a.active { background:#14283a; } 
#main.enlarged .menu-title { display:none; } 
#main.enlarged .menu-arrow { display:none !important; } 
#main.enlarged .menu-arrow1 { display:none !important; } 
#main.enlarged .footer { left:70px; } 
#main.enlarged #sidebar-menu ul ul { box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.2); } 
#main.enlarged .left.main-sidebar { border-right:1px solid #e9f1f7; width:50px; top:1px; height:100%; z-index:999; padding-right:0px; background-color:#123049 !important; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul.smenu-slct{ top:0; transition:all ease 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left:10px; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color:#64b0f2; transition:0.4s; } 
#main.enlarged .left.main-sidebar span.pull-right { display:none !important; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li { position:relative; padding:0; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a { background-color:#64b0f2; position:relative; width:260px; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>ul { display:block; left:0px; z-index:1; position:absolute; width:98%; background:#ffffff; animation-name:fadeIn; animation-duration:0.5s; border-radius:0px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>ul a { background:#ffffff !important; border:none; box-shadow:none; padding-left:5px; position:relative; width:auto; z-index:6; color:#636363; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>ul a:before { background-color:#e0e0e0; border-radius:0px 5px 5px 0px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>ul a:hover { color:#003d88 !important; background-color:#f3f3f3; border-start-end-radius:0px 5px 5px 0px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled:before { background-color:transparent; width:auto; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li a:after { background-color:transparent; width:auto; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li { border-bottom:1px solid #f3f3f3; padding-top:2px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li:last-child { border-bottom:0 none; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled i { padding-right:8px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>ul a:hover i { color:#999; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover a span { display:inline; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li>ul { display:none; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover>ul { display:block; left:190px; margin-top:-36px; position:absolute; width:190px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li>a span.pull-right { -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); position:absolute; right:20px; top:12px; transform:rotate(270deg); } 

#sidebar-menu ul>li>a span { padding-top:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
#sidebar-menu ul>li>a span b { display:block; font-weight:400; letter-spacing:-0.32px; font-size:14px; color:#fff; min-width:150px; } 
#sidebar-menu ul>li>a span small { color:#fff; letter-spacing:0.5px; text-transform:uppercase; font-size:16px; font-weight:400; } 

#main.enlarged .left.main-sidebar #sidebar-menu ul>li>a span b { color:#fff; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li>a span small { color:rgba(255, 255, 255, 0.8) !important; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li>a span { display:none; padding-left:10px; color:#fff;} 
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogohide { display:none; padding-left:5px; } 
#sidebar-menu .headerbar-left .logo .mlogoshow { display:none; } 
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogoshow { display:block; padding-left:15px; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding:8px 10px; transition:0.4s; margin-bottom:2px; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a small{ text-align:center; display:block;} 
#main.enlarged #sidebar-menu > ul > li > a.active ion-icon{color:#ee2028 !important;} 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-left:0px; margin-right:0; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a { position:relative; width:280px; background:#14283a; border-radius:0 !important; color:#fff; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a:before { background-color:#f1f1f1 !important; left:0; right:0; transition:0.6s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a i { color:#f1f1f1 !important; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a ion-icon { color:#555 !important; transition:0.4s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a span small { color:rgba(255, 255, 255, 0.8); } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>a span small { color:rgba(0, 0, 0, 0.9); } 
#main.enlarged .left.main-sidebar 
#sidebar-menu ul>li>ul.list-unstyled li a ion-icon { color:#555 !important; margin:0px 3px 0px 0px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li>ul.list-unstyled li a span b { color:#555; } 
#main.enlarged .content-page { margin-left:50px; } 
#main.enlarged .navbar-custom { margin-left:250px; } 
#main.enlarged .sidebar-inner .headerbar-left .logo span { display:none; opacity:0; } 
#main.enlarged .sidebar-inner .headerbar-left .logo i { margin-right:0; } 
#main.enlarged #sidebar-menu>ul>li:hover>a.open :after { display:none; } 
#main.enlarged #sidebar-menu>ul>li:hover>a.active :after { display:none; } 
#main.enlarged .user-detail { bottom:0; padding:15px 0; width:70px; text-align:center; } 
#main.enlarged .user-detail .dropup { margin:0 auto; margin-left:17px; } 
#main.enlarged .user-detail h5 { display:none; } 
#main.enlarged .user-detail p { position:absolute; right:15px; top:32px; } 
#main.enlarged .user-detail p span { display:none; } 
#main.enlarged #sidebar-menu ul ul li.active a { color:#0f9df7; } 

.lne{ border-top:1px solid #1c4261; display:flex; margin-top:10px; padding-top:10px;}

/* Sidebar Hover */ 
#main.enlarged .left.main-sidebar:hover { width:250px; } 
/* #main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit { padding:20px 15px 0px; }  */
/* #main.enlarged .left.main-sidebar:hover #sidebar-menu li:first-child span.tit { padding-top:0; }  */
#main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit b { opacity:1; } 
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul>li>a span { display:flex; } 
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul>li>a.active span b { color:#05478d; }
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul>li>a span b { color:#fff !important; min-width:150px; } 
#main.enlarged .left.main-sidebar:hover .sidebar-inner #sidebar-menu .headerbar-left { width:250px; } 
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul>li:hover>a { width:auto; min-width:200px; } 
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul>li:hover ul li a:hover { min-width:200px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul>li:hover>ul a { color:#000; padding:2px 4px 2px 15px; border-radius:5px !important;} 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a.active small img{ filter:invert(100%) sepia(2%) saturate(7413%) hue-rotate(187deg) brightness(117%) contrast(88%); transition:0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover small img{ transition:0.4s; filter:invert(100%) sepia(2%) saturate(7413%) hue-rotate(187deg) brightness(117%) contrast(88%);}


/* Button Style */
body.adminbody-void { min-height:1170px; position:relative; } 
.mobile.smallscreen .sidebar-inner.leftscroll { overflow:auto; } button:focus { outline:none !important; } a.btn:focus { color:#ffffff !important; box-shadow:0 0 0 0rem rgba(0, 0, 0, 0.05); } 
.btn-rounded { border-radius:2em !important; padding:.5rem 1.5rem; } 
.btn-label { background:rgba(43, 61, 81, 0.1); display:inline-block; padding:7px 15px; border-radius:3px 0 0 3px; margin:-7px -14px; margin-right:12px; } 
.btn-rounded .btn-label { padding:7px 15px 7px 20px; margin-left:-20px; } 
.btn-rounded .btn-label-right { margin-right:-20px; margin-left:12px; } 
.btn-label-right { margin-left:12px; margin-right:-13px; border-radius:0px 3px 3px 0px; } 
.btn-custom { background-color:#64b0f2; border-color:#64b0f2; color:#ffffff; } 
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open>.dropdown-toggle.btn-custom { background-color:#439fef; border-color:#439fef; color:#ffffff; } 
.btn-primary { background-color:#2c83f2; border-color:#2c83f2; } 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { background-color:#1263ca; border-color:#1263ca; color:#ffffff; } 

.btn-cancel { background-color:#222; border:1px solid #222; color:#fff; transition:0.4s; margin-right:3px; border-radius:10px; padding:5px 25px; font-size:18px; letter-spacing:0.5px; letter-spacing:0; margin-bottom:0; display:flex; align-items:center; font-weight:400; } 
.btn-cancel:hover { color:#000; background-color:transparent; border:1px solid #222; } 
a.btn-cancel:focus { color:#000 !important; background-color:transparent; box-shadow:none; } 

.btn-submit { background-color:#105da4; border:1px solid #105da4; color:#fff; transition:0.4s; border-radius:10px; padding:5px 25px; font-size:18px; letter-spacing:0.5px; margin-right:15px; display:flex; align-items:center; font-weight:400; } 
.btn-submit ion-icon { padding-right:3px; } 
.btn-submit:hover { color:#105da4; background-color:transparent; border:1px solid #105da4; } 
.btn-submit:focus { color:#105da4; background-color:transparent; box-shadow:none; } 

.btn-clear { background-color:#aaa; border:1px solid #aaa; color:#fff; transition:0.4s; margin:0px 5px; border-radius:20px; padding:5px 20px; font-size:14px; letter-spacing:0.5px; letter-spacing:0; margin-bottom:0; display:flex; align-items:center; font-weight:400; } 
.btn-clear ion-icon { padding-right:3px; } 
.btn-clear:hover { color:#000; background-color:transparent; } a.btn-clear:focus { color:#000; background-color:transparent; } 

.add-butt { text-align:center; margin-bottom:0px; padding:30px 15px 10px; border-top:1px solid #dcdee5; margin-top:35px; display:flex; align-items:center; justify-content:center; width:100%; gap:10px;} 
.add-butt .submit { background-color:#cd2c21; border:1px solid #cd2c21; color:#fff; transition:0.4s; border-radius:20px; padding:5px 20px; font-size:14px; letter-spacing:0.5px; margin-right:8px; display:flex; align-items:center; font-weight:400; } 
.add-butt .submit ion-icon { padding-right:3px; } 
.add-butt .submit:hover { color:#cd2c21; background-color:transparent; } 
.add-butt .submit:focus { color:#cd2c21; background-color:transparent; box-shadow:none; } 

.btn-save { background-color:#05478d; border:1px solid #05478d; color:#fff; transition:0.4s; border-radius:50px; padding:5px 25px; font-size:15px; letter-spacing:0.5px; margin-right:8px; display:flex; align-items:center; font-weight:400; } 
.btn-save ion-icon { padding-right:3px; } 
.btn-save:hover { color:#05478d; background-color:transparent; } 
.btn-save:focus { color:#05478d; background-color:transparent; box-shadow:none; } 
.btn-success { background-color:#1bb99a; border-color:#1bb99a; } 
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success { background-color:#16957c; border-color:#16957c; color:#ffffff; } 
.btn-info { background-color:#3db9dc; border-color:#3db9dc; } 
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info { background-color:#25a7cb; border-color:#25a7cb; color:#ffffff; } 
.btn-warning { background-color:#f1b53d; border-color:#f1b53d; color:#ffffff; } 
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { background-color:#eea617; border-color:#eea617; color:#ffffff; } 
.btn-danger { background-color:#cd2c21; border-color:#cd2c21; } 
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { background-color:#ff391f; border-color:#ff391f; color:#ffffff; } 
.pull-right { float:right; } 
.pull-left { float:left; } 
.display-block { display:block; } 
.dropdown-example { position:static; display:block; margin-bottom:.25rem; clear:left; } 
.dropdown-item.active, .dropdown-item:active { background-color:#798bff; } 
.avatar-circle { border-radius:50%; } 

.toplnk { display:flex; align-items:center; justify-content:flex-end; gap:2px; min-width:30%;} 
.toplnk a { margin:0px 2px; } 
.card-header .xbtn-add { font-size:11px; } 
.btn-group button.moveall { border-right:1px solid #a4a4a4; } 
.btn-group button.removeall { border-left:1px solid #a4a4a4; } 

.toplnk .dte-pkr{ margin:0; width:350px !important;}
.toplnk .dte-pkr .date-range{ height:28px;}
.toplnk .date-pkr{ margin:0; width:210px !important; padding-right:5px;}
.toplnk .date-pkr .date-range{ height:28px;}
.toplnk .date-pkr .form-control:focus{ box-shadow:none;}

.toplnk .exprt { border:1px solid #989898; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; height:auto; width:auto; margin-left:2px;}
.toplnk .exprt img{ max-width:100%; max-height:13px; opacity:0.5;}

.tooltip-demo .btn-info { color:#8913ab; border:1px solid #8913ab; border-radius:50px; font-size:18px; width:25px; height:25px; text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom:0px; background-color:transparent; margin:0px 2px; } 
.tooltip-demo .btn-info .bi{ font-size:16px; color:#8913ab; display:flex;}

.tooltip-demo .btn-success { color:#038f73; border:1px solid #038f73; border-radius:50px; font-size:18px; width:25px; height:25px; text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom:0px; background-color:transparent; margin:0px 2px; } 
.tooltip-demo .btn-success .bi{ font-size:16px; color:#038f73; display:flex;}

.tooltip-demo .btn-warning { color:#e77c09; border:1px solid #e77c09; border-radius:50px; font-size:18px; width:25px; height:25px; text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom:0px; background-color:transparent; margin:0px 2px; } 
.tooltip-demo .btn-warning .bi{ font-size:16px; color:#e77c09; display:flex;}

/* Multi Select Dropdown */
.multiselect-dropdown { width:100% !important; border:0 none !important; border-bottom:1px solid #e6e8ee !important; padding:0 !important; border-radius:0 !important; } 
.multiselect-dropdown-list-wrapper { padding:10px !important; } 
.multiselect-dropdown-list div { padding:1px 5px !important; } 
.multiselect-dropdown-list .form-row label { line-height:16px !important; } 
.multiselect-dropdown span.optext { padding:4px 0.75em !important; font-size:13px; background-color:#e8f0f7 !important; } 
.multiselect-dropdown-all-selector { border:solid 1px #e6e8ee !important; border-radius:5px !important; } 
.multiselect-dropdown-list div:hover { background-color:#e6e8ee !important; } 

/* Toplink Add Button */
.xbtn-add { margin:0; background-color:#cd2c21; padding:2px 20px; font-size:16px; font-weight:400; color:#fff; border-radius:5px; text-align:center; transition:0.4s; display:flex; align-items:center; } 
.xbtn-add ion-icon { font-size:15px; padding-right:3px; font-weight:400; } 
.xbtn-add img{ max-height:18px; filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(256deg) brightness(106%) contrast(101%); margin-right:7px;} 
.xbtn-add:hover { animation-name:none !important; background-color:#cd2c21; transition:0.4s; color:#fff; } 
.xbtn-add i { padding-right:5px; font-size:11px; } 

/* Toplink Save Button */
.xbtn-sve { margin:0; background-color:#105da4; padding:2px 15px 2px 8px; font-size:16px; font-weight:400; color:#fff; border-radius:10px; text-align:center; transition:0.4s; display:flex; align-items:center; } 
.xbtn-sve ion-icon { font-size:15px; padding-right:3px; font-weight:400; } 
.xbtn-sve img{ max-height:16px; filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(256deg) brightness(106%) contrast(101%); margin-right:7px;} 
.xbtn-sve:hover { animation-name:none !important; background-color:#111; transition:0.4s; color:#fff; } 
.xbtn-sve i { padding-right:5px; font-size:11px; } 

/* Toplink Add Button */
.xbtn-dtl { margin:0; background-color:#3d9426; padding:2px 10px; font-size:13px; font-weight:400; color:#fff; border-radius:10px; text-align:center; transition:0.4s; display:flex; align-items:center; } 
.xbtn-dtl ion-icon { font-size:15px; padding-right:3px; font-weight:400; } 
.xbtn-dtl:hover { animation-name:none !important; background-color:#2c8215; transition:0.4s; color:#fff; } 
.xbtn-dtl i { padding-right:5px; font-size:11px; } 

/* Toplink Add Button */
.xbtn-cert { margin:0; background-color:#08866e; padding:2px 15px; font-size:16px; font-weight:400; color:#fff; border-radius:10px; text-align:center; transition:0.4s; display:flex; align-items:center; } 
.xbtn-cert ion-icon { font-size:15px; padding-right:3px; font-weight:400; } 
.xbtn-cert img{ max-height:13px; filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(256deg) brightness(106%) contrast(101%); margin-right:6px;} 
.xbtn-cert:hover { animation-name:none !important; background-color:#08866e; transition:0.4s; color:#fff; } 
.xbtn-cert i { padding-right:5px; font-size:11px; } 

/* Toplink Muulidelete Button */
.xbtn-muldel { margin:0; background-color:#de3535; padding:2px 12px 2px; margin:0; font-size:11px; color:#fff; border-radius:50px; text-align:center; transition:0.4s; } 
.xbtn-muldel:hover { color:#fff; animation-name:none !important; background-color:#cd2323; transition:0.4s; } 
.xbtn-muldel i { padding-right:3px; } 

/* Toplink Active Button */
.xbtn-active { margin:0; background-color:#088b42; padding:2px 12px 2px; margin:0; font-size:11px; color:#fff; border-radius:50px; text-align:center; text-transform:uppercase; transition:0.4s; } 
.xbtn-active:hover { color:#fff; animation-name:none !important; background-color:#05813c; transition:0.4s; } 
.xbtn-active i { padding-right:5px; }

/* Toplink Inactive Button */
.xbtn-inactive { margin:0; background-color:#227cf7; padding:2px 12px 2px; margin:0; font-size:11px; color:#fff; border-radius:50px; text-align:center; text-transform:uppercase; transition:0.4s; } 
.xbtn-inactive:hover { color:#fff; animation-name:none !important; background-color:#0e66df; transition:0.4s; } 
.xbtn-inactive i { padding-right:5px; } 

/* Toplink Edit Button */
.xbtn-edit-btn { margin:0; background-color:#686dd1; padding:2px 12px 2px; margin:0; font-size:11px; color:#fff; border-radius:50px; text-align:center; text-transform:uppercase; transition:0.4s; } 
.xbtn-edit-btn i { padding-right:3px; } 
.xbtn-edit-btn:hover { color:#fff; } 
.toplnk .xbtn-edit-btn:hover { animation-name:none !important; background-color:#4e53b4; transition:0.4s; } 
.tab-top-lnk { width:100%; display:flex; align-items:center; justify-content:flex-end;} 

/* Toplink Search Button */
.xbtn-srch { background-color:#1d78cb; margin-right:3px; color:#fff; border-radius:5px; text-align:center; padding:3px 5px; display:flex; align-items:center; justify-content:center; margin-bottom:0; min-width:26px; min-height:26px; } 
.xbtn-srch .bi { color:#fff; font-size:12px; display:flex;} 
.xbtn-srch:focus { color:#1d78cb;} 
.xbtn-srch:hover { color:#fff; background-color:#1d78cb; } 

/* Toplink Edit Button */
.xbtn-edit { margin:0; font-size:13px; border:1px solid #7373c7; background-color:transparent; color:#7373c7; border-radius:50px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; } 
.xbtn-viw { margin:0; font-size:13px; border:1px solid #a8c1d8; background-color:transparent; color:#a8c1d8; border-radius:50px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; } 
.xbtn-approve { margin:0; font-size:13px; border:1px solid #0ca41a; background-color:transparent; color:#0ca41a; border-radius:10px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; } 

/* Toplink Add Button */
.xbtn-add-top { background-color:#5eca5e; padding:2px 7px; margin:0; font-size:15px; color:#fff; border-radius:50px; text-align:center; transition:0.4s; text-transform:none; } 
.xbtn-add-top:hover { transition:0.4s; color:#434355; transition:0.4s; } 
.xbtn-edit1 { background-color:#31aefd; padding:2px 7px; margin:0; font-size:11px; color:#fff; border-radius:50px; text-align:center; transition:0.4s; } 
.xbtn-edit1:hover { color:#000; transition:0.4s; } 
.xbtn-edit:hover, .xbtn-viw:hover { color:#555; border:1px solid #999; } 

/* Add Delete Button */
.xbtn-added { margin:0; font-size:15px; border:1px solid #2aa802; background-color:transparent; color:#2aa802; border-radius:50px; width:22px; height:22px; padding:0; text-align:center; margin:0px 2px; display:flex; align-items:center; justify-content:center; } 
.xbtn-delete { margin:0; font-size:15px; border:none; background-color:transparent; color:#4e4d55; border-radius:50px; width:22px; height:22px; padding:0; text-align:center; margin:0px 2px; display:flex; align-items:center; justify-content:center; } 
.xbtn-view { margin:0; font-size:15px; border:none; background-color:transparent; color:#4e4d55; border-radius:50px; width:22px; height:22px; padding:0; text-align:center; margin:0px 2px; display:flex; align-items:center; justify-content:center; } 
.xbtn-send { margin:0; font-size:15px; border:none; background-color:transparent; color:#4e4d55; border-radius:50px; width:22px; height:22px; padding:0; text-align:center; margin:0px 2px; display:flex; align-items:center; justify-content:center; } 

/* Back Button */
.xbtn-back { border:1px solid #999; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; } 
.xbtn-back:hover { background:transparent; color:#111; transition:0.4s; border:1px solid #d8d8d8;} 
.xbtn-back:active { border:1px solid #edf1f4 !important; } 
.xbtn-back:hover ion-icon { color:#111; transition:0.4s; } 
a.xbtn-back:focus { color:#666 !important; } 
.xbtn-back ion-icon { padding-right:5px; font-size:16px; color:#111; transition:0.4s; padding-top:2px; } 
.xbtn-back .bi { padding-right:0px; font-size:13px; color:#222; transition:0.4s; display:flex;} 

.xbtn-rject { border:1px solid #f4666d; background-color:#fff; color:#c81b23; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; } 
.xbtn-rject:hover { background:transparent; color:#111; transition:0.4s; border:1px solid #d8d8d8;} 
.xbtn-rject:active { border:1px solid #edf1f4 !important; } 
.xbtn-rject:hover ion-icon { color:#111; transition:0.4s; } 
a.xbtn-rject:focus { color:#666 !important; } 
.xbtn-rject .bi { padding-right:0px; font-size:13px; color:#c81b23; transition:0.4s; display:flex;} 

.xbtn-aprv { border:1px solid #44a68c; background-color:#fff; color:#007a58; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; } 
.xbtn-aprv:hover { background:transparent; color:#111; transition:0.4s; border:1px solid #d8d8d8;} 
.xbtn-aprv:active { border:1px solid #edf1f4 !important; } 
a.xbtn-aprv:focus { color:#666 !important; } 
.xbtn-aprv .bi { padding-right:0px; font-size:13px; color:#007a58; transition:0.4s; display:flex;} 

.export { border:1px solid #999; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; } 
.export img{ max-height:11px;}
.export:hover { background:transparent; color:#111; transition:0.4s; border:1px solid #d8d8d8;} 
.export:active { border:1px solid #edf1f4 !important; } 
.export .bi { padding-right:0px; font-size:13px; color:#222; transition:0.4s; display:flex;} 

/* Suspend Button */
.xbtn-suspend { font-size:14px; border:1px solid #fba313; background-color:transparent; color:#fba313; border-radius:50px; width:22px; height:22px; padding:0; text-align:center; margin:0px 2px; display:flex; align-items:center; justify-content:center; } 
.xbtn-suspend:hover, .xbtn-added:hover { background-color:transparent; color:#555; border:1px solid #999; box-shadow:0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26); } 

/* Add Delete Button */
.add-btn { background-color:transparent; border:1px solid #20a90a; color:#20a90a; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float:right; display:flex; align-items:center; } 
.add-btn i { padding-right:5px; } 
.delete-btn { background-color:transparent; border:1px solid #cd2c21; color:#cd2c21; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float:right; } 
.delete-btn i { padding-right:5px; } 
.add-butt-cntr { width:100%; text-align:center; padding-right:80px; margin:10px 0px 5px; } 
.fc-day-grid-event .fc-time { display:none; } 
.fc-event-dot { background-color:#ccc !important; } 

/* email-btn-align */
.email-btn-align { display:flex !important; justify-content:center !important; } 

/* Button Search */
.prd-filter .xsearchbdy { background-color:#fff; } 
.prd-filter .xsearchbdy .form-row .form-control { border:1px solid #ddd; } 
.btn-srchx { background-color:#1d78cb; padding:4px 10px 3px; margin:0; font-size:14px; color:#fff; border-radius:5px; font-weight:400; } 
.btn-srchx:hover { background-color:#1d78cb; transition:0.4s; color:#fff; } 
.btn-srchx i { padding-right:2px; } 
.btn-secx i { padding-right:2px; } 
.btn-secx { background-color:#fdfdfd; padding:4px 12px 3px; margin:0; font-size:14px; color:#000; border-radius:5px; font-weight:400; border:1px solid #d7dde1; } 
.btn-secx:hover { background-color:#fdfdfd !important; color:#000 !important; border:1px solid #d7dde1;  } 
.cled-slct #xsearchbox { width:100%; padding:15px; } 

.xsearchbdy { background-color:#fbfcfd; padding:8px !important; width:100%; position:relative; transition:0.4s; border-radius:5px; margin:15px 0px 15px; border:1px solid #e3e6e9;} 
.xsearchbdy .cbtn-srch { position:absolute; right:-7px; top:-7px; padding:0; margin:0; font-size:16px; color:#444; border-radius:50%; display:flex; background-color:#fff; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #bac7cb; } 
.xsearchbdy .cbtn-srch .bi{ font-size:12px; padding-top:2px;}
.xsearchbdy .cbtn-srch:hover { color:#555; transform:rotate(180deg); } 
.xsearchbdy .form-group { margin-bottom:6px; width:25%; padding:0px 5px;} 
.xsearchbdy .form-group label { font-weight:600; font-size:13px; padding-top:0; color:#111; } 
.xsearchbdy label { margin-bottom:0 !important; font-weight:normal; } 
.xsearchbdy label.empty { display:block; content:""; height:15px; width:100%; } 
.xsearchbdy .form-group .select2-container { width:100% !important; } 
.xsearchbdy .form-group .custom-select:disabled { background-color:#fff; } 

.dte-pkr{ width:50% !important;}
.date-range { width:100%; height:38px; display:flex; align-items:center; background:#fff; border:1px solid #d5dddd; border-radius:5px; box-sizing:border-box; } 
.date-field { flex:1; height:100%; display:flex; align-items:center; padding:0 10px; box-sizing:border-box; } 
.date-field i { flex:0 0 auto; color:#555; font-size:14px; } 
.date-input { width:100%; height:100%; padding:0 8px; border:0; outline:none; background:transparent; color:#56657a; font-size:12px; font-weight:400; box-sizing:border-box; } 
.date-input::placeholder { color:#69778c; opacity:1; } 
.date-input::-webkit-calendar-picker-indicator { display:none; } 
.date-input::-webkit-inner-spin-button { display:none; } 
.date-arrow { width:28px; display:flex; align-items:center; justify-content:center; color:#555; font-size:14px; } 
.date-input:focus { color:#111; }

.srch-rgt { text-align:left; display:flex; align-items:end; flex-wrap:wrap; } 
.srch-rgt .btn-srchx { display:flex; align-items:center; margin-right:6px; } 
.srch-rgt .btn-srchx ion-icon { padding-right:3px; font-size:16px; } 
.srch-rgt .btn-secx { display:flex; align-items:center; } 
.srch-rgt .btn-secx ion-icon { padding-right:3px; font-size:17px; } 
.drp-frm .select2-container { width:100% !important; height:38px !important; } 
.drp-frm .select2-container .select2-selection--single { height:33px !important; border:1px solid #ced4da; } 
.drp-frm .select2-results__option { font-size:14px !important; } 
.page-link { color:#000; font-size:13px; } 
.page-link:hover { color:#cd2c21; } 
.page-item.active .page-link { background-color:#1d78cb; border:none !important; font-size:15px; color:#fff; text-align:center; } 
.page-item.active .page-link:focus { box-shadow:0 0 0 0rem rgba(0, 123, 255, .25); } 

.dataTables_info { font-size:12px; color:#333; letter-spacing:0.2px; font-weight:400; } 
.mbclose { display:none; } 
.button-menu-mobile { margin:0; } 
.mnu-atv { display:block; text-align:center; color:#228e0b; background-color:#dff7da; font-size:15px; padding:2px 25px 2px 15px; border-radius:0px; clip-path:polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); max-width:120px; margin:0 auto; } 

/* Dashboard */
.dash-bg{ background-color:#edf3f4; padding-bottom:50px !important; margin-bottom:0 !important;}
.dashboard-main { min-height:700px; padding:0px; }
.dash-vw{ width:100%; padding-left:10px;}
.das-page{ width:100%; min-height:500px; margin-top:12px;}
.das-top{ width:100%; margin-bottom:15px;}

.ai { height:10px; width:100%; background:#e8ebee; border-radius:10px; overflow:hidden; } 
.ai span { display:block; height:100%; border-radius:10px; transition:width 0.4s ease; } 
.ai.blue span { background:linear-gradient(90deg, #2480d5, #6fb4f4);} 
.ai.green span { background:linear-gradient(90deg, #1bb923, #83f7bf);}
.ai.yellow span { background:linear-gradient(135deg,#cf8e13,#f4c56e);}
.ai.red span { background:linear-gradient(90deg, #ca352b, #f87171);}

/* Most View */
body.adminbody-void .grf-mst-viw { padding-left:70px; transition:all ease 0.4s; } 
.grf-mst-viw { display:flex; flex-wrap:wrap; padding:0px; width:100%; background-color:#fff; border-radius:0; padding:12px 20px; padding-left:15px; align-items:center; justify-content:space-between; position:fixed; top:70px; left:0; margin-left:0; padding-left:270px; z-index:2; transition:all ease 0.4s; border-bottom:1px solid #d4d9df; } 
.grf-tit { width:30%; } 
.grf-tit h2 { color:#000; font-size:22px; font-weight:500; margin:0; } 

/* Responsive Table */
.das-table { width:100%; padding:15px 20px; } 
.das-table .dastbl-bdy { height:340px; margin:3px 0px 0px; overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff; width:100%; } 
.das-table .dastbl-bdy .table { margin-top:-1px; } 
.das-table .dastbl-bdy .table thead th { padding:8px 5px; font-size:15px; position:sticky; top:0} 
.das-table .dastbl-bdy .table > tbody > tr td { padding:4px 5px 4px; color:#444; } 
.das-table .dastbl-bdy .table > tbody > tr td .prd-imgs { width:100%; line-height:12px; font-weight:400; } 
.das-table .dastbl-bdy .table > tbody > tr td .prd-imgs span { font-size:8px; font-weight:400; text-transform:uppercase; letter-spacing:0.5px; text-align:center; margin-bottom:2px; color:#db3c3c; display:inline-block; padding:0px; border-radius:3px; } 
.das-table .dastbl-bdy .table > tbody > tr td a { color:#444; margin:0; } 
.das-table .dastbl-bdy .table > tbody > tr td a:hover { color:#0096db; } 
.das-table .order-hder { margin-bottom:10px; } 
.das-table .dastbl-bdy .table > tbody > tr:nth-of-type(2n) { background-color:#f6fafd !important; } 
.das-table .dastbl-bdy .table > tbody > tr:hover { background-color:transparent !important; } 

/* Recent Orders  */
.retorder { display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  border:none; border-radius:5px; padding:25px;  grid-column-start:1; grid-column-end:6; grid-row-start:4; grid-row-end:5; align-content:flex-start;}

/* Div Table */
.order-table{ display:table; text-align:center; width:100%; border-collapse:separate; font-weight:400;margin-top:20px; }
.retorder .order-hder {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.retorder .order-hder h2 { margin-bottom:0; font-size:20px; font-weight:600; color:#000;}
.retorder .order-hder .ord-lnk{ display:flex; align-items:center;}

.order-dropdown .dropdown-toggle { padding:0; border:none;	background-color:transparent; color:#727e8c; font-size:22px; line-height:15px; }
.order-dropdown .dropdown-toggle::after { border:0 !important; content:none;}
.order-body{ display:table-row-group;}
.order-row { display:table-row; text-align:left; transition:all ease 0.4s;}
.order-row:hover{ background-color:#f6f9fd; transition:all ease 0.4s;}
.order-head { display:table-row; text-align:left;}
.order-hdr { display:table-cell; color:#354b64; line-height:1.3; font-weight:500; font-size:14px; border-radius:0px 0px 0px 0px; padding:10px 10px 10px 0px; text-transform:capitalize; border:none;}
.order-data { display:table-cell; }
.order-row > .order-data > .order-cell:nth-child(odd) { display:none; color:#2e3d4f; font-weight:500; padding:8px 10px; font-size:13px; text-transform:uppercase;} 
.order-row > .order-data > .order-cell { color:#48525b; border-top:1px solid #e7ecf2; line-height:1.5; color:#4c5660; padding:13px 0px; border-left:0 none; border-right:0 none; font-size:15px; font-weight:400; vertical-align:middle; text-align:left;}
.order-row > .order-data > .order-cell .tooltip-down{ margin-top:0;}
.order-row > .order-data > .order-cell .tooltip-demo{ margin:-1px 0px;}
.order-row > .order-data > .order-cell img { width:25px; height:25px; border-radius:50%; margin-right:5px; background:#ccc;}
.order-row > .order-data > .order-cell.badge-success {color:#ff5c75; background:none;}
.order-row > .order-data > .order-cell.badge-danger {color:#f59d03; background:none;}
.order-row > .order-data > .order-cell.badge-primary {color:#13bb37; background:none;}

/* Responsive Table */
.das-table{ width:100%; min-height:300px;}
.das-table .dastbl-bdy{ margin:20px 0px 5px;}
.das-table .dastbl-bdy .table > tbody > tr td{ padding:10px 10px;}
.das-table .dastbl-bdy .table > tbody > tr td a{ color:#0263db; margin:0;}
.das-table .dastbl-bdy .table > tbody > tr td a:hover{ color:#ef2129;}

/* Tooltip Down */
.tooltip-dwn { position:relative; text-align:center; display:flex; align-content:center; justify-content:center; transition:all ease 0.4s; } 
.tooltip-dwn a { padding:0px 6px; margin:0; display:flex; align-items:center; position:relative; transition:all ease 0.4s; } 
.tooltip-dwn:hover a .ellips-ion { color:#333 !important; transition:all ease 0.4s; } 
.tooltip-dwn:hover a.dropdown-toggle::before { content:''; position:absolute; left:0; right:0; margin:0 auto; background:#e3ecf4; width:30px; height:30px; border-radius:50%; transition:all ease 0.4s; } 
.tooltip-dwn .dropdown-toggle::after { content:none; transition:all ease 0.4s; } 
.tooltip-dwn .dropdown-menu { padding-bottom:0px; box-shadow:5px 0px 15px rgba(29, 68, 111, 0.08); margin:0; min-width:170px; top:6px !important; border-radius:4px; padding:12px; z-index:1; border:1px solid #e8edf2; } 
.tooltip-dwn .dropdown-menu .link-list-plain { margin:0; padding:0; list-style:none; } 
.tooltip-dwn .dropdown-menu .link-list-plain li a { display:flex; align-items:center; padding:3px 5px !important; color:#000; transition:all 0.4s; line-height:1.3rem; position:relative; border-bottom:1px solid #fff; font-size:13px; margin:0; color:#555; } 
.tooltip-dwn .dropdown-menu .link-list-plain li:last-child a { border-bottom:0; transition:all ease 0.4s; } 
.tooltip-dwn .dropdown-menu .link-list-plain li a:hover { background-color:transparent; transition:all ease 0.4s; color:#cd2c21; } 
.tooltip-dwn .dropdown-menu .link-list-plain li a ion-icon { font-size:15px; padding-right:5px; } 
.tooltip-dwn a.dropdown-toggle ion-icon { color:#4d5d62; transition:all ease 0.4s; font-size:17px; } 
.tooltip-dwn.show a.dropdown-toggle ion-icon { color:#cd2c21; transition:all ease 0.4s; }

/* UserRole section */
.user-view { min-height:700px; } 
.user-view #accordionExample { width:100%; } 
.collapsed .arrow-down-outline { display:none; } 
.collapsed .arrow-forward-outline { display:inline; } 
.role-display { width:100%; } 
.role-display h2 { font-size:18px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px; } 
.role-display h2 span { color:#a5a6bb; font-weight:400; } 

/* LogIn Page  */
.login-page{ background-color:#fff;} 
.login-logo, .register-logo { font-size:18px; text-align:left; margin-bottom:0px; font-weight:300; text-transform:uppercase; background-color:#fff; padding:10px 20px; border-radius:3px 3px 0px 0px; border-bottom:4px solid #eee; color:#999; } 
.login-logo span, .register-logo span { float:right; margin-top:26px; } 
.login-logo a, .register-logo a { color:#444; } 
.login { width:100%; height:100%;} 
.login .login-box { border-radius:2px; display:flex; justify-content:space-between; height:100vh; position:relative; background-size:cover; } 
.login-pwdby{ position:absolute; width:100%; right:0px; bottom:0px; text-align:right; z-index:1; border-top:1px solid rgba(255,255,255,0.1); padding:15px 20px;} 
.login-pwdby-btm{ width:100%; z-index:1; border-top:1px solid rgba(0,0,0,0.15); padding-top:15px; display:none; margin-top:30px; justify-content:center;} 

/* New LogIn Page */
.log-pge { background-color:#123049; position:relative; height:100vh; display:flex; align-items:center; background:url(../images/login-bg.jpg) center bottom no-repeat; background-size:cover; width:100%; } 

.log-min { width:auto; margin:0% auto; transition:0.4s; display:flex; align-items:center; justify-content:center; } 
.log-min .pwd { position:absolute; bottom:30px; right:0px; left:0; display:flex; align-items:center; justify-content:center; } 
.log-min .pwd a { box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.15); border-radius:50px; background-color:#d0d0d0; transition:0.4s; } 
.log-min .pwd a:hover { transition:0.4s; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.8); } 
.log-box { width:100%; } 
.log-box .log-img { width:100%; margin-bottom:15px; } 
.log-box .log-img span { width:100%; display:flex; justify-content:center; align-items:center; } 
.log-box .log-img span img { object-fit:contain; width:100%; height:100%; max-height:80px; } 
.log-cnt { width:750px; margin:0 auto; display:flex; justify-content:space-between; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1); padding:0px; background-color:#fff; } 
.log-frm { width:60%; padding:50px 35px; background-color:#fff; display:flex; align-items:center; flex-wrap:wrap; } 
.log-frm h6 { text-align:center; width:100%; color:#222; font-size:28px; margin-bottom:20px; font-weight:600; } 
.log-frm .logn-cnt { text-align:center; line-height:20px; color:#444; margin-bottom:20px; } 
.frm-prt-log { width:100%; margin:0 auto; position:relative; } 
.frm-prt-log .form-row { padding-left:0; margin-left:0px; justify-content:space-between; } 
.frm-prt-log .form-group { position:relative; padding-top:10px; margin-bottom:10px; width:100%; } 
.frm-prt-log .form-group .custom-select { border:0 none; border-radius:0; padding:9px 2px; position:relative; height:auto; } 
.frm-prt-log .form-group .custom-select:focus { box-shadow:none; } 
.frm-prt-log .form-group:first-child:last-child { height:100%; } 
.frm-prt-log .form-group:first-child:last-child .form-control { height:100%; } 
.frm-prt-log .form-group textarea { resize:vertical; width:100%; border:0 none; border-radius:0px; border-radius:0; border-width:0 0 1px 0; font-size:14px; padding:0px 5px; } 
.frm-prt-log .form-group label { position:absolute; left:35px; top:22px; transition:all 0.4s ease; font-size:15px; text-transform:uppercase; font-weight:400; padding:1px 15px 1px; margin-bottom:0px; color:#687170; background-color:#fff; } 
.frm-prt-log .form-group .form-control { font-size:16px; padding:10px 45px; font-weight:400; box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05); min-height:40px; border:1px solid #687170 !important; background-color:transparent !important; color:#383640; z-index:1; position:relative; border-radius:0;} 
.frm-prt-log .form-group .form-control:focus { box-shadow:none; border-color:#99cbe6; } 
.frm-prt-log .form-group .input-highlight { content:""; width:0; height:1px; position:absolute; display:block; bottom:0px; transition:width 0.4s ease; } 
.frm-prt-log .form-group .form-control:focus, .frm-prt-log .form-group .form-control.hasValue { box-shadow:none; border-color:#d7d7d7; } 
.frm-prt-log .form-group .form-control:focus~.input-highlight, .frm-prt-log .form-group .form-control.hasValue~.input-highlight { width:100%; } 
.frm-prt-log .form-group .form-control:focus~label { top:0; z-index:2; } 
.frm-prt-log .form-group input.form-control:valid~label { top:0; z-index:2; } 
.frm-prt-log .form-group i { position:absolute; top:24px; left:15px; border-right:1px solid rgba(0, 0, 0, 0.2); padding-right:6px; padding-top:0px; color:#687170; font-size:18px; display:flex; justify-content:center; align-items:center; z-index:3; } 
.frm-prt-log .form-group i img{ max-height:20px;}

.frm-prt-log .log-frm-lnk { width:100%; text-align:center; margin:25px 0px 20px; display:flex; align-items:center; justify-content:space-around; } 
.frm-prt-log .log-frm-lnk a { font-size:18px; color:#0a5dac; } 
.frm-prt-log .log-frm-lnk label { margin:0; font-weight:400; display:flex; align-items:center; font-size:18px; pointer-events:all; color:#4d4d4d; } 
.frm-prt-log .log-frm-lnk a:hover { color:#222; } 
.frm-prt-log .log-frm-lnk label input { margin-right:5px; } 
.log-frm-btn .btn ion-icon { padding-left:5px; font-size:26px; } 
.log-frm-btn { width:100%; text-align:center; margin-top:30px; } 
.log-frm-btn .btn { margin:0 auto; text-align:center; padding:8px 40px; font-size:22px; border-radius:0; font-weight:400; transition:0.4s; display:flex; align-items:center; background-color:#cd2c21; color:#fff; border:1px solid #cd2c21; } 
.log-frm-btn i { font-size:22px; display:flex; padding-left:6px; } 
.log-frm-btn .btn:hover { background:transparent; color:#cd2c21; transition:0.4s; } 
.log-frm-btn .btn:focus { box-shadow:none; color:#cd2c21; background-color:transparent; } 
.log-xoy { width:43%; background-color:#c1d5e9; margin:0 auto; padding:90px 35px; align-items:center; z-index:1; position:relative; text-align:center; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; min-height:350px;} 
.log-xoy small { display:flex; width:100%; position:relative; justify-content:center; margin-bottom:20px; } 
.log-xoy small img { object-fit:contain; width:auto; max-height:170px; max-width:230px; z-index:1; } 
.log-xoy p { color:#fff; font-weight:100; font-size:14px; line-height:18px; text-align:center; margin-bottom:15px; } 
.log-xoy a { font-weight:500; font-size:16px; color:#fff; padding:10px 25px; transition:0.4s; } 
.log-xoy a:hover { opacity:0.5; transition:0.4s; } 
.log-bx { width:100%; } 
.err-msg { color:#ed1c24; padding-left:20px; list-style:none; font-size:13px; font-weight:400; margin:0; } 
.prd-tools { width:100%; padding:15px; background-color:#eff1f4; margin:20px auto 30px; border-radius:15px; } 
.prd-tools table { width:100%; background-color:#eff1f4; } 
.prd-tools table th { font-size:15px; background-color:#505b66; color:#fff; padding:10px 11px; text-transform:uppercase; font-weight:500; } 
.prd-tools table>tbody>tr:nth-child(1):last-child th { text-align:center; } 
.prd-tools table>tbody>tr td { font-weight:400; color:#232226; padding:8px 10px; background-color:#fff; } 
.prd-tools table>tbody>tr td input:focus { box-shadow:none; border:1px solid #c9d3e1; } 
.prd-tools table>tbody tr:nth-child(1) th:first-child { border-radius:10px 0px 0px 0px; } 
.prd-tools table>tbody tr:nth-child(1) th:last-child { border-radius:0px 10px 0px 0px; } 
.prd-tools table>tbody>tr td input::placeholder { font-size:15px; color:#ccc; font-weight:400; } 
.prd-tools table>tbody>tr td .tmb-img { display:flex; align-items:center; margin-top:4px; } 
.prd-tools table>tbody>tr td .tmb-img img { border-radius:8px; } 
.prd-tools table>tbody>tr td .tmb-img a { text-transform:uppercase; font-size:11px; background-color:#eaeff2; padding:3px 25px; border-radius:20px; } 
.prd-tools table>tbody tr:last-child td:first-child { border-radius:0px 0px 0px 10px; } 
.prd-tools table>tbody tr:last-child td:last-child { border-radius:0px 0px 10px 0px; } 
.prd-tools table>tbody>tr td .addrow-btn { color:#13b075; border:1px solid #13b075; border-radius:50px; font-size:14px; text-align:center; display:flex; align-items:center; justify-content:center; margin:0 auto; min-width:30px; height:30px; padding:0; } 
.prd-tools table>tbody>tr td .addrow-btn ion-icon { font-size:20px; } 
.prd-tools table>tbody>tr td .remove { color:#ca0a0a; border:1px solid #ca0a0a; border-radius:50px; font-size:14px; text-align:center; display:flex; align-items:center; justify-content:center; margin:0 auto; min-width:30px; height:30px; padding:0; } 
.prd-tools table>tbody>tr td .remove ion-icon { font-size:20px; } 
.prd-tools table>tbody>tr th .addrow-btn { color:#fff; border:1px solid #0ca641; border-radius:50px; font-size:14px; text-align:center; display:flex; align-items:center; justify-content:center; margin:0 auto; min-width:30px; height:30px; padding:0; background-color:#0ca641; } 
.prd-tools table>tbody>tr th .addrow-btn ion-icon { font-size:23px; } 
.cnt-sctn { width:100%; margin:30px 0px; }

/* Ratio Input Box */
.rto-inpt-main { display:flex; justify-content:space-between; align-items:center; } 
.rto-inpt-main .rto-inpt { width:48%; } 

/* Date Input Box */
.date-inpt-main { display:flex; justify-content:space-between; align-items:center; width:100%; } 
.date-inpt-main .date-inpt { width:49%; display:flex; align-items:center; flex-wrap:wrap; } 
.date-inpt-main .date-inpt .input-group-text { border-radius:3px 0px 0px 3px; padding:3px 10px; } 
.date-inpt-main .date-inpt input { width:80%; } 

.pashw { position:relative; } 
.btn-shw { position:absolute; right:15px; top:40%; padding:6px 6px 6px; font-size:15px; cursor:pointer; background-color:#e6edf4; border:0; color:#333; border-radius:50px; display:flex; align-content:center; z-index:3; transition:0.4s;} 
.btn-shw:hover { background-color:#222; transition:0.4s;} 
.frgt-pwd { color:#ea2529; transition:0.4s; } 
.frgt-pwd:hover { color:#0f0e9f; transition:0.4s; } 

/* Scroll to top button */
.scrollToTop { color:#58585a; position:fixed; bottom:20px; right:15px; display:none; font-size:26px; z-index:9; transition:0.3s; } 
.scrollToTop:hover { text-decoration:none; color:#8d8d8d; transition:0.3s; bottom:20px; } 
.scrollToTop i { padding-top:10px; } 

/* User Role CSS */
.bg2 { background:#fff; border:1px solid #dedede; padding:0px 5px !important; border-radius:3px; } 
.bg2 .label1 label { background:none; } 
.label1 label:before, .label1 label:after { background-image:none; background:none; } 
.accord { border-right:1px dashed #d8d8d8; } 
.accord:last-child { border-right:none; } 
.mdl-hdr { background:#e3141f; border-bottom:4px solid #e8e8d4; padding:15px 15px 10px; color:#fff; border-radius:3px 0px 3px 0px; } 
.mdl-hdr { color:#fff; } button.close { color:rgba(255, 255, 255, 0.7) !important; } 
.modal-title1 { color:#fff; font-size:20px; } 
.modal-content .frm-sec { padding-bottom:0; } 
.modal-body { padding:25px; min-height:300px; } #myModalEdit .modal-body iframe .body-content { min-height:300px !important; } 
.fix { background-color:#1fa309; border-radius:3px; color:#fff; font-size:13px; padding:1px 10px; } 
.display td, .display th { vertical-align:middle; } 
.subtab-list .lside { float:left; width:50%; font-weight:500; color:#666; } 
.subtab-list .rside { float:left; width:50%; color:#777; } 
.bg-form { background:#fef8f8; padding:20px; margin-bottom:18px; border-bottom:1px solid #efe7e7; } 
.add-table { font-size:14px; } 
.add-table label { color:#000; font-weight:600 !important; } 

.modal-body .course-frm label { text-align:left; color:#999; font-weight:400; text-transform:uppercase; font-size:16px; } 
.modal-body .form-control { padding:5px 10px; } 

.add-user .modal-dialog{ max-width:600px;}
.add-user .frm-sec{ padding:0;}
.add-user .form-group .form-check{ display:flex; align-items:center; gap:6px;}
.add-user .form-group .form-check label{ padding:0; margin:0; font-weight:400; font-size:17px;}
.add-user .form-group .form-check input{ width:17px; height:17px; margin-bottom:3px; border:1px solid #2581d6; background-color:#2581d6; margin-top:2px;}
.add-user .form-group .form-check input:focus{ box-shadow:none;}

/* Switch Button */
.sch-btn .switch { position:relative; display:inline-block; width:60px; height:26px; margin:0px; } 
.sch-btn .switch input { opacity:0; width:0; height:0; } 
.sch-btn .slider { position:absolute; cursor:pointer; top:0; left:3px; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s; height:23px; width:45px; } 
.sch-btn .slider:before { position:absolute; content:""; height:15px; width:15px; left:3px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s; } 
.sch-btn input:checked+.slider { background-color:#1c46c0; } 
.sch-btn input:checked+.slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); } 

/* Switch Rounded sliders */
.sch-btn .slider.round { border-radius:34px; } 
.sch-btn .slider.round:before { border-radius:50%; } 

/* Login Icon */
.snd-login { display:inline-block; font-size:15px; color:#278c03; border:1px solid #278c03; min-width:10px; min-height:10px; border-radius:50px; padding:4px; line-height:0; } 
.snd-login:hover { border:1px solid #555; color:#555; transition:all ease 0.4s; } 
.snd-login:focus { box-shadow:none; } 
.open-login { display:inline-block; font-size:15px; color:#d00076; border:1px solid #d00076; min-width:10px; min-height:10px; border-radius:50px; padding:4px; line-height:0; } 
.open-login:hover { border:1px solid #555; color:#555; transition:all ease 0.4s; } 
.open-login:focus { box-shadow:none; } 

/* Invoice Icon */
.send-invoice { display:inline-block; font-size:14px; color:#0371e3; border:1px solid #0371e3; min-width:22px; min-height:22px; border-radius:50px; padding:3px; line-height:0; margin:3px 6px 0px; } 
.send-invoice:hover { border:1px solid #555; color:#555; transition:all ease 0.4s; } 
.send-invoice:focus { box-shadow:none; } 

/* Form Section */
.split-sctn .tbl-frm { padding:5px 5px !important; } 
.frm-sctn .frm-box { width:49%; padding:5px 0px 5px 0px; } 
.frm-sctn .frm-lst { width:100%; margin-bottom:10px; /* background-color:#eceff2; padding:20px; */ border-radius:10px; } 
.frm-sctn .frm-lst ul { margin:0; padding:0; } 
.frm-sctn .frm-lst ul li { list-style:none; text-align:left; margin-bottom:5px; background-color:#fff; padding:8px 20px; border-radius:15px; min-height:50px; } 
.frm-sctn .frm-lst ul li span { list-style:none; text-align:left; color:#78858e; font-weight:400; font-size:14px; display:flex; width:100%; } 
.frm-sctn .frm-lst ul li b { font-weight:400; color:#2658a8; font-size:15px; margin:0; width:100%; display:flex; } 
.frm-sctn .frm-lst ul li:last-child { margin-bottom:0; } 
.frm-sctn .frm-box .course-frm { margin-bottom:15px; } 
.frm-sctn .frm-box .course-frm:last-child { margin-bottom:0; } 

/* Switch Button */
.usr-tbl .table-bordered td, .table-bordered th { border:1px solid #efefef; } 
.top-lnk { padding:2px 0px 2px 0px; width:100%; margin-bottom:15px; display:flex; justify-content:space-between; align-items:center; } 
.radio-btn { display:flex; } 
.radio-btn label { padding:5px 19px 5px 19px !important; display:flex; border-right:1px solid #fff; margin-bottom:0; font-size:13px; margin-right:3px; } 
.radio-btn label:last-child { border-right:0 none; } 
.radio-btn label input { margin-right:3px; } 
.top-lnk span a { display:inline-block; background-color:#029ae1; color:#fff; padding:2px 15px; border-radius:50px; font-size:14px; border:1px solid #029ae1; } 
.top-lnk span a i { padding-right:4px; font-size:13px; padding-right:6px; } 
.top-lnk span a:hover { background-color:transparent; border:1px solid #029ae1; color:#029ae1; } 
.low i, .medium i, .high i { font-size:15px; padding-right:5px; } 

/* Filter Search */
.form-group { margin-bottom:15px; width:100%; } 
.form-group .input-group-append .input-group-text { font-size:14px; background-color:#fff; border:1px solid #f1f1f1; border-radius:5px; } 
.form-row label { color:#111; font-weight:600; padding:5px 0px; text-align:left; margin-bottom:0; font-size:13px; padding-right:5px; border-radius:4px; } 
.form-row .form-control { font-size:16px; border:1px solid #c5cacc; } 
.form-row .form-control:focus { box-shadow:none; } 
.form-row .form-select:focus { box-shadow:none; } 
.form-row .form-control select { font-weight:400; border:0; padding:5px 10px; font-size:15px !important; box-shadow:none; border:1px solid #d4d9df; color:#222; min-height:25px; width:100%; border-radius:8px; } 
.form-row .form-control select:focus { outline:none; box-shadow:none; } 
.bdr-all label { width:100%; border:1px solid #dedede; border-radius:3px; border-left:3px solid #dedede; text-align:left; padding-left:10px; font-size:14px; } 
.form-row.inpt-chk-lbl { width:100%; } 
.form-row.inpt-chk-lbl .form-group label span { display:flex; align-items:center; justify-content:flex-end; font-size:14px; background-color:#fff; padding:5px 10px; transition:0.4s; } 
.form-row.inpt-chk-lbl .form-group label span:hover { background-color:#f1f5f9; transition:0.4s; } 
.form-row.inpt-chk-lbl .form-group label span input[type="checkbox"], input[type="radio"] { display:flex; align-items:center; margin:0px 4px; } 
.xsearchbdy .form-row .form-control { font-size:13px; border:1px solid #d5dddd; min-height:35px; border-radius:5px; padding:5px 10px; color:#555; font-weight:400; } 
.xsearchbdy .form-row .form-control select{ font-size:15px !important;}
.xsearchbdy .form-row .form-control::placeholder{ color:#888;}
.form-row .cbpr label { padding-right:15px; cursor:pointer; } 
.form-row .cbpr label input { display:unset !important; } 
.form-row .cbpr { width:100%; } 
.otrbox1 { width:50%; border:1px solid #e6e8ee; border-radius:5px; } 
.otrbox2 { width:50%; border:1px solid #e6e8ee; border-radius:5px; } 

/* Table */
.table { animation-name:fadeIn; animation-duration:1s; margin-bottom:0px; background-color:transparent; } 
.table { --bs-table-hover-bg:#f8fafb; } 
.suspendx button { color:#ff7c00; border:1px solid #ff7c00; display:inline-block; border-radius:50px; font-size:13px; width:25px; height:25px; text-align:center; padding-top:0px; background:transparent; margin:0px 2px; } 
.suspendx button ion-icon { margin-top:4px; } 
.editx { color:#006fa2; border:1px solid #006fa2; border-radius:50px; font-size:18px; width:25px; height:25px; text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom:0px; background-color:transparent; margin:0px 2px; } 
.editx .bi{ font-size:16px; color:#006fa2; display:flex;}

.deletex { color:#e92525 !important; border:1px solid #e92525 !important; display:flex; align-items:center; justify-content:center; border-radius:50px; font-size:18px; width:25px; height:25px; text-align:center; background-color:transparent; margin:0px 2px;} 
.deletex .bi{ font-size:16px; color:#e92525; padding-top:2px;}

.approvex button { color:#2bcd49; border:1px solid #2bcd49; display:inline-block; border-radius:50px; font-size:13px; width:25px; height:25px; text-align:center; padding-top:0px; background:transparent; margin:0px 2px; } 
.approvex button ion-icon { margin-top:4px; } 
.searchx { color:#3294fe; border:1px solid #3294fe; display:flex; align-items:center; justify-content:center; border-radius:50px; font-size:13px; width:25px; height:25px; text-align:center; padding-top:0px; background-color:transparent; margin:0px 2px; } 
.activex { color:#2fa600; border:1px solid #2fa600; display:inline-block; border-radius:50px; font-size:17px; width:25px; height:25px; text-align:center; padding-top:0px; background-color:transparent; margin:-1px 2px 0px 2px; } 
.reply { color:#ad00b0; border:1px solid #ad00b0; border-radius:50px; font-size:16px; width:25px; height:25px; text-align:center; padding-top:0px; display:flex; align-items:center; justify-content:center; background-color:transparent; margin:0px 2px; } 
.rply { color:#f47301; border:1px solid #f47301; border-radius:50px; font-size:17px; width:25px; height:25px; text-align:center; padding-top:0px; display:flex; align-items:center; justify-content:center; background-color:transparent; margin:0px 2px; } 
.suspendx button:hover, .activex:hover, .editx:hover, .checkx:hover, .deletex:hover, .approvex button:hover, .searchx:hover, .reply:hover, .rply:hover, .viewx:hover, .table td i.sndx:hover, .sndx:hover { border:1px solid #999 !important; color:#555 !important; transition:0.4s; box-shadow:0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26); } 
.pdf-btn { color:#f95a5a; border:1px solid #f95a5a !important; border-radius:50px; font-size:17px; width:23px; height:23px; text-align:center; padding:0px; display:flex; align-items:center; justify-content:center; background-color:transparent; } 
.pdf-btn ion-icon { font-size:17px; } 
.pdf-btn img { max-height:15px !important; filter:invert(67%) sepia(79%) saturate(5213%) hue-rotate(328deg) brightness(103%) contrast(95%); transition:all ease 0.4s; } 
.excel-btn { color:#136bdd; border:1px solid #136bdd !important; border-radius:50px; font-size:17px; width:23px; height:23px; text-align:center; padding:0px; display:flex; align-items:center; justify-content:center; background-color:transparent; } 
.excel-btn ion-icon { font-size:17px; } 
.excel-btn img { max-height:15px !important; filter:invert(32%) sepia(79%) saturate(2209%) hue-rotate(203deg) brightness(91%) contrast(92%); transition:all ease 0.4s; } 

.table td a.snd-lgn { color:#0081bc; border:1px solid #0081bc; display:flex; align-items:center; justify-content:center; border-radius:50px; font-size:17px; width:26px; height:26px; text-align:center; padding:0px; margin:0 auto; } 
.table td button.snd-lgn { color:#0081bc; border:1px solid #0081bc; display:flex; align-items:center; justify-content:center; border-radius:50px; font-size:17px; width:26px; height:26px; text-align:center; padding:0px; background-color:transparent; margin:0 auto; } 

a.viwx { color:#106afc; border:1px solid #106afc; border-radius:50px; font-size:17px; width:23px; height:23px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items:center; } 
a.viwx:hover { border:1px solid #444; color:#000; } 
a.viwx i{ display:flex; font-size:17px;}

.table td button.suspendx { color:#fb7713; border:1px solid #fb7713; border-radius:50px; font-size:17px; width:25px; height:25px; text-align:center; padding-top:0px; padding:0; background-color:transparent; display:flex; align-items:center; justify-content:center; } 
.table td button.activex { color:#2fa600; border:1px solid #2fa600; border-radius:50px; font-size:17px; width:25px; height:25px; text-align:center; padding-top:0px; padding:0; background-color:transparent; display:flex; align-items:center; justify-content:center; } 
.table td button.suspendx:hover, button.deletex:hover, button.activex:hover { box-shadow:0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26); cursor:pointer; color:#555; } 

.table td a.viewx { color:#069e57; border:1px solid #069e57; border-radius:50px; font-size:17px; width:25px; height:25px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items:center; } 
.table td a.viewx .bi{ font-size:16px; color:#069e57; display:flex;}

.table td a.dwnld { color:#d4281e; background-color:#d4281e; border-radius:50px; font-size:15px; width:30px; height:30px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items:center;} 
.table td a.dwnld img{ max-height:16px; filter:invert(100%) sepia(5%) saturate(1%) hue-rotate(190deg) brightness(103%) contrast(101%);}

.table td a.edit { color:#006fa2; background-color:#006fa2; border-radius:50px; font-size:15px; width:30px; height:30px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items:center;} 
.table td a.edit img{ max-height:18px; filter:invert(100%) sepia(5%) saturate(1%) hue-rotate(190deg) brightness(103%) contrast(101%);}
.table td a.edit .bi{ font-size:15px; color:#006fa2;}

.table td a.dlt { color:#00748f; background-color:#00748f; border-radius:50px; font-size:18px; width:30px; height:30px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items:center;} 
.table td a.dlt img{ max-height:18px; filter:invert(100%) sepia(5%) saturate(1%) hue-rotate(190deg) brightness(103%) contrast(101%);}

.table td a.addx { color:#109802; border:1px solid #109802; border-radius:50px; font-size:17px; width:25px; height:25px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items:center; } 
.table td a.download, .table td a.download1 { color:#428bca; border:1px solid #428bca; } 
.table td a.download, .table td a.download1 { border-radius:5px; color:#fff; display:inline-block; margin-right:4px; } 
.table thead th { color:#000; line-height:20px; font-weight:600; font-size:13px; border-radius:0px 0px 0px 0px; padding:10px 6px; /* text-transform:uppercase; */ border:none; border-bottom:none; background-color:#f3f4f6;} 
.table > tbody > tr td { line-height:18px; color:#000; padding:10px 6px; border-left:0 none; border-right:0 none; font-size:14px; font-weight:400; vertical-align:middle; } 
.table > tfoot > tr td { line-height:18px; color:#000; padding:10px 6px; border-left:0 none; border-right:0 none; font-size:14px; font-weight:400; vertical-align:middle; position:sticky; bottom:0; } 
.table > tbody > tr td a { color:#194f93; } 
.table > tbody > tr td p { margin:0; } 
.table > tbody > tr td img { max-height:25px; max-width:100%; } 
.table > tbody > tr:nth-of-type(2n) { background-color:#fff !important; } 
.table > tbody > tr:hover { background-color:#fff !important; transition:0.4s; } 
.table td, .table th { border:1px solid #d4d9df; } 

.extra{ font-style:normal; display:inline-flex; margin-left:5px; font-size:13px; color:#222; background-color:#e2ecf6; width:20px; height:20px; border-radius:20px; justify-content:center; align-items:center;}
.sort-arrow { font-size:12px; margin-left:2px; color:#52647a; vertical-align:middle; cursor:pointer; }

.add-lbl{ display:flex; align-items:center;}
.prdt-icon-vw{ display:flex; align-items:center;}
.prdt-icon{ display:inline-block;}
.prdt-icon img{ max-height:22px !important; margin:0px 5px 3px 0px;}
.prdt-icon.usr img{ max-height:14px !important;}

.pdt-icon-vw{ display:flex; align-items:center;}
.pdt-icon{ display:inline-block;}
.pdt-icon img{ max-height:22px !important; margin:0px 5px 3px 0px; opacity:1 !important;}
.pdt-icon.usr img{ max-height:14px !important;}

.frm-num{ display:inline-block;}
.frm-num small{ display:flex; font-size:13px; font-weight:normal; align-items:center;}
.frm-num small i{ display:flex; margin-right:3px; color:#666; font-size:11px;}

.usr-lgo img{ border-radius:50px; max-height:28px !important;}
.tooltip-down a.dropdown-toggle::before { content:''; position:absolute; left:0; right:0; margin:0 auto; background:#e8ebf9; width:1px; height:1px; border-radius:50%; transition:all ease 0.3s; } 
.table > tbody > tr:hover .tooltip-down a.dropdown-toggle::before { background:#e0e8ee; width:30px; height:30px; border-radius:50%; transition:all ease 0.3s; } 
.table > tbody > tr:hover .tooltip-down a.dropdown-toggle ion-icon { color:#cd2c21; } 
.counts { text-align:center; background-color:#8baabf; justify-content:center; border-radius:50px; color:#fff !important; padding:1px 7px; font-size:11px; } 
.counts:hover { color:#fff; } 

.table > tbody > tr td.pid span{ display:block; text-align:center; color:#0b9c0e; font-weight:600; font-size:18px;}
.table > tbody > tr td.unpid span{ display:block; text-align:center; color:#d7261e; font-weight:600; font-size:18px;}
.table > tbody > tr td span.amt{ color:#078c67; font-weight:600; font-size:18px;}

.tooltip { font-size:14px; line-height:1.3; pointer-events:none;} 
.tbl-splt { width:100%; display:flex; justify-content:center; } 
.tbl-splt span { width:24%; display:flex; justify-content:center; align-items:center; border-right:1px solid rgba(0, 0, 0, 0.12) } 
.tbl-splt span:last-child { border-right:0; } 
.tooltip-demo { display:flex; align-items:center; justify-content:center; } 
.tooltip-demo a { margin:0px 2px !important; } 

.action { color:#9500a2; border:1px solid #9500a2; border-radius:50px; font-size:18px; width:25px; height:25px; text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom:0px; background-color:transparent; margin:0px 2px; } 
.action img { filter:invert(16%) sepia(91%) saturate(3644%) hue-rotate(287deg) brightness(75%) contrast(119%);} 

/* Tooltip Down */
.tooltip-down { position:relative; text-align:center; display:flex; align-content:center; justify-content:center; } 
.tooltip-down a { padding:0px 13px; margin:0; display:flex; align-items:center; position:relative; } 
.tooltip-down:hover a .ellips-ion { color:#333 !important; } 
.tooltip-down:hover a.dropdown-toggle::before { content:''; position:absolute; left:0; right:0; margin:0 auto; background:#ddd; width:30px; height:30px; border-radius:50%; } 
.tooltip-down .dropdown-toggle::after { content:none; } 
.tooltip-down .dropdown-menu { padding-bottom:0px; box-shadow:5px 0px 15px rgba(29, 68, 111, 0.05); margin:0 0; width:200px; } 
.tooltip-down .dropdown-menu .link-list-plain { margin:0; padding:0; list-style:none; } 
.dropdown-menu .link-list-plain li a { display:flex; align-items:center; padding:7px 15px; color:#44505b; transition:all .4s; line-height:1.4rem; position:relative; border-bottom:1px solid #dbdfea; font-size:14px; margin:0; } 
.dropdown-menu .link-list-plain li:last-child a { border-bottom:0; } 
.tooltip-down a.dropdown-toggle ion-icon { color:#666; } 
.tooltip-down.show a.dropdown-toggle ion-icon { color:#1c46c0; } 
.select2-selection__clear { font-size:20px; font-weight:300 !important; background-color:#9d9d9d; height:15px; width:15px; display:flex; align-items:center; justify-content:center; border-radius:50px; color:#fff; padding-bottom:3px; margin:5px 2px !important; } 
.select2-container--default .select2-selection--multiple .select2-selection__choice { padding:0 5px 0px 30px !important; } 

/* Tooltip Down */
.tltip-down { position:relative; text-align:center; display:flex; align-content:center; justify-content:center; transition:all ease 0.4s; } 
.tltip-down a { padding:0px 6px; margin:0; display:flex; align-items:center; position:relative; transition:all ease 0.4s; } 
.tltip-down:hover a .ellips-ion { color:#333 !important; transition:all ease 0.4s; } 
.tltip-down:hover a.dropdown-toggle::before { content:''; position:absolute; left:0; right:0; margin:0 auto; background:#e3ecf4; width:30px; height:30px; border-radius:50%; transition:all ease 0.4s; } 
.tltip-down .dropdown-toggle::after { content:none; transition:all ease 0.4s; } 
.tltip-down .dropdown-menu { padding-bottom:0px; box-shadow:5px 0px 15px rgba(29, 68, 111, 0.08); margin:0; min-width:170px; top:6px !important; border-radius:4px; padding:10px; z-index:1; border:1px solid #e8edf2; } 
.tltip-down .dropdown-menu .link-list-plain { margin:0; padding:0; list-style:none; } 
.tltip-down .dropdown-menu .link-list-plain li a { display:flex; align-items:center; padding:4px 15px !important; color:#000; transition:all 0.4s; line-height:1.3rem; position:relative; border-bottom:1px solid #fff; font-size:13px; margin:0; color:#555; } 
.tltip-down .dropdown-menu .link-list-plain li:last-child a { border-bottom:0; transition:all ease 0.4s; } 
.tltip-down .dropdown-menu .link-list-plain li a:hover { background-color:transparent; transition:all ease 0.4s; color:#cd2c21; } 
.tltip-down a.dropdown-toggle ion-icon { color:#2b86d2; transition:all ease 0.4s; font-size:17px; } 
.tltip-down.show a.dropdown-toggle ion-icon { color:#cd2c21; transition:all ease 0.4s; } 

/* No Record */
.no-record { width:100%; display:flex; align-items:center; justify-content:center; padding:20px 0px; } 
.no-record ion-icon { font-size:25px; margin-right:6px; color:#49586b; } 
.no-record p { text-transform:uppercase; font-size:18px; font-weight:400; color:#49586b; margin:0; }

/* No Record */
.no-rcd { width:100%; display:flex; align-items:center; justify-content:center; padding:20px 0px; font-size:18px; font-weight:300 } 
.no-rcd ion-icon { font-size:25px; margin-right:6px; color:#49586b; } 
.no-rcd p { text-transform:uppercase; font-size:18px; font-weight:400; color:#49586b; margin:0; } 

/* User Form */
.usr-form { width:100%; margin-bottom:13px; } 
.usr-form h2.frm-title { width:99%; font-size:17px; margin:0px 5px 25px auto; text-transform:uppercase; color:rgba(0, 0, 0, 0.7); background-color:#edf1f4; padding:10px 22px; font-weight:500; border-radius:50px; display:flex; align-items:center; justify-content:space-between; } 
.usr-form .form-row label { position:relative; } 
.usr-form .form-row label small { display:flex; position:absolute; top:-10px; font-size:15px; font-weight:400; color:#000; text-transform:none; line-height:10px; } 
.usr-form h2.frm-title span label { margin:0; font-size:15px; text-transform:none; font-weight:400; display:flex; align-items:center; color:#249f02; } 
.usr-form h2.frm-title span label input { margin-right:5px; } 
.d-flx { display:flex; justify-content:space-between; width:49%; } 
.inpt-bx { width:100%; } 
.inpt-bx .form-switch input { width:40px; height:20px; } 
.inpt-bx .form-switch input:focus { box-shadow:none; } 
.inpt-bx textarea::placeholder { font-size:15px; color:#ccc; font-weight:400; } 
.inpt-bx input::placeholder { font-size:15px; color:#ccc; font-weight:400; } 

.sngl{ flex-wrap:nowrap !important; width:67% !important;}
.sngl label{ width:30% !important;}
.sngl .form-control{ width:70% !important;}

.grd-flx { width:100%; } 
.grd-flx .d-flx { width:30%; } 
.inpt-bx .lgo { width:100%; margin-top:5px; } 
.inpt-bx .lgo span { width:100%; display:flex; align-items:center; } 
.inpt-bx .lgo span img { max-width:100%; max-height:70px; } 
.org-adrs { width:100%; margin:30px 0px 50px; } 
.adrs-tit { width:100%; margin-bottom:40px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d4d9df; padding-bottom:10px; } 
.adrs-tit h3 { margin-bottom:0px; font-size:17px; font-weight:500; color:#000; display:flex; align-items:center; position:relative; } 
.adrs-tit h3 ion-icon { font-size:20px; padding-right:5px; color:#888; } 
.adrs-tit span { display:flex; align-items:center; } 
.adrs-tit span a { display:flex; align-items:center; color:#cd2c21; background-color:#d4d9df; padding:5px 20px; border-radius:15px; font-size:14px; } 
.adrs-tit span a ion-icon { padding-left:8px; font-size:16px; } 

.offcanvas { top:0px; } 
.offcanvas-header { width:100%; display:flex; justify-content:space-between; top:0; padding:15px 20px; position:sticky; z-index:2; box-shadow:0px 15px 30px 5px rgba(0, 0, 0, 0.05); border-bottom:1px solid rgba(0, 0, 0, 0.07); } 
.offcanvas-header h5 { font-size:15px; font-weight:600; margin:0; color:#000; display:flex; align-items:center; } 
.offcanvas-header .btn-close:focus { box-shadow:none; } 
.offcanvas-body { padding:10px 25px 90px; } 
.offcanvas-body .frm-str-row { margin:10px 0px; } 
.offcanvas-body .frm-str-grp { display:block; margin-bottom:10px; text-align:left;} 
.offcanvas-body .frm-str-grp .str-grp-lab { width:100%; margin-bottom:5px; } 
.offcanvas-body .frm-str-grp .str-grp-lab label{ font-size:13px; color:#000; font-weight:600;}
.offcanvas-body .frm-str-grp .str-grp-lab .man-fld { top:-2px; right:-2px; } 
.offcanvas-body .frm-str-grp .str-grp-data { width:100%; } 
.offcanvas-body .form-row .form-control { border-radius:5px; min-height:30px; } 
.offcanvas-body .frm-str-grp .str-grp-data .form-control:focus{ box-shadow:none;}
.offcanvas-body .form-row .form-select { border-radius:10px; min-height:30px; font-size:14px; } 
.offcanvas-body .form-row .form-select option { font-size:14px; } 
.cnvs-ftr-btn{ justify-content:flex-start; padding:20px 0px 0px;}
.offcanvas-header button{ background-color:transparent !important;}

.approv-mdl{ padding:25px 20px 70px}
.cnvs-titl{ width:100%; display:flex; align-items:center; gap:10px; border:1px solid #dde3f0; padding:10px; border-radius:5px; margin-bottom:10px;}
.cnvs-titl .lt{ width:6%;}
.cnvs-titl .lt img{ max-height:20px; opacity:0.5;}
.cnvs-titl .rt{ width:94%}
.cnvs-titl .rt h3{ text-align:left; font-size:14px; font-weight:600; color:#000; margin-bottom:2px;}
.cnvs-titl .rt p{ text-align:left; font-size:13px; line-height:16px; font-weight:400; color:#000; margin-bottom:0px;}

.swatch { width:28px; height:28px; border-radius:6px; cursor:pointer; border:2px solid transparent; display:flex; align-items:center; justify-content:center; color:#fff; font-size:11px; }
.swatch-row { display:flex; gap:8px; flex-wrap:wrap; }

/* Profile List View */
.lst-vw{ width:70%; margin-top:40px; background:#f3d079 url(../../assets/images/bg24.png) repeat bottom; padding:35px; position:relative;}
.lst-vw h2{ display:flex; align-items:center; gap:10px;  font-size:30px; font-weight:700; text-transform:uppercase; color:#000; margin-bottom:35px;}
.lst-vw h2 i{ display:flex; margin-right:5px;}
.lst-vw h2 i img{ max-height:35px;}

.lctn-info{ display:inline-block;}
.lctn-info p{ margin-bottom:3px !important; color:#222;}
.lctn-info b{ font-weight:600; color:#000;}
.lctn-info b i{ font-style:normal; font-weight:600; margin-left:3px; color:#0f7d3a; background-color:#e7f6ee; padding:0px 8px; border-radius:5px; display:inline-block;}

.viw{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#005baf !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #a8c7e3;}
.viw i{ display:flex; font-size:16px;}

.edt{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#9d19c2 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #da8ef0;}
.edt i{ display:flex; font-size:14px;}

.publs{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#007a58 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #44a68c;}
.publs i{ display:flex; font-size:14px;}

.aprov{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#007a58 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #44a68c;}
.aprov i{ display:flex; font-size:14px;}

.rject{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#c81b23 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #f4666d;}
.rject i{ display:flex; font-size:14px;}

.revok{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#e98710 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #f6bc4e;}
.revok i{ display:flex; font-size:14px;}

.delt{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#c81b23 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #f4666d;}
.delt i{ display:flex; font-size:14px;}

.dwld{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#037c5b !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #95c5b8;}
.dwld i{ display:flex; font-size:14px;}

.asgn{ background-color:#fff; padding:3px; border-radius:50px; font-size:14px !important; color:#b86800 !important; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:1px solid #b86800;}
.asgn i{ display:flex; font-size:14px;}

.atn{ display:b; flex-wrap:wrap; gap:5px; justify-content:center !important;}
.rcd{ display:block; background-color:#fff; border:1px solid #b7c3d0; padding:2px 10px; border-radius:5px; font-size:15px !important; color:#0c3a6c !important; display:flex; align-items:center; margin-bottom:4px !important; justify-content:center;}
.rcd img{ margin-right:4px; display:flex; max-height:18px !important;}

.tns{ display:block; background-color:#fff; border:1px solid #b5cda0; padding:2px 10px; border-radius:5px; font-size:15px !important; color:#0c6c0d !important; display:flex; align-items:center; margin-bottom:4px !important; justify-content:center;}
.tns img{ margin-right:4px; display:flex; max-height:18px !important;}

.bsns-info{ display:block;}
.bsns-info b{ display:block; font-weight:400 !important;}
.bsns-info b a{ display:inline-block;}
.bsns-info b a img{ max-height:13px !important; opacity:0.5; margin-left:5px;}
.bsns-info i{ display:block; font-style:normal; font-weight:400;}
.bsns-info em{ display:block; font-style:normal; font-weight:400; color:#000; font-size:13px;}

.call-info{ display:block;}
.call-info b{ display:block; font-weight:400 !important;}
.call-info b a{ display:inline-block;}
.call-info b a img{ max-height:13px !important; opacity:0.5; margin-left:5px;}
.call-info i{ display:block; font-style:normal; font-weight:400;}
.call-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}

.caller-info{ display:inline-flex; align-items:center; gap:5px;}
.caller-info .lt{ background-color:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; width:24px; height:24px;}
.caller-info .lt img{ max-height:18px !important;}
.caller-info b{ display:block; font-weight:400 !important;}
.caller-info b a{ display:inline-block; margin-bottom:0;}
.caller-info b a img{ max-height:13px !important; opacity:0.5; margin-left:5px;}
.caller-info i{ display:block; font-style:normal; font-weight:400;}
.caller-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}
.caller-info.inbound .lt img{ filter:invert(21%) sepia(82%) saturate(1445%) hue-rotate(103deg) brightness(98%) contrast(94%);}
.caller-info.outbound .lt img{ filter:invert(18%) sepia(94%) saturate(3623%) hue-rotate(265deg) brightness(90%) contrast(99%);}
.caller-info.missed .lt img{ filter:invert(26%) sepia(66%) saturate(5718%) hue-rotate(346deg) brightness(87%) contrast(121%);}

.cus-info{ display:inline-flex; align-items:center; gap:5px;}
.cus-info .lt{ background-color:#eff3fc; border-radius:50px; display:flex; align-items:center; justify-content:center; width:28px; height:28px;}
.cus-info .lt img{ max-height:14px !important;}
.cus-info b{ display:block; font-weight:400 !important;}
.cus-info b a{ display:inline-block; margin-bottom:0;}
.cus-info b a img{ max-height:13px !important; opacity:0.5; margin-left:5px;}
.cus-info i{ display:block; font-style:normal; font-weight:400;}
.cus-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}

.bus-info{ display:inline-flex; align-items:center; gap:5px;}
.bus-info .lt{ background-color:#fff; border-radius:50px; display:flex; align-items:center; justify-content:center; width:20px; height:20px;}
.bus-info .lt img{ max-height:15px !important;}
.bus-info b{ display:block; font-weight:400 !important;}
.bus-info b a{ display:inline-block; margin-bottom:0;}
.bus-info b a img{ max-height:13px !important; opacity:0.5; margin-left:5px;}
.bus-info i{ display:inline-block; font-style:normal; font-weight:400;}
.bus-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}

.agent-info{ display:inline-flex; align-items:center; gap:5px;}
.agent-info .lt{ background-color:#eff3fc; border-radius:50px; display:flex; align-items:center; justify-content:center; width:28px; height:28px;}
.agent-info .lt img{ max-height:14px !important;}
.agent-info b{ display:block; font-weight:400 !important; line-height:16px;}
.agent-info b a{ display:inline-block;}
.agent-info b a img{ max-height:13px !important; opacity:0.5; margin-left:5px;}
.agent-info i{ display:block; font-style:normal; font-weight:400; font-size:12px;}
.agent-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}

.tim-info{ display:block;}
.tim-info b{ display:block;  font-weight:400 !important;}
.tim-info i{ display:block; font-style:normal; font-weight:400; font-size:13px;}

.cont-info{ display:block;}
.cont-info b{ display:block;  font-weight:400 !important; color:#153d7b;}
.cont-info i{ display:block; font-style:normal; font-weight:400; font-size:13px;}

.totl-info{ display:block;}
.totl-info b{ display:block; font-weight:400 !important; font-size:13px; line-height:15px;}
.totl-info i{ display:block; font-style:normal; font-weight:400; font-size:13px;}

.mesg-info{ display:block;}
.mesg-info b{ display:block; font-weight:400 !important; margin-bottom:4px;}
.mesg-info b img{ margin-right:6px; max-height:15px !important; opacity:0.4;}
.mesg-info i{ display:block; font-style:normal; font-weight:400;}

.phone-info{ display:block;}
.phone-info b{ display:block; font-weight:400 !important; margin-bottom:4px; font-size:14px;}
.phone-info b img{ margin-right:6px; max-height:15px !important; opacity:0.4;}
.phone-info i{ display:block; font-style:normal; font-weight:400;}

.cnv-info{ display:block;}
.cnv-info a{ font-size:14px !important; color:#000 !important;}
.cnv-info small{ display:block; font-weight:400 !important; margin-bottom:4px; font-size:13px; color:#05599c;}
.cnv-info b{ display:block; font-weight:400 !important; margin-bottom:4px;}
.cnv-info b img{ margin-right:6px; max-height:18px !important; margin-bottom:3px;}
.cnv-info i{ display:block; font-style:normal; font-weight:400;}

.callbk-info{ display:inline-flex; align-items:center; gap:8px;}
.callbk-info b{ display:block; font-weight:400 !important; line-height:15px;}
.callbk-info i{ display:block; font-style:normal; font-weight:400;}
.callbk-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}
.callbk-info em img{ max-height:15px !important; opacity:0.5;}
.callbk-info .dtl small{ display:inline-block;}

.wtsap-info{ display:inline-flex; align-items:center; gap:8px;}
.wtsap-info b{ display:block; font-weight:400 !important;}
.wtsap-info i{ display:block; font-style:normal; font-weight:400;}
.wtsap-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}
.wtsap-info em img{ max-height:15px !important;}
.wtsap-info .dtl small{ display:inline-block;}

.temp-info{ display:inline-flex; align-items:center; gap:8px;}
.temp-info b{ display:block; font-weight:400 !important;}
.temp-info i{ display:block; font-style:normal; font-weight:400;}
.temp-info em{ display:block; font-style:normal; font-weight:400; color:#666; font-size:13px;}
.temp-info em img{ max-height:15px !important;}
.temp-info .dtl small{ display:inline-block;}

.prity-info{ display:inline-flex; align-items:center; gap:5px;}
.prity-info b{ display:block; font-weight:400 !important; margin-bottom:0px;}
.prity-info.mdim i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#fe9000;}
.prity-info.high i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#f12c29;}
.prity-info.low i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#08af17;}

.gtgy-info{ display:inline-flex; align-items:center; gap:5px;}
.gtgy-info b{ display:block; font-weight:400 !important; margin-bottom:0px;}
.gtgy-info.mdim i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#fe9000;}
.gtgy-info.low i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#239bd6;}
.gtgy-info.high i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#08af17;}

.rsltn-info{ display:inline-flex; align-items:center; gap:5px;}
.rsltn-info b{ display:block; font-weight:400 !important; margin-bottom:0px;}
.rsltn-info.mdim i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#fe9000;}
.rsltn-info.low i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#f12c29;}
.rsltn-info.high i{ display:flex; width:8px; height:8px; border-radius:50px; background-color:#08af17;}

.calr-info{ display:block;}
.calr-info b{ display:block; font-weight:600 !important;}
.calr-info i{ display:block; font-style:normal; font-weight:400;}

.chat-info{ display:block;}
.chat-info b{ display:block; font-weight:600 !important;}
.chat-info i{ display:block; font-style:normal; font-weight:400;}

.ocm-info{ display:block;}
.ocm-info b{ display:block; font-weight:400 !important; margin-bottom:4px;}
.ocm-info i img{ margin-right:5px; max-height:18px !important;}
.ocm-info i{ display:inline-flex; font-style:normal; font-weight:400;}

.hndle-info{ display:block;}
.hndle-info b{ display:block; font-weight:400 !important; margin-bottom:4px;}
.hndle-info i img{ margin-right:5px; max-height:18px !important;}
.hndle-info i{ display:inline-flex; font-style:normal; font-weight:400;}

.hndle-info.ai-resol{ color:#054ba0;}
.hndle-info.ai-human{ color:#da6a00;}
.hndle-info.human-handle{ color:#0e9652;}

.priorty{ display:block;}
.priorty b{ display:block; font-weight:500; margin-bottom:4px;}
.priorty b img{ margin-right:5px; max-height:20px !important;}
.priorty i{ display:block; font-style:normal; font-weight:400;}

.trnd-lbl.up{ color:#007a58;}
.trnd-lbl.dwn{ color:#c8171e;}

.status-label{ display:inline-flex; align-items:center; justify-content:center; min-width:auto; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal;}
.type-label { display:inline-flex; align-items:center; justify-content:center; min-width:auto; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400; text-transform:uppercase;}

.status-label.cmplt { background:#fbfffc; color:#007307 !important; border:1px solid #75b179; }
.status-label.inprgs { background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee; }
.status-label.utility { background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee; }
.status-label.esclt { background:#fff1f1; color:#cf0606; border:1px solid #ecabab; }
.status-label.urgnt { background:#fff1f1; color:#cf0606; border:1px solid #ecabab; }
.status-label.open { background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee; }
.status-label.progs { background:#fff3ce; color:#734d00; border:1px solid #f4c564; }
.status-label.resolved { background:#dcf8ec; color:#006348; border:1px solid #86c2b2; }
.status-label.schedld { background:#fbe8f6; color:#c8179c; border:1px solid #ee79d1; }
.status-label.outbnd { background:#fdfbff; color:#8232e7; border:1px solid #b982ff; }
.status-label.intbnd { background:#fbfffc; color:#007307 !important; border:1px solid #75b179; }
.status-label.marketing { background:#fbe8f6; color:#c8179c; border:1px solid #ee79d1; }
.status-label.new { background:#fff5e7; color:#c77000; border:1px solid #ecba7a; }
.status-label.cancel { background:#f6f6f6; color:#333; border:1px solid #cbcbcb; }
.status-label.away { background:#f6f6f6; color:#333; border:1px solid #cbcbcb; }
.status-label.offlin { background:#fbe8f6; color:#c8179c; border:1px solid #ee79d1; }
.status-label.onlne { background:#fbfffc; color:#007307; border:1px solid #75b179; }
.status-label.high {  background:#fff1f1; color:#cf0606; border:1px solid #ecabab;}
.status-label.medium { background:#fff5e7; color:#c77000; border:1px solid #ecba7a; }
.status-label.low { background:#fbfffc; color:#007307; border:1px solid #75b179; }
.status-label.asgned { background:#fbfffc; color:#007307; border:1px solid #75b179; }
.status-label.waiting { background:#fff5e7; color:#c77000; border:1px solid #ecba7a; }
.status-label.support { background:#f0e8fd; color:#521fb6 !important; border:1px solid #ad92e1; }
.status-label.sales { background:#fbfffc; color:#007307 !important; border:1px solid #75b179; }
.status-label.technical { background:#fff5e7; color:#c77000; border:1px solid #ecba7a; }
.status-label.bill { background:#fff1f1; color:#cf0606; border:1px solid #ecabab; }
.status-label.genrl { background:#f0f0f0; color:#2b2b2b; border:1px solid #bebebe; }
.status-label.drft { background:#f0f0f0; color:#2b2b2b; border:1px solid #bebebe; }
.status-label.tam { background:#fbfffc; color:#007307 !important; border:1px solid #75b179; }
.status-label.eng { background:#ebf2ff; color:#00387d !important; border:1px solid #a9c0ee; }
.status-label.under-review { background:#ebf2ff; color:#00387d !important; border:1px solid #a9c0ee; }
.status-label.maly { background:#fff1f1; color:#cf0606 !important; border:1px solid #ecabab; }
.status-label.rjct { background:#fff1f1; color:#cf0606 !important; border:1px solid #ecabab; }
.status-label.chins { background:#fff9e6; color:#5b3d00 !important; border:1px solid #f4c564; }
.status-label.pending { background:#fff9e6; color:#5b3d00 !important; border:1px solid #f4c564; }
.stus{ align-items:center; gap:5px;}

.tag-name { display:flex; align-items:center; gap:9px; min-width:145px; } 
.tag-name strong { font-size:13px; font-weight:400; color:#000; } 
.tag-name small { display:inline-flex; align-items:center; padding:3px 7px; border-radius:5px; background:#f1f5f9; color:#334155; font-size:10px; line-height:1; font-weight:500; } 
.tag-name small.custom { background:#f1f5f9; }

.tag-dot { width:9px; height:9px; min-width:9px; border-radius:50%; display:inline-block; } 
.tag-dot.green { background:#16a34a; } 
.tag-dot.blue { background:#2563eb; } 
.tag-dot.purple { background:#7c3aed; } 
.tag-dot.orange { background:#f59e0b; } 
.tag-dot.pink { background:#ec4899; } 
.tag-dot.cyan { background:#14b8a6; } 
.tag-dot.brown { background:#92400e; } 
.tag-dot.gray { background:#64748b; }

.color-code { display:inline-block; padding:3px 7px; border-radius:5px; font-size:11px; font-weight:500; } 
.green-code { color:#15803d; background:#e8f8ef; } 
.blue-code { color:#2563eb; background:#eaf2ff; } 
.purple-code { color:#7c3aed; background:#f1eaff; } 
.orange-code { color:#f59e0b; background:#fff4df; } 
.pink-code { color:#db2777; background:#fce7f3; } 
.cyan-code { color:#0f9f95; background:#def8f5; } 
.brown-code { color:#92400e; background:#f8eadf; } 
.gray-code { color:#475569; background:#e9edf2; }

/* Configuration WhatsDesk */
.stgs-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; width:100%; margin-top:15px;} 
.stgs-card { position:relative; padding:15px; background:#ffffff; border:1px solid #dfe6ee; border-radius:5px; box-sizing:border-box; transition:all 0.25s ease; } 
.stgs-card:hover { border-color:#cfd9e5; box-shadow:0 5px 20px rgba(15, 35, 65, 0.05); } 
.stgs-card-top { display:flex; align-items:center; position:relative; border-bottom:1px solid #dfe6ee; padding-bottom:10px; margin-bottom:10px;} 
.stgs-icon { width:45px; height:45px; border-radius:50%; background:#eaf7f0; display:flex; align-items:center; justify-content:center; margin-right:15px; } 
.stgs-icon i { color:#079447; font-size:22px; display:flex;} 
.stgs-content { padding-top:2px; } 
.stgs-content h3 { margin:0 0 5px; color:#000; font-size:14px; line-height:16px; font-weight:500; } 
.stgs-content p { margin:0; color:#000; font-size:14px; line-height:18px; font-weight:400; } 

.stgs-card .card-arrow { position:absolute; right:0; top:14px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:#000; text-decoration:none !important; transition:transform 0.2s ease; } 
.stgs-card .card-arrow i { font-size:19px; font-weight:600; } 
.stgs-card .card-arrow:hover { color:#079447; transform:translateX(3px); } 
.stgs-stats { display:grid; grid-template-columns:repeat(3, 1fr); min-height:70px; border-bottom:1px solid #dfe6ee; padding-bottom:10px; margin-bottom:10px; } 

.stgs-card .stat-item { position:relative; text-align:center; padding:0 15px; } 
.stgs-card .stat-item:not(:last-child)::after { content:""; position:absolute; right:0; top:2px; width:1px; height:48px; background:#edf1f5; } 
.stgs-card .stat-item strong { display:block; color:#000; font-size:20px; line-height:22px; font-weight:600; margin-bottom:6px; } 
.stgs-card .stat-item span { display:block; color:#10294c; font-size:13px; line-height:1.35; font-weight:400; } 
.stgs-card .manage-link { display:inline-flex; align-items:center; gap:13px; margin:0px; color:#079447; font-size:14px; font-weight:500; text-decoration:none !important; } 
.stgs-card .manage-link i { font-size:18px; line-height:1; transition:transform 0.2s ease; } 
.stgs-card .manage-link:hover { color:#05783a; } 
.stgs-card .manage-link:hover i { transform:translateX(4px); }

/* User View */
.user-sctn{ width:80%; margin-top:15px;}
.user-card { display:flex; justify-content:space-between; align-items:center; border-radius:10px; padding:25px; width:100%; background-color:#ecf0f4;}
.user-left { display:flex; align-items:center; gap:20px; width:60%;}
.user-left .imgs{ display:flex; align-items:center; justify-content:center;}
.user-left .imgs span{ width:140px; height:140px; border-radius:50%; overflow:hidden; border:4px solid #fff;}
.user-left .imgs span img{ max-height:140px;}

.user-info{ width:90%;}
.user-info h2 { font-size:25px; font-weight:600; color:#000; margin-bottom:2px;}
.email { color:#444; margin-bottom:6px; font-size:18px; }

.role { display:inline-flex; align-items:center; gap:6px; background:#93d3e9; color:#000; padding:3px 15px; border-radius:5px; font-size:16px; font-weight:500; margin-bottom:6px;}
.role .icon{ display:flex;}
.role .icon img{ max-height:18px;}
.status { display:flex; align-items:center; gap:8px; color:#111827; font-size:18px; }
.dot { width:10px; height:10px; background:#10b952; border-radius:50%; }

.user-actions { display:flex; gap:15px; width:50%; justify-content:flex-end; }
.user-actions .form-control { font-weight:400; border:0; padding:5px 40px 5px 10px; font-size:16px !important; box-shadow:none; border:1px solid #d2dadc !important; color:#105da4; min-width:35%; border-radius:10px; width:auto; background-color:#fff;} 
.user-actions .form-control:focus { box-shadow:none !important; } 
.user-actions .form-control option { padding:10px !important; } 
.user-actions form{ min-width:30%;}

.btn-deactv{ background-color:#105da4; border:1px solid #105da4; color:#fff; transition:0.4s; border-radius:10px; padding:5px 15px; font-size:15px; display:flex; align-items:center; font-weight:500;}
.btn-deactv:hover{ background-color:#000; border:1px solid #000;}

/* User Details Login box */
.user-lgn{ width:100%; display:flex; margin-top:20px; gap:15px;}
.lgn-lft { width:30%; border:1px solid #123049; border-radius:10px; padding:15px;}
.lgn-lft h2{ font-size:21px; margin-bottom:20px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding-bottom:15px;}
.lgn-lft h2 img{ max-height:22px; opacity:0.5;}

.lgn-lft .lgn-bx{ width:100%;}
.lgn-lft .lgn-bx span{ display:flex; align-items:center; gap:10px; font-size:18px; margin-bottom:10px; font-weight:400; color:#000; display:flex; align-items:center; gap:10px;}
.lgn-lft .lgn-bx span img{  max-height:20px; opacity:0.5;}

.lgn-rht { width:70%; border:1px solid #123049; border-radius:10px; padding:15px;}
.lgn-rht h2{ font-size:21px; margin-bottom:10px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding-bottom:15px;}
.lgn-rht h2 img{ max-height:22px; opacity:0.5;}

.login-table{ width:100%; height:200px; margin:3px 0px 0px; overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff;}
.login-table .table thead th{ padding:5px 10px; z-index:0; position:sticky; top:0;}
.login-table .table > tbody > tr td{ padding:10px 8px;} 
.login-table .table > tbody{ max-height:200px; overflow:hidden;}

/* UserRole section */
.projct-org{ width:100%; padding:15px 0px;}
.projct-org .projct-role .accordion-header{ border-top:0 none;}
.user-view{ min-height:700px;}
.user-view #accordionExample{ width:100%;}
.projct-role{ padding:0px 0px; transition:0.4s;}
.projct-role .accordion-item{ border:0 none; padding:0px 0px 0px 0px; position:relative; overflow:hidden; transition:0.4s; background-color:transparent !important;}
.projct-role .accordion-item:last-child{ padding-bottom:0;}
.projct-role .accordion-item:before{ position:absolute; width:1px; height:100%; top:10px; background-color:#d5d5d5; content:""; left:22px;}
.projct-role .accordion-header{ border-radius:0px !important; padding:0px 0px 0px; background:transparent; border-bottom:none; position:relative; transition:all 0.4s;}
.projct-role .accordion-body{ padding:10px 10px !important; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:transparent; transition:0.4s; margin-left:39px; min-height:50px;}
.projct-role .acrd-link{ font-size:14px; font-weight:500; color:#fff; background-color:#3879bf; padding:10px 14px 10px 10px; border-radius:10px !important; transition:0.4s; display:flex; margin-bottom:0; justify-content:space-between; align-items:center;}
.projct-role .acrd-link.collapsed b ion-icon{ float:left; padding-right:7px; font-size:17px; color:#737373;}

.projct-role .acrd-link b ion-icon{ float:left; padding-right:7px; font-size:17px; color:#fff}
.projct-role .acrd-link:hover b ion-icon{ color:#fff}
.projct-role .accordion-body .table{ margin-bottom:0;}
.projct-role .accordion-body .usr-roll{ width:100%; display:flex; padding:3px 0px; background-color:transparent; border-top:1px solid #fff; margin-bottom:0px ; transition:0.4s; min-height:40px;}
.projct-role .accordion-body .usr-roll:first-child{ border-top:0 none;}
.projct-role .accordion-body .usr-roll .usr-lft{ width:22%; display:flex; align-items:center; margin-right:15px;}
.projct-role .accordion-body .usr-roll .usr-lft small.grp-title{ font-size:11px; color:#777; padding:1px 12px 1px 10px; font-weight:400; background-color:#efefef; margin-left:5px; border-radius:50px; letter-spacing:0.3px;}
.projct-role .accordion-body .usr-roll .usr-lft h2{ font-size:18px !important; font-weight:400 !important; margin:0 !important; color:#000;}
.projct-role .accordion-body .usr-roll .usr-rht{ width:78%; display:flex; flex-wrap:wrap;}
.projct-role .accordion-body .usr-roll .usr-rht span{ min-width:19%; padding:4px 5px 4px 10px; margin:4px 0px 4px 5px; background-color:transparent; cursor:pointer; overflow:hidden; position:relative; z-index:0; transition:0.8s; display:flex; justify-content:space-between; border-radius:10px; border:1px solid #dbe0e5; align-items:center;}
.projct-role .accordion-body .usr-roll .usr-rht span:before{ width:1%; height:100%; background-color:#f6f8fb; content:""; left:0; bottom:0; position:absolute; border-radius:3px 0px 0px 3px; visibility:hidden; transition:0.8s; z-index:-1;}
.projct-role .accordion-body .usr-roll .usr-rht span:hover:before{ visibility:visible; background-color:#f6f8fb; width:103%; left:0; transition:0.8s; border-right:3px solid #fff; border-radius:3px;}
.projct-role .accordion-body .usr-roll .usr-rht span:nth-child(5n+5){ margin-right:0;}
.projct-role .accordion-body .usr-roll .usr-rht span label{ display:flex; margin-bottom:0px; font-size:16px; font-weight:400; color:#111; align-items:center; cursor:pointer; align-items:center; width:100%;}
.projct-role .accordion-body .usr-roll .usr-rht span label input{ margin-right:5px; transition:0.4s;}
.projct-role .acrd-link.collapsed{ color:#333; background-color:#d5d9df; transition:all 0.4s ease 0s; font-weight:500; margin:5px 0px;}
.projct-role .acrd-link ion-icon{ float:right; margin-top:2px;}
.projct-role .acrd-link span{ width:100%; margin-top:0px;} 
.projct-role .arrow-forward-outline{ display:none;}

/* .accordion-button:not(.collapsed) .bi-chevron-down{ color:#fff;} */
.accordion-button .bi-chevron-right{ display:none;}
.projct-role .acrd-link-header{ background-color:#9495b4; padding:5px; font-size:16px; text-transform:uppercase; color:#fff;}
.projct-role .acrd-link-header.active{ background-color:#9495b4; color:#fff;}
.role-display{ width:100%;}
.role-display h2{ font-size:16px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px;}
.role-display h2 span{ color:#a5a6bb; font-weight:400;}

.accordion-button::after{ display:none;}
.accordion-button{ background-color:#d5d9df; padding:10px 14px 10px 10px; border-radius:10px !important; margin-bottom:5px; display:flex; justify-content:space-between; align-items:center;}
.accordion-button ion-icon{ color:#737373;}
.accordion-button span{ text-align:left; width:100%; font-size:20px; color:#000; font-weight:600;}
.accordion-button b .bi{ padding-right:10px; font-size:20px;}
.projct-role .accordion-item:last-child::before{ top:-5px;}
.accordion-button:focus{ box-shadow:none; border:none;}
.accordion-button:not(.collapsed){ background-color:#2b2b2b;}
.accordion-button:not(.collapsed) b ion-icon{ color:#fff !important;}
.accordion-button:not(.collapsed) ion-icon{ color:#fff !important;}
.accordion-button:not(.collapsed) span{ color:#fff; font-weight:600;}
.accordion-button:not(.collapsed) b .bi{ color:#fff;}
.accordion-button:hover{ background-color:#2b2b2b !important; color:#fff !important;}
.accordion-button:hover span{ color:#fff !important;}
.accordion-button:hover ion-icon{ color:#fff !important;}
.accordion-button b{ display:flex;}

/* User Role Toggle */
.usr-rht .switch input{ display:none;}
.usr-rht .switch{ display:inline-block; width:46px !important; height:19px; position:relative;}
.usr-rht .slider{ position:absolute; top:0; bottom:0; left:0; right:0; border-radius:30px; cursor:pointer; border:1px solid #dbe0e5; overflow:hidden; transition:.4s;}
.usr-rht .slider:before{ position:absolute; content:""; width:15px; height:15px; background:#c9d1d8; border-radius:30px; transform:translateX(2px); transition:.4s; top:1px}
.usr-rht input:checked + .slider:before{ transform:translateX(14px); background:#105da4 !important; border:1px solid #105da4; width:15px; height:15px;}
.usr-rht input:checked + .slider:after{ content:'\F633'; opacity:0.9; font-family:"bootstrap-icons"; color:#fff; display:flex; transform:translateX(16px); font-size:10px; font-weight:300; padding:0px;}
.usr-rht input:checked + .slider{ background:#fff; border:1px solid #105da4;}
.usr-rht .switch.flat .slider{ box-shadow:none;}
.usr-rht .switch.flat .slider:before{ background:#FFF;}
.usr-rht .switch.flat input:checked + .slider:before{ background:white;}
.usr-rht .switch.flat input:checked + .slider{ background:limeGreen;}

/* Ai vs Human Handling */
.humn-top{ width:100%; margin:15px 0px;}
.humn-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; width:100%;}
.humn-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.humn-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.humn-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.humn-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.humn-box .bx-vw .rt{ width:72%;}
.humn-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.humn-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.humn-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.humn-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.humn-box .bx-bm{ width:100%;}
.humn-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.humn-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.humn-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.humn-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.humn-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.humn-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Chatdesk Dashbaord*/
.whatsdesk-dashborad{ width:100%;}
.cdas-top{ width:100%; margin:15px 0px;}
.cdas-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; width:100%;}
.cdas-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.cdas-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.cdas-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.cdas-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.cdas-box .bx-vw .rt{ width:72%;}
.cdas-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.cdas-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.cdas-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.cdas-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.cdas-box .bx-bm{ width:100%;}
.cdas-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.cdas-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.cdas-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.cdas-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.cdas-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.cdas-box:nth-child(4) .bx-vw .lt{ background-color:#f9ecde;}

/* Conversation Activity */
.user-cnvacty-box{ width:100%; display:flex; gap:15px; margin-top:15px;}
.user-cnvacty { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.user-cnvacty .cnvacty-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.user-cnvacty .cnvacty-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.user-cnvacty .cnvacty-hder .sort-ord .custom-select{ border-radius:4px; padding:2px 5px 2px 10px; height:24px; text-align:left; font-size:13px; border:1px solid #b7cde3; background-color:#f1f5f9; color:#000;}
.user-cnvacty .cnvacty-hder .sort-ord .custom-select:focus{ box-shadow:none;}
.user-cnvacty .cnvacty-hder .sort-ord .custom-select option{ font-size:12px; background-color:#fff;}
.user-cnvacty .cnvacty-slct{ width:100%;}
.user-cnvacty .cnvacty-slct #conversation-activity{ width:100%; height:230px; }

/* Conversation Status */
.cnvsts-sts { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.cnvsts-sts .cnvsts-hder { width:100%; margin:0px 0px 15px; align-items:center; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.cnvsts-sts .cnvsts-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.cnvsts-sts .cnvsts-hder a { color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.cnvsts-sts .cnvsts-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.cnvsts-sts .cnvsts-slct{ width:100%; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; align-items:center; /* padding-bottom:25px; */}
.cnvsts-wrapper{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:50%; }
.cnvsts-wrapper #user-priority-chart{ width:220px; height:220px; }
.cnvsts-cnt{ width:50%;}
.cnvsts-rht{ width:100%;}
.cnvsts-box { background-color:#ebeff2; padding:5px 7px 3px; color:#000; font-size:16px; font-weight:400; display:flex; align-items:center; position:relative; z-index:0; width:100%; margin-bottom:10px; border-radius:5px;}
.cnvsts-box:last-child{ margin-bottom:0px;}
.cnvsts-box .bx-vw{ width:70%; display:flex; align-items:center; gap:8px;}
.cnvsts-box .bx-vw .lt { width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}
.cnvsts-box .bx-vw .lt img{ max-width:100%; max-height:28px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(182deg) brightness(107%) contrast(101%);}
.cnvsts-box .bx-vw .rt{ width:85%; text-align:left;}
.cnvsts-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:14px; color:#000; font-weight:400;}
.cnvsts-box .bx-vw .rt b{ font-size:14px; line-height:20px; font-weight:600; color:#000;}
.cnvsts-box .bx-bm{ width:30%;}
.cnvsts-box .bx-bm i{ display:flex; color:#000; font-style:normal; justify-content:center; background-color:rgba(255,255,255,1); border-radius:5px; padding:3px 10px; font-weight:600; font-size:14px;}
.cnvsts-box:nth-child(1) .bx-vw .lt{ background-color:#7b27af;}
.cnvsts-box:nth-child(2) .bx-vw .lt{ background-color:#ff830b;}
.cnvsts-box:nth-child(3) .bx-vw .lt{ background-color:#0d9150;}

/* Current Activity */
.agentdesk-widget { width:100%; display:flex; gap:15px; margin-top:15px} 
.activity-card, .attention-card { width:50%; background:#ffffff; border:1px solid #d4d9df; border-radius:5px; box-sizing:border-box; overflow:hidden; box-shadow:0 1px 3px rgba(20, 45, 80, 0.02); } 
.activity-card { width:50%; } 
.activity-card-header { display:flex; align-items:center; padding:12px 15px; box-sizing:border-box; border-bottom:1px solid #e5eaf1; } 
.activity-card-header h3, .attention-header h3 { margin:0; color:#000; font-size:14px; line-height:1; font-weight:500; } 
.info-icon { display:inline-flex; align-items:center; justify-content:center; margin-left:9px; color:#111; font-size:13px; } 

.activity-body { padding:10px 15px 12px; } 
.activity-item { display:flex; align-items:center; position:relative; border-bottom:1px solid #e8edf3; padding-bottom:8px; margin-bottom:8px;} 
.activity-item:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.activity-icon { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; } 
.activity-icon i{ display:flex;}
.activity-icon.blue { background:#e8f1ff; color:#0864e9; } 
.activity-icon.orange { background:#fff0df; color:#f47b00; } 
.activity-icon.green { background:#e6f8ed; color:#05a653; } 
.activity-content { display:flex; flex-direction:column; margin-left:17px; gap:5px; min-width:0; } 
.activity-content b { color:#000; font-size:14px; font-weight:500; line-height:15px; } 
.activity-content span { color:#333; font-size:13px; line-height:14px; } 
.activity-number { margin-left:auto; padding-left:10px; font-size:16px; font-weight:500; line-height:1; } 

.blue-text { color:#0864e9; } 
.orange-text { color:#f47b00; } 
.green-text { color:#05a653; }

/* Attention Required */
.attention-header { display:flex; align-items:center; padding:10px 15px; border-bottom:1px solid #e5eaf1; box-sizing:border-box; } 
.attention-title { display:flex; align-items:center; justify-content:space-between; width:100%;}
.attention-title a{ color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;} 
.attention-body { padding:10px 15px; } 
.attention-item { display:flex; align-items:center; position:relative; border-bottom:1px solid #e8edf3; padding-bottom:8px; margin-bottom:8px; } 
.attention-item:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} 
.attention-icon { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; }
.attention-icon.red { background:#fff0f1; color:#f02c3d; } 
.attention-icon.orange { background:#fff1df; color:#f47b00; } 
.attention-icon.purple { background:#f0eaff; color:#7b45e8; } 

.attention-content { display:flex; flex-direction:column; margin-left:18px; gap:5px; min-width:0; } 
.attention-content b { color:#000; font-size:14px; font-weight:500; line-height:15px; } 
.attention-content span { color:#333; font-size:13px; line-height:14px; } 
.attention-number { margin-left:auto; min-width:22px; text-align:right; font-size:16px; font-weight:500; line-height:1; } 
.red-text { color:#f02c3d; } 
.orange-text { color:#f47b00; } 
.purple-text { color:#7b45e8; } 
.attention-arrow { width:26px; margin-left:15px; display:flex; align-items:center; justify-content:flex-end; color:#173c6b; font-size:15px; text-decoration:none; transition:transform 0.2s ease, color 0.2s ease; } 
.attention-arrow:hover { color:#0066e9; transform:translateX(2px); } 

/* Chat Staff Performance - Today */
.prfrm-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; padding:15px; width:100%; border:1px solid #d4d9df; margin-top:15px;}
.prfrm-smry .prfrm-hder { width:100%; margin:0px 0px 15px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.prfrm-smry .prfrm-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.prfrm-smry .prfrm-hder h2 small{ font-size:14px; color:#025cfe;}
.prfrm-smry .prfrm-hder a{ color:#fff; background-color:#1d78cb; padding:3px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.prfrm-smry .prfrm-hder a:hover{ background-color:#1d78cb;}
.prfrm-smry .prfrm-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.prfrm-smry .prfrm-hder h2 img{ max-height:28px; margin-right:10px;}
.prfrm-smry .prfrm-hder .rt{ display:flex; justify-content:flex-end; align-items:center; width:60%;}
.prfrm-hder .prfrm-srch{ width:30%; position:relative;}
.prfrm-srch a{ position:absolute; right:0; top:6px; background-color:transparent !important;}
.prfrm-srch a i{ color:#000;}
.prfrm-table{ width:100%;}

/* Whatsdesk Dashbaord*/
.whatsdesk-dashborad{ width:100%;}
.wdas-top{ width:100%; margin:15px 0px;}
.wdas-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; width:100%;}
.wdas-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.wdas-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.wdas-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.wdas-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.wdas-box .bx-vw .rt{ width:72%;}
.wdas-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.wdas-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.wdas-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.wdas-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.wdas-box .bx-bm{ width:100%;}
.wdas-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.wdas-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.wdas-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.wdas-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.wdas-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.wdas-box:nth-child(4) .bx-vw .lt{ background-color:#f9ecde;}

/* Conversation Activity */
.user-wats-box{ width:100%; display:flex; gap:15px; margin-top:15px;}
.user-wats { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.user-wats .wats-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.user-wats .wats-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.user-wats .wats-hder .sort-ord .custom-select{ border-radius:4px; padding:2px 5px 2px 10px; height:24px; text-align:left; font-size:13px; border:1px solid #b7cde3; background-color:#f1f5f9; color:#000;}
.user-wats .wats-hder .sort-ord .custom-select:focus{ box-shadow:none;}
.user-wats .wats-hder .sort-ord .custom-select option{ font-size:12px; background-color:#fff;}
.user-wats .wats-slct{ width:100%;}
.user-wats .wats-slct #whatsconversation-activity{ width:100%; height:230px; }

/* Conversation Status */
.wats-sts { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.wats-sts .wats-hder { width:100%; margin:0px 0px 15px; align-items:center; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.wats-sts .wats-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.wats-sts .wats-hder a { color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.wats-sts .wats-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.wats-sts .wats-slct{ width:100%; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; align-items:center; /* padding-bottom:25px; */}
.wats-wrapper{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:50%; }
.wats-wrapper #whatsuser-priority-chart{ width:220px; height:220px; }
.wats-cnt{ width:50%;}
.wats-rht{ width:100%;}
.wats-box { background-color:#ebeff2; padding:5px 7px 3px; color:#000; font-size:16px; font-weight:400; display:flex; align-items:center; position:relative; z-index:0; width:100%; margin-bottom:10px; border-radius:5px;}
.wats-box:last-child{ margin-bottom:0px;}
.wats-box .bx-vw{ width:70%; display:flex; align-items:center; gap:8px;}
.wats-box .bx-vw .lt { width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}
.wats-box .bx-vw .lt img{ max-width:100%; max-height:28px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(182deg) brightness(107%) contrast(101%);}
.wats-box .bx-vw .rt{ width:85%; text-align:left;}
.wats-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:14px; color:#000; font-weight:400;}
.wats-box .bx-vw .rt b{ font-size:14px; line-height:20px; font-weight:600; color:#000;}
.wats-box .bx-bm{ width:30%;}
.wats-box .bx-bm i{ display:flex; color:#000; font-style:normal; justify-content:center; background-color:rgba(255,255,255,1); border-radius:5px; padding:3px 10px; font-weight:600; font-size:14px;}
.wats-box:nth-child(1) .bx-vw .lt{ background-color:#7b27af;}
.wats-box:nth-child(2) .bx-vw .lt{ background-color:#ff830b;}
.wats-box:nth-child(3) .bx-vw .lt{ background-color:#0d9150;}

/* Current Activity */
.watsdesk-widget { width:100%; display:flex; gap:15px; margin-top:15px} 
.watsacty-card, .watsatsn-card { width:50%; background:#ffffff; border:1px solid #d4d9df; border-radius:5px; box-sizing:border-box; overflow:hidden; box-shadow:0 1px 3px rgba(20, 45, 80, 0.02); } 
.watsacty-card { width:50%; } 
.watsacty-card-header { display:flex; align-items:center; padding:12px 15px; box-sizing:border-box; border-bottom:1px solid #e5eaf1; } 
.watsacty-card-header h3, .watsatsn-header h3 { margin:0; color:#000; font-size:14px; line-height:1; font-weight:500; } 
.info-icon { display:inline-flex; align-items:center; justify-content:center; margin-left:9px; color:#111; font-size:13px; } 

.watsacty-body { padding:10px 15px 12px; } 
.watsacty-item { display:flex; align-items:center; position:relative; border-bottom:1px solid #e8edf3; padding-bottom:8px; margin-bottom:8px;} 
.watsacty-item:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.watsacty-icon { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; } 
.watsacty-icon i{ display:flex;}
.watsacty-icon.blue { background:#e8f1ff; color:#0864e9; } 
.watsacty-icon.orange { background:#fff0df; color:#f47b00; } 
.watsacty-icon.green { background:#e6f8ed; color:#05a653; } 
.watsacty-content { display:flex; flex-direction:column; margin-left:17px; gap:5px; min-width:0; } 
.watsacty-content b { color:#000; font-size:14px; font-weight:500; line-height:15px; } 
.watsacty-content span { color:#333; font-size:13px; line-height:14px; } 
.watsacty-number { margin-left:auto; padding-left:10px; font-size:16px; font-weight:500; line-height:1; } 

/* Attention Required */
.watsatsn-header { display:flex; align-items:center; padding:10px 15px; border-bottom:1px solid #e5eaf1; box-sizing:border-box; } 
.watsatsn-title { display:flex; align-items:center; justify-content:space-between; width:100%;}
.watsatsn-title a{ color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;} 
.watsatsn-body { padding:10px 15px; } 
.watsatsn-item { display:flex; align-items:center; position:relative; border-bottom:1px solid #e8edf3; padding-bottom:8px; margin-bottom:8px; } 
.watsatsn-item:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} 
.watsatsn-icon { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; }
.watsatsn-icon.red { background:#fff0f1; color:#f02c3d; } 
.watsatsn-icon.orange { background:#fff1df; color:#f47b00; } 
.watsatsn-icon.purple { background:#f0eaff; color:#7b45e8; } 

.watsatsn-content { display:flex; flex-direction:column; margin-left:18px; gap:5px; min-width:0; } 
.watsatsn-content b { color:#000; font-size:14px; font-weight:500; line-height:15px; } 
.watsatsn-content span { color:#333; font-size:13px; line-height:14px; } 
.watsatsn-number { margin-left:auto; min-width:22px; text-align:right; font-size:16px; font-weight:500; line-height:1; } 
.watsatsn-arrow { width:26px; margin-left:15px; display:flex; align-items:center; justify-content:flex-end; color:#173c6b; font-size:15px; text-decoration:none; transition:transform 0.2s ease, color 0.2s ease; } 
.watsatsn-arrow:hover { color:#0066e9; transform:translateX(2px); } 
.agent-table .agenttbl-bdy{ height:240px; margin:0px 0px; overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff; width:100%;}
.agent-table .agenttbl-bdy .table thead th {  position:sticky; top:0; }
.rpot-tbl-scll .rpot-tbl-bdy{ max-height:400px; margin:0px 0px; overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff; width:100%;}
.rpot-tbl-scll .rpot-tbl-bdy .table thead th {  position:sticky; top:0; }

/* Chat Staff Performance - Today */
.whtsrcnt-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; padding:15px; width:100%; border:1px solid #d4d9df; margin-top:15px;}
.whtsrcnt-smry .whtsrcnt-hder { width:100%; margin:0px 0px 15px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.whtsrcnt-smry .whtsrcnt-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.whtsrcnt-smry .whtsrcnt-hder h2 small{ font-size:14px; color:#025cfe;}
.whtsrcnt-smry .whtsrcnt-hder a{ color:#fff; background-color:#1d78cb; padding:3px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.whtsrcnt-smry .whtsrcnt-hder a:hover{ background-color:#1d78cb;}
.whtsrcnt-smry .whtsrcnt-hder p { margin-bottom:0; font-weight:400; color:#000;}
.whtsrcnt-smry .whtsrcnt-hder h2 img{ max-height:28px; margin-right:10px;}
.whtsrcnt-smry .whtsrcnt-hder .rt{ display:flex; justify-content:flex-end; align-items:center; width:60%;}
.whtsrcnt-hder .whtsrcnt-srch{ width:30%; position:relative;}
.whtsrcnt-srch a{ position:absolute; right:0; top:6px; background-color:transparent !important;}
.whtsrcnt-srch a i{ color:#000;}
.whtsrcnt-table{ width:100%;}

/* Vociedesk Dashbaord*/
.vociedesk-dashborad{ width:100%;}
.vcdas-top{ width:100%; margin:15px 0px;}
.vcdas-cnt-box { display:grid; grid-template-columns:repeat(5, 1fr); gap:15px; width:100%;}
.vcdas-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.vcdas-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.vcdas-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.vcdas-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.vcdas-box .bx-vw .rt{ width:72%;}
.vcdas-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.vcdas-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.vcdas-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.vcdas-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.vcdas-box .bx-bm{ width:100%;}
.vcdas-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.vcdas-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.vcdas-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.vcdas-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.vcdas-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.vcdas-box:nth-child(4) .bx-vw .lt{ background-color:#f9ecde;}
.vcdas-box:nth-child(5) .bx-vw .lt{ background-color:#fbdee0;}

/* Conversation Activity */
.user-voc-box{ width:100%; display:flex; gap:15px; margin-top:15px;}
.user-voc { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.user-voc .voc-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.user-voc .voc-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.user-voc .voc-hder .sort-ord .custom-select{ border-radius:4px; padding:2px 5px 2px 10px; height:24px; text-align:left; font-size:13px; border:1px solid #b7cde3; background-color:#f1f5f9; color:#000;}
.user-voc .voc-hder .sort-ord .custom-select:focus{ box-shadow:none;}
.user-voc .voc-hder .sort-ord .custom-select option{ font-size:12px; background-color:#fff;}
.user-voc .voc-slct{ width:100%;}
.user-voc .voc-slct #voiceconversation-activity{ width:100%; height:230px; }

/* Conversation Status */
.voc-sts { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.voc-sts .voc-hder { width:100%; margin:0px 0px 15px; align-items:center; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.voc-sts .voc-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.voc-sts .voc-hder a { color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.voc-sts .voc-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.voc-sts .voc-slct{ width:100%; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; align-items:center; /* padding-bottom:25px; */}
.voc-wrapper{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:50%; }
.voc-wrapper #voiceuser-priority-chart{ width:220px; height:220px; }

.voc-cnt{ width:50%;}
.voc-rht{ width:100%;}
.voc-box { background-color:#ebeff2; padding:5px 7px 3px; color:#000; font-size:16px; font-weight:400; display:flex; align-items:center; position:relative; z-index:0; width:100%; margin-bottom:10px; border-radius:5px;}
.voc-box:last-child{ margin-bottom:0px;}
.voc-box .bx-vw{ width:70%; display:flex; align-items:center; gap:8px;}
.voc-box .bx-vw .lt { width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}
.voc-box .bx-vw .lt img{ max-width:100%; max-height:28px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(182deg) brightness(107%) contrast(101%);}
.voc-box .bx-vw .rt{ width:85%; text-align:left;}
.voc-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:14px; color:#000; font-weight:400;}
.voc-box .bx-vw .rt b{ font-size:14px; line-height:20px; font-weight:600; color:#000;}
.voc-box .bx-bm{ width:30%;}
.voc-box .bx-bm i{ display:flex; color:#000; font-style:normal; justify-content:center; background-color:rgba(255,255,255,1); border-radius:5px; padding:3px 10px; font-weight:600; font-size:14px;}
.voc-box:nth-child(1) .bx-vw .lt{ background-color:#7b27af;}
.voc-box:nth-child(2) .bx-vw .lt{ background-color:#ff830b;}
.voc-box:nth-child(3) .bx-vw .lt{ background-color:#0d9150;}

/* Current Activity */
.vocdesk-widget { width:100%; display:flex; gap:15px; margin-top:15px; flex-wrap:wrap;} 
.vocatsn-card { width:100%; background:#ffffff; border:1px solid #d4d9df; border-radius:5px; box-sizing:border-box; overflow:hidden; box-shadow:0 1px 3px rgba(20, 45, 80, 0.02); margin-top:15px;} 
.vocacty-card { width:100%; background:#ffffff; border:1px solid #d4d9df; border-radius:5px; box-sizing:border-box; overflow:hidden; box-shadow:0 1px 3px rgba(20, 45, 80, 0.02);} 
.vocacty-card-header { display:flex; align-items:center; padding:12px 15px; box-sizing:border-box; border-bottom:1px solid #e5eaf1; } 
.vocacty-card-header h3, .vocatsn-header h3 { margin:0; color:#000; font-size:14px; line-height:1; font-weight:500; } 
.info-icon { display:inline-flex; align-items:center; justify-content:center; margin-left:9px; color:#111; font-size:13px; } 

.vocacty-body { padding:10px 15px 12px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; gap:10px; } 
.vocacty-item { display:flex; align-items:center; position:relative; border:1px solid #e8edf3; padding:10px; border-radius:5px;} 
.vocacty-icon { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; } 
.vocacty-icon i{ display:flex;}
.vocacty-icon.blue { background:#e8f1ff; color:#0864e9; } 
.vocacty-icon.orange { background:#fff0df; color:#f47b00; } 
.vocacty-icon.green { background:#e6f8ed; color:#05a653; } 
.vocacty-content { display:flex; flex-direction:column; margin-left:17px; gap:5px; min-width:0; } 
.vocacty-content b { color:#000; font-size:14px; font-weight:500; line-height:15px; } 
.vocacty-content span { color:#333; font-size:13px; line-height:14px; } 
.vocacty-number { margin-left:auto; padding-left:10px; font-size:16px; font-weight:500; line-height:1; } 

/* Attention Required */
.vocatsn-header { display:flex; align-items:center; padding:10px 15px; border-bottom:1px solid #e5eaf1; box-sizing:border-box; } 
.vocatsn-title { display:flex; align-items:center; justify-content:space-between; width:100%;}
.vocatsn-title a{ color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;} 
.vocatsn-body { padding:10px 15px; } 
.vocatsn-item { display:flex; align-items:center; position:relative; border-bottom:1px solid #e8edf3; padding-bottom:8px; margin-bottom:8px; } 
.vocatsn-item:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} 
.vocatsn-icon { width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:20px; }
.vocatsn-icon.red { background:#fff0f1; color:#f02c3d; } 
.vocatsn-icon.orange { background:#fff1df; color:#f47b00; } 
.vocatsn-icon.purple { background:#f0eaff; color:#7b45e8; } 

.vocatsn-content { display:flex; flex-direction:column; margin-left:18px; gap:5px; min-width:0; } 
.vocatsn-content b { color:#000; font-size:14px; font-weight:500; line-height:15px; } 
.vocatsn-content span { color:#333; font-size:13px; line-height:14px; } 
.vocatsn-number { margin-left:auto; min-width:22px; text-align:right; font-size:16px; font-weight:500; line-height:1; } 
.vocatsn-arrow { width:26px; margin-left:15px; display:flex; align-items:center; justify-content:flex-end; color:#173c6b; font-size:15px; text-decoration:none; transition:transform 0.2s ease, color 0.2s ease; } 
.vocatsn-arrow:hover { color:#0066e9; transform:translateX(2px); } 
.agent-table{ padding:10px;}

/* Chat Staff Performance - Today */
.vocrcnt-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; padding:15px; width:100%; border:1px solid #d4d9df; margin-top:15px;}
.vocrcnt-smry .vocrcnt-hder { width:100%; margin:0px 0px 15px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.vocrcnt-smry .vocrcnt-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.vocrcnt-smry .vocrcnt-hder h2 small{ font-size:14px; color:#025cfe;}
.vocrcnt-smry .vocrcnt-hder a{ color:#fff; background-color:#1d78cb; padding:3px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.vocrcnt-smry .vocrcnt-hder a:hover{ background-color:#1d78cb;}
.vocrcnt-smry .vocrcnt-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.vocrcnt-smry .vocrcnt-hder h2 img{ max-height:28px; margin-right:10px;}
.vocrcnt-smry .vocrcnt-hder .rt{ display:flex; justify-content:flex-end; align-items:center; width:60%;}
.vocrcnt-hder .vocrcnt-srch{ width:30%; position:relative;}
.vocrcnt-srch a{ position:absolute; right:0; top:6px; background-color:transparent !important;}
.vocrcnt-srch a i{ color:#000;}
.vocrcnt-table{ width:100%;}

/* VoiceDesk calls Top */
.vice-top{ width:100%; margin:15px 0px;}
.vice-cnt-box { display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; width:100%;}
.vice-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.vice-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.vice-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.vice-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.vice-box .bx-vw .rt{ width:72%;}
.vice-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.vice-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.vice-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.vice-box .bx-vw .rt b{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.vice-box .bx-bm{ width:100%;}
.vice-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.vice-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.vice-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.vice-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.vice-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.vice-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Conversation Box */
.cnvrtn-top{ width:100%; margin:15px 0px;}
.cnvrtn-cnt-box { display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; width:100%;}
.cnvrtn-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.cnvrtn-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.cnvrtn-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.cnvrtn-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.cnvrtn-box .bx-vw .rt{ width:72%;}
.cnvrtn-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.cnvrtn-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.cnvrtn-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.cnvrtn-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.cnvrtn-box .bx-bm{ width:100%;}
.cnvrtn-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.cnvrtn-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.prvs{ color:#c8171e !important;}
.cnvrtn-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.cnvrtn-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.cnvrtn-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.cnvrtn-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Sentiment Box */
.stment-top{ width:100%; margin:15px 0px;}
.stment-cnt-box { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; width:100%;}
.stment-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.stment-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.stment-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; border-radius:50px;}
.stment-box .bx-vw .lt img{ max-width:100%; max-height:35px;}
.stment-box .bx-vw .rt{ width:72%;}
.stment-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.stment-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.stment-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.stment-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.stment-box .bx-bm{ width:100%;}
.stment-box .bx-bm small{ display:flex; font-style:normal; font-size:14px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.stment-titl{ width:100%; display:block; padding-top:5px;}
.stment-titl h2{ color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}

/* User Interaction Trend ( Unique Users) */
.user-human-box{ width:100%; display:flex; gap:15px; margin-top:15px;}
.user-human { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.user-human .human-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.user-human .human-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.user-human .human-hder .sort-ord .custom-select{ border-radius:4px; padding:2px 5px 2px 10px; height:24px; text-align:left; font-size:13px; border:1px solid #b7cde3; background-color:#f1f5f9; color:#000;}
.user-human .human-hder .sort-ord .custom-select:focus{ box-shadow:none;}
.user-human .human-hder .sort-ord .custom-select option{ font-size:12px; background-color:#fff;}
.user-human .human-slct{ width:100%;}
.user-human .human-slct #handling-breakdown{ width:100%; height:230px; }

.break-sts { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.break-sts .break-hder { width:100%; margin:0px 0px 15px; align-items:center; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.break-sts .break-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.break-sts .break-hder a { color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.break-sts .break-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.break-sts .break-slct{ width:100%; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; align-items:center; /* padding-bottom:25px; */}
.break-wrapper{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:44%; }
.break-wrapper #handling-breakdown{ width:200px; height:220px; }

.break-cnt{ width:56%;}
.break-rht{ width:100%;}
.break-box { background-color:#ebeff2; padding:5px 7px; color:#000; font-size:16px; font-weight:400; display:flex; align-items:center; position:relative; z-index:0; width:100%; margin-bottom:10px; border-radius:5px;}
.break-box:last-child{ margin-bottom:0px;}
.break-box .bx-vw{ width:70%; display:flex; align-items:center; gap:8px;}
.break-box .bx-vw .lt { width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}
.break-box .bx-vw .lt img{ max-width:100%; max-height:28px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(182deg) brightness(107%) contrast(101%);}
.break-box .bx-vw .rt{ width:85%; text-align:left;}
.break-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:14px; color:#000; font-weight:400;}
.break-box .bx-vw .rt b{ font-size:14px; line-height:20px; font-weight:600; color:#000;}
.break-box .bx-bm{ width:30%;}
.break-box .bx-bm i{ display:flex; color:#000; font-style:normal; justify-content:center; background-color:rgba(255,255,255,1); border-radius:5px; padding:3px 10px; font-weight:500; font-size:13px;}
.break-box:nth-child(1) .bx-vw .lt{ background-color:#7b27af;}
.break-box:nth-child(2) .bx-vw .lt{ background-color:#ff830b;}
.break-box:nth-child(3) .bx-vw .lt{ background-color:#0d9150;}
.break-total{ display:flex; justify-content:space-between;}

.form-control{ font-size:14px;}
.form-control:focus{ box-shadow:none;}
.popover-header{ font-size:14px; font-weight:400;}
.popover{ width:500px;}

.fix-btn{ width:100%; background-color:#fff; left:0; margin-top:15px;}
.fix-btn span{ width:100%; display:flex; justify-content:flex-start; align-items:center; gap:5px;}
.fix-btn span button{ background-color:#1d78cb; padding:2px 12px; margin:0; margin-right:0px; margin-right:0px; font-size:14px; color:#fff; border-radius:5px; font-weight:400; border:none; line-height:20px;}
.fix-btn span button.cancel{ background-color:#f3f3f3; padding:2px 15px; margin:0; margin-right:0px; margin-right:0px; font-size:14px; color:#000; border-radius:5px; font-weight:400; border:none; border:1px solid #999; line-height:20px;}

.tp-resn-smry{ width:50%; background-color:#fff; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; border:1px solid #d4d9df;}
.tp-resn-smry .tp-resn-hder { width:100%; margin:0px 0px 15px; display:flex; align-items:center; gap:8px; justify-content:space-between;}
.tp-resn-smry .tp-resn-hder a{ color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.tp-resn-smry .tp-resn-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.tp-resn-smry .tp-resn-hder h2 img{ max-height:30px; margin-right:10px;}
.tp-resn-smry .tp-resn-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.tp-resn-slct { display:flex; width:100%; padding:0 0; flex-wrap:wrap; align-items:flex-start;}

.resn-card{ width:100%;}
.resn-card h2 { margin-bottom:10px; font-size:20px; font-weight:600; color:#000;}
.resn-table{ width:100%; border-collapse:collapse;}
.resn-table th{ color:#000; font-size:13px; font-weight:600; padding-bottom:5px; text-align:center; border-bottom:1px solid #D4D9DF;}
.resn-table th.left{ text-align:left;}
.resn-table td{ padding:5px 0; color:#000; font-size:14px; font-weight:500; text-align:center;}
.resn-name{ display:flex; align-items:center; gap:10px; text-align:left !important;}

.resn-table .icon{ width:26px; height:26px; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0;}
.resn-table .icon img{ width:15px; height:15px; filter:invert(100%) sepia(31%) saturate(2%) hue-rotate(253deg) brightness(112%) contrast(101%);}
.resn-table .blue{ background:#1E63FF;}
.resn-table .green{ background:#159A43;}
.resn-table .red{ background:#c8171f;}
.resn-table .orange{ background:#FF7900;}
.resn-table .purple{ background:#ae4284;}
.resn-table .teal{ background:#1AA79C;}
.resn-table .gray{ background:#717171;}
.resn-table .bar{ width:80px; height:8px; background:#E7ECF6; border-radius:50px; overflow:hidden; margin:auto;}
.resn-table .fill{ height:100%; display:block; border-radius:50px;}
.resn-table .fill.blue{ background:#1E63FF;}
.resn-table .fill.green{ background:#159A43;}
.resn-table .fill.red{ background:#c8171f;}
.resn-table .fill.orange{ background:#FF7900;}
.resn-table .fill.purple{ background:#af4284;}
.resn-table .fill.teal{ background:#159A43;}
.resn-table .fill.gray{ background:#717171;}
.resn-table tfoot td{ border-top:1px solid #D4D9DF; padding-top:5px; color:#000; font-size:14px; font-weight:600; text-align:left;}

/* User Interaction Trend ( Unique Users) */
.user-otme-box{ width:100%; display:flex; gap:15px; margin-top:15px;}
.user-otme { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.user-otme .otme-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.user-otme .otme-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.user-otme .otme-hder .sort-ord .custom-select{ border-radius:4px; padding:2px 5px 2px 10px; height:24px; text-align:left; font-size:13px; border:1px solid #b7cde3; background-color:#f1f5f9; color:#000;}
.user-otme .otme-hder .sort-ord .custom-select:focus{ box-shadow:none;}
.user-otme .otme-hder .sort-ord .custom-select option{ font-size:12px; background-color:#fff;}

.user-otme .otme-slct{ width:100%;}
.user-otme .otme-slct #conversation-overtime{ width:100%; height:230px; }

.pty-sts { width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; align-content:flex-start; border:1px solid #d4d9df;}
.pty-sts .pty-hder { width:100%; margin:0px 0px 15px; align-items:center; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.pty-sts .pty-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.pty-sts .pty-hder a { color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.pty-sts .pty-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.pty-sts .pty-slct{ width:100%; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; align-items:center; /* padding-bottom:25px; */}

.pty-wrapper{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:50%; }
.pty-wrapper #user-priority-chart{ width:220px; height:220px; }

.pty-cnt{ width:50%;}
.pty-rht{ width:100%;}
.pty-box { background-color:#ebeff2; padding:5px 7px 3px; color:#000; font-size:16px; font-weight:400; display:flex; align-items:center; position:relative; z-index:0; width:100%; margin-bottom:10px; border-radius:5px;}
.pty-box:last-child{ margin-bottom:0px;}
.pty-box .bx-vw{ width:70%; display:flex; align-items:center; gap:8px;}
.pty-box .bx-vw .lt { width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}
.pty-box .bx-vw .lt img{ max-width:100%; max-height:28px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(182deg) brightness(107%) contrast(101%);}
.pty-box .bx-vw .rt{ width:85%; text-align:left;}
.pty-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:14px; color:#000; font-weight:400;}
.pty-box .bx-vw .rt b{ font-size:15px; line-height:20px; font-weight:600; color:#000;}
.pty-box .bx-bm{ width:30%;}
.pty-box .bx-bm i{ display:flex; color:#000; font-style:normal; justify-content:center; background-color:rgba(255,255,255,1); border-radius:5px; padding:3px 10px; font-weight:700; font-size:15px;}
.pty-box:nth-child(1) .bx-vw .lt{ background-color:#7b27af;}
.pty-box:nth-child(2) .bx-vw .lt{ background-color:#ff830b;}
.pty-box:nth-child(3) .bx-vw .lt{ background-color:#0d9150;}

/* operation Overview */
.top-topic{ width:100%; display:flex; gap:15px; margin-top:15px;}
.tp-topic-smry{ width:100%; background-color:#fff; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; border:1px solid #d4d9df;}
.tp-topic-smry .tp-topic-hder { width:100%; margin:0px 0px 15px; display:flex; align-items:center; gap:8px; justify-content:space-between;}
.tp-topic-smry .tp-topic-hder a{ color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.tp-topic-smry .tp-topic-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.tp-topic-smry .tp-topic-hder h2 img{ max-height:30px; margin-right:10px;}
.tp-topic-smry .tp-topic-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.tp-topic-slct { display:flex; width:100%; padding:0 0; flex-wrap:wrap; align-items:flex-start;}

.topic-card{ width:100%;}
.topic-card h2 { margin-bottom:10px; font-size:20px; font-weight:600; color:#000;}
.topic-table{ width:100%; border-collapse:collapse;}
.topic-table th{ color:#000; font-size:18px; font-weight:600; padding-bottom:15px; text-align:center;}
.topic-table th.left{ text-align:left;}
.topic-table td{ padding:3px 0; color:#000; font-size:14px; font-weight:500; text-align:center;}
.topic-name{ display:flex; align-items:center; gap:10px; text-align:left !important;}

.topic-table .icon{ width:26px; height:26px; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0;}
.topic-table .icon img{ width:15px; height:15px; filter:invert(100%) sepia(31%) saturate(2%) hue-rotate(253deg) brightness(112%) contrast(101%);}
.topic-table .blue{ background:#1E63FF;}
.topic-table .green{ background:#159A43;}
.topic-table .red{ background:#c8171f;}
.topic-table .orange{ background:#FF7900;}
.topic-table .purple{ background:#ae4284;}
.topic-table .teal{ background:#1AA79C;}
.topic-table .gray{ background:#717171;}
.topic-table .bar{ width:100px; height:8px; background:#E7ECF6; border-radius:50px; overflow:hidden; margin:auto;}
.topic-table .fill{ height:100%; display:block; border-radius:50px;}
.topic-table .fill.blue{ background:#1E63FF;}
.topic-table .fill.green{ background:#159A43;}
.topic-table .fill.red{ background:#c8171f;}
.topic-table .fill.orange{ background:#FF7900;}
.topic-table .fill.purple{ background:#af4284;}
.topic-table .fill.teal{ background:#159A43;}
.topic-table .fill.gray{ background:#717171;}
.topic-table tfoot td{ border-top:1px solid #D4D9DF; padding-top:15px; color:#02499e; font-size:22px; font-weight:700;}

/* Insights */
.insights-row { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; box-sizing:border-box; margin-top:15px;} 
.insight-card { overflow:hidden; box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:15px; border:1px solid #d4d9df; } 
.insight-header { display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; margin-bottom:10px; } 
.insight-header h4 { margin:0; color:#000; font-size:14px; font-weight:500;} 
.view-all { color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;} 
.view-all:hover{ color:#fff;}
.view-all i { font-size:14px; display:flex; } 
.sentiment-list { width:100%;} 
.sentiment-item { min-height:39px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #edf0f5; } 
.sentiment-left { display:flex; align-items:center; gap:13px; color:#000; font-size:14px; font-weight:400; } 
.sentiment-icon { width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; } 
.sentiment-icon i { font-size:16px; display:flex; } 
.sentiment-icon.positive { color:#159447; background:#dcf5e5; } 
.positive-text { color:#159447; } 
.sentiment-icon.neutral { color:#ff9d00; background:#fff0d5; } 
.neutral-text { color:#f28a00; } 
.sentiment-icon.negative { color:#ed2424; background:#ffe0e0; } 
.negative-text { color:#ff1010; } 
.sentiment-value { font-size:13px; font-weight:600; white-space:nowrap; }

.total-row { height:43px; padding:0; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; color:#111; font-size:14px; } 
.total-row strong { color:#111; font-size:16px; font-weight:700; }

.intents-card { padding-bottom:4px; } 
.intent-list { padding:0px; } 
.intent-item { min-height:25px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #edf0f5; color:#000; font-size:14px; font-weight:400; } 
.intent-item:last-child { border-bottom:0; } 
.intent-item strong { color:#000; font-size:12px; font-weight:500; white-space:nowrap; }

/* Chat Staff Performance - Today */
.convet-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; padding:15px; width:100%; border:1px solid #d4d9df; margin-top:15px;}
.convet-smry .convet-hder { width:100%; margin:0px 0px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.convet-smry .convet-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.convet-smry .convet-hder h2 small{ font-size:14px; color:#025cfe;}
.convet-smry .convet-hder a{ color:#fff; background-color:#1d78cb; padding:2px 7px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.convet-smry .convet-hder a:hover{ background-color:#1d78cb;}
.convet-smry .convet-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.convet-smry .convet-hder h2 img{ max-height:28px; margin-right:10px;}
.convet-smry .convet-hder .rt{ display:flex; justify-content:flex-end; align-items:center; width:60%;}

.convet-hder .convet-srch{ min-width:40%; position:relative;}
.convet-srch a{ position:absolute; right:0; top:6px; background-color:transparent !important;}
.convet-srch a i{ color:#000;}
.convet-table{ width:100%;}
.convet-rhit{ display:flex; width:60%; justify-content:flex-end; gap:10px;}

/* Chat Staff Performance - Today */
.rport-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; /* padding:15px; border:1px solid #d4d9df; */ width:100%; margin-top:10px;}
.rport-smry .rport-hder { width:100%; margin:0px 0px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0px; border-top:1px solid #d4d9df;}
.rport-smry .rport-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.rport-smry .rport-hder h2 small{ font-size:14px; color:#025cfe;}
.rport-smry .rport-hder a{ color:#fff; background-color:#1d78cb; padding:2px 7px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.rport-smry .rport-hder a:hover{ background-color:#1d78cb;}
.rport-smry .rport-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.rport-smry .rport-hder h2 img{ max-height:28px; margin-right:10px;}
.rport-smry .rport-hder .rt{ display:flex; justify-content:flex-end; align-items:center; width:60%;}

.rport-hder .rport-srch{ min-width:40%; position:relative;}
.rport-srch a{ position:absolute; right:0; top:6px; background-color:transparent !important;}
.rport-srch a i{ color:#000;}
.rport-table{ width:100%;}
.rport-rhit{ display:flex; width:60%; justify-content:flex-end; gap:10px;}
.rport-rhit .toplnk{ min-width:auto;}

.rport-footer{ width:100%; margin-top:10px;}
.rport-footer h2{ display:flex; gap:5px; align-items:center; font-size:14px; font-weight:400; color:#222; margin-bottom:0; background-color:#f1f4fb; padding:10px 15px; border-radius:5px; text-align:left;}
.rport-footer h2 i{ font-size:16px;}

.bsns-footer{ width:100%; margin-top:10px; background-color:#f1f4fb; padding:8px 15px; border-radius:5px; display:flex; align-items:center; gap:8px;}
.bsns-footer .lt i{ font-size:16px;}
.bsns-footer h2{ display:flex; gap:5px; align-items:center; font-size:14px; font-weight:400; color:#000; margin-bottom:0;}
.bsns-footer h2 i{ font-size:16px;}
.bsns-footer p{ margin:0; line-height:18px;}

.vice-fter{ width:100%; margin-top:10px; background-color:#f1f4fb; padding:8px 15px; border-radius:5px; display:flex; align-items:center; gap:8px;}
.vice-fter .lt i{ font-size:16px;}
.vice-fter h2{ display:flex; gap:5px; align-items:center; font-size:14px; font-weight:400; color:#000; margin-bottom:0;}
.vice-fter h2 i{ font-size:16px;}
.vice-fter p{ margin:0;}

.rport-msg{ width:100%; margin-top:10px;}
.rport-msg h2{ display:flex; gap:5px; align-items:flex-start; font-size:12px; font-weight:400; color:#222; margin-bottom:0; background-color:#f1f4fb; padding:5px 10px; border-radius:5px;}
.rport-msg h2 i{ font-size:13px; padding-top:3px;}

/* Audit Trails */
.greport-top{ width:100%; margin:0px 0px 15px;}
.greport-cnt-box { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; width:100%;}
.greport-cnt-box-splt { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; width:100%;}
.greport-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.greport-box .bx-vw{ width:100%; display:flex; align-items:center; gap:8px;}
.greport-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.greport-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.greport-box .bx-vw .rt{ width:72%;}
.greport-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.greport-box .bx-vw .rt i{ display:flex; justify-content:space-between; align-items:center; font-size:16px; line-height:16px; color:#000; font-weight:600; font-style:normal;}
.greport-box .bx-vw .rt em{ font-size:13px; line-height:13px; font-weight:400; color:#333; font-style:normal;}
.greport-box .bx-bm{ width:100%; margin-top:6px;}
.greport-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#111; gap:5px;}
.greport-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.greport-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
/* .greport-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;} */
.greport-box:nth-child(2) .bx-vw .lt{ background-color:#c3f0cc;}
.greport-box:nth-child(3) .bx-vw .lt{ background-color:#fbe1c9;}

/* Audit Trails */
.reqst-top{ width:100%; margin:0px 0px 15px;}
.reqst-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; width:100%;}
.reqst-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.reqst-box .bx-vw{ width:100%; display:flex; align-items:center; gap:8px;}
.reqst-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.reqst-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.reqst-box .bx-vw .rt{ width:72%;}
.reqst-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.reqst-box .bx-vw .rt i{ display:flex; justify-content:space-between; align-items:center; font-size:16px; line-height:16px; color:#000; font-weight:600; font-style:normal;}
.reqst-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.reqst-box .bx-bm{ width:100%; margin-top:6px;}
.reqst-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#111; gap:5px;}
.reqst-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.reqst-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.reqst-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.reqst-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.reqst-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

.chanl-lst{ display:flex; align-items:center; justify-content:center; gap:0px;}
.chanl-lst span{ display:flex; align-items:center; /* background-color:#eaedf2; */ width:24px; height:24px; justify-content:center; border-radius:50px; cursor:pointer;}
.chanl-lst span img{ max-height:16px !important;}
.chanl-lst small{ display:flex;font-size:13px; color:#333; margin-left:5px; cursor:pointer;}

.chanl-lst span.cht-chnl img{ filter:invert(19%) sepia(83%) saturate(4497%) hue-rotate(201deg) brightness(94%) contrast(99%);}
.chanl-lst span.cht-whats img{ filter:invert(21%) sepia(98%) saturate(4867%) hue-rotate(157deg) brightness(95%) contrast(102%);}
.chanl-lst span.cht-msger img{ filter:invert(11%) sepia(95%) saturate(7465%) hue-rotate(281deg) brightness(92%) contrast(99%);}
.chanl-lst span.cht-web img{ filter:invert(40%) sepia(92%) saturate(1190%) hue-rotate(356deg) brightness(97%) contrast(105%);}

.chnl-lst{ display:flex; align-items:center; gap:0px;}
.chnl-lst span{ display:flex; align-items:center; /* background-color:#eaedf2; */ gap:5px; justify-content:center; border-radius:50px; cursor:pointer;}
.chnl-lst span img{ max-height:16px !important;}
.chnl-lst small{ display:flex;font-size:13px; color:#333; margin-left:5px; cursor:pointer;}

/* Team List */
.tem-lst{ display:flex; align-items:center; gap:3px;}
.tem-lst span{ display:flex; align-items:center; background-color:#eaedf2; width:23px; height:23px; justify-content:center; border-radius:50px; cursor:pointer; font-size:11px; text-transform:uppercase;}
.tem-lst span img{ max-height:16px !important;}
.tem-lst small{ display:flex;font-size:13px; color:#333; margin-left:5px; cursor:pointer;}
.tem-lst .tem-chnl{ background-color:#059a48; color:#fff;}
.tem-lst .tem-whats{ background-color:#457ffc; color:#fff;}
.tem-lst .tem-msger{ background-color:#7a33f0; color:#fff;}

/* Agent Top Box */
.agnt-top{ width:100%; margin:15px 0px;}
.agnt-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; width:100%;}
.agnt-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:12px 12px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.agnt-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.agnt-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.agnt-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.agnt-box .bx-vw .rt{ width:72%;}
.agnt-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.agnt-box .bx-vw .rt i{ display:flex; justify-content:space-between; align-items:center; font-size:20px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.agnt-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.agnt-box .bx-bm{ width:100%;}
.agnt-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px;}
.agnt-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.agnt-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.agnt-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.agnt-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.agnt-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Handover Top Box */
.hdovr-top{ width:100%; margin:15px 0px;}
.hdovr-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; width:100%;}
.hdovr-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:12px 12px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.hdovr-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.hdovr-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.hdovr-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.hdovr-box .bx-vw .rt{ width:72%;}
.hdovr-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.hdovr-box .bx-vw .rt i{ display:flex; justify-content:space-between; align-items:center; font-size:20px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.hdovr-box .bx-vw .rt em{ font-size:13px; font-style:normal; line-height:16px; font-weight:400; color:#555;}
.hdovr-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.hdovr-box .bx-bm{ width:100%;}
.hdovr-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.hdovr-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.hdovr-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.hdovr-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.hdovr-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.hdovr-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

.cnt-viw-sctn{ width:100%; background-color:#f3f3f3; padding:10px 15px; border-radius:5px; margin-top:10px; display:flex; align-items:center; justify-content:space-between;}
.cnt-viw-sctn small{ font-size:13px; color:#555; margin-bottom:5px;}
.cnt-viw-sctn h2{ color:#000; font-size:14px; font-weight:500; margin:0px; display:flex; align-items:center; gap:8px; width:100%;}

.callout { background:#FEF3E2; border:1px solid #F3DDB0; border-radius:6px; padding:5px 13px; font-size:13px; color:#000; line-height:20px; margin:12px 0;}
.callout.danger { background:#FDECEC; border-color:#F2C6C6; color:#B40909; }
.callout b{ font-weight:600;}

.contnt-sctn-viw{ width:100%; margin-top:15px; display:flex; gap:15px; align-items:flex-start;}
.contnt-sctn{ width:75%;}
.contnt-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:20px;}
.contnt-top .titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding:8px 15px; word-wrap:anywhere;}
.contnt-top .titl h2 img{ max-height:18px;}
.contnt-top .cnt{ width:100%; padding:15px;}
.contnt-top .cnt h2{ font-size:14px; margin:10px 0px; font-weight:600; color:#000; word-wrap:anywhere;}
.contnt-top .cnt p{ font-size:14px; line-height:18px; font-weight:400; color:#000; margin-bottom:8px; word-wrap:anywhere;}
.contnt-top .cnt p:last-child{ margin-bottom:0;}

.contnt-top .cnt ul{ padding:0; margin:10px 0px;}
.contnt-top .cnt ul li{ font-size:14px; font-weight:400; counter-increment:step; display:flex; gap:10px; margin-bottom:5px;}
.contnt-top .cnt ul li:last-child{ margin-bottom:0;}
.contnt-top .cnt ul li::before{ content:counter(step); flex-shrink:0; width:18px; height:18px; border-radius:4px; font-size:12px; font-weight:500; display:flex; align-items:center; justify-content:center; margin-top:2px; background-color:#e6ebf0;}
.contnt-top .cnt h1{ color:#cd2c21; font-size:16px; font-weight:600; position:relative; margin:0px 0px 3px;}
.contnt-top .cnt h2 img{ max-width:100%; max-height:35px; margin:0px 10px 0px 0px;}
.contnt-top .cnt h3{ color:#000; font-size:14px; font-weight:600; position:relative; margin:0px 0px 3px; display:flex; align-items:center;}

.contnt-top .cnt h4{ color:#000; font-size:14px; font-weight:600; position:relative; margin:0px 0px 3px;}
.contnt-top .cnt a{ font-size:14px; display:inline-block;}
.contnt-top .cnt img{ max-width:100%; margin:15px 0px;}
.contnt-top .cnt video{ max-width:100%; margin:15px 0px; width:100%;}

.qus-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:20px;}
.qus-top .titl { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #d4d9df; padding:8px 15px; word-wrap:anywhere;}
.qus-top .titl h2{ font-size:14px; margin:0px; font-weight:500; color:#000;}
.qus-top .titl h2 img{ max-height:18px;}
.qus-top .titl a{ border:1px solid #999; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px;}
.qus-top .titl a i{ display:flex; opacity:0.7;}
.qus-top .cnt{ width:100%; padding:15px;}
.qus-top .cnt .fa-qus{ width:100%; position:relative;}
.qus-top .cnt .fa-qus .qus-bx{ width:100%; position:relative; padding-right:50px; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px;}
.qus-top .cnt .fa-qus .qus-bx:last-child{ margin-bottom:0; border:none; padding-bottom:0; margin-bottom:0;}
.qus-top .cnt .fa-qus .qus-bx h3{ font-size:14px; margin:0px 0px; font-weight:600; color:#000; word-wrap:anywhere;}
.qus-top .cnt .fa-qus .qus-bx p{ font-size:14px; line-height:18px; font-weight:400; color:#000; margin:0px 0px 5px; word-wrap:anywhere;}
.qus-top .cnt .fa-qus .qus-bx p:last-child{ margin-bottom:0;}
.qus-top .cnt .fa-qus .qus-bx .ques-edit{ position:absolute; right:20px; top:10px;}
.qus-top .cnt .fa-qus .qus-bx .ques-edit a{ width:20px; height:20px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#f2f3f4; border-radius:5px; margin:0;}
.qus-top .cnt .fa-qus .qus-bx .ques-edit a i{ display:flex; color:#000;}

.upld-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:20px;}
.upld-top .titl { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #d4d9df; padding:8px 15px; word-wrap:anywhere;}
.upld-top .titl h2{ font-size:14px; margin:0px; font-weight:500; color:#000;}
.upld-top .titl h2 img{ max-height:18px;}
.upld-top .titl a{ border:1px solid #999; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px;}
.upld-top .titl a i{ display:flex; opacity:0.7;}
.upld-top .cnt{ width:100%; padding:15px;}
.upld-top .cnt .fa-upld{ width:100%; position:relative;}
.upld-top .cnt .fa-upld .upld-bx{ width:100%; position:relative; display:flex; align-items:center; gap:10px;}
.upld-top .cnt .fa-upld .upld-bx a{ display:flex; height:150px; border:1px solid #eee; padding:5px; border-radius:5px;}


.crd-right { background:#fff; width:25%; position:sticky; top:120px;}

.details-sidebar { width:280px; max-width:100% } 
.sde-crd { width:100%; background:#ffffff; border:1px solid #b3bdc9; border-radius:5px; overflow:hidden; margin-bottom:16px; } 
.sde-crd:last-child { margin-bottom:0; } 
.sde-crd-header { width:100%; padding:6px 10px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #b3bdc9; } 
.sde-crd-header h4 { margin:0; color:#111; font-size:14px; font-weight:500; } 
.sde-crd .details-body { padding:5px 10px; } 
.sde-crd .detail-row { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dde5ee; padding:5px 0px;} 
.sde-crd .detail-row.last { border-bottom:0; } 
.sde-crd .detail-label { color:#333; font-size:13px; font-weight:400; } 
.sde-crd .detail-row strong { color:#111; font-size:13px; font-weight:600; text-align:right; } 
.sde-crd .published-status { display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:12px; background:#e0f7eb; color:#099957; font-size:11px; font-weight:600; } 
.sde-crd .published-status i { font-size:7px; } 

.avlty-header { width:100%; } 
.avlty-header a { color:#4932d4; text-decoration:none; font-size:12px; font-weight:600; margin:0; } 
.avlty-header a span { margin-left:2px; font-size:14px; } 
.avlty-body { padding:0px 10px 0px; } 
.avlty-row { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dde5ee; padding:5px 0px;} 
.avlty-row:last-child{ border-bottom:0; } 
.avlty-info { display:flex; flex-direction:column; } 
.avlty-info strong { color:#111; font-size:13px; font-weight:600; } 
.avlty-info span { color:#666; font-size:12px; } 
.avlty-card .switch { position:relative; display:inline-block; width:34px; height:18px; margin:0; } 
.avlty-card .switch input { width:0; height:0; opacity:0; } 
.avlty-card .slider { position:absolute; inset:0; background:#cdd4dc; border-radius:20px; cursor:pointer; transition:.2s ease; } 
.avlty-card .slider::before { content:""; position:absolute; width:14px; height:14px; left:2px; top:2px; background:#ffffff; border-radius:50%; box-shadow:0 1px 3px rgba(0, 0, 0, .15); transition:.2s ease; } 
.avlty-card .switch input:checked + .slider { background:#0ca85a; } 
.avlty-card .switch input:checked + .slider::before { transform:translateX(16px); } 

.atn-body { padding:10px 10px; } 
.side-atn-btn { width:100%; display:flex; align-items:center; justify-content:center; gap:5px; margin-bottom:5px; background:#ffffff; border:1px solid #cfd7e2; border-radius:5px; color:#111; font-size:12px; font-weight:500; cursor:pointer; transition:all .2s ease; padding:5px 10px;} 
.side-atn-btn:last-child { margin-bottom:0; } 
.side-atn-btn i { font-size:12px; display:flex; opacity:0.8;} 
.side-atn-btn:hover { background:#f7faff; border-color:#aebdce; } 
.side-atn-btn.dlte-btn { color:#e12626; border-color:#ffd5d5; } 
.side-atn-btn.dlte-btn:hover { background:#fff7f7; border-color:#ffbcbc; }
.guide-cnt{ box-shadow:none;}

/* 2nd Tab */
.histry-sctn-viw{ margin-top:15px;}
.histry-sticky{ width:100%; border-radius:5px; border:1px solid #CAD2DC;}
.card-rviw{ width:60%;}
.card-rviw-til { font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding:8px 15px; word-wrap:anywhere; }
.timeline-new { display:flex; flex-direction:column; }
.timeline { display:flex; flex-direction:column; padding:15px; }
.tl-item { display:flex; gap:10px; padding-bottom:16px; position:relative; }
.tl-item:not(:last-child)::before { content:''; position:absolute; left:4px; top:13px; bottom:0; width:1px; background:#E4E7EE; }
.tl-dot { width:9px; height:9px; border-radius:50%; background:#2784CD; margin-top:4px; flex-shrink:0; position:relative; z-index:1; }
.tl-title { font-size:12.5px; font-weight:700; }
.tl-sub{ font-size:13px; color:#555;}

/* 3rd Tab */
.prms-box{ width:60%; margin-top:15px;}

/* 4th Tab */
.usg-step{ width:100%; background-color:#e5eef6; padding:15px; border-radius:5px; margin-top:15px;}
.usg-top{ width:100%;}
.usg-top h2{ margin:0 0 5px; font-size:14px; line-height:16px; font-weight:500; color:#000; display:flex; align-items:center; gap:5px;}
.usg-top h2 img{ max-height:16px;}
.usg-top p{ margin:0; font-size:13px; line-height:16px; color:#111;}

.usg-btm{ width:100%; display:flex; align-items:center; gap:10px; margin-top:8px;}
.usg-btm .stn-box{ background-color:#fff; border-radius:5px; padding:10px 15px;}
.usg-btm .stn-box b{ font-weight:700; color:#095da9; display:block; text-align:left; font-size:14px;}
.usg-btm .stn-box small{ font-weight:400; color:#000; display:block; text-align:left; font-size:13px;}


/* Permissions */
.pmns-create-section { width:100%; background:#fff; margin-top:15px;} 
.pmns-create-box { padding:0px 0px 10px; /* border-bottom:1px solid #d4d9df;  */} 
.sctn-title { display:block; margin-bottom:8px; line-height:18px; font-weight:600; font-size:13px; padding-top:0; color:#111;} 

.pmns-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; } 
.pmns-option { position:relative; display:flex; align-items:center; padding:10px 15px; background:#fff; border:1px solid #d4d9df; border-radius:5px; cursor:pointer; transition:all .2s ease; } 
.pmns-option:hover { border-color:#d5dae1; } 
.pmns-option.active { background:#edf4fb; border-color:#7997c0; } 
.pmns-option input { position:absolute; opacity:0; pointer-events:none; }
.radio-circle { position:relative; width:17px; height:17px; flex:0 0 17px; margin-top:3px; margin-right:12px; border:1px solid #d7cdbb; border-radius:50%; background:#fff; } 
.pmns-option.active .radio-circle { border-color:#064ba0; } 
.pmns-option.active .radio-circle::after { content:""; position:absolute; top:3px; left:3px; width:9px; height:9px; background:#064ba0; border-radius:50%;}

.optn-content { display:block; min-width:0; } 
.optn-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:0px; color:#000; font-size:13px; font-weight:600; } 
.optn-description { display:block; color:#333; font-size:12px; font-weight:400; line-height:18px; }
.recommended { display:inline-flex; align-items:center; height:19px; padding:0 7px; border:1px solid #8c9fb6; border-radius:5px; background:#fff; color:#222; font-size:11px; font-weight:500; line-height:18px; }

.prmsn-layout{ margin-top:15px;}

.chip-select { display:flex; flex-wrap:wrap; gap:7px; }

.chip { padding:6px 12px; border-radius:5px; border:1px solid #E2E5EA; font-size:13px; font-weight:500; color:#111; cursor:pointer; background:#F4F5F7; display:inline-flex; align-items:center; gap:6px; }

.edit-cnt-sctn .til{ display:flex; align-items:center; justify-content:space-between;}
.edit-cnt-sctn .til .clear-file { display:flex; gap:6px; align-items:center; justify-content:center; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer; }


/* Tabs */
.tabs-main{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.tabs-main .rt{ display:flex; align-items:center; justify-content:flex-end; width:20%; gap:5px;}
.tabs-main .rt small{ color:#333;}
.tabs-main .rt a{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; border:1px solid #bfcad4; border-radius:5px; margin:0;}
.tabs-main .rt a i{ display:flex;}

.tabs-main .rt .exprt { border:1px solid #ccc; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; height:auto; width:auto;}
.tabs-main .rt .exprt img{ max-width:100%; max-height:13px; opacity:0.5; /* filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(268deg) brightness(106%) contrast(101%); */}

.agent-tabs { width:100%; display:flex; align-items:stretch; margin:0; border:none;}
.agent-tabs .nav-item { margin:0; }
.agent-tabs .nav-link { position:relative; height:45px; display:flex; align-items:center; justify-content:center; padding:0 15px; border:0 !important; border-radius:0 !important; background:transparent; color:#203861; font-size:13px; font-weight:500; white-space:nowrap; transition:all 0.2s ease; }
.agent-tabs .nav-link img{ max-height:18px; margin-right:5px;}
.agent-tabs .nav-link span { margin-left:3px; }
.agent-tabs .nav-link i{ display:flex; margin:0px 3px;}
.agent-tabs .nav-link:hover { color:#075fc7; background:transparent; }
.agent-tabs .nav-link.active { color:#0066d6; background:transparent; font-weight:600; }
.agent-tabs .nav-link.active::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#0066d6; }

.agent-tab-content { padding:0; }
.agent-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; width:100%; margin:15px 0px;} 
.agent-card { width:100%; min-width:0; background:#fff; border:1px solid #e3e8ef; border-radius:5px; overflow:hidden; box-shadow:0 2px 7px rgba(27, 49, 80, 0.05); color:#172b4d; transition:all .2s ease; } 
.agent-card:hover { border-color:#d7e0eb; box-shadow:0 4px 12px rgba(27, 49, 80, 0.10); } 
.agent-card-header { height:50px; padding:10px 10px 5px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; } 
.agent-profile { display:flex; align-items:center; min-width:0; gap:11px; } 
.agent-avatar { width:40px; height:40px; flex:0 0 40px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:14px; font-weight:600; }  .avatar-purple { background:#eadbff; color:#7627d6; } 
.avatar-cyan { background:#cef6f4; color:#149b9c; } 
.avatar-blue { background:#cdeaff; color:#1682d8; } 
.avatar-pink { background:#ffd9ed; color:#df2775; } 
.avatar-yellow { background:#fff0c9; color:#e99800; } 
.avatar-green { background:#d8f3df; color:#269447; } 
.agent-name { display:flex; flex-direction:column; gap:3px; min-width:0; } 
.agent-name b { display:block; color:#13223a; font-size:13px; font-weight:500; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.agent-name span { color:#405575; font-size:12px; line-height:14px; } 
.agent-status { display:inline-flex; align-items:center; gap:5px; flex-shrink:0; padding:3px 7px; border-radius:5px; font-size:10px; font-weight:600; line-height:13px; } 
.agent-status i { width:6px; height:6px; display:block; border-radius:50%; } 
.agent-status.online { color:#14853b; background:#e7f7eb; } 
.agent-status.online i { background:#159b40; } 
.agent-status.busy { color:#d88600; background:#fff2d8; } 
.agent-status.busy i { background:#f39a00; } 
.agent-status.away { color:#0870d2; background:#e8f2ff; } 
.agent-status.away i { background:#0874dc; } 
.agent-status.offline { color:#38516e; background:#edf2f7; } 
.agent-status.offline i { background:#38516e; } 
.agent-conversation { height:49px; padding:7px 10px; display:flex; align-items:center; gap:12px; box-sizing:border-box; } 
.conversation-icon { width:20px; flex:0 0 20px; display:flex; align-items:center; justify-content:center; color:#233e68; font-size:15px; } 
.conversation-info { min-width:0; display:flex; flex-direction:column; gap:2px; } 
.conversation-info b { color:#000; font-size:13px; font-weight:400; line-height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.conversation-info span { color:#444; font-size:12px; line-height:15px; }  
.no-conversation { height:49px; } 
.no-conversation .conversation-info span { color:#405575; } 
.agent-stats { height:51px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #dde1e5; border-bottom:1px solid #dde1e5; } 
.agent-stat { padding:7px 10px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; } 
.agent-stat + .agent-stat { border-left:1px solid #dde1e5; } 
.agent-stat span { margin-bottom:4px; color:#444; font-size:11px; font-weight:400; line-height:12px; white-space:nowrap; } 
.agent-stat b { color:#000; font-size:12px; font-weight:600; line-height:14px; } 
.agent-stat .response-time { color:#079738; } 
.agent-meta { height:30px; padding:0 10px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-bottom:1px solid #dde1e5; box-sizing:border-box; color:#111; font-size:11px; } 
.agent-meta span { white-space:nowrap; } 
.agent-meta b { color:#18a045; font-weight:500; } 
.agent-meta .last-away { color:#e98b00; } 
.agent-card-footer { height:26px; padding:0 10px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; } 
.agent-view { display:inline-flex; align-items:center; gap:6px; color:#006bd6; font-size:12px; font-weight:500; line-height:16px; text-decoration:none; margin:0;} 
.agent-view i { font-size:12px; } 
.agent-view:hover { color:#0053aa; } 
.agent-menu { width:20px; height:28px; padding:0; display:flex; align-items:center; justify-content:center; border:0; outline:0; background:transparent; color:#172f53; cursor:pointer; } 
.agent-menu i { font-size:15px; }

.cnvr-grid { width:100%; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin-top:15px;} 
.cnvr-crd { background:#ffffff; border:1px solid #e7ebf2; border-radius:5px; padding:12px; min-width:0; box-sizing:border-box; box-shadow:0 2px 5px rgba(25, 55, 95, 0.04), 0 6px 18px rgba(25, 55, 95, 0.04); transition:transform 0.2s ease, box-shadow 0.2s ease; } 
.cnvr-crd:hover { transform:translateY(0px); box-shadow:0 4px 8px rgba(25, 55, 95, 0.06), 0 10px 24px rgba(25, 55, 95, 0.10); } 
.cnvr-crd .crd-top { display:flex; align-items:center; justify-content:space-between; min-height:19px; } 
.cnvr-crd .channel { display:flex; align-items:center; gap:6px; color:#102956; font-size:12px; font-weight:500; } 
.cnvr-crd .channel-icon { display:inline-flex; align-items:center; justify-content:center; } 
.cnvr-crd .channel-icon svg { width:15px; height:15px; fill:none; stroke:#09245a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } 
.cnvr-crd .channel-icon.voice svg { width:14px; height:14px; } 
.cnvr-crd .more-btn { border:0; background:transparent; padding:0; margin-left:4px; color:#0b285d; font-size:20px; line-height:12px; cursor:pointer; } 
.cnvr-crd .more-btn:hover { color:#155eef; } 
.cnvr-crd .bottom-more { margin-left:2px; } 
.cnvr-crd .priority { display:inline-flex; align-items:center; height:18px; padding:0 10px; border-radius:4px; font-size:11px; font-weight:600; line-height:18px; } 
.cnvr-crd .priority.high { background:#fff1f1; color:#cf0606; border:1px solid #ecabab; } 
.cnvr-crd .priority.medium { background:#fff5e7; color:#c77000; border:1px solid #ecba7a; } 
.cnvr-crd .priority.low { background:#fbfffc; color:#007307; border:1px solid #75b179; } 
.cnvr-crd .customer { display:flex; align-items:center; gap:10px; margin-top:11px; } 
.cnvr-crd .avatar { width:34px; height:34px; flex:0 0 34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; } 
.cnvr-crd .customer-info { min-width:0; } 
.cnvr-crd .customer-name { color:#112650; font-size:14px; font-weight:600; line-height:18px; } 
.cnvr-crd .conversation-id { margin-top:1px; color:#607195; font-size:11px; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.cnvr-crd .avatar.pink { color:#ef3152; background:#ffe5ec; } 
.cnvr-crd .avatar.green { color:#159447; background:#e3f6e9; } 
.cnvr-crd .avatar.orange { color:#f47700; background:#fff0dc; } 
.cnvr-crd .avatar.blue { color:#1764d8; background:#e2edff; } 
.cnvr-crd .avatar.purple { color:#7144df; background:#eee6ff; } 
.cnvr-crd .avatar.lavender { color:#7950cf; background:#eee7ff; } 
.cnvr-crd .avatar.yellow { color:#ef9b00; background:#fff2d9; } 
.cnvr-crd .avatar.cyan { color:#0caaa9; background:#dff7f6; } 
.cnvr-crd .avatar.gray { color:#5d6980; background:#eef1f5; } 
.cnvr-crd .subject { margin-top:12px; color:#0b285d; font-size:13px; font-weight:500; line-height:18px; min-height:18px; } 
.cnvr-crd .divider { width:100%; height:1px; margin:5px 0; background:#e9edf3; } 
.cnvr-crd .assignment { display:grid; grid-template-columns:minmax(0, 1fr) 55px; gap:5px; min-height:45px; } 
.cnvr-crd .label { color:#555; font-size:10px; font-weight:400; line-height:13px; } 
.cnvr-crd .agent { display:flex; align-items:center; gap:8px; margin-top:5px; } 
.cnvr-crd .agent .avatar { width:28px; height:28px; flex-basis:28px; font-size:11px; } 
.cnvr-crd .agent-name { color:#111; font-size:13px; font-weight:500; line-height:15px; } 
.cnvr-crd .department { color:#657392; font-size:10px; line-height:14px; margin-top:1px; } 
.cnvr-crd .wait { text-align:center; } 
.cnvr-crd .wait-time { margin-top:5px; font-size:13px; font-weight:600; line-height:16px; } 
.cnvr-crd .wait-time.danger { color:#ed1111; } 
.cnvr-crd .wait-time.warning { color:#ed7100; } 
.cnvr-crd .wait-time.success { color:#07851f; } 
.cnvr-crd .crd-bottom { display:flex; align-items:center; justify-content:space-between; min-height:26px; } 
.cnvr-crd .status { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:500; } 
.cnvr-crd .status span { width:7px; height:7px; border-radius:50%; display:inline-block; } 
.cnvr-crd .assigned-status { color:#07852c; } 
.cnvr-crd .assigned-status span { background:#079638; } 
.cnvr-crd .waiting-status { color:#18315e; } 
.cnvr-crd .waiting-status span { background:#ff8700; } 
.cnvr-crd .actions { display:flex; align-items:center; gap:7px; } 
.cnvr-crd .action-btn, .assign-btn { height:25px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px; border:1px solid #dce5f3; border-radius:5px; background:#ffffff; color:#0754d8; font-size:10px; font-weight:500; cursor:pointer; white-space:nowrap; margin:0;} 
.cnvr-crd .action-btn i{ display:flex; margin-right:3px; font-size:13px;}
.cnvr-crd .action-btn:hover { background:#f5f8ff; border-color:#bdd0f4; } 
.cnvr-crd .action-btn svg { width:13px; height:13px; margin-right:5px; fill:none; stroke:#0754d8; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } 
.cnvr-crd .assign-btn { color:#ffffff; background:#145ce5; border-color:#145ce5; box-shadow:0 2px 5px rgba(20, 92, 229, 0.20); } 
.cnvr-crd .assign-btn:hover { background:#0c4ecb; border-color:#0c4ecb; }

.bar-viw{ display:inline-flex; align-items:center; gap:20px;}
.prfrm-table .bar{ width:150px; height:8px; background:#E7ECF6; border-radius:50px; overflow:hidden; margin:auto;}
.prfrm-table .fill{ height:100%; display:block; border-radius:50px;}
.prfrm-table .fill.blue{ background:#1E63FF;}
.prfrm-table .fill.green{ background:#159A43;}
.prfrm-table .fill.red{ background:#c8171f;}
.prfrm-table .fill.orange{ background:#FF7900;}
.prfrm-table .fill.purple{ background:#af4284;}
.prfrm-table .fill.teal{ background:#159A43;}
.prfrm-table .fill.gray{ background:#717171;}

/* Configuration */
.confi-smry { background-color:#fff; transition:0.4s; border:none; border-radius:5px; width:100%; margin-top:15px;}
.confi-smry .confi-hder { width:100%; margin:0px 0px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0px; border-top:1px solid #d4d9df;}
.confi-smry .confi-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px;}
.confi-smry .confi-hder h2 small{ font-size:14px; color:#025cfe;}
.confi-smry .confi-hder a{ color:#fff; background-color:#1d78cb; padding:2px 7px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}
.confi-smry .confi-hder a:hover{ background-color:#1d78cb;}
.confi-smry .confi-hder p { margin-bottom:0; font-size:18px; font-weight:400; color:#000;}
.confi-smry .confi-hder h2 img{ max-height:28px; margin-right:10px;}
.confi-smry .confi-hder .rt{ display:flex; justify-content:flex-end; align-items:center; width:60%;}

/* Tabs */
.confi-main{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.confi-main .rt{ display:flex; align-items:center; justify-content:flex-end; width:20%; gap:5px;}
.confi-main .rt small{ color:#333;}
.confi-main .rt a{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; border:1px solid #bfcad4; border-radius:5px; margin:0;}
.confi-main .rt a i{ display:flex;}

.confi-main .rt .exprt { border:1px solid #ccc; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; height:auto; width:auto;}
.confi-main .rt .exprt img{ max-width:100%; max-height:13px; opacity:0.5;}

.agent-confi { width:100%; display:flex; align-items:stretch; margin:0; border:1px solid #d4d9df; border-radius:5px;}
.agent-confi .nav-item { margin:0; }
.agent-confi .nav-link { position:relative; height:45px; display:flex; align-items:center; justify-content:center; padding:0 15px; border:0 !important; border-radius:0 !important; background:transparent; color:#203861; font-size:13px; font-weight:500; white-space:nowrap; transition:all 0.2s ease; margin-bottom:0px;}
.agent-confi .nav-link img{ max-height:18px; margin-right:5px;}
.agent-confi .nav-link span { margin-left:3px; }
.agent-confi .nav-link i{ display:flex; margin:0px 3px;}
.agent-confi .nav-link:hover { color:#075fc7; background:transparent; }
.agent-confi .nav-link.active { color:#0066d6; background:transparent; font-weight:600; }
.agent-confi .nav-link.active::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#0066d6; }

/* Settings Top */
.stng-step{ width:100%; background-color:#e5eef6; padding:15px; border-radius:5px; margin-bottom:10px;}
.stng-top{ width:100%;}
.stng-top h2{ margin:0 0 5px; font-size:14px; line-height:16px; font-weight:500; color:#000; display:flex; align-items:center; gap:5px;}
.stng-top h2 img{ max-height:16px;}
.stng-top p{ margin:0; font-size:13px; line-height:16px; color:#111;}

.stng-btm{ width:100%; display:flex; align-items:center; gap:10px; margin-top:8px;}
.stng-btm .stn-box{ background-color:#fff; border-radius:5px; padding:10px 15px;}
.stng-btm .stn-box b{ font-weight:500; color:#095da9; display:block; text-align:center; font-size:12px;}
.stng-btm .stn-box small{ font-weight:400; color:#000; display:block; text-align:center; font-size:12px;}


/* General Settings */
.settings-page { width:100%; padding:10px 0; box-sizing:border-box; color:#000; background:#fff; } 
.settings-layout { width:100%; display:flex; gap:10px; align-items:start; } 

.settings-layout-log{ flex-wrap:wrap;}
.settings-layout-log .ai-hndlng-grid{ grid-template-columns:repeat(2,1fr);}

.settings-main { border:1px solid #dfe6ef; border-radius:5px; background:#fff; overflow:hidden; width:65%;} 
.section-heading { padding:10px 15px; margin-bottom:0px; } 
.section-heading h2 { margin:0 0 2px; font-size:14px; line-height:16px; font-weight:500; color:#000; } 
.section-heading p { margin:0; font-size:13px; line-height:16px; color:#111; } 
.settings-list { margin:0; border-top:1px solid #dfe6ef; border-bottom:1px solid #dfe6ef; border-radius:0px; overflow:hidden; } 
.setting-row { min-height:50px; display:flex; align-items:center; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid #e2e8f0; justify-content:space-between;} 
.setting-row:last-child { border-bottom:0; } 

.setting-row .new{ display:flex; align-items:center;}

.setting-info { width:60%; padding-right:15px; box-sizing:border-box; } 
.setting-title { display:flex; align-items:center; gap:5px; margin-bottom:5px; color:#000; font-size:13px; line-height:15px; font-weight:500; } 
.setting-title i { font-size:12px; color:#777; font-weight:400; } 
.setting-info p { margin:0; color:#111; font-size:13px; line-height:16px; } 
.setting-control { width:40%; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap;} 
.setting-control .switch { position:relative; display:inline-block; width:32px; height:18px; margin:0 8px 0 0; } 
.setting-control .switch input { width:0; height:0; opacity:0; } 
.supported-languages{ display:grid; gap:0px 10px; grid-template-columns:repeat(2,1fr);}
.setting-control .form-control{ border-radius:5px; padding:4px 10px; color:#000;}

.setting-control .slider { position:absolute; inset:0; cursor:pointer; background:#cbd5e1; border-radius:20px; transition:0.25s ease; } 
.setting-control .slider:before { content:""; position:absolute; width:14px; height:14px; left:2px; top:2px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:0.25s ease; } 
.setting-control .switch input:checked + .slider { background:#0969ee; } 
.setting-control .switch input:checked + .slider:before { transform:translateX(14px); } 
.control-label { color:#000; font-size:12px; font-weight:500; } 
.input-control { justify-content:flex-end; } 
.setting-input { width:100%; padding:6px 12px; box-sizing:border-box; border:1px solid #d7e0eb; border-radius:5px; outline:none; color:#111; font-size:13px; background:#fff; transition:border-color .2s ease, box-shadow .2s ease; } 
.setting-input:focus { border-color:#2274e8; box-shadow:0 0 0 2px rgba(34,116,232,.08); } 
.welcome-row .textarea-control { position:relative; align-self:center; flex-direction:column; align-items:flex-end; } 

.setting-textarea { width:100%; height:70px; padding:10px 12px; box-sizing:border-box; resize:none; border:1px solid #d7e0eb; border-radius:5px; outline:none; color:#000; font-size:13px; line-height:16px; background:#fff; } 
.setting-textarea:focus { border-color:#2274e8; box-shadow:0 0 0 2px rgba(34,116,232,.08); } 
.character-count { width:100%; padding-top:4px; box-sizing:border-box; text-align:left; color:#005fe8; font-size:11px; font-weight:400; } 
.setting-control .custom-select { width:100%; height:38px; padding:0 0px 0px 12px; display:flex; align-items:center; box-sizing:border-box; border:1px solid #d7e0eb; border-radius:5px; color:#000; font-size:12px; background:#fff; } 
.setting-control .custom-select > i:first-child { margin-right:9px; font-size:14px; } 
.setting-control .custom-select .form-select{ border:none; font-size:13px; padding-left:5px;}
.setting-control .custom-select .form-select:focus{ box-shadow:none; outline:none;}
.setting-control .select-arrow { margin-left:auto; font-size:12px; } 

.business-hours { width:100%; padding:6px 10px; display:flex; align-items:center; box-sizing:border-box; border-radius:5px; background:#eef1f6; color:#000; } 
.business-hours > i:first-child { margin-right:10px; font-size:14px; } 
.business-hours div { flex:1; display:flex; flex-direction:column; gap:3px; } 
.business-hours b { font-size:12px; line-height:15px; font-weight:500; } 
.business-hours span { font-size:12px; line-height:14px; color:#111;} 
.business-hours > i:last-child { font-size:13px; } 

.select-clr{ display:flex; align-items:center; justify-content:flex-end; gap:3px;}
.select-clr span{ display:flex; align-items:center; width:20px; height:20px; border-radius:50px; cursor:pointer;}

.powered-row { min-height:70px; } 
.save-btn { background-color:#1d78cb; padding:5px 12px; margin:0; margin-right:0px; font-size:14px; color:#fff !important; border-radius:5px; font-weight:400; border:none;} 
.save-btn:hover { background:#146fc2; } 

.settings-sidebar { display:flex; flex-direction:column; gap:12px; width:35%; position:sticky; top:115px; align-self:start; height:fit-content;} 
.sidebar-viw{ width:100%; display:flex; flex-direction:column; gap:12px;}
.side-card { border:1px solid #dfe6ef; border-radius:5px; background:#fff; overflow:hidden; } 
.side-card-heading { padding:10px 15px; border-bottom:1px solid #dfe6ef;} 
.side-card-heading h3, .quick-heading h3, .help-card h3 { margin:0; color:#000; font-size:14px; line-height:16px; font-weight:500; } 
.side-card-heading p { margin:3px 0 0; color:#111; font-size:13px; line-height:14px;} 
.preview-card { padding-bottom:13px; } 

.snap-grid{ width:93%; margin:10px auto 0px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.snap-grid .snap-lst{ border:1px solid #dfe6ef; border-radius:5px; padding:10px;}
.snap-grid .snap-lst h3{ font-size:15px; font-weight:600; margin-bottom:0;}
.snap-grid .snap-lst small{ font-size:13px; color:#444; line-height:15px; display:block;}

.snap-grid .snap-lst:nth-child(1){ background-color:#f6e3e9; border:1px solid #ecd0d8;}
.snap-grid .snap-lst:nth-child(2){ background-color:#dff4ee; border:1px solid #cfe7e0;}
.snap-grid .snap-lst:nth-child(3){ background-color:#e3eefb; border:1px solid #d4e3f4;}
.snap-grid .snap-lst:nth-child(4){ background-color:#fbedba; border:1px solid #f2e3ae;}

/* Chat Header */ 
.side-card .chat-header { height:35px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; background:#0969ed; color:#fff; font-size:13px; font-weight:500; border:none;} 
.side-card .chat-header i { font-size:13px; } 
.side-card .chat-body { padding:16px 14px 13px; box-sizing:border-box; display:flex; flex-direction:column; gap:10px;} 
.side-card .chat-body .chat-inner{ max-height:220px; overflow-y:scroll; scrollbar-width:thin; padding-right:5px; display:flex; flex-direction:column; gap:10px;}
.side-card .chat-message { display:flex; align-items:flex-start; gap:10px; } 
.side-card .chat-message.rht{ flex-direction:row-reverse;}

.bot-avatar { width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:#eff4f9;} 
.bot-avatar img{ max-height:16px;}

/* Message box */ 
.chat-preview { width:95%; margin:10px auto 15px; border-radius:7px; background:#fff; box-shadow:0 8px 19px rgba(29,61,100,.08); overflow:hidden; } 
.chat-preview .message-box { width:88%; padding:10px 13px; box-sizing:border-box; border:1px solid #dce4ee; border-radius:5px; color:#000; } 
.chat-preview .message-box p { margin:0 0 4px; font-size:12px; line-height:15px; font-weight:500; } 
.chat-preview .message-box small { display:block; margin-top:6px; color:#91a1b9; font-size:10px; } 
.chat-preview .message-box em{ display:block; margin-bottom:2px; color:#91a1b9; font-size:10px; font-style:normal;}

/* Chat Input */ 
.chat-preview .chat-input { height:40px; display:flex; align-items:center; box-sizing:border-box; border:1px solid #dce4ee; border-radius:5px; color:#7185a5; font-size:11px; padding:10px 5px 10px 0px !important; } 
.chat-preview .chat-input .form-control{ border:none;}
.chat-preview .chat-input .form-control:focus{ border:none; box-shadow:none;}
.chat-preview .chat-input span { flex:1; } 
.chat-preview .chat-input > i { margin-right:10px; color:#50698f; font-size:16px; } 
.chat-preview .chat-input button { width:29px; height:29px; border:0; border-radius:5px; background:#f1f4f8; color:#31527f; display:flex; align-items:center; justify-content:center; } 
.chat-preview .chat-input button i { font-size:14px; } 
.customize-btn { display:flex; align-items:center; justify-content:center; margin:0 auto; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer; } 
.customize-btn i { margin-right:8px; font-size:14px; display:flex;} 

.quick-card { padding:0 15px 0px; } 
.quick-heading { padding:12px 0; } 
.quick-item { padding:5px 0px; display:flex; align-items:center; border-bottom:1px solid #e6ebf2; position:relative;} 
.quick-item:last-child { border-bottom:0; } 
.quick-item a{ position:absolute; right:0; top:30%; color:#000;}
.quick-item a:hover{ color:#0152ff;}
.quick-icon { width:32px; height:32px; flex:0 0 32px; display:flex; align-items:center; justify-content:center; border:1px solid #dce5ef; border-radius:5px; color:#0868ed; font-size:15px; } 

/* Quick content */ 
.quick-content { margin-left:10px; display:flex; flex-direction:column; gap:0px; } 
.quick-content b { color:#000; font-size:13px; font-weight:500; } 
.quick-content span { color:#333; font-size:12px; } 
.help-card { padding:10px 15px; } 
.help-card h3 { margin-bottom:3px; } 
.help-card p { margin:0 0 10px; color:#111; font-size:13px; } 
.documentation-btn { display:flex; align-items:center; justify-content:flex-start; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer; } 
.documentation-btn i { margin-right:8px; font-size:14px; display:flex; }

/* Configuration AI Response */
.ai-setngs-grid { display:grid; grid-template-columns:repeat(1, minmax(0, 1fr)); gap:14px 16px; width:70%; } 
.setngs-card { background:#fff; border:1px solid #dfe6f0; border-radius:5px; padding:0; box-shadow:0 1px 4px rgba(27, 51, 86, 0.03); } 
.setngs-card-head { margin-bottom:0px; padding:10px 15px;} 
.setngs-card-head h3 { display:flex; align-items:center; gap:5px; margin-bottom:3px; color:#000; font-size:14px; line-height:15px; font-weight:600; } 
.setngs-card-head h3 i { color:#666; font-size:13px; } 
.setngs-card-head p { margin:0; font-size:13px; line-height:16px; color:#111; } 
.setngs-inner { border-top:1px solid #dfe6f0; border-radius:0px; overflow:hidden; } 
.setngs-row { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:5px 15px; box-sizing:border-box; } 
.setngs-row + .setngs-row { border-top:1px solid #e3e9f2; } 
.setngs-copy { min-width:0; flex:1; } 
.setngs-copy b { display:flex; align-items:center; gap:5px; margin-bottom:2px; color:#000; font-size:13px; line-height:15px; font-weight:500;} 
.setngs-copy span { margin:0; font-size:13px; line-height:16px; color:#111; } 

.setngs-inner .switch-wrap { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; cursor:pointer; } 
.setngs-inner .switch-wrap input { display:none; } 
.setngs-inner .switch-slider { position:relative; width:31px; height:18px; background:#cdd6e4; border-radius:20px; transition:.2s; } 
.setngs-inner .switch-slider::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.18); transition:.2s; } 
.setngs-inner .switch-wrap input:checked + .switch-slider { background:#0878f8; } 
.setngs-inner .switch-wrap input:checked + .switch-slider::after { transform:translateX(13px); } 
.setngs-inner .switch-wrap em { color:#000; font-size:12px; font-weight:500; font-style:normal;} 
.setngs-inner .select-box { width:120px; } 
.setngs-inner .select-box select, .icon-select select { width:100%; height:30px; padding:0 32px 0 12px; border:1px solid #cfd9e8; border-radius:5px; background:#fff; color:#111; font-size:13px; outline:none; cursor:pointer; } 
.setngs-inner .select-box select:focus, .icon-select select:focus { border-color:#87b5ef; box-shadow:0 0 0 2px rgba(8,120,248,.08); } 
.setngs-inner .setngs-control-block { display:flex; flex-direction:column; align-items:flex-start; gap:5px; } 
.setngs-inner .recommended-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 7px; background:#eaf8ee; border-radius:4px; color:#159344; font-size:12px; line-height:12px; } 
.setngs-inner .recommended-badge i { font-size:10px; display:flex;} 
.setngs-inner .response-segment { display:flex; align-items:center; border:1px solid #cfd9e8; border-radius:5px; overflow:hidden; flex-shrink:0; } 
.setngs-inner .response-segment button { height:30px; padding:0 12px; border:0; border-right:1px solid #d7dfeb; background:#fff; color:#111; font-size:12px; font-weight:400; cursor:pointer; } 
.setngs-inner .response-segment button:last-child { border-right:0; } 
.response-segment button.active { color:#086add; background:#e7f2ff; } 
.setngs-inner .icon-select { position:relative; width:190px; flex-shrink:0; } 
.setngs-inner .icon-select.wide { width:235px; } 
.setngs-inner .icon-select > i { position:absolute; top:50%; left:11px; transform:translateY(-50%); color:#213d70; font-size:13px; z-index:2; pointer-events:none; } 
.setngs-inner .icon-select select { padding-left:33px; }
.setngs-inner .outline-action-btn { display:flex; gap:6px; align-items:center; justify-content:center; margin:0 auto; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer; } 
.setngs-inner .outline-action-btn:hover { background:#f5f9ff; border-color:#a8c6ea; } 
.setngs-inner .outline-action-btn i { color:#0878f8; font-size:12px; display:flex;}

.save-area { display:flex; justify-content:flex-end; padding:16px 23px 22px; gap:10px;} 
.save-btn { background-color:#1d78cb; padding:5px 12px; margin:0; margin-right:0px; font-size:14px; color:#fff; border-radius:5px; font-weight:400; border:none;} 
.save-btn:hover { background:#146fc2; color:#fff; } 
.cancl-btn { background-color:#f3f3f3; padding:4px 15px; margin:0; margin-right:0px; font-size:14px; color:#000 !important; border-radius:5px; font-weight:400; border:none; border:1px solid #999; transition:all ease 0.4s;} 
.cancl-btn:hover { background:#fff; transition:all ease 0.4s; border:1px solid #999;} 
.save-area-new { display:flex; justify-content:flex-end; padding:10px 0px 0px; width:100%;} 
.save-area-chat { display:flex; justify-content:space-between; padding:10px 0px 0px; margin-top:30px;} 
.save-area-chat .rht{ display:flex; gap:5px;}

.reason-section { width:100%; } 
.reason-title { display:block; margin-bottom:5px; color:#000; font-size:13px; font-weight:600; text-align:left;} 
.reason-title span { color:#e33434; }
.reason-grid { display:grid; grid-template-columns:1fr 1fr; gap:5px 5px; }
.reason-option { position:relative; height:30px; display:flex; align-items:center; padding:5px 10px; background:#fff; border:1px solid #d7deea; border-radius:5px; cursor:pointer; box-sizing:border-box; transition:.2s ease; text-align:left; }
.reason-option input { position:absolute; width:1px; height:1px; opacity:0; }
.radio-custom { position:relative; width:16px; height:16px; margin-right:9px; flex-shrink:0; border:1px solid #bfc9d8; border-radius:50%; background:#fff; }
.reason-text { color:#111; font-size:12px; font-weight:500; }
.reason-option:has(input:checked) { background:#fff0f0; border-color:#e33434; }
.reason-option:has(input:checked) .radio-custom { border-color:#e33434; }
.reason-option:has(input:checked) .radio-custom::after { content:""; position:absolute; width:8px; height:8px; top:3px; left:3px; background:#e33434; border-radius:50%; }
.reason-option:has(input:checked) .reason-text { color:#d92525; font-weight:600; }
.reason-option:hover { border-color:#b5c1d2; } 
.reason-option:has(input:checked):hover { border-color:#e33434; }

/* Call handling */
.ai-hndlng-grid { display:grid; grid-template-columns:repeat(1, minmax(0, 1fr)); gap:14px 16px; width:70%; } 
.hndlng-card { background:#fff; border:1px solid #dfe6f0; border-radius:5px; padding:0; box-shadow:0 1px 4px rgba(27, 51, 86, 0.03); } 
.hndlng-card-head { margin-bottom:0px; padding:10px 15px;} 
.hndlng-card-head h3 { display:flex; align-items:center; gap:5px; margin-bottom:3px; color:#000; font-size:14px; line-height:15px; font-weight:600; } 
.hndlng-card-head h3 img{ max-height:16px; opacity:0.7; margin-right:3px;}
.hndlng-card-head h3 i { color:#666; font-size:13px; } 
.hndlng-card-head p { margin:0; font-size:13px; line-height:16px; color:#111; } 
.hndlng-card-head-flex{ display:flex; align-items:center; justify-content:space-between;}
.hndlng-card-head-flex a{ display:flex; gap:5px; align-items:center; justify-content:center; margin:0; padding:5px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer;}
.hndlng-card-head-flex a i{ display:flex; font-size:14px;}

.hndlng-inner { border-top:1px solid #dfe6f0; border-radius:0px; overflow:hidden; } 
.hndlng-row { min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:5px 15px; box-sizing:border-box; } 
.hndlng-row + .hndlng-row { border-top:1px solid #e3e9f2; } 

.hndlng-copy { min-width:0; flex:1; } 
.hndlng-copy h2{ font-size:14px; font-weight:600; margin-bottom:10px;} 
.hndlng-copy b { display:flex; align-items:center; gap:5px; margin-bottom:2px; color:#000; font-size:13px; line-height:15px; font-weight:500;} 
.hndlng-copy b img{ max-height:16px; margin-bottom:3px; margin-right:3px;}
.hndlng-copy span { margin:0; font-size:13px; line-height:16px; color:#111; display:block;} 
.hndlng-copy i{ color:#666; font-size:13px;}
.hndlng-copy em{ width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:2px; background:#d9e6f2;}
.hndlng-copy em i{ font-size:16px !important; color:#000;}
.hndlng-copy p{ margin-bottom:0;}
.ai-hndlng-grid-new{ width:100%;}

.hndlng-info { width:60%; padding-right:15px; box-sizing:border-box; } 
.hndlng-title { display:flex; align-items:center; gap:5px; margin-bottom:5px; color:#000; font-size:13px; line-height:15px; font-weight:500; } 
.hndlng-title i { font-size:12px; color:#777; font-weight:400; } 
.hndlng-info p { margin:0; color:#111; font-size:13px; line-height:16px; } 
.hndlng-control { width:40%; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap;} 
.hndlng-control .switch { position:relative; display:inline-block; width:32px; height:18px; margin:0 8px 0 0; } 
.hndlng-control .switch input { width:0; height:0; opacity:0; } 
.supported-languages{ display:grid; gap:0px 10px; grid-template-columns:repeat(2,1fr);}
.hndlng-control .form-control{ border-radius:5px; padding:4px 10px; color:#000;}

.hndlng-row .icon-upload{ display:flex; align-items:center; flex-direction:column; text-align:left; justify-content:flex-end; position:relative; width:41%;}
.hndlng-row .icon-upload small.nte{ color:#555; padding-right:30px;}

.hndlng-tbl{ width:100%; padding:15px;}

.hndlng-viw{ width:100%; padding:10px 15px; border-bottom:1px solid #e3e9f2;}
.hndlng-viw:last-child{ border-bottom:none;}
.hndl-titl{ width:100%; padding:10px 0px 0px;}
.hndl-titl h2{ font-size:13px; font-weight:600; margin-bottom:5px; background-color:#eef1f6; color:#000; padding:5px 15px; border-radius:5px;}
.hndlng-viw .hndlng-copy b{ margin:0;}

.hndl-titl-top{ width:100%; padding:10px 0px 0px; display:flex; align-items:center; gap:10px; background-color:#f1f4fb; padding:8px 15px; border-radius:5px;}
.hndl-titl-top .lt img{ max-height:20px;}
.hndl-titl-top h2{ font-size:14px; font-weight:600; margin-bottom:0px; color:#000;}
.hndl-titl-top p{ font-size:13px; font-weight:400; margin-bottom:0; color:#000;}

.hndlng-row-full{ flex-wrap:wrap; gap:10px;}
.hndlng-row-full .hndlng-copy{ flex:none; width:100%;}


.hndlng-inner .switch-wrap { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; cursor:pointer; } 
.hndlng-inner .switch-wrap input { display:none; } 
.hndlng-inner .switch-slider { position:relative; width:31px; height:18px; background:#cdd6e4; border-radius:20px; transition:.2s; } 
.hndlng-inner .switch-slider::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.18); transition:.2s; } 
.hndlng-inner .switch-wrap input:checked + .switch-slider { background:#0878f8; } 
.hndlng-inner .switch-wrap input:checked + .switch-slider::after { transform:translateX(13px); } 
.hndlng-inner .switch-wrap em { color:#000; font-size:12px; font-weight:500; font-style:normal;} 
.hndlng-inner .select-box { width:auto; } 
.hndlng-inner .select-box select, .icon-select select { width:100%; height:30px; padding:0 32px 0 12px; border:1px solid #cfd9e8; border-radius:5px; background:#fff; color:#111; font-size:13px; outline:none; cursor:pointer; } 
.hndlng-inner .select-box select:focus, .icon-select select:focus { border-color:#87b5ef; box-shadow:0 0 0 2px rgba(8,120,248,.08); } 
.hndlng-inner .hndlng-control-block { display:flex; flex-direction:column; align-items:flex-start; gap:5px; } 
.hndlng-inner .recommended-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 7px; background:#eaf8ee; border-radius:4px; color:#159344; font-size:12px; line-height:12px; } 
.hndlng-inner .recommended-badge i { font-size:10px; display:flex;} 
.hndlng-inner .response-segment { display:flex; align-items:center; border:1px solid #cfd9e8; border-radius:5px; overflow:hidden; flex-shrink:0; } 
.hndlng-inner .response-segment button { height:30px; padding:0 12px; border:0; border-right:1px solid #d7dfeb; background:#fff; color:#111; font-size:12px; font-weight:400; cursor:pointer; } 
.hndlng-inner .response-segment button:last-child { border-right:0; } 
.response-segment button.active { color:#086add; background:#e7f2ff; } 
.hndlng-inner .icon-select { position:relative; width:190px; flex-shrink:0; } 
.hndlng-inner .icon-select.wide { max-width:215px; } 
.hndlng-inner .icon-select > i { position:absolute; top:50%; left:11px; transform:translateY(-50%); color:#213d70; font-size:13px; z-index:2; pointer-events:none; } 
.hndlng-inner .icon-select select { padding-left:33px; }
.hndlng-inner .outline-action-btn { display:flex; gap:6px; align-items:center; justify-content:center; margin:0 auto; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer; } 
.hndlng-inner .outline-action-btn:hover { background:#f5f9ff; border-color:#a8c6ea; } 
.hndlng-inner .outline-action-btn i { color:#0878f8; font-size:12px; display:flex;}

.aprl-flow{ width:100%; display:flex; align-items:center; gap:5px;}
.aprl-flow span{ display:flex; align-items:center; font-size:13px; background-color:#f3f3f3; padding:3px 10px; border-radius:5px;}
.aprl-flow span.cntnt{ background-color:#eaf1fe; color:#204da1;}
.aprl-flow span.pendng{ background-color:#fde8ee; color:#9d1a3f;}
.aprl-flow span.aprvd{ background-color:#e4f8ee; color:#127945;}

.prmsn-viw{ width:100%;}
.prmsn-tit{ width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; border-bottom:1px solid #dfe6f0; padding:5px 0px 10px;}
.prmsn-cnt{ width:100%; padding:5px 0px 10px;}
.prmsn-lst{ width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; border-bottom:1px solid #dfe6f0; padding:10px 0px;}
.prmsn-lst:last-child{ border-bottom:none;}
.prmsn-lst .prmsn-bx b{ font-weight:400;}

.frm-radio-group{ display:flex; gap:10px;}
.frm-radio-group label{ display:flex; font-size:13px; font-weight:400;}

.frm-chk-group{ display:flex; gap:5px 10px; flex-wrap:wrap;}
.frm-chk-group label{ display:flex; font-size:13px; font-weight:400; gap:4px;}

.call-flow { width:100%; width:95%; margin:0 auto; padding:10px 0px;}
.flow-card { width:100%; min-height:51px; padding:8px 12px 8px 9px; display:flex; align-items:center; background:#fff; border:1px solid #e4eaf0; border-radius:8px; box-shadow:0 1px 3px rgba(20, 45, 80, 0.02); box-sizing:border-box; }
.flow-icon { width:40px; height:40px; min-width:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:10px; }
.flow-icon i { font-size:16px; line-height:1; }
.flow-icon.incoming { background:#e9f8ef; } 
.flow-icon.incoming i { color:#079447; }
.flow-icon.auto-answer { background:#f1f7ff; } 
.flow-icon.auto-answer i { color:#1264df; }
.flow-icon.ai-conversation { background:#f4eaff; } 
.flow-icon.ai-conversation i { color:#8947e8; }
.flow-icon.resolved { background:#e5f8ec; } 
.flow-icon.resolved i { width:25px; height:25px; display:flex; align-items:center; justify-content:center; color:#fff; background:#079447; border-radius:50%; font-size:17px; font-weight:700; }

.time-box{ display:flex; gap:10px;}
.flow-content { flex:1; min-width:0; } 
.flow-content h4 { margin:0 0 2px; color:#000; font-size:13px; line-height:15px; font-weight:500; } 
.flow-content p { margin:0; color:#000; font-size:13px; line-height:14px; font-weight:400; }
.flow-arrow { height:25px; display:flex; align-items:center; justify-content:center; } 
.flow-arrow i { color:#000; font-size:16px; line-height:1; font-weight:600; }

.trns-prew-sctn{ width:95%; margin:0 auto; padding:10px 0px;}
.trns-prew{ width:100%; display:flex; align-items:stretch; padding-bottom:7px; border-bottom:1px solid #edf0f4; margin-bottom:7px;}
.trns-header{ padding:5px 12px; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; box-sizing:border-box; background:#dde8f6; border:none; border-radius:5px; margin-bottom:5px; position:relative;}
.trns-header span{ width:100%; color:#000; font-size:13px; font-weight:500;}
.trns-header small{ width:100%; color:#333; font-size:12px; font-weight:400;}
.trns-header b.lbel{ display:inline-flex; align-items:center; justify-content:center; min-width:45px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fff; color:#007307 !important; border:1px solid #75b179; position:absolute; right:10px;}

.prew-lft{ width:10%;}
.prew-lft b{ display:flex; justify-content:center; padding-top:5px;}
.prew-lft b img{ max-height:15px;}
.prew-rht{ width:90%;}
.prew-rht .rht-nme{ width:100%; font-size:13px; color:#000; font-weight:600; line-height:16px; display:flex; align-items:center; gap:2px; margin-bottom:1px;}
.prew-rht .rht-nme small{ margin-left:5px; color:#666;}
.prew-rht p{ font-size:13px; line-height:18px; font-weight:400; color:#000; margin-bottom:8px; word-wrap:anywhere; padding-left:0px;}
.prew-rht p:last-child{ margin-bottom:0;}

.add-routing{ display:flex; align-items:center; padding:10px; justify-content:flex-start;}
.add-routing .add-rout{ display:flex; gap:5px; align-items:center; justify-content:center; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer;}

/* Notification Recipients */
.recipients-box { width:95%; padding:10px 5px; background:#fff; margin:0 auto 10px; border-bottom:1px solid #dfe6ef; } 
.recipients-box h4 { margin:0 0 10px; color:#000; font-size:13px; line-height:1; font-weight:500; } 
.recipient-row { width:100%; min-height:43px; display:flex; align-items:center; margin-bottom:3px; box-sizing:border-box; } 
.recipient-avtar { width:30px; height:30px; min-width:30px; display:flex; align-items:center; justify-content:center; margin-right:5px; border-radius:50%; color:#fff; font-size:11px; font-weight:600; } 

.avtar-blue { background:#1264e8; } 
.avtar-purple { background:#7040df; } 
.avtar-green { background:#0da66a; } 
.avtar-teal { background:#10ad72; } 
.avtar-red { background:#ef4141; } 
.avtar-indigo { background:#4546c8; } 

.recipient-info { min-width:0; flex:1; display:flex; flex-direction:column; justify-content:center; } 
.recipient-info strong { display:block; margin:0 0 2px; color:#000; font-size:13px; line-height:13px; font-weight:400; } 
.recipient-info span { display:block; color:#111; font-size:11px; line-height:12px; font-weight:400; } 
.recipient-role { display:inline-flex; align-items:center; justify-content:center; min-width:41px; height:18px; padding:0 7px; margin-right:5px; border-radius:4px; font-size:10px; line-height:18px; font-weight:500; white-space:nowrap; } 
.role-admin { color:#075fd8; background:#eaf3ff; } 
.role-supervisor { color:#075fd8; background:#e8f1ff; } 
.role-agent { color:#078b4c; background:#e3f7eb; } 
.role-team { color:#075fd8; background:#e8f1ff; } 
.recipient-delete { width:18px; height:24px; display:flex; align-items:center; justify-content:center; padding:0; margin:0; border:0; outline:none; background:transparent; color:#000; cursor:pointer; } 
.recipient-delete i { font-size:13px; line-height:1; color:#444; transition:all ease 0.4s;} 
.recipient-delete:hover i { color:#e53935; transition:all ease 0.4s;}

/* Chat Widget */
.widget-settings-grid { display:grid; grid-template-columns:repeat(1, minmax(0, 1fr)); gap:15px; width:65%; } 
.widget-card { background:#ffffff; border:1px solid #dce4ef; border-radius:5px; overflow:hidden; box-shadow:0 2px 8px rgba(25, 45, 85, 0.03); } 
.widget-card-header { padding:10px 15px; border-bottom:1px solid #e5eaf2; } 
.widget-card-header h3 { display:flex; align-items:center; gap:5px; margin-bottom:3px; color:#000; font-size:14px; line-height:15px; font-weight:600;} 
.widget-card-header p { margin:0; font-size:13px; line-height:16px; color:#111; } 
.widget-settings-body { width:100%; } 
.widget-setting-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 15px; border-bottom:1px solid #e5eaf2; } 
.widget-setting-row:last-child { border-bottom:0; } 

.setting-text { flex:1; min-width:0; } 
.setting-text b { display:flex; align-items:center; gap:5px; margin-bottom:2px; color:#000; font-size:13px; line-height:15px; font-weight:500;} 
.setting-text span { margin:0; font-size:13px; line-height:16px; color:#111; } 
.color-select { width:152px; height:35px; display:flex; align-items:center; gap:10px; padding:0 12px; background:#fff; border:1px solid #d6e0ec; border-radius:5px; color:#31415f; font-size:11px; font-weight:600; } 
.color-box { width:18px; height:18px; display:block; background:#253e7b; border-radius:2px; } 
.color-select i { margin-left:auto; font-size:11px; } 
.position-buttons { display:flex; border:1px solid #d6e0ec; border-radius:5px; overflow:hidden; } 
.position-buttons button { width:fit-content; height:35px; padding:0; border:0; border-right:1px solid #dce4ee; background:#fff; color:#33415d; font-size:10px; font-weight:500; line-height:12px; cursor:pointer; padding:2px 8px;} 
.position-buttons button:last-child { border-right:0; } 
.position-buttons button.active { background:#f2f7ff; color:#175dbd; } 
.widget-icons { display:flex; align-items:center; gap:6px; } 
.icon-option, .upload-option { width:35px; height:35px; display:flex; align-items:center; justify-content:center; border:1px solid #d7e0ec; border-radius:5px; background:#fff; color:#263b61; cursor:pointer; } 
.icon-option i { font-size:18px; } 
.icon-option.active { color:#0878f8; background:#f2f7ff; border-color:#7eafea; } 
.upload-option { width:61px; color:#2459aa; font-size:11px; font-weight:600; } 

.welcome-message-box { width:181px; } 
.welcome-message-box textarea { width:100%; height:60px; resize:none; padding:10px 12px; background:#fff; border:1px solid #d7e0ec; border-radius:5px; outline:none; color:#111; font-family:inherit; font-size:12px; line-height:18px; } 
.welcome-message-box small { display:block; margin-top:3px; text-align:right; color:#1b63c7; font-size:11px; font-weight:400; } 

.desk-switch { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; cursor:pointer; } 
.desk-switch input { display:none; } 
.desk-switch .slider { position:relative; width:30px; height:18px; display:block; background:#e3e8ef; border:1px solid #c6d0dd; border-radius:20px; transition:all .25s ease; } 
.desk-switch .slider::after { content:""; position:absolute; top:2px; left:2px; width:12px; height:12px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.22); transition:all .25s ease; } 
.desk-switch .slider::before{ display:none;}
.desk-switch input:checked + .slider { background:#0878f8; border-color:#0878f8; } 
.desk-switch input:checked + .slider::after { transform:translateX(12px); } 
.desk-switch em { color:#000; font-size:12px; font-weight:500; font-style:normal;} 

.simple-select { min-width:148px; display:flex; align-items:center; justify-content:space-between; padding:6px 12px; background:#fff; border:1px solid #d6e0ec; border-radius:5px; color:#000; font-size:13px; } 
.simple-select i { font-size:10px; } 
.business-hours-row { border-bottom:0; padding-bottom:9px; } 
.business-hours-box { margin:0 14px 14px; min-height:58px; display:flex; align-items:center; padding:10px 14px; background:#eceff6; border-radius:5px; } 
.business-icon { width:34px; height:34px; display:flex; align-items:center; justify-content:center; margin-right:12px; border-radius:5px; background:#fff; color:#222; } 
.business-icon i { font-size:16px; } 
.business-time { display:flex; flex-direction:column; gap:1px; } 
.business-time b { color:#111; font-size:13px; font-weight:500; } 
.business-time span { color:#333; font-size:12px; } 
.business-hours-box .arrow { margin-left:auto; color:#253c66; font-size:16px; }

.chk-box{ width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.chk-box label{ font-size:13px; color:#000; display:flex; align-items:center; gap:3px; font-weight:400;}

.mobile-layout-row { min-height:90px; } 
.mobile-layout-options { display:flex; gap:9px; } 
.mobile-layout { padding:2px 10px; display:flex; align-items:center; justify-content:center; gap:5px; background:#fff; border:1px solid #d6e0ec; border-radius:5px; color:#2d3e5d; font-size:12px; font-weight:600; cursor:pointer; } 
.mobile-layout i { font-size:18px; } 
.mobile-layout.active { background:#f3f7ff; color:#1e61be; border-color:#75a8e9;} 
.icon-option:hover, .upload-option:hover, .mobile-layout:hover, .position-buttons button:hover { background:#f5f8fc; }

.color-select { position:relative; width:152px; height:40px; display:flex; align-items:center; gap:10px; padding:0 12px; background:#fff; border:1px solid #d6e0ec; border-radius:8px; } 
.color-box { width:18px; height:18px; flex:0 0 18px; background:#253E7B; border-radius:3px; } 
.color-select select { width:100%; height:100%; padding:0 20px 0 0; border:0; outline:none; background:transparent; color:#222; font-size:13px; font-weight:500; cursor:pointer; appearance:none; -webkit-appearance:none; } 
.color-select > i { position:absolute; right:12px; color:#253c66; font-size:10px; pointer-events:none; }
.chat-prew { width:95%; margin:10px auto 15px; border-radius:10px; background:#fff; box-shadow:0 8px 19px rgba(29,61,100,.08); overflow:hidden; } 

/* Message box */ 
.chat-prew .message-box { width:88%; padding:10px 13px; box-sizing:border-box; border:1px solid #dce4ee; border-radius:5px; color:#000; } 
.chat-prew .message-box p { margin:0 0 4px; font-size:12px; line-height:15px; font-weight:500; } 
.chat-prew .message-box small { display:block; margin-top:6px; color:#91a1b9; font-size:10px; } 
.chat-prew .message-box em{ display:block; margin-bottom:2px; color:#91a1b9; font-size:10px; font-style:normal;}

/* Chat Input */ 
.chat-prew .chat-input { height:40px; display:flex; align-items:center; box-sizing:border-box; border:1px solid #dce4ee; border-radius:5px; color:#7185a5; font-size:11px; padding:10px 5px 10px 0px !important; } 
.chat-prew .chat-input .form-control{ border:none;}
.chat-prew .chat-input .form-control:focus{ border:none; box-shadow:none;}
.chat-prew .chat-input span { flex:1; } 
.chat-prew .chat-input > i { margin-right:10px; color:#50698f; font-size:16px; } 
.chat-prew .chat-input button { width:29px; height:29px; border:0; border-radius:5px; background:#f1f4f8; color:#31527f; display:flex; align-items:center; justify-content:center; } 
.chat-prew .chat-input button i { font-size:14px; } 

/* Chat Header */ 
.side-crd { border:1px solid #dfe6ef; border-radius:5px; background:#fff; overflow:hidden; } 
.side-crd { border:1px solid #dfe6ef; border-radius:5px; background:#fff; overflow:hidden; } 
.side-crd-heading { padding:10px 15px; border-bottom:1px solid #dfe6ef;} 
.side-crd-heading h3, .quick-heading h3, .help-crd h3 { margin:0; color:#000; font-size:14px; line-height:16px; font-weight:500; } 
.side-crd-heading p { margin:3px 0 0; color:#111; font-size:13px; line-height:14px;} 
.side-crd .chat-header { padding:5px 15px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; background:#0969ed; color:#fff; font-size:13px; font-weight:500; border:none; flex-wrap:wrap;} 
.side-crd .chat-header i { font-size:13px; } 
.side-crd .chat-header span{ display:flex; width:100%}
.side-crd .chat-header p{ margin-bottom:0; font-size:12px;}
.side-crd .chat-body { padding:16px 14px 13px; box-sizing:border-box; display:flex; flex-direction:column; gap:10px;} 
.side-crd .chat-body .chat-inner{ max-height:300px; overflow-y:scroll; scrollbar-width:thin; padding-right:5px; display:flex; flex-direction:column; gap:10px;}
.side-crd .chat-message { display:flex; align-items:flex-start; gap:10px; } 
.side-crd .chat-message.rht{ flex-direction:row-reverse;}
.bot-avatar { width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:#eff4f9;} 
.bot-avatar img{ max-height:16px;}

/* Security & Privacy */
.security-settings { width:100%; box-sizing:border-box; color:#000; } 
.security-card, .email-card { width:100%; background:#fff; border:1px solid #dfe7f0; border-radius:5px; box-sizing:border-box; } 
.security-card { padding:10px 15px; } 
.security-setting-row { display:flex; align-items:flex-start; padding:10px; box-sizing:border-box; border-bottom:1px solid #e3e9f1; } 
.security-icon { width:48px; height:48px; margin-right:20px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:21px; } 
.security-icon.blue { color:#075ff0; background:#eef5ff; } 
.security-icon i { line-height:1; } 

.security-content { flex:1; min-width:0; } 
.security-content h3 { margin:0px 0 5px; font-size:14px; line-height:15px; color:#000; font-weight:600; } 
.security-content > p { margin:0; color:#111; font-size:13px; line-height:16px; } 
.security-control-row { display:flex; align-items:center; justify-content:space-between; margin-top:10px; } 
.security-control-row > label { width:52%; color:#000; font-size:12px; font-weight:600; } 
.security-select { width:30%; height:40px; padding:10px 13px; display:flex; align-items:center; box-sizing:border-box; border:1px solid #d4dfec; border-radius:5px; background:#fff; color:#000; font-size:13px; } 
.security-select span { flex:1; } 
.security-select i { font-size:12px; color:#000; } 

.security-content .privacy-row { min-height:143px; padding-top:17px; } 
.security-content .privacy-control { display:flex; align-items:center; margin-top:12px; } 
.security-content .privacy-label { display:flex; flex-direction:column; width:52%; gap:7px; } 
.security-content .privacy-label strong { color:#000; font-size:14px; font-weight:600; } 
.security-content .privacy-label span { color:#111; font-size:13px; line-height:16px; } 
.security-content .toggle-wrapper { display:flex; align-items:center; gap:9px; } 
.security-content .switch { position:relative; display:inline-block; width:38px; height:22px; flex:0 0 38px; margin:0; } 
.security-content .switch input { width:0; height:0; opacity:0; } 
.security-content .slider { position:absolute; inset:0; cursor:pointer; background:#cbd5e1; border-radius:30px; transition:all .25s ease; } 
.security-content .slider:before { content:""; position:absolute; width:18px; height:18px; left:2px; top:2px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, .18); transition:all .25s ease; } 
.security-content .switch input:checked + .slider { background:#0869ed; } 
.security-content .switch input:checked + .slider:before { transform:translateX(16px); } 

.toggle-text { color:#000; font-size:13px; font-weight:500; } 
.security-notice { margin-top:12px; padding:10px 15px; display:flex; align-items:center; box-sizing:border-box; border:1px solid #dce7f7; border-radius:5px; background:#f8fbff; } 
.security-notice .notice-icon { width:24px; height:24px; margin-right:10px; display:flex; align-items:center; justify-content:center; border:2px solid #0869ed; border-radius:50%; color:#0869ed; font-size:14px; } 
.security-notice p { margin:0; color:#111; font-size:14px; line-height:18px; width:100%; font-weight:400;} 
.security-notice strong { color:#075fe9; } 

.email-card { width:100%; } 
.email-header { padding:10px 15px; box-sizing:border-box; border-bottom:1px solid #e1e8f0; } 
.email-header h2 { margin:0px 0 5px; font-size:14px; line-height:15px; color:#000; font-weight:600; } 
.email-header p { margin:0; color:#111; font-size:13px; line-height:16px;} 
.notification-row { display:grid; grid-template-columns:minmax(420px, 1fr) 145px 250px 35px; align-items:center; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid #e2e8f0; } 
.notification-info h3 { margin:0px 0 5px; font-size:14px; line-height:15px; color:#000; font-weight:600; } 
.notification-info p { margin:0; color:#111; font-size:13px; line-height:16px; } 
.notification-status { display:flex; align-items:center; gap:6px; } 
.notification-status label{ display:flex;}
.notification-email { display:flex; flex-direction:column; gap:0px; } 
.notification-email span { color:#111; font-size:12px; } 
.notification-email b { color:#000; font-size:13px; font-weight:500; } 
.edit-btn { width:30px; height:30px; padding:0; display:flex; align-items:center; justify-content:center; border:0; background:transparent; color:#102b59; font-size:16px; cursor:pointer; transition:color .2s ease; } 
.edit-btn:hover { color:#0869ed; } 

.notification-email-editor-inner{ padding:10px 15px; border-bottom:1px solid #e2e8f0;}
.notification-email-editor-inner .d-flex{ align-items:center;}

.notification-row .switch { position:relative; display:inline-block; width:32px; height:18px; margin:0; } 
.notification-row .switch input { width:0; height:0; opacity:0; } 
.notification-row .slider { position:absolute; inset:0; cursor:pointer; background:#cbd5e1; border-radius:30px; transition:all .25s ease; } 
.notification-row .slider:before { content:""; position:absolute; width:14px; height:14px; left:2px; top:2px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, .18); transition:all .25s ease; } 
.notification-row .switch input:checked + .slider { background:#0869ed; } 
.notification-row .switch input:checked + .slider:before { transform:translateX(13px); }

.email-notice { padding:10px 15px; display:flex; align-items:center; box-sizing:border-box; border:1px solid #dce7f7; border-radius:5px; background:#f8fbff; width:97%; margin:12px auto; } 
.email-notice .notice-icon { width:24px; height:24px; margin-right:10px; display:flex; align-items:center; justify-content:center; border:2px solid #0869ed; border-radius:50%; color:#0869ed; font-size:14px; } 
.email-notice p { margin:0; color:#111; font-size:14px; line-height:18px; width:100%; font-weight:400;} 
.email-notice strong { color:#075fe9; } 

/* leave History Table */
.sales-table { margin-top:15px; background-color:#fff; transition:0.4s; margin-bottom:20px; } 
.sales-table-new{ margin-top:5px;}
.sales-table .table > tbody > tr td { padding:7px 6px; } 
.sales-table .table > tbody > tr td a { color:#105da4; margin:0; font-size:14px; font-weight:400;} 
.sales-table .table > tbody > tr td a:hover { color:#135ae3; } 
.sales-table .table > tbody > tr td b{ font-weight:600;}

.sales-table .rcent-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 10px; align-items:center; } 
.sales-table .rcent-hder h2 { font-size:21px; color:#000; font-weight:500; margin-bottom:0; } 
.sales-table .rcent-hder .ord-lnk { display:flex; align-items:center; justify-content:flex-end; } 
.sales-table .rcent-hder .ord-lnk a { background-color:#e9eff4; border-radius:5px; text-align:center; padding:4px 8px; font-size:10px; color:#444; text-transform:uppercase; margin:0; } 
.sales-table .rcent-hder .ord-lnk a:hover { color:#0057e1; }
.sales-table form .btn-danger{ background-color:#cd2c21; padding:3px 15px; font-size:15px;}
.sales-table .table > thead > tr th input{ width:16px; height:16px;}
.sales-table .table > tbody > tr td input.call-checkbox{ width:16px; height:16px;}

.dlt-btn{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px;}
.dlt-btn .rec-til{ margin:0; width:auto;}
.dlt-btn1{ justify-content:flex-end;}
.dlt-btn1 button{ margin:0 !important;}
.dlt-btn1 .btn-primary{ margin:0 !important; padding:3px 15px; font-size:15px;}

.table > tbody > tr td .ocm-info{ max-width:200px;}
.table > tbody > tr td .call-info{ max-width:200px;}

.chat-log-table { margin-top:15px; background-color:#fff; transition:0.4s; margin-bottom:20px; } 
.chat-log-table .table thead th{ font-size:16px;}

.avg-time{ color:#007b04;}
.actv-time{ color:#000;}
.actv-time.now{ color:#007b04;}

.opn{ background:#f3f5f9; color:#2267b8; border:1px solid #2267b8; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 
.clsd{ background:#e9f9ee; color:#28a745; border:1px solid #28a745; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block;} 
.escld{ background:#fff4e5; color:#ff9800; border:1px solid #ff9800; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block;} 
.hdovr{ background:#f0e9ff; color:#6f42c1; border:1px solid #6f42c1; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block;} 
.mised{ background:#fdecea; color:#dc3545; border:1px solid #dc3545; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block;}

.atv{ background:#179f7f; color:#fff; border:1px solid #179f7f; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 
.atv:hover{ background:#179f7f; color:#fff; border:1px solid #179f7f;}
.inatv{ background:#cd2c21; color:#fff; border:1px solid #cd2c21; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 
.inatv:hover{ background:#cd2c21; color:#fff; border:1px solid #cd2c21;}

/* .new{ background:#1183da; color:#fff; border:1px solid #1183da; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; }  */
.schdl{ background:#e55c5e; color:#fff; border:1px solid #e55c5e; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 
.cmpt{ background:#a09714; color:#fff; border:1px solid #a09714; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 

.urgnd{ background:#d63a2a; color:#fff; border:1px solid #d63a2a; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 
.rcvd{ background:#27b36b; color:#fff; border:1px solid #27b36b; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; } 

.mis{ background:#f3f5f9; color:#2267b8; border:1px solid #2267b8; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; min-width:85px;} 
.cmp{ background:#e9f9ee; color:#28a745; border:1px solid #28a745; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; min-width:85px;} 
.rej{ background:#fbf1f1; color:#dd372e; border:1px solid #cd2c21; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; min-width:85px;} 
.mised{ background:#fdecea; color:#dc3545; border:1px solid #dc3545; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:600; display:inline-block; min-width:85px;}

.hd-cpy{ color:#086ba0; font-weight:700;  font-size:17px;}
.sw-cpy{ color:#dd7403; font-weight:700;  font-size:17px;}

.cmplt{ font-size:14px; font-weight:700; color:#059f57;}
.pndng{ font-size:14px; font-weight:700; color:#cd2c21;}

.actv{ font-size:14px; font-weight:700; color:#069e57;}
.inactv{ font-size:14px; font-weight:700; color:#cd2c21;}

.bk-sts{ width:100%; display:flex; align-items:baseline; margin-top:25px;}
.bk-sts strong{ font-size:14px; font-weight:700; padding-right:55px; position:relative;}
.bk-sts b{ font-size:14px; font-weight:700; padding-right:55px; position:relative;}
.xsearchbdy .form-row { align-items:flex-end; display:flex; flex-wrap:wrap; } 

/* PANELS */ 
.client-chat{ display:flex; height:100%; margin-top:10px;} 
.sales-panel{ width:26%; background:#fff; padding:15px 10px; position:relative; border:1px solid #d4d9df; border-radius:10px 0px 0px 10px; border-right:none;} 
.sales-header{ display:flex; align-items:center; justify-content:space-between; font-weight:600; margin-bottom:20px; } 
.sales-header h2{ font-size:22px; color:#000; margin-bottom:0px;}
.sales-header .adng-btn{ background:#03367e; border:none; width:25px; height:25px; border-radius:50px; cursor:pointer; display:flex; align-items:center; justify-content:center;} 
.sales-header .adng-btn .bi{ font-size:16px; color:#fff; display:flex;}

.sales-list{ width:100%;}
.sales-user{ display:flex; align-items:center; gap:8px; padding:10px 8px; border-radius:0px; width:100%; cursor:pointer; border-bottom:1px solid #d4d9df; position:relative;} 
.sales-user:last-child{ border-bottom:none;}
.sales-user:hover{ background:#e8f5f6; } 
.sales-user.active { background:#e0f1f2; border-bottom:none; border-radius:10px;}
.sales-user.active h4{ color:#105da4; /* text-decoration:underline; text-decoration-color:#dc8412; */ font-weight:600;}
.sales-user b{ width:40px; height:40px; border-radius:50px; display:flex; position:relative; z-index:0; background-color:#105da4;}
.sales-user b img{ max-width:100%; border-radius:50px;}
.sales-user b i{ width:12px; height:12px; background-color:#cd2c21; position:absolute; top:-2px; right:-2px; z-index:1; border-radius:50px; border:2px solid #fff;}
.sales-user b i.online{ background-color:#0d9701;}
.sales-user b i.offline{ background-color:#cd2c21;}

.sls-cnt{ width:80%;}
.sls-cnt h4{ font-size:16px; font-weight:500; margin-bottom:0px; color:#000;}
.sls-cnt p{ font-size:15px; line-height:20px; font-weight:400; color:#333; margin-bottom:0px;}
.bge{  background-color:#37806e; color:#fff; font-size:11px; padding:1px 5px; border-radius:5px; position:absolute; right:8px; bottom:10px;} 

.recnt-viw{ width:100%; margin:5px 0px 20px;}
.recnt-viw .titl{ width:100%; margin-bottom:10px;}
.recnt-viw .titl h2{ font-size:20px; color:#000; margin:0;}
.recnt-list{ width:100%; display:flex; gap:10px; margin:8px 0px 20px; background-color:#f4f2f2; padding:12px; border-radius:10px;}
.recnt-user{ display:flex; align-items:center; gap:5px; padding:8px 10px 5px; cursor:pointer; border:1px solid #ddd; position:relative; flex-direction:column; text-align:center; border-radius:10px; min-width:12%; background-color:#fff;} 
.recnt-user:hover .recnt-cnt h4{ color:#105da4; transition:all ease 0.4s;} 
.recnt-user.active { background:#e0f1f2; border-bottom:none; border-radius:10px;}
.recnt-user.active h4{ color:#105da4; /* text-decoration:underline; text-decoration-color:#dc8412; */ font-weight:600;}
.recnt-user b{ width:40px; height:40px; border-radius:50px; display:flex; position:relative; z-index:0; background-color:#105da4;}
.recnt-user b img{ max-width:100%; border-radius:50px;}
.recnt-user b i{ width:12px; height:12px; background-color:#cd2c21; position:absolute; top:-2px; right:-2px; z-index:1; border-radius:50px; border:2px solid #fff;}
.recnt-user b i.online{ background-color:#0d9701;}
.recnt-user b i.offline{ background-color:#cd2c21;}

.recnt-cnt{ width:100%; transition:all ease 0.4s;}
.recnt-cnt h4{ font-size:14px; font-weight:400; margin-bottom:0px; color:#666;}

/* CONVERSATION */ 
.conv-panel{ width:30%; background:#fff; padding:15px 10px; border:1px solid #d4d9df; border-radius:0px 10px 10px 0px; margin-right:10px;} 
.conv-header h2{ font-size:22px; color:#000; margin-bottom:20px;}

/* CHAT */ 
.chat-viw{ width:80%; margin:20px auto; }
.chat-panel{ width:100%; background-color:#e8eff4; margin-top:0px; border-radius:0px 0px 10px 10px; overflow:hidden; /*background:#e8eff4; border-radius:10px;*/} 
.chat-header{ display:flex; justify-content:space-between; align-items:center; padding:15px 10px; border-bottom:1px solid #bfc8cb; width:100%;} 
.chat-header h2{ font-size:22px; color:#000; margin-bottom:20px;}

.chat-user{ display:flex; gap:15px; align-items:center; width:100%;} 
.chat-user .lt{ display:flex; gap:15px; align-items:center; width:72%;}
.chat-user .lt b { width:50px; height:50px; border-radius:50px; display:flex; position:relative; z-index:0; background-color:#105da4;}
.chat-user .lt b img{ max-width:100%; border-radius:50px; } 
.chat-user .lt b i{ width:14px; height:14px; background-color:#cd2c21; position:absolute; top:-1px; right:-1px; z-index:1; border-radius:50px; border:2px solid #fff;}
.chat-user .lt b i.online{ background-color:#0d9701;}
.cht-til h4{ font-size:20px; font-weight:500; margin-bottom:3px; color:#000;}
.cht-til p{ font-size:14px; line-height:16px; font-weight:400; color:#444; margin-bottom:0px;}
.lead{ background-color:#0d9701; color:#fff; padding:1px 10px; border-radius:5px; font-size:13px; font-weight:400;} 

.chat-user .rt{ width:28%; display:flex; justify-content:flex-end; gap:10px;}

.lnk a{ display:flex; align-items:center; justify-content:center;}
.lnk a i{ color:#4f5e70; font-size:18px;}
.lnk a:hover i{ color:#455363;}

/* Call Modal */
.call-bx{ width:100%;}
.call-bx .call-top{ width:100%;}
.call-bx .call-top b{ width:100%; display:flex; align-items:center; justify-content:center; gap:10px; font-size:25px; font-weight:600; color:#000;}
.call-bx .call-top b i{ width:40px; height:40px; background-color:#105da4; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.call-bx .call-top b i img{ max-width:100%; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); max-height:20px;}

.call-cnt{ width:100%; background-color:#eef3f4; padding:20px; border-radius:10px; margin:20px 0px 30px;}
.call-cnt span{ width:90px; height:90px; background-color:#105da4; border-radius:50px; display:flex !important; align-items:center; justify-content:center; margin:0 auto; overflow:hidden;}
.call-cnt span img{ max-width:100%; max-height:40px; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(106deg) brightness(103%) contrast(106%);}
.call-cnt h4{ text-align:center; font-size:24px; margin:10px 0px 0px !important; color:#000;}
.call-cnt p{ text-align:center; font-size:18px; margin:0px; color:#000}

.call-btm{ width:100%; display:flex; align-items:center; justify-content:center; gap:10px;}
.call-btm a{ width:60px; height:60px; background-color:#105da4; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.call-btm a img{ max-width:100%; max-height:30px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}
.call-btm a.ans{ background-color:#0cc68c;}
.call-btm a.unans{ background-color:#fd3a55;}

.chat-popup-footer .btn{ font-size:18px;}
/* Contact Info */
/* .chat-prfl{ width:450px !important;} */
.profile-wrapper{ width:100%; margin:40px 0;} 
.profile-top{ text-align:center; } 
.profile-top .avatar{ position:relative; display:inline-block;} 
.profile-top .avatar img{ width:90px; height:90px; border-radius:50%; } 
.profile-top .online{ width:14px; height:14px; background:#2ecc71; border-radius:50%; position:absolute; bottom:5px; right:5px; border:2px solid white;} 
.profile-top h2{ margin:10px 0 5px; font-size:22px; } 
.profile-top .last-seen{ color:#666; font-size:14px; } 

.actn{ display:flex; justify-content:space-between; margin:20px 0; } 
.actn-box{ background:#fff; flex-wrap:wrap; width:75px; height:70px; border-radius:10px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,0.08); padding:10px; border:1px solid #eee;} 
.actn-box i{ color:#106fc2 !important; font-size:20px !important; text-align:center; display:flex;} 
.actn-box span{ display:block; width:100%; font-size:13px; margin-top:2px; color:#000 !important; } 

.prfl-card{ background:#fff; padding:15px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.05); border:1px solid #eaeaea;} 
.prfl-info{ display:flex; justify-content:space-between; align-items:center; } 
.prfl-info label{ font-size:15px; color:#777; } 
.prfl-info p{ margin:1px 0 0; font-size:16px; color:#000;} 
.prfl-info i{ color:#888 !important; font-size:18px !important; display:flex;} 
.prfl-dider{ height:1px; background:#eee; margin:15px 0; } 

.sol{ width:100%;} 
.sol-icons{ display:flex; gap:10px; } 
.sol-icons i{ width:40px; height:40px; border-radius:50%; background:#f4f4f4; display:flex; align-items:center; justify-content:center; font-size:14px; cursor:pointer; }

.chat-line { margin:25px 0; position:relative; text-align:center; width:100%; }
.chat-line:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); background-color:#CCD8E1; width:100%; height:1px; }
.chat-date { background-color:#E59937; color:#fff; font-weight:400; padding:1px 16px; border-radius:20px; display:inline-block; position:relative; }

.cht-top{ width:100%; text-align:center; background-color:#123049; padding:20px; border-radius:10px 10px 0px 0px; /* border-bottom:1px solid #a6b7be; */ display:flex; justify-content:space-between; align-items:center;}
.cht-top h4{ font-size:22px; color:#fff; font-weight:600; margin-bottom:0px; text-align:left;}
.cht-bn{ display:flex; align-items:center; justify-content:flex-end; gap:0px;}
.cht-bn .btn{ border-radius:50px; padding:2px; font-size:15px; display:flex; align-items:center; justify-content:center; width:35px; height:35px;}
.cht-bn .btn img{ max-height:18px; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(106deg) brightness(103%) contrast(106%);}
.cht-bn .bak{ background-color:#dd9d24; border:1px solid #dd9d24;}
.cht-bn .end-ct{ background-color:#ca352b; border:1px solid #ca352b; margin-left:8px !important;}

/* MESSAGE MENU */ 
.mesg-menu{ position:absolute; right:-18px; top:5px; cursor:pointer; } 
.mesg-menu .dropdown{ display:none; position:absolute; top:15px; background:#fff; border:1px solid #dfe2e7; border-radius:5px; width:120px; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:all ease 0.4s; z-index:1; padding:10px;} 
.mesg-menu .dropdown p{ margin:0; padding:0px; font-size:13px !important; cursor:pointer; border-radius:5px; color:#111 !important; margin-bottom:2px !important;} 
.mesg-menu .dropdown p:hover{ color:#105da4 !important;} 
.mesg-menu i.bi{ font-size:13px; display:flex; color:#111;}
.mesg-menu:hover .dropdown{ display:block; } 

/* INPUT */ 
.chat-input{ display:flex; align-items:center; position:relative; padding:20px !important; border-top:1px solid #bfc8cb; width:100%;} 
.chat-input .typ-bx{ width:100%; display:flex; align-items:center;}
.chat-input .typ-bx input{ flex:1; padding:9px 20px; border:1px solid #c6ceda; border-radius:5px 0px 0px 6px; font-size:16px; color:#000; border-right:none;} 
.chat-input .typ-bx input:focus{ box-shadow:none; /* border:1px solid #156acf; */}

.chat-input .typ-bx .snd{ margin-left:0px; background:#cd2c21; color:#fff; border:none; padding:5px; width:44px; height:44px; border-radius:0px 6px 6px 0px; cursor:pointer;}
.chat-input .typ-bx .snd .bi{ font-size:20px; color:#fff; display:flex; justify-content:center;}

.chat-input .voic{ position:absolute; left:30px;}
.chat-input .voic button{ background-color:transparent; border:none; display:flex; align-items:center;}
.chat-input .voic button .bi{ font-size:19px; color:#666; display:flex;}

.emoj { display:flex; align-items:center; position:absolute; right:75px;}
.emoj .dropdown .btn-secondary{ background-color:transparent; border:none; text-align:center; transition:0.4s; display:flex; align-items:center; justify-content:center; color:#000; padding:0; font-size:18px;}
.emoj .dropdown .btn-secondary:active{ background-color:transparent !important;}
.emoj .dropdown .btn-secondary:hover{ color:#105da4;}
.emoj .dropdown .btn-secondary::after{ display:none;}
.emoj .dropdown-menu{ min-width:160px; padding:10px; box-shadow:0px 10px 10px 0 rgba(0,0,0,0.06); border-radius:10px; max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color:#edf0f7 #fff; flex-wrap:wrap;}
.emoj .dropdown-menu li{ width:30px; display:inline-block; text-align:center;}
.emoj .dropdown-menu li a{ padding:2px; border-radius:8px;}
.emoj .dropdown-menu li a:hover{ background-color:#f4f1f1; color:#000;}
.emoj .dropdown button i{ color:#000 !important; font-size:16px; display:flex;}

.chat-input .atch{ position:absolute; right:95px;}
.chat-input .atch button{ background-color:transparent; border:none; display:flex; align-items:center;}
.chat-input .atch button .bi{ font-size:19px; color:#666; display:flex;}
.usr-typng{ font-style:italic; margin-left:22px; color:#000 !important; padding:9px 0px; font-size:16px;}

.lg-out{ border-radius:8px; padding:2px 10px;}
.lg-out:hover{ background-color:#b11d13; border:1px solid #b11d13;}

/* Notifaication Content */
.notification-wrapper{ width:100%; padding:20px 30px 20px 0px;} 
.notification{ display:flex; align-items:center; background:#fff; padding:10px 20px; border-radius:8px; margin-bottom:12px; border:1px solid #d4d9df; } 
.notification.success{ /* background:#ddece3; */ border:1px solid #7ca78c;} 
.notification.error{ /* background:#fbe9e9; */ border:1px solid #dd6a6a;} 

.icn{ width:45px; height:45px; background:#ddece3; display:flex; align-items:center; justify-content:center; border-radius:8px; margin-right:15px; font-size:22px; color:#2e8b57; } 
.notification.error .icn{ background:#fff; color:#e74c3c; } 
.notification.success .icn{ background:#fff;} 

.content-notiy{ flex:1; margin-right:10px;} 
.content-notiy h4{ margin:0; font-size:18px; color:#000; font-weight:600;} 
.content-notiy p{ margin:0; font-size:18px; color:#222; } 

.rght{ display:flex; align-items:center; gap:10px; } 
.bage{ background:#3bb77e; color:#fff; padding:1px 10px; font-size:14px; font-weight:400; border-radius:5px; } 
.bage.red{ background:#e74c3c; } 
.date{ font-size:15px; color:#333; } 
.dlete{ background:#cd2c21; border:none; color:#fff; padding:4px; border-radius:20px; cursor:pointer; font-size:15px; width:28px; height:28px; display:flex; align-items:center; justify-content:center;} 
.dlete i{ font-size:15px; display:flex;}  

.usr-dtl{ width:100%;}
.usr-dtl a{ display:flex;}
.usr-dtl small{ display:block; margin-top:4px; font-size:17px; font-weight:600;}
.usr-dtl strong{ display:block; font-size:17px; font-weight:600;}
.rls{ display:block; margin-top:2px; font-size:16px;}

/* Riview */
.rivw-sctn{ width:100%; display:flex; gap:15px;}
.rivw-sctn .rcrd-sctn{ width:75%;}  

.card-reviw { background:#fff; width:25%;}
.reviw-sticky{ width:100%; border-radius:5px; border:1px solid #CAD2DC; padding:15px; position:sticky; top:120px;}
.card-reviw-til { font-size:14px; font-weight:600; margin-bottom:14px; }
.timeline { display:flex; flex-direction:column; }
.tl-item { display:flex; gap:10px; padding-bottom:16px; position:relative; }
.tl-item:not(:last-child)::before { content:''; position:absolute; left:4px; top:13px; bottom:0; width:1px; background:#E4E7EE; }
.tl-dot { width:9px; height:9px; border-radius:50%; background:#2784CD; margin-top:4px; flex-shrink:0; position:relative; z-index:1; }
.tl-title { font-size:12.5px; font-weight:700; }
.tl-sub{ font-size:13px; color:#555;}

/* Recording */
.rcord-sctn{ width:80%; margin-top:15px;}
.rcrd-sctn{ width:100%; margin-top:5px;}
.rcord-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:20px;}
.rcord-top h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding:8px 15px; word-wrap:anywhere;}
.rcord-top h2 img{ max-height:18px;}

.rcord-top .rcord-bx{ width:100%; grid-template-columns:repeat(2,1fr); display:grid; padding:10px 15px;}
.rcord-top .rcord-bx span{ font-size:14px; margin-bottom:10px; font-weight:400; color:#000; display:flex; align-items:stretch; gap:15px;}
/* .rcord-top .rcord-bx span:last-child{ margin-bottom:0;} */
.rcord-top .rcord-bx span i{ font-style:normal; display:flex; gap:10px; line-height:20px; align-items:center; width:38%; border-right:1px solid #bac0c2;}
.rcord-top .rcord-bx span img{  max-height:14px; opacity:0.5;}
.rcord-top .rcord-bx span b{ font-weight:500; width:62%; display:inline-flex; align-items:center; flex-wrap:wrap;}
.rcord-top .rcord-bx span b small{ display:flex; width:100%; line-height:14px; color:#555;}
.rcord-top .rcord-bx span b small img{margin-right:5px;}
.rcord-top .rcord-bx span b a{ font-style:normal; display:inline-flex; margin-left:5px; font-size:13px; color:#222; background-color:#e2ecf6; width:18px; height:18px; border-radius:20px; justify-content:center; align-items:center;}
.rcord-top .rcord-bx span b a small{ color:#00458f; justify-content:center;}
.rcord-top .rcord-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:16px; display:flex; align-items:center;}
.rcord-top .rcord-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:18px !important;}
.rcord-top .rcord-bx em{ display:inline-flex; align-items:center; margin:0px 2px; font-style:normal; gap:5px;}
.rcord-top .rcord-bx em img{ max-width:100%; max-height:18px; opacity:1;}

.rcord-top .titl { width:100%; border-bottom:1px solid #d4d9df; padding:8px 15px; display:flex; align-items:center; justify-content:space-between;}
.rcord-top .titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere; padding: 0; border: none;}
.rcord-top .titl h2 img{ max-height:20px;}

.rcord-top .titl .titl-lnk{ display:flex; align-items:center; gap:10px;}
.rcord-top .titl .titl-lnk span.hgh{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fbe8f6; color:#c8179c; border:1px solid #ee79d1;}
.rcord-top .titl .titl-lnk span.new{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee;}
.completed{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fbfffc; color:#007307; border:1px solid #75b179;}
.reviewed{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#cfe5f0; color:#004b73; border:1px solid #2d7094;}
.urgent{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fff1f1; color:#cf0606; border:1px solid #ecabab;}

.auditrcord-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:20px;}
.auditrcord-top .titl { width:100%; border-bottom:1px solid #d4d9df; padding:8px 15px; display:flex; align-items:center; justify-content:space-between;}
.auditrcord-top .titl a{ margin-bottom:0; display:flex; align-items:center; gap:5px;}
.auditrcord-top .titl a i{ display:flex;}
.auditrcord-top .titl small{  margin-bottom:0; display:flex; align-items:center; gap:5px;}
.auditrcord-top .titl small i{ display:flex;}

.auditrcord-top h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere;}
.auditrcord-top h2 img{ max-height:18px;}

.auditrcord-viw { width:100%; display:flex; align-items:center; justify-content:space-between; padding:10px 15px 0px 0px;}
.auditrcord-viw h3{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; padding:8px 15px 0px; word-wrap:anywhere;}
.auditrcord-viw a{ color:#fff; background-color:#1d78cb; padding:2px 12px; border-radius:5px; text-align:center; margin:0; font-size:12px; font-weight:400;}

.auditrcord-top .auditrcord-bx{ width:100%; grid-template-columns:repeat(2,1fr); display:grid; padding:10px 15px;}
.auditrcord-top .auditrcord-bx span{ font-size:14px; margin-bottom:6px; font-weight:400; color:#000; display:flex; align-items:stretch; gap:15px; line-height:18px;}
.auditrcord-top .auditrcord-bx span:last-child{ margin-bottom:0;}
.auditrcord-top .auditrcord-bx span i{ font-style:normal; display:flex; gap:10px; line-height:20px; align-items:center; width:30%; border-right:1px solid #bac0c2;}
.auditrcord-top .auditrcord-bx span img{ max-height:14px; opacity:0.5;}
.auditrcord-top .auditrcord-bx span b{ font-weight:500; width:70%; align-items:center; display:inline-flex; flex-wrap:wrap; gap:5px;}
.auditrcord-top .auditrcord-bx span b small{ display:flex; line-height:14px; color:#555;}
.auditrcord-top .auditrcord-bx span b small img{margin-right:5px;}
.auditrcord-top .auditrcord-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:16px; display:flex; align-items:center;}
.auditrcord-top .auditrcord-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:18px !important;}
.auditrcord-top .auditrcord-bx em{ display:inline-block; margin-right:5px;}
.auditrcord-top .auditrcord-bx em img{ max-width:100%; max-height:18px; opacity:1;}
.auditrcord-top .auditrcord-bx em { display:inline-flex; align-items:center; margin:0px 2px; font-style:normal; gap:5px; }

.auditrcord-sts{ width:100%; display:flex; gap:10px; padding:0px 15px 10px;}
.auditrcord-sts .sts-viw{ display:block; background-color:#fff; border:1px solid #d4d9df; padding:10px; border-radius:5px;}
.auditrcord-sts .sts-viw h3{ font-size:14px; font-weight:500; margin-bottom:5px;}
.auditrcord-sts .sts-viw span{ display:flex; align-items:center; gap:8px; font-size:14px;}
.auditrcord-sts .sts-viw span img{ max-height:18px;}
.auditrcord-sts .sts-viw small{ display:flex; align-items:center; gap:8px; font-size:13px; color:#444;}
.auditrcord-sts .sts-viw.disbl{ background-color:#fff0f1; border:1px solid #e7ced0;}
.auditrcord-sts .sts-viw.disbl span{ color:#c8171e;}
.auditrcord-sts .sts-viw.disbl span img{ filter:invert(15%) sepia(99%) saturate(2985%) hue-rotate(346deg) brightness(93%) contrast(101%);}
.auditrcord-sts .sts-viw.enbled{ background-color:#e7f9f4; border:1px solid #accdc4;}
.auditrcord-sts .sts-viw.enbled span{ color:#007a58;}
.auditrcord-sts .sts-viw.enbled span img{ filter:invert(34%) sepia(31%) saturate(1529%) hue-rotate(119deg) brightness(97%) contrast(101%);}

.call-chat{ width:100%; display:flex; gap:15px;}
.call-chat .rcnver-trans{ width:50%;}
.call-chat .insht-viw{ margin-bottom:0;}
.call-chat .rcnver-det-list{ min-height:470px; max-height:470px;}
.call-splt{ width:50%; display:flex; flex-direction:column; gap:20px;}
.call-splt .cal-top .cal-bx{ grid-template-columns:repeat(1,1fr);}
.call-splt .insht-smry .rt{ grid-template-columns:repeat(2,1fr);}
.overview-split{ width:100%; /* display:flex; gap:15px; */}

.cal-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:0px;}
.cal-top .titl{ width:100%; border-bottom:1px solid #d4d9df; padding:8px 15px; display:flex; justify-content:space-between;}
.cal-top .titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere;}
.cal-top .titl h2 img{ max-height:18px;}
.cal-top .titl .titl-lnk{ display:flex; align-items:center; gap:5px;}
.cal-top .titl .titl-lnk span.hgh{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fff5fc; color:#c8179c; border:1px solid #ee79d1;}
.cal-top .titl .titl-lnk span.medim{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fff6f0; color:#df5400; border:1px solid #f0a273;}
.cal-top .titl .titl-lnk span.low{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fbfffc; color:#007307; border:1px solid #75b179;}
.cal-top .titl .titl-lnk span.new{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#f1f6ff; color:#00387d; border:1px solid #a9c0ee;}
.cal-top .titl .titl-lnk span.cmplt{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#ecf9ef; color:#007307; border:1px solid #75b179;}

.cal-top .cal-bx{ width:100%; grid-template-columns:repeat(2,1fr); display:grid; padding:10px 15px;}
.cal-top .cal-bx span{ font-size:14px; margin-bottom:6px; font-weight:400; color:#000; display:flex; align-items:stretch; gap:15px;}
.cal-top .cal-bx span:last-child{ margin-bottom:0;}
.cal-top .cal-bx span i{ font-style:normal; display:flex; gap:10px; line-height:20px; align-items:center; width:38%; border-right:1px solid #bac0c2;}
.cal-top .cal-bx span img{  max-height:14px; opacity:0.5;}
.cal-top .cal-bx span b{ font-weight:500; width:62%; display:inline-flex; flex-wrap:wrap;}
.cal-top .cal-bx span b em{ margin-left:5px; color:#444;}
.cal-top .cal-bx span b small{ display:flex; width:100%; line-height:12px; color:#555;}
.cal-top .cal-bx span b small img{ margin-right:5px; max-height:13px;}
.cal-top .cal-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:16px; display:flex; align-items:center;}
.cal-top .cal-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:18px !important;}
.cal-top .cal-bx em.edit{ cursor:pointer; margin-left:8px; font-size:14px; color:#555;}
.cal-top .cal-bx em.wtsap{ margin-left:8px; font-size:14px; color:#07932b;}

.request-box { width:100%; padding:0px 15px 10px; box-sizing:border-box; }
.request-content { display:flex; align-items:flex-start; width:100%; padding-top:10px; border-top:1px solid #d4d9df;} 
.quote-icon { width:30px; flex:0 0 30px; padding-top:2px; color:#183b70; font-size:27px; line-height:1; } 
.quote-icon i { font-size:25px; } 
.request-text { padding-left:5px; width:100%;} 
.request-text h4 { margin:0 0 2px; color:#183b70; font-size:12px; font-weight:600; line-height:18px; } 
.request-text p { margin:0; color:#000; font-size:14px; font-weight:400; line-height:20px; }
.request-actions { display:flex; align-items:center; justify-content:flex-start; gap:8px; width:100%; margin-top:10px; } 
.request-btn { padding:5px 12px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:5px; font-size:13px; font-weight:500; text-decoration:none; box-sizing:border-box; transition:all 0.2s ease; margin:0; height:auto;} 
.request-btn i { font-size:14px; line-height:1; }

.assign-btn { color:#fff; background:#0875d1; border:1px solid #0875d1; } 
.assign-btn:hover { color:#fff; background:#0665b7; border-color:#0665b7; }
.complete-btn { color:#159447; background:#fff; border:1px solid #25a957; } 
.complete-btn:hover { color:#fff; background:#25a957; }
.cancel-btn { color:#e31b23; background:#fff; border:1px solid #ef5350; } 
.cancel-btn:hover { color:#fff; background:#e31b23; }

.rqst-box { width:100%; padding:0px 15px 10px; box-sizing:border-box; }
.rqst-content { display:flex; align-items:flex-start; width:100%; padding-top:10px; border-top:1px solid #d4d9df;} 
.qute-icon { width:30px; flex:0 0 30px; padding-top:2px; color:#183b70; font-size:27px; line-height:1; } 
.qute-icon i { font-size:25px; } 
.rqst-text { padding-left:5px; width:100%;} 
.rqst-text h4 { margin:0 0 2px; color:#183b70; font-size:12px; font-weight:600; line-height:18px; } 
.rqst-text p { margin:0; color:#000; font-size:14px; font-weight:400; line-height:20px; }
.rqst-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; margin-top:0px; border-top:1px solid #b3bdc9; padding:10px 0px 0px; } 
.rqst-btn { padding:5px 12px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:5px; font-size:13px; font-weight:500; text-decoration:none; box-sizing:border-box; transition:all 0.2s ease; margin:0;} 
.rqst-btn i { font-size:14px; line-height:1; }

.stus-lnk b{ font-weight:500; font-size:14px; margin-right:5px;}
.stus-lnk .new{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee;}

/* Audio Player */
.audio-list{ width:100%; padding:0px 0px 15px;}
.audio-list-new{ padding:0px 10px; border-bottom:1px solid #d4d9df;}

.audio-list .exprt { border:1px solid #d3d8dc; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:2px; height:28px; width:35px; margin-left:0px;}
.audio-list .exprt img{ max-width:100%; max-height:13px; opacity:0.8;}
.audio-list .exprt.exel i{ color:#048133;}
.audio-list .exprt.pdf-dwn i{ color:#c71a21;}

.audio-viw{ display:flex; align-items:center; gap:10px;}
.audio-viw .form-control{ width:100px; font-size:13px; padding:4px 25px 4px 10px;}
.audio-viw .form-control:focus{ box-shadow:none;}
.audio-player { display:flex; align-items:center; gap:10px; margin:5px 0px; width:100%;}
.play-btn { width:35px; height:30px; border-radius:5px; border:none; cursor:pointer; font-size:15px; color:white; background:linear-gradient(145deg, #2480d5, #005593);}
.progress-wrap { flex:1; display:flex; align-items:center; }
.progress-bar { position:relative; width:100%; height:6px; background:#dbe2ea; border-radius:10px; }
.progress-fill { width:30%; height:100%; background:linear-gradient(90deg, #206aa0, #678ee5); border-radius:10px; }
.progress-thumb { position:absolute; top:50%; left:30%; width:14px; height:14px; background:#1e3a8a; border-radius:50%; transform:translate(-50%, -50%); box-shadow:0 2px 6px rgba(0,0,0,0.25); }
.tme { font-size:12px; color:#fff; font-weight:500; min-width:100px; text-align:right; }
.tme span{ background-color:#1a8c1a; padding:2px 10px; border-radius:5px; text-align:center; min-width:90px; display:inline-block !important;}

.insht-viw{ width:100%; border-radius:5px; background-color:#fff; border:1px solid #b3bdc9; margin-bottom:20px; padding:0px}
.insht-viw .titl { width:100%; border-bottom:1px solid #d4d9df; padding:8px 15px; display:flex; align-items:center; justify-content:space-between;}
.insht-viw .titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere;}
.insht-viw .titl h2 img{ max-height:20px;}

.insht-viw .titl .titl-lnk{ display:flex; align-items:center; gap:10px;}
.insht-viw .titl .titl-lnk span.hgh{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fbe8f6; color:#c8179c; border:1px solid #ee79d1;}
.insht-viw .titl .titl-lnk span.new{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee;}

.insht-smry{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0px;}
.insht-smry .lt{ width:100%; border-top:1px solid #b3bdc9; padding:10px 15px;}
.insht-smry .lt h2{ font-size:14px; margin-bottom:5px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px;}
.insht-smry .lt h2 img{ max-height:17px; opacity:0.9;}
.insht-smry .lt .cnt{ padding-left:25px;}
.insht-smry .lt p{ font-size:14px; line-height:18px; font-weight:400; color:#000; margin-bottom:5px; }
.insht-smry .lt p:last-child{ margin-bottom:0;}

.insht-smry .rt{ width:100%; display:flex; flex-wrap:wrap; gap:10px; padding:10px 15px;}
.insht-smry .rt .ld-bx{ min-width:16%; display:flex; align-items:flex-start; /* background-color:#eef2f6; */ padding:8px 8px 8px 0px; border-radius:0px; border-right:1px solid #b3bdc9; gap:8px;}
.insht-smry .rt .ld-bx:last-child{ border-right:none;}
.insht-smry .rt .ld-bx .ld-lt{ width:10%; min-width:22px;}
.insht-smry .rt .ld-bx .ld-lt img{ max-height:18px; opacity:0.7;}

.insht-smry .rt .ld-bx .ld-rt{ width:90%;}
.insht-smry .rt .ld-bx .ld-rt h3{ font-size:14px; margin-bottom:4px; font-weight:400; color:#000; display:flex; align-items:center; gap:8px;}
.insht-smry .rt .ld-bx .ld-rt h3 img{ max-height:16px; opacity:0.5;}
.insht-smry .rt .ld-bx .ld-rt small{ display:flex; align-items:center; gap:5px; padding-top:2px; font-size:14px;}
.insht-smry .rt .ld-bx .ld-rt small img{ max-height:14px;}
.insht-smry .rt .ld-bx .ld-rt strong{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; line-height:18px; display:block; text-align:left;}

.insht-smry .rt .ld-bx .ld-rt strong.pstv{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px; line-height:13px; font-weight:400; font-style:normal; background:#fbfffc; color:#007307; border:1px solid #75b179;}
.insht-smry .rt .ld-bx .ld-rt strong.not-pstv{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px; line-height:13px; font-weight:400; font-style:normal; background:#f3f3f3; color:#222; border:1px solid #aaa;}
.insht-smry .rt .ld-bx .ld-rt strong.inqry{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px; line-height:13px; font-weight:400; font-style:normal; background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee;}

.insht-smry .rt .ld-bx .ld-rt strong.ngtv{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px; line-height:13px; font-weight:400; font-style:normal; background:#fbfffc; color:#be0a0a; border:1px solid #f27474;}
.insht-smry .rt .ld-bx .ld-rt strong.nutrl{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px; line-height:13px; font-weight:400; font-style:normal; background:#fbfffc; color:#da7100; border:1px solid #f49d3f;}

.cuser-viw{ width:100%; border-radius:5px; background-color:#fff; border:1px solid #b3bdc9; margin-top:20px; padding:0px}
.cuser-viw .titl { width:100%; border-bottom:1px solid #d4d9df; padding:8px 15px; display:flex; align-items:center; justify-content:space-between;}
.cuser-viw .titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere;}
.cuser-viw .titl h2 img{ max-height:20px;}

.cuser-viw .titl .titl-lnk{ display:flex; align-items:center; gap:10px;}
.cuser-viw .titl .titl-lnk span.hgh{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#fbe8f6; color:#c8179c; border:1px solid #ee79d1;}
.cuser-viw .titl .titl-lnk span.new{ display:inline-flex; align-items:center; justify-content:center; min-width:55px; padding:3px 6px; border-radius:4px; font-size:12px !important; line-height:13px; font-weight:400 !important; font-style:normal; background:#ebf2ff; color:#00387d; border:1px solid #a9c0ee;}

.cuser-smry{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0px;}
.cuser-smry .lt{ width:100%; border-top:1px solid #b3bdc9; padding:10px 15px;}
.cuser-smry .lt h2{ font-size:14px; margin-bottom:5px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px;}
.cuser-smry .lt h2 img{ max-height:17px; opacity:0.9;}
.cuser-smry .lt .cnt{ padding-left:25px;}
.cuser-smry .lt p{ font-size:14px; line-height:18px; font-weight:400; color:#000; margin-bottom:5px; }
.cuser-smry .lt p:last-child{ margin-bottom:0;}

.cuser-smry .rt{ width:100%; display:flex; flex-wrap:wrap; gap:10px; padding:10px 15px;}
.cuser-smry .rt .ld-bx{ min-width:16%; width:45%; position:relative; display:flex; align-items:flex-start; /* background-color:#eef2f6; */ padding:8px 8px 8px 0px; border-radius:0px; border-right:1px solid #b3bdc9; gap:8px;}
.cuser-smry .rt .ld-bx:last-child{ border-right:none;}
.cuser-smry .rt .ld-bx .ld-lt{ width:auto; min-width:22px;}
.cuser-smry .rt .ld-bx .ld-lt img{ max-height:18px;}

.cuser-smry .rt .ld-bx .ld-rt{ width:90%;}
.cuser-smry .rt .ld-bx .ld-rt h3{ font-size:14px; margin-bottom:4px; font-weight:400; color:#000; display:flex; align-items:center; gap:8px;}
.cuser-smry .rt .ld-bx .ld-rt h3 img{ max-height:16px; opacity:0.5;}
.cuser-smry .rt .ld-bx .ld-rt small{ display:flex; align-items:center; gap:5px; padding-top:2px; font-size:14px; color:#007a58;}
.cuser-smry .rt .ld-bx .ld-rt small img{ max-height:14px;}
.cuser-smry .rt .ld-bx .ld-rt strong{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; line-height:18px; display:block; text-align:left;}
.cuser-smry .rt .ld-bx .ld-rt a{ font-size:14px; margin-bottom:0px; font-weight:400; color:#555; line-height:18px; display:block; text-align:left; position:absolute; bottom:10px; right:20px; text-decoration:underline !important; margin:0;}

.ai-recmt-sctn{ width:100%; display:flex; gap:15px; display:grid; grid-template-columns:repeat(2,1fr); margin-bottom:10px;}
.ai-recm { margin-bottom:10px; background-color:#fff; border:1px solid #b3bdc9; padding:12px; border-radius:5px; word-wrap:anywhere;}
.ai-recm h2{ font-size:14px; margin-bottom:15px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere;}
.ai-recm h2 img{ max-height:18px;}
.ai-recm .ai-recm-bx{ width:100%; }
.ai-recm .ai-recm-bx ul{ margin:0px; padding-left:24px;}
.ai-recm .ai-recm-bx ul li{ list-style:none; position:relative; font-size:14px; line-height:18px; font-weight:400; color:#000; margin-bottom:6px;}
.ai-recm .ai-recm-bx ul li:last-child{ margin-bottom:0;}
.ai-recm .ai-recm-bx ul li::before{ position:absolute; content:""; left:-20px; top:2px; background:url(../../assets/images/bullet-black.png) no-repeat; background-size:contain; width:13px; height:13px; opacity:0.9;}

.ai-tgs { margin-bottom:10px; background-color:#fff; border:1px solid #b3bdc9; padding:12px; border-radius:5px; word-wrap:anywhere;}
.ai-tgs h2{ font-size:14px; margin-bottom:15px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere;}
.ai-tgs h2 img{ max-height:16px;}
.ai-tgs .ai-tgs-bx{ width:100%;}
.ai-tgs .ai-tgs-bx ul{ margin-top:15px; padding-left:0px; display:flex; flex-wrap:wrap; gap:5px;}
.ai-tgs .ai-tgs-bx ul li{ list-style:none; position:relative; font-size:14px; font-weight:400; line-height:16px; color:#fff; background-color:#2b2b2b; padding:4px 12px; border-radius:5px;}

.key-conversation .rcnver-trans{ width:100%;}
.key-mont { margin-bottom:20px; background-color:#fff; border:1px solid #b3bdc9; padding:0px; border-radius:5px; word-wrap:anywhere; width:100%;}
.key-mont h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; word-wrap:anywhere; border-bottom:1px solid #d4d9df; padding:8px 15px;}
.key-mont h2 img{ max-height:18px;}
.key-mont .key-mont-bx{ width:100%;}
.key-mont .key-mont-bx ul{ margin:0px; padding-left:24px;}
.key-mont .key-mont-bx ul li{ list-style:none; position:relative; font-size:14px; line-height:18px; font-weight:400; color:#000; margin-bottom:6px;}
.key-mont .key-mont-bx ul li:last-child{ margin-bottom:0;}
.key-mont .key-mont-bx ul li::before{ position:absolute; content:""; left:-20px; top:2px; background:url(../../assets/images/bullet-black.png) no-repeat; background-size:contain; width:13px; height:13px; opacity:0.9;}

.key-mont-list{ width:100%; max-height:400px; overflow-y:scroll; scrollbar-width:thin; padding:10px 20px;}
.key-mont-bx{ display:flex; align-items:center; vertical-align:middle; gap:10px; margin-bottom:7px; position:relative; transition:all ease 0.4s; padding-left:20px;} 
.key-mont-bx::before{ width:10px; height:10px; background-color:#0b5cfa; border-radius:50px; content:""; position:absolute; left:0;}
.key-mont-bx::after{ width:1px; height:100%; bottom:-17px; background-color:#dce4f3; content:""; position:absolute; left:4px;}
.key-mont-bx:last-child{ border-bottom:none; padding-bottom:0;}
.key-mont-bx:last-child::after{ background-color:transparent;}
.key-mont-bx.active{ border-left:4px solid #e38787; background-color:#f6e8e8;}
.key-mont-bx.active .cnv-cnt h4 h2{ color:#00458f;}
.key-mont-bx strong{ font-weight:400; color:#000; border-right:1px solid #afb7c2; padding:2px 8px 2px 0px; min-width:65px; font-size:13px;}
.key-mont-bx b { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; position:relative; z-index:0; }
.key-mont-bx b img{ max-width:100%; max-height:16px; margin:0 auto 2px !important; /* border-radius:20px; */} 

.key-mont-bx .cnv-cnt{ width:90%; padding-top:0px;}
.key-mont-bx .cnv-cnt .nme{ width:100%; font-size:13px; color:#000; font-weight:600; line-height:16px; display:flex; align-items:center; gap:2px; margin-bottom:1px;}
.key-mont-bx .cnv-cnt h4{ font-size:16px; font-weight:700; margin-bottom:0px; color:#000;}
.key-mont-bx .cnv-cnt p{ font-size:13px; line-height:18px; font-weight:400; color:#000; margin-bottom:8px; word-wrap:anywhere; padding-left:0;}
.key-mont-bx .cnv-cnt p:last-child{ margin-bottom:0;}
.key-mont-bx .cnv-cnt p b{ width:auto; height:auto; display:inline-block; background-color:transparent; border-radius:0;}
.key-mont-bx .cnv-cnt img{ max-width:90%; margin:15px 0px; width:auto;}
.key-mont-bx .cnv-cnt strong{ min-width:auto; border-right:none; color:unset; padding:unset; font-weight:bold;}

.btm-hlp{ width:100%; display:flex; align-items:center; justify-content:center; margin-top:20px; gap:20px;}
.btm-hlp p{ margin-bottom:0;}
.btm-hlp-btn{ display:flex; gap:5px;}
.btm-hlp-btn a{ font-size:14px; border:1px solid #b7cde3; background-color:#f1f5f9; color:#000; padding:2px 8px; display:flex; gap:5px; border-radius:5px; align-items:center;}
.btm-hlp-btn a i{ font-size:16px;}

/* Transcript */
.rcnver-trans{ background-color:#fff; width:100%; border:1px solid #b3bdc9; border-radius:5px; padding:0px; position:relative}
.rcnver-det-titl{ border-bottom:1px solid #d4d9df; padding:10px 15px; display:flex; align-items:center; justify-content:space-between; margin-bottom:0px;}
.rcnver-det-titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px;}
.rcnver-det-titl h2 img{ max-height:18px;}

.tl-rht{ display:flex; gap:6px;}
.tl-rht .exprt { border:1px solid #ccc; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px;}
.tl-rht .exprt img{ max-width:100%; max-height:13px; opacity:0.5; }
.tl-rht .delete { border:1px solid #cd2c21; background-color:#cd2c21; color:#fff; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 10px; opacity:0.5;}
.tl-rht .delete img{ max-width:100%; max-height:14px; filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(268deg) brightness(106%) contrast(101%);}
.tl-rht .duplicate { border:1px solid #ccc; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 6px;}
.tl-rht .duplicate img{ max-width:100%; max-height:13px; opacity:0.5;}

/* Trace */
.trace-sctn{ width:100%; display:flex; gap:10px;}
.trace-sctn .trace-lft{ width:50%;}
.trace-sctn .trace-rht{ width:50%;}

/* Transcript */
.aires-trans{ background-color:#fff; width:100%; border:1px solid #b3bdc9; border-radius:5px; padding:0px; position:relative; margin-bottom:10px;}
.aires-det-titl{ border-bottom:1px solid #d4d9df; padding:10px 15px; margin-bottom:0px;}
.aires-det-titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px;}
.aires-det-titl h2 img{ max-height:18px;}
.aires-det-titl p{ margin-bottom:0; font-size:13px;}

.aires-det-list{ width:100%; max-height:300px; overflow-y:scroll; scrollbar-width:thin; padding:15px;}
.aires-dtl-list{ width:100%;}
.aires-dtl-bx{ display:flex; align-items:stretch; vertical-align:middle; gap:10px; padding-bottom:7px; border-bottom:1px solid #edf0f4; margin-bottom:7px; position:relative; transition:all ease 0.4s;} 
.aires-dtl-bx:last-child{ border-bottom:none; padding-bottom:0;}
.aires-dtl-bx.active{ border-left:4px solid #e38787; background-color:#f6e8e8;}
.aires-dtl-bx.active .cnv-cnt h4 h2{ color:#00458f;}
.aires-dtl-bx strong{ font-weight:400; color:#000; border-right:1px solid #afb7c2; padding:5px 8px 5px 0px; min-width:65px; font-size:13px;}
.aires-dtl-bx b { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; position:relative; z-index:0; }
.aires-dtl-bx b img{ max-width:100%; max-height:16px; margin:0 auto 2px !important; /* border-radius:20px; */} 

.aires-dtl-bx .cnv-cnt{ width:90%; padding-top:0px;}
.aires-dtl-bx .cnv-cnt .nme{ width:100%; font-size:13px; color:#000; font-weight:600; line-height:16px; display:flex; align-items:center; gap:2px; margin-bottom:1px;}
.aires-dtl-bx .cnv-cnt h4{ font-size:16px; font-weight:700; margin-bottom:0px; color:#000;}
.aires-dtl-bx .cnv-cnt p{ font-size:13px; line-height:18px; font-weight:400; color:#000; margin-bottom:8px; word-wrap:anywhere; padding-left:22px;}
.aires-dtl-bx .cnv-cnt p:last-child{ margin-bottom:0;}
.aires-dtl-bx .cnv-cnt p b{ width:auto; height:auto; display:inline-block; background-color:transparent; border-radius:0;}
.aires-dtl-bx .cnv-cnt img{ max-width:90%; margin:15px 0px; width:auto;}
.aires-dtl-bx .cnv-cnt strong{ min-width:auto; border-right:none; color:unset; padding:unset; font-weight:bold;}

.decision-panel { width:100%; background:#fff; border:1px solid #b3bdc9; border-radius:3px; color:#0e234b; box-sizing:border-box; overflow:hidden; } 
.section-title { height:33px; display:flex; align-items:center; padding:0 14px; font-size:14px; font-weight:500; color:#000; box-sizing:border-box; } 
.decision-list { border:1px solid #e8edf3; border-radius:3px; margin:0 9px; overflow:hidden; } 
.decision-row { min-height:36px; display:flex; align-items:center; justify-content:space-between; padding:4px 14px 4px 10px; box-sizing:border-box; border-bottom:1px solid #e9edf3; font-size:12px; } 
.decision-row:last-child { border-bottom:0; } 
.decision-left { display:flex; align-items:center; gap:11px; min-width:200px; } 
.decision-left b { font-size:13px; font-weight:600; color:#000; } 
.decision-icon { width:27px; height:27px; flex:0 0 27px; display:flex; align-items:center; justify-content:center; border-radius:5px; } 
.decision-icon i { font-size:15px; display:flex;} 
.decision-icon.purple { background:#eee8ff; color:#7446ef; } 
.decision-icon.green { background:#e1f8eb; color:#00a957; } 
.decision-icon.blue { background:#e5efff; color:#1769e8; } 
.decision-icon.orange { background:#fff0df; color:#ff7d00; } 
.decision-value { display:flex; align-items:center; justify-content:flex-end; gap:10px; color:#000; font-size:13px; font-weight:500; text-align:right; } 
.score-value strong { font-weight:500; } 

.result-badge { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:24px; padding:0 9px; border-radius:5px; font-size:12px; font-weight:500; } 
.result-badge.high { background:#fdf7f7; color:#df1714; border:1px solid #f2b9b8; } 
.result-badge.medim { background:#fff5e7; color:#c77000; border:1px solid #ecba7a; } 
.result-badge.low { background:#fbfffc; color:#007307 !important; border:1px solid #75b179; } 
.result-badge.excellent { background:#dff4e7; color:#078d43; } 

.safety-value { gap:8px; color:#078d43; } 
.check-icon { width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#159447; color:#fff; } 
.check-icon i { font-size:11px; font-weight:700; } 
.knowledge-section { margin-top:9px; border-top:1px solid #e5eaf1; } 
.knowledge-title { height:35px; padding-left:14px; } 
.knowledge-header { min-height:25px; display:grid; grid-template-columns:40% 40% 20%; align-items:center; padding:0 15px; box-sizing:border-box; background:#fbfcfe; border-top:1px solid #e7ebf1; border-bottom:1px solid #e7ebf1; color:#333; font-size:10px; font-weight:500; text-transform:uppercase; } 
.text-right { text-align:right; } 
.knowledge-row { min-height:50px; display:grid; grid-template-columns:40% 40% 20%; align-items:center; padding:5px 15px; box-sizing:border-box; border-bottom:1px solid #e8edf3; } 
.source-info { display:flex; flex-direction:column; gap:2px; } 
.source-info b { color:#111; font-size:13px; font-weight:500; line-height:15px; } 
.source-info span { color:#333; font-size:13px; line-height:14px; } 
.matched-content { color:#111; font-size:13px; font-weight:500; } 
.relevance { text-align:right; color:#009744; font-size:13px; font-weight:600; } 
.knowledge-footer { padding:9px 14px; display:flex; align-items:center; } 
.view-sources-btn { height:30px; min-width:218px; padding:0 9px; display:inline-flex; align-items:center; gap:10px; box-sizing:border-box; border:1px solid #cfd9e8; border-radius:5px; background:#fff; color:#005bea; font-size:13px; font-weight:500; text-decoration:none; transition:background 0.2s ease, border-color 0.2s ease; } 
.view-sources-btn:hover { background:#f6f9ff; border-color:#a9bee0; text-decoration:none; color:#005bea; } 
.view-sources-btn > i:first-child { font-size:14px; } 
.view-sources-btn .arrow { margin-left:auto; font-size:12px; }

/* Google translate */
.deskos-language { position:relative; } 
.language-button { display:flex; align-items:center; gap:6px; height:34px; padding:0 10px; background:#fff; border:1px solid #ccc; border-radius:5px; color:#000; font-size:12px; font-weight:400; cursor:pointer; } 
.language-button .bi-translate { color:#03499f; font-size:14px; display:flex;} 
.language-arrow { margin-left:3px; color:#8b929c; font-size:15px; } 
.language-menu { display:none; position:absolute; top:calc(100% + 4px); right:0; width:145px; padding:4px 0; background:#fff; border:1px solid #d9dde3; border-radius:5px; box-shadow:0 5px 15px rgba(0, 0, 0, .12); z-index:9999; } 
.language-menu.show { display:block; } 
.language-menu button { display:block; width:100%; padding:4px 12px; border:0; background:transparent; text-align:left; color:#222; font-size:12px; cursor:pointer; } 
.language-menu button:hover { background:#f3f7fb; color:#03499f; }

.rcnver-det-list-splt{ display:flex;}
.rcnver-det-list{ width:100%; max-height:733px; overflow-y:scroll; scrollbar-width:thin; padding:15px;}
.rcnver-dtl-list{ width:100%;}
.rcnver-dtl-bx{ display:flex; align-items:stretch; vertical-align:middle; gap:10px; padding-bottom:7px; border-bottom:1px solid #edf0f4; margin-bottom:7px; position:relative; transition:all ease 0.4s;} 
.rcnver-dtl-bx:last-child{ border-bottom:none; padding-bottom:0;}
.rcnver-dtl-bx.active{ border-left:4px solid #e38787; background-color:#f6e8e8;}
.rcnver-dtl-bx.active .cnv-cnt h4 h2{ color:#00458f;}
.rcnver-dtl-bx strong{ font-weight:400; color:#000; border-right:1px solid #afb7c2; padding:5px 8px 5px 0px; min-width:65px; font-size:13px;}
.rcnver-dtl-bx b { width:20px; height:20px; border-radius:5px; display:flex; align-items:center; justify-content:center; position:relative; z-index:0; }
.rcnver-dtl-bx b img{ max-width:75% !important; max-height:16px; margin:0 auto 2px !important; /* border-radius:20px; */} 

.conver-end{ width:97%; background-color:#f4f7fa; padding:5px 10px; border-radius:5px; margin:0 auto 10px;}
.conver-end p{ font-size:13px; color:#444; text-align:center; margin:0;}
.conver-end p img{ max-height:15px; max-width:100%; margin-right:5px;}
.conver-end p i{ font-style:normal; border-left:1px solid #b8c2cb; padding-left:8px; margin-left:8px;}

.rcnver-det-list-splt .rcnver-det-list{ border-right:1px solid #d4d9df;}
.rcnver-det-list-splt .rcnver-det-list:last-child{ border-right:none;}

.voice-trans .rcnver-det-list{ min-height:400px; max-height:400px;}

/* .rcnver-dtl-bx .nme-usr b { background-color:#e5eefb; }
.rcnver-dtl-bx .nme-prdt b { background-color:#e5eefb; } */

.rcnver-dtl-bx .cnv-cnt{ width:90%; padding-top:0px;}
.rcnver-dtl-bx .cnv-cnt .nme{ width:100%; font-size:13px; color:#000; font-weight:600; line-height:16px; display:flex; align-items:center; gap:2px; margin-bottom:1px;}

.rcnver-dtl-bx .cnv-cnt h4{ font-size:16px; font-weight:700; margin-bottom:0px; color:#000;}
.rcnver-dtl-bx .cnv-cnt p{ font-size:13px; line-height:18px; font-weight:400; color:#000; margin-bottom:8px; word-wrap:anywhere; padding-left:22px;}
.rcnver-dtl-bx .cnv-cnt p:last-child{ margin-bottom:0;}
.rcnver-dtl-bx .cnv-cnt p b{ width:auto; height:auto; display:inline-block; background-color:transparent; border-radius:0;}
.rcnver-dtl-bx .cnv-cnt img{ max-width:70%; margin:15px 0px; width:auto;}
.rcnver-dtl-bx .cnv-cnt strong{ min-width:auto; border-right:none; color:unset; padding:unset; font-weight:bold;}

/* Records Bottom */
.rcord-btm { width:100%; border:1px solid #123049; border-radius:10px; padding:15px; margin-top:20px;}
.rcord-btm h2{ font-size:20px; margin-bottom:20px; font-weight:500; color:#000; display:flex; align-items:center; gap:8px; border-bottom:1px solid #d4d9df; padding-bottom:15px;}
.rcord-btm h2 img{ max-height:35px;}

.rcord-btm .rcord-bx{ width:100%; grid-template-columns:repeat(2,1fr); display:grid; gap:5px;}
.rcord-btm .rcord-bx span{ font-size:18px; margin-bottom:6px; font-weight:400; color:#000; display:flex; align-items:stretch; gap:20px;}
.rcord-btm .rcord-bx span i{ font-style:normal; display:flex; gap:10px; line-height:20px; /* align-items:center; */ width:38%; border-right:1px solid #bac0c2;}
.rcord-btm .rcord-bx span img{  max-height:20px; opacity:0.5;}
.rcord-btm .rcord-bx span b{ font-weight:600; width:55%; line-height:24px;}
.rcord-btm .rcord-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:20px; display:flex; align-items:center;}
.rcord-btm .rcord-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:22px !important;}

.rcord-doc{ width:100%; display:flex; align-items:center; gap:10px; border-top:1px solid #d4d9df; padding-top:15px; margin-top:10px;}
.rcord-doc a{ display:flex; align-items:center; gap:10px; font-size:18px; font-weight:500; color:#fff; background-color:#105da4; padding:7px 20px; border-radius:10px; text-align:center;}
.rcord-doc a img{ max-height:20px; filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(345deg) brightness(101%) contrast(92%);}
.rcord-doc a:hover{ background-color:#111;}
.rcord-doc .rcd.disabled{ display:flex; align-items:center; gap:5px; font-size:18px !important; font-weight:500; color:#000 !important; background-color:#fff; padding:5px 16px; border-radius:10px; text-align:center;}

.view-bx{ width:100%; display:grid; gap:5px; border:1px solid #d4d9df; padding:20px; border-radius:10px;}
.view-bx span{ font-size:18px; margin-bottom:6px; font-weight:400; color:#000; display:flex; align-items:stretch; gap:20px;}
.view-bx span i{ font-style:normal; display:flex; gap:10px; line-height:20px; /* align-items:center; */ width:25%; border-right:1px solid #bac0c2;}
.view-bx span img{  max-height:20px; opacity:0.5;}
.view-bx span b{ font-weight:600; width:75%; line-height:24px;}
.view-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:20px; display:flex; align-items:center;}
.view-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:22px !important;}

.pstv{ color:#1d9549; font-size:20px;}
.pstv img{ opacity:1 !important; max-height:26px !important; margin-right:8px;}

.ngtv{ color:#cd2c21; font-size:20px;}
.ngtv img{ opacity:1 !important; max-height:26px !important; margin-right:8px;}

/* Voice Conversion Insights */
.voice-sctn{ width:100%; margin:10px 0px;}
.vce-smry{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:15px; padding:15px; border-radius:10px; background-color:#e7ebf0; margin-bottom:20px;}
.vce-smry .lt{ width:100%;}
.vce-smry .lt h2{ font-size:20px; margin-bottom:3px; font-weight:700; color:#000;}
.vce-smry .lt p{ font-size:16px; line-height:18px; font-weight:400; color:#000; margin-bottom:3px; }
.vce-smry .lt p:last-child{ margin-bottom:0;}
.vce-smry .rt{ width:100%; display:flex; flex-wrap:wrap; gap:10px;}

.lead-bx{ min-width:30%; display:flex; align-items:center; background-color:#fff; padding:12px 15px; border-radius:10px;}
.lead-bx .lead-lt{ width:80%;}
.lead-bx .lead-lt h3{ font-size:20px; margin-bottom:5px; font-weight:600; color:#000;}
.lead-bx .lead-lt strong{ font-size:16px; margin-bottom:0px; font-weight:400; color:#000; line-height:18px; display:block;}
.lead-bx .lead-lt strong.pstv{ color:#1d9549; font-size:20px;}
.lead-bx .lead-rt{ width:20%; text-align:center;}
.lead-bx .lead-rt img{ max-height:40px;}
.vce-smry-new .rt .lead-bx{ width:24% !important; min-width:auto;}

.chks{ width:100%; margin-top:10px; display:flex; flex-wrap:wrap; gap:10px 20px;}
.chks p{ font-size:18px; line-height:22px; font-weight:400; color:#000; margin-bottom:5px;}
.chks p img{ max-height:22px; margin-right:8px;}

.chks-btm{ width:100%; margin-top:20px; display:flex; flex-wrap:wrap; gap:10px 20px; border-top:1px solid #d4d9df; padding-top:20px;}
.chks-btm p{ font-size:18px; line-height:22px; font-weight:400; color:#000; margin-bottom:5px;}
.chks-btm p img{ max-height:20px; margin-right:6px;}

/* Chat Log */
.top-til{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:10px;}
.top-til p{ margin:0; font-size:13px; font-weight:600; color:#000;}

.titl-rht{ display:flex; gap:8px;}
.titl-rht .exprt { border:1px solid #999; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 15px;}
.titl-rht .exprt img{ max-width:100%; max-height:12px; opacity:0.5;}

.titl-rht .clumn { border:1px solid #999; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 15px;}
.titl-rht .clumn img{ max-width:100%; max-height:12px; opacity:0.5;}

.titl-rht .delete { border:1px solid #ccc; background-color:#f6f6f6; color:#555; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 15px;}
.titl-rht .delete img{ max-width:100%; max-height:13px; opacity:0.5;}

.chat-view{ width:100%; padding-top:8px; padding-bottom:8px;}
.chat-titl{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.chat-titl .lt{  width:50%; position:relative; display:flex; gap:10px;}
.chat-titl .lt .ion{ position:relative;}
.chat-titl .lt .ion img{ max-width:100%; max-height:26px; margin-top:-2px;}
.chat-titl .lt h1{ font-size:20px; margin-bottom:2px;}
.chat-titl .lt small{ font-size:13px; line-height:18px; display:flex; align-items:center; gap:10px; color:#000; padding-left:0; letter-spacing:-0.4px;}
.chat-titl .lt small a{ display:flex; align-items:center; margin-bottom:0;}
.chat-titl .lt small a img{ max-height:14px; /* filter:invert(30%) sepia(80%) saturate(4100%) hue-rotate(192deg) brightness(97%) contrast(94%); */ opacity:0.5;}
.chat-titl .lt .ct{ display:flex; flex-wrap:wrap; align-items:center;}
.chat-titl .rt{ width:50%; display:flex; justify-content:flex-end;}
.chat-titl .rt .tl-rht{ margin-right:6px;}

.chat-titl .rt .exprt { border:1px solid #989898; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 7px; height:auto; width:auto; margin-left:2px;}
.chat-titl .rt .exprt img{ max-width:100%; max-height:13px; opacity:0.5;}
.chat-titl .rt .exprt.exel i{ color:#048133;}
.chat-titl .rt .exprt.pdf-dwn i{ color:#c71a21;}

.chat-titl .rt .prmisn { border:1px solid #989898; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 7px; height:auto; width:auto; margin-left:2px;}
.chat-titl .rt .prmisn img{ max-width:100%; max-height:13px; opacity:0.5;}
.chat-titl .rt .prmisn i{ color:#b37600;}

.chat-titl .rt .creat { border:1px solid #0b8f38; background-color:#f9fffb; color:#016824; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0; padding:3px 7px; height:auto; width:auto; margin-left:2px;}
.chat-titl .rt .creat img{ max-width:100%; max-height:13px; opacity:0.9; filter:invert(13%) sepia(56%) saturate(6977%) hue-rotate(150deg) brightness(95%) contrast(99%);}
.chat-titl .rt .creat.exel i{ color:#016824;}
.chat-titl .rt .creat.pdf-dwn i{ color:#c71a21;}

.dash-top .chat-titl .lt{ width:30%;}
.dash-top .chat-titl .rt{ width:70%;}
.dash-top .chat-titl .rt .toplnk{ width:100%;}
.dash-top .chat-titl .rt .toplnk .dte-pkr{ width:auto !important;}
.dash-top .chat-titl .rt .toplnk .dte-pkr form{ display:flex;}
.dash-top .chat-titl .rt .toplnk .dte-pkr form .filter-wrapper{ display:flex; gap:3px; align-items:center; flex-wrap:nowrap;}
.dash-top .chat-titl .rt .toplnk .dte-pkr form .filter-wrapper .business-field{ min-width:160px;}
.dash-top .chat-titl .rt .toplnk .dte-pkr form .filter-wrapper .business-field .form-control{ height:28px; min-height:auto;}
.dash-top .chat-titl .rt .toplnk .dte-pkr form .filter-wrapper .btn-secondary{ border:1px solid #d4dcdc; background-color:#fff; color:#111; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12px; border-radius:5px; margin:0;padding:4px 5px; min-width:85px;}

.view-detls{ width:100%; margin-bottom:15px; border-left:3px solid #b3bdc9; padding-left:10px}
.view-detls strong{ font-size:14px; font-weight:500; color:#000;}
.viw-list{ width:100%; display:flex; align-items:center; }
.viw-list span{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:stretch; gap:0px; border-right:1px solid #bac0c2; padding-right:10px; margin-right:10px;}
.viw-list span i{ margin-right:5px;}
.viw-list span:last-child{ margin-bottom:0; border-right:none;}
.viw-list span i{ font-style:normal; display:flex; gap:10px; line-height:20px; align-items:center;}
.viw-list span img{  max-height:14px; opacity:0.5;}
.viw-list span b{ font-weight:500; display:inline-flex; flex-wrap:wrap;}
.viw-list span b small{ display:flex; width:100%; line-height:14px; color:#555;}
.viw-list span b small img{margin-right:5px;}
.viw-list span b.cmplt{ color:#1d9549; font-weight:600; font-size:16px; display:flex; align-items:center;}
.viw-list span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:18px !important;}
.viw-list em{ display:inline-block; margin-right:5px;}
.viw-list em img{ max-width:100%; max-height:18px; opacity:1;}

.led-smry{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:10px}
.led-smry .rt{ width:100%; display:grid; gap:10px; grid-template-columns:repeat(4,1fr);}
.led-bx{ min-width:20%; display:flex; align-items:center; background-color:#fff; padding:8px 10px; border-radius:5px; border:1px solid #b3bdc9;}
.led-bx .led-lt{ width:80%;}
.led-bx .led-lt h3{ font-size:14px; margin-bottom:5px; font-weight:500; color:#000;}
.led-bx .led-lt strong{ font-size:14px; line-height:16px !important; margin-bottom:0px; font-weight:400; color:#000; line-height:18px; display:inline-block;}
.led-bx .led-lt strong.pstv{ color:#1d9549; font-size:20px;}
.led-bx .led-rt{ width:20%; text-align:center;}
.led-bx .led-rt img{ max-height:35px;}

/* Decision Trace List */
.decison-top{ width:100%; margin:15px 0px;}
.decison-cnt-box { display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; width:100%;}
.decison-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.decison-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.decison-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.decison-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.decison-box .bx-vw .rt{ width:72%;}
.decison-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.decison-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.decison-box .bx-vw .rt em{ font-size:14px; display:block; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.decison-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.decison-box .bx-bm{ width:100%;}
.decison-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.decison-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.decison-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.decison-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.decison-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.decison-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Decision Trace List */
.busns-top{ width:100%; margin:15px 0px;}
.busns-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; width:100%;}
.busns-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.busns-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.busns-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.busns-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.busns-box .bx-vw .rt{ width:72%;}
.busns-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.busns-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.busns-box .bx-vw .rt em{ font-size:13px; display:block; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.busns-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.busns-box .bx-bm{ width:100%;}
.busns-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.busns-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.busns-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.busns-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.busns-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.busns-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Decision Trace List */
.templte-top{ width:100%; margin:15px 0px;}
.templte-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; width:100%;}
.templte-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.templte-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.templte-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.templte-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.templte-box .bx-vw .rt{ width:72%;}
.templte-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.templte-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.templte-box .bx-vw .rt em{ font-size:13px; display:block; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.templte-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.templte-box .bx-bm{ width:100%;}
.templte-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.templte-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.templte-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.templte-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.templte-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.templte-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

.audit-tbl{ margin-top:15px;}


/* Decision Trace List */
.kngtemp-top{ width:100%; margin:15px 0px;}
.kngtemp-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; width:100%;}
.kngtemp-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:8px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.kngtemp-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.kngtemp-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.kngtemp-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.kngtemp-box .bx-vw .rt{ width:72%;}
.kngtemp-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.kngtemp-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:15px; line-height:16px; color:#000; font-weight:600; font-style:normal;}
.kngtemp-box .bx-vw .rt em{ font-size:13px; display:block; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.kngtemp-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.kngtemp-box .bx-vw .rt .actv{ color:#007307;}
.kngtemp-box .bx-bm{ width:100%;}
.kngtemp-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.kngtemp-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.kngtemp-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.kngtemp-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.kngtemp-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.kngtemp-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* Audit Trails */
.adit-top{ width:100%; margin:15px 0px;}
.adit-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; width:100%;}
.adit-cnt-box-new { display:grid; grid-template-columns:repeat(5, 1fr); gap:12px; width:100%;}
.adit-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.adit-box .bx-vw{ width:100%; display:flex; align-items:center; gap:8px;}
.adit-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.adit-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.adit-box .bx-vw .rt{ width:72%;}
.adit-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.adit-box .bx-vw .rt i{ display:flex; justify-content:space-between; align-items:center; font-size:15px; line-height:16px; color:#000; font-weight:600; font-style:normal;}
.adit-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.adit-box .bx-bm{ width:100%;}
.adit-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px;}
.adit-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.adit-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.adit-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.adit-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.adit-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}
.rscs{ color:#1d78cb;}

/* Voice Chat */
.voice-viw{ width:100%; display:flex; gap:25px;}
.voice-chat{ width:70%;}

/* Transcript */
.dfff{ width:100%; margin:20px 0px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.divvsd{ background-color:#fff; border:1px solid #ddd; padding:10px; border-radius:10px;}
.divvsd span{ display:flex;}
.divvsd span b{ color:#000; font-weight:500; font-size:14px;}

/* Google Translate container */
#google_translate_element { display:inline-block; }
/* Main Select Language box */
#google_translate_element .goog-te-gadget-simple { background:#fff !important; border:1px solid #d5d5d5 !important; border-radius:5px !important; padding:6px 10px !important; height:auto !important; line-height:normal !important; font-family:Arial, sans-serif !important; font-size:13px !important; box-sizing:border-box; }

.voice-rht{ width:40%; margin-top:20px; border-radius:10px;}
.ai-dsn { width:100%; margin-bottom:10px; background-color:#f3f3f3; padding:20px 15px; border-radius:10px; word-wrap:anywhere;} 
.ai-dsn h2{ font-size:20px; margin-bottom:10px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding-bottom:15px;}
.ai-dsn h2 img{ max-height:25px;}
.ai-dsn .ai-dsn-bx{ width:100%; grid-template-columns:repeat(1,1fr); display:grid; gap:10px;}
.ai-dsn .ai-dsn-bx span{ font-size:17px; flex-wrap:wrap; line-height:22px; margin-bottom:5px; font-weight:400; color:#000; display:flex; align-items:center; gap:3px;}
.ai-dsn .ai-dsn-bx span img{  max-height:18px; opacity:0.5;}
.ai-dsn .ai-dsn-bx span b{ font-weight:600; display:flex; align-items:center; width:100%; border-left:1px solid #9c9c9c; padding-left:10px; margin-top:5px;}
.ai-dsn .ai-dsn-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:20px; display:flex; align-items:center;}
.ai-dsn .ai-dsn-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:22px !important;}

.ai-dsn .ai-lst-bx{ width:100%; grid-template-columns:repeat(1,1fr); display:grid; gap:10px; margin-top:15px; padding-top:20px; border-top:1px dashed #5c757d;}
.ai-dsn .ai-lst-bx span{ font-size:17px; flex-wrap:wrap; line-height:22px; margin-bottom:5px; font-weight:400; color:#000; display:flex; align-items:center; gap:3px;}
.ai-dsn .ai-lst-bx span img{  max-height:18px; opacity:0.5;}
.ai-dsn .ai-lst-bx span b{ font-weight:600; display:block; align-items:center; width:100%; border-left:1px solid #9c9c9c; padding-left:10px; margin-top:5px;}
.ai-dsn .ai-lst-bx span b.cmplt{ color:#1d9549; font-weight:600; font-size:20px; display:flex; align-items:center;}
.ai-dsn .ai-lst-bx span b.cmplt img{ opacity:1 !important; margin-right:5px; max-height:22px !important;}

.tgs { margin-bottom:10px; background-color:#f3f3f3; padding:12px 15px; border-radius:10px; word-wrap:anywhere;}
.tgs h2{ font-size:20px; margin-bottom:15px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding-bottom:10px;}
.tgs h2 img{ max-height:22px;}
.tgs .tgs-bx{ width:100%;}
.tgs .tgs-bx ul{ margin-top:15px; padding-left:0px; display:flex; flex-wrap:wrap; gap:5px;}
.tgs .tgs-bx ul li{ list-style:none; position:relative; font-size:16px; font-weight:400; line-height:22px; color:#fff; background-color:#2b2b2b; padding:4px 15px; border-radius:5px;}
.ai-rec{ width:100%; margin-top:20px; display:grid; grid-template-columns:repeat(2,1fr); gap:15px;}

.tas { margin-bottom:10px; background-color:#f3f3f3; padding:12px 15px; border-radius:10px; word-wrap:anywhere;}
.tas h2{ font-size:20px; margin-bottom:15px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px; border-bottom:1px solid #d4d9df; padding-bottom:10px;}
.tas h2 img{ max-height:22px;}
.tas .tas-bx{ width:100%;}
.tas .tas-bx ul{ margin-top:15px; padding-left:0px; display:flex; flex-wrap:wrap; gap:5px;}
.tas .tas-bx ul li{ list-style:none; position:relative; font-size:16px; font-weight:400; line-height:22px; color:#fff; background-color:#2b2b2b; padding:4px 15px; border-radius:5px;}

.det-til{ width:100%; background-color:#fff; border-radius:10px; padding:15px;}
.det-til h3{ font-size:20px; margin-bottom:8px; font-weight:600; color:#000; display:flex; align-items:center; justify-content:space-between;}
.det-til h3 a{ width:30px; height:30px; background-color:#222; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.det-til h3 a img{ max-height:16px; filter:invert(86%) sepia(100%) saturate(0%) hue-rotate(133deg) brightness(103%) contrast(102%);}
.det-lst{ width:100%;}
.det-lst p{ font-size:18px; line-height:20px; margin-bottom:10px; font-weight:400; color:#000;}

.f-stng{ width:100%; margin-bottom:20px; padding:20px; border:1px solid #d4d9df; border-radius:10px;}
.f-stng h3{ font-size:20px; margin-bottom:8px; font-weight:600; color:#000;}
.stng-lst{ width:100%;}
.stng-bx{ width:100%;}
.stng-bx .form-row{ width:100%; display:flex; flex-wrap:wrap; gap:0px 20px;}
.stng-bx .form-row label{ font-size:18px; color:#000;}
.stng-bx .form-row .form-group{ width:30%;}

.f-type{ width:100%;}
.f-type .top{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.f-type .top h3{ font-size:20px; margin-bottom:0px; font-weight:600; color:#000;}
.f-type .top .rdo{ background-color:#1976cb; padding:6px 20px; border-radius:10px;}
.f-type .top .rdo label{ font-size:16px; color:#fff;}
.f-type .top .rdo input{ width:18px;} 

.ans-cnt{ width:100%; background-color:#f3f3f3; padding:10px 20px; border-radius:10px; margin-bottom:20px;}
.ans-cnt p{ font-size:18px; line-height:24px; margin-bottom:0px; font-weight:400; color:#000;}

.stp-cnt{ width:100%; margin-bottom:20px; padding:20px; border:1px solid #d4d9df; border-radius:10px;}
.stp-cnt h3{ font-size:20px; margin-bottom:5px; font-weight:600; color:#000;}
.stp-cnt p{ font-size:18px; line-height:24px; margin-bottom:0px; font-weight:400; color:#000;}

.stp-cnt .accordion-button b{ width:30px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:600; height:30px; background-color:rgba(0,0,0,0.2); border-radius:5px; margin-right:10px;}
.stp-cnt .accordion-button:not(.collapsed){ color:#fff;}
.stp-cnt .accordion-body{ padding:20px 10px !important; min-height:170px;}
.stp-cnt .accordion-button span{ font-size:18px !important;}

.add-img{ width:100%; display:flex;}
.add-img a{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:400; color:#fff; background-color:#08274c; padding:8px 20px; border-radius:10px; text-align:center; border:none; transition:all ease 0.4s;}
.add-img a img{ max-height:18px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}

/* Channels Settings */
.chnl-sctn{ width:80%; margin-top:20px;}
.chnl-det-vw{ width:100%;}
.chnl-viw{ width:100%; border-radius:10px; margin-bottom:25px;}
.chnl-lst{ width:100%;}
.chnl-bx{ width:100%;}
.chnl-bx .form-row{ width:100%; display:flex; gap:20px;}
.chnl-bx .form-row label{ font-size:18px; color:#000;}
.chnl-bx .rdo{ background-color:#f3f3f3; padding:5px 10px; border-radius:10px;}

.chnl-bx .form-group{ margin-bottom:5px;}
.chnl-suprt{ width:100%; margin-top:20px; padding:15px; border:1px solid #50676e; border-left:5px solid #50676e; border-right:5px solid #50676e; display:flex; border-radius:10px;}
.chnl-suprt b{ font-weight:600; color:#000; font-size:20px; margin-right:10px; padding-right:10px; line-height:20px; display:flex; align-items:center; gap:8px;}
.chnl-suprt b:last-child{ border-right:none; padding-right:none;}
.chnl-suprt b img{ max-height:35px;}

.chnl-type{ width:100%; margin-top:20px;}
.chnl-type .top{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.chnl-type .top h3{ font-size:22px; margin-bottom:0px; font-weight:600; color:#074d59;}
.prv-lst{ width:100%; display:flex; gap:20px;}

.attachment-file{display:flex; align-items:center;gap:3px; }
.attachment-file img{ max-width:18px !important; margin:0 !important; }

/* FAQ Catagories */
.faq-cat-sctn{ width:100%; margin-top:15px;}
.faq-cat{ width:100%;}
.faq-cat .til{ width:100%;}
.faq-cat .til h3{ font-size:20px; margin-bottom:15px; font-weight:400; color:#000; display:flex; align-items:center;}

.faq-cat-lst{ width:100%; margin-top:15px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px;}
.cat-card{ width:100%; border:1px solid #b3bdc9; border-radius:5px; padding:8px 10px;}
.card-top{ width:100%; display:flex; align-items:flex-start; gap:5px; margin-bottom:8px; /* min-height:65px; */ border-bottom:1px solid #bac0c2; padding-bottom:5px;}
.card-top .lt{ width:auto; display:flex;}
.card-top .lt i{ width:22px; display:flex; align-items:center; justify-content:center;}
.card-top .lt i img{ max-height:18px; opacity:0.8;}
.card-top .rt{ width:100%;}
.card-top .rt h2{ font-size:14px; margin-bottom:0px; font-weight:600; color:#000;}
.card-top .rt p{ font-size:13px; line-height:15px; margin-bottom:0px; font-weight:400; color:#333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}

.card-cnt{ width:100%; /* display:grid; align-items:center; grid-template-columns:repeat(1,1fr); */ display:flex; flex-direction:column; gap:0px 10px; min-height:90px;}
.card-cnt span{ font-size:14px; margin-bottom:4px; font-weight:400; color:#000; display:flex; align-items:center; gap:10px; line-height:20px; width:100%;}
.card-cnt span i{ font-style:normal; display:flex; gap:10px; line-height:20px; align-items:center; width:35%; border-right:1px solid #bac0c2;}
.card-cnt span b{ color:#000; font-weight:500; width:65%;}
.card-cnt span:last-child{ border-right:none; padding-right:0;}
.card-cnt span b.active{ color:#288c04; font-weight:500;}

.faq-actn{ width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:3px;}
.faq-actn button{ display:flex; align-items:center; gap:5px; font-size:12px; font-weight:400; color:#fff; background-color:#33475b; padding:2px 16px; border-radius:4px; text-align:center; border:none; transition:all ease 0.4s;}
.faq-actn button img{ max-height:12px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}
.faq-actn button:hover{ background-color:#111; transition:all ease 0.4s;}

.lnk6 .dropdown .btn-secondary{ min-height:25px; padding:2px 10px;}
.lnk6 .dropdown .btn-secondary:hover{ color:#105da4; background-color:#111; transition:all ease 0.4s;}
.lnk6 .dropdown .btn-secondary::after{ display:none;}
.lnk6 .dropdown-menu{ min-width:160px; padding:10px 0px; box-shadow:0px 10px 10px 0 rgba(0,0,0,0.06); border-radius:10px; max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color:#edf0f7 #fff;}
.lnk6 .dropdown-menu li a{ padding:3px 15px; color:#000;}
.lnk6 .dropdown-menu li a:hover{ background-color:#f4f1f1; color:#000;}
.lnk6 .dropdown-item:active{ background-color:#f4f1f1; color:#000;}

.kng-main{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.kng-main .lt{ display:block;}
.kng-main .lt p{ margin:0; color:#000;}
.kng-main .rt{ display:flex; align-items:center; justify-content:flex-end; width:20%; gap:5px;}
.kng-main .rt small{ color:#333;}
.kng-main .rt a{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; border:1px solid #bfcad4; border-radius:5px; margin:0;}
.kng-main .rt a i{ display:flex;}

.no-rcrd{ margin:25px 0px;}
.no-rcrd p{ font-size:20px; line-height:22px; margin-bottom:0px; font-weight:400; color:#000; text-align:center;}

.faqs-lst{ width:100%; margin-top:20px; display:grid; grid-template-columns:repeat(1,1fr); gap:10px;}
.faqs-cat{ width:100%; border:1px solid #556873; border-radius:10px; padding:15px 20px;}
.faqs-card-top{ width:100%; margin-bottom:15px; border-bottom:1px solid #bac0c2; padding-bottom:12px;}
.faqs-card-top h2{ font-size:20px; margin-bottom:0px; font-weight:600; color:#000;}
.faqs-card-top h2 a{ color:#105da4; margin:0;}
.faqs-card-top p{ font-size:18px; line-height:21px; margin-bottom:0px; font-weight:400; color:#000;}

.faqs-card-cnt{ width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; margin:6px 0px; background-color:#f3f3f3; padding:5px 10px; border-radius:5px;}
.faqs-card-cnt span{ font-size:16px; font-weight:400; color:#000; display:flex; align-items:center; gap:10px; border-right:1px solid #bac0c2; padding-right:10px; line-height:20px;}
.faqs-card-cnt span b{ color:#000; font-weight:600;}
.faqs-card-cnt span:last-child{ border-right:none; padding-right:0;}
.faqs-card-cnt span b.actv{ color:#288c04; font-weight:700;}
.faqs-card-cnt span b.drft{ color:#cd2c21; font-weight:700;}

.faqs-actn{ width:100%; display:flex; align-items:center; gap:5px; margin-top:10px; flex-wrap:wrap;}
.faqs-actn button{ display:flex; align-items:center; gap:5px; font-size:15px; font-weight:400; color:#fff; background-color:#33475b; padding:4px 15px; border-radius:10px; text-align:center; border:none; transition:all ease 0.4s;}
.faqs-actn button img{ max-height:16px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}
.faqs-actn button:hover{ background-color:#111; transition:all ease 0.4s;}

.lnk6 .dropdown .btn-secondary{ min-height:25px; padding:2px 10px;}
.lnk6 .dropdown .btn-secondary:hover{ color:#105da4; background-color:#111; transition:all ease 0.4s;}
.lnk6 .dropdown .btn-secondary::after{ display:none;}
.lnk6 .dropdown-menu{ min-width:160px; padding:10px 0px; box-shadow:0px 10px 10px 0 rgba(0,0,0,0.06); border-radius:10px; max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color:#edf0f7 #fff;}
.lnk6 .dropdown-menu li a{ padding:3px 15px; font-size:16px; color:#000;}
.lnk6 .dropdown-menu li a:hover{ background-color:#f4f1f1; color:#000;}
.lnk6 .dropdown-item:active{ background-color:#f4f1f1; color:#000;}

.faq-det-sctn{ width:80%; margin-top:15px;}
.faq-det-vw{ width:100%;}
.f-det-til{ width:100%; background-color:#f3f3f3; padding:15px; border-radius:10px; margin-bottom:15px;}
.f-det-til h2{ font-size:22px; margin-bottom:15px; font-weight:600; color:#000;}
.det-til{ width:100%; background-color:#fff; border-radius:10px; padding:15px;}
.det-til h3{ font-size:20px; margin-bottom:8px; font-weight:600; color:#000; display:flex; align-items:center; justify-content:space-between;}
.det-til h3 a{ width:30px; height:30px; background-color:#222; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.det-til h3 a img{ max-height:16px; filter:invert(86%) sepia(100%) saturate(0%) hue-rotate(133deg) brightness(103%) contrast(102%);}
.det-lst{ width:100%;}
.det-lst p{ font-size:18px; line-height:20px; margin-bottom:10px; font-weight:400; color:#000;}

.f-stng{ width:100%; margin-bottom:20px; padding:20px; border:1px solid #d4d9df; border-radius:10px;}
.f-stng h3{ font-size:20px; margin-bottom:8px; font-weight:600; color:#000;}
.stng-lst{ width:100%;}
.stng-bx{ width:100%;}
.stng-bx .form-row{ width:100%; display:flex; flex-wrap:wrap; gap:0px 20px;}
.stng-bx .form-row label{ font-size:18px; color:#000;}
.stng-bx .form-row .form-group{ width:30%;}

.f-type{ width:100%;}
.f-type .top{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.f-type .top h3{ font-size:20px; margin-bottom:0px; font-weight:600; color:#000;}
.f-type .top .rdo{ background-color:#1976cb; padding:6px 20px; border-radius:10px;}
.f-type .top .rdo label{ font-size:16px; color:#fff;}
.f-type .top .rdo input{ width:18px;} 

.ans-cnt{ width:100%; background-color:#f3f3f3; padding:10px 20px; border-radius:10px; margin-bottom:20px;}
.ans-cnt p{ font-size:18px; line-height:24px; margin-bottom:0px; font-weight:400; color:#000;}

.stp-cnt{ width:100%; margin-bottom:20px; padding:20px; border:1px solid #d4d9df; border-radius:10px;}
.stp-cnt h3{ font-size:20px; margin-bottom:5px; font-weight:600; color:#000;}
.stp-cnt p{ font-size:18px; line-height:24px; margin-bottom:0px; font-weight:400; color:#000;}

.stp-cnt .accordion-button b{ width:30px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:600; height:30px; background-color:rgba(0,0,0,0.2); border-radius:5px; margin-right:10px;}
.stp-cnt .accordion-button:not(.collapsed){ color:#fff;}
.stp-cnt .accordion-body{ padding:20px 10px !important; min-height:170px;}
.stp-cnt .accordion-button span{ font-size:18px !important;}

.add-img{ width:100%; display:flex;}
.add-img a{ display:flex; align-items:center; gap:8px; font-size:18px; font-weight:400; color:#fff; background-color:#08274c; padding:8px 20px; border-radius:10px; text-align:center; border:none; transition:all ease 0.4s;}
.add-img a img{ max-height:18px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}

.lnk6 .dropdown .btn-secondary{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:400; color:#fff; background-color:#33475b; padding:4px 6px; border-radius:5px; text-align:center; border:none; transition:all ease 0.4s;}
.lnk6 .dropdown .btn-secondary:active{ background-color:transparent !important;}
.lnk6 .dropdown .btn-secondary:hover{ color:#fff;}
.lnk6 .dropdown .btn-secondary::after{ display:none;}
.lnk6 .dropdown .btn-secondary img{ max-height:15px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}

.lnk6 .dropdown-menu{ min-width:160px; padding:10px; box-shadow:0px 10px 10px 0 rgba(0,0,0,0.2); border-radius:10px; max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color:#edf0f7 #fff; border:1px solid #c0c0c0;}
.lnk6 .dropdown-menu li{ display:flex; align-items:center; gap:8px; margin-bottom:5px; line-height:20px;}
.lnk6 .dropdown-menu li input{ width:15px; height:15px;}
.lnk6 .dropdown-menu li a{ padding:3px 15px;}
.lnk6 .dropdown-menu li a:hover{ background-color:#f4f1f1; color:#000;}
.lnk6 .dropdown-item:active{ background-color:#f4f1f1; color:#000;}

/* FAQ view */
.faqs-top { width:100%; border:1px solid #b3bdc9; border-radius:5px; margin-bottom:20px;}
.faqs-top .titl{ width:100%; border-bottom:1px solid #d4d9df; padding:8px 15px;}
.faqs-top .titl h2{ font-size:14px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:8px; word-wrap:anywhere;}
.faqs-top .titl h2 img{ max-height:18px;}

.faq-titl{ width:100%; padding:8px 15px; background-color:#e3eaf2;}
.faq-titl h2{ font-size:15px; margin-bottom:0px; font-weight:500; color:#000; }

.faqs-top .cnt-top{ width:100%; padding:10px 15px; display:flex; align-items:center; gap:10px; /* border-bottom:1px solid #b3bdc9; */}
.faqs-top .cnt-top span{ display:flex; align-items:center; gap:2px; font-size:14px; border-right:1px solid #b3bdc9; padding-right:15px; color:#000;}
.faqs-top .cnt-top span:last-child{ border-right:none; padding-right:none;}
.faqs-top .cnt-top span b{ margin-right:5px;}
.faqs-top .cnt-top span small{ font-size:14px;}

.faqs-top .cnt{ width:100%; padding:15px;}
.faqs-top .cnt h2{ font-size:14px; margin:10px 0px; font-weight:600; color:#000; word-wrap:anywhere;}
.faqs-top .cnt p{ font-size:14px; line-height:18px; font-weight:400; color:#000; margin-bottom:8px; word-wrap:anywhere;}

.method-grid{ display:grid;grid-template-columns:1fr 1fr; gap:16px; margin-top:15px;}
.method-card{ padding:22px; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease; border:1px solid #d4d9df; display:block; border-radius:5px;}
.method-card:hover{ border:1px solid #acb7c5; box-shadow:0 2px 10px rgba(20,24,31,0.06);}
.method-card .icon-lg{ width:40px;height:40px;border-radius:9px; display:flex;align-items:center;justify-content:center; font-size:19px;margin-bottom:16px; }
.method-card .icon-lg i{ font-size:20px; display:flex;}
.method-card.manual .icon-lg{ background:#d5e7f9; color:#000;}
.method-card.import .icon-lg{ background:#bce7b3; color:#000;}
.method-card h3{ font-size:15px; margin-bottom:6px; color:#000;}
.method-card > p{ font-size:14px; color:#000; line-height:16px; margin:0;}
.method-card ul{ margin:15px 0px 0px; padding:0; list-style:none; display:flex; flex-direction:column; gap:3px;}
.method-card li{ font-size:14px; color:#000; display:flex; gap:8px; align-items:flex-start;}
.method-card li .tick{ color:#999;flex-shrink:0;font-weight:700;}
.method-card.import li .tick{ color:#999;}

.status-banner.pending { background:#FFF3DE; color:#6E4400; }
.status-banner.apprved { background:#E0F4EC; color:#000; }
.status-banner { display:flex; align-items:center; gap:10px; padding:6px 14px; border-radius:5px; font-size:13px; font-weight:500; margin-bottom:18px; }
.status-banner img{ max-height:16px;}

.article-create-section { width:100%; background:#fff; margin-top:10px;} 
.article-create-box { padding:0px 0px 15px; border-bottom:1px solid #d4d9df; } 
.sctn-title { display:block; margin-bottom:8px; line-height:18px; font-weight:600; font-size:13px; padding-top:0; color:#111;} 
.create-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; } 
.create-option { position:relative; min-height:65px; display:flex; align-items:flex-start; padding:15px; background:#fff; border:1px solid #d4d9df; border-radius:5px; cursor:pointer; transition:all .2s ease; } 
.create-option:hover { border-color:#d5dae1; } 
.create-option.active { background:#edf4fb; border-color:#7997c0; } 
.create-option input { position:absolute; opacity:0; pointer-events:none; }
.radio-circle { position:relative; width:17px; height:17px; flex:0 0 17px; margin-top:3px; margin-right:12px; border:1px solid #d7cdbb; border-radius:50%; background:#fff; } 
.create-option.active .radio-circle { border-color:#064ba0; } 
.create-option.active .radio-circle::after { content:""; position:absolute; top:3px; left:3px; width:9px; height:9px; background:#064ba0; border-radius:50%; }
.option-content { display:block; min-width:0; } 
.option-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:2px; color:#000; font-size:13px; font-weight:600; line-height:18px; } 
.option-description { display:block; color:#333; font-size:12px; font-weight:400; line-height:18px; }
.recommended { display:inline-flex; align-items:center; height:19px; padding:0 7px; border:1px solid #8c9fb6; border-radius:5px; background:#fff; color:#222; font-size:11px; font-weight:500; line-height:18px; }

.keyword-section { padding:0px; } 
.keyword-title { display:block; margin-bottom:7px; color:#111827; font-size:12px; font-weight:600; line-height:17px; }
.keyword-input { min-height:42px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:5px 10px; background:#fff; border:1px solid #d5dddd; border-radius:5px; box-sizing:border-box; } 
.keyword-tag { height:25px; display:inline-flex; align-items:center; gap:6px; padding:0 8px; background:#e3ecf2; border-radius:5px; color:#24415e; font-size:14px; font-weight:400; white-space:nowrap; } 
.keyword-tag button { width:14px; height:14px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:#617387; cursor:pointer; } 
.keyword-tag button i { font-size:11px; } 
.keyword-input input { flex:1; min-width:180px; height:28px; padding:0; border:0; outline:0; background:transparent; color:#000; font-family:inherit; font-size:14px; } 
.keyword-input input::placeholder { color:#6a7890; opacity:1; }
.cform-bx-new{ margin-top:10px;}

.article-options { display:flex; flex-direction:column; gap:10px; margin-top:15px; } 
.article-check { display:flex; align-items:center; gap:10px; cursor:pointer; user-select:none; } 
.article-check input { position:absolute; opacity:0; pointer-events:none; } 
.custom-check { width:18px; height:18px; flex:0 0 18px; display:flex; justify-content:center; background:#fff; border:1px solid #c9d3df; border-radius:4px; transition:all .2s ease; } 
.custom-check i { display:none; color:#fff; font-size:14px; font-weight:700; } 
.article-check input:checked + .custom-check { background:#1767c9; border-color:#1767c9; }
.article-check input:checked + .custom-check i { display:block; }
.check-content b { color:#111827; font-size:14px; font-weight:400; line-height:18px; }

/* cformledge Settings */
.cform-sctn{ width:100%; margin-top:15px; padding:0px 0px;}
.cform-det-vw{ width:100%;}
.cform-viw{ width:100%; margin-bottom:10px; background:#fff; /* border:1px solid #bfc8d2; border-radius:12px; box-shadow:0 10px 24px rgba(15, 23, 42, .04); overflow:hidden; */}

.cform-cnt{ width:100%; margin-bottom:10px; border-radius:10px; padding:0px;}
.cform-cnt .tp{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:0px; /* padding-bottom:15px; border-bottom:1px solid #bfc8d2; background-color:#fff; */ border-radius:5px 8px 0px 0px;}
.cform-cnt .tp h3{ font-size:14px; margin-bottom:0; font-weight:600; color:#03499f; display:flex; align-items:center; gap:8px; text-transform:uppercase;}
.cform-cnt .tp h3 img{ max-height:22px; filter:invert(14%) sepia(65%) saturate(5558%) hue-rotate(204deg) brightness(87%) contrast(102%);}
.cform-cnt .tp .form-switch .form-check-input{ border:1px solid #03499f; background-color:#03499f; width:40px; height:20px;}
.cform-cnt .tp .form-switch .form-check-input:focus{ box-shadow:none;}
.cform-cnt:last-child{ margin-bottom:0;}

.cform-cnt .top{ width:100%; display:flex; align-items:center; gap:20px; margin-bottom:10px;}
.cform-cnt .top h3{ font-size:20px; margin-bottom:0px; font-weight:600; color:#000;}
.cform-cnt .top .form-switch .form-check-input{ border:1px solid #03499f; background-color:#03499f; width:40px; height:20px;}
.cform-cnt .top .form-switch .form-check-input:focus{ box-shadow:none;}

.top-rght{ display:flex; align-items:center; gap:20px; justify-content:flex-end;}
.top-rght .form-group{ margin:0; display:flex; align-items:center; gap:10px; width:auto;}
.top-rght .form-group label{ margin-bottom:0; font-size:15px; font-weight:700;}

.update-cmt{ margin-top:10px; padding:0 !important; /* border-top:3px dotted #a9adb3; border-radius:0; padding-top:10px; */}
.update-cmt.cform-cnt .tp{ padding:14px 0px;}
.update-cmt .cform-lst{ padding:0px 0px 0;}

/* Category Details */
.form-grid { display:grid; gap:3px; grid-template-columns:repeat(7,1fr) ;justify-content:center; align-items:left; margin-top:10px;}
.role-grid { display:grid; gap:3px; grid-template-columns:repeat(7,1fr) ;justify-content:center; align-items:left;}
.add-usr-new { position:relative;}
.add-usr { position:absolute ; right:-8px; top:23px}

.active-page{color:#2563eb;}
.tabs{ display:flex; background:#f8fafc; border-bottom:1px solid #dfe5ef;}
.tab{background:none;border:none; padding:18px 28px; cursor:pointer; font-size:15px; font-weight:600; color:#5b697d;position:relative;transition:.3s;}
.tab i{margin-right:8px;}
.tab:hover{background:#edf4ff;
color:#105da4;}

.cat-p .form-row .form-control { width:50% ;}
.know-bxx .form-wdt { width:49%; display:flex; gap:0px 20px;}
.know-bxx .rado { display:flex; gap:20px; background-color:#f1f1f1; padding:0px 4px; border-radius:8px; width:50%;}
.know-bxx .form-wdt label { font-size:16px; color:#000; font-weight:400; }
.know-bxx .rado label { gap:3px; text-align:left; padding:4px 4px; display:flex; margin-bottom:0px;}
.know-bxx .form-row label { font-size:14px;}
.know-bxx .form-group .form-check input{ width:17px; height:17px; margin-bottom:3px; border:1px solid #2581d6;}
.form-check-input:checked { background-color:#0d6efd;}

.know-bxx .rdo{ display:flex; gap:5px; background-color:#f1f1f1; padding:0px 4px; border-radius:8px; width:50%; margin-bottom:10px;}
.form-row .form-control { font-size:14px; border:1px solid #d5dddd; min-height:33px; border-radius:5px; padding:5px 10px; color:#000; font-weight:400;}
.form-row .form-control::placeholder{ color:#555; font-size:14px;}
.know-bxx .form-group { margin-bottom:10px; margin-top:10px;}
.know-bxx .form-row { width:100%; display:flex; gap:0px 20px; border-bottom:1px solid #d4d9df;}
.know-bxx .form-row:last-child { border-bottom:none;}
.know-bxx .form-row label { font-size:14px; }
.tab.active{background:#fff;color:#105da4;}
.tab.active::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#105da4;}

/* Style Flat */
.cform-lst{ width:100%; padding:10px 0px;}
.cform-bx{ width:100%;}
.cform-bx .form-row{ width:100%; display:flex; gap:0px 20px;}
.cform-bx .form-row label{ font-weight:600; font-size:13px; padding-top:0; color:#111;}
.cform-bx .form-row label .rqir{ color:#cd2c21;}
.cform-bx .form-row label small{ font-weight:400; color:#111}
.cform-bx .rdo{ display:flex; gap:5px; background-color:#f1f1f1; padding:0px 4px; border-radius:5px;}
.cform-bx .rdo label{ gap:3px; text-align:left;}

.cform-bx .form-group{ margin-bottom:8px;}
.cform-bx .form-group .form-check{ display:flex; align-items:center; gap:6px;}
.cform-bx .form-group .form-check label{ padding:0;}
.cform-bx .form-group .form-check input{ width:17px; height:17px; margin-bottom:3px; border:1px solid #2581d6; background-color:#2581d6;}
.cform-bx .form-group .form-check input:focus{ box-shadow:none;}

.cform-bx .splt .form-group{ width:49%;}
.cform-suprt{ width:100%; margin-top:10px; padding-top:12px; border-top:1px solid #bfc8d2; display:flex;}
.cform-suprt b:last-child{ border-right:none; padding-right:none;}

.cform-suprt{ width:100%; margin-top:10px; padding:10px 15px; border:1px solid #adbabe; border-left:5px solid #adbabe; border-right:5px solid #adbabe; display:flex; border-radius:10px;}
.cform-suprt b{ font-weight:600; color:#000; font-size:20px; margin-right:10px; padding-right:10px; line-height:20px; display:flex; align-items:center; gap:8px;}
.cform-suprt b:last-child{ border-right:none; padding-right:none;}
.cform-suprt b img{ max-height:35px;}

.cform-type{ width:100%;}
.cform-type .top{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.cform-type .top h3{ font-size:20px; margin-bottom:0px; font-weight:600; color:#000;}

.cform-cnt .radio-group { display:flex; gap:8px; flex-wrap:wrap; } 
.cform-cnt .radio-group input[type="radio"] { display:none; }
.cform-cnt .radio-card { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:80px; height:34px; padding:0 12px; border:1px solid #d9d9d9; border-radius:5px; background:#fff; color:#495057; font-size:14px !important; font-weight:400 !important; cursor:pointer; transition:all .25s ease; }
.cform-cnt .radio-card .dot { width:10px; height:10px; border-radius:50%; }
.form-text-nte{ display:block; font-size:12px; color:#555; line-height:16px; margin-top:8px;}

/* Default Colors */
.radio-card.chat { border-color:#f5a623; color:#f5a623; } 
.radio-card.chat .dot { background:#f5a623; } 
.radio-card.voice { border-color:#05956d; color:#05956d; } 
.radio-card.voice .dot { background:#05956d; } 
.radio-card.both { border-color:#ea5455; color:#ea5455; } 
.radio-card.both .dot { background:#ea5455; }
#chat:checked + .chat { background:#f5a623; color:#fff; border-color:#f5a623; }
#chat:checked + .chat .dot { background:#fff; }
#voice:checked + .voice { background:#05956d; color:#fff; border-color:#05956d; } 
#voice:checked + .voice .dot { background:#fff; } 
#both:checked + .both { background:#ea5455; color:#fff; border-color:#ea5455;  } 
#both:checked + .both .dot { background:#fff; }

.rcord{ width:100%; display:flex; align-items:center; gap:10px; padding:10px 0px;}
.rcord strong{ font-size:16px; font-weight:600; color:#000;}
.rcord a{ background-color:#007a58; color:#fff; padding:8px 16px; border-radius:5px; text-align:center; display:flex; align-items:center; justify-content:center; gap:8px; margin:0; font-weight:500; font-size:16px;}
.rcord a img{ max-width:100%; max-height:22px; filter:invert(100%) sepia(4%) saturate(15%) hue-rotate(117deg) brightness(106%) contrast(103%);}
.rcord small{ flex:1 1 auto; border-top:2px dotted #aeb5c0; transform:translateY(1px);}


/* Default Colors */

.cform-cnt .rdio-group { display:flex; gap:8px; flex-wrap:wrap; } 
.cform-cnt .rdio-group input[type="radio"] { display:none; }
.cform-cnt .rdio-group input[type="checkbox"] { display:none; }
.cform-cnt .rdio-card { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:80px; height:34px; padding:0 12px; border:1px solid #d9d9d9; border-radius:5px; background:#fff; color:#495057; font-size:14px !important; font-weight:400 !important; cursor:pointer; transition:all .25s ease; }
.cform-cnt .rdio-card .dot { width:10px; height:10px; border-radius:50%; }
.rdio-card span{ display: flex; width: 23px; height: 23px; align-items: center; justify-content: center; background-color: #fff; border-radius: 3px;}
.rdio-card span img{ max-height:18px; margin-bottom:1px;}

.rdio-card.chatdesk { border-color:#f5a623; color:#f5a623; } 
.rdio-card.voicedesk { border-color:#b04485; color:#b04485; } 
.rdio-card.whatsdesk { border-color:#057d5c; color:#057d5c; } 

#chatdesk:checked + .chatdesk { background:#f5a623; color:#fff; border-color:#f5a623; }
#chatdesk:checked + .chatdesk .dot { background:#fff; }
#voicedesk:checked + .voicedesk { background:#b04485; color:#fff; border-color:#b04485; } 
#voicedesk:checked + .voicedesk .dot { background:#fff; } 
#whatsdesk:checked + .whatsdesk { background:#057d5c; color:#fff; border-color:#057d5c;  } 
#whatsdesk:checked + .whatsdesk .dot { background:#fff; }

/* Attachment Modal */
.attch-main{ width:100%; margin-top:5px;}
.attch-main h4{ font-size:14px; font-weight:500; color:#fff; margin-bottom:0; width:fit-content; background-color:#123049; padding:8px 16px; border-radius:5px 7px 0px 0px;}
.attch-main h4 img{ max-width:100%; max-height:16px; margin-right:8px; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);}
.attch-main h4 small{ font-size:14px; color:#ffd535; font-weight:500; margin-left:5px;}

.custom-file-upload{ position:relative; display:flex; align-items:center; width:100%; margin-top:15px; }
.custom-file-upload input[type="file"]{ display:none; }
.file-name{ width:100%; height:38px; border:1px solid #bfc8d2; border-radius:5px; padding:0 120px 0 12px; font-size:14px; color:#444; background:#fff; position:relative;}
.file-name:focus{ outline:none; border-color:#0d6efd; }

.browse-btn{ position:absolute; left:-1px; top:0; width:72px; height:27px; background:#2b77b3; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:5px; cursor:pointer; font-size:12px; font-weight:500; text-decoration:none; transition:.2s;}
.browse-btn:hover{ background:#8b2362;}
.browse-btn i{ margin-right:6px; }

.icon-upload .browse-btn{ position:absolute; left:-2px; top:0; width:72px; height:27px; background:#2b77b3; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:5px; cursor:pointer; font-size:12px; font-weight:500; text-decoration:none; transition:.2s;}
.icon-upload .browse-btn:hover{ background:#8b2362;}
.icon-upload .browse-btn i{ margin-right:6px; }

.attch-file{ width:100%;}
.attch-file .image-upload{ position:relative; margin:0 auto; overflow:hidden; }
.attch-file .image-upload input { position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0; cursor:pointer;}
.attch-file .upload-field { display:block; background:#fff; padding:0px; border-radius:10px;}
.attch-file .upload-field .file-thumbnail { cursor:pointer; border:1px solid #dbe5ee; border-radius:0px 6px 6px 6px; text-align:center; padding:20px; background-color:#f8fbff; }
.attch-file .upload-field .file-thumbnail img { width:40px; margin:4px 0px; filter:invert(17%) sepia(94%) saturate(2752%) hue-rotate(205deg) brightness(86%) contrast(98%);}
.attch-file .upload-field .file-thumbnail h3 { font-size:14px; color:#000; font-weight:500; margin:6px; }
.attch-file .upload-field .file-thumbnail p { font-size:13px; color:#222; margin-bottom:0; font-weight:400; }
.attch-file .upload-field .file-thumbnail i{ font-style:normal;}

.attach-url .modal-dialog{ max-width:500px;}
.attach-lnk .mb-3{ margin-bottom:13px !important; display:flex;}
.attach-lnk .mb-3:last-child{ margin-bottom:0 !important;}
.attach-lnk .form-label{ text-align:left; color:#4d5057; font-weight:300; font-size:14px; line-height:30px; letter-spacing:-0.1px; width:25%; margin:0;}
.attach-lnk .form-control{ border-radius:5px; padding:0px 0px; font-size:14px !important; color:#373c46; box-shadow:none; border:1px solid #e6e8ee !important; font-weight:400; min-height:35px; padding:5px 10px; width:75%;}
.deal-modal .modal-dialog{ max-width:900px;}

.file-chosen { display:flex; align-items:center; justify-content:space-between; border:1px solid #d4d9df; border-radius:5px; padding:8px 12px; margin-top:15px; background:#fff; }
.file-chosen .fname { font-size:13px; font-weight:600; }
.file-chosen .fmeta { font-size:13px; color:#444; font-weight:400; margin-top:2px; }
.file-chosen .clear-file { display:flex; gap:6px; align-items:center; justify-content:center; padding:6px 13px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:12px; font-weight:500; cursor:pointer; }
.formats { display:flex; gap:18px; margin-top:0px; flex-wrap:wrap; }
.formats .tick{ color:#0b955b; margin-right:3px;}

.file-chosen .chose-btn{ display:flex; gap:8px;}
.add-butt-new{ margin-top:20px; justify-content:space-between; padding:20px 0px 0px;}

.step-indicator { display:flex; align-items:center; gap:8px; margin:10px 0px 22px; }
.step-dot { width:22px; height:22px; border-radius:50%; background:#FCC905; color:#000; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:500; flex-shrink:0; }
.step-dot.current{ color:#fff; background-color:#af4284;}
.step-label.current{ color:#000;}
.step-label { font-size:14px; color:#555; }
.step-line { width:26px; height:1px; background:#9bb0c5; }

/* FAQ Editor */
.faq-editor { width:100%; border:1px solid #d4d9df; border-radius:5px; overflow:hidden; background:#fff; margin-top:15px; }
.faq-header { display:grid; grid-template-columns:1fr 1fr 40px; align-items:center; min-height:33px; padding:0 14px; background:#dde8f6; border-bottom:1px solid #d4d9df; }
.faq-question-title, .faq-answer-title { font-size:14px; font-weight:500; color:#000; }
.faq-action { width:40px; }
.faq-row { display:grid; grid-template-columns:1fr 1fr 40px; gap:14px; align-items:center; padding:12px 14px; border-bottom:1px solid #e1ddd5; }

.faq-row:last-child { border-bottom:0; }
.faq-field { width:100%; }
.faq-field textarea { display:block; width:100%; height:40px; padding:8px 12px; border:1px solid #d4d9df; border-radius:5px; background:#fff; color:#111; font-size:14px; font-weight:400; line-height:16px; resize:vertical; outline:none; box-sizing:border-box; }
.faq-field textarea::placeholder { color:#999; opacity:1; }
.faq-field textarea:focus { border-color:#1d78cb; box-shadow:none; }
.faq-delete { position:relative; width:40px; height:40px; padding:0; border:0; background:transparent; cursor:pointer; }

.faq-delete::before, .faq-delete::after { content:""; position:absolute; top:19px; left:13px; width:15px; height:1px; background:#4d6383; }
.faq-delete::before { transform:rotate(45deg); }
.faq-delete::after { transform:rotate(-45deg); }
.faq-delete:hover::before, .faq-delete:hover::after { background:#222; }
.add-faq-btn { margin-top:14px; padding:5px 14px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:13px; font-weight:500; line-height:20px; display:flex; align-items:center; gap:6px;}
.add-faq-btn i{ display:flex;}
.add-faq-btn:hover { background:#fff; border-color:#0078c0; color:#0078c0; transition:all ease 0.4s; }

.add-sub-btn { margin-top:3px; padding:5px 14px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:13px; font-weight:500; line-height:20px; display:flex; align-items:center; gap:6px;}
.add-sub-btn i{ display:flex;}
.add-sub-btn:hover { background:#fff; border-color:#0078c0; color:#0078c0; transition:all ease 0.4s;}

.add-sub-ctry{ width:100%; display:grid; grid-template-columns:repeat(2,1fr); margin-top:15px; justify-content:space-between; gap:20px; background-color:#f1f6fb; padding:15px; border-radius:5px; border:1px solid #e8eef4;}
.sub-ctry-bx{ width:100%; display:flex; align-items:center; gap:10px;}
.sub-ctry-bx .form-group{ width:100%; display:flex; align-items:center; gap:10px; margin:0;}
.sub-ctry-bx .form-group a.trsh{ margin:0; background-color:#fff; width:25px; height:25px; border:1px solid #c71b22; display:flex; justify-content:center; align-items:center; border-radius:20px;}
.sub-ctry-bx .form-group input{ width:90%; min-height:35px;}
.sub-ctry-bx .form-group a.trsh i{ display:flex; color:#c71b22;}
.add-sub-ctry-new .sub-ctry-bx .form-group input{ width:80%;}


.add-sts-ctry{ width:100%; margin-top:20px; padding:15px 0px; border-top:1px solid #e8eef4;}
.sts-ctry-bx{ width:100%;}
.sts-ctry-bx .form-group{ width:100%; display:flex; align-items:center; gap:10px; margin:0;}
.sts-ctry-bx .form-group a.trsh{ margin:0; background-color:#fff; width:25px; height:25px; border:1px solid #c71b22; display:flex; justify-content:center; align-items:center; border-radius:20px;}
.sts-ctry-bx .form-group input{ width:90%; min-height:35px;}
.sts-ctry-bx .form-group a.trsh i{ display:flex; color:#c71b22;}
.sts-ctry-bx h3{ font-weight:600; font-size:13px; color:#111; margin:0px 0px 5px;}
.sts-ctry-bx small{ font-weight:400; font-size:13px; color:#555; padding-top:5px; display:block;}

/* FAQ Editor */
.faqs-editor { width:100%; border:1px solid #d4d9df; border-radius:5px; overflow:hidden; background:#fff; margin-top:15px; }
.faqs-header { display:grid; grid-template-columns:1fr 1fr 40px; align-items:center; min-height:33px; padding:0 14px; background:#dde8f6; border-bottom:1px solid #d4d9df; }
.faqs-question-title, .faqs-answer-title { font-size:14px; font-weight:500; color:#000; }
.faqs-action { width:40px; }
.faqs-row { display:grid; grid-template-columns:1fr 1fr 25px; gap:14px; align-items:center; padding:12px 14px; border-bottom:1px solid #e1ddd5; }

.faqs-row:last-child { border-bottom:0; }
.faqs-field { width:100%; }
.faqs-field textarea { display:block; width:100%; height:40px; padding:8px 12px; border:1px solid #d4d9df; border-radius:5px; background:#fff; color:#111; font-size:14px; font-weight:400; line-height:16px; resize:vertical; outline:none; box-sizing:border-box; }
.faqs-field textarea::placeholder { color:#999; opacity:1; }
.faqs-field textarea:focus { border-color:#1d78cb; box-shadow:none; }
.faqs-delete { position:relative; width:40px; height:40px; padding:0; border:0; background:transparent; cursor:pointer; }

.faqs-delete:hover::before, .faqs-delete:hover::after { background:#222; }
.add-faqs-btn { margin-top:14px; padding:5px 14px; border:1px solid #9dc5ff; border-radius:5px; background:#fff; color:#0868ed; font-size:13px; font-weight:500; line-height:20px; display:flex; align-items:center; gap:6px;}
.add-faqs-btn i{ display:flex;}
.add-faqs-btn:hover { background:#fff; border-color:#111; color:#111; }
.rht-btn{ display:flex; gap:5px;}

.import-success { width:100%; max-width:520px; min-height:280px; margin:30px auto; padding:50px 25px 35px; border:1px solid #d4d9df; border-radius:5px; background:#fff; text-align:center; box-sizing:border-box; }
.success-icon { width:52px; height:52px; margin:0 auto 20px; border-radius:50%; background:#dbf4ed; display:flex; align-items:center; justify-content:center; }
.success-icon i { color:#007a58; font-size:25px; font-weight:600; line-height:1; }
.import-success h3 { margin:0 0 8px; color:#000; font-size:18px; font-weight:600; line-height:1.4; }
.import-success p { margin:0 0 20px; color:#222; font-size:14px; line-height:1.35; }
.back-knowledge-btn { display:inline-block; padding:6px 15px; background:#1d78cb; color:#fff !important; font-size:14px; line-height:1.25; text-decoration:none; border-radius:5px; } 

/* Decision Trace List */
.reviw-top{ width:100%; margin:15px 0px;}
.reviw-cnt-box { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; width:100%;}
.reviw-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.reviw-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.reviw-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.reviw-box .bx-vw .lt img{ max-width:100%; max-height:22px;}
.reviw-box .bx-vw .rt{ width:72%;}
.reviw-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.reviw-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.reviw-box .bx-vw .rt em{ font-size:14px; display:block; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.reviw-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.reviw-box .bx-bm{ width:100%;}
.reviw-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#0a7d00; gap:5px; margin-top:3px;}
.reviw-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.reviw-box:nth-child(1) .bx-vw .lt{ background-color:#e5d5fd;}
.reviw-box:nth-child(2) .bx-vw .lt{ background-color:#d7e3f0;}
.reviw-box:nth-child(3) .bx-vw .lt{ background-color:#c3f0cc;}
.reviw-box:nth-child(4) .bx-vw .lt{ background-color:#fbe1c9;}

/* ctgry  Top */    
.ctgry-top{ width:100%; margin:15px 0px;}
.ctgry-cnt-box { display:grid; grid-template-columns:repeat(6, 1fr); gap:15px; width:100%;}
.ctgry-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.ctgry-box .bx-vw{ width:100%; display:flex; flex-direction:column; align-items:center; gap:10px;}
.ctgry-box .bx-vw .lt { width:42px; height:42px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.ctgry-box .bx-vw .lt img{ max-width:100%; max-height:22px; filter:invert(100%) sepia(11%) saturate(0%) hue-rotate(237deg) brightness(108%) contrast(101%);}
.ctgry-box .bx-vw .rt{ width:100%;}
.ctgry-box .bx-vw .rt small{ display:flex; justify-content:center; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:1px;}
.ctgry-box .bx-vw .rt i{ display:flex; justify-content:center; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.ctgry-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.ctgry-box .bx-vw .rt b{ display:flex; justify-content:center; font-style:normal; font-size:12px; font-weight:400; color:#222; gap:5px; margin-top:0px;}
.ctgry-box .bx-bm{ width:100%;}
.ctgry-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.ctgry-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.ctgry-cnt-box-new{ grid-template-columns:repeat(4, 1fr);}

.ctgry-box:nth-child(1) .bx-vw .lt{ background-color:#663ae9;}
.ctgry-box:nth-child(2) .bx-vw .lt{ background-color:#0973f9;}
.ctgry-box:nth-child(3) .bx-vw .lt{ background-color:#07ab93;}
.ctgry-box:nth-child(4) .bx-vw .lt{ background-color:#f83f57;}
.ctgry-box:nth-child(5) .bx-vw .lt{ background-color:#fa9119;}
.ctgry-box:nth-child(6) .bx-vw .lt{ background-color:#af4284;}

/* ==== MAIN TABLE ==== */ 
.category-table { width:100%; margin-top:15px;} 

/* ==== HEADER ==== */ 
.category-header { display:grid; grid-template-columns:20px minmax(150px, 2.8fr) 90px 45px 75px 140px 140px 90px 90px 50px; align-items:center; min-height:40px; padding:10px 12px; background:#f3f4f6; color:#000; font-size:13px; font-weight:600; margin-bottom:10px; border-radius:5px;} 

/* ==== BOOTSTRAP ACCORDION RESET ==== */ 
.category-accordion { --bs-accordion-border-color:transparent; --bs-accordion-border-width:0; } 
.reposit-item.category-item { border:1px solid #d4d9df !important; border-radius:5px !important; /* overflow:hidden; */ margin:0 0 8px 0; background:#fff; } 
.reposit-item.category-item:last-child { margin-bottom:0; } 
.reposit-item.category-item .accordion-header { margin:0; display:flex; align-items:center; position:relative; } 

.hndlng-inner.active{ border-top:none; display:flex;}

/* ==== CATEGORY ROW ==== */ 
.reposit-item .category-row { display:grid; grid-template-columns:20px minmax(150px, 2.8fr) 90px 45px 75px 140px 140px 90px 90px 50px; align-items:center; min-height:45px; padding:6px 12px; cursor:pointer; transition:background .2s ease; width:100%; border-radius:5px 5px;} 
.reposit-item .category-row:hover { background:#fdfaf5; } 

.reposit-item  .status-dot{ height:7px; width:7px; box-shadow:none; background:#28a745; display:flex; border-radius:50px;}

/* ==== NUMBER ==== */ 
.reposit-item .category-number { padding-left:0px; color:#000; font-size:14px; font-weight:600; } 

/* ==== CATEGORY INFORMATION ==== */ 
.reposit-item .category-info { display:flex; align-items:center; gap:14px; min-width:0; } 
.reposit-item .category-text { display:flex; flex-direction:column; min-width:0; line-height:1.35; } 
.reposit-item .category-text strong { color:#000; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.reposit-item .category-text span { margin-top:2px; color:#444; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 

/* ==== FOLDER ICON ==== */ 
.reposit-item .folder-icon { flex:0 0 47px; width:47px; height:47px; display:flex; align-items:center; justify-content:center; border-radius:12px; color:#fff; font-size:24px; } 
.reposit-item .folder-icon.blue { background:#0878e8; box-shadow:0 5px 12px rgba(0, 113, 232, .15); } 
.reposit-item .folder-icon.green { background:#11aa6d; box-shadow:0 5px 12px rgba(17, 170, 109, .15); } 
.reposit-item .folder-icon.purple { background:#713be0; box-shadow:0 5px 12px rgba(113, 59, 224, .15); } 

/* ==== SUBCATEGORY COUNT ==== */ 
.reposit-item .sub-count { display:flex; align-items:center; justify-content:center; gap:10px; color:#000; font-size:13px; } 
.reposit-item .sub-count strong { font-weight:700; } 
.reposit-item .sub-count i { font-size:12px; transition:transform .25s ease; } 

/* ==== COUNT BADGES ==== */ 
.reposit-item .count-badge { min-width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:13px; font-weight:600; } 
.reposit-item .active-count { background:#2d6e57; color:#fff; } 
.reposit-item .suspended-count { background:#c23a3a; color:#fff; } 

/* ==== USER ==== */ 
.reposit-item .user-info { display:flex; align-items:center; gap:6px; min-width:0; } 
.reposit-item .avatar { flex:0 0 22px; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:9px; font-weight:700; } 
.reposit-item .avatar.purple { background:#e5dcff; color:#7924cf; } 
.reposit-item .avatar.sky { background:#c0e0ff; color:#0873d8; } 
.reposit-item .user-info > div { display:flex; flex-direction:column; min-width:0; } 
.reposit-item .user-info strong { color:#000; font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.reposit-item .user-info span:not(.avatar) { margin-top:0px; color:#444; font-size:12px; } 

/* ==== DATE ==== */ 
.reposit-item .date-info { display:flex; align-items:flex-start; gap:8px; } 
.reposit-item .date-info > i { margin-top:2px; color:#0068d8; font-size:14px; } 
.reposit-item .date-info > div { display:flex; flex-direction:column; } 
.reposit-item .date-info strong { color:#000; font-size:12px; font-weight:500; white-space:nowrap; } 
.reposit-item .date-info span { margin-top:2px; color:#444; font-size:12px; } 

/* ==== STATUS ==== */ 
.reposit-item .status { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:2px; border-radius:20px; font-size:13px; font-weight:600; white-space:nowrap; width:25px; height:25px;} 
.reposit-item .status.active { background:#2d6e57; color:#fff; } 
.reposit-item .status i { font-size:14px; display:flex;} 

/* ==== ACTION BUTTON ==== */ 
.reposit-item .action-btn { display:flex; justify-content:center; position:absolute; right:30px;} 
.reposit-item .action-btn button { width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:50px; color:#0870d7; font-size:17px; cursor:pointer; transition:all .2s ease; } 

/* ==== SUBCATEGORY AREA ==== */ 
.reposit-item .subcategory-wrapper { margin:8px 10px; border:1px solid #c8d5e1; border-radius:5px; background:#f4faff; position:relative;} 
.reposit-item .subcategory-row { display:grid; grid-template-columns:0px minmax(150px, 2.8fr) 90px 45px 75px 140px 140px 90px 90px 50px; align-items:center; min-height:54px; padding:0 0px 0px 10px; border-bottom:1px solid #c8d5e1; background:#fdfaf5; border-radius:3px;} 
.reposit-item .subcategory-row:last-child { border-bottom:0; } 
.reposit-item .subcategory-row .action-btn{ right:20px;}
.reposit-item .category-row.collapsed{ background:#f4faff;}

/* .reposit-item .subcategory-row .tree-lnk button{ background-color:transparent;}
.reposit-item .subcategory-row .tree-lnk button img{ filter:none;} */

.reposit-item .subcategory-info { gap:12px; } 
.reposit-item .document-icon { flex:0 0 35px; width:35px; height:35px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#eaf5ff; color:#0876dc; font-size:18px; } 
.reposit-item .subcategory-info .category-text strong { font-size:13px; } 
.reposit-item .subcategory-info .category-text span { font-size:12px; } 
.reposit-item .simple-zero, .sub-dash { color:#000; font-weight:500; font-size:13px; text-align:center;} 
.reposit-item .sub-dash { font-weight:500; } 
.reposit-item .category-row[aria-expanded="true"] .sub-count i { transform:rotate(0deg); } 
.reposit-item .category-row[aria-expanded="false"] .sub-count i { transform:rotate(0deg); }

/* Knowledge Repository - Categories Page*/
.kgctgy-cat-sctn{ width:100%; margin-top:20px;}
.kgctgy-cat{ width:100%;}
.kgctgy-cat .til{ width:100%;}
.kgctgy-cat .til h3{ font-size:20px; margin-bottom:15px; font-weight:400; color:#000; display:flex; align-items:center;}

.kgctgy-cat-lst{ width:100%; margin-top:20px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}

.cat-kgctgy{ width:100%; border:1px solid #556873; border-radius:10px; padding:10px; position:relative;}
.kgctgy-top{ width:100%; display:flex; align-items:center; gap:10px; margin-bottom:6px; min-height:55px; background-color:#e5ebf0; padding:2px 10px; border-radius:5px;}
.kgctgy-top .lt{ width:auto; display:flex; margin-bottom:2px;}
.kgctgy-top .lt i{ width:40px; height:50px; display:flex; align-items:center; justify-content:center;}
.kgctgy-top .lt i img{ max-height:42px;}
.kgctgy-top .rt{ width:100%; position:relative;}
.kgctgy-top .rt h2{ font-size:18px; margin-bottom:0px; font-weight:600; color:#000;}
.kgctgy-top .rt p{ font-size:16px; line-height:20px; margin-bottom:0px; font-weight:400; color:#000; position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}

.kgctgy-vw{ width:100%; display:flex; align-items:flex-start; flex-wrap:wrap;}
.kgctgy-sub{ width:100%; border-bottom:1px dashed #616a6c; margin-bottom:10px; padding-bottom:2px;}
.kgctgy-sub h2{ font-size:16px; font-weight:600; color:#000; margin-bottom:3px;}
.kgctgy-sub ul{ margin:3px 0px; padding:0; display:grid; grid-template-columns:repeat(3,1fr);}
.kgctgy-sub ul li{ list-style:none; font-size:16px; color:#000; position:relative; padding-left:16px;}
.kgctgy-sub ul li::before{ position:absolute; left:0; top:12px; background-color:#9cadbe; width:10px; height:1px; content:"";}

.kgctgy-vw .rt{ width:100%; position:relative; display:flex; align-items:flex-start; justify-content:space-between;}
.kgctgy-cnt{ width:60%; display:grid; align-items:center; grid-template-columns:repeat(1,1fr); gap:3px 20px; }
.kgctgy-cnt span{ font-size:16px; margin-bottom:4px; font-weight:400; color:#000; display:flex; align-items:center; gap:10px; line-height:20px;}
.kgctgy-cnt span i{ font-style:normal; display:flex; gap:10px; line-height:20px; align-items:center; width:50%; border-right:1px solid #bac0c2; padding-right:10px;}
.kgctgy-cnt span b{ color:#000; font-weight:600; width:50%; font-size:16px;}
.kgctgy-cnt span:last-child{ border-right:none; padding-right:0;}
.kgctgy-cnt span b.publs{ color:#288c04; font-weight:700; font-size:20px;}
.kgctgy-cnt span b.dft{ color:#cd2c21; font-weight:600;}
.kgctgy-cnt span b.rivw{ color:#1d78cb; font-weight:600;}
.kgctgy-cnt span b.active{ color:#288c04; font-weight:600;}

.kgctgy-actn{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; width:40%; position:absolute; right:0; justify-content:flex-end; bottom:0;}
.kgctgy-actn button{ display:flex; align-items:center; gap:5px; font-size:14px; font-weight:400; color:#fff; background-color:#33475b; padding:3px 8px; border-radius:6px; text-align:center; border:none; transition:all ease 0.4s;}
.kgctgy-actn button img{ max-height:15px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}
.kgctgy-actn button:hover{ background-color:#111; transition:all ease 0.4s;}

.kgctgy .dropdown .btn-secondary{ min-height:30px; padding:2px 8px;}
.kgctgy .dropdown .btn-secondary:hover{ color:#105da4; background-color:#111; transition:all ease 0.4s;}
.kgctgy .dropdown .btn-secondary::after{ display:none;}
.kgctgy .dropdown-menu{ min-width:160px; padding:10px 0px; box-shadow:0px 10px 10px 0 rgba(0,0,0,0.06); border-radius:10px; max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color:#edf0f7 #fff;}
.kgctgy .dropdown-menu li a{ padding:3px 15px; font-size:16px; color:#000;}
.kgctgy .dropdown-menu li a:hover{ background-color:#f4f1f1; color:#000;}
.kgctgy .dropdown-item:active{ background-color:#f4f1f1; color:#000;}

/* Accordion */
.kgctgy-org{ width:100%; padding:0px;}
.kgctgy-org .kgctgy-role .accordion-header{ border-top:0 none;}
.kgctgy-role{ padding:0px 0px; transition:0.4s;}
.kgctgy-role .accordion-item{ border:0 none; padding:0px 0px 0px 0px; position:relative; transition:0.4s; background-color:transparent !important;}
.kgctgy-role .accordion-item:last-child{ padding-bottom:0;}
.kgctgy-role .accordion-header{ border-radius:0px !important; padding:0px 0px 0px; background:transparent; border-bottom:none; position:relative; transition:all 0.4s; display:flex; align-items:center;}
.kgctgy-role .accordion-body{ padding:10px 10px !important; margin-left:0px; min-height:50px; }
.kgctgy-role .acrd-link{ font-size:13px; font-weight:400; color:#000; background-color:#3879bf; padding:10px 14px 10px 10px; border-radius:5px !important; transition:0.4s; display:flex; margin-bottom:0; justify-content:space-between; align-items:center;}
.kgctgy-role .acrd-link.collapsed b ion-icon{ float:left; padding-right:7px; font-size:17px; color:#737373;}

.kgctgy-role .acrd-link .d-flex img{ max-height:20px; max-width:100%; width:auto; display:none;}
.kgctgy-role .acrd-link:hover{ color:#000 !important;}
.kgctgy-role .acrd-link .status-dot{ height:7px; width:7px; box-shadow:none;}

.inclmn-bx{ width:100%; display:flex; align-items:center}
.inclmn-bx .clmn-bx{ width:auto;}
.inclmn-bx .clmn-bx:nth-child(1){ width:20%;}
.inclmn-bx .clmn-bx:nth-child(2){ width:10%;}
.inclmn-bx .clmn-bx:nth-child(3){ width:16%;}
.inclmn-bx .clmn-bx:nth-child(4){ width:16%; padding:0px 5px;}
.inclmn-bx .clmn-bx:nth-child(5){ width:16%;}
.inclmn-bx .clmn-bx:nth-child(6){ width:16%;}

.inclmn-bx .clmn-bx .bdg-clmn{ display:flex; gap:5px;}
.inclmn-bx .clmn-bx .bdg-clmn span{ width:auto; display:flex; align-items:center; justify-content:center; padding:0; font-size:12px !important; min-width:19px; height:19px; border-radius:3px; color:#fff !important; font-weight:400;}

.tree-child .tree-item .tr-clmn-li span.badge{ width:auto; display:flex; align-items:center; justify-content:center; padding:0; font-size:12px !important; min-width:19px; height:19px; border-radius:3px; color:#fff !important; font-weight:400;}

.kgctgy-role .acrd-link .col-md-2{ font-weight:400; font-size:13px; letter-spacing:-0.2px; color:#000;}
.kgctgy-role .acrd-link .d-flex .kown-st{ color:#000; font-size:13px; font-weight:500; display:flex; align-items:center; gap:7px; position:relative; flex-direction:row-reverse;}
.kgctgy-role .acrd-link .d-flex .kown-st a{ margin:0;}
.kgctgy-role .acrd-link .d-flex .kown-st .count-vw{ min-width:20px; height:20px; display:flex; background-color:#1c77ca; align-items:center; justify-content:center; border-radius:3px; font-style:normal; color:#fff; font-size:13px;}

.kgctgy-role .accordion-button b{ margin-right:10px;}
.kgctgy-role .accordion-button b img{ max-width:100%; max-height:22px;}
.kgctgy-role .accordion-button:hover b ion-icon{ color:#fff;}

.kgctgy-role .accordion-body .table{ margin-bottom:0;}
.kgctgy-role .accordion-body .usr-roll{ width:100%; display:flex; padding:3px 0px; background-color:transparent; border-top:1px solid #fff; margin-bottom:0px ; transition:0.4s; min-height:40px;}
.kgctgy-role .accordion-body .usr-roll:first-child{ border-top:0 none;}
.kgctgy-role .accordion-body .usr-roll .usr-lft{ width:22%; display:flex; align-items:center; margin-right:15px;}
.kgctgy-role .accordion-body .usr-roll .usr-lft small.grp-title{ font-size:11px; color:#777; padding:1px 12px 1px 10px; font-weight:400; background-color:#efefef; margin-left:5px; border-radius:50px; letter-spacing:0.3px;}
.kgctgy-role .accordion-body .usr-roll .usr-lft h2{ font-size:18px !important; font-weight:400 !important; margin:0 !important; color:#000;}
.kgctgy-role .accordion-body .usr-roll .usr-rht{ width:78%; display:flex; flex-wrap:wrap;}
.kgctgy-role .accordion-body .usr-roll .usr-rht span{ min-width:19%; padding:4px 5px 4px 10px; margin:4px 0px 4px 5px; background-color:transparent; cursor:pointer; overflow:hidden; position:relative; z-index:0; transition:0.8s; display:flex; justify-content:space-between; border-radius:10px; border:1px solid #dbe0e5; align-items:center;}
.kgctgy-role .accordion-body .usr-roll .usr-rht span:before{ width:1%; height:100%; background-color:#f6f8fb; content:""; left:0; bottom:0; position:absolute; border-radius:3px 0px 0px 3px; visibility:hidden; transition:0.8s; z-index:-1;}
.kgctgy-role .accordion-body .usr-roll .usr-rht span:hover:before{ visibility:visible; background-color:#f6f8fb; width:103%; left:0; transition:0.8s; border-right:3px solid #fff; border-radius:3px;}
.kgctgy-role .accordion-body .usr-roll .usr-rht span:nth-child(5n+5){ margin-right:0;}
.kgctgy-role .accordion-body .usr-roll .usr-rht span label{ display:flex; margin-bottom:0px; font-size:16px; font-weight:400; color:#111; align-items:center; cursor:pointer; align-items:center; width:100%;}
.kgctgy-role .accordion-body .usr-roll .usr-rht span label input{ margin-right:5px; transition:0.4s;}
.kgctgy-role .acrd-link.collapsed{ color:#333; background-color:#f2f3f6; transition:all 0.4s ease 0s; font-weight:500; margin:2px 0px; border:1px solid #dce4ec;}
.kgctgy-role .acrd-link ion-icon{ float:right; margin-top:2px;}
.kgctgy-role .acrd-link span{ width:100%; margin-top:0px;} 
.kgctgy-role .arrow-forward-outline{ display:none;}
.kgctgy-role .accordion-button:hover{ background-color:#dce4ec !important; z-index:0;}
.kgctgy-role .accordion-button:hover span{ color:#000 !important;}
.kgctgy-role .acrd-link-header{ background-color:#9495b4; padding:5px; font-size:16px; text-transform:uppercase; color:#fff;}
.kgctgy-role .acrd-link-header.active{ background-color:#9495b4; color:#fff;}

.kgctgy-role .accordion-button:not(.collapsed){ background-color:#f2f3f6; z-index:0; border:1px solid #dce4ec;}
.kgctgy-role .accordion-button:not(.collapsed):hover{ background-color:#dce4ec !important;}
.kgctgy-role .accordion-button:not(.collapsed) span{ font-size:20px; color:#000; font-weight:500;}

/* Edit View */
.kgctgy-cat .kg-lst{ width:100%; display:grid; grid-template-columns:repeat(2,1fr); gap:15px;}
.tree-header{ width:100%; margin-bottom:10px; font-size:15px; font-weight:600; color:#000;}
.tree-header .col-md-2, .col-md-3{ font-size:15px; font-weight:600; color:#222;}

.b-header{ width:100%; display:flex; align-items:center; flex-wrap:nowrap;}
.b-header .clmn-bx{ width:auto; font-size:13px; font-weight:600; color:#000;}
.b-header .clmn-bx:nth-child(1){ width:18%;}
.b-header .clmn-bx:nth-child(2){ width:13%;}
.b-header .clmn-bx:nth-child(3){ width:14%; padding:0;}
.b-header .clmn-bx:nth-child(4){ width:15.5%; padding:0 8px;}
.b-header .clmn-bx:nth-child(5){ width:16%;}
.b-header .clmn-bx:nth-child(6){ width:16%;}

.cat-tree{ width:100%;} 
.tree-item{ display:flex; align-items:center; position:relative; min-height:42px; background-color:#eef2f6; padding:6px 12px; border-radius:8px;} 
.tree-left{ display:flex; align-items:center; gap:10px;} 
.tree-left i{ display:flex;}
.tree-left i img{ max-width:100%; max-height:28px;}
.tree-left span{ font-size:18px; color:#111; font-weight:500; }

.tree-child .tree-item .tr-clmn-li{ display:flex; gap:5px; font-size:13px;}
.tree-child .tree-item .tr-clmn-li input{ width:15px; height:15px;}

.tree-child .tree-item .tr-clmn-li:nth-child(1){ width:20%;}
.tree-child .tree-item .tr-clmn-li:nth-child(2){ width:10%;}
.tree-child .tree-item .tr-clmn-li:nth-child(3){ width:15%;}
.tree-child .tree-item .tr-clmn-li:nth-child(4){ width:16%;}
.tree-child .tree-item .tr-clmn-li:nth-child(5){ width:16%;}
.tree-child .tree-item .tr-clmn-li:nth-child(6){ width:16%;}

.folder{ color:#FDBB2D; font-size:13px; } 
.folder.small{ font-size:13px; } 

.tree-action{ border:0; background:transparent; position:absolute; right:40px;} 
.tree-action:hover{ background:#f4f4f4; } 
.tree-action i{ color:#666 !important; display:flex;} 
.tree-child{ margin-left:0px; position:relative; z-index:unset;} 
.tree-child .tree-left{ gap:10px;}
.tree-child .tree-left span{ font-weight:400; font-size:13px;}
.tree-child .tree-left span a{ margin-bottom:0;}
.tree-child .tree-left span.count-fq{ display:flex; align-items:center; gap:8px; flex-direction:row-reverse;}
.tree-child .tree-left span.count-fq i{ min-width:18px; height:18px; display:flex; background-color:#ebdbee; align-items:center; justify-content:center; border-radius:3px; font-style:normal; color:#000; font-size:13px;}

.tree-child .tree-left i img{ max-height:12px;}
/* .tree-child::before{ content:""; position:absolute; left:-14px; top:-4px; bottom:15px; width:2px; background:#e5e7eb; }  */
/* .tree-child .tree-item::before{ content:""; position:absolute; left:-14px; top:20px; width:14px; height:2px; background:#e5e7eb; } */
.tree-child .tree-item{ padding:0px; min-height:35px; border-bottom:1px solid #e0e7ee; border-radius:0;}
.kgctgy-role .accordion-body .cat-tree .tree-child .tree-item{ border-bottom:none;}
.tree-child .tree-lnk .dropdown .btn-secondary{ border-radius:6px; background-color:transparent; padding:2px 7px;}
.tree-child .tree-lnk .dropdown .btn-secondary img{ filter:none; transform:rotate(90deg);}
.tree-child .tree-item{ background-color:transparent;}
.tree-child .tree-lnk .dropdown-menu{ min-width:150px; z-index:99;}
.tree-child .tree-action{ top:0; right:-10px; position:relative;}
.parent{ margin-bottom:4px; }

.tree-left .status-dot{ margin:0px 0px -4px 0px; width:6px !important; height:6px !important; box-shadow:none;}
.tree-lnk{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; right:0;}
.tree-lnk button{ display:flex; align-items:center; gap:5px; font-size:14px; font-weight:400; color:#fff; background-color:#123049; padding:4px 14px; border-radius:5px; text-align:center; border:none; transition:all ease 0.4s;}
.tree-lnk button img{ max-height:16px; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(101%);}
.tree-lnk button:hover{ background-color:#111; transition:all ease 0.4s;}

.tree-lnk .dropdown .btn-secondary{ min-height:24px; padding:2px 5px;}
.tree-lnk .dropdown .btn-secondary::after{ display:none;}
.tree-lnk .dropdown-menu{ min-width:160px; padding:10px 0px; box-shadow:0px 10px 10px 0 rgba(0,0,0,0.06); border-radius:6px; max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color:#edf0f7 #fff; z-index:99;}
.tree-lnk .dropdown-menu li a{ padding:5px 13px; font-size:13px; color:#000; display:flex; align-items:center; gap:10px;}
.tree-lnk .dropdown-menu li a img{ max-width:100%; max-height:15px; opacity:0.8;}
.tree-lnk .dropdown-menu li a:hover{ background-color:#e8f0f4; color:#d71321;}
.tree-lnk .dropdown-item:active{ background-color:#e8f0f4; color:#000;}

/* Offcanvas */ 
.delete-card{  width:100%;} 
.delete-head{ display:flex; gap:18px; align-items:flex-start; margin-bottom:15px; } 
.warning-icon{ width:35px; height:35px; border-radius:50%; background:#E5EEF4; color:#F4B400; display:flex; justify-content:center; align-items:center; font-size:26px; flex-shrink:0; } 
.warning-icon i{ display:flex; align-items:center; margin-bottom:5px;}
.warning-icon i img{ max-width:100%; max-height:16px;}
.delete-title h3{ font-size:14px; font-weight:600; color:#000; margin-bottom:3px; } 
.delete-title p{ color:#111; font-size:14px; margin:0; font-weight:400;} 

.delete-info{ background:#edf5f9; border:1px solid #d7e3e9; border-radius:5px; padding:15px; margin-bottom:15px; } 
.info-block label{ display:block; font-size:14px; font-weight:400; color:#222; margin-bottom:2px; } 
.info-block strong{ display:block; font-size:14px; margin-bottom:10px; font-weight:600; color:#000;} 

.divider{ height:1px; background:#d7e3e9; margin:10px 0; } 
.info-block ul{ margin:0px; } 
.info-block li{ margin:0; font-size:14px; color:#000;} 
.delete-options{ display:flex; flex-direction:column; gap:12px; } 

.delete-options .radio-box{ display:flex; align-items:flex-start; gap:14px; cursor:pointer; } 
.delete-options .radio-box input{ display:none !important; } 
.delete-options .radio{ width:18px; height:18px; border-radius:50%; border:2px solid #CFCFCF; margin-top:0px; position:relative; flex-shrink:0; } 
.delete-options .radio-box input:checked+.radio{ border-color:#F4B400; } 
.delete-options .radio-box input:checked+.radio:after{ content:""; width:10px; height:10px; border-radius:50%; background:#F4B400; position:absolute; left:2px; top:2px; } 
.delete-options .radio-box h4{ font-size:14px; font-weight:600; margin-bottom:10px; color:#000;} 
.delete-options .radio-box p{ font-size:14px; margin:0;}
.delete-options .form-select{ color:#333; font-size:14px;}
.delete-options .form-select:focus{ box-shadow:none;}

.frm-in-top{ display:flex; align-items:center; gap:5px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px dashed #7d8d9c;} 
.frm-in-top i{ display:flex;}
.frm-in-top i img{ max-width:100%; max-height:20px;}
.frm-in-top span{ font-size:14px; color:#000; font-weight:500; margin-top:0px;}

.attachment-file{display:flex; align-items:center;gap:3px; }
.attachment-file img{ max-width:18px !important; margin:0 !important; }

/* Transcript */
.rc-trans{ background-color:#fff; /* max-height:400px; overflow-y:scroll; scrollbar-width:thin; */ width:100%; border:1px solid #123049; border-radius:10px; padding:15px;}

.rc-det-titl{ border-bottom:1px solid #d4d9df; padding-bottom:15px; display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.rc-det-titl h2{ font-size:20px; margin-bottom:0px; font-weight:500; color:#000; display:flex; align-items:center; gap:10px;}
.rc-det-titl h2 img{ max-height:28px;}

.rc-dtl-scsn{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.rc-dtl-scsn h3{ display:flex; align-items:center; margin:0; font-size:20px; font-weight:500; color:#000;}
.rc-dtl-scsn h3 strong{ font-weight:700; color:#0350ab; margin-left:5px;}

.rc-dtl-scbtm{ width:100%; display:flex; align-items:center; justify-content:space-between; margin:10px 0px 0px; border:1px solid #f9f3e6; padding:10px 15px; border-radius:0px; background-color:#f9f3e6;}
.rc-dtl-scbtm h3{ display:flex; align-items:center; margin:0; font-size:18px; font-weight:500; color:#000;}
.rc-dtl-scbtm h3 strong{ font-weight:700; color:#000; margin-left:5px;}

.rc-det-list{ width:100%; max-height:500px; overflow-y:scroll; scrollbar-width:thin; padding-right:15px;}
.rc-dtl-list{ width:100%;}
.rc-dtl-bx{ display:flex; align-items:stretch; vertical-align:middle; gap:10px; padding-bottom:7px; border-bottom:1px solid #dde1e7; margin-bottom:7px; position:relative; transition:all ease 0.4s;} 
.rc-dtl-bx:last-child{ border-bottom:none; padding-bottom:0;}
.rc-dtl-bx.active{ border-left:4px solid #e38787; background-color:#f6e8e8;}
.rc-dtl-bx.active .cnv-cnt h4 h2{ color:#00458f;}
.rc-dtl-bx strong{ font-weight:500; color:#0e478a; border-right:1px solid #afb7c2; padding:5px 8px 5px 0px; min-width:75px;}
.rc-dtl-bx b { width:35px; height:35px; border-radius:50px; display:flex; align-items:center; justify-content:center; position:relative; z-index:0; background-color:#ececec;}
.rc-dtl-bx b img{ max-width:100%; max-height:26px; /* border-radius:20px; */} 

.rc-dtl-bx .cnv-cnt{ width:80%; padding-top:4px;}
.rc-dtl-bx .cnv-cnt h4{ font-size:16px; font-weight:700; margin-bottom:0px; color:#000;}
.rc-dtl-bx .cnv-cnt p{ font-size:17px; line-height:24px; font-weight:400; color:#000; margin-bottom:10px; word-wrap:anywhere;}
.rc-dtl-bx .cnv-cnt p:last-child{ margin-bottom:0;}
.rc-dtl-bx .cnv-cnt p b{ width:auto; height:auto; display:inline-block; background-color:transparent; border-radius:0;}
.rc-dtl-bx .cnv-cnt img{ max-width:90%; margin:15px 0px; width:auto;}
.rc-dtl-bx .cnv-cnt strong{ min-width:auto; border-right:none; color:unset; padding:unset; font-weight:bold;}


/* Guide Dashboard */    
.gude-top{ width:100%; margin:15px 0px;}
.gude-cnt-box { display:grid; grid-template-columns:repeat(5, 1fr); gap:15px; width:100%;}
.gude-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.gude-box .bx-vw{ width:100%; }
.gude-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:10px; margin-bottom:7px;}
.gude-box .bx-vw .lt img{ max-width:100%; max-height:22px; filter:invert(100%) sepia(11%) saturate(0%) hue-rotate(237deg) brightness(108%) contrast(101%);}
.gude-box .bx-vw .rt{ width:100%;}
.gude-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:2px;}
.gude-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.gude-box .bx-vw .rt em{ font-size:12px; font-style:normal; line-height:16px; font-weight:400; color:#444;}
.gude-box .bx-bm{ width:100%;}
.gude-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.gude-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.gude-box:nth-child(1) .bx-vw .lt{ background-color:#663ae9;}
.gude-box:nth-child(2) .bx-vw .lt{ background-color:#0973f9;}
.gude-box:nth-child(3) .bx-vw .lt{ background-color:#07ab93;}
.gude-box:nth-child(4) .bx-vw .lt{ background-color:#f83f57;}
.gude-box:nth-child(5) .bx-vw .lt{ background-color:#fa9119;}

/* Guide short Dashboard */    
.gudeshrt-top{ width:100%; margin:15px 0px;}
.gudeshrt-cnt-box { display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; width:100%; border:1px solid #d9deec; padding:10px 8px; border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); background-color:#ebf0fd;}
.gudeshrt-box { color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; }
.gudeshrt-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.gudeshrt-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:5px;}
.gudeshrt-box .bx-vw .lt img{ max-width:100%; max-height:22px; filter:invert(100%) sepia(11%) saturate(0%) hue-rotate(237deg) brightness(108%) contrast(101%);}
.gudeshrt-box .bx-vw .rt{ width:75%;}
.gudeshrt-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.gudeshrt-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.gudeshrt-box .bx-vw .rt em{ font-size:13px; font-style:normal; line-height:16px; font-weight:400; color:#222;}
.gudeshrt-box .bx-bm{ width:100%;}
.gudeshrt-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.gudeshrt-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.gudeshrt-box:nth-child(1) .bx-vw .lt{ background-color:#3a7ee9;}
.gudeshrt-box:nth-child(2) .bx-vw .lt{ background-color:#fa9119;}
.gudeshrt-box:nth-child(3) .bx-vw .lt{ background-color:#ab075c;}
.gudeshrt-box:nth-child(4) .bx-vw .lt{ background-color:#9b3ff8;}

/* Customer Sentiment ( Unique Users) */
.stats-ctrgy-box{ width:100%; display:flex; gap:15px; margin-top:15px;}

/* Category Status */
.ctrgy-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.ctrgy-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.ctrgy-qry-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.ctrgy-qry-hder h2 img{ max-height:30px; margin-right:10px;}
.ctrgy-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.ctrgy-qry-hder small{ display:inline-block; background-color:#fbf5ff; border:1px solid #efe2f6; padding:1px 10px; border-radius:4px; color:#592261;}

.ctrgy-qry-chrt{ width:100%; display:flex; align-items:center;}
.ctrgy-qry-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:50%; }
.ctrgy-qry-wrapper #category-chart{ width:220px; height:180px; }
.ctrgy-qry-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.ctrgy-qry-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.ctrgy-qry-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.ctrgy-qry-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.ctrgy-qry-lst span b{ background-color:#ebf0fd; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:85px; justify-content:center;}
.ctrgy-qry-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}

/* Content by Category */
.subctrgy-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.subctrgy-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.subctrgy-qry-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.subctrgy-qry-hder h2 img{ max-height:30px; margin-right:10px;}
.subctrgy-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.subctrgy-qry-hder small{ display:inline-block; background-color:#fbf5ff; border:1px solid #efe2f6; padding:1px 10px; border-radius:4px; color:#592261;}

.subctrgy-qry-chrt{ width:100%; display:flex; align-items:center;}
.subctrgy-qry-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:50%; }
.subctrgy-qry-wrapper #subcategory-chart{ width:220px; height:180px; }
.subctrgy-qry-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.subctrgy-qry-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.subctrgy-qry-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.subctrgy-qry-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.subctrgy-qry-lst span b{ background-color:#ebf0fd; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:85px; justify-content:center;}
.subctrgy-qry-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}

/* Customer Sentiment ( Unique Users) */
.cntrivw-guide-box{ width:100%; display:flex; gap:15px; margin-top:15px;}

/* Content Usage by Channel */
.chanl-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.chanl-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.chanl-qry-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.chanl-qry-hder h2 img{ max-height:30px; margin-right:10px;}
.chanl-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.chanl-qry-hder small{ display:inline-block; background-color:#fbf5ff; border:1px solid #efe2f6; padding:1px 10px; border-radius:4px; color:#592261;}

.fetch-chart { width:100%; } 
.fetch-row { display:grid; grid-template-columns:118px 1fr 55px; align-items:center; column-gap:10px; padding:5px 0px; border-bottom:1px solid #e4e7ed; } 
.fetch-row:last-of-type { border-bottom:0; } 
.fetch-row .fetch-name { color:#111827; font-size:13px; font-weight:600; white-space:nowrap; } 
.fetch-row .fetch-bar { height:9px; display:flex; width:100%; max-width:240px; background:#f0f2f7; border-radius:5px; overflow:hidden; } 
.fetch-row .fetch-bar span { display:block; height:100%; } 
.fetch-row .chat-bar { background:#e69a32; } 
.fetch-row .voice-bar { background:#dc4f7a; } 
.fetch-row .fetch-count { color:#505a6c; font-size:12px; font-weight:500; white-space:nowrap; } 
.fetch-legend { display:flex; align-items:center; gap:18px; margin-top:9px; padding-left:0; } 
.fetch-legend span { display:flex; align-items:center; gap:6px; color:#505a6c; font-size:12px; font-weight:400; } 
.fetch-legend i { width:9px; height:9px; display:inline-block; border-radius:3px; } 
.legend-chat { background:#e69a32; } 
.legend-voice { background:#dc4f7a; }

/* Content Review Records */
.cntrivw-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.cntrivw-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.cntrivw-qry-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.cntrivw-qry-hder h2 img{ max-height:30px; margin-right:10px;}
.cntrivw-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.cntrivw-qry-hder small{ display:inline-block; background-color:#fbf5ff; border:1px solid #efe2f6; padding:1px 10px; border-radius:4px; color:#592261;}

.cntrivw-qry-chrt{ width:100%; display:flex; align-items:center;}
.cntrivw-qry-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:50%; }
.cntrivw-qry-wrapper #content-review-chart{ width:220px; height:200px; }
.cntrivw-qry-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.cntrivw-qry-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.cntrivw-qry-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.cntrivw-qry-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.cntrivw-qry-lst span b{ background-color:#ebf0fd; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:65px; justify-content:center;}
.cntrivw-qry-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}


/* Top Content Used by GuideDesk*/
.toptbl-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; padding:15px; width:100%; border:1px solid #d4d9df; margin-top:15px;}
.toptbl-smry .toptbl-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.toptbl-smry .toptbl-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.toptbl-smry .toptbl-hder h2 img{ max-height:30px; margin-right:10px;}
.toptbl-smry .toptbl-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.toptbl-smry .toptbl-hder small{ display:inline-block; background-color:#fbf5ff; border:1px solid #efe2f6; padding:1px 10px; border-radius:4px; color:#592261;}
.toptbl-table{ width:100%;}
.cht-clr{ color:#d8830f;}
.vic-clr{ color:#d81c55;}

/* AI Configuraion Status */
.rivw-qrery{ width:100%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5; margin-top:15px;}
.rivw-qrery-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.rivw-qrery-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.rivw-qrery-hder h2 img{ max-height:30px; margin-right:10px;}
.rivw-qrery-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.rivw-qrery-hder small{ display:inline-block; background-color:#fbf5ff; border:1px solid #efe2f6; padding:1px 10px; border-radius:4px; color:#592261;}

.rivw-qrery-lst{ width:100%; display:flex; flex-wrap:wrap; gap:1px; max-height:190px; overflow-y:scroll; scrollbar-width:thin;}
.rivw-qrery-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:6px 0px 8px 0px; border-radius:0px; color:#000; border-bottom:1px solid #dde1e5; /* border-left:4px solid #dde1e5; */}
.rivw-qrery-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.rivw-qrery-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.rivw-qrery-lst span b{ background-color:#e4edf6; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:3px; font-weight:600; min-width:65px; justify-content:center;}
.rivw-qrery-chrt{ width:100%; display:flex; align-items:center;}
.rivw-qrery-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:100%; }
.rivw-qrery-wrapper #conversation-logs{ width:100%; height:300px; }
.rivw-qrery-wrapper #call-logs{ width:100%; height:300px; }


/* Knowledge Repository Dashboard */    
.knlg-top{ width:100%; margin:15px 0px;}
.knlg-cnt-box { display:grid; grid-template-columns:repeat(5, 1fr); gap:15px; width:100%;}
.knlg-box { border-radius:5px; -webkit-box-shadow:1px 5px 24px 0 rgba(129, 98, 98, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color:#fff; padding:10px 8px; color:#000; font-size:16px; font-weight:400; display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:0; border:1px solid #dde1e5;}
.knlg-box .bx-vw{ width:100%; display:flex; align-items:center; gap:10px;}
.knlg-box .bx-vw .lt { width:45px; height:45px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#e5d5fd; border-radius:50px;}
.knlg-box .bx-vw .lt img{ max-width:100%; max-height:22px; filter:invert(100%) sepia(11%) saturate(0%) hue-rotate(237deg) brightness(108%) contrast(101%);}
.knlg-box .bx-vw .rt{ width:72%;}
.knlg-box .bx-vw .rt small{ display:flex; justify-content:space-between; align-items:center; font-size:13px; line-height:15px; color:#000; font-weight:600; margin-bottom:5px;}
.knlg-box .bx-vw .rt i{ display:flex; justify-content:flex-start; align-items:center; font-size:18px; line-height:18px; color:#000; font-weight:600; font-style:normal;}
.knlg-box .bx-vw .rt i em{ font-size:14px; font-style:normal; line-height:16px; font-weight:400; color:#222; margin-left:5px;}
.knlg-box .bx-vw .rt b{ font-size:22px; line-height:25px; font-weight:700; color:#fff;}
.knlg-box .bx-bm{ width:100%;}
.knlg-box .bx-bm small{ display:flex; font-style:normal; font-size:13px; font-weight:400; color:#000; gap:5px; margin-top:3px;}
.knlg-box .bx-bm small i{ font-size:11px; display:flex; align-items:center;}

.knlg-box:nth-child(1) .bx-vw .lt{ background-color:#663ae9;}
.knlg-box:nth-child(2) .bx-vw .lt{ background-color:#0973f9;}
.knlg-box:nth-child(3) .bx-vw .lt{ background-color:#07ab93;}
.knlg-box:nth-child(4) .bx-vw .lt{ background-color:#f83f57;}
.knlg-box:nth-child(5) .bx-vw .lt{ background-color:#fa9119;}

/* Customer Sentiment ( Unique Users) */
.stats-knlg-box{ width:100%; display:flex; gap:15px; margin-top:15px;}

/* AI Configuraion Status */
.knlg-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.knlg-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px;  align-items:center;}
.knlg-qry-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.knlg-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px;}
.knlg-qry-hder h2 img{ max-height:30px; margin-right:10px;}

.knlg-qry-chrt{ width:100%; display:flex; align-items:center;}
.knlg-qry-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:50%; }
.knlg-qry-wrapper #type-chart{ width:220px; height:200px; }
.knlg-qry-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.knlg-qry-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.knlg-qry-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.knlg-qry-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.knlg-qry-lst span b{ background-color:#ebf0fd; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:65px; justify-content:center;}
.knlg-qry-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}

/* Content by Category */
.knlg-qry1{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.knlg-qry1-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px;  align-items:center;}
.knlg-qry1-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.knlg-qry1-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px;}
.knlg-qry1-hder h2 img{ max-height:30px; margin-right:10px;}

.knlg-qry1-chrt{ width:100%; display:flex; align-items:center;}
.knlg-qry1-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:50%; }
.knlg-qry1-wrapper #category-chart{ width:220px; height:200px; }
.knlg-qry1-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.knlg-qry1-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.knlg-qry1-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.knlg-qry1-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.knlg-qry1-lst span b{ background-color:#ebf0fd; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:65px; justify-content:center;}
.knlg-qry1-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}

/* Customer Sentiment ( Unique Users) */
.rivw-knlg-box{ width:100%; display:flex; gap:15px; margin-top:15px;}

/* Review Records */
.rivw-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.rivw-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px;  align-items:center;}
.rivw-qry-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.rivw-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px;}
.rivw-qry-hder h2 img{ max-height:30px; margin-right:10px;}

.rivw-qry-chrt{ width:100%; display:flex; align-items:center;}
.rivw-qry-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:50%; }
.rivw-qry-wrapper #review-chart{ width:220px; height:200px; }
.rivw-qry-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.rivw-qry-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.rivw-qry-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.rivw-qry-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.rivw-qry-lst span b{ background-color:#ebf0fd; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:65px; justify-content:center;}
.rivw-qry-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}

/* Content by Category */
.rivw-qry1{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.rivw-qry1-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px;  align-items:center;}
.rivw-qry1-hder h2 { color:#000; font-size:14px; font-weight:500; margin:0; display:flex; align-items:center; gap:8px; width:100%;}
.rivw-qry1-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px;}
.rivw-qry1-hder h2 img{ max-height:30px; margin-right:10px;}

.rivw-qry1-chrt{ width:100%; display:flex; align-items:center;}
.rivw-qry1-wrapper{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:center; width:100%; }
.rivw-qry1-wrapper #content-review{ width:100%; height:200px; }
.rivw-qry1-lst{ width:50%; display:flex; flex-direction:column; gap:5px;}
.rivw-qry1-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; color:#000;}
.rivw-qry1-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.rivw-qry1-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.rivw-qry1-lst span b{ background-color:#e7ebf2; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:5px; font-weight:600; min-width:65px; justify-content:center;}
.rivw-qry1-lst span strong i{ width:8px; height:8px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#505372;}

/* Right */ 
.revw-right{ flex:1; display:flex; flex-direction:column; gap:15px; } 
.revw-cd{ background:#fff; display:flex; align-items:flex-start; gap:10px;} 
.revw-cd .icon{ width:35px; height:35px; background:#ebf0fd; border-radius:5px; display:flex; justify-content:center; align-items:center;} 
.revw-cd .icon img{ max-width:100%; max-height:18px;}
.revw-cd h3{ margin:0 0 6px; font-size:14px; color:#000; font-weight:500; text-align:left;} 
.revw-cd .cont{ flex:1; } 
.revw-cd .value{ text-align:right; min-width:110px; } 
.revw-cd .value h2{ margin:0; font-size:16px; font-weight:600; color:#000; } 
.revw-cd .value small{ font-size:14px; font-weight:500; color:#000; } 
.revw-cd .value.green h2, .value.green small{ color:#0c7a25; } 

/* Progress */ 
.revw-cd .progress{ height:8px; background:#ebf0fd; border-radius:50px; overflow:hidden; margin-top:5px; } 
.revw-cd .progress span{ display:block; height:100%; border-radius:50px; background:#03499f; } 
.revw-cd .progress.green span{ background:#0b7a25; }
.revw-cd .progress.red span{ background:#fd4562; }
.revw-cd .progress.blue span{ background:#0e82fe; }

/* Active Conversations by Channel (Today) */
.rcnt-smry { background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border:none; border-radius:5px; padding:15px; width:100%; border:1px solid #dde1e5; margin-top:15px;}
.rcnt-smry .rcnt-hder { width:100%; margin:0px 0px 13px; display:flex; align-items:center; gap:10px;}
.rcnt-smry .rcnt-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.rcnt-smry .rcnt-hder p { margin-bottom:0; font-size:14px; font-weight:400; color:#000;}
.rcnt-smry .rcnt-hder h2 img{ max-height:32px; margin-right:10px;}
.rcnt-slct { display:flex; width:100%; flex-wrap:wrap; align-items:flex-start;}

/* Recent Table */
.rcnt-table { width:100%; padding:0px; } 
.rcnt-table .rcnttbl-bdy { height:240px; margin:0px 0px; overflow:auto; scrollbar-width:none; scrollbar-color:#fff #fff; width:100%; } 
.rcnt-table .rcnttbl-bdy .table { margin-top:-1px; } 
.rcnt-table .rcnttbl-bdy .table thead th { padding:8px 10px; position:sticky; top:0; } 
.rcnt-table .rcnttbl-bdy .table thead th.text-right{ text-align:right;}
.rcnt-table .rcnttbl-bdy .table > tbody > tr td { padding:10px; color:#000; } 
.rcnt-table .rcnttbl-bdy .table > tbody > tr td strong{ font-size:18px; color:#02499e;}
.rcnt-table .rcnttbl-bdy .table > tbody > tr td a { color:#000; margin:0; } 
.rcnt-table .rcnttbl-bdy .table > tbody > tr td a:hover { color:#0096db; } 
.rcnt-table .rcnttbl-bdy .table > tbody > tr td .tme{ display:block; color:#666; text-align:center; font-weight:400;}
.rcnt-table .rcnttbl-bdy .table > tbody > tr:nth-of-type(2n) { background-color:#f6fafd !important; } 
.rcnt-table .rcnttbl-bdy .table > tbody > tr:hover { background-color:transparent !important; } 

/* Customer Sentiment ( Unique Users) */
.rvw-knlg-box{ width:100%; display:flex; gap:15px; margin-top:15px;}

/* AI Configuraion Status */
.rvw-qry{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.rvw-qry-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 12px; align-items:center;}
.rvw-qry-hder h2 { margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.rvw-qry-hder h2 img{ max-height:30px; margin-right:10px;}
.rvw-qry-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}

.rvw-qry-lst{ width:100%; display:flex; flex-wrap:wrap; gap:1px; max-height:190px; overflow-y:scroll; scrollbar-width:thin;}
.rvw-qry-lst span{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:6px 0px 8px 0px; border-radius:0px; color:#000; border-bottom:1px solid #dde1e5; /* border-left:4px solid #dde1e5; */}
.rvw-qry-lst span strong{ font-size:14px; font-weight:400; color:#000; display:flex; align-items:center; gap:6px;}
.rvw-qry-lst span strong img{ max-width:100%; max-height:18px; opacity:0.6;}
.rvw-qry-lst span b{ background-color:#e4edf6; color:#000; font-size:14px; display:flex; align-items:center; padding:2px 15px; border-radius:3px; font-weight:600; min-width:65px; justify-content:center;}

.rvw-qry1{ width:50%; display:flex; flex-wrap:wrap; background-color:#fff; transition:0.4s; -webkit-box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05); border-radius:5px; padding:12px 15px; align-content:flex-start; border:1px solid #dde1e5;}
.rvw-qry1-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 15px; align-items:center;}
.rvw-qry1-hder h2 {  margin-bottom:0; font-size:14px; font-weight:600; color:#000;}
.rvw-qry1-hder h2 img{ max-height:30px; margin-right:10px;}
.rvw-qry1-hder p { color:#444; font-size:13px; font-weight:400; margin:0; display:flex; align-items:center; gap:8px; width:100%;}

.rvw-qry1-lst{ width:100%; display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.rvw-qry1-lst a{ display:flex; align-items:center; justify-content:center; padding:10px; border-radius:5px; color:#000; border:1px solid #dde1e5; margin:0; flex-wrap:wrap;}
.rvw-qry1-lst a i{ display:flex; align-items:center; justify-content:center; width:35px; height:35px; background-color:#fff; border-radius:50px; margin-bottom:2px;}
.rvw-qry1-lst a i img{ max-width:100%; max-height:18px;}
.rvw-qry1-lst a b{ color:#000; font-size:14px; display:flex; align-items:center; font-weight:400; justify-content:center; width:100%;}
.rvw-qry1-lst a small{ font-size:12px; color:#444;}
.rvw-qry1-lst a:nth-child(1){ background-color:#f4f1fd; border:1px solid #b0a5d3;}
.rvw-qry1-lst a:nth-child(2){ background-color:#eef5fd; border:1px solid #bfd2e2;}
.rvw-qry1-lst a:nth-child(3){ background-color:#e5faf6; border:1px solid #a6d2ca;}
.rvw-qry1-lst a:nth-child(4){ background-color:#fff7ec; border:1px solid #d6c6af;}

/* Small devices (landscape Desktop, less than 1366px) */
@media (max-width:1366px) {
.log-min { width:1000px; } 
.cnt-rpt-rht .owl-buttons { transform:translateX(-135%); } 
.inr-frm-sub { min-height:450px; }
.login .login-box .login-det .login-form-main{ width:82%;}
.login-cnt h2{ font-size:30px;}
.frm-bdy{ width:100%;}

.user-sctn{ width:100%;}
.org-det { width:100%;}
.rcord-sctn{ width:100%;}
.voice-sctn{ width:100%;}
.notify-viw{ width:100%;}
.faq-cat-sctn{ width:100%;}
.faq-det-sctn{ width:100%;}
.meda-sctn{ width:100%;}
.chnl-sctn{ width:100%;}

.knlgcnt-cat-sctn{ width:100%;}
.kgctgy-cat-sctn{ width:100%;}

.know-sctn{ width:100%;}
.login .login-box .login-lft .logo-wrpr { width:240px; height:130px;} 
.login .login-box .login-lft .logo-wrpr img { max-height:100px;}
.ivc-prt-sec{ width:100%;}
/* .sidebar-inner { height:auto;} */
.my-prfl{ width:100%;}
.tnk-bg{ width:95%; margin:0px auto;}
.new-cutmer{ width:100%;}
.letst-prd-slct{ flex-wrap:wrap;}
.order-sts { width:100%;}

.acc-sec .acc-lft .acc-info .acc-name b{ font-size:20px;}
.acc-sec .acc-lft .acc-links ul li{ font-size:18px;}
.acc-sec .acc-cnt .acc-det > ul li span{ font-size:17px;}
.acc-sec .acc-cnt .acc-det > ul li b{ font-size:17px;}
.acc-sec .acc-cnt h3{ font-size:23px;}
.acc-sec .acc-cnt .acc-sctn p{ font-size:17px; line-height:23px;}
.acc-sec .acc-lft .acc-info .acc-img{ width:200px; height:200px;}
.acc-sec .acc-lft .acc-info .acc-img img{ width:200px; height:200px;}

.viw-rht .acc-info .acc-name b{ font-size:20px;}
.viw-rht .acc-info .acc-name small{ font-size:17px;}
.certify{ margin:25px 0px; width:100%;}
.prdls-cnt-lst .cnt-box .pdct-tit h2{ font-size:18px;}

.prdls-cnt-lst .cnt-box .rht{ margin:-90px auto 0px;}
.prdls-cnt-lst .cnt-box .rht h2{ font-size:24px; line-height:30px; justify-content:center;}
.prdls-cnt-lst .cnt-box .rht .bx{ text-align:center;}
.prdls-cnt-lst .cnt-box .rht .bx span{ justify-content:center; margin-bottom:2px;}
.prdls-cnt-lst .cnt-box .rht .bx i a{ position:relative; margin-top:2px; display:inline-block;}

.prdt-cnt-box .prdt-box .rt small{ font-size:18px; line-height:20px;}
.my-acc .rht h3{ font-size:22px;}
.my-acc .rht h3 i{ font-size:18px;}
.my-acc .rht small{ font-size:18px;}
.reve-cnt-box small{ font-size:16px;}
.reve-cnt-box b{ font-size:18px;}
.letst-prd-slct{ grid-template-columns:repeat(1,1fr);}
.order-sts .order-slct .highcharts-container{ max-width:800px !important;}
/* #sidebar-menu ul > li > a span b{ font-size:16px;} */
.applct{ width:100%;}

.code-prt-sec{ width:100%;}
.code-main .btm a{ font-size:20px; line-height:26px;}

/* .rcord-top .rcord-bx span{ font-size:17px;} */
/* .rcord-top .rcord-bx span img{ max-height:18px;} */
/* .rcord-top .rcord-bx span b.cmplt{ font-size:18px;} */
/* .rcord-btm .rcord-bx span{ font-size:17px;} */
/* .rcord-btm .rcord-bx span img{ max-height:18px;} */

.pstv{ font-size:18px;}
.rcord-doc{ flex-wrap:wrap;}
.rcord-doc a img{ max-height:18px;}

.vce-smry .lt h2{ font-size:18px;}
.vce-smry .lt p{ font-size:16px;}
.lead-bx .lead-lt strong.pstv{ font-size:18px;}
.lead-bx .lead-lt h3{ font-size:18px;}
.lead-bx .lead-rt img{ max-height:40px;}

.intnt h2 img{ max-height:20px;}
.intnt .intnt-bx span{ font-size:16px;}
.intnt .intnt-bx span img{ max-height:16px;}

.stmt h2 img{ max-height:20px;}
.stmt .stmt-bx span{ font-size:16px;}
.stmt .stmt-bx span img{ max-height:16px;}

.sgnl h2 img{ max-height:20px;}
.sgnl .sgnl-bx span{ font-size:16px;}
.sgnl .sgnl-bx span img{ max-height:16px;}

.led-sgnl h2 img{ max-height:20px;}
.led-sgnl .led-sgnl-bx span{ font-size:16px;}
.led-sgnl .led-sgnl-bx span img{ max-height:16px;}

.key-mnt h2 img{ max-height:20px;}
.key-mnt .key-mnt-bx ul li{ font-size:16px;}
.key-mnt .key-mnt-bx ul li img{ max-height:16px;}

.tgs h2 img{ max-height:20px;}
.tgs .tgs-bx ul li{ font-size:15px; padding:3px 12px;}

.f-det-til h2{ font-size:20px;}
.det-til h3{ font-size:18px;}
.det-lst p{ font-size:17px;}
.stng-bx .form-row label{ font-size:17px;}
.ans-cnt p{ font-size:17px;}
.nte-til p{ font-size:17px;}
.atch-bx span a{ font-size:16px;}

.meda-bx h2{ font-size:18px;}
.meda-bx h2 img{ max-height:20px;}
.meda-bx h3{ font-size:17px;}

.lgn-lft h2{ font-size:20px;}
.lgn-lft .lgn-bx span{ font-size:17px;}
.lgn-lft .lgn-bx span img{ max-height:18px;}
.lgn-rht h2{ font-size:20px;}

.bx-cnt h4{ font-size:18px;}
.bx-cnt ul li{ font-size:16px;}
.know-bx .form-row label{ font-size:16px;}
.ret-bx p{ font-size:16px;}
.know-suprt b{ font-size:18px;}
.rcnt-led-bx strong{ font-size:16px; line-height:20px;}
.actn-sctn-bx strong{ font-size:16px; line-height:20px;}

}

@media (max-width:1280px) {
.acc-sec .acc-lft .acc-info .acc-info-dtl{width:30%;}
.app-lst-bx span{font-size:17px;}
}


@media (max-width:1200px) { 
.prd-cnt-box .pdetail h1 { font-size:18px; } 
.acc-lst-cnt { padding:20px 0px; } 
.ord-lst .prds-sctn { width:60%; } 
.ord-lst .prds-btn { width:23%; } 
.ord-lst .prds-name a { font-size:16px; } 
.viw-pge-sec .viw-pge-deg2 .viw-deg-bx2 { padding:20px 25px; grid-template-columns:repeat(2, 1fr); } 
.das-top{grid-template-columns:repeat(1, 1fr);}
.acc-sec .acc-lft .acc-info{flex-wrap:wrap;}
.acc-sec .acc-lft .acc-info .acc-info-dtl{width:100%;}
.acc-lst{width:100%;}
.acc-sec .acc-lft .acc-info .acc-img{margin:0 auto 0px;}
.app-bx-sec1{grid-template-columns:repeat(1, 1fr);}
.app-bx-sec1 .app-cnt:last-child { grid-column-start:unset; grid-column-end:unset; }
.ivc-prt-cnt{grid-template-columns:repeat(1, 1fr);}
.prdls-cnt-lst .cnt-box{flex-wrap:wrap;}
.prdls-cnt-lst .cnt-box .rht p{text-align:justify;}
.frm-sec .form-row .d-flx{width:100%;}
.sty-bx{flex-wrap:wrap; gap:15px;}
.sty-bx .lft{width:25%;}
.sty-bx .lft .form-control.rdo{justify-content:center;}
.sty-bx .rht{width:100%;}
.prj-bk .form-group .rdo{flex-wrap:wrap;}
.upld{width:100%;}
.app-lst-prt{grid-template-columns:repeat(1,1fr); grid-gap:30px; margin:30px 0px 50px;}
.app-lst-min::before{display:none;}
.app-lst-sec a{margin:15px auto 10px;}
.app-lst-min{padding:0;}
} 

/* Small devices (landscape Mini Desktop, less than 1024px) */ 
@media (max-width:1024px) { 
body.adminbody-void .grf-mst-viw { padding-left:70px; } 
.prd-bx { grid-template-columns:repeat(1, 1fr); } 
.sidebar-inner{ height:100%;}
.frm-sec { padding:20px 0px; } 
.frm-sec .form-row .d-flx { padding:0px 15px; } 
.chk-out-prt { flex-wrap:wrap; } 
.chk-out-lft { width:100%; } 
.chk-out-rht { width:100%; margin-top:10px; } 
.chk-out-btn { justify-content:center; } 

.log-min { flex-wrap:wrap; } 
.log-pge { align-items:flex-start; flex-wrap:wrap;} 
.log-cnt { width:90%; } 
.log-min .pwd { right:0; left:0; display:flex; justify-content:center; position:relative; bottom:0; } 
.log-xoy { padding:30px; } 
.log-frm { padding:30px; } 
.log-box { margin-top:300px; } 
.log-box .log-img span img { max-height:80px; } 
.user-main .user-box { flex-wrap:wrap; } 
.user-main .user-box .box-lft { width:100%; padding:20px; } 
.user-main .user-box .box-rht { width:100%; } 
.prj-book .prj3{grid-template-columns:repeat(1,1fr);}

.login-cnt{ transform:translateY(135px);}
.login .login-box .login-det .login-form-main{ width:80%; transform:translateY(25%);}
.login .login-box .login-det::after{ top:45%;}
.login .login-box .login-det h2{ font-size:26px;}
.login .login-box .login-det h2 small{ font-size:40px;}
.login .login-box .login-lft::after{ width:260px; height:260px;}

.aly-lev-prt{ flex-wrap:wrap; flex-direction:column-reverse;}
.frm-sec .form-row .d-flx{ padding:0;}
.aly-lev-lft{ width:100%;}
.aly-lev-rht{ width:100%;}
.prdls-cnt-lst{ grid-template-columns:repeat(1,1fr);}

.anlyt-cnt-box{ grid-template-columns:repeat(2,1fr);}
.oprtn-cnt-box{ grid-template-columns:repeat(2,1fr);}
.knwg-cnt-box{ grid-template-columns:repeat(2,1fr);}
.lead-cnt-box{ grid-template-columns:repeat(2,1fr);}

.led-list{ flex-wrap:wrap;}
.chnl-list{ flex-wrap:wrap;}
.tp-qry{ width:100%;}
.chnl-sts{ width:100%;}
.blind-lst{ flex-wrap:wrap;}

.faq-cat-lst{ grid-template-columns:repeat(1,1fr);}
.card-top{ min-height:auto;}
.cat-card{ padding:15px;}

.prodt-slct{ flex-wrap:wrap;}
.prodt-sts .prodt-slct{ height:auto;}
.prodt-sts .prodt-slct .highcharts-container{ width:100%; height:auto; margin-bottom:15px;}
.prodt-cnt{ width:100%;}

.impct-lst{ flex-wrap:wrap;}
.led-sts{ width:100%;}
.funl-qry{ width:100%;}

.rcord-btm .rcord-bx{ grid-template-columns:repeat(1,1fr);}
.rcord-top .rcord-bx{ grid-template-columns:repeat(1,1fr);}
.rcord-doc a{ font-size:16px; gap:8px;}
.rcord-top .rcord-bx span{ font-size:16px;}
.rcord-top .rcord-bx span img{ max-height:16px;}
.rcord-top .rcord-bx span b.cmplt{ font-size:16px;}
.rcord-btm .rcord-bx span{ font-size:16px;}
.rcord-btm .rcord-bx span img{ max-height:16px;}

.lead-bx{ width:48%;}
.voice-viw{ flex-wrap:wrap; gap:15px;}
.voice-chat{ width:100%;}
.voice-rht{ width:100%;}

.stng-bx .form-row .form-group{ width:45%;}
.meda-tab{ gap:5px;}
.meda-lst{ grid-template-columns:repeat(3,1fr);}

.user-card{ padding:20px; flex-wrap:wrap; gap:10px;}
.user-left{ width:100%;}
.user-left .imgs span{ width:120px; height:120px;}
.user-info h2{ font-size:22px;}
.email{ font-size:16px;}

.user-lgn{ flex-wrap:wrap;}
.lgn-lft, .lgn-rht{ width:100%;}
.user-actions{ width:100%; justify-content:flex-start;}

.rol-lst{ grid-template-columns:repeat(2,1fr);}
.know-bx .form-row{ flex-wrap:wrap;}
.know-bx .form-row .form-group{ width:45%;}
.know-bx .rdo{ flex-wrap:wrap; gap:0;}

.prv-lst{ flex-wrap:wrap;}
.view-bx{ border:none; padding:0;}
.view-bx span{ flex-wrap:wrap; border:1px solid #bac0c2; padding:10px; gap:5px; border-radius:8px; font-size:16px;}
.view-bx span i{ width:100%; border-right:none;} 
.view-bx span b{ width:100%;}

.xsearchbdy .form-group{ width:30%;}
.table thead th{ font-size:15px;}

.rcord-btm .rcord-bx span b.cmplt{ font-size:18px;}
.pstv img{ max-height:22px !important;}

.chat-viw{ width:100%; margin:10px auto;}
} 

/* Medium devices (tablets, less than 992px) */ 
@media (max-width:992px) { 
.body-content { min-height:550px; } 
.forced .body-content { min-height:auto; } #main.enlarged .left.main-sidebar { left:-2px; } 
#main.enlarged .content-page { margin-left:50px; } 
.enlarged .footer-main { padding-left:50px; } 
.navbar-custom .prf-slct ul.list-inline { padding:5px 8px; } 
.sidebar-inner{ height:100%;}
.sidebar-inner .headerbar-left { transition:all ease 0.4s; } 
.info-prt { grid-template-columns:repeat(2, 1fr); } 
.content-page .content { padding:10px; margin:110px 0 60px; } 
.org-top { flex-wrap:wrap; } 
.org-top .org-logo { width:100%; margin-bottom:15px; } 
.org-top .org-logo span { justify-content:center; } 
.org-top .org-logo span img { max-height:65px; } 
.org-top .org-tit { width:100%; } 
.org-det { padding:30px 20px; } 
.user-main .user-box .box-rht { padding:25px; } 
.user-abt .box-dtls { grid-template-columns:repeat(2, 1fr); } 
.user-main .user-abt { padding:25px; }
.navbar-custom .prf-slct{ width:75%;} 
.letst-prd{ overflow:auto;}
.fc-header tr{ display:flex; flex-wrap:wrap;}
.fc-header-left{ width:100% !important; text-align:center !important;}
.acc-lst .acc-det > ul{ grid-template-columns:repeat(1, 1fr);}
.acc-sec .acc-cnt .acc-det > ul{ grid-template-columns:repeat(1, 1fr);}
.sty-bx .rht .form-row{ grid-template-columns:repeat(1,1fr); gap:15px 15px;}
.sty-bx .lft{ width:35%;}
.prdt-cnt-box{ gap:15px;}
.letst-prd-slct{ display:flex; flex-wrap:wrap;}
.order-sts{ width:100%;}
/* #main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left{ width:103px;} */
.cns-min-wid{ min-width:100%;}

.log-box{ margin-top:200px;}
.log-cnt{ flex-wrap:wrap;}
.log-xoy{ width:100%; min-height:250px;}
.log-frm{ width:100%;}
.login .login-box .login-det .login-frm-lnk label{ margin-bottom:10px; width:100%; justify-content:center;}
.login .login-box{ flex-wrap:wrap; height:100%;}
.login .login-box .login-lft{ width:100%; border-radius:0px 0px 30px 30px; min-height:500px;}
.login .login-box .login-lft .logo-wrpr{ margin-bottom:20px;}
.login .login-box .login-lft .logo-wrpr img{ max-height:140px;}
.login .login-box .login-det{ width:100%; height:auto; position:relative; flex-wrap:wrap; padding:20px 20px 20px 20px;}
.login .login-box .login-det .login-frm-lnk{ margin:10px 0px 10px; flex-wrap:wrap;}
.login .login-box .login-det .login-frm-btn{ margin-top:15px;}
.login .login-box .login-det .login-form-main{ transform:translateY(-150px);}
.login-cnt{ transform:translateY(80px); padding:30px;}
.login-cnt p{ line-height:20px;}
.login-pwdby{ display:none;}
.login-pwdby-btm{ display:flex;}
.login .login-box .login-det h2{ font-size:22px;}
.login .login-box .login-det h2 small{ font-size:30px;}
.login-frm-tit{ margin-bottom:30px;}
.login-frm-tit p{ margin-bottom:20px;}
.login .login-box .login-lft::after{ opacity:0.45;}
.login-frm-tit .log-logo span img{ max-height:100px;}
.dc-cnt .dc-det > ul{grid-template-columns:repeat(1,1fr);}
.dts-bx2{ flex-wrap:wrap;}
.dts-bx3{ flex-wrap:wrap;}

.s-code{ grid-template-columns:repeat(1,1fr);}
.prw-lst{ grid-template-columns:repeat(2,1fr);}
.f-type .top{ flex-wrap:wrap; gap:5px;}
.f-det-ftr{ flex-wrap:wrap; justify-content:center;}

.meda-lst{ grid-template-columns:repeat(2,1fr);}
.rol-lst{ grid-template-columns:repeat(1,1fr);}
.rol-til p{ font-size:18px; line-height:22px;}

.know-bx .form-row .form-group{ width:100%;}
.xsearchbdy .form-group{ width:45%;}
.cht-top{ flex-wrap:wrap; gap:10px;}

.rc-dtl-bx .cnv-cnt{ width:75%;}
.pagination{ flex-wrap:wrap !important; gap:5px 0px;}
.tim-info{ min-width:150px;}
} 

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width:768px) { 
body { overflow-x:hidden; } 
body.adminbody-void { min-height:100vh; } 
body.adminbody .main-sidebar.left { border-right:1px solid #123049; } 
.enlarged .left.main-sidebar { margin-left:-75px; } 
.headerbar-left { width:200px; } 
.headerbar-left span { display:none !important; } 
.headerbar-left i { display:block !important; } 
.content-page { margin-left:0 !important; } 
.footer { left:0 !important; } 
.mobile-sidebar { left:0; } 
.mobile-content { left:250px; right:-250px; } 
.enlarged .footer-main { padding-left:0; } 
.main-footer { padding:15px; } 
.headerbar { box-shadow:0 none; } 
.headerbar .headerbar-btm .menu-left::before { height:auto; background-color:transparent; } 
.navbar-custom { box-shadow:none; margin-left:0 !important; justify-content:space-between; padding:7px 15px; min-height:auto; } 
.navbar-custom .dropdown-menu { margin-top:17px; } 
.sidebar-inner .headerbar-left { justify-content:space-between; transition:all ease 0.4s; border-right:1px solid #97a4b1; } 
.sidebar-inner .headerbar-left .menu-left { display:none; } 
.navbar-custom .menu-left { display:flex; } 
.mbclose { display:flex; } 
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left { width:50px; } 
.grf-mst-viw { padding-left:10px; } 
body.adminbody-void .grf-mst-viw { padding:12px 15px; border-radius:10px; } 
.brdcrmb-title { padding-left:10px; } 
.brdcrmb-title .breadcrumb-holder .main-title { padding-left:0; } 
body.adminbody-void .brdcrmb-title { padding-left:15px; } 
.brdcrmb-title{ top:60px;}
.xsearchbdy .form-group { width:100%; } 
.xsearchbdy { padding:10px !important; } 
.main-footer { padding:15px 20px; }
.grf-mst-viw{ top:60px;}
} 

/* Extra small devices (portrait phones, less than 576px) */ 
@media (max-width:576px) { 
.enlarged .body-content { min-height:auto; padding-bottom:0; margin-bottom:0 !important; } 
.navbar-custom .logo-cnt { display:none; } 
.navbar-custom .menu-left { width:15%; } 
.navbar-custom .prf-slct { width:85%; } 
.navbar-custom .dropdown-menu { transform:translate3d(-20px, 27px, 0px) !important; } 
.main-sidebar.left { border-right:1px solid #97a4b1; z-index:99999; top:0; } 
.cmpny-logo { display:none; } 
.navbar-custom .prf-slct ul.list-inline { padding:5px 0px 5px 10px; border-right:none; } 
.clndr { padding:0px 10px 0px 5px; display:none;} 
.remainder{margin-right:20px;}
#sidebar-menu ul.smenu-slct { top:70px; } 
#sidebar-menu ul ul a { padding:2px 3px 2px 25px; } 
#sidebar-menu ul ul ul a { padding-left:60px; } 
#sidebar-menu ul li a ion-icon { width:15px; height:15px; font-size:18px; } 
body.adminbody-void .brdcrmb-title { padding:7px 15px 7px; top:54px; min-height:45px; } 
.prdt-cnt-box{ grid-template-columns:repeat(1, 1fr);}
.navbar-custom{ padding:8px 15px;}

.log-box{ margin-top:80px;}
.log-cnt{ flex-wrap:wrap;}
.log-xoy{ width:100%; min-height:200px;}
.log-frm{ padding:60px 25px;}

.login .login-box{ flex-wrap:wrap; height:100%;}
.login-cnt p{ line-height:20px;}
.login .login-box .login-det .login-form-main{ transform:translateY(-150px); width:100%; }
.login-cnt{ transform:translateY(50px);}
.login .login-box .login-lft{ min-height:350px;}
.login .login-box .login-lft .logo-wrpr img{ max-height:120px;}
.login .login-box .login-det .login-frm-lnk label{ width:100%; justify-content:center;}
.login .login-box .login-det .login-frm-lnk{ justify-content:center;}
.login-cnt h2{ font-size:26px;}

.anlyt-cnt-box{ grid-template-columns:repeat(1,1fr);}
.oprtn-cnt-box{ grid-template-columns:repeat(1,1fr);}
.knwg-cnt-box{ grid-template-columns:repeat(1,1fr);}
.lead-cnt-box{ grid-template-columns:repeat(1,1fr);}

.topfaq-box{ flex-wrap:wrap;}
.topfaq-box .bx-vw{ width:100%; margin-bottom:10px;}
.topfaq-box .bx-bm{ width:100%;}

.xsearchbdy .form-group{ margin:5px 0px;}
.know-suprt{ flex-wrap:wrap; gap:10px;}

.rec-til p{ font-size:18px; line-height:22px;}
.rcord-top h2{ font-size:18px; line-height:22px;}
.rcord-top h2 img{ max-height:22px;}
.rcord-top .rcord-bx span{ flex-wrap:wrap; border:1px solid #bac0c2; padding:10px; border-radius:8px; gap:2px;}
.rcord-top .rcord-bx span i{ width:100%; border-right:none;}
.rcord-top .rcord-bx span b{ width:100%;}
.rcord-btm h2{ font-size:18px; line-height:22px;}
.rcord-btm h2 img{ max-height:30px;}
.rcord-btm .rcord-bx span{ flex-wrap:wrap; border:1px solid #bac0c2; padding:10px; border-radius:8px; gap:2px;}
.rcord-btm .rcord-bx span i{ width:100%; border-right:none;}
.rcord-btm .rcord-bx span b{ width:100%;}

.tme{ font-size:14px;}
.play-btn { width:50px; height:40px; border-radius:10px;}

.voice-rht{ margin:0;}
.lead-bx{ width:100%;}

.intnt .intnt-bx span{ flex-wrap:wrap; gap:2px; background-color:#fff; padding:10px; border-radius:5px;}
.intnt .intnt-bx span i{ width:100%; border-right:none; padding-right:0;}
.intnt .intnt-bx span b{ width:100%;}

.stmt .stmt-bx span{ flex-wrap:wrap; gap:2px; background-color:#fff; padding:10px; border-radius:5px;}
.stmt .stmt-bx span i{ width:100%; border-right:none; padding-right:0;}
.stmt .stmt-bx span b{ width:100%;}

.sgnl .sgnl-bx span{ flex-wrap:wrap; gap:2px; background-color:#fff; padding:10px; border-radius:5px;}
.sgnl .sgnl-bx span i{ width:100%; border-right:none; padding-right:0;}
.sgnl .sgnl-bx span b{ width:100%;}

.led-sgnl .led-sgnl-bx span{ flex-wrap:wrap; gap:2px; background-color:#fff; padding:10px; border-radius:5px;}
.led-sgnl .led-sgnl-bx span i{ width:100%; border-right:none; padding-right:0;}
.led-sgnl .led-sgnl-bx span b{ width:100%;}

.card-cnt{ grid-template-columns:repeat(1,1fr);}
.card-cnt span i{  width:35%;}
.card-cnt span b{ width:65%;}

.xbtn-add{ padding:2px 15px;}
.stng-bx .form-row .form-group{ width:100%;}
.prw-lst{ grid-template-columns:repeat(1,1fr);}
.stp-cnt .accordion-button span{ font-size:17px !important;}

.f-det-ftr{ margin-top:30px;}
.f-det-ftr .lt{ width:100%; justify-content:center;}
.f-det-ftr .rt{ width:100%; flex-wrap:wrap; justify-content:center;}

.meda-sctn{ margin-top:10px;}
.meda-tab{ justify-content:center;}
.meda-tab a{ font-size:16px; padding:2px 15px; border-radius:5px;}
.meda-lst{ grid-template-columns:repeat(1,1fr);}

.modal-header{ padding:15px 20px;}
.frm-sec .form-row .form-group label{ font-size:16px;}
.modal-dialog .form-check label{ margin:0 !important;}

.user-card{ padding:15px;}
.user-left{ width:100%; flex-wrap:wrap; justify-content:center;}
.user-left .imgs span{ width:120px; height:120px;}
.user-info{ width:100%; text-align:center;}
.user-info h2{ font-size:22px; text-align:center;}
.email{ font-size:16px; text-align:center;}
.status{ justify-content:center;}
.user-actions{ justify-content:center; gap:10px;}
.lgn-lft .lgn-bx span{ font-size:16px;}

.table thead th{ font-size:14px;}
.aly-lev-prt{ padding:0;}
.sidebar-inner .headerbar-left .logo img{ max-height:28px;}
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogoshow{ max-height:28px;}
.sidebar-inner .headerbar-left { height:54px; } 

.prodt-btm{ flex-wrap:wrap; padding-left:0px; gap:8px;}
.prodt-tim{ width:100%;}
.prodt-box{ flex-wrap:wrap;}
.prodt-box .bx-vw{ width:100%; margin-bottom:10px;}
.prodt-box .bx-bm{ width:100%;}

.enqry-hder{ flex-wrap:wrap;}
.enqry-smry .enqry-hder h2{ width:100%; margin-bottom:10px;}
.enqry-smry .enqry-hder .bx-bm{ width:100%;}

.acc-sec .acc-lft .acc-info{ padding:20px;}
.acc-sec .acc-cnt{ padding:20px;}
.prgm-lnk a { width:100%;}
.acc-sec .acc-lft .acc-info .acc-info-dtl{ padding:20px;}

.tp-qry-lst span{ font-size:16px;}
.tp-qry-lst span b{ font-size:16px;}

.brdcrmb-title .breadcrumb-holder .main-title { font-size:20px;} 
#sidebar-menu { position:relative; } 
#sidebar-menu .submenu .list-unstyled li a .menu-arrow { top:3px !important; } 
#sidebar-menu::before { position:absolute; top:0; width:100%; left:0; height:60px; content:""; background-color:#cd2c21; border-right:1px solid rgba(255, 255, 255, 0.3); } 
.profile-dropdown { margin-top:12px; } 
.popover { display:none; } 
.xbutton { height:40px; } 
#sidebar-menu::before { height:54px; } 
.grf-mst-viw { top:54px; padding:7px 15px; } 

body.adminbody-void .grf-mst-viw { min-height:45px; padding:7px 15px; } 
.grf-tit h2 { font-size:16px; } 
.grf-mst-viw .mv-icon-list .tit { display:none; } 
.main-footer { justify-content:center; } 
.footer-main { padding-left:0; } 
.modal-content { width:95%; margin:0 auto; } 
.modal-body { padding:15px; } 
.content-page .content { margin-top:100px; margin-bottom:90px; } 
.inr-frm-str { margin:10px 0px; } 
.navbar-custom .dropdown-menu .drp-logout { padding:10px 0px 5px; } 
.brdcrmb-title { top:54px; padding:7px 15px 7px; min-height:45px; } 
.frm-sec .form-row .d-flx { padding:0; width:100%; margin-bottom:10px; } 
.frm-sec { padding:10px 0px 0px; } 
.frm-sec .form-row .form-group label { margin-bottom:4px; } 
.frm-sctn .frm-lst{ padding:15px;}
.dclr-sec label{ font-size:16px;}

.faqs-cat{ padding:15px;}
.faqs-card-top h2{ font-size:18px; margin-bottom:8px;}

.sty-bx .lft .form-control.rdo{ justify-content:flex-start;}
.upld-top b{ line-height:22px;}

.add-prd-sec .frm-sec .accordion { padding:0; } 
.add-butt { margin-top:20px; padding:20px 10px 10px; } 
.info-bx { padding:15px; } 
.info-bx i { width:50px; height:50px; } 
.info-bx i ion-icon { font-size:25px; } 
.info-prt { grid-gap:15px; } 

.frm-prt-log .form-group { margin-bottom:15px; } 
.frm-prt-log .log-frm-lnk { margin:20px 0px 10px; flex-wrap:wrap; } 
.log-frm-btn { margin-top:20px; } 
.brdcrmb-title .breadcrumb-holder { flex-wrap:wrap; } 
.xsearchbdy { margin:15px 0px; } 

.pgntion { text-align:center; margin-top:20px !important; flex-wrap:wrap; justify-content:center;} 
.pgn-lft { justify-content:center; padding-right:0 !important; margin-bottom:10px; width:100%;} 
.pgn-rht { padding-left:0 !important; justify-content:center; width:100%;} 
.pagination { flex-wrap:wrap !important; grid-gap:2px; justify-content:center; } 
.org-top .org-tit{ justify-content:center;}
.inv-main .inv-head .inv-rht h2 i{ top:-40px; right:-30px;}
.inv-main .bill-box .boxrht ul li b{ width:40%;}
.inv-main .bill-box .boxrht ul li span{ width:60%;}
.inv-disclmr .disclmr-rht ul li b{ width:70%;}
.inv-disclmr .disclmr-rht ul li span{ width:30%;}
.inv-main .inv-head .inv-rht p br{ display:none;}
.prdls-cnt-lst .cnt-box .rht i{ top:15px; right:15px;}
.prdls-cnt-lst .cnt-box .rht h2{ font-size:20px; line-height:15px; text-align:center; margin-bottom:15px;}
.prdls-cnt-lst .cnt-box .rht span{ justify-content:center;}
.sty-bx .lft{ width:50%;}
.prdls-cnt-lst .cnt-box .rht .bx span{ font-size:17px;}
.one-lne-sec{ flex-wrap:wrap; gap:0px;}

.cht-top h4{ width:100%; text-align:center; font-size:20px;}
.cht-bn{ width:100%; justify-content:center;}
} 

/* Alert */ 
.alert { position:fixed; top:70px; right:0px; z-index:9999; min-width:300px; height:auto; } 
.alert-success { color:#fff; background-color:#2c9790; border-color:#2c9790; font-weight:400; padding:4px 20px; margin-bottom:15px; border-radius:10px 0px 0px 10px; transition:all 0.4s; display:flex; justify-content:space-between; align-items:center; } 
.alert-success strong{ font-size:16px; font-weight:500;} 
.alert-success button.close { border:0; background-color:transparent; color:#fff !important; font-size:14px; padding:0px 5px 0px; opacity:1; } 
.alert-success button{ opacity:1;} 
.alert-danger { color:#fff; background-color:rgba(249, 60, 66, 0.85); border-color:#ec3840; font-weight:400; padding:3px 15px 5px; margin-bottom:15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content:space-between; align-items:center; } 
.alert-danger button.close { border:0; background-color:transparent; color:#fff !important; font-size:14px; transition:all 0.4s; padding:0px 5px 0px; } 
.alert-error { color:#fff; background-color:rgba(237, 28, 36, 0.85); border-color:#cd2c21; font-weight:400; transition:all 0.4s; } 
.test-alert-danger { color:#fff; background-color:rgba(249, 60, 66, 0.85); border-color:#ec3840; font-weight:400; padding:3px 15px 5px; margin-bottom:15px; border-radius:5px; transition:all 0.4s; } 
.test-alert-danger button.close { border:0; background-color:transparent; color:#fff !important; font-size:14px; padding:0px 5px 0px; transition:all 0.4s; } 
label.required:after { color:#cd2c21; content:"*"; margin-left:5px; font-size:22px; font-weight:500; } 
.help-block { color:red; } p.help-block { margin:0; padding-top:3px; font-size:14px; } 
.error { color:#ec2029 !important; font-size:13px !important; } 
#adminpassword-error.error { position:absolute; bottom:-20px; } 
#old_password-error.error { position:absolute; bottom:-20px; } 
#adminpasswords-error.error { position:absolute; bottom:-20px; } 
#type-error { color:#ec2029 !important; font-size:12px !important; } 
.cke_button__easyimageupload { display:none !important; } 
#modal_form input[type=text], #modal_form select, #modal_form textarea { background:#fff7be !important; border:1px solid #ddd; border-radius:2px; } 
.cke_notification .cke_notification_warning { display:none; } 
.cke_notifications_area { display:none !important; }