@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;300;400;500;700&family=Ubuntu:wght@300;400;500;700&display=swap');
body{font-family: 'Ubuntu', sans-serif;font-weight: normal; background: #fff;}
.btn-section{ margin-bottom:8px;}
.table-form>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
#span_alert,#allow_num{position: absolute;left: 14%;padding: 5px 20px;font-weight: bold;width: auto;text-align: center;top: 14px;font-size: 12px;}
.openpage:hover {text-decoration:underline;}
.main-row{width:96%;}
h2.head-data{color: #182B5F;font-size: 26px;text-align: center;font-family: 'Ubuntu', sans-serif;font-weight: 500;margin: 10px 0 ;}
.step-row p{ margin-bottom:15px;font-family: 'IBM Plex Sans', sans-serif; color:#4b5d72;font-weight: 500;font-size: 16px;line-height: 1.5!important; text-align:justify;}
.middle-sectn h4{color:#182B5F; font-size:34px;text-align:center;}
.sub-heading{ margin-top:20px;}
.sub-heading {font-weight:bold; font-size:13px;}
.btn-center {text-align:center;}
.main-body{ width:98%;margin:20px auto;border-radius: 5px;padding: 5px 40px; border:1px solid #ddd;background:linear-gradient(135deg,rgba(210,247,248,0.25) 0%,rgba(175,182,255,0.25) 100%)!important}
.middle-sectn{ margin-top:8px;}
body{font-family: 'IBM Plex Sans', sans-serif;background: #fff;}
.container_secr{padding:0px}
.container_secr h2 {text-align:inherit;}
label.inline-lable {display:inline-block;min-width:180px;}
.div-info {color:gray;font-size:13px;margin-top:10px;}
.full-row p.head_full {font-weight:bold; font-size:13px;font-family: 'IBM Plex Sans'!important;font-weight: 700;
font-size: 16px;color: #1F7CFF;text-align: left;line-height: 28.8px; margin-bottom:5px;font-family:arial !important;}
#span_alert{position: absolute;left:37%;padding: 5px 20px;font-weight: bold;width: auto;text-align: center;top:21px;font-size: 12px;}
.btn-center {text-align:center;}
/* .main-row{background:linear-gradient(135deg,rgba(210,247,248,0.25) 0%,rgba(175,182,255,0.25) 100%)!important;} */
.main-row{background:#fff !important;}
.paring {float:left; margin-right:5px;}
.paring label{ margin-top:8px;}

/*.btn-comn{font-family: 'Ubuntu', sans-serif;font-weight: 500;font-size: 16px;line-height: 1.40;font-weight: 500;font-style: normal;padding: 0.3em 1em;background-color: #51b7c5;border-color: #51b7c5;border-radius: 3px;color: #ffffff!important;box-shadow: 0 0em 0em rgba(0,0,0,.2);height:auto;margin-bottom:0px;}
.btn-comn:hover,.btn-comn.focus,.btn-comn:focus,.btn-comn.active,.btn-comn:active {background:#49a6b3;border-color: #49a6b3;}
.btn-comn.active.focus,.btn-comn.active:focus,.btn-comn.active:hover,.btn-comn:active.focus,.btn-comn:active:focus,.btn-comn:active:hover,.open>.dropdown-toggle.btn-comn.focus,.open>.dropdown-toggle.btn-comn:focus,.open>.dropdown-toggle.btn-comn:hover {background:#49a6b3;border-color: #49a6b3;}
.btn-sub-comn{font-family: 'Ubuntu', sans-serif;font-weight: 500;font-size: 13px;line-height:18px;font-weight: 500;font-style: normal;padding: 0.3em 1em;background-color: #51b7c5;border-color: #51b7c5;border-radius: 3px;color: #ffffff!important;box-shadow: 0 0em 0em rgba(0,0,0,.2);height:auto;margin-bottom:0px;}
.btn-sub-comn:hover,.btn-sub-comn.focus,.btn-sub-comn:focus,.btn-sub-comn.active,.btn-sub-comn:active {background:#49a6b3;border-color: #49a6b3;}
.btn-sub-comn.active.focus,.btn-sub-comn.active:focus,.btn-sub-comn.active:hover,.btn-sub-comn:active.focus,.btn-sub-comn:active:focus,.btn-sub-comn:active:hover,.open>.dropdown-toggle.btn-sub-comn.focus,.open>.dropdown-toggle.btn-sub-comn:focus,.open>.dropdown-toggle.btn-sub-comn:hover {background:#49a6b3;border-color: #49a6b3;}


.btn-sub-comn.active, .btn-sub-comn:active, .open>.dropdown-toggle.btn-sub-comn {background:#49a6b3;border-color: #49a6b3;}

.btn-sub-comn[disabled],.btn-comn[disabled],.btn-sub-comn[disabled]:hover,.btn-comn[disabled]:hover{background:#49a6b3;border-color: #49a6b3;}*/




.input-conrepfields{width: 215px;height:33px;font-size: 16px;background-color: white;font-weight:normal; box-shadow:none;border-color:#aaa;color:#333;}
textarea.input-conrepfields{  font-size: 14px;resize:none;}
.form-row label{ font-size:16px;color:#000;}
.form-row span{ font-size:16px;color:#333;font-weight:normal;}
/* .form-row a,a.edit_link1 {font-size: 14px;} */
.container_secr h2{color:#182B5F; font-size:26px;text-align:center;font-family: 'Ubuntu', sans-serif;font-weight: 500; width:100%;}
.tab-full{ width:98%;margin:5px auto 15px;border-radius: 5px;padding: 5px 40px; display:table !important;//*background:linear-gradient(135deg,rgba(210,247,248,0.25) 0%,rgba(175,182,255,0.25) 100%)!important;*/position:relative;border:1px solid #ddd/*background:#fbfbfb;*/ background:#fff;}
.tab-top{ margin:15px auto;padding:10px 20px;}
.check_maroon_label::after{ height:18px;width:18px;line-height:16px;font-size: 10px;padding-left:3px; background:#3498db;color:#fff;border:1px solid #3498db;     font-family: "Font Awesome 7 Pro", "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";}
.check_maroon_label{font-size: 15px;padding-left:24px;font-family: 'IBM Plex Sans', sans-serif; color:#4b5d72;margin-top:-1px;}
.check_maroon_label::before{height:18px;width:18px;line-height:16px;font-size: 15px;}
.input-conrepfields.error,.input-conrepfields.error:focus-visible,.input-conrepfields.error:focus{ background-color:#fff7f5;border-color:#d5351f;}
.error{color:#d5351f;}
.extn_cls {margin-left:115px;font-style:normal;}
.deact_li a.sel_tab{ pointer-events:none;color:#aaa;}
.nav-tabs li a{ font-size:14px;color:#aaa;}
.table-div{ width:auto;}
.table-form thead{background:#182B5F;}
.table-form thead th{color:#fff;}
.table-form thead.up-head{background:#fff;}
.table-form>tbody>tr:nth-of-type(odd),.table-form>tbody>tr:nth-of-type(even){ background:#fff;}
.table-form th,.table-form td{padding:8px 8px 8px 15px !important}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ font-size:13px;font-family: 'IBM Plex Sans';padding:8px 4px}
.table>thead>tr>td, .table>thead>tr>th{text-align:left;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:28px;font-size:16px;}
.select2-containert .select2-selection--single{ height:32px;}
.select2-results__option{font-size:15px;}
.nav-tabs li.active{ height:35px;pointer-events:auto;}
.scroll-table,.nav-tabs{ width:100%;position:relative;padding-top:6px;}
.ui-datepicker-trigger{ margin:0 0 0 5px;cursor:pointer; background:none;border:none;}
#error-data{display: inline-block;margin: 0 0 0 16px;}
.error1{color:#d5351f;}
.modal-dialog{ width:90%;}
.modal-content{background:#fff;}
#full_scrn label{ display:inline-block;}
/*.modal-body{overflow-y: auto !important;max-height: 500px;width:96%;padding:0 6%;margin-top:1px;}*/
.text_link{ text-decoration:underline;}
.modal-content .close{ font-size:45px;margin-right:10px;}
.modal-footer .btn-comn{ margin-bottom:0px;}
.modal-footer{ padding:5px 15px 10px; border-top:none;}
.modal-header{ padding:5px;}
.select2-container{font-weight:normal;}
.ui-widget.ui-widget-content{z-index: 9999 !important;}
.int_staff label{ margin-bottom:0px;}
.int_staff .form-row{ margin-bottom:7px;}
#chck_sumry label.check_maroon_label{ padding-left:22px;}
#chck_sumry{float:left;width:100%;}
.anchor-cls:hover {text-decoration:underline;}
.resend-anchor-cls {margin-left:11px; text-decoration:underline;}
.low-font {font-size:12px;color:gray;font-style:normal;margin-left:2px;}
.modal-scrn-cls {}
.plc-main-full .table-form th,.plc-main-full .table-form td{padding:8px 4px 8px 4px !important; font-size:13px;}
.comn-inpt{text-align:center;}
.modal-body .full-row p.head_full{margin-bottom:2px;}
.middle-sectn h4.modal-title{font-size: 25px;margin: 5px 0;}
p.sectn-para{border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 5px;}
.progress {width:auto;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;color: #fff;text-align: center;white-space: nowrap;background-color: #5cb85c;-webkit-transition: width 0.6s ease;transition: width 0.6s ease;background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;height:35px;margin-bottom:0px;}
.progress.hide {opacity: 0;transition: opacity 1.3s;}
#main_progress{ background:#fff;border-radius:5px;border:1px solid #ddd;margin-bottom:20px;}
/*.progress-msg{ animation: blinker 4s linear infinite;}*/
.comn-sectr h2 {width: 100%;}
.order_num_cls{display: inline-block;vertical-align: top;margin-top: 4px;}
.middle-section{ margin-top:0px;}
.tabl-para p{line-height:24px;}
 .tabl-para p label{font-weight:500;margin-right:2px;margin-bottom:0px;}
.btn-green {font-family: 'Ubuntu', sans-serif;font-weight: 500;font-size: 16px;line-height: 1.40!important;font-weight: 500;font-style: normal;padding: 0.3em 1em;border-color:#04AA6D;color: #ffffff!important;/*box-shadow: 0 0em 0em rgba(0,0,0,.2);*/height: auto;background-color: #04AA6D!important;border-radius:5px;margin-bottom: 3px;font-size: 14px;
display: block;}
.btn-green:hover{background-color:#059862 !important;box-shadow:none;}
.link_data {text-decoration: underline;font-size: 14px;}
span.descr{font-size:13px;padding:0 0 0 10px;display:inline-block;}
.select2-container .select2-selection--single{ height:32px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height:30px;}
.select2-container .select2-selection--single:focus{border:1px solid #000;}


/*-------for new tabs structure--------------*/
/*.conrp-cont{ float:left;width:100%;}
.conrp-list li{ float:left;font-size:16px;margin-right:30px;margin-bottom:-5px; display: inline-block;position: relative;padding-bottom: 3px;cursor:pointer;}
.conrp-list {float: left;width: 100%;border-bottom: 1px solid #ccc;}
.conrp-list li a{ color: #888; float:left;}
.conrp-list li:last-child {margin-right: 0;}
.conrp-list li a:after {content: '';display: block;margin: 10px 0 0;height: 4px;width: 0px;background: transparent;
transition: width .5s ease, background-color .5s ease;}
.conrp-list li:hover a:after,.conrp-list li.conrp_head.active a:after {width: 100%;background:#fe666f;}*/
/*-------for new tabs structure--------------*/

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #51b7c5;border-color: #51b7c5;}
a.page-show,a.page-show span {font-size: 14px;/*color: #51b7c5;font-weight:500;*/}
.pagination-sm>li>a, .pagination-sm>li>span {padding: 6px 8px 5px;font-size: 12px;line-height: 18px;height: 31px;}
.form-row span.totl_cnt_val,.page_details a{font-size: 14px;/*color: #51b7c5;font-weight:bold;*/}
/* .page_details a{font-weight:500;} */
.main-row-nobg{ width:850px;margin:0 auto;}
/*---for datatable search-------------*/
.dt-search label{display:none;}
.dt-search input{width:200px;font-size:14px;font-weight:normal;background:#fff !important;}
.dt-search{position:relative;float:left;}
.clear_dtsr{position:absolute;right:7px;cursor:pointer;top:5px;}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{text-align:left;}
.dt-scroll-foot table{border:none !important;}

.chck_sml .check_maroon_label::before{height: 16px;width: 16px;line-height: 14px;font-size: 12px;}
.chck_sml .check_maroon_label::after {height: 16px;width: 16px;line-height: 14px;font-size: 12px;}

/*---------------------for div open----------------------*/
.edit_com_block5{ width:300px; border:1px solid rgba(0, 0, 0, 0.15); background:#fff; display:inline-block; padding:10px; box-sizing:border-box; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); border-radius:4px; position:absolute;z-index:99;}
.edit_com_block5 h4{color: #2e6da4;font-size: 14px;font-weight: bold; margin: 0 0 5px 0;display:block;}


.edit_com_bg{ background:#fff;width:94%;float:left; border-radius:5px;}
.edit_com_block5{background:rgba(0,0,0,0.5);}
.iframe-inner-div{background:#fff; float:left;width:88%;padding: 5px 10px;height: 100%;border-radius: 5px;}
.iframe-inner-div h3{color: #337ab7;font-size: 18px;margin: 8px 0;padding: 0px;font-weight: 500;}
 .cancel-bg-btn {position: absolute;right: 4px;top: 10px;background: #fff;width: 30px;height: 30px;
border-radius: 100%;border: 1px solid #ddd;display: inline-block;}
a.cancel-bg-btn img {position: absolute;right: 8px;top: 8px;width: 12px;height: 12px;}
/*---------------------for div open----------------------*/

.select2-container .select2-selection--multiple{min-height:32px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 13px;padding: 3px 5px;}

/*------------for scroll bars-----------------*/

 .dataTables_scrollBody {
   scrollbar-width: thin !important;
   scrollbar-color: auto !important;
   overflow-y: auto !important; 
}

.dataTables_scrollBody::-webkit-scrollbar {
   width: 2px !important; 
   height: 2px !important; 
}

.dataTables_scrollBody::-webkit-scrollbar-track {
   background: transparent !important; 
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
   background: rgba(80, 80, 80, 0.6) !important; 
   border-radius: 5px !important;
   border: 1px solid rgba(80, 80, 80, 0.3) !important; 
}

.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
   background: rgba(80, 80, 80, 0.8) !important; 
} 

/*-----------------for scroll bars-----*/
.ui-autocomplete.ui-menu{width:360px!important;border-radius:3px;margin-left:10px;margin-top:18px;border:1px solid #ddd;padding:5px 0;box-shadow:0 0 4px #ddd;max-height:420px;z-index:9!important}
.ui-autocomplete.ui-menu .ui-menu-item{font-size:14px;font-weight:500;font-family:'IBM Plex Sans',sans-serif;border-bottom:1px solid #eee}
.ui-menu.ui-autocomplete .ui-menu-item-wrapper{float:none;display:inline-block;padding:7px 1em 7px 15px}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:none;background:#f5f5f5;font-weight:500;color:#333!important;margin:0}


/*------for menu sections------------*/
.sidebar{width:250px;background:#f5f5f5;height:100vh;display:flex;flex-direction:column;padding-top:5px;border-right:1px solid #eee}
.sidebar-item{display:flex;align-items:center;padding:8px 10px;color:#333;font-weight:500;text-decoration:none;transition:background .3s,color .3s;font-size:14px;border-radius:8px;margin:8px 5px;line-height:21px}
.nav-req .sidebar-item{margin:6px 5px}
.sidebar-item i{margin-right:10px;font-size:16px;width:20px;text-align:center;color:#666;transition:color .3s}
.sidebar-item:hover{background:#e0e0e0;color:#000;background-color:#f2f4f7}
.sidebar-item:hover i{color:#000}
.sidebar-item.active{background:#ddd;color:#000;font-weight:500;background-color:#e0f0ff;color:#000}
.sidebar li.active .sidebar-item{background:#ddd;color:#000;font-weight:500;background-color:#e0f0ff;color:#000}
.sidebar-bottom{margin-top:auto;padding:10px 20px;font-size:14px;color:#aaa;text-align:center}
ul.new-order{margin:0;padding:0}
#sidebar-wrapper.sidebar{background-color:#fff!important}
a.colapse-inner{display:none}
.sidebar-heading{font-size:14px;text-transform:uppercase;font-weight:700;padding:16px 20px 8px;color:#555;border-bottom:1px solid #eee}
.logo-img{width:18px;height:18px;margin-right:12px;object-fit:contain}
    /*------for menu sections----------*/


.btn-conrep{padding: 10px 24px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;background: #1e40af;
    color: white;
    border: none; height:auto;}
.btn-conrep:hover,.btn-conrep:focus {
    background: #1c3780;color:#fff;
}

.btn-white{padding: 10px 24px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;    background: white;
    color: #4361ee;
    border: 1px solid #4361ee; height:auto;}
    
.btn-white:hover,.btn-white:focus,.btn-white:active {
    background: #EEF2FF;
    color:#374151;
}

.btn-conrep:disabled {
    opacity: .6;
    cursor: not-allowed;
    background-color: #555;
}
.btn-white:disabled {
    opacity: .6;
    cursor: not-allowed;
    background: #666;
    COLOR: #FFF;
    BORDER: 1px solid #666;
}
.shrt{padding: 8px 20px;
    line-height: 18px;}
.btn-AI {
    padding: 10px 24px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
    color: white;
    border: none; height:auto;
    background: linear-gradient(135deg, #9333ea, #ec4899);
    color: white;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); height:auto;
}

.btn-AI:hover {
    background: linear-gradient(135deg, #7c3aed, #db2777);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}
.cke_combo_text,.cke_inner span{ font-size:12px !important}
.table-form1 thead,.table-form1 thead th{background:#f9fafc}
.table-form1{width:100%;border-collapse:collapse}
.table-form1 th{text-align:left;padding:12px !important;font-size:15px;font-weight:600 !important;color:#6B7280;letter-spacing:.5px;border-bottom:1px solid #E5E7EB;white-space:nowrap; font-family:'Segoe UI',system-ui,sans-serif !important;}
.table-form1 td{padding:12px !important;font-size:15px;font-weight:500;color:#111827;border-bottom:1px solid #F3F4F6;}
.table-form1 tr:last-child td{border-bottom:none}
.table-form1 tr:hover td{background-color:#F9FAFB}
.table-container {padding: 0;border: 1px solid #E5E7EB;;margin: 0;border-radius: 0 0 8px 8px;}

.tr_mainrow i.fa-edit{    color: #333;
    font-weight: 500;
    font-size: 16px; margin-right:5px;}
.tr_mainrow i.fa-trash-can{    color: #333;
    font-weight: 500;
    font-size: 16px;}
.table-container div.dt-container div.dt-layout-row{ margin:0px;}

.btn-nobrdr{color: #4361ee;
    font-size: 14px;
    background: transparent;
    font-weight: 500;
    margin: 0;
    height: auto;}
.btn-nobrdr:hover{ color:#1e40af;}
.btn-nobrdr i{ margin-right: 3px;}

a.clear-new {
    right: 9px;
    top: 12px;
    color: #000;
    position: absolute;
}
.data-toolbar{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #E5E7EB;flex-wrap:wrap;gap:16px;border:1px solid #E5E7EB;border-radius:8px 8px 0 0}
.toolbar-actions{display:flex;gap:12px;flex-wrap:wrap}
.toolbar-info{display:flex;align-items:center;gap:16px;font-size:14px;color:#6B7280}
.btn1{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:1px solid transparent;height:auto}
.btn-outline{background-color:transparent;color:#111827;border-color:#E5E7EB}
.btn-outline:hover{background-color:#F3F4F6}
.btn-danger{background-color:#EF4444;color:#fff}
.btn-danger:hover{opacity:.9}

.search-container{position:relative;width:270px}
.search-input{width:100%;padding:8px 28px 8px 40px;border:1px solid #aaa;border-radius:6px;font-size:16px;transition:all .2s;color:#000}
.search-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px rgba(79,70,229,.1)}
.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-lighter)}
#testdiv{padding-left: 0px !important;margin-bottom:0px !important;}
table th,table td{ word-break: break-word;}
.total-row{ display:flex;justify-content: space-between; align-items:center;}


/*--------New Navigation css starts here---------*/
 .nav-conrep{border-bottom:1px solid #ddd;margin-bottom:0;padding-left:0}
.nav-conrep>li{float:none;display:inline-block;margin-right:30px}
.nav-conrep>li>a{border:none!important;border-radius:0!important;background:0 0!important;color:#555;font-weight:500;font-size:16px;padding:8px 0;position:relative;transition:color .3s ease}
.nav-conrep>li>a:hover{text-decoration:none;color:#1a73e8}
.nav-conrep>li.active>a,.nav-conrep>li.active>a:focus,.nav-conrep>li.active>a:hover{color:#1a73e8;background:0 0}
.nav-conrep>li.active>a::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#1a73e8}

/*--------New Navigation css ends here---------*/
.mmdropdown-menu>li>a{ padding: 6px 20px;}
.btn-white.dropdown-toggle{ line-height: 16px;}

.ai-loader-container {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Dark backdrop */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: 'Segoe UI', sans-serif;
  }


  .ai-loader-box {
    background: #fff;
    padding: 28px 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    width: 90%;
    max-width: 500px;
    text-align: center;
  }


  .ai-loader-header {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
  }

  .ai-icon {
    color: #d21ae7;
    font-size: 18px;
  }

  /* Track container */
  .ai-loader-bar .progress-track {
    background: #e0e0e0;
    height: 15px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 21px;
    position: relative;
  }


  .progress-fill {
    position: absolute;
    top: 0; left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #d21ae7, #a146e3);
	 /* background: linear-gradient(90deg,rgba(210, 26, 231, 0.15) 0%,      rgba(161, 70, 227, 0.9) 40%,      rgba(210, 26, 231, 0) 100%   ); */
     background: linear-gradient(
  90deg,
  rgba(210, 26, 231, 0.4) 0%,       /* Darker start magenta */
  rgba(161, 70, 227, 0.95) 40%,     /* Deep vivid purple */
  rgba(210, 26, 231, 0.2) 100%      /* Soft fade end */
);


    animation: slideRight 2.5s linear infinite; /* Slower and smooth */
  }

  .progress-fill.fill-alt {
    animation-delay: 1s;
  }

  @keyframes slideRight {
    0%   { left: -100%; }
    50%  { left: 0%; }
    100% { left: 100%; }
  }

  /*-------------for Big Search and Add Css starts here------------*/
  .search-section{margin-bottom:32px}
.search-cont{position:relative;margin-bottom:16px}
#searchInput{width:700px;padding:10px 24px;font-size:18px;border:2px solid #e1e5eb;border-radius:8px;transition:all .3s ease;background-color:#fff;display:inline-block}
#searchInput:focus{outline:0;border-color:#4285f4;box-shadow:0 0 0 3px rgba(66,133,244,.2)}
#searchInput::placeholder{color:#6c757d;opacity:.7}

  /*-------------for Big Search and Add Css ends here------------*/


  .template-item1 {
    display: inline-block;;
    align-items: center;
    padding: 4px 14px;
    background-color: #f0f4ff;
    border: 1px solid #c3d4ff;
    border-radius: 20px;
    font-size: 13px;
    color: #333;
    position: relative;
    transition: background 0.3s;
    font-weight: 500; margin-bottom: 5px; font-size:13px;color:#333;
}
/* Remove button inside tag */
.template-item1 button {
    background: transparent;
    border: none;
    color: #555;
    font-size:14px;
    margin-left: 8px;
    cursor: pointer;
    transition: color 0.2s;
}
.template-item1 span{ font-size:13px;}

.template-item1 button:hover {
    color: red;
}

.link-blue{    color: #1a73e8;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block; font-weight:500; }
.add-icon {
    width: 16px;
    height: 16px;
    background-color: #1a73e8;
    color: white;
    font-size: 14px;
    font-weight: normal;line-height:18px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
}
/*for new calendar icon*/
.ui-datepicker-trigger .ui-icon {
    display: none; 
}

.ui-datepicker-trigger::before {
    font-family: "Font Awesome 7 Pro", "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    content: "\f133"; 
    /* font-weight: 500; */
    font-size: 16px;
    color: #666;
}
/*for new calendar icon*/

/*For custom modal window css -------------------*/
.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;justify-content:center;align-items:center}
.custom-modal-content{background:#fff;width:1000px;max-width:90%;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.custom-modal-header{background:#1e40af;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.custom-modal-title{margin:0;font-size:18px}
.custom-close{background:0 0;border:none;font-size:28px;color:#fff;cursor:pointer}
.custom-modal-body pre{white-space:pre-wrap;font-size:16px;line-height:1.5; padding:20px;}
.custom-modal-footer{padding:12px 16px;text-align:right;background:#f1f1f1}
.custom-btn{background:#1e40af;color:#fff;border:none;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer}
.custom-btn:hover{background:#0056b3}
.submission-confirmation-container{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;width:1000px;margin:20px auto;padding:20px 25px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:16px; position:relative;}
.submission-confirmation-container h2{ font-size:21px;}
.item-header{display:flex;flex-direction:column}
.item-name{font-weight:600;margin-bottom:3px;font-size:15px}
.item-status{font-size:.85em;color:#4caf50;font-weight:500}
.view-btn{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}
.view-btn:hover{background:#3e8e41}
.confirmation-footer{margin-top:20px;padding-top:15px;border-top:1px solid #eee;color:#666;font-size:.9em;line-height:1.5}
.close-full{background:#000;color:#fff;width:25px;height:25px;font-size:12px;opacity:1;border-radius:100%;position:absolute;right:8px;top:3px}
.check-show{display:none}
.totl-sectn1 .form-group{margin-bottom:8px}
.confirmation-header h2{ margin-bottom:10px; margin-top:0px;}
.relative {
    position: relative;
}
/*for custom modal window css ends here-----------*/


.ui-datepicker.ui-widget-content {
    padding: 0px;
    border: 1px solid #e5e5e5;
    background: #0095d9 !important;
    border-radius: 0px;
}
.ui-datepicker .ui-state-active{ color:#fff !important;}
.ui-datepicker{ width:221px;font-size:13px;}


.custom-menu{z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;
list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);padding:5px 0 8px;position:fixed; max-height:430px;overflow-y:auto;}
.custom-menu>li>a {display: block;padding: 6px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap; font-size: 16px;}
.custom-menu>li>a:hover{color: #262626;text-decoration: none;background-color: #f5f5f5;}
.sub-row1{ margin-bottom: 8px;}