: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:30%;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:4px;z-index: 1001;transition: all 0.5s ease;border-radius: 12px;opacity: 0;visibility: hidden;}
.eat_sidebar_notification.active{right:4px;opacity: 1;visibility: visible;}
.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);overflow-y: scroll;scrollbar-width: none;/* Firefox */  -ms-overflow-style: none;/* IE 10+ */}
.eat_notification_content ul::-webkit-scrollbar {  display: none; /* Chrome, Safari, Opera */}
.eat_notification_content ul li{list-style: none;}
.eat_notific_main{padding: 24px;/* border-bottom: solid 1px #c9c9c9; */margin: 6px;border-radius: 12px;background: #f0eded45;}
.eat_notific_main:hover{background-color: #f9fafb;background-color: #FFFFFF;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.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}
.eat_sidebar_backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none;}
.eat_sidebar_notification.active + .eat_sidebar_backdrop {  display: block;}

/* 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.bg-gray 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;}

/* EAT Next Prev Button Sidebar */
.eat_body .eat_btn-nav-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.eat_body .eat_btn-btn-icon {
  background: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 3px 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  color: #626275;
  text-align: center;
  align-content: center;
  align-items: center;
}
.eat_body .eat_btn-tooltip {
    position: relative;
}
.eat_body .eat_btn-btn-icon:hover {
  background: #e5e7eb;
  transform: scale(1.05);
}
.eat_body .eat_btn-tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: auto;
  white-space: nowrap;
  background-color: #1e3b57;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 4px 10px;
  position: absolute;
  z-index: 10;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  transition: opacity 0.4s ease;
}

.eat_body .eat_btn-tooltip:hover .eat_btn-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.eat_body .eat_notification_tooltip .eat_btn-tooltip-text{left: 100%;}


/* 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;}
  }
