:root{
  --gray-light: #F5F5F5;
  --gray-500: #CACACA;  
  --sucess-color: #4cae4c;
  --light-success: #47d335;
  --dark-success: darkgreen;
}
.btn-outline-sucess {color: var(--sucess-color);border-color: var(--sucess-color);font-weight: 500;}
.decoration-none{text-decoration: none !important;}
.eat_toggle_notification{font-size:30px;border:1px solid var(--text-black);border-radius:30px;display:inline-block;height:40px;width:40px;cursor:pointer;}
.eat_sidebar_notification{position:fixed;width:400px;right:-500px;box-shadow: 0px 0px 30px -7px rgb(208 220 230 / 66%);background-color: var(--bg-white);border-left:1px solid var(--bg-white);height:100%;top:0px;z-index: 99;transition: all 0.5s ease;}
.eat_sidebar_notification.active{right:0px;}
.eat_sidebar_notification .eat_sidebar_heading{padding: 24px 24px;}
.eat_sidebar_notification .eat_sidebar_heading h2{margin:0px; font-size: 20px; font-weight: 500;color: var(--btn-primary);}
.eat_sidebar_notification #EatToggleClose{cursor: pointer;}
.eat_sidebar_notification ul.nav.nav-tabs{padding-left:24px; }
.eat_notification_content ul { padding-left: 0; margin-left: 0; height: calc(100vh - 117px);}
.eat_notification_content ul li{list-style: none;}
.eat_notific_main{padding: 24px; border-bottom: solid 1px #c9c9c9;}
.eat_notific_main:hover{background-color: #f9fafb;}
.eat_notific_details .eat_heading_notific{font-size: 15px; font-weight: 500; color: var(--text-black); line-height: 18px; margin: 0}
.eat_notific_details .eat_heading_small{font-size: 14px; padding-top: 4px; color: #6b7280; margin: 0}
.eat_notific_details .eat_heading_xs{font-size: 12px; color: #6b7280; margin: 0}
.eat_notific_details .eat_heading_year{font-size: 12px; color: #6b7280; padding-top: 4px; margin: 0}
.eat_notific_main .eat_notific_action{display: flex; justify-content: space-between; padding-top: 16px;}
.eat_notific_main .eat_view{font-size: 12px; padding: 4px 6px;}
.eat_notific_main .eat_unread_icon{color: var(--primary); font-size: 12px;}
.eat_sidebar_notification .nav-tabs>li.active>a, 
.eat_sidebar_notification .nav-tabs>li.active>a:hover, 
.eat_sidebar_notification .nav-tabs>li.active>a:focus{border: none;border-bottom: solid 2px var(--red-color);text-decoration: none;}
.eat_sidebar_notification .nav-tabs>li>a{text-decoration: navajowhite}
/* dashbaord eat */
#content .eat_heading_dash{font-size: 48px; font-weight: 700; color: var(--bg-white)}
#content .eat_warning_overview .panel{background-color: #faebcc;border-radius: 8px;overflow: hidden;padding: 16px; min-height: 100%}
#content .eat_warning_overview .panel .panel-heading{display: flex; gap: 8px; align-items: center; font-weight: 600;}
#content .eat_warning_overview .panel .panel-heading span{color: darkgoldenrod}
#content .eat_warning_overview .panel .panel-body {padding-top: 0px;padding-bottom: 8px;}
#content .eat_warning_overview .panel p{margin-bottom: 0; padding-top: 4px}
/*Non-compliant Trainees: Moderators (145) kripal*/
#content .panel-100{min-height: 100%;}
#content .panel.panel-eat{border: solid 1px #ccc;}
#content .panel .eat_dashboard_card .eat_dashboard_card_heading{font-size: 16px;color: var(--light-blue);font-weight: 500;margin-bottom: 4px;}
#content .panel .eat_dashboard_card .eat_dashboard_card_description{font-size: 14px;color: var(--primary);font-weight: 300;min-height: 40px;}
#content .panel .eat_dashboard_card .eat_dashboard_card_number{font-size: 40px;color: var(--light-blue);font-weight: 600;margin: 0;line-height: 32px;}
#content .panel .eat_dashboard_card .eat_dashboard_card_bottom{display: flex;align-items: center;justify-content: space-between;padding-top: 15px;}
#content .panel .eat_dashboard_card .eat_dashboard_card_top .material-icons {background-color: var(--bg-white);padding:10px;  border-radius: 99%; border: solid 1px var(--primary); color: var(--primary);} 
#content .panel .eat_dashboard_card .eat_dashboard_card_bottom a{text-decoration: none;color: var(--red-color);font-size: 16px;} 
#content .panel .eat_dashboard_card .eat_dashboard_card_top{display: flex;align-items: center;justify-content: space-between;gap: 8px;} 
#content .panel .eat_dashboard_card .eat_dashboard_card_top ul{display: flex;align-items: center;gap:4px ;margin-top: 8px;padding: 0;} 
#content .panel .eat_dashboard_card .chart-section ul{display: flex;gap: 4px;margin-top: 8px;padding: 0;flex-direction: column;align-items: flex-start;min-height: 100px;} 
#content .panel .eat_dashboard_card .eat_dashboard_card_top ul li{background-color: #f1f1f1;padding:4px 10px;border-radius:16px;text-align: center;list-style: none;} 
#content .panel .eat_dashboard_card .eat_dashboard_card_top .eat_dashboard_card_icon{width: 30px;height: 30px;} 
/* administration */
.eat_body .eat_user_container .dropdown .dropdown-action {background: var(--bg-white);padding: 10px 30px;font-size: 16px;border-radius: 12px;}
.eat_body .eat_user_container ul.dropdown-menu li a { text-decoration: none;padding: 10px 20px;border-radius: 8px;cursor: pointer;}
.eat_body .eat_user_container ul.nav.nav-tabs {background:  var(--gray-light);padding: 8px; margin:0; display:inline-flex;gap: 6px; border-radius: 8px;}
.eat_body .eat_user_container ul.nav.nav-tabs::before, .eat_user_container ul.nav.nav-tabs::after{display: none;}
.eat_body .eat_user_container input[type="search"] {border: solid 1px gray; border-radius: 20px;padding: 10px;}
.eat_body .eat_user_container .nav-tabs li a{border-radius: 8px;color: gray;padding: 10px 30px;text-decoration: none; margin: 0;}    
.eat_body .eat_user_container .nav-tabs li a:hover{background-color: transparent; border-color: transparent;}
.eat_body .eat_user_container .nav-tabs li.active a { color: var(--text-white);background-color: var(--red-color);}
.eat_body .eat-table tr td a{text-decoration: none;}
.eat_body .eat-table .red-dot-icon {color: var(--red-color);font-size: 12px;display: flex;align-items: center;height: 100%;}
.eat_body .eat-table .red-bg-icon, .eat-table .green-bg-icon, .eat-table .gray-bg-icon {font-size: 20px; padding:6px;border-radius: 50%;}
.eat_body .eat-table .red-bg-icon {color: var(--red-color)(223, 30, 30);background-color:  var(--bg-white);}
.eat_body .eat-table .green-bg-icon {background-color:#d7fadd; color: green;}
.eat_body .eat-table .gray-bg-icon {background-color: var(--gray-light); color: var(--text-black); }  
.eat_body .eat_user_container .download-icon {color: var(--light-blue);font-size: 20px;margin-right: 20px;padding:8px;border: solid 1px var(--light-blue);border-radius: 50%;background-color: var(--text-white);cursor: pointer;}
.eat_body .integrated_detail_container .membership_section .tab-title,h4 {font-size: 14px;color: var(--light-blue) !important; font-weight: 700;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset {flex-direction: column;display: flex;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.sub-heading {color: var(--light-blue);}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.sub-heading { color: var(--light-success);}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.sub-heading { color: #ca8a04;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.heading {font-size: 12px;font-weight: 500;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.sub-heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.sub-heading,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.sub-heading { font-size: 10px;}
.eat_body .integrated_detail_container span.status-active-bg { background-color: rgba(203, 255, 188, 0.831);color:var(--dark-success);padding: 5px 10px;font-size: 8px;border-radius: 16px;text-wrap-mode: nowrap;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow,
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-green {padding: 16px !important;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue { background-color: #e0e7ff !important;} 
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow {background-color: #fefce8 !important;} 
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset.bg-green {background-color: #e3fae0 !important;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil {background-color: var(--bg-white);  border: 1px solid var(--gray-500);  border-radius: 4px;display: flex;justify-content: space-between; gap: 40px;padding: 15px;align-items: center;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period {border-radius: 4px;background-color: var(--gray-light);padding: 10px 20px; border: solid 1px var(--gray-500);}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period p { font-size: 8px;font-weight: 400;text-align: center;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .pds_period_chart_section span.material-icons { cursor: pointer; font-size: 14px;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .pds_period_chart_section p {  font-size: 10px;margin: 0;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .pds_period_chart_section{margin-bottom: 10px;}
.eat_body .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .border_right_left {border-right: solid 1px gray;border-left: solid 1px gray;padding-left: 10px;margin-right: 10px;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .pds_period_chart_section span.bg-red {color: var(--red-color);}
/* Excepted level Of Proficiencies Detail Css */
.eat_body .tab-pane .eat-excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period {min-width: 300px;max-width: 300px;height:100%}
.eat_body .tab-pane .eat-excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period input {height: 24px;font-size: 10px; background-color: var(--bg-white);max-width:70px;border-radius: 4px;border: solid 1px var(--gray-500);}
.eat_body .eat-excepted_proficiencies_detail_container span.status-active-bg {background-color: rgba(119, 204, 246, 0.831);color: rgb(0, 45, 100);font-weight: 500;padding: 5px 15px;}
.eat_body .tab-pane .eat-excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil p{font-size: 12px;font-weight: 500;}
.eat_body .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period p.m-0{text-align: left}  
/*Excepted level Of Proficiencies*/ 
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green h4{color: var(--light-success) !important;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green {background-color: #e3fae0 !important;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow {background-color: #fefce8 !important;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset .white_fieldset_deatil {align-items: center;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue ul,
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow ul, 
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green ul{padding: 0;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li p,
.eat_body .tab-content>.tab-pane .tab-content>.tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li p,
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li p, 
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li p{font-size: 12px;font-weight: 500;margin: 0;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li p span{color: var(--light-blue);}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li p span{color: var(--light-success);}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li p span{color: #ca8a04}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li div.navigate_next_detail, 
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li div.navigate_next_detail, 
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li div.navigate_next_detail{display: flex;align-items: center;gap: 20px;}
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li span.bg-light-red,
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li span.bg-light-red,  
.eat_body .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li span.bg-light-red{color: var(--red-color);border-radius: 49%; background-color: #ffd6de;}
/*Administration Training Plans*/
.eat_body #content .eat_training_plan_container span.small-font, 
.eat_body #content .eat_training_plan_container p.small-font {font-size: 12px;}   
.eat_body #content .eat_training_plan_container span.status-active-bg, 
.eat_body #content .eat_training_plan_container span.status-inprogress-bg {padding: 4px 10px; font-size: 12px; border-radius: 16px;}    
.eat_body #content .eat_training_plan_container span.status-active-bg {background-color: #cbffbcd4;color:darkgreen;}   
.eat_body #content .eat_training_plan_container span.status-inprogress-bg {background-color: #dbde9f7a;color: rgb(142 126 8);} 
/*EAT Trainees*/
.eat_body #content .eat_trainees_container table span.status-active-bg {text-wrap: nowrap;}
.eat_body #content .eat_trainees_container table th{font-size: 12px;}
.eat_body #content .eat_trainees_container table p{font-size: 12px;}
.eat_body #content .eat_trainees_container span.small-font,#content .eat_trainees_container p.small-font {font-size: 10px;}
.eat_body #content .eat_trainees_container span.status-active-bg {padding: 4px 10px;font-size: 8px;border-radius: 16px;background-color: #cbffbcd4;color:darkgreen;text-wrap-mode: nowrap}
 /*EAT Trainees assessment*/
.eat_body #content .eat_trainees_assessment_container table span.material-icons {font-size: 10px;margin-right: 4px;}
.eat_body #content .eat_trainees_assessment_container span.status-inprogress-bg{padding: 4px 10px;font-size: 8px;border-radius: 16px;background-color: #717a6ed4;color: rgb(219 233 219);text-wrap-mode: nowrap;} 
/*EAT Trainees Training plan IEp*/
.eat_body #content .eat_trainees_trainingplan_iep_container ul li.main{padding:20px 30px;background-color: #e6f7f8;}
.eat_body #content .eat_trainees_trainingplan_iep_container ul li.main-1{border-bottom: solid 1px var(--gray-500);}
.eat_body #content .eat_trainees_trainingplan_iep_container ul li.main-2,#content .eat_trainees_trainingplan_iep_container ul li.main-1:last-child{border-radius: 0px 0px 12px 12px;border-bottom: none;}
.eat_body #content .eat_trainees_trainingplan_iep_container ul li.main-1:first-child{border-radius:  12px 12px 0px 0px;}
.eat_body #content .eat_trainees_trainingplan_iep_container ul {list-style: none;padding: 0;}
.eat_body .eat_trainees_trainingplan_iep_container .panel_box{padding: 0;box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%);}
/*learning-outcome-review */
.eat_body #content .learning-outcome-review-container .eat_user_container ul.nav.nav-tabs {display: flex;justify-content: space-between;}
.eat_body #content .learning-outcome-review-container .panel-default span.bg-blue{background-color: rgba(119, 204, 246, 0.2);color: #002d64; display: inline-block;padding:8px 12px;text-align: center;border-radius: 30px;font-size: 12px !important;font-weight: 500;}
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow p.yellow-paragraph,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow span,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green p.green-paragraph,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green span,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue p.blue-paragraph,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow p,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green p, 
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue p{font-size: 14px;}
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow p.yellow-paragraph,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow span{color:#D89B00}
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green p.green-paragraph,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green span{color:#19AF00}
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow span,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green span,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span{font-weight: 500;/*text-wrap: nowrap;*/}  
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue p.blue-paragraph,
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span{color: #2563EB;}
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span.status-initiated-bg {color: #a79b17;}
.eat_body #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span.unresolved {color: #d93d3d;background-color: #fed0ca;}
.eat_body #content .learning-outcome-review-container span.included {color: #2a51db;background-color: #e0e7ff;}
.eat_body #content .learning-outcome-review-container span.level-bg {background-color: rgba(119, 204, 246, 0.831);color: rgb(0, 45, 100) !important;font-weight: 500 !important;padding: 5px 15px !important;font-size: 10px !important;border-radius: 16px;text-wrap: nowrap;}
.eat_body #content .learning-outcome-review-container a{text-decoration: none !important}
.eat_body #content .learning-outcome-review-container .custom_style_switch label .s_no,
.eat_body #content .learning-outcome-review-container .custom_style_switch label .s_yes {right: 45px;text-wrap: nowrap;color: black;}
.eat_body #content .learning-outcome-review-container .trainee-comment h5,
.eat_body #content .learning-outcome-review-container .trainee-comment span.material-icons{font-size: 15px;font-weight: 500;color: var(--text-black);}
  /* hemant css */
.eat_body #content .panel table.eat-table tr td, #content .panel table.eat-table tr th,
.eat_body #content .panel_box table.eat-table tr td, #content .panel_box table.eat-table tr th{vertical-align: middle; padding: 8px 16px;}
.eat_body #content .panel table.eat-table tr td:last-child{text-align: center;}
.eat_body #content .panel table.eat-table tr td .action-btn{border-radius: 20px;padding: 4px 8px;text-decoration: none;font-size: 14px;cursor: pointer;text-wrap-mode: nowrap;}
.eat_body #content .panel table.eat-table tr td .action-btn.required{background-color: #fff697; color: rgb(133, 77, 14); border: solid 2px #ebe06c;}
.eat_body #content .panel table.eat-table tr td .action-btn.reviewer{background-color: #e6e6e7; color: #1f2937; border: solid 2px #c4cfdf;}
.eat_body #content .panel table.eat-table tr td .reviewer-text{font-size: 14px;margin-top: 4px;}
.eat_body #content .panel table.eat-table tr td p{margin: 0;}
.eat_body #content .panel table.eat-table tr td .cehck-detail{font-size: 14px; color: rgb(107 114 128);}
.eat_body #content .eat_dashboard_card .create-lor{display: flex;justify-content: space-between; align-items: center; margin-bottom: 5px;}
.eat_body #content .eat-integrated-exposure-plan {display: flex;justify-content: space-between;flex: auto;}
.eat_body #content .eat-integrated-exposure-plan .in-progress{font-size: 10px;background-color: #fff6db;color: #daa00d;padding: 2px 6px;border-radius: 12px;display: flex;align-items: center;}
#content .account-main .eat-in-progress-detail{font-size: 12px;}
#content .eat_user_container .eat-heading-dropdown{display: flex;justify-content: space-between;align-items: center;}
#content .eat-heading-dropdown .dropdown-menu-custome{border: 1px solid;border-radius: 20px;padding: 4px;width: 40px;height: 40px;padding-top: 7px;} 
.eat-duplicate-main .duplicate-img,
.eat-duplicate-main .eat-duplicate-btn{justify-content: center;display: flex;}
.eat-duplicate-main .duplicate-model-detail {text-align: center;}
#content .panel .panel-body .eat-import-list{padding: 0;padding-left: 46px;}
#content .eat-training-offices-company p{display: flex;align-items: center;margin: 0;}
#content .eat-table .signed-status{color: #19AF00;background-color: #E3FAE0;padding:4px 6px;border-radius: 12px;margin-left: 6px;}
#content .eat_user_container .panel_box .tab-pane fieldset.eat-training-office-info{padding: 15px;}
#content .section-title .account-detail{font-size: 16px;}
#content .eat-table-detail tr th,
#content .eat-table-detail tr td{font-size: 14px;color: var(--light-blue);font-family: var(--default-font);font-weight: 500;width: 50%;vertical-align: middle;}
#content .eat-table-detail tr td{color: var(--text-black);}
#content .eat-table-detail tr td{padding: 10px 0;}
/* .notification-check{  display: flex;} */
/* .notification-check .account-detail{margin: 0;} */
#content .eat-notification-check .custom_style_switch{margin-top: -18px;margin-left: 12px;}
.table-notification thead tr{color: var(--text-black);}
.eat_user_container .dropdown-menu>.active>a, 
.eat_user_container .dropdown-menu>.active>a:hover, 
.eat_user_container .dropdown-menu>.active>a:focus {padding: 10px 20px;background-color: var(--red-color);border-color: var(--red-color)}
/* Professional Development Summary */
#v-pills-profile .profileSec .eat_user_nopadding .panel_box ul.nav li a { text-align: center;}
.professional-summary-main {display: flex; flex-direction: row;justify-content: space-between;gap: 6px;}
/* .professional-summary-main span.status-accepted-bg {background-color: #cbffbcd4;color: #006400;padding: 6px 12px;border-radius: 20px;} */
.professional-summary-main .initiated-dropdown {display: flex;align-items: baseline;gap: 15px;}
.professional-summary-main span.status-accepted-bg, .green_badge ,.eat-accepted .status-accepted-bg { background-color: #cbffbcd4;color: #006400 !important;padding: 6px 12px;border-radius: 20px;font-size: 12px !important;text-wrap-mode: nowrap;font-weight: 500;display: inline-flex;}
.green_badge span{color: #006400 !important ;font-size: 12px !important;}
.training-plan-active {display: flex;justify-content: space-between}
.training-plan-active .active-status{margin-right: 15px;}
.training-plan-active .active-status p,
.training-plan-active .text-left p, .training-period p{ font-size: 13px;}
.training-plan-active .active-status .ring-white {--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));}
.training-plan-active .active-status .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);}
.training-plan-active .bg-green-400 {--tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity));}
.training-plan-active .bg-gray-300 {--tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity));}
.training-plan-active .rounded-full {border-radius: 9999px;}
.training-plan-active .w-1\.5 {width: 7px;}
.training-plan-active .h-1\.5 {height: 6px;}
.training-plan-active .block { display: inline-block;}
.training-plan-active p span.active-name{  display: inline-block;text-align: left;margin-left: 7px;font-size: 13px}
.training-period h6{font-size: 16px;margin-top:0; }
.feedback-summary{display: flex;justify-content: space-between;flex-wrap: wrap;}
.feedback-summary .status-initiated-bg,.yellow_badge{background-color: #ffec2073;color: rgb(133 77 14) !important;padding: 6px 12px;border-radius: 20px;font-size: 12px !important;font-weight: 500;display: inline-flex;}
.yellow_badge span{color:rgb(133 77 14) !important ;font-size: 12px !important;}
.table-summary-border table, th, td {border: 1px solid rgb(225 233 233);border-collapse: collapse;}
.trainee-comment-main .trainee-comment-heading{text-align: center;background: #d4ecf4;padding: 14px;}
.trainee-comment-main .trainee-provides {display: flex;align-items: center;gap: 10px;}
.trainee-comment-main .trainee-provides input{ height: 48px;width: 70%;}
.tab-pane .panel_box .trainee-comment-main .trainee-provides .input-bg{border: 1px solid darkgray;padding: 0 12px;}
.trainee-comment-main .trainee-provides .trainee-comment{flex-basis: 30%;}
.trainee-comment-main .core-hours-exposure-heading{display: flex;gap: 15px; justify-content: flex-end;margin-left: auto;width: 60%;}
.trainee-comment-main .core-hours-exposure-heading h5{color: var(--text-black); flex: 0 0 40%; text-align: center;font-size: 15px;}
.trainee-comment-main .core-hours-exposure-heading h5:last-child{color: var(--text-black);/*flex: 0 0 200px;*/}
.trainee-comment h5{color: var(--text-black);padding: 0 40px 0 0;}
.trainee-comment-main .trainee-provides .trainee-comment .core-hours h5{color: var(--text-black);margin: 0;}  
.eat_body .eat-table tr th,td{border-left: none;border-right: none;}
.eat_body #content .panel_box .eat-integrated-plan-create .panel .panel-title a .input-total{display: flex;gap: 15px;font-size: 12px;align-items: center;}
.eat_body #content .panel_box .eat-integrated-plan-create .panel .panel-title a .input-total div{min-width: 54px;text-align: center;}
.eat_body #content .panel_box .eat-integrated-plan-create .panel .panel-title .governance-total{display: flex; gap: 15px; font-size: 12px; align-items: center;}
.eat_body #content .panel_box .eat-integrated-plan-create .panel .panel-title .governance-total div{ min-width: 54px; text-align: center;}
.eat_body #content .panel_box .main-accordion-first a:not(.collapsed) .input-total div span:last-child { display: none;}
.eat_body #content .panel_box .main-accordion-first .sub-accordion-second .panel-title > a:not(.collapsed) .governance-total { display: none;}
.eat_body .Strategy-value{display: inline-flex;width: 100%;}
.eat_body .Strategy-value .core-hours-exposure {display: inline-flex;gap: 15px;justify-content: end;flex: 0 0 60%;text-align: center;}
.eat_body .Strategy-value h6{margin: 0;flex: 0 0 40%;display: flex;justify-content: center;align-items: center;border: 1px solid #d0dce6; padding: 10px;}
/* .Strategy-value h6:last-child{flex: 0 0 200px;} */
.eat_body .Strategy-value p {flex: 0 0 40%;}
.eat_body .eat_user_container .bg-white{padding: 0 15px;}
.eat_body .proficiency-main .proficiency-switch{display: flex;justify-content: end;align-items: center;}
.eat_body .proficiency-switch .complied-check{ padding: 26px 8px 0 0;}
.eat_body .quisquam-sed-rem-table .table-initiated{display: flex;justify-content: space-between;}
.bg-gray-100 {--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity));}
.eat_body .eat-accepted .table-border-integrated,.table-border-integrat{border: 1px solid rgb(225 233 233);}
.eat_body .table-row-color table tr td span{background-color: #bbd8ff;color: var(--btn-primary);padding: 4px 12px;border-radius: 30px;white-space: nowrap;font-size: 13px;font-weight: 500;}
.eat_body .EAT_reports_detail .table-row-color table tr td span,
.eat_body .table-row-color table tr td p span,
.eat_body .table-row-color table tr td li span{background-color:transparent;color: inherit;padding: inherit;border-radius: 0px;white-space: wrap;font-size:inherit;font-weight: normal;}
.eat_body .table-row-color.updated_table_span table tr td span{background-color: transparent;color: var(--btn-primary);padding: 0;font-weight: 400;color: black;}
.eat_body .bg-gray{background-color: rgb(229 231 235) !important;}
/* .eat_body #content table.eat-table-lor tr.bg-gray td:last-child{text-align: right;} */
/* Trainne */
.eat-table tr td p.inactive-table-detail{font-size: 12px;}
.eat-activate-account-ul li{margin-left: 15px;}
/* create-training-plan */
.info .donate-now{display: inline-flex;gap: 15px;}
.donate-now label,.donate-now input {text-align: center;align-items: center;justify-content: center;
  display: flex;width: 83px;height: 43px;border: 1px solid #CCC;padding: 0;cursor: pointer;
  margin-top: 8px;font-size: 14px;border-radius: 4px;font-weight: 400;}
.donate-now input[type="radio"] {display: none;}.donate-now label:hover {background: #DDD;}
.donate-now input[type="radio"]:checked + label {background: var(--primary);color:var(--bg-white);}
#three-month,.month-three  {top: 20px;}
#four-month,.month-four {top: 20px;left: 100px;}
#six-month,.month-six {top: 20px;left: 200px;}
.dropdownSelectRole{padding:6px;border-radius: 8px;}
#three-month, #four-month, #six-month{display: block; opacity: 0; visibility: hidden; position: absolute;}
/* kapil */
#content .tab-pane fieldset.eat-fieldset .stylish_checkbox label,
#content .tab-pane fieldset.eat-fieldset .info label.field-label{font-size: 16px;}
#content .tab-pane fieldset.eat-fieldset .stylish_checkbox p{text-indent: 30px; color: #858585; font-size: 14px;}
#content .tab-pane fieldset.eat-fieldset table tr td,
#content .tab-pane fieldset.eat-fieldset table tr th{padding: 12px 8px;}
#content .eat_no_taskaddedd, .eat_task_input {background-color: var(--gray-light);width: 100%;padding:10px;border-radius: 4px; border: solid 1px var(--gray-500); color: var(--text-black);padding-left: 10px;}
#content .panel_box .eat-integrated-plan-create .panel{  margin-bottom: 4px;background-color: var(--bg-white);border: 1px solid transparent;border-radius: 0;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: none;min-height: auto;padding: 0;}
/* .panel .panel-title{margin-bottom: 0;border-bottom: 1px solid #d0dce6; } */  
#content .panel_box .eat-integrated-plan-create .panel .panel-heading .panel-title a.collapsed:before,
.panel-group .panel-heading .panel-title a:before{display: none;}
#content .panel_box .eat-integrated-plan-create .panel .panel-title{border-bottom: none; padding-bottom: 0; margin-bottom: 0;} 
#content .panel_box .eat-integrated-plan-create .panel .panel-title a{font-weight: normal; text-decoration: none;}  
#content .eat-panel-heading-1, #content .eat-panel-heading-2, #content .eat-panel-heading-1, #content .eat-panel-heading-3{border: 1px solid var(--gray-500); border-radius: 4px;background-color: var(--bg-white);box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;}
#content .eat-panel-heading-1:hover, #content .eat-panel-heading-2:hover,  #content .eat-panel-heading-3:hover{box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff!important;}
#content .eat-panel-heading-1{border-left: solid 4px #2563EB;}
#content .eat-panel-heading-2{border-left: solid 4px #D89B00;} 
#content .eat-panel-heading-3{border-left: solid 4px #19AF00;}
#content .eat-blue-collapse{color: #2563EB; font-weight: normal;}
#content .eat-yellow-collapse{color: #D89B00; font-weight: normal;}
#content .eat-green-collapse{color: #19AF00; font-weight: normal;}
#content .panel_box .eat-integrated-plan-create .panel .panel-collapse .panel-body .panel .panel-heading{padding: 0}
#content .panel_box .eat-integrated-plan-create .panel .panel-collapse .panel-body .panel .panel-heading .panel-title a{padding: 10px 15px; width: 100%; display: block;}
#content .panel_box .eat-integrated-plan-create .panel .panel-collapse .panel-body .panel .panel-heading .panel-title a:not(.collapsed){background-color: var(--gray-light);}
#content .panel_box .eat-integrated-plan-create .panel {border-left: solid 1px var(--gray-light);}
#content .eat-collapse-add-count{background-color: var(--btn-primary);float: right;padding: 1px 14px;border-radius: 10px;color: var(--bg-white);}
#content .eat-integrated-plan-create .eat-fieldset h4{font-size: 14px;color: var(--light-blue);font-weight: 700;}
#content .eat-task-add-remove ul li{display: flex; align-items: center; justify-content: space-between;}
#content .eat-task-add-remove ul li a.btn{border-radius: 40px;}
#content .eat-integrated-plan-create .btn-edit-delete{padding: 8px 11px; line-height: 0.42857;}
#content .eat-integrated-plan-create .btn-edit-delete span{font-size: 16px;}
#content .eat-list-intergrated-count{gap: 8px}
.eat-list-intergrated-count li {list-style: none;}
#content .eat-list-intergrated-count .eat-blue-count span, 
#content .eat-list-intergrated-count .eat-green-count span,
#content .eat-list-intergrated-count .eat-yellow-count span{width: 30px;height: 30px;display: inline-block; padding: 4px 2px; line-height: normal;  text-align: center;border-radius: 30px;}
#content .eat-list-intergrated-count .eat-blue-count span{background-color: rgba(119, 204, 246, 0.2);color: #002d64;}
#content .eat-list-intergrated-count .eat-green-count span{background-color: #e3fae0;  color: var(--dark-success);}
#content .eat-list-intergrated-count .eat-yellow-count span{background-color: rgb(255 246 151 / 50%); color: rgb(133, 77, 14)}
.edit-period-month span:first-child {width: 159px;display: inline-block;}
#content .eat-history-green-status, #content .eat-history-blue-status{border-radius: 30px;width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
/* learning-outcome-review-history */
#content .eat-history-green-status{background-color: var(--light-success);}
#content .eat-history-blue-status{background-color: var(--light-blue);}
#content .eat-history-green-status i, #content .eat-history-blue-status i{color: var(--text-white);}
#content .panel table.eat-history-table tbody tr td *,
#content .panel table.eat-history-table tbody tr td{font-size: 12px; margin: 0;}
#content .panel table.eat-history-table tbody tr td span i.material-icons {font-size: 20px;}
#content .panel table.eat-history-table tbody tr{gap: 0;}
#content .panel table.eat-history-table tr td:last-child{text-align: left;}
#content .panel table.eat-history-table tr td::before{display: none;}
#content .panel table.eat-history-table tr td{padding: 8px 8px;}
#content .panel table.eat-history-table tbody tr td p,
#content .panel table.eat-history-table tbody tr td h6 span {color: darkgray;}
/* Other Css */
ul#actionDropdown{padding: 10px 16px;border-radius: 10px;}
ul#actionDropdown li{text-wrap:nowrap;padding:4px 0 }
ul#actionDropdown li:hover{color: var( --red-color);}
.sidebar .weblink>a[title=Administration]::before{content: '\e7fd'}
.training_office_changed table.dataTable th.dt-type-numeric, 
.training_office_changed table.dataTable td.dt-type-numeric{text-align: left;}
.training_office_changed span.dt-column-order{display: none;}
#content .training_office_changed table.eat-table tr th{outline: none;}
.training_office_changed table colgroup{display: none;}
.training_office_changed select[name=training_office_tbl_length]{border: 1px solid #aaa;border-radius: 3px;background-color: transparent;padding: 4px;font-size: 12px;margin-left: 3px;}
.training_office_changed input#dt-search-0 {border: 1px solid #aaa;border-radius: 16px;padding:4px;margin-left: 3px;}
.training_office_changed div#training_office_tbl_info {font-size: 12px;color: rgba(0, 0, 0, .54);}
.training_office_changed .dt-paging.paging_simple button {font-size: 12px;}
#complaint_tbl colgroup{display: none;}
#content .panel #complaint_tbl  tr td:last-child {text-align:left;}
#complaint_tbl.dataTable th.dt-type-numeric, #complaint_tbl.dataTable th.dt-type-date, 
#complaint_tbl.dataTable td.dt-type-numeric, #complaint_tbl.dataTable td.dt-type-date {text-align: left;}
.sidebar .weblink>a[title=Complaint]::before {content: '\ef3d'}
.sidebar .weblink>a[title=Help]::before {content: '\e887'}
.sidebar .weblink>a[title=Trainees]::before {content: '\e939'}
.sidebar .weblink>a[title=Monitoring]::before {content: '\e84f'}
.integrated-exposure-plan-changed .white_fieldset_deatil {background-color: var(--bg-white);border: 1px solid var(--gray-500);border-radius: 4px; display: flex;margin-left: 10px;justify-content: space-between;align-items: center; gap: 40px; padding: 15px;width: 100%;}    
.integrated-exposure-plan-changed .white_fieldset_deatil p{margin: 0;}
.integrated-exposure-plan-changed span.status-inprogress-bg, 
.integrated-exposure-plan-changed span.status-active-bg {padding: 4px 10px;font-size: 12px;border-radius: 16px;}
.integrated-exposure-plan-changed span.status-inprogress-bg{background-color: #dbde9f7a;color: rgb(142 126 8)}
.integrated-exposure-plan-changed span.status-active-bg{background-color: #cbffbcd4;color: darkgreen;}
.integrated-exposure-plan-changed {list-style: none; width: 100%;padding-left: 0;}
.integrated-exposure-plan-changed span.bullet_heading{font-weight: 700;}
.revert_text_box{position: relative !important;opacity: 1 !important;visibility: visible !important;}
#officers_list thead tr th, #officers_list tbody tr td{vertical-align: middle;}
#list_of_contract thead tr th, #list_of_contract tbody tr td{vertical-align: middle;}
#invite_list_table thead tr th, #invite_list_table tbody tr td{vertical-align:middle}
#irba_request_list_table thead tr th, #irba_request_list_table tbody tr td{vertical-align:middle}
#manage_office_table thead tr th, #manage_office_table tbody tr td{vertical-align:middle}
.control #cancellation_comment{height: 35px;min-height: 35px;max-height: 200px !important;}
#view-document #userDocument table tr td{vertical-align: middle;}
.dataTables_wrapper .dataTables_paginate .paginate_button { color: #666 !important;}
.sidebar .weblink>a[aria-label="/TCMS/Admin"]::before {  content: '\e7fd';}
.sidebar .weblink>a[aria-label="/TCMS/Contract management"]::before {  content: "\f02e";}
.sidebar .weblink>a[aria-label="/TCMS/Training Office Visit Questionnaire"]::before {  content: '\ea40';}
.sidebar .weblink>a[aria-label="/TCMS/Help"]::before {  content: '\e887';}
.sidebar .weblink>a[aria-label="/TCMS/Financial management"]::before {  content: '\ea5f';}
.sidebar .weblink>a[aria-label="/TCMS/EAT"]::before, .sidebar .weblink>a[aria-label="EAT"]::before {  content: '\eb64';}
.sidebar .weblink>a[aria-label="/TCMS/View-Report"]::before {content: '\e173';}
/*EAT Other Changes*/
#content .learning-outcome-review-container .panel-default span.bg-blue.include{padding: 8px 12px !important;font-size: 12px !important;font-weight: 500;}
.br-40{border-radius: 40px !important;}
#content .learning-outcome-review-container a.buttonDiv{justify-content: space-between;gap: 10px;}
#content .learning-outcome-review-container a.buttonDiv span.descriptionDiv{text-align: justify;}
/*Decision Tree*/
.trainee-comment-main .trainee-provides .d_tree_section .d_tree_btn_section{display: flex;align-items: center;justify-content: space-between;}
.trainee-comment-main .trainee-provides .d_tree_section .d_tree_table_section{border: solid;border-color: #c8c8c8;border-width: 1px;border-radius: 6px;margin-top: 20px;}
.trainee-comment-main .trainee-provides .d_tree_section .d_tree_table_section .table_item{padding: 12px; display: flex;justify-content: space-between;align-items: center;}
.decision_tree_container{display: flex;}
.decision_tree_container .decision_tree_Image{display: flex;position: relative;}
.decision_tree_container .decision_tree_Image .tree_btngrp1{display: flex;flex-direction: column;position: absolute;}
.decision_tree_container .decision_tree_Image .tree_btngrp1 .btn{border: none;min-width: 155px;font-size: 12px;}
.decision_tree_container .decision_tree_Image .tree_btngrp1 .btn-yellow{background-color: #bfbf11;}
.decision_tree_container .decision_tree_Image .tree_btngrp1 .btn-green{background-color: #26ad26;}
.decision_tree_container .decision_tree_Image .tree_btngrp1 .btn-gray{background-color: gray;}
.sidebar .weblink>a[title="EventsAndSeminars"]::before  {content: '\e614';}
.sidebar .weblink>a[title="THUTHUKA"]::before  {content: '\e80c';}
.sidebar .weblink>a[title="Training Plan"]::before {content: '\ea19';}
.sidebar .weblink>a[title="Assessment"]::before {content: '\e2c7';}
.sidebar .weblink>a[title="Reports"]::before {content: '\e873';}
.sidebar .weblink>a[title="Status"]::before {content: '\e9e6';}
.tcms_dash_notifi p {margin-bottom: 0;min-height: 44px;}
.integrated_detail_container .personal_detail #message{left: 0 !important;}
.compiled_status{display: flex;gap: 8px;}
.blue_badge{background-color: rgb(153 229 255);  padding: 6px 12px;  border-radius: 20px;text-wrap-mode: nowrap;font-size: 12px;font-weight: 500;display: inline-flex;color:#14184b ;}
.blue_badge span{color: #14184b;font-size: 12px !important;}
.text-blue{color: var(--light-blue);}
.text-red{color: var(--red-color);}
.list_style_none{list-style: none;}
.pl-1{margin-left: 10px !important;}
/* EAT Text Editor */
#menuBarDiv {border-radius: 3px 3px 0 0; border-bottom: none;min-height: 25px;padding: 10px 0; display: flex;width: 100%;background: transparent;background-color: #f2fbfe;align-items: center;margin-bottom: 0px;border: solid 1px #dddddd;}
#menuBarDiv .btn-group{display: none}
#menuBarDiv .btn-group:nth-child(4){display: block}
#menuBarDiv .btn-group:nth-child(2){display: block;}
#menuBarDiv textarea:hover,
#menuBarDiv textarea:focus,
#menuBarDiv textarea:focus-visible,
#menuBarDiv textarea:active{ outline: 0; box-shadow: none;}
#menuBarDiv .btn-group:nth-child(2) a:last-child,
#menuBarDiv .btn-group:nth-child(4) a:nth-child(1), #menuBarDiv .btn-group:nth-child(4) a:nth-child(2){display: none}
#menuBarDiv .btn-group:nth-child(2) a,
#menuBarDiv .btn-group:nth-child(4) a{border: none; width: 50px;text-align: center;display: flex;align-items: center; justify-content: center; position: relative; padding-top: 0; padding-bottom: 0;}
#menuBarDiv .btn-group:nth-child(2) a:hover, #menuBarDiv .btn-group:nth-child(2) a:focus,
#menuBarDiv .btn-group:nth-child(4) a:hover, #menuBarDiv .btn-group:nth-child(3) a:focus{background-color: transparent;}
#menuBarDiv .btn-group:nth-child(2) a i{display: none;}
#menuBarDiv .btn-group:nth-child(2) a span.material-icons,
#menuBarDiv .btn-group:nth-child(4) a span.material-icons{width: 100%; text-align: center; position: relative; left: -4px; color: #004990;}
/* #menuBarDiv .btn-group:nth-child(2) a::after, #menuBarDiv .btn-group:nth-child(3) a::after { content: "|"; position: absolute; font-size: 20px; font-weight: lighter; color: #004990; right: 0px;} */
#menuBarDiv .btn-group:nth-child(4) a i{position: relative;left: -4px;color: #004990;}
.Editor-editor{border: solid 1px #dddddd; height: 200px; border-radius: 8px; border-top-right-radius: 0; border-top-left-radius: 0; padding: 4px; margin-bottom: 20px;}
.Editor-editor:hover, .Editor-editor:focus, .Editor-editor:focus-visible, .Editor-editor:active{outline: 0;}
/* Dashboard Pie Chart  */
.eat_body .dashbord_piechart .circle-chart__circle {animation: circle-chart-fill 2s reverse;transform: rotate(-90deg);transform-origin: center;}
/* EAT changes */
.eat_body #content #learning_outcome_review_div #learning_outcome_review_table_filter,
.eat_body #content #professional_development_div #professional_development_table_filter{display: none;}
.eat_body #content .eat_trainees_container table #inprogress_body th{font-size: 14px;}
.eat_body #content .eat_trainees_container table #inprogress_body p{font-size: 14px;font-weight: 500;}
.eat_body #content .eat_trainees_container #inprogress_body span.small-font,
.eat_body #content .eat_trainees_container #inprogress_body p.small-font {font-size: 12px;}
.eat_body #content .panel table.eat-table #inprogress_body tr td{padding: 12px 16px;}
.eat_body #content .panel table.eat-table #trainee_lor tr td:last-child div.d-flex.align-items-center.mt-1{justify-content: center;}
/* #content .panel table.eat-table #trainee_lor tr td:last-child{text-align: left;} */
/* #content .panel table#lor_tbl thead tr th:last-child  {text-align: left;} */
/* EAT Notification dot */
.notification_unread_dot{padding: 5px 5px;color: #26c168; position: absolute;top: -5px;right: 0px;width: 10px; height: 10px; background-color: #00eb00;border-radius: 50%;border: 2px solid #ffffff;}
/* TCMS changes */
.tcms .tab-pane .panel_box fieldset .info label.field-label{font-size: 15px;}
/* Exam Changes */
.sidebar .weblink>a[title="Chief Invigilator"]::before {content: '\e0b7'}
.tcms .w_1000{width: 1250px !important;}
.loading {animation: none !important}
/* Member Dashboard Timer Design */
.countdown-container .countdown .countdown-item{  display: flex;  justify-content: space-between;  align-items:center;  width: 100%;  margin-bottom: 20px;  gap: 20px;flex-wrap: wrap;}
.countdown-container .countdown .countdown-item a{flex: 0.5;text-decoration: none;font-weight: 600;}
.countdown-container .countdown .countdown-item .days_container {  display: flex;  justify-content: space-between;  flex: 0.6;flex-wrap: wrap;gap: 8px;}
.countdown-container .countdown .countdown-item .days_section{display: flex;    align-items: center;    gap: 4px;}
.countdown-container .countdown .countdown-item .days_section .label{color: #2f4f4f;}
.countdown-container .countdown .countdown-item span.days_div {  padding: 4px 10px;  border: solid 2px #cfe2f5;  border-radius: 99%;  font-weight: 700;  color: #004990;  /* font-size: 14px; */}
/* EAT Dashboard Changes */
.eat_body #learning_outcome_review_div .panel.panel-eat{min-height: 300px !important;}
/* PVA devlopment plan detail */
.eat_body .previousEvidenceList li{margin-bottom: 6px;}
.eat_body .previousEvidenceList {list-style: none;margin: 0; padding: 0;  }
.eat_body .amalgamated_section .panel-body{background: #f5f5f5;}
.eat_body .level_badge{background-color: rgb(153 229 255);padding: 4px 12px;border-radius: 20px;font-size: 12px !important; text-wrap-mode: nowrap;font-weight: 500;color: #03456d !important;display: inline-flex;}
.eat_body .amalgamated_section .previousEvidenceList li{margin-bottom: 6px;}
.eat_body .amalgamated_section h4.panel-title a p{margin: 0;font-size: 14px !important;}
.eat_body .amalgamated_section h4.panel-title{padding: 10px;  border: 1px solid #bad2da;  background: #f2fbfe;  border-radius: 4px;  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.eat_body .amalgamated_section .previousEvidenceList {list-style: none;margin: 0; padding: 8px;background-color: white;}
.eat_body .amalgamated_section h4.panel-title:last-child{margin-bottom: 0 !important;}
.eat_body .evidence_main_div .evidence_section_item{padding: 10px;align-items: center;justify-content: space-between;border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer;margin-bottom: 10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;text-decoration: none;}
.eat_body .evidence_main_div .evidence_section_item:hover{box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.eat_body .evidence_main_div .evidence_section_item .evidence_date_section{display: flex;align-items: center;color: gray;}
.eat_body .evidence_main_div .evidence_section_item .evidence_date_section p{margin: 0;    margin-left: 6px;}
.eat_body .evidence_main_div .evidence_section_item .evidence_date_section span.material-icons{font-size: 18px;}
.eat_body .evidence_main_div .evidence_section_item h4.headerText {color: #00386f !important;  font-size: 14px;font-weight: 600;}
.eat_body .red_badge{background-color: #ff4a4a42;color: #991b1b !important;padding: 6px 12px;border-radius: 20px;font-size: 12px !important;text-wrap-mode: nowrap;font-weight: 500;display: inline-flex;}
.eat_body .red_badge span{color: #991b1b !important;font-size: 12px !important;}
.eat_body .evidence_main_div{padding: 10px;border: 1px solid #cccccc;border-radius: 4px;background: #ffffff;margin-top: 20px;padding-bottom: 0;}
.eat_body .previous_redesign_div{flex-direction: column;  gap: 10px;display: flex;}
.eat_body .previous_redesign_div .redesign_item{display: flex;justify-content: space-between;align-items: center;padding: 5px;border: 1px solid #dad4d4;border-radius: 4px;}
.eat_body .previous_redesign_div .redesign_item .description_title{font-size: 14px;  color: #2a2e31;  font-weight: 500;}
.eat_body .amalgamated_section{box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.eat_body .amalgamated_section.report_detail_main_div{background-color: white !important;margin-bottom: 20px;}
.eat_body .amalgamated_section.report_detail_main_div .panel-body{background: white !important;}
.eat_body .EAT_report_panel .tcms_dash_notifi h3{font-size: 14px;font-weight: 600;text-align: center;}
.eat_body .EAT_report_panel .tcms_dash_notifi{box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;margin-bottom: 10px;}
.eat_body .EAT_reports_detail .amalgamated_section.report_detail_main_div .panel-body table tr td:last-child{text-align: left !important}
.eat_body #content .eat-panel-heading-1 .blue .blue-paragraph,
.eat_body #content .eat-panel-heading-1 .blue .index,
.eat_body #content .eat-panel-heading-2 .yellow .yellow-paragraph,
.eat_body .eat-panel-heading-2 .yellow .index,
.eat_body #content .eat-panel-heading-3 .green .green-paragraph,
.eat_body .eat-panel-heading-3 .green .index{font-size: 14px !important}
.eat_body #content .eat-panel-heading-1 .blue .index,
.eat_body .eat-panel-heading-2 .yellow .index,
.eat_body .eat-panel-heading-3 .green .index{text-wrap-mode: nowrap;}
.eat_body #content .eat-panel-heading-1 .blue .blue-paragraph,
.eat_body #content .eat-panel-heading-1 .blue .index{color: #2563EB !important;}
.eat_body #content .eat-panel-heading-2 .yellow .yellow-paragraph,
.eat_body .eat-panel-heading-2 .yellow .index{color: #D89B00 !important;}
.eat_body #content .eat-panel-heading-3 .green .green-paragraph,
.eat_body .eat-panel-heading-3 .green .index{color: #19AF00 !important;}
.eat_body .level_badge.yellow{background: #ffec2073 !important;color: #906700 !important;text-wrap-mode: nowrap;}
.eat_body .level_badge.yellow span{color: #906700 !important;font-size: 12px !important}
/* .red_badge { background-color: #e8575761;color: #492222 !important;padding: 6px 12px;border-radius: 20px;font-size: 12px !important;text-wrap-mode: nowrap;} */
/* Custom Report Dashboard Detail Search Bar */
.eat_body .EAT_report_searchbar.input-container {	display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.eat_body .EAT_report_searchbar.input-container ::placeholder {  color: #757575;  opacity: 1;}
.eat_body .EAT_report_searchbar.input-container .search-input {  background: #EEEEEE;  color: #212121;	vertical-align: middle;  font-size: 16px;  line-height: 2;  padding: 10px 20px;  border: 0;  outline: none;  box-shadow: inset 0 -1px 1px -1px #CCCCCC, inset 0 1px 1px -1px #CCCCCC, inset 1px 0 1px -1px #CCCCCC;border-radius: 0;}
.eat_body .EAT_report_searchbar.input-container .search-submit {  background: #004990;  color: #FFFFFF;	vertical-align: middle;  padding: 0 20px; border: 0;  outline: none;  cursor: pointer;}
.eat_body .EAT_report_searchbar.input-container .search-submit:hover {  background: #153b61;}
.eat_body .EAT_report_searchbar.input-container .search-submit i {  font-size: 24px;}
.eat_body .green_dot{padding: 5px 5px;  color: #26c168;  background-color: #00eb00;  width: 10px;  border-radius: 100%;  border: 2px solid #ece5e5;}
/* EAT Status Designs */
.eat_body .status_main_div{padding: 10px;background: #f6f5f5;border-radius: 8px;border: 1px solid #eae9e9;margin-bottom: 15px;}
.eat_body .status_main_div .status_title_div h6{color: #162759;margin: 0;padding: 10px 0;font-weight: 600;padding-top: 0;}
.eat_body .status_progress_div{padding: 10px;background: white;border-radius: 8px;margin-bottom: 6px;cursor: pointer;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.eat_body .status_progress_div:hover{box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff!important;}
.eat_body .status_main_div .status_progress_div .progress_detail_div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 4px;}
.eat_body .status_main_div .status_progress_div .progress_detail_div .number_progress_div p{display: flex;gap: 4px;margin: 0;font-size: 12px;font-weight: 500;color: #333;}
.eat_body .status_main_div .status_progress_div .progress_detail_div .title_name{font-size: 12px;font-weight: 500;color: #333;margin: 0;}
.eat_body .status_main_div .status_progress_div .progress_detail_div .title_index.blue{color: #01209c;}
.eat_body .status_main_div .status_progress_div .progress_detail_div .title_index.green{color: #16b710;}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress .progress-bar{width: 100% !important;border-radius: 8px !important;background-color: transparent !important;}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress{height: 12px !important;margin-bottom: 0px !important;border-radius: 8px !important;}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress progress::-webkit-progress-bar {background-color: #f3f3f3 !important;border-radius: 8px;}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress progress::-webkit-progress-value{border-radius: 8px !important;}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress progress.blue::-webkit-progress-value {background: linear-gradient(to left,  #1b3674,#4286f4);}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress progress.red::-webkit-progress-value {background: linear-gradient(to left, #874534, #e83c32);}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress progress.yellow::-webkit-progress-value {background: linear-gradient(to left,#9ea517, #e8d332);}
.eat_body .status_main_div .status_progress_div .status_progressbar_design .progress progress.green::-webkit-progress-value {background: linear-gradient(to left,  #17791a,#42f444);}
.eat_body .status_main_div.status_bg_panel,.status_bg_panel{background: white;border: none;box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgb(189 198 214 / 5%) 0px 0.25em 1em;padding: 14px;border-radius: 8px;border: 1px solid #eae9e9;margin-bottom: 15px;}
.eat_body .status_h3_title{margin-top: 0;font-size: 16px;color: #1d1d23;font-weight: 600;}
.eat_body .status_h3_title.big_txt{font-size: 18px;color: #384255;font-weight: 600;}
.eat_body .status_main_div.assessment_process_div .status_progress_div .progress_detail_div .title_name{font-size: 14px;font-weight: 600;color: #2a4765;margin: 0;}
.eat_body .status_main_div.assessment_process_div .status_progress_div.nav_div {cursor: pointer;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.eat_body .status_main_div.assessment_process_div .status_progress_div.nav_div .progress_detail_div {margin-bottom: 0;}   
.eat_body .status_main_div.status_bg_panel.assessment_process_div a{text-decoration: none !important;}
/* Status Detail */
.eat_body .status_detail_div{ padding: 14px;border: 1px solid #d0dce6;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.eat_body .status_detail_div .status_detail_header p{font-size: 14px ;font-weight: 600;}
.eat_body .status_detail_div .status_detail_header h3{margin-top: 0;font-size: 18px;font-weight: 600;}
.eat_body .status_detail_div .status_detail_header.blue h3{color: #1d4ed8 !important;}
.eat_body .status_detail_div .status_detail_header.green h3{color: #2dc632 !important;}
.eat_body .status_detail_div table.status_detail_tbl th{background: #e9ebe9 !important;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr .title_td_div{text-align: left !important;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr.blue .title_td_div{background: #eff3ff;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr.green .title_td_div{background: #effff0;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr .title_td_div span.title_td_txt{font-weight: 500;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr.blue .title_td_div span.title_td_txt{color: #1d4ed8;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr.green .title_td_div span.title_td_txt{color: #2dc632;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr td .description_div{display: flex;    gap: 4px;}
.eat_body .level_badge.green{background-color: #a5f0a3 !important;color: #047104 !important;}
.eat_body .level_badge.gray{background-color: #dadada !important;color: #474f47 !important;}
.eat_body .level_badge.green span{color: #047104 !important;font-size: 12px !important}
.eat_body .level_badge.gray span{color: #474f47 !important;font-size: 12px !important}
.eat_body .technicalExperienceInputDiv .panel-body .panel-group .eat-task-add-remove ul li a,
.eat_body .technicalExperienceBusinessDiv .panel-body .panel-group .eat-task-add-remove ul li a,
.eat_body .technicalExperienceOutputDiv .panel-body .panel-group .eat-task-add-remove ul li a{width:100%} 
.eat_body #pvs_data_div .panel.panel-default .panel-heading:hover{background-color: #c9c6c612 !important;}
.eat_body .prevpds_row{display: flex;gap:10px}
.eat_body .prevpds_row span,.prevpds_row p{flex-grow: 1;flex-basis: 50%;}
/* Notification Panel */
.eat_body .notification_panel{background-color: #FFFFFF  !important; padding: 16px !important;  border-radius: 10px !important;  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;}
.eat_body .notification_panel_shadow{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;border-radius: 8px !important;}
.eat_body .notification_panel.yellow,.eat_body .notification_panel_shadow.yellow_warning{background-color: #fffcf2  !important;}
.eat_body .notification_panel.green,.eat_body .notification_panel_shadow.green_warning{background-color: #e5f8fe  !important;}
.eat_body .notification_panel.red,.eat_body .notification_panel_shadow.red_warning{background-color: #ffe0dfb0  !important;}
.eat_body .notification_panel_shadow.yellow_warning h4,.eat_body .notification_panel_shadow.yellow_warning .warning_icon{color: #908b57 !important;}
.eat_body .notification_panel_shadow.green_warning h4,.eat_body .notification_panel_shadow.green_warning .warning_icon{color: #579068 !important;}
.eat_body .notification_panel_shadow.red_warning h4,.eat_body .notification_panel_shadow.red_warning .warning_icon{color: #906957 !important;}
.eat_body .notification_panel_shadow.yellow_warning .warning_description{color: #908b57 !important;font-weight: 500;}
.eat_body .notification_panel_shadow.green_warning .warning_description{color: #579068 !important;font-weight: 500;}
.eat_body .notification_panel_shadow.red_warning .warning_description{color: #906957 !important;font-weight: 500;}
/* Dashboard Status EAT */
.eat_body .status_dashboard_card.eat_dashboard_card .status_main_div{margin-bottom: 0 !important;display: flex  ;justify-content: space-between;gap: 8px;}
.eat_body .status_dashboard_card.eat_dashboard_card .status_main_div .status_progress_div{flex: 0.5;}
/* Mysidenav Sidenav EAT */
.bg-transparent{background-color: transparent !important;}
.eat_body #mySidenav.open {    width: 45%;  }
.eat_body #mySidenav.sidenav{display: none;}
.eat_body .sidenav {height: 100%;width: 0;position: fixed;z-index: 1040;display: none;top: 0;right: 0;background-color: #fff;overflow-x: hidden;transition: all 0.5s ease;padding-top: 10px;padding-left: 20px;padding-right:20px}
.eat_body .sidenav .closebtn {/* position: absolute;top: 0;right: 25px;font-size: 30px;margin-left: 50px; */font-size: 30px;text-decoration: none;}
.eat_body .offcanvas-back{position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000;opacity: .5;}
/* Sidenav End */
.eat_body #pvs_data_div  .panel-default .panel-heading a,
.eat_body .eat-panel-heading-1 a,.eat-panel-heading-2 a,.eat_body .eat-panel-heading-3 a{color: #302d2c;}
.eat_body .ea_detail_back_btn{cursor: pointer;}
/* Dashboard Enhancement */
.eat_body tbody#learning_outcome_review_tbody tr td h3 ,.eat_body tbody#professional_development_tbody tr td h3{  font-size: 16px;  color: #363f47; }
/* Training plan enhancement */
.eat_body #eloplink.white_fieldset_deatil{border-radius: 8px !important;border: none !important;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.eat_body #content .panel  table.eat-table thead th:last-child {text-align: center;}
.eat_body #content .panel .amalgamated_section.report_detail_main_div table.eat-table thead th:last-child{text-align: left;}
.eat_body .eat_user_container .dropdown select,.eat_body .updated_dropdown_filter{padding: 6px 12px;  border-radius: 4px;  border-color: var(--red-color);  color: var(--red-color);font-weight: 500;max-width: 240px;}
.eat_body .eat_user_container .dropdown select option,.eat_body .updated_dropdown_filter option{color: #1a1b1e;}
.eat_body .trainee_yellow_dot{padding: 4px 4px;background-color: #f4eb00f0;border-radius: 50%;}
.eat_body .user_red_dot{padding: 4px 4px;background-color: #f42d00f0;border-radius: 50%;}
.eat_body #learning_outcome_review_div table tbody td .big_font,.eat_body #professional_development_div table tbody td .big_font{font-size: 16px;font-weight: 500;}
.eat_body #learning_outcome_review_div table tbody td .small_font,.eat_body #professional_development_div table tbody td .small_font{font-size: 12px;}
.eat_body .seperation_div {  padding-bottom: 20px;  margin-top: 20px;}
.eat_body .seperation_div:last-child {  padding-bottom: 0;  margin-top: 20px;border-bottom: none !important;}
.eat_body .seperation_div:first-child {margin-top: 0;}
.eat_body .seperation_div.green{border-bottom: 1px solid #80ed6a;}
.eat_body .seperation_div.yellow{border-bottom: 1px solid #f4ce7e;}
.eat_body .seperation_div.blue{border-bottom: 1px solid #a29cff;}
.eat_body .seperation_div .description_text{margin-bottom: 0;font-size: 14px;}
.eat_body .seperation_div.blue .description_text{color:#16415c ;}
.eat_body .seperation_div.green .description_text{color:#5f8c04 ;}
.eat_body .seperation_div.yellow .description_text{color:#7e5b0f ;}
.eat_body #eloplink.white_fieldset_deatil:hover,.eat_body #dynamic_design fieldset ul li.white_fieldset_deatil.notification_panel:hover {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;}
.eat_body .gray_badge{background-color: #dadada ;color: #474f47 !important;padding: 6px 12px;border-radius: 20px;font-size: 12px !important;text-wrap-mode: nowrap;font-weight: 500;display: inline-flex;}
.eat_body .gray_badge span{color: #474f47 !important;font-size: 12px !important;}
.eat_body .rgap_10{row-gap: 10px;}
.eat_body .rgap_8{row-gap: 8px;}
.eat_body .rgap_6{row-gap: 6px;}
.eat_body .cgap_10{column-gap: 10px;}
.eat_body .cgap_8{column-gap: 8px;}
.eat_body .cgap_6{column-gap: 6px;}
/* updated toggle switch buttons */
.eat_body .updated_toggle_switch .toggle_switch_div{display: flex;align-items: center;justify-content: space-between;}
@media screen and (max-width: 767px){
  .countdown-container .countdown .countdown-item a{flex: 1;}  
}
@media screen and (max-width: 397px){
  .countdown-container .countdown .countdown-item{gap: 10px;flex-direction: column;align-items: flex-start;}
}
/* EAT DataTable Enhancement */
.eat_body table.dataTable tbody tr:hover , .eat_body table.eat-table tbody tr:hover{  background-color: #f2f2f2;}
/* PDS Updated Mobile responsive */
.eat_body .coreHourChange,.eat_body .totalCoreHours{margin: 0;  flex: 0 0 40%;display: flex;justify-content: center;align-items: center;border: 1px solid #d0dce6 !important;padding: 10px;}
.eat_body .pva_level_section{display: flex;column-gap: 16px;row-gap: 12px;margin-top: 12px;}
.eat_body .pva_level_section .pva_level_div{display: flex;align-items: center;}
.eat_body #proficiency .panel-title .col-md-10{padding-left: 0;padding-right: 0;}
/* Trainee View Updated */
.eat_body #eatAdministratorViewuser table tr td,
.eat_body #eat-profile-details table tr td,
.eat_body #eat-profile-contract table tr td,
.eat_body #eat-profile-training table tr td{border-right: 1px solid rgb(225 233 233) !important;}
.eat_body #eat-trainee-training-plan #task_view_div_blue .white_fieldset_deatil,
.eat_body #eat-trainee-training-plan #task_view_div_green .white_fieldset_deatil,
.eat_body #eat-trainee-training-plan #task_view_div_yellow .white_fieldset_deatil{margin-bottom: 24px;border-radius: 8px !important;border: none !important;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
.eat_body #eat-trainee-training-plan #task_view_div_blue .white_fieldset_deatil,
.eat_body #eat-trainee-training-plan #task_view_div_green .white_fieldset_deatil,
.eat_body #eat-trainee-training-plan #task_view_div_yellow .white_fieldset_deatil,
.eat_body #eat-profile-details #task_view_div_blue .white_fieldset_deatil, 
.eat_body #eat-profile-details #task_view_div_green .white_fieldset_deatil,
.eat_body #eat-profile-details #task_view_div_yellow .white_fieldset_deatil {margin-bottom: 24px;border-radius: 8px !important;border: none !important;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
.eat_body #eat-trainee-training-plan #task_view_div_blue .white_fieldset_deatil:last-child,
.eat_body #eat-trainee-training-plan #task_view_div_green .white_fieldset_deatil:last-child,
.eat_body #eat-trainee-training-plan #task_view_div_yellow .white_fieldset_deatil:last-child{margin-bottom: 10px;}
/* Loader For Eat */
.eat_body .loader{    background: rgba(265, 265, 265, 0.9);}
/* Trainee Office view */
.eat_body .trainee_office_table_fieldset table tr td{border-right: 1px solid rgb(225 233 233) !important;}
.eat_body .trainee_office_table_fieldset table th{color: #45484b;font-weight: 500;}
/* Input Disabled */
.eat_body .bg_disable{background-color:#e5e7eb30 !important;}
.eat_body .eat_a_hover_none:hover{color: inherit !important;}
.eat_body .globalSearchField {padding: 20px !important;width: auto;margin: 10px 0;}
/* EAT Searchbar */
.eat_body .EATsearch_container{width: 300px;display: flex;justify-content: center;align-items: center;position: relative;}
.eat_body .EATsearch_container input{margin: 0 auto;width: 100%;height: 45px;padding: 0 20px;font-size: 14px;border: 1px solid #D0CFCE;border-radius: 6px;outline: none;}
.eat_body .EATsearch_container .search_icon{position: absolute;right: 7px;top: 10px;}

/* start media query */
@media  screen and (max-width: 1199.98px){
  .tab-pane .excepted_proficiencies_detail_container .panel_box fieldset.bg-blue{margin-top: 10px!important}
  .notification-check .account-detail{flex: 0 0 70%;}
  .eat-content, #v-pills-profile .eat-content .panel_box{padding-top: 0px;}
  .eat-content .eat-dash-administration{padding: 80px 15px 50px;}
  .eat-content.eat-dash-administration .panel{box-shadow: rgb(0 0 0 / 8%) 0 2px 10px 10px !important}
  #content .panel table.eat-history-table tr td{padding: 4px 8px;}
  /* Professional Development Summary */
  .tab-pane .eat_user_nopadding .panel_box fieldset { padding-left: 0;padding-right: 0;}
  .eat_user_nopadding ul.nav.nav-tabs{padding: 0;}
  #v-pills-profile #content .row .eat_user_nopadding{padding-left: 0px; padding-right: 0px;}
  .eat_user_nopadding .nav-tabs>li.active>a{border: none;}
  #content .eat_user_nopadding .eat-heading-dropdown,
  #content .eat_user_nopadding .training-plan-active,
  #content .eat_user_nopadding .training-period{padding: 0 16px;}
  /* Learning-outcome-review-history */
  #content .learning-outcome-review-container ul.nav.nav-tabs{left: 0 !important;}
  #content table.eat-table-lor tr td:last-child,
  #content table.eat-table-lor tr.bg-gray td:last-child{flex: 0 0 100%; text-align: left;}
  /* Trainee View */
  #content .eat_trainees_assessment_container ul.nav.nav-tabs,
  #content .eat_trainees_trainingplan_container ul.nav.nav-tabs
  /* #content #eat-trainee-reports ul.nav.nav-tabs*/ {top:100px !important;} 
  #content .eat_trainees_assessment_container ul.nav.nav-tabs li.active a,
  #content .eat_trainees_trainingplan_container ul.nav.nav-tabs li.active a,
  #content #eat-trainee-reports ul.nav.nav-tabs li.active a{color: var(--text-white);background-color: var(--red-color);}
  #content .eat_trainees_assessment_container .table-responsive>.table,
  #content .eat_trainees_trainingplan_container .table-responsive>.table{margin-top: 30px;}
  /* #content .eat_trainees_trainingplan_container .eat_trainees_trainingplan_iep_container{margin-top: 50px} */
  #content .eat_trainees_assessment_container table tbody tr{display: flex;flex-direction: column;gap:0;padding: 0}
  #content .eat_trainees_assessment_container table tbody tr td:last-child{display:flex;justify-content: space-between;align-items: center;gap: 5px;}
  #content .eat_trainees_assessment_container table tbody tr td:last-child span.small-font{text-wrap: nowrap;}
  #content .eat_trainees_assessment_container table tbody tr td:last-child div.mt-1{margin-top: 10px!important;}
  #content #eat-trainee-reports .tab-content{margin-top: 70px}
  #v-pills-profile .panel_box.custom_tab_form .tab-content .tab-pane .eat_dashboard_card .tab-pane {padding: 0px 16.5px}   
  #learning_outcome_review_div .panel.panel-eat{min-height: 245px !important;} 
  #trainee_warining_div h3:first-child{color: var(--light-blue) !important;}
  /* EAT Responsive CSS After devlopment */
  .chrome #v-pills-profile .panel_box .nav.nav-tabs,
  /* safari browser */
  .safari #v-pills-profile .panel_box .nav.nav-tabs{top: 0 !important; }
  .chrome .profileSec .panel_box .tab-pane .table-heading,
  .safari .profileSec .panel_box .tab-pane .table-heading{flex-direction: column;}
  /* updated_mobile_responsive CSS For EAT */
  .eat_body .updated_mobile_responsive#v-pills-profile .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box { padding: 0 !important;}
  .eat_body .updated_mobile_responsive#v-pills-profile .panel_box.custom_tab_form .tab-content .tab-pane .eat_dashboard_card .tab-pane{padding: 0 !important;}
  .eat_body .updated_mobile_responsive#v-pills-profile .panel_box.custom_tab_form .tab-content .tab-pane:last-child .panel_box{padding: 0 !important;}
  .eat_body  #content .panel table.eat-table tr td:last-child ,.eat_body  #content .panel  table.eat-table thead th:last-child{text-align: left;}
  .eat_body #v-pills-profile .panel_box .nav.nav-tabs.updated_nav_tabs{display: flex !important;flex-direction: column !important;top: 0 !important;}
  .eat_body #eatAdministratorViewuser table tr td,#eatAdministratorViewuser table tr th{border:none !important}
  .eat_body #eatAdministratorViewuser table tr{flex-direction:column}
  /* Updated Eat-Table Css For EAT Portal */
  .eat_body.chrome #content table tbody tr, .eat_body.safari #content table tbody tr{/*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/padding: 8px 0;margin: 8px 0px;border: 1px solid #dad9d9b0;}
  .eat_body.eat-accepted .table-border-integrated,.eat_body .table-border-integrat{border: none;}
  .eat_body #feedback table.eat-table tbody.LorData tr td{flex: 0 0 100%;}
  /* Updated Transparent Panel for Mobile view */
  .eat_body .updated_panel_p0{background: transparent !important;box-shadow: none !important;padding: 0 !important;}
  /* Notification panel mobile padding */
.eat_body .notification_panel_shadow.yellow_warning,
.eat_body .notification_panel_shadow.green_warning,
.eat_body .notification_panel_shadow.red_warning{padding-left: 10px !important;padding-right: 10px !important;}
.eat_body .status_detail_div table.status_detail_tbl tbody.status_detail_body tr td .description_div{display: block;}
}
@media screen and (max-width: 991px){
  .eat_body .tab-pane .excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil {width: 100%;}
  .eat_body .tab-pane .excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period {width: 100%;max-width: 260px;min-width: 0}
  /* Professional Development Summary */
  .eat_body .Strategy-value h6,
  .eat_body .trainee-comment-main .core-hours-exposure-heading h5,
  .eat_body .Strategy-value h6:last-child,
  .eat_body .trainee-comment-main .core-hours-exposure-heading h5:last-child{flex: 0 0 40%}
  .eat_body .Strategy-value .core-hours-exposure{align-items: center;}
  .eat_body .trainee-comment-main .trainee-provides {   flex-direction: column !important;gap: 4px !important;align-items:flex-start !important;}
  /* updated toggle switch buttons */
  .eat_body .updated_toggle_switch .toggle_switch_div{display: flex;align-items: flex-start !important;flex-direction: column;row-gap: 10px;margin-bottom: 20px;}
  .eat_body .updated_toggle_switch .toggle_switch_div .custom_style_switch label .s_no,
  .eat_body .updated_toggle_switch .toggle_switch_div .custom_style_switch label .s_yes{min-width: 400px;text-wrap-mode: wrap !important;left: 45px !important;}
  .eat_body .pva_level_section{flex-direction: column !important;}
  .eat_body .pva_level_section .pva_level_div{justify-content: space-between;}
}
@media screen and (max-width: 767px){
  .eat_user_container .fieldset-gap{display: flex;flex-direction: column;gap: 12px;}
  #content .eat-task-add-remove ul {padding: 0;}
  #content .panel_box .eat-integrated-plan-create .panel .panel-collapse .panel-body .panel .panel-heading .panel-title a,
  #content .eat-task-add-remove ul li a{font-size: 12px;}
  #content .panel_box .eat-integrated-plan-create .panel .panel-collapse .panel-body .panel .panel-heading .panel-title a{display: flex;align-items: center; gap: 6px;flex-wrap: wrap;}
  #content .eat-integrated-plan-create .eat_no_taskaddedd .panel-body{padding: 4px 8px;}
  /* #content .panel .eat_dashboard_card .eat_dashboard_card_bottom a{color: var(--bg-white); background-color: var(--red-color); border-radius: 4px; padding: 8px 0; width: 100%; text-align: center;} */
  .eat_body .trainee-comment-main .trainee-provides{ display: block;}
  #content fieldset .trainee-provides .input-bg{ width: 100%;}
  /* Professional Development Summary */
  .eat_body .Strategy-value h6,
  .eat_body .trainee-comment-main .core-hours-exposure-heading h5,
  .eat_body .Strategy-value h6:last-child,
  .eat_body .trainee-comment-main .core-hours-exposure-heading h5:last-child{flex: 0 0 40%;}
  .eat_body .Strategy-value p{width: 30%;}
  .eat_body .Strategy-value .core-hours-exposure{align-items: center;}
  /* Integrated Exposure Plan Table */
  #content table.table-border-integrated tbody tr{display: flex;flex-wrap: wrap;}
  /* Trainee View */
  #content .eat_trainees_assessment_container ul.nav.nav-tabs li a,
  #content .eat_trainees_trainingplan_container ul.nav.nav-tabs li a,
  #content #eat-trainee-reports ul.nav.nav-tabs li a{padding: 8px 4px;font-size: 10px}
  #content .eat_trainees_assessment_container .table-responsive>.table,
  #content .eat_trainees_trainingplan_container .table-responsive>.table{margin-bottom: 0;margin-top: 20px;}
  #v-pills-profile .eat_trainees_trainingplan_container .panel_box.custom_tab_form  {padding: 0;}
  /* updated_mobile_responsive CSS For EAT */
  .status_dashboard_card.eat_dashboard_card .status_main_div{margin-bottom: 6px !important;flex-direction: column;}
  .eat_body  #mySidenav.open {width: 85%;}
}
  @media screen and (max-width:600px){
    /* Professional Development Summary */
    .eat_body  #content .eat_user_container .professional-summary-main{ display: block;flex-wrap: wrap;}
    .eat_body #content .eat_user_container .professional-summary-main .initiated-dropdown{ display: flex;justify-content: space-between;}  
    .eat_body .Strategy-value h6,
    .eat_body .trainee-comment-main .core-hours-exposure-heading h5,
    .eat_body .Strategy-value h6:last-child,
    .eat_body .trainee-comment-main .core-hours-exposure-heading h5:last-child{flex: 0 0 40%; font-size: 12px;}
    .eat_body .Strategy-value .core-hours-exposure{align-items: center;}
    .eat_body .Strategy-value p{ font-size: 12px;}
    /* #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow span, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green span, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span {text-wrap: wrap;} */
}
  @media screen and (max-width:567px){    
    #content .eat_dashboard_card .create-lor{flex-wrap: wrap; margin-bottom: 10px;}
    .eat_user_container .nav.nav-tabs{flex-direction: column !important;}
    .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil {display: flex;gap:0px;flex-direction: column;align-items:flex-start;width: 100%;padding: 10px 8px;}
    .tab-pane .white_fieldset_deatil .pds_period {width: 100% !important;min-width: 0 !important ;padding: 10px !important;max-width: 100% !important;}
}  
  @media screen and (max-width: 480px){
  .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil {display: flex;gap:0px;flex-direction: column;align-items:flex-start;width: 100%;padding: 10px 8px;}
  .tab-pane .white_fieldset_deatil .pds_period {width: 100% !important;min-width: 0 !important ;padding: 10px !important;max-width: 100% !important;}
  .eat-integrated-exposure-plan .in-progress{white-space: nowrap;padding: 6px;}
  .training-office-info .eat-integrated-exposure-plan{align-items: center;}
  /* Professional Development Summary */
  .tab-pane .panel_box fieldset .training-plan-active{flex-direction: column; }
  /* #content .panel .eat_dashboard_card .eat_dashboard_card_top{flex-wrap: wrap;}  */
  /* updated toggle switch buttons */ 
  .eat_body .updated_toggle_switch .toggle_switch_div .custom_style_switch label .s_no,
  .eat_body .updated_toggle_switch .toggle_switch_div .custom_style_switch label .s_yes{min-width: 250px;}
  /* Updated Notification Panel for Mobile view(no padding/box-shadow) */
  .eat_body .notification_panel{padding: 0px !important;box-shadow: none !important;}
  .eat_body .quisquam-sed-rem-table table tbody.bg-white{background: transparent !important;}
  .eat_body .table-row-color table tr td span{text-wrap-mode: wrap;}
  }
