: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;} #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;} #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;} #content .panel .eat_dashboard_card .eat_dashboard_card_top ul li{background-color: #f1f1f1;padding:2px 4px;border-radius:10px;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_user_container .dropdown .dropdown-action {background: var(--bg-white);padding: 10px 30px;font-size: 16px;border-radius: 12px;} .eat_user_container ul.dropdown-menu li a { text-decoration: none;padding: 10px 20px;border-radius: 8px} .eat_user_container ul.nav.nav-tabs {background: var(--gray-light);padding: 8px; margin:0; display:inline-flex;gap: 6px; border-radius: 8px;} .eat_user_container ul.nav.nav-tabs::before, .eat_user_container ul.nav.nav-tabs::after{display: none;} .eat_user_container input[type="search"] {border: solid 1px gray; border-radius: 20px;padding: 10px;} .eat_user_container .nav-tabs li a{border-radius: 8px;color: gray;padding: 10px 30px;text-decoration: none; margin: 0;} .eat_user_container .nav-tabs li a:hover{background-color: transparent; border-color: transparent;} .eat_user_container .nav-tabs li.active a { color: var(--text-white);background-color: var(--red-color);} .eat-table tr td a{text-decoration: none;} .eat-table .red-dot-icon {color: var(--red-color);font-size: 12px;display: flex;align-items: center;height: 100%;} .eat-table .red-bg-icon, .eat-table .green-bg-icon, .eat-table .gray-bg-icon {font-size: 20px; padding:6px;border-radius: 50%;} .eat-table .red-bg-icon {color: var(--red-color)(223, 30, 30);background-color: var(--bg-white);} .eat-table .green-bg-icon {background-color:#d7fadd; color: green;} .eat-table .gray-bg-icon {background-color: var(--gray-light); color: var(--text-black); } .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);} .integrated_detail_container .membership_section .tab-title,h4 {font-size: 14px;color: var(--light-blue) !important; font-weight: 700;} .tab-pane .integrated_detail_container .panel_box fieldset {flex-direction: column;display: flex;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.sub-heading {color: var(--light-blue);} .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.sub-heading { color: var(--light-success);} .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.sub-heading { color: #ca8a04;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.heading {font-size: 12px;font-weight: 500;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue p.sub-heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow p.sub-heading, .tab-pane .integrated_detail_container .panel_box fieldset.bg-green p.sub-heading { font-size: 10px;} .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;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue, .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow, .tab-pane .integrated_detail_container .panel_box fieldset.bg-green {padding: 16px !important;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-blue { background-color: #e0e7ff !important;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-yellow {background-color: #fefce8 !important;} .tab-pane .integrated_detail_container .panel_box fieldset.bg-green {background-color: #e3fae0 !important;} .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;} .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);} .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period p { font-size: 8px;font-weight: 400;text-align: center;} .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;} .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .pds_period_chart_section p { font-size: 10px;margin: 0;} .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period .pds_period_chart_section{margin-bottom: 10px;} .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;} .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 */ .tab-pane .eat-excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period {min-width: 300px;max-width: 300px;height:100%} .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-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;} .tab-pane .eat-excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil p{font-size: 12px;font-weight: 500;} .tab-pane .integrated_detail_container .panel_box fieldset .white_fieldset_deatil .pds_period p.m-0{text-align: left} /*Excepted level Of Proficiencies*/ .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green h4{color: var(--light-success);} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green {background-color: #e3fae0 !important;} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow {background-color: #fefce8 !important;} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset .white_fieldset_deatil {align-items: center;} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue ul, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow ul, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green ul{padding: 0;} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li p, .tab-content>.tab-pane .tab-content>.tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li p, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li p, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li p{font-size: 12px;font-weight: 500;margin: 0;} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li p span{color: var(--light-blue);} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li p span{color: var(--light-success);} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li p span{color: #ca8a04} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li div.navigate_next_detail, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li div.navigate_next_detail, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-green li div.navigate_next_detail{display: flex;align-items: center;gap: 20px;} .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-blue li span.bg-light-red, .tab-pane .eat-excepted_proficiencies_container .panel_box fieldset.bg-yellow li span.bg-light-red, .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*/ #content .eat_training_plan_container span.small-font, #content .eat_training_plan_container p.small-font {font-size: 12px;} #content .eat_training_plan_container span.status-active-bg, #content .eat_training_plan_container span.status-inprogress-bg { padding: 4px 10px; font-size: 12px; border-radius: 16px;} #content .eat_training_plan_container span.status-active-bg {background-color: #cbffbcd4;color:darkgreen;} #content .eat_training_plan_container span.status-inprogress-bg { background-color: #dbde9f7a;color: rgb(142 126 8);} /*EAT Trainees*/ #content .eat_trainees_container table span.status-active-bg {text-wrap: nowrap;} #content .eat_trainees_container table th{font-size: 12px;} #content .eat_trainees_container table p{font-size: 12px;} #content .eat_trainees_container span.small-font,#content .eat_trainees_container p.small-font {font-size: 10px;} #content .eat_trainees_container span.status-active-bg {padding: 4px 10px;font-size: 8px;border-radius: 16px;background-color: #cbffbcd4;color:darkgreen;} /*EAT Trainees assessment*/ #content .eat_trainees_assessment_container table span.material-icons {font-size: 10px;margin-right: 4px;} #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);} /*EAT Trainees Training plan IEp*/ #content .eat_trainees_trainingplan_iep_container ul li.main{padding:20px 30px;background-color: #e6f7f8;} #content .eat_trainees_trainingplan_iep_container ul li.main-1{border-bottom: solid 1px var(--gray-500);border-radius: 12px 12px 0px 0px;} #content .eat_trainees_trainingplan_iep_container ul li.main-2{border-radius: 0px 0px 12px 12px;} #content .eat_trainees_trainingplan_iep_container ul {list-style: none;padding: 0;} .eat_trainees_trainingplan_iep_container .panel_box{padding: 0;box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%);} /*learning-outcome-review */ #content .learning-outcome-review-container .eat_user_container ul.nav.nav-tabs {display: flex;justify-content: space-between;} #content .learning-outcome-review-container .panel-default span.bg-blue{width: 30px;height:30px;background-color: rgba(119, 204, 246, 0.2);color: #002d64; display: inline-block;padding: 4px 2px;line-height: normal;text-align: center;border-radius: 30px;} #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow p.yellow-paragraph, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow span, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green p.green-paragraph, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green span, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue p.blue-paragraph, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow p, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green p, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue p{font-size: 14px;} #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow p.yellow-paragraph, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.yellow span{color:#D89B00} #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green p.green-paragraph, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.green span{color:#19AF00} #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{font-weight: 500;text-wrap: nowrap;} #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue p.blue-paragraph, #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span{color: #2563EB;} #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span.status-initiated-bg {color: #a79b17;} #content .learning-outcome-review-container .eat_no_taskaddedd .panel-title.blue span.unresolved {color: #d93d3d;background-color: #fed0ca;} #content .learning-outcome-review-container span.included {color: #2a51db;background-color: #e0e7ff;} #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: 8px !important;border-radius: 16px;} #content .learning-outcome-review-container a{text-decoration: none !important} #content .learning-outcome-review-container .custom_style_switch label .s_no, #content .learning-outcome-review-container .custom_style_switch label .s_yes {right: 45px;text-wrap: nowrap;color: black;} #content .learning-outcome-review-container .trainee-comment h5, #content .learning-outcome-review-container .trainee-comment span.material-icons{ font-size: 15px;font-weight: 500;color: var(--text-black); } /* hemant css */ #content .panel table.eat-table tr td, #content .panel table.eat-table tr th, #content .panel_box table.eat-table tr td, #content .panel_box table.eat-table tr th{vertical-align: middle; padding: 8px 16px;} #content .panel table.eat-table tr td:last-child{text-align: center;} #content .panel table.eat-table tr td .action-btn{border-radius: 20px;padding: 4px 8px;text-decoration: none;font-size: 14px;cursor: pointer;} #content .panel table.eat-table tr td .action-btn.required{background-color: #fff697; color: rgb(133, 77, 14); border: solid 2px #ebe06c;} #content .panel table.eat-table tr td .action-btn.reviewer{background-color: #e6e6e7; color: #1f2937; border: solid 2px #c4cfdf;} #content .panel table.eat-table tr td .reviewer-text{font-size: 14px;margin-top: 4px;} #content .panel table.eat-table tr td p{margin: 0;} #content .panel table.eat-table tr td .cehck-detail{font-size: 14px; color: rgb(107 114 128);} #content .eat_dashboard_card .create-lor{display: flex;justify-content: space-between; align-items: center; margin-bottom: 5px;} #content .eat-integrated-exposure-plan {display: flex;justify-content: space-between;flex: auto;} #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;} .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 { background-color: #cbffbcd4;color: #006400;padding: 6px 12px;border-radius: 20px;} .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; } .feedback-summary .status-initiated-bg{background-color: rgb(254 249 195);color: rgb(133 77 14);padding: 4px 12px;border-radius: 20px;} .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 250px; 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-table tr th,td{border-left: none;border-right: none;} #content .panel_box .eat-integrated-plan-create .panel .panel-title a .input-total{display: flex;gap: 15px;font-size: 12px;align-items: center;} #content .panel_box .eat-integrated-plan-create .panel .panel-title a .input-total div{min-width: 54px;text-align: center;} #content .panel_box .eat-integrated-plan-create .panel .panel-title .governance-total{display: flex; gap: 15px; font-size: 12px; align-items: center;} #content .panel_box .eat-integrated-plan-create .panel .panel-title .governance-total div{ min-width: 54px; text-align: center;} #content .panel_box .main-accordion-first a:not(.collapsed) .input-total div span:last-child { display: none;} #content .panel_box .main-accordion-first .sub-accordion-second .panel-title > a:not(.collapsed) .governance-total { display: none;} .Strategy-value{display: inline-flex;width: 100%;} .Strategy-value .core-hours-exposure {display: inline-flex;gap: 15px;justify-content: end;flex: 0 0 60%;text-align: center;} .Strategy-value h6{margin: 0;flex: 0 0 250px;display: flex;justify-content: center;align-items: center;border: 1px solid #d0dce6; padding: 10px;} /* .Strategy-value h6:last-child{flex: 0 0 200px;} */ .Strategy-value p {flex: 0 0 40%;} .eat_user_container .bg-white{padding: 0 15px;} .proficiency-main .proficiency-switch{display: flex;justify-content: end;align-items: center;} .proficiency-switch .complied-check{ padding: 26px 8px 0 0;} .quisquam-sed-rem-table .table-initiated{display: flex;justify-content: space-between;} .eat-accepted .status-accepted-bg{background-color: #cbffbcd4;color: #006400;padding: 8px;border-radius: 20px;} .bg-gray-100 {--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity));} .eat-accepted .table-border-integrated,.table-border-integrat{border: 1px solid rgb(225 233 233);} .table-row-color table tr td span{background-color: rgb(219 234 254);color: var(--btn-primary);padding: 5px;border-radius: 9px;white-space: nowrap;} .bg-gray{background-color: rgb(229 231 235);} #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);} #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{width: 100px !important;} .br-40{border-radius: 40px !important;} #content .learning-outcome-review-container a.buttonDiv{justify-content: space-between;} #content .learning-outcome-review-container a.buttonDiv span.descriptionDiv{max-width: 1090px;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="Training Plan"]::before {content: '\ea19';} .sidebar .weblink>a[title="Assessment"]::before {content: '\e2c7';} .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: 4px 12px; border-radius: 20px;} .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; border-top: none; 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 */ .dashbord_piechart .circle-chart__circle {animation: circle-chart-fill 2s reverse;transform: rotate(-90deg);transform-origin: center;} /* EAT changes */ #content #learning_outcome_review_div #learning_outcome_review_table_filter, #content #professional_development_div #professional_development_table_filter{display: none;} #content .eat_trainees_container table #inprogress_body th{font-size: 14px;} #content .eat_trainees_container table #inprogress_body p{font-size: 14px;} #content .eat_trainees_container #inprogress_body span.small-font, #content .eat_trainees_container #inprogress_body p.small-font {font-size: 12px;} #content .panel table.eat-table #inprogress_body tr td{padding: 12px 16px;} #content .panel table.eat-table #trainee_lor tr td: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 */ #learning_outcome_review_div .panel.panel-eat{min-height: 300px !important;} @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;} } /* 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: 0!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;} #learning_outcome_review_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; } } @media screen and (max-width: 991px){ .tab-pane .excepted_proficiencies_detail_container .panel_box fieldset .white_fieldset_deatil {width: 100%;} .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 */ .Strategy-value h6, .trainee-comment-main .core-hours-exposure-heading h5, .Strategy-value h6:last-child, .trainee-comment-main .core-hours-exposure-heading h5:last-child{flex: 0 0 200px;} .Strategy-value .core-hours-exposure{align-items: center;} } @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;} #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;} .trainee-comment-main .trainee-provides{ display: block;} #content fieldset .trainee-provides .input-bg{ width: 100%;} /* Professional Development Summary */ .Strategy-value h6, .trainee-comment-main .core-hours-exposure-heading h5, .Strategy-value h6:last-child, .trainee-comment-main .core-hours-exposure-heading h5:last-child{flex: 0 0 140px;} .Strategy-value p{width: 30%;} .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;} } @media screen and (max-width:600px){ /* Professional Development Summary */ #content .eat_user_container .professional-summary-main{ display: block;} #content .eat_user_container .professional-summary-main .initiated-dropdown{ display: flex;justify-content: space-between;} .Strategy-value h6, .trainee-comment-main .core-hours-exposure-heading h5, .Strategy-value h6:last-child, .trainee-comment-main .core-hours-exposure-heading h5:last-child{flex: 0 0 70px; font-size: 12px;} .Strategy-value .core-hours-exposure{align-items: center;} .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;} } @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;} .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; } }