/* New Style Home Page*/
.style-2 .nav-tabs .nav-link.active { background: #bdd70c; color: #fff; font-size: 0.99rem; border-bottom: #bdd70c; }
.style-2 .nav-tabs .nav-link:hover { background: #bdd70c; color: #fff; }
.style-2 .lw.tab-content { border-top: 1px solid #cbdf4b; background-image: linear-gradient(#cbdf4b, #eee), linear-gradient(#cbdf4b, #eee); border-radius: 8px; background-color: #eee; border-bottom: 1px solid #eee; }
.style-2 .lw.tab-content .card { background-color: #eee; }
.style-2 .boxWrap { position: relative; border-top: 1px solid #cbdf4b; background-image: linear-gradient(#cbdf4b, #fff), linear-gradient(#cbdf4b, #fff); background-color: #fff; border-bottom: 1px solid #fff; background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; border-radius: 12px; font-size: 0.9rem; cursor: pointer; height: calc(100% - 1.2rem); }
.current_status { position: absolute; right: 10px; top: 10px; z-index: 2; background-color: rgba(255, 255, 255, .85); border-radius: 5px; padding: 4px 8px; font-size: 0.8rem; color: #000; }
.style-2 .ViewMore .btn-light { background: rgba(29, 37, 45, .8); border-color: transparent; color: #fff; }
.style-2 .ViewMore a:hover { background: #1d252d; }
.style-2 .boxWrap .btn-info, .course_details .btn-info{ background: #bdd70c; color: #fff; font-weight: 500; font-size: 0.85rem; padding: 0.2rem 1rem; margin: 0.25rem;}
.style-2 .btn-check:focus + .btn, .style-2 .btn:focus, .course_details .btn-check:focus + .btn, .course_details .btn:focus { box-shadow: none; }
.style-2 .boxWrap .caption { font-size: 0.95rem; padding-top: 0.5rem;margin-bottom: 5px; }
.style-2 .avatar {display: flex;align-items: center;}
.style-2 .avatar span { font-weight: 600;font-size: 0.8rem;white-space: nowrap;width: 100px; overflow: hidden;text-overflow: ellipsis; }
.description { white-space: nowrap; width: 190px; overflow: hidden; text-overflow: ellipsis;min-height:20px;margin-bottom: 10px; }
@media (min-width: 576px) {
	.style-2 .col-md-6{width:50%;}
}
@media (min-width:768px){	
	.style-2 .col-lg-6{width:33.33333333%;}
}
@media (min-width:992px){
	.style-2 .col-lg-6{width:25%;}
}
@media (min-width:1200px){
	.style-2 .col-xl-3{width:20%;}
}
/* Course Details */
.bannerImg { background-color: #eee; border-radius: 6px; margin: 1rem 0; overflow: hidden; max-height: 200px; }
.bannerTxt { padding: 0 2rem; color: #000; }
.bannerTxt h5 { font-weight: 600; font-size: 1.25rem; }
.bannerTxt p { margin-bottom: 0; font-size: 1rem; }
.course_details .col_1 { width: 56%; }
.course_details .col_2 { width: 44%; }
/* .left-aside, .right-aside { position: relative; border-top: 1px solid #cbdf4b; background-image: linear-gradient(#cbdf4b, #fff), linear-gradient(#cbdf4b, #fff); background-color: #fff; border-bottom: 1px solid #efefef; background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; } */
.left-aside, .right-aside { position: relative; border: 1px solid #e1e1e1; background-color: #fff; border-radius: 8px; overflow: hidden; }
.course_details .divider { display: inline-block; position: relative; top: -1px; padding: 0 4px; }
.course-time { color: #474747; font-size: 0.85rem; margin-top: 2px; }
.course-list, .course-time span { font-weight: 600; }
.course_head { margin: 0.5rem 0 0.75rem; }
.left-aside ul { list-style: none; padding: 0; margin: 0 1px; }
.left-aside ul li { background-color: #fff; border-top: 1px solid #eee; align-items: center; padding: 5px; position: relative; }
.left-aside ul:first-child li{border-top: 0;}
.left-aside ul li.active { background-color: #eee; }
.left-aside h5 { font-weight: 600; font-size: 0.85rem; white-space: nowrap; width: 260px; overflow: hidden; text-overflow: ellipsis; }
.left-aside .img_wrap { position: relative; max-width: 145px; }
.img_wrap .current_status { font-size: 0.8rem; padding: 3px 6px; right: 5px; top: 5px; background-color: rgba(255, 255, 255, .9); }
.left-aside .start { padding: 0 10px; }
.course_info { font-size: 0.8rem; }
.lesson_status { padding-left: 1rem; }
.lesson_status>span { width: 11px; height: 11px; border-radius: 50%; background-color: #fff; border: 1px solid #545a60; display: inline-block; position: relative; top: 1px; }
.lesson_status>span.finish { background-color: #bdd70c; }
.lesson_status>span.WIP { background-color: #f47a21; }
.course_details .nav-tabs .nav-link{ color: #333f48; font-size: 0.95rem; border: transparent; }
.course_details .nav-tabs .nav-link.active{ color: #fff; }
.right-aside{padding:0; min-height: 375px;}
.right-aside h3 {font-weight: 600; font-size: 1rem; padding: 10px 10px 0; }
.right-aside .table{ color: #3e4a51; font-size: 0.8rem; }
.course_details .col_2 .nav-tabs{border-bottom: 0; margin-top: 5px; position: relative; z-index: 2;}
.table_grid .table{background-color: #f5f5f5; border-radius: 6px; overflow: hidden; margin-bottom: 0.5rem; }
.table_grid .table >:not(caption) > * > * { border-color: #fff; padding: 0.6rem 0.5rem;}
/* .learn_plan{ position: relative; border-top: 1px solid #cbdf4b; background-image: linear-gradient(#cbdf4b, #fff), linear-gradient(#cbdf4b, #fff); background-color: #fff; border-bottom: 1px solid #efefef; background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; color: #5e5d5d; font-size: 0.9rem;} */
.learn_plan{ position: relative; border-top: 1px solid #e1e1e1; background-color: #fff; overflow: hidden; color: #5e5d5d; font-size: 0.9rem;}
.learn_plan h5{ padding:1rem; font-weight: 600; font-size: 0.9rem; margin-bottom: 0; border-bottom: 1px solid #e1e1e1;}
.learn_plan ul { list-style: none; padding: 0; margin: 0; }
.learn_plan ul li { background-color: #eeeeee; align-items: center; padding:1rem; margin-top: 2px;}
.plan_detail label{font-weight: 600;}
.learn_plan .img_grid { min-width: 26px; margin-right: 1rem; text-align: center;}

/* Back to page */
.backBtn { position: fixed; bottom: 60px; right: 0; z-index: 99; }

/* Launch History accordion */
#launchHistory .accordion-button { font-size: 0.95rem; }
#launchHistory .accordion-button:focus{box-shadow: none;}
#launchHistory .accordion-button:not(.collapsed) { color: #003595; background-color:rgba(0, 0, 0, .05);}
#launchHistory .accordion-button.collapsed { color: #212529; background-color: #fff; }
#launchHistory .accordion-button:hover{background-color:rgba(0, 0, 0, .08);}
#launchHistory .accordion-header .accordion-button { padding-right: 1rem; padding: 0.75rem 1rem 0.75rem 1rem; }
.accordion-flush .accordion-item:last-child{ border-bottom:1px solid #dee2e6;}
.title_LH a { padding: 0.5rem; font-weight: 600; font-size: 0.9rem; margin: 0 0 0.5rem; border-bottom: 1px solid #e1e1e1; color: #5e5d5d !important; }
.launchHistory #table_id { width: 100%; margin-bottom: 0.25rem; color: #3e4a51; vertical-align: top; border: 0; font-size: 0.8rem; margin-bottom: 0.75rem; }
.launchHistory #table_id>:not(caption)>*>* { padding: .5rem .5rem; border-bottom: 1px solid #dee2e6; }
.launchHistory a.btn-info{ padding: 0.2rem 0.75rem;}
.launchHistory a.btn-info i{ padding-right: 6px;}
.style-2 .boxWrap .btn-info, .course_details .btn-info{ margin: 0.25rem;}
.left-aside .start { padding: 0 10px; }

/* Generate Report */
.webex.generate-report{ min-height: auto;}
.generate-report .form-content {font-size: 0.95rem; border:1px solid rgba(0, 0, 0, 0.125); padding: 10px; background-color: #f8f8f8; border-radius: 6px; }
.generate-report .form-content label{padding-bottom:5px;}
.generate-report .form-content .d-flex { justify-content: left;}
.generate-report .btn-info { color: #fff; border-color: transparent; border-radius: 0.3rem; padding: 0.25rem 1rem; font-size: 0.9rem; }
.generate-report .text-danger{ padding: 0.25rem; font-size: 0.9rem; }
.generate-report .btn-info:focus{box-shadow:none;}