html, body { height: 100%; margin: 0; }
body { font-family: 'Open Sans'; color: #3e4a51; }

/* background-color: #f2f7fd; */
a { color: #f47b22; text-decoration: none; }
a:hover { color: #6c757d; }
p { font-size: 0.9rem; }
.breadcrumb-container.shadow { box-shadow: 0 0.5rem 0.8rem rgb(0 0 0 / 7%) !important; }
.fa-home { font-size: 1rem; }
.fa-user-circle-o { font-size: 1.3rem; }
#navbar_top { padding: 0; height: 48px; }
.fixed-top.login { position: absolute; top: 0; right: 0; left: 0; z-index: 1030; }
.home-header { background-color: #fff; border-bottom: 1px solid #e5e5e5; padding: 5px 0; }
#navbar_top { padding: 5px 0; }
.custom-menu { position: absolute; left: 10px; top: 10px; }
.custom-menu:before { content: ''; position: absolute; top: 3px; left: -10px; background-color: #7f8e95; width: 1px; height: 25px; }
.side-btn-toggle.btn:hover { border: 0; font-size: inherit; }
.side-btn-toggle { border: 0; background: transparent; margin: -1px 0 0 5px; padding: 7px 10px; }
.logo { margin-left: 40px; }
.side-btn-toggle.btn-check:focus + .btn, .side-btn-toggle.btn:focus, .side-btn-toggle.btn:active { border: 0; box-shadow: none; }
.side-btn-toggle i { color: #3a4a51; margin: 0px 0 0 -4px; display: block; font-size: 1.3rem; }
.side-btn-toggle i:hover { color: #ff7200; }
.top-right-contianer { /* width: 260px; */ font-size: 1rem; margin-top: 5px; }
.top-right-contianer i { font-size: 1.2rem; padding: 0 5px 0 0; }
.right-menu ul { list-style-type: none; padding: 0; margin: 0; }
.right-menu ul li { display: inline-block; font-size: .9rem; margin-right: 5px; padding-right: 5px; }
.search-container { width: 25%; margin-left: 20%; display: inline-block; }
.srch-btn { border: 0; padding: 0; background: none; }
.srch-btn:hover { background-color: transparent; }
.srch-btn:active, .srch-btn:focus, .srch-btn:active:focus { box-shadow: none; background: none; }
.search-icon { background: url(../assets/img/template/search-icon.png) center center no-repeat; width: 41px; height: 41px; display: block; background-size: 70%; }
.search-input { border-bottom: 1px solid #ccc; border-width : 0 0 1px; border-radius: 0; height: 35px; font-size: .8rem; }
.search-input:focus { box-shadow: none; }
#login-bg { width: 100%; height: 100vh; background: url(../assets/img/template/login-bg.png) top center no-repeat; background-size: cover; position: relative; }
.login .nav-link { color: #333; border-radius: 5px; padding: 8px 15px !important; font-size: 14px; }
.login .nav-link:hover, .login .nav-link:focus { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); }
.login .nav-item { margin: 0 5px 0 0; }
.navbar-toggler { background-color: #3a4a51; padding: 0 3px; }
.login-form-container { position: absolute; top: 25%; width: 33%; right: 5%; background: #c5d9e4; border-radius: 7px; padding: 0; }
.login-form-container h2 { font-weight: bold; color: #556f7f; font-size: 1.8rem; }
.login-form-container .submit-btn { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border: 0; margin-right: 10px; padding: 5px 25px; }
.login-form-label { color: #556f7f; }
.login-form-container .form-control { font-size: 0.9rem; }
.login-form-container .form-check { padding-left: 0; display: inline-block; margin: 15px 0 0; }
.login-trouble p { color: #fff; margin: 0; padding: 10px; background-color: #5d7686; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
.login-trouble a { color: #fff; text-decoration: underline; }
.login-trouble a:hover { text-decoration: none; }
.login-form-container .form-check a { color: #556f7f; }
.login-form-container .form-check-label { color: #556f7f; }
.login-form-container .form-check a:hover { text-decoration: none; }
.navbar-toggler-icon { width: 1.2em; height: 1.2em; }
.announce-container { background-color: #fff; border: 1px solid #fad497; margin-top: 14px; position: relative; border-radius: 5px; /* height: 95%; */ height: calc(100% - 112px); padding: 28px 10px 10px; display: flex;
flex-direction: column;
}
.announce-container h5 { background-color: #f47a21; border-radius: 4px; padding: 7px 15px; text-align: center; position: absolute; margin: 0; font-size: 1rem; color: #fff; left: 10px; right: 10px; top: -16px; }
.announce-headline { text-align: center; }
.announce-info { margin: 0; word-break: break-all; max-height: 145px; overflow-y: auto; margin-right: -5px; padding-right: 5px; }
.announe-icon { margin: 0 auto; width: 47px; display: table; }
.page-title { font-size: 1rem; margin: 9px 0 0; }
.filter-search-container { width: 100%; }
ul.filter-area { padding: 0; margin: 0; float: right; }
ul.filter-area li { display: inline-block; list-style-type: none; }
.sorting-drop { width: 320px; }
.filter-drop { width: 480px; }
.btn-info, .btn-primary1, .btn-default { background: rgb(244, 121, 33);  color: #fff; border: 0; border-radius: 0.3rem; padding: 0.375rem 1rem; font-size: 1rem; margin-right: 10px; }  /* background-image: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); */
.btn:hover { color: #fff; }
.disabled { border: 0; }
.btn.sort-btn { color: #f47a21; border: 0; }
.btn.sort-btn:hover, .btn.sort-btn:focus, .btn.sort-btn:active { border: 0; }
.sort-btn.dropdown-toggle::after { display: none; }
.fa-sliders, .fa-filter { font-size: 1.3rem; }
.filter-search-container .search-input { background-color: transparent; }
.top-right-area { width: 150px; position: relative; margin-top: 5px; }
.body-container { position: relative; margin: 0; padding-top: 54px; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; min-height: 100%; }
.body-container .left-nav-container { background-color: #414e56; min-width: 200px; max-width: 200px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative;   /* height: 100%; min-height: 100vh;*/ }
.body-container .right-body-container { width: 100%; position: relative; padding-bottom: 85px; }
.right-body-container.home-page { margin-top: 20px; }
.breadcrumb-container { font-size: 0.8rem; padding-left: 20px; margin-bottom: 13px; line-height: 16px; margin-top: 13px; height: 28px; }
.brd-home-icon { font-size: 1.5rem; color: #414e56; }
#sidebar-nav { width: 160px; }
#navbar_top.shadow { box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 7%) !important; }
.carousel-caption { text-align: left; top: 5%; left: 8%; right: auto; width: 45%; color: #333; word-break: break-all; }
.carousel-caption h5 { font-weight: 600; font-size: 1rem; }
.carousel-indicators [data-bs-target] { width: 14px; height: 14px; border-radius: 50%; background-color: #fff; background-clip: border-box; opacity: 1; border: 2px solid #f47921; }
.carousel-indicators .active { background-color: #f47921; border: 2px solid #fff; }

/* Tabs CSS*/
.responsive-tabs { padding: 0; }
.responsive-tabs .nav-tabs { display: none; }
.carousel-control-prev, .carousel-control-next { width: 6%; }
.card-header.lw-tab-header { background-color: #f47921; border-radius: 0; padding: 0; border-bottom: none; }
.card-header.lw-tab-header.top { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; }
.lw-tab-header a { color: #fff; font-size: 1rem; text-decoration: none; padding: 10px 15px; display: block; }
.tab-btn-toggle span { transform: rotate(-180deg); transition: transform .35s ease; transform-origin: 0.5em 50%; }
.tab-btn-toggle.collapsed span { transform: rotate(0deg); transition: transform .35s ease; transform-origin: 0.5em 50%; }
.tab-content .card-body { padding: 10px 0; }
#data-table_wrapper, #table_id_wrapper { border-top: 1px solid #f47921; border-bottom: 1px solid #fff; background-image: linear-gradient(#f47921, #fff), linear-gradient(#f47921, #fff); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; padding: 10px; background-color: #fff; border-radius: 5px; }
table.dataTable.table-striped>tbody>tr.odd>* { box-shadow: inset 0 0 0 9999px rgb(245 249 219); }
.table >:not(caption) > * > * { border-color: #d0d6a8;    /* padding: 0.7rem 0.7rem; */ }
table.dataTable tr td { font-size: .9rem; }
.left-nav-container.active .side-btn-toggle.collapsed span { transform: rotate(0deg); transition: transform .35s ease; transform-origin: 0.5em 50%; }
.left-nav-container .side-btn-toggle span { transform: rotate(180deg); transition: transform .35s ease; transform-origin: 0.5em 50%; }
@media (min-width:768px) {
    .responsive-tabs .nav-tabs { display: flex; }
    .responsive-tabs .card { border: none; }
    .responsive-tabs .card .card-header { display: none; }
    .responsive-tabs .card .collapse { display: block; }
}
@media (max-width:767px) {
    .responsive-tabs .tab-pane { display: block !important; opacity: 1; }
    .sorting-label { display: none; }
}

/* Tabs end  */

/* Side Bar CSS */

.side-btn-toggle .fa-angle-left { color: #fff; font-size: 2em; line-height: 16px; margin-left: -4px; }
.active .side-btn-toggle .fa-angle-left { transform: rotate(-180deg); transition: transform .35s ease; transform-origin: 0.15em 50%; line-height: 16px; margin-left: 0px; }
#sidebar { margin-left: -200px; }
#sidebar.active { margin-left: 0; }
#sidebar .custom-menu { display: inline-block; position: absolute; top: 5px; right: 0; margin-right: -40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.left-nav-container .btn-toggle { width: 100%; border-radius: 0%; padding: 10px 5px 10px 38px; font-size: .85rem; }
.dropdown-toggle { outline: 0; }
.nav-flush .nav-link { border-radius: 0; }
.btn-toggle { display: inline-flex; align-items: center; padding: .25rem .5rem; color: #fff; background-color: transparent; border: 0; }
.btn-toggle:hover, .btn-toggle:focus { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border-radius: 0; }
.btn-toggle::after, .subMenu::before { width: 16px; height: 16px; line-height: 0; content: ''; transition: transform .35s ease; transform-origin: .5em 50%; position: absolute; right: 10px; background: url(../assets/img/template/next.png) top center no-repeat; }
.subMenu::before { top: 10px; }
.nav-list li { position: relative; }
.nav-list li.home:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/home.svg) top center no-repeat; }
.nav-list li.course:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/course.svg) top center no-repeat; }
.nav-list li.user:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/user.svg) top center no-repeat; }
.nav-list li.workflow:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/workflow.svg) top center no-repeat; }
.nav-list li.admin:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/admin.svg) top center no-repeat; }
.nav-list li.reports:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/reports.svg) top center no-repeat; }
.nav-list li.language:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/language.svg) top center no-repeat; }
.nav-list li.notification:before { width: 20px; height: 20px; line-height: 0; content: ''; position: absolute; left: 10px; top: 10px; background: url(../assets/img/template/notification.svg) top center no-repeat; }
.btn-toggle[aria-expanded="true"] { color: #fff; } /* background-image: linear-gradient(to right, #f47a21, #f0a340);  */
.btn-toggle[aria-expanded="true"]::after, .subMenu[aria-expanded="true"]::before { transform: rotate(90deg); }
.subMenu[aria-expanded="true"] { background-color: #a0adb3; }
.btn-toggle-nav a { display: block; padding: .5rem 18px .5rem 38px; margin-top: .125rem; text-decoration: none; color: #fff; }
.btn-toggle-nav a:hover, .btn-toggle-nav a:focus, .btn-toggle-nav a.menu-selected { background-color: #a0adb3; color: #333; }
.subMenu ul li a { padding-left: 45px; }
.subMenu ul li a:hover, .subMenu ul li a:focus, .subMenu ul li a.sec-menu-selected { background-color: #d6e2e7; color: #333; }
.btn-toggle-nav li .active>a { background-color: #a0adb3; color: #333; }
.subMenu ul li a { padding-left: 45px; }
.subMenu ul li a:hover, .subMenu ul li a:focus { background-color: #d6e2e7; color: #333; }
.scrollarea { overflow-y: auto; }
.fw-semibold { font-weight: 600; }
.user-profile-drop { margin-top: 12px !important; }
.subMenu ul { padding: 0; }

/* Side bar CSS ends  */
@media (max-width:850px) {
    .body-container { padding-left: 0; }
    .body-container .left-nav-container { margin-left: -200px; }
    .body-container .left-nav-container.active { margin-left: 0 !important; }
}
@media (max-width:990px) {
    .login .nav-item { margin: 0; }
    .login .nav-link { padding: 10px; color: #fff; }
    .navbar-collapse.login { background-color: #3a4a51; margin-top: 5px; border-radius: 5px; }
    .body-container { padding-left: 0; }
}
@media (max-width:1200px) {
    .announce-container { margin-top: 30px; }
}
@media (max-width:1400px) {
    .login-form-container { width: 40%; }
}
@media (max-width:950px) {
    .login-form-container { width: 50%; }
}
@media (max-width:767px) {
    .login-form-container { width: 90%; top: 10% }
}
@media (min-width:350px) and (max-width:600px) {
    .login-form-container { width: 90%; }
}

/* Enrollments Page */
.nav-tabs.lw { border-color: transparent; }
.nav-tabs.lw .nav-link { color: #474747; padding: 7px; }
.nav-tabs.lw .nav-link.active, .nav-tabs.lw .nav-item.show .nav-link, .nav-tabs.lw .nav-link:hover, .nav-tabs.lw .nav-link:focus { background: rgb(244, 121, 33); background: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); color: #fff; border-bottom: #f47921; }
.lw.tab-content { margin-top: -1px; border-top: 1px solid #f47921; border-bottom: 1px solid #fff; background-image: linear-gradient(#f47921, #fff), linear-gradient(#f47921, #fff); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; padding: 10px; background-color: #fff; border-radius: 5px; margin-bottom: 25px; }
.card.tab-card { margin-top: 2px; }
.lw .boxWrap { background-color: #f5f9db; border-radius: 0.375rem; padding: 0.25rem; margin-bottom: 1.2rem; color: #5e5d5d; font-size: 0.95rem; }
.boxWrap .caption { padding: 0.25rem 0; font-weight: bold; }
.boxWrap .divider { display: inline-block; position: relative; top: -1px; }
.boxWrap .btn-info { background: rgb(244, 121, 33);  color: #fff; border-color: transparent; border-radius: 0.3rem; padding: 0.25rem 1rem; font-size: 0.9rem; }  /* background-image: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); */
.boxWrap .start { margin-top: 0.7rem; text-align: center; }
.lw .ViewMore { text-align: right; }
.lw .ViewMore .btn-light { background: #fff; color: #474747; border-color: #f47921; border-radius: 0.3rem; padding: 0.25rem 0.5rem; font-size: 0.9rem; }
.ViewMore .btn:focus, .boxWrap .btn:focus, .lw .page-link:focus { box-shadow: none; }

/* Enrollments List View */
.lw.list-group { border-top: 1px solid #f47921; border-bottom: 1px solid #fff; background-image: linear-gradient(#f47921, #fff), linear-gradient(#f47921, #fff); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; padding: 10px; background-color: #fff; margin-bottom: 25px; margin-top: 5px; }
.lw .list-group-item { padding: 0.5rem; }
.list-group-item .boxWrap .start { text-align: left; }
.lw.list-group .boxWrap { margin-bottom: 0; }
.lw .pagination .page-link { font-size: 0.9rem; }
.lw .page-link.active, .active > .page-link { background: transparent; border: 1px solid #d0d6a8; color: #f47922; font-weight: 600; }
.page-link { border-color: #d0d6a8; color: #93af19; }
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after { color: #f47a22; font-size: 1.3rem; }
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before { color: #f47a22; font-size: 1.3rem; }
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after { opacity: .8; }
.lw .list-group-item-action:hover, .list-group-item-action:focus { background-color: transparent; }
.lw.list-group.admin-list-group img.lv-img { object-fit: cover; border-radius: 0; max-height: 160px; max-width: 200px; min-height: 100px; min-width: 0; /* height: 0; */ }
.list-group-item p { margin-bottom: 5px; }
.lw .ViewMore a:hover { background-image: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); color: #fff; }
@media (max-width:767px) {
    .card.tab-card { border: 1px solid #ff7100; margin-top: 2px; }
}
.calenderPin { font-size: .9rem; margin: 3px 10px 0; position: relative; float: left; }
.calenderPin .calenderIcon { height: 19px; min-width: 20px; background: url('../assets/img/template/calendar-icon.png') left center no-repeat; padding-left: 26px; display: block; margin: 2px 3px 0 0; cursor: pointer; color: #3e4a51; }
.calenderPin .calenderIcon:hover, .calenderPin .calenderIcon:focus { background-image: url('../assets/img/template/calendar-hover.png'); }
.calenderPin i { font-size: 1.2rem; font-weight: 600; }
#datepicker { display: none; float: right; }
.ui-datepicker-trigger { cursor: pointer; position: relative; padding: 0 65px 0 0; z-index: 2; }

/* .calenderPin:after{position: absolute; content: 'Calendar'; right: 0; top: 2px; } */

/* Form Page */
.contact-bg { width: 100%; height: 100vh; background: url(../assets/img/template/form-bg.png) top center no-repeat; background-size: cover; background-attachment: fixed; position: relative; }
.contact-form-wrap { position: absolute; z-index: 1031; top: 12%; width: 35%; right: 1%; background: #fff; border-radius: 7px; padding: 1rem 1.5rem 0.25rem; border: 1px solid #f5a236; color: #474747; display: none; }
.contact-form-wrap h2, .contact_laside h2 { font-weight: 600; padding-bottom: 0.5rem; margin-bottom: 20px; }
.contact-form-wrap .form-control { background-color: #e7e6e6; line-height: 1.75; }
.contact-form-wrap .btn { background: rgb(244, 121, 33); background: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); color: #fff; border-color: transparent; border-radius: 0.4rem; padding: 0.5rem 1.5rem; font-size: 0.9rem; font-weight: 600; }
.contact_laside { float: left; width: 100%; margin: 4.5rem 0 2.5rem 0; font-size: 1rem; position: relative; z-index: 3; }
.row-path1 { width: 42%; }
.row-path2 { width: 39%; }
.contact_laside p { font-size: 0.9rem; margin-bottom: 35px; }

/* New Update 08-08-22 */
.lw .listType { border: 1px solid #f08a3f; background-color: #fff; border-radius: 5em; font-weight: 600; padding: 0.75rem 1rem 0.75rem 3.75rem; position: relative; margin-bottom: 0.5rem; cursor: pointer; font-size: 0.85rem; }
.lw .listType.active, .lw .listType:hover, .lw .listType:focus { background: rgb(244, 121, 33); background: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); color: #fff; border-color: transparent; }
.lw .listType:before { content: ''; position: absolute; left: 18px; top: 3px; bottom: 0; background: url(../assets/img/Sprite/sprite.png) no-repeat center left; width: 22px; }
.lw .listType.active { cursor: default; }
.listType.KF:before { background-position: 0 center; width: 34px; }
.listType.SL:before { background-position: -88px center; width: 30px; }
.listType.ABL:before { background-position: -168px center; }
.listType.MApp:before { background-position: -232px center; top: 0; }
.listType.VM:before { background-position: -296px center; width: 32px; }
.listType.reports:before { background-position: -380px center; }
.listType.LSC:before { background-position: -444px center; width: 34px; top: 8px; }
.listType.LSC { display: inline-block; margin: 0 auto; padding-right: 1.5rem; text-align: left; }
.listType.KF.active:before, .listType.KF:hover:before { background-position: -44px center; }
.listType.SL.active:before, .listType.SL:hover:before { background-position: -128px center; }
.listType.ABL.active:before, .listType.ABL:hover:before { background-position: -200px center; }
.listType.MApp.active:before, .listType.MApp:hover:before { background-position: -264px center; }
.listType.VM.active:before, .listType.VM:hover:before { background-position: -338px center; }
.listType.reports.active:before, .listType.reports:hover:before { background-position: -412px center; }
.listType.LSC.active:before, .listType.LSC:hover:before { background-position: -488px center; }
.userAcc { color: #384752; margin-top: 5px; }
.userAcc:hover, .userAcc:active { color: #f19838; }
.userAcc.show { color: #f19838; }
.imgblock .d-table { width: 100%; height: 100%; text-align: center; }
.lw.list-group img.lv-img { object-fit: cover; border-radius: 50%; max-height: 200px; max-width: 200px; min-height: 100px; min-width: 100px; height: 100vh; }
.ui-widget.ui-widget-content { top: 55px !important; }
.user-profile-drop { width: 260px; padding: 0; }
.user-profile-drop li { text-align: center; }
.user-profile-drop li .dropdown-item { background: #ff7300; padding: 5px 0 5px; font-size: .9rem; color: #fff; }
.user-profile-drop li .dropdown-item:hover { color: #333; }
.user-profile-drop li:last-child .dropdown-item { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #ffb477; }
.user-info { padding: 10px 0; }
.user-info img { border-radius: 50%; border: 1px solid #f47b22; }
.user-info-name { font-size: 0.9rem; color: #3e4a51; }
.user-info-position { font-size: .8rem; color: #3e4a51; }
.footer-container { background-color: #939698; color: #fff; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; }
.social-icons { font-size: 1.5em; width: 245px; background: #a0a3a4; margin: 7px; border-radius: 5px; padding: 5px 10px; float: right; }
.social-icons h5 { font-size: .7em; text-align: center; }
.table-container { margin-bottom: 25px; }
.footer-left-part { display: inline-block; }
.ftr-txt { font-size: 0.7rem; margin-left: 10px; }
.footer-links { display: inline-block; }
.footer-links ul { padding: 0; margin: 0; }
.footer-links ul li { list-style-type: none; display: inline-block; margin: 10px; }
.footer-links ul li a { color: #fff; font-size: 0.8rem; }
.footer-links ul li a:hover { color: #333; }
.sorting-label { font-size: 0.9em; }
.list-unstyled { margin-top: 5px; }

/* New Update 08-08-22 */
@media (max-width:992px) {
    .contact-form-wrap { width: 90%; left: 5%; right: 5%; }
    .listType.LSC { display: block; }
}
@media (max-width:767px) {
    .contact-form-wrap { width: 90%; left: 5%; right: 5%; }
    .listType.LSC { display: block; }
}
@media (max-width:700px) {
    .imgblock { display: none; }
    .social-icons { float: none; margin: 7px auto; }
    .ftr-txt { margin: 10px 0; }
}
@media (min-width:992px) {
    .responsive-tabs .nav-item { margin-right: 15px; }
}
@media (max-width:767.98px) {
    .contact-bg:after { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: 0.8; z-index: 1; }
    .row-path2 { width: 40%; }
    .contact_laside p { font-size: 0.8rem; }
}
@media (max-width:576px) {
    .contact_laside { font-size: 0.5rem; }
    .row-path1 { width: 100%; }
    .row-path2 { width: 100%; }
    .contact_laside h2 { font-size: 2.3em; }
}
@media (min-width:577px) {
    .contact_laside { font-size: 0.5rem; }
    .row-path1 { width: 70%; }
    .row-path2 { width: 67%; }
}
@media (min-width:768px) {
    .contact_laside { font-size: 0.5rem; }
    .row-path1 { width: 65%; }
    .row-path2 { width: 50%; }
}
@media (max-width:991.98px) {
    .logo { margin-top: 5px; }
}
@media (min-width:992px) {
    .contact_laside { font-size: 0.6rem; }
    .row-path1 { width: 100%; }
    .row-path2 { width: 56%; }
}
@media (min-width:1200px) {
    .contact_laside { font-size: 0.8rem; }
    .row-path1 { width: 55%; }
    .row-path2 { width: 52%; }
}
@media (min-width:1400px) {
    .contact_laside { font-size: 1rem; }
    .row-path1 { width: 42%; }
    .row-path2 { width: 45%; }
}
@media only screen and (max-width:991px) and (min-width:577px) {
    .contact_laside h2 { font-size: 3em; }
}
@media only screen and (max-width:1025px) and (min-width:767px) {
    .contact_laside h2 { font-size: 3em; }
}
@media only screen and (max-width:1025px) and (min-width:980px) {
    .row-path2 .col-lg-6, .row-path2 .col-12 { width: 70%; }
    .listType.LSC { display: block; }
}
@media screen and (min-device-width:768px) and (max-device-width:833px) and (orientation:portrait) {
    .row-path2 { width: 41%; }
}
@media (max-width:1023px) {
    .top-right-contianer { width: 105px; margin-top: 8px; }
    .right-menu ul li span { display: none; }
    .search-container { margin-left: 10%; }
}
@media (max-width:640px) {
    .top-right-contianer { width: auto; }
    .search-container, .calenderPin span, .calenderPin:after { display: none; }
    .calenderPin .calenderIcon { text-indent: -999em; padding-left: 0; }
    .top-right-area { width: auto; }
    .calenderPin { margin: 3px 12px 0; }
    .ui-datepicker-trigger { padding: 0; }
}

/* New Update 11-Aug-22 */

/* Register Page Begin */
.lw_register .carousel-inner { border-radius: 10px; }
.nav-link.active { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); }
.lw_register { width: 100%; height: 100vh; background: url('../assets/img/template/register-bg.png') top center no-repeat; background-size: cover; position: relative; }
.lw_register .carousel { padding: 0; }
.lw_register .carousel-caption { top: 50%; left: 6%; width: 40%; bottom: auto; color: #fff; font-size: 1rem; transform: translate(0, -50%); }
.lw_register .carousel-caption h5 { font-size: 2em; margin-bottom: 0.9em; }
.lw_register .carousel-caption p { font-size: 1.2em; }
.lw_register .carousel-control-prev-icon, .lw_register .carousel-control-next-icon { width: 2.1rem; height: 2.1rem; background-image: none; background-color: #fff; border-radius: 50%; border: 2px solid #f47921; position: relative; }
.lw_register .carousel-control-prev-icon { left: -12px; }
.lw_register .carousel-control-next-icon { right: -12px; }
.carousel-control-prev i, .carousel-control-next i { color: #f47921; font-size: 1.8rem; }
.lw_register .carousel-control-prev-icon:before, .lw_register .carousel-control-next-icon:before { content: ''; position: absolute; background-color: #fff; border-radius: 50%; left: -7px; right: -7px; bottom: -7px; z-index: -1; top: -7px; }
.lw_register .lw.tab-content { border: 1px solid #c0c0c1; background-image: none; overflow: hidden; }
.lw_register .tab-content .card-body { padding: 0; margin: 10px 0; overflow: hidden; }
.scrollbar { float: left; height: 520px; overflow-y: scroll; }
.scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #fde4d3; border-radius: 16px; }
.scrollbar::-webkit-scrollbar { width: 6px; background-color: #fde4d3; }
.scrollbar::-webkit-scrollbar-thumb { border-radius: 16px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(240, 155, 64)), color-stop(0.72, rgb(242, 140, 50)), color-stop(0.86, rgb(244, 121, 33))); }
.force-overflow { min-height: 450px; }
#user-img-icon .fa-user-circle-o { font-size: 7rem; color: #999; margin: 20px 0 0px; }
.picks { list-style: none; margin: 0; padding: 0 5px; display: flex; flex-wrap: wrap; }
.picks .boxWrap { font-size: 1rem; padding: 2px 2px 0; }
.picks .active .boxWrap { background-color: #bdd70d; }
.picks li { flex: 20%; max-width: 20%; padding: 0 5px; }
.boxWrap .cap_txt { padding: 8px; }
.picks .imgWrap { position: relative; margin-bottom: 5px; }
.popular, .profile, .rating { position: absolute; }
.recent .imgWrap:before { content: ""; position: absolute; left: -12px; top: -1px; background: url('../assets/img/New.png') top left no-repeat; width: 25px; height: 26px; z-index: 3; }
.popular { left: 0; top: 0; color: #5e5d5d; background-color: rgba(255, 255, 255, 0.9); padding: 1px 12px 1px; border-radius: 6px 0 6px 0; }
.popular span { font-size: 0.7em; position: relative; top: -1px; }
.popular i { font-size: 0.8em; padding-right: 5px; color: #d21a38; }
.picks .profile { background-color: #bdd70d; border-radius: 50%; height: 24px; width: 24px; bottom: -9px; left: 7px; text-align: center; line-height: 26px; }
.picks .rating { background-color: #bdd70d; border-radius: 6px; bottom: -10px; left: 38px; padding: 1px 5px; }
.rating span { padding: 0 1px 0 4px; font-size: 0.7em; position: relative; top: -1px; }
.picks .caption, .picks .txt { font-size: 0.88em; margin: 0; }
.picks .LD { padding: 0 4px; display: table; width: 100%; position: relative; font-size: 0.8em; }
.picks .LD:before { content: ""; position: absolute; left: -2px; right: -2px; height: 1px; background-color: #dbdedf; }
.picks .LD>div { padding: 8px 4px; display: table-cell; text-align: center; }
.LD .language { border-right: 1px solid #dbdedf; }
li.active .LD:before { background-color: #9ca2a6; }
li.active .language { border-right: 1px solid #9ca2a6; }
li.active .rating, li.active .profile { background-color: #ecf1d7; }
.recent .popular i { padding-left: 6px; }
.recent .popular span { color: #d21a38; }
@media (min-width:768px) {
    .lw_register .carousel-caption { font-size: 0.5rem; }
}
@media (min-width:951px) {
    .lw_register .carousel-caption { font-size: 0.6rem; }
    .picks li { flex: 25%; max-width: 25%; }
}
@media (min-width:1200px) {
    .lw_register .carousel-caption { font-size: 0.8rem; }
    .picks li { flex: 25%; max-width: 25%; }
}
@media (min-width:1400px) {
    .lw_register .carousel-caption { font-size: 1rem; }
    .picks li { flex: 20%; max-width: 20%; }
}
@media (max-width:1090px) {
    .picks li { flex: 33.333%; max-width: 33.333%; }
}
@media (max-width:767px) {
    .picks li { flex: 50%; max-width: 50%; }
    .lw_register .tab-content .card-body { margin: 10px 5px; }
    .lw_register .carousel-control-prev-icon, .lw_register .carousel-control-next-icon { width: 1.5rem; height: 1.5rem; }
    .lw_register .carousel-control-prev-icon:before, .lw_register .carousel-control-next-icon:before { left: -4px; right: -4px; bottom: -4px; z-index: -1; top: -4px; }
    .carousel-control-prev i, .carousel-control-next i { font-size: 1.5rem; line-height: 1.2rem; }
    .lw_register .carousel-control-prev-icon { left: 0px; }
    .lw_register .carousel-control-next-icon { right: 0px; }
    .carousel-indicators [data-bs-target] { width: 8px; height: 8px; }
}
@media only screen and (max-width:981px) and (min-width:951px) {
    .picks .boxWrap { font-size: 0.95rem; }
}
@media only screen and (max-width:835px) and (min-width:768px) {
    .boxWrap .cap_txt { font-size: 0.9rem; }
    .picks .LD { font-size: 0.75em; }
}
@media (min-width:350px) and (max-width:600px) {
    .picks li { flex: 100%; max-width: 100%; }
}

/* Register Page End */

/* New Update 25-Aug-22 */

/* Form-List Page Begin */
.form-list { background-color: rgba(242, 247, 253, 0.95); padding: 0; margin: 28em 0 0; float: left; width: 100%; clear: both; position: relative; z-index: 3; }
.txtImg_box { border-top: 1px solid #c5d9e4; padding: 1.4rem 0 1rem; }
.txtImg_box .container { display: table; }
.txtImg_box:first-child { border-top: none; }
.txtImg_box:nth-child(even) { background-color: #fff; }
.textbox, .imgbox { display: table-cell; vertical-align: middle; padding: 1rem; }
.imgbox { text-align: center; }
.textbox { font-size: 0.9rem; width: 65%; padding-right: 2rem }
.imgleft { text-align: left; }
.imgright { text-align: right; }
.textbox .title { color: #f47a22; font-size: 1.25em; font-weight: 600; margin-bottom: 10px; }
.textbox ul { list-style-type: circle; }
.textbox ul li ul { list-style-type: square; margin-bottom: 5px; }
.textbox li { padding-bottom: 8px; }
.textbox ul li ul li { padding: 6px 0 0; }
#scrollTop { display: none; position: fixed; bottom: 12px; right: 12px; z-index: 99; font-size: 2.5rem; border: none; outline: none; cursor: pointer; padding: 4px; color: #f68e3c; background-color: transparent; }
#scrollTop:hover i { color: #3e4a51; }
@media (min-width:768px) {
    .textbox { width: 52%; }
}
@media (min-width:951px) {
    .textbox { width: 55%; }
}
@media (min-width:1200px) {
    .textbox { width: 65%; }
}
@media screen and (min-device-width:768px) and (max-device-width:833px) and (orientation:portrait) {
    .textbox { width: 50%; }
}
@media (max-width:767.98px) {
    .txtImg_box .container { display: flex; flex-direction: column; }
    .col-reverse .container { flex-direction: column-reverse; }
    .textbox { width: 100%; font-size: 0.8rem; padding-right: 1.2rem; }
    .imgbox { padding-bottom: 0; }
    .imgbox img { max-width: 45%; }
}
@media (min-width:350px) and (max-width:600px) {
    .imgbox img { max-width: 50%; }
    .body-container .left-nav-container { position: absolute; z-index: 1031; }
}
.form-group.required .control-label:after { content: "*"; color: red; }
.container h3 { font-size: 1rem; margin: 9px 0 0; }
.fa-sign-in { padding-right: 6px; }
.right-body-container> .row { padding: 5px; }
.modal-body { max-height: calc(100vh - 190px); overflow-y: auto; }
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus { color: #444; background: #f7f7f7 }
.nav-tabs-custom { margin-bottom: 20px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px }
.nav-tabs-custom>.nav-tabs { margin: 0; border-bottom-color: #f4f4f4; border-top-right-radius: 3px; border-top-left-radius: 3px }
.nav-tabs-custom>.nav-tabs>li { border-top: 3px solid transparent; margin-bottom: -2px; margin-right: 5px }
.nav-tabs-custom>.nav-tabs>li>a { color: #444; border-radius: 0 }
.nav-tabs-custom>.nav-tabs>li>a.text-muted { color: #999 }
.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover { background: transparent; margin: 0 }
.nav-tabs-custom>.nav-tabs>li>a:hover { color: #999 }
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active { border-color: transparent }
.nav-tabs-custom>.nav-tabs>li.active { border-top-color: #aec808 }
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a { background-color: #fff; color: #444 }
.nav-tabs-custom>.nav-tabs>li.active>a { border-top-color: transparent; border-left-color: #f4f4f4; border-right-color: #f4f4f4 }
.nav-tabs-custom>.nav-tabs>li:first-of-type { margin-left: 0 }
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a { border-left-color: transparent }
.nav-tabs-custom>.nav-tabs.pull-right { float: none !important }
.nav-tabs-custom>.nav-tabs.pull-right>li { float: right }
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type { margin-right: 0 }
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a { border-left-width: 1px }
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a { border-left-color: #f4f4f4; border-right-color: transparent }
.nav-tabs-custom>.nav-tabs>li.header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444 }
.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon, .nav-tabs-custom>.nav-tabs>li.header>.ion { margin-right: 5px }
.nav-tabs-custom>.nav-tabs>li.active a { background-color: #efefef; }
.nav-tabs-custom>.tab-content { background: #fff; padding: 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.nav-tabs-custom .dropdown.open>a:active, .nav-tabs-custom .dropdown.open>a:focus { background: transparent; color: #999 }
.nav-tabs-custom.tab-primary>.nav-tabs>li.active { border-top-color: #aec808 }
.nav-tabs-custom.tab-info>.nav-tabs>li.active { border-top-color: #00c0ef }
.nav-tabs-custom.tab-danger>.nav-tabs>li.active { border-top-color: #dd4b39 }
.nav-tabs-custom.tab-warning>.nav-tabs>li.active { border-top-color: #f39c12 }
.nav-tabs-custom.tab-success>.nav-tabs>li.active { border-top-color: #00a65a }
.nav-tabs-custom.tab-default>.nav-tabs>li.active { border-top-color: #d2d6de }
.form-group { margin-bottom: 15px; }
.input-group { margin-left: 5px; }
.container-fluid h3, .container-fluid h4 { font-size: 1rem; margin: 9px 0 0; }

/**filter section**/
.filterPanel { padding: 0 12px; border-bottom: 1px solid #eaeaea; }
.m10 { margin: 10px 0; }
.searchBox { border: 0; border-bottom: 1px solid #c7c7c7; width: 100%; height: 30px; padding: 0 40px 0 10px; font-size: 12px; }
.search-btn { top: 0; height: 30px; margin: 0; right: 20px; border: 0; width: 30px; padding: 0; background: url('../images/listview/search.png') center no-repeat; }
.filterPanel .split { line-height: 50px; display: inline-block; cursor: pointer; width: 48%; padding: 0 0; text-align: center; }
#wrapper .dropdown-toggle span { width: 16px; display: inline-block; margin-left: 5px; }
#wrapper .dropdown-toggle span.caret { width: 0; }
.sort-icon { background: url(../images/listview/sort.png) center no-repeat; }
.filter-icon { background: url(../images/listview/filter.png) center no-repeat; }
.split.open { background: #b0cd3f; color: #fff; }
.split:hover .sort-icon { background: url(../images/listview/sort_hover.png) center no-repeat; }
.split.open:hover .sort-icon, .open .sort-icon { background: url(../images/listview/sort_active.png) center no-repeat; }
.split:hover .filter-icon { background: url(../images/listview/filter_hover.png) center no-repeat; }
.split.open:hover .filter-icon, .open .filter-icon { background: url(../images/listview/filter_active.png) center no-repeat; }
#wrapper ul.dropdown-menu { float: right; left: auto; right: 18px; width: 380px; color: #546777; font-size: 12px; text-align: right; margin: 0; border-radius: 0; border-color: #eaeaea; cursor: default; }
#wrapper .dropdown-menu li { float: left; line-height: 20px; margin: 5px 0 5px 0; width: 100%; border-bottom: 1px solid transparent; }
#wrapper .dropdown-menu li.search-choice { line-height: 13px; margin: 6px 0 3px 5px; width: auto; border-bottom: 1px solid #cccccc; }
#wrapper .dropdown-menu li.search-field { margin: 0; width: auto; border: none; }
.chosen-container .chosen-results { max-width: 500px; text-align: left; }
#wrapper ul.dropdown-menu.minidpmenu { width: 160px; right: -40px; color: #546777; text-align: center; border: 1px solid #eaeaea; padding: 8px 10px; top: 20px; }
#wrapper ul.dropdown-menu.minidpmenu li { margin: 0; }
#wrapper ul.dropdown-menu.minidpmenu a { padding: 5px 10px; text-transform: capitalize !important; color: #546777; border-bottom-color: transparent; }
span.fl-1 { float: left; width: 150px; padding: 0 15px; }
span.fl-2 { float: left; width: 250px; }
.fl-2 input { width: 100%; border: 1px solid #e8e5e5; padding: 2px 10px; }
span.fl-3 { float: left; width: 100px; text-align: left; }
.filter> .dropdown-menu button { padding: 0; width: 88px; border-radius: 3px; line-height: 25px; margin: 1px 0; font-size: 12px; }
#wrapper ul.spl-sort { width: 230px; right: 98px; }

/** choosen container **/
.chosen-container.chosen-with-drop .chosen-drop { left: 0; right: 0; }
.chosen-container .chosen-drop { background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); left: -9000px; margin-top: -1px; position: absolute; top: 100%; z-index: 1060; }
.chosen-container-multi .chosen-choices .search-choice .search-choice-close { background: rgba(0, 0, 0, 0) url("../images/chosen-sprite.png") no-repeat scroll right top; cursor: pointer; display: block; font-size: 1px; height: 10px; position: absolute; right: 4px; top: 5px; width: 12px; }
.chosen-container { display: inline-block; font-size: 14px; position: relative; vertical-align: middle; }
.chosen-container .chosen-results li.active-result { cursor: pointer; display: list-item; }
.chosen-container .chosen-results li { display: none; line-height: 1.42857; list-style: outside none none; margin: 0; padding: 5px 6px; }
* { box-sizing: border-box; }
.chosen-container .chosen-results { color: #555555; overflow-y: scroll; max-height: 175px; }
.chosen-container-multi .chosen-choices { background-color: #ffffff; border: 1px solid #cccccc; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); cursor: text; height: auto !important; height: 1%; margin: 0; overflow: hidden; padding: 0; position: relative; }
.chosen-container-multi .chosen-choices li { float: left; list-style: none; }
.chosen-container-multi .chosen-choices .search-field { margin: 0; padding: 0; white-space: nowrap; }
.chosen-container-multi .chosen-choices .search-field input[type="text"] { background: transparent !important; border: 0 !important; -webkit-box-shadow: none; box-shadow: none; color: #555555; height: 32px; margin: 0; padding: 4px; outline: 0; }
.chosen-container-multi .chosen-choices .search-field .default { color: #999; }
.chosen-container-multi .chosen-choices .search-choice { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color: #eeeeee; border: 1px solid #cccccc; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #333333; cursor: default; line-height: 13px; margin: 6px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; }
.chosen-container-multi .chosen-choices .search-choice .search-choice-close { background: url("../images/chosen-sprite.png") right top no-repeat; display: block; font-size: 1px; height: 10px; position: absolute; right: 4px; top: 5px; width: 12px; cursor: pointer; }
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover { background-position: right -11px; }
.chosen-container-multi .chosen-choices .search-choice-focus { background: #d4d4d4; }
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close { background-position: right -11px; }
.chosen-container-multi .chosen-results { margin: 0 0 0 0; padding: 0; }
.chosen-container-multi .chosen-drop .result-selected { display: none; }
.chosen-container-active .chosen-choices .search-field input[type="text"] { color: #111 !important; }
.chosen-container-active.chosen-with-drop .chosen-choices { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.chosen-disabled { cursor: default; opacity: 0.5 !important; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }
.chosen-rtl { text-align: right; }
.chosen-rtl .chosen-choices .search-field input[type="text"] { direction: rtl; }
.chosen-rtl .chosen-choices li { float: right; }
.chosen-rtl .chosen-choices .search-choice { margin: 6px 5px 3px 0; padding: 3px 5px 3px 19px; }
.chosen-rtl .chosen-choices .search-choice .search-choice-close { background-position: right top; left: 4px; right: auto; }
.chosen-rtl .chosen-results .group-option { padding-left: 0; padding-right: 15px; }
.chosen-rtl .chosen-search input[type="text"] { background: url("../images/chosen-sprite.png") no-repeat -28px -20px, #ffffff; direction: rtl; padding: 4px 5px 4px 20px; }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:144dpi) {
    .chosen-rtl .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; }
}

/*datepicker*/
#mycalendarHome { position: fixed; z-index: 111; top: 55px; right: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fad497; background-image: linear-gradient(#fff, #fad497), linear-gradient(#fff, #fad497); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; background-color: #fff; border-radius: 5px; padding: 5px; width: 360px; }
#mycalendarHome .fc-toolbar h2 { font-size: 1rem; padding-top: 8px; }
#mycalendarHome .fc-toolbar.fc-header-toolbar { margin-bottom: 0.5em; }
#mycalendarHome .fc-state-default { background-color: #f47a21; background-image: none; color: #fff; }
#mycalendarHome .fc-state-disabled { color: #333; background-color: #e6e6e6; background-image: none; }
#mycalendarHome .fc-state-active, #mycalendarHome .fc-state-down { background: rgb(244, 121, 33); background-image: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); color: #fff; }
#mycalendarHome .fc-day-grid-event { background: #fff !important; border: 1px solid #f47921 !important; padding: 5px; color: #474747; }
#mycalendarHome .fc-day-number { float: none; display: block; text-align: center; }
#mycalendarHome .fc-basic-view .fc-body .fc-row { min-height: auto; }

/*Course List Tab*/
.courselist-checkbox, .userlist-checkbox { display: none; }
.courselist-label, .userlist-label { display: block; position: relative; /*z-index: 1;*/ }
.courselist-checkbox:checked + .courselist-label .boxWrap, .userlist-checkbox:checked + .userlist-label .boxWrap { position: relative; z-index: 2; }
.courselist-checkbox:checked + .courselist-label:before, .userlist-checkbox:checked + .userlist-label:before { content: ""; position: absolute; top: -0.5rem; left: -0.5rem; right: -0.5rem; bottom: -0.5rem; border: 0.5rem solid #bdd70d; }
.course-select-wrap { z-index: 999; position: fixed; background-color: #414e56; border-top: 4px solid #bdd70d; bottom: -70px; left: 0; right: 0; text-align: center; padding: 15px 0; transition: all .2s ease-out; color: #fff; }
.course-select-wrap.show { bottom: 0px; }
.course-select-wrap .btn { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border: 0; border-radius: 5px; }

/* Site Configuration CSS */
.site_config { max-width: 230px; padding: 0;  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } /** background-color: #414e56; */
.site_config .left_col { padding: 0 0.75rem; }
.site_config .left_col, .site_config_nav_title { /* background-color: #414e56 !important; */ }
.site_config_nav_title { margin-top: 10px; }
.site_config a { color: #fff !important; font-size: .9rem; padding: 0.375rem 0; display: flex; cursor: pointer; word-break: break-word; }
.site_config .input-group { margin: 0; }
.site_config .fa { margin-right: 7px; align-self: center !important; color: #fff !important; }
.site_config span.fa { margin-left: auto; margin-right: 0; }
.menu_section { margin-top: 5px; }
.site_config_nav.side-menu>li>a { margin-bottom: 5px; }
.site_config_nav { display: block; }
.site_config_nav.side-menu>li { position: relative; display: block; }
.site_config_nav.child_menu { display: none; margin-bottom: 8px; }
.site_config_nav>li>a:hover, .site_config_nav>li>a:active, .site_config_nav>li>a:focus, .site_config_nav>li.active>a { background: inherit !important; }
.site_config .site_config_nav.side-menu>li.active, .site_config .site_config_nav.side-menu>li.current-page { border-right: none; }
.site_config_nav.child_menu li { padding-left: 23px; position: relative; }
.site_config_nav.child_menu li:before { background: #bbbec1 !important; bottom: auto; content: ""; height: 8px; left: 3px; margin-top: 15px; position: absolute; right: auto; width: 8px; z-index: 1; border-radius: 50%; }
.site_config_nav.child_menu li:after { border-left: 1px solid #bbbec1; bottom: 0; content: ""; left: 7px; position: absolute; top: 0; }
.site_config_nav.child_menu>li>a { font-size: .85rem; }
.site_config .form-control { font-size: 0.9rem; padding: 0.25rem 0.75rem; }

/* Modal Window CSS */
.modal .tab-content { border-top: 1px solid #f47921; border-bottom: 1px solid #fff; background-image: linear-gradient(#f47921, #fff), linear-gradient(#f47921, #fff); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; padding: 10px; background-color: #fff; border-radius: 6px; margin: 0 0 20px; }
.modal .modal-header { background-color: #3e4a51 !important; color: #fff; }
.modal-header .btn-close { background: url("../assets/img/template/close-icon.png") center no-repeat; background-size: cover; border-radius: 0; opacity: 0.75; }
.modal-header .btn-close:hover { opacity: 1; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .modal .btn:hover { color: #fff; }
.modal .modal-content { border-top: 1px solid #fff; border-bottom: 1px solid #f47921; background-image: linear-gradient(#fff, #f47921), linear-gradient(#fff, #f47921); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; border-width: 1px 0; }
.modal .nav>li>a:hover, .modal .nav>li>a:active, .modal .nav>li>a:focus, .modal .nav-tabs>li.active>a:hover, .modal .nav-tabs>li.active>a:focus, .modal .nav-tabs>li.active>a { color: #fff; background: inherit; }
.modal .nav>li>a:hover, .modal .nav>li>a:active, .modal .nav>li>a:focus, .modal .nav-tabs>li.active>a:hover, .modal .nav-tabs>li.active>a:focus, .modal .nav-tabs>li.active>a
.modal .nav-tabs .nav-link.active, .modal .nav-tabs .nav-link:hover { transition: inherit; }
.modal .nav-tabs { border: none; }
.nav-tabs>li.nav-link.active>a:focus, .nav-tabs>li.nav-link.active>a:hover { border: none !important; }
.modal .modal-title { font-size: 1.2rem; }
.modal .tablebox-body .table { background-color: #f0f4d6; }
.modal .nav-tabs .nav-link.active { border-bottom: 1px solid #f47921; }
.modal .nav-item .nav-link.active { border-bottom: none; }
.modal .nav .nav-link.active, .modal .nav-item .nav-link.active, .modal .nav-link.active a, .modal .nav-link.active a:focus, .modal .nav-item .nav-link.active:focus { color: #fff; }
.modal .nav .nav-link, .modal .nav .nav-link a, .modal .nav-tabs li.nav-item a, .modal .nav-tabs li.nav-item a:focus, .modal .nav-item .nav-link:focus { color: #333f48; }
.modal .tab-content .nav-tabs .nav-link:hover, .modal .tab-content .nav-tabs .nav-link:focus { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border-bottom: 1px solid #f47921; }
.modal .accordion-button:focus { box-shadow: none; }
.modal .accordion-item { background-color: #f4f4f4; }
.modal .accordion-item .panel-collapse { background-color: #ecf0d2; padding: 0.5rem 0 1rem; border-top: 1px solid #f47921; border-bottom: 1px solid #ecf0d2; background-image: linear-gradient(#f47921, #fff), linear-gradient(#f47921, #fff); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; border-radius: 6px; }
.modal .accordion-item .panel-collapse .table >:not(caption) > * > * { padding: 0.5rem .8rem; }
.modal .tab-content .tab-content { background-color: #f4f4f4; padding: 0.75rem 1rem; }
.modal .tab-content .tab-content .table tr { border-width: 1px 0 0; border-color: #fff; }
.modal .tab-content .tab-content .table tr:first-child { border-width: 0; }
.modal .table-bordered >:not(caption) > * > * { border-width: 0; }
.modal .accordion-item .accordion-button.collapsed, .modal .accordion-item:first-of-type { border-radius: 0.375rem; }
.modal .accordion-button:not(.collapsed) { color: #333f48; background-color: #fff; }
.modal .course-button { margin-top: 1rem; }
.modal .accordion-button::after { content: '\2212'; font-weight: bold; background: #fff; border-radius: 50%; border: 1px solid #f47e29; width: 36px; height: 36px; text-align: center; position: absolute; right: 0.5rem; font-size: 1.5rem; color: #f47922; line-height: 34px; }
.modal .accordion-button.collapsed::after { content: "\002B"; }
.modal .accordion-body a { color: #a0a3a4; }
.modal .accordion-body a:hover { color: #212529; }
.modal .btn-primary1 { margin-bottom: 5px; }
.modal .responsive-tabs .nav-item { margin-right: 8px; }
.modal .tab-content.modal-tabTxt { background-color: #f4f4f4; margin: 0; }
.modal-tabTxt .card { background-color: transparent; }
.modal-tabTxt .d-flex, .webex .d-flex { align-items: center; justify-content: center; margin-bottom: 0.5rem; }
.modal-tabTxt .d-flex .col-3, .webex .d-flex .col-3 { text-align: right; padding-right: 1rem; }
.modal-tabTxt, .modal-tabTxt .form-select { font-size: 0.95rem; }
.modal-tabTxt .form-check, .webex .form-check { display: inline-block; padding-right: 1rem; }
.modal-tabTxt input[type=checkbox], .modal-tabTxt input[type=radio], .webex input[type=checkbox], .webex input[type=radio] { border: 2px solid #fac29a; padding: 0.375rem; }
.modal-tabTxt .infoTxt { font-size: 0.8rem; color: #6c6d6d; }
.level2Btn { display: inline-block; font-size: 1rem; margin-top: 5px; }
.modal .accordion-body a.level2Btn { color: #fff; }
a.level2Btn[aria-expanded="true"] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-left: 5px; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; min-width: 225px; max-width: 325px; min-height: 100px; background-color: #fff; border-top: 1px solid #f47921; border-width: 1px 0 1px; background-image: linear-gradient(#f47921, #fff), linear-gradient(#f47921, #fff); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; border-radius: 5px; margin-left: 11px; font-size: 0.85rem; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); }
.editclass .popover { border-radius: 5px; }
.popover.right>.arrow { top: 50%; left: -21px; margin-top: -11px; border-bottom-color: rgba(0, 0, 0, .25); border-left-width: 0; border-width: 11px; }
.popover.right>.arrow:after { bottom: -11px; left: -10px; content: " "; border-bottom-color: #fff; border-left-width: 0; border-width: 10px; }
.popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover.right .popover-title { padding: 0.5rem 0.75rem; margin: 0; font-size: 0.85rem; background-color: #3e4a51; border-radius: 5px 5px 0 0; color: #fff; }
.popover-content { padding: 0.5rem 1rem; }
.popover.fade:not(.show) { opacity: 1; }
#popoverContent { min-width: 300px; margin-left: -85px !important; padding: 0; top: 8px !important; }
#popoverContwsedent_edit { min-width: 240px; max-width: auto; padding: 0; }
#popoverContent .arrow, #popoverContwsedent_edit .arrow { top: -12px; left: 50%; margin-left: -8px; }
.left-nav-container .btn-toggle-home { width: 100%; border-radius: 0%; padding: 10px 5px 10px 38px; font-size: .85rem; }
.btn-toggle-home { display: inline-flex; align-items: center; padding: .25rem .5rem; color: #fff; background-color: transparent; border: 0; }
.btn-toggle-home:hover, .btn-toggle-home:focus { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border-radius: 0; }
.btn-toggle-home::after, .subMenu::before { width: 16px; height: 16px; line-height: 0; content: ''; transition: transform .35s ease; transform-origin: .5em 50%; position: absolute; right: 10px; }

/*Details-Image Info*/
.details-image { border: 1px solid #9b9b9b; border-radius: 5px; overflow: hidden; position: relative; background-size: cover; background-position: center; }
.details-image .details-icon { background-color: rgba(255, 255, 255, 0.9) !important; position: absolute; width: 100%; bottom: 0px; font-size: 0.85rem; border-top: 1px solid #9b9b9b; }
.details-image .details-icon .fa { font-size: 1rem; }
.details-image .details-icon .row { border-bottom: 1px solid #9b9b9b; }
.details-image .details-icon .row>div { border-left: 1px solid #9b9b9b; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.details-image .details-icon .row:last-child, .details-image .details-icon .row>div:first-child { border: none; }

/* Manage Course */
.noteTxt { border-bottom: 1px solid #c5c8ca; padding-bottom: 0.75rem; margin: 0.75rem 0 1rem; }
.modal .tab-content.modal-formgroup { border-top: 1px solid #f47921; border-bottom: 1px solid #e7e7e7; background-image: linear-gradient(#f47921, #e7e7e7), linear-gradient(#f47921, #e7e7e7); background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; padding: 1.5rem 0.75rem; background-color: #e7e7e7; border-radius: 6px; margin: 0; }
.modal .fb { border: 1px solid #f7a062; display: inline-block; background-color: #fff; font-size: 0.9rem; margin: 0.5rem 0; }
.modal .fb:hover { color: #111; }
.modal .form-control, .modal label { font-size: 0.9rem; }

/* Create Course */
.create-course li.btn { font-size: 0.85rem; height: max-content; margin-right: 0.15rem; padding: 0.2rem 0.5rem; }
.create-course .userlist-checkbox { display: none; }
.create-course .tickmark { display: none; color: #fff; font-weight: 600; }
.create-course .userlist-checkbox:checked + .tickmark { display: block; }

/*Change Password Form*/
.changePwd .login-form-container { top: 0; left: 50%; transform: translate(-50%, 0); width: 40%; position: relative; margin-bottom: 1rem; }

/*create curriculam course selection box*/
.course_list input.courselist-checkbox:checked + label.courselist-label .boxWrap { background-color: #bdd70d; }
.allcourses-checkbox:checked + .courselist-label .boxWrap { background-color: #bdd70d; }

/*Course Enroll*/
#navbar>.nav>li>a:hover, #navbar>.nav>li>a:active, #navbar>.nav>li>a:focus, .dropdown-menu > li > a:hover { background: transparent !important; }

/*webex Reports*/
.webex { background: #fff; border: solid 1px #e6e6e6; padding: 1rem; box-shadow: 0 1px 5px rgb(0 0 0 / 10%); margin: 1.5rem auto 1rem; border-radius: 0.5rem; }

/*Edit Role*/
.splitcol { column-count: 3; }

/*Create Course */
.btn-warning:hover { color: #111 !important; }
.modal .nav-tabs>li.nav-item>a:hover { background: rgb(244, 121, 33); background: linear-gradient(90deg, rgba(244, 121, 33, 1) 0%, rgba(240, 163, 64, 1) 100%); color: #fff; border-bottom: #f47921; }
.btn-primary1.show, .btn:focus, .btn-primary1:focus { color: #fff; }

/*Edit class*/
.nav-tabs li.editclass { align-items: center; display: flex; }
.nav-tabs li.editclass a { padding: 0.375rem }
.nav-tabs li.editclass a i.fa { color: #f47921; }

/*Glyphicon Show Icon*/
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.glyphicon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; color: #f47921; }
.glyphicon-chevron-down:before { content: "\f078"; }
.glyphicon-chevron-up:before { content: "\f077"; }

/*Glyphicon End*/

/*pagination for Mobile view*/
@media (max-width:767px) {
    .footer-container { position: relative; width: 100%; }
    .body-container .right-body-container { padding-bottom: 0; }
    .pagination { justify-content: center; }
    .lw .pagination .page-link { font-size: 0.85rem; padding: 0.35rem 0.275rem; }
    .page-item:first-child .page-link, .page-item:last-child .page-link { font-size: 0; height: 100%; min-width: 26px; }
    .page-item:first-child .page-link:before { content: "\f100"; font-family: FontAwesome; font-size: 1rem; left: 7px; position: absolute; top: 7px; }
    .page-item:last-child .page-link:before { content: "\f101"; font-family: FontAwesome; font-size: 1rem; left: 7px; position: absolute; top: 7px; }
}

/*Button hover change*/
.add_remove_btn, .add_optional_btn, .add_remove_btn:hover, .add_optional_btn:hover, #add-optional-btn, #add-remove-btn, #add-optional-btn:hover, #add-remove-btn:hover { color: #476bd7 !important; }

/*WEBEX COURSE REPORT*/
.pdf_size, #pdfoption { margin-right: 10px; }
.dt-buttons { margin: 0.5rem 0 0.75rem; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { margin-bottom: 0.5rem; }
.dataTables_wrapper table.dataTable thead th { font-size: 0.8rem; padding-left: 0.55rem; }

/*Enrolled Results*/
.table.enrolled { font-size: 0.9rem; }
.modal .table-bordered.enrolled >:not(caption) > * > * { border-width: 1px; }
.table-bordered.enrolled >:not(caption) > * > * { border-color: #dee2e6; }
.tickmark { display: none; }
.deliverytypename, .columngroupby { display: none; }
.btn.sort-btn:focus { color: #f47a21; }

/*Search Results*/
.search-result .tab-content { border: 1px solid #f47921; padding: 15px 10px; border-radius: 6px; margin: 0 0 10px; overflow: hidden; }
.search-result .nav-tabs { border: none; }
.search-result .nav-item { margin-left: 10px; }
.search-result .nav-link { color: #444; background: #f7f7f7; border: 1px solid #e9ecef; border-bottom: 1px solid #f47921; }
.search-result .nav-link.active { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border-bottom: 1px solid #f47921; }
.search-result .nav>li>a:hover, .search-result .nav>li>a:active, .search-result .nav>li>a:focus { color: #fff; background-image: linear-gradient(to right, #f47a21, #f0a340); border-bottom: 1px solid #f47921; }
.search-result a { color: #476bd7 }
.search-result a.btn { color: #fff; }

/*.carousel-item img{max-height: 260px;}*/
.carousel-item {height: 100%;}
.carousel-item img { height: 100%;}
/*Assessment Details*/
.row-offcanvas.active .btn-collapse { right: 0; margin-right: -8px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.row-offcanvas.active .btn-collapse i { transform: rotate(180deg); }
@media screen and (min-width:768px) {
    .row-offcanvas { position: relative; right: 25%; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .row-offcanvas.active { right: 0;    /* 3 columns */ }
    .row-offcanvas.active .assessment-content { width: 100%;    /* 12 columns */ }
    .row-offcanvas .assessment-content { width: 75%;    /* 9 columns */ float: right; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .row-offcanvas .sidebar-offcanvas { position: absolute; top: 0; width: 25%;    /* 3 columns */ right: -25%;    /* 3 columns */ }
}
@media screen and (max-width:767px) {
    .row-offcanvas { right: 0; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .row-offcanvas.active { right: 50%;    /* 6 columns */ }
    .sidebar-offcanvas { position: absolute; top: 0; width: 50%;    /* 6 columns */ right: -50%;    /* 6 columns */ }
}

/* styling the sidebar and the toggle button */
.assessment-content { position: relative; padding-left: 35px; padding-right: 35px; }
.sidebar { background: rgba(51, 122, 183, 0.09); padding: 10px 15px; margin-top: 10px; border-radius: 0 0 0 5px; }
.btn-collapse { position: absolute; padding: 3px 10px; border-radius: 5px 5px 0 0; top: 50px; right: 0; margin-right: -15px; background: rgba(51, 122, 183, 0.09); transform: rotate(-90deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.icon-para a { font-size: 25px; }
.row-offcanvas.active .btn-collapse { right: 0; margin-right: -8px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.row-offcanvas.active .btn-collapse i { transform: rotate(180deg); }
.clear { clear: both; }
.diff_type_notation_area_outer { background: #fff; font: Arial, Helvetica, sans-serif;    /* padding: 10px; */ padding-left: 9px; }
.diff_type_notation_area_inner { background: #fff; }
.notation_type_description { padding-bottom: 12px; }
.notation_type_description .notation_typeDiv.leftdiv_notation { width: 43%; }
.notation_type_description .notation_typeDiv { float: left; margin-top: 10px; }
.diff_type_notation_area_inner span.answered { background: #77BF22; float: left; line-height: 22px; margin-right: 10px; color: #fff; padding-top: 3px; }
.diff_type_notation_area_inner span.type_title { background: none; text-align: left; white-space: normal; }
.diff_type_notation_area_inner span.not_answered { background: #DD3C06; float: left; line-height: 22px; margin-right: 10px; color: #fff; padding-top: 3px; }
.diff_type_notation_area_inner span.not_visited { background: #E5E5E5; float: left; line-height: 22px; margin-right: 10px; padding-top: 3px; }
.diff_type_notation_area_inner span.review_answered { background: #f4aa42; float: left; line-height: 22px; margin-right: 10px; color: #fff; padding-top: 3px; }
.diff_type_notation_area_inner span.review { background: #79569B; float: left; line-height: 22px; margin-right: 10px; color: #fff; padding-top: 3px; }
.diff_type_notation_area_inner span { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1em; height: 30px; width: 30px; border-radius: 50%; }
.rightSectionDiv { width: 100%; clear: both; }
.diff_type_notation_area_outer .subheader { background: #fff; font-size: 1em; font-weight: bold; height: 26px; line-height: 26px; padding-left: 10px; }
.rightSectionDiv .subheader { background: #fff; font-size: 1em; font-weight: bold; height: 26px; line-height: 26px; padding-left: 10px; }
.rightSectionDiv .listcontent { background: #fff; }
.nano { position: relative; width: 100%; height: 150px; overflow: hidden; }
.nano-content { position: absolute; overflow-y: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.question_area { overflow: auto; font: 0.917em Arial, Helvetica, sans-serif; padding: 5px; }
.question_area span.not_answered { background: #DD3C06; color: #fff; }
.question_area span.not_visited { background: #E5E5E5; }
.question_area span.review_answered { color: #fff; background: #f4aa42; }
.question_area span.answered { color: #fff; background: #77BF22; }
.question_area span.review { color: #fff; background: #79569B; }
.question_area span { cursor: pointer; float: left; font-size: 1.317em; font-weight: normal; height: 40px; color: #474747; line-height: 40px; margin-bottom: 10px; margin-right: 5px; text-align: center; width: 40px; border-radius: 50%; }
.assessment-buttons { width: 70%; position: fixed; bottom: 0px; background-color: #fff; padding-top: 10px; }
.splitcol { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; }
.assessment-details-group { margin: 0 0 30px; border: solid 1px #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
.assessment-panel { background-color: #fff; }
.assessment-inner-panel { padding: 10px; }
.assessment-cover-container { border: solid 1px #aec808; }
.search-container input[type=text] { padding: 6px; font-size: 17px; border: none; }
.search-container button { float: right; padding: 6px 10px; margin-right: 16px; /* background: #ddd; */ font-size: 17px; border: none; cursor: pointer; }
.search-container button:hover { background: #ccc; }
.default-label { font-size: 75% !important; }
.assessment-group { padding-bottom: 20px; }
.course-details-bottom { position: absolute; width: 100%; bottom: 0px; background-color: #aec808; opacity: 0.8; padding: 10px 0px; color: #fff; }

/*override*/
.glyphicon-plus:before {
     content: "\f067";
}
.glyphicon-minus:before {
        content: "\f068";
}

/*Colorconfig Theme*/
.search-container .search-input{border: 1px solid #ccc; border-radius: 5px !important;}
.search-container .search-input:focus{background-color:#fff;}
.search-container .search-icon { background: #fff; width: 28px; height: 28px; line-height: 18px; border-radius: 50%; padding: 4px; border: 1px solid #ccc; }
.search-container button{ padding: 4px 8px 0;}
.search-container button:hover { background: none; }
.search-container .search-input:focus { background: transparent;}
.calenderPin .calenderIcon, .calenderPin .calenderIcon:hover, .calenderPin .calenderIcon:focus{background:transparent;}
.user-profile-drop li form{margin-bottom:0;}
.body-container{padding-top: 46px;}
/* .side-btn-toggle i{color: #cb1100;} */

/* learning-hours */
.learning-hours { background-color: #fff; border: 1px solid rgba(86, 61, 124, 0.15); margin-top: 7px; position: relative; padding: 12px 10px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.13);}
.learning-hours h5 {text-align: center; position: relative; margin:0 auto; font-size: 1.25rem; font-weight: 600; }
.learning-hours h5 span { position: relative; top: -6px; right: 6px; }
.item-col{display: flex; justify-content: center; align-items: center; gap: 10px;}
.itemInfo a{text-decoration: underline; font-size: 0.875rem; position: relative; top: 2px;}
.itemInfo .duration { font-weight: 700; font-size: 1.125rem; position: relative; top: 0px; }

/* accordion-header button */
.accordion-header .accordion-button{padding-right: 2.25rem;}
.accordion-header .modal .accordion-button::after{right: 0.25rem;}