/* manage to css */
.clear {
	clear: both
}

/* manage to css end */

/***************** header css ******************/

#page-my-course_catalog #common-search,
#common-search.tabbedSec {
	background: transparent;
	position: relative;
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	width: 60%;
	position: relative;
	left: 0px;
	top: 2px;
}

.arrow-bottom a {
	font-weight: bold;
	color: var(--link-color);
}

.header_search .right_header .notification_top {
	float: left;
	margin: 6px 17px 0 10px;
	position: relative;
}

.header_search .right_header .login_profile_container .logininfo-container .userpicture {
	width: 32px;
	float: left;
	height: 32px;
	margin-right: 10px;
	border-radius: 50%;
}

.header_search .right_header .login_profile_container .logininfo-container .pull-left {
	display: inline-block !important;
}

.arrow-bottom-icon {
	width: 18px;
	height: 18px;
	font-size: 18px;
	margin: 0 !important;
}

.profile-dropdown {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	position: absolute;
	display: none;
	min-width: 190px;
	right: -10px;
	top: 30px;
	margin: 0 !important;
	z-index: 999;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}

.profile-dropdown span.arrow {
	width: 18px;
	height: 10px;
	right: 10px;
	top: -20px;
	z-index: 99999;
	position: absolute;
}

.profile-dropdown li {
	float: left;
	width: 100%;
}

.profile-dropdown li a {
	width: 100%;
	padding: 4% 0;
	float: left;
	line-height: normal;
	text-transform: capitalize;
	font-family: "Lato", arial, sans-serif;
}

.login_profile_container .logininfo-container {
	display: inline-flex;
}

.login_profile_container .logininfo-container .arrow-bottom {
	white-space: nowrap;
}

.login_profile_container .logininfo-container>a {
	width: max-content;
}

/************************************ end of header css ***************************************/

/* Change the white to any color ;) */

.row-end {
	margin-right: 0;
	padding-right: 0;
}

.badge.badge-theme {
	background: var(--bs-primary);
}

.badge.badge-default {
	background: var(--bs-gray-400);
}

.badge.badge-primary {
	background: var(--bs-blue);
}

.badge.badge-success {
	background: var(--bs-green);
}

.badge.badge-info {
	background: var(--bs-info);
}

.badge.badge-warning {
	background: var(--bs-warning);
}

.badge.badge-danger {
	background: var(--bs-danger);
}

.promo-badge {
	display: table;
}

.promo-badge .percentage {
	position: relative;
	font-family: "open sans", arial, sans-serif;
}

.promo-badge .percentage .off {
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: -15px;
}

.img-thumbnail {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom: 15px;
}

#cboxLoadedContent,
#cboxContent {
	background: none;
}

.box.box-dark {
	background: var(--bs-gray-900);
	color: var(--bs-white);
}

.box.box-dark .col-md-9 {
	width: 100%;
	padding: 0;
}

.box .box_tree_box {
	padding: 0;
}

.boxwidthnormal,
.box.boxwidthwide {
	width: auto;
}

.box table td,
.box table th {
	padding: 5px;
}

.box>p:last-child {
	margin-bottom: 0;
}

.box.generalbox.formsettingheading {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.box.flush {
	background: none;
	margin-bottom: 0;
	padding: 0;
}

/*Profile Dropdown*/



.share {
	margin: 16px 0 0 0;
	position: relative;
	padding-left: 14px;
}

.share a.share-icon {
	width: 18px;
	height: 21px;
}

.share span.arrow {
	width: 18px;
	height: 10px;
	left: 20px;
	top: -10px;
	z-index: 99999;
	position: absolute;
}

.social-icons {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	position: absolute;
	display: none;
	width: auto;
	right: -20px;
	top: 35px;
	margin: 0 !important;
	z-index: 999;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}

.social-icons li {
	float: left;
	padding: 5px 12px;
}

.social-icons li.row-end {
	margin-right: 0;
}

.social-icons a {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	padding-top: 4px;
}

.social-icons a .fa:before {
	font-size: 18px;
	text-align: center;
	padding: 0;
}

.alert {
	text-shadow: none;
	text-align: center;
}

.alert .fa {
	font-size: 16px;
	margin-right: 5px;
}

.alert .title {
	font-weight: bold;
}

/* ======= Header ======= */

/*#page-login-index #page, #page-login-forgot_password #page{margin:57px auto 0;}*/

.pagelayout-print #page {
	margin-top: 0;
}

.pagelayout-print .col-md-9 {
	width: 100%;
}

#page-header .top-bar .logininfo {
	display: inline-block;
	font: 16px "Lato";
	margin-right: 5px;
	margin-top: 10px;
	text-transform: capitalize;
}

#page-header .top-bar .logininfo a:hover {
	/* color: #729dc2;*/
	text-decoration: underline;
}

#page-header .social-icons {
	margin-left: 0;
}

#page-header .social-icons li.row-end {
	margin-right: 0;
}

#page-header .social-icons a .fa:before {
	font-size: 26px;
	text-align: center;
	padding: 0;
}

#page-header .header-main {
	padding: 10px 0;
}

#page-header .header-main select.langmenu {
	float: right;
}

#page-header .info {
	width: 250px;
	float: right;
}

#page-header .header-widget {
	overflow: hidden;
}

#page-header .header-widget p {
	/*ip*/
	margin: 5px 0;
	float: left;
	line-height: 1;
	font-size: 14px;
	padding: 0 0 0 25px;
}

#page-header .contact {
	/*ip*/
	font-size: 14px;
	font-family: "open sans", arial, sans-serif;
	font-weight: 300;
}

#page-header .contact p {
	/*ip*/
	float: left;
	margin-bottom: 0;
	font-size: 14px;
}

#page-header .contact .fa {
	/*ip*/
	margin-right: 8px;
	font-size: 18px;
	position: relative;
	top: 1px;
}

#page-header .contact .fa.fa-phone {
	/*ip*/
	font-size: 22px;
	top: 2px;
}

#page-header .search-form {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#page-header .search-form .form-control {
	width: 260px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

.main-nav .container {
	min-width: inherit;
	width: auto;
}

.main-nav button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: none;
}

.main-nav button:focus {
	outline: none;
}

.main-nav .nav-collapse {
	padding: 0;
}

.main-nav .nav {
	float: right !important;
	/* DA 14/01/20 */
	margin: 0 !important;
	z-index: 1;
	padding: 0;
	min-width: 75%;
}

.main-nav .nav .langmenu .dropdown-menu {
	max-height: 400px;
}

.main-nav.outernav .nav {
	margin: 73px 0 0 !important;
}

.main-nav.outernav .nav li a {
	padding: 3px 2px 11px 0px !important;
}

.main-nav.outernav .nav li {
	padding: 0 5px;
}

.main-nav .nav li {
	font-weight: 600;
	margin: 0px;
	text-transform: uppercase;
	font-family: "open sans", arial, sans-serif;
}

.main-nav .nav li .dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: -2px 0 0;
	padding: 0;
	min-width: 220px;
}

.main-nav .nav li .dropdown-menu li {
	text-transform: none;
	margin: 0;
	padding: 0;
}

.main-nav .nav li .dropdown-menu li.highlighted-nolink a {
	cursor: default;
}

/*----Search Tab-------*/

.searchtab {
	padding: 4px 0 0 0;
	width: 185px;
	position: relative;
	font-family: "Lato", arial !important;
}

.searchtab ul,
.searchtab li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.searchtab li {
	font-size: 15px !important;
	font-weight: normal;
	text-transform: uppercase;
}

.searchtab li a.course-catalog {
	padding: 10px 10px 10px 40px !important;
}

.searchtab .search-button {
	width: 23px;
	height: 23px;
	float: left;
	margin: 7px 0 0 14px;
}

.searchtab .search-view {
	display: none;
	position: absolute;
	z-index: 9;
	top: 50px;
	right: -12px;
	width: 298px;
	padding: 15px;
}

.searchtab .search-view input[type="button"] {
	width: 23px;
	height: 26px;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.searchtab .search-view .arrow {
	width: 22px;
	height: 14px;
	position: absolute;
	top: -14px;
	right: 20px;
}

/* ======= Footer ======= */



/* ======= FlexSlider ======= */

.flexslider {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.flexslider .flex-control-nav {
	bottom: -50px;
}

.flexslider .flex-control-paging li a {
	display: inline-block;
}

.flexslider .flex-control-paging li a.flex-active {
	width: 14px;
	height: 14px;
	vertical-align: 2px;
}

.flexslider .slides li {
	position: relative;
}

.flexslider .slides .flex-caption {
	width: 575px;
	min-height: 225px;
	padding: 20px 30px;
	position: absolute;
	right: 90px;
	top: 20%;
	display: inline-block;
	background: rgba(0, 0, 0, 0.6);
	margin-bottom: 0;
}

.flexslider .slides .flex-caption .main {
	display: inline-block;
	margin-bottom: 0;
	padding: 0 0 10px;
	font-size: 26px;
	text-transform: uppercase;
}

.flexslider .slides .flex-caption .secondary {
	display: inline-block;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
}

.flexslider .slides .promo-badge {
	position: absolute;
	right: 60px;
	top: 30px;
}

/* ======= Homeblocks ======= */

/* ======= Page ======= */


#page .block-region .block.block_myprofile .profilepicture {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

label {
	font-size: 14px;
}

#page .block-region .block.block_login .username label {
	display: block;
}

#page .block-region .block.block_login .password label {
	display: block;
}

#page .block-region .block h2 {
	font-size: 16px;
}

#page .block-region .block .header .title {
	position: relative;
	text-align: center;
}

/*----Block Document----*/


#page .block-region .block .header .title h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 300;
	text-transform: none;
	text-shadow: none;
	display: inline-block;
	padding: 25px 20px 5px;
	text-transform: uppercase;
}

#page .block-region .block .header .title .block_action {
	position: absolute;
	right: 15px;
	top: 15px;
	float: none;
	padding: 0;
	margin: 0;
	display: none;
}

#page .block-region .block .header .title .block_action:focus {
	outline: none;
}

#page .block-region .block.block_with_controls:hover {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

#page .block-region .block .content {
	padding: 15px 15px;
}

#page .block-region .block .iframe {
	height: auto;
	min-height: 200px;
	max-width: 100%;
}

#page .block-region .block .fa {
	margin-right: 5px;
}

#page .block-region .block .fa.fa-phone {
	font-size: 16px;
}

.ie8 .nav {
	position: relative;
	z-index: 1;
}

.ie8 .mod-indent-outer {
	display: block;
}

.ie8.path-mod-lesson #region-main img,
.ie8 .coursebox .content .summary img {
	max-width: inherit;
}

/* Override */

.collapse {
	display: inherit;
}

li.section.hidden,
.block.hidden,
.block.invisible {
	display: block !important;
	visibility: visible !important;
}

#intro.generalbox p:last-child {
	margin-bottom: 0;
}

.block_settings #adminsearchquery {
	width: 150px;
}

.layout-option-nonavbar .navbar.hide {
	display: none !important;
}

/* Testimonials */

.course-content li.section.main .summary {
	margin-left: 15px;
}

#page #region-main .coursebox .content .courseaction {
	width: auto;
	float: right;
}

a.courseactionedit,
a.courseactionenrol {
	text-decoration: none;
}

a.courseactionedit:hover,
a.courseactionenrol:hover {
	text-decoration: underline;
}

/* added by rajesh on 08-05-14 */

#page #region-main.login {
	min-height: 440px;
	margin-top: 15px;
}

#page #region-main.login .region-main-inner {
	padding: 0;
}

#page #region-main.login .region-main-inner .loginbox .loginpanel {
	width: 28%;
	margin: 0 auto;
}

#page #region-main.login .region-main-inner .loginbox h2 {
	font: 35px "Lato";
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 7px;
	margin: 0 0 28px;
}

#page #region-main.login .region-main-inner .loginbox .subcontent {
	padding: 0;
	margin: 0;
}

#page #region-main.login .region-main-inner .loginbox .loginform .form-label {
	display: none;
}

#page #region-main.login .region-main-inner .loginbox .loginform .form-input {
	width: 100%;
}

#page #region-main.login .region-main-inner .loginbox .loginform .form-input input {
	padding: 2%;
	height: 40px;
	border: none;
	font: 18px/20px "Lato";
	width: 100%;
	box-shadow: none;
}

#page #region-main.login .region-main-inner .loginbox .loginform .form-input input#loginbtn {
	font-size: 19px;
	height: 54px;
	padding: 0;
	min-width: 100px;
	width: 35%;
	text-transform: uppercase;
	cursor: pointer;
}

#page #region-main.login .region-main-inner .loginbox .forgetpass a {
	font-size: 18px;
	margin: 10px 0 0;
}

#page #region-main.login .mform label {
	font-size: 18px;
	padding-top: 4px;
}

#page #region-main.login .boxwidthnormal,
#page #region-main.login #notice {
	margin-top: 15px;
}

#page #region-main.login .continuebutton {
	margin-top: 10px;
}

.fp-select .fp-select-buttons {
	padding-left: 10px;
	float: left;
}

.block .minicalendar .calendar-controls {
	display: block;
	padding-top: 3px;
}

.blockformydoc .box.generalbox {
	padding: 0;
	margin: 0;
}

#settingsnav .fitem.fitem_ffilemanager {
	margin-bottom: 0;
}

#settingsnav .ffilemanager,
#settingsnav .felement {
	margin-left: 0;
}

#settingsnav div.fitem_ffilemanager .fitemtitle,
#settingsnav div.fitem_ffilemanager .fp-restrictions span {
	display: none;
}

#settingsnav div.fitem_ffilemanager td,
#settingsnav div.fitem_ffilemanager th {
	padding: 1px;
}

#settingsnav div.fitem_ffilemanager .fm-content-wrapper {
	padding: 0;
}

#settingsnav.block_tree_box #fgroup_id_buttonar {
	padding-bottom: 0;
}

/*-------Tabs Outer----*/

.tabsOuter {
	/* overflow: hidden; */
	clear: both;
}

.tabsOuter .no-course .left-icon span {
	width: 30px;
	height: 32px;
	float: left;
	margin: 4px 20px 0 0;
}

.tabsOuter .no-course .left-icon,
.tabsOuter .no-course .right-icon {
	width: 5%;
}

.tabsOuter .no-course .left-content {
	width: 90%;
}

.tabsOuter .no-course .right-icon a {
	float: left;
	width: 26px;
	height: 26px;
	margin-top: 8px;
}

/* edit profile style */

.manage-team {
	padding: 10px;
	float: left;
	width: 100%;
}

/*----------Upload User----------*/

.status_report_main .download_report span {
	padding: 0 0 10px 0;
	float: left;
	clear: both;
}

.error_block_main {
	clear: both;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 8px;
	font-size: 13px;
	font-family: "Lato";
}

.success_block_main {
	clear: both;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 8px;
	font-size: 13px;
	font-family: "Lato";
}

.error_block_main .error_report_header,
.success_block_main .success_report_header {
	font-family: "Lato";
	font-size: 15px;
	font-weight: 700;
	padding: 0 0 0 24px;
}

/*-----------Blog---------*/

.blog_entry .content {
	margin-left: 0px !important;
}

.video-icon {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 0px -41px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	/* display: inline-block; */
	position: relative;
	/* top: 5px; */
	margin-right: 4px;
	float: left !important;
	display: flex;
}

#b9 .attachedimages img {
	height: 194px !important;
}

.clock-div {
	margin-top: 5px;
}

.clock-icon {
	background: url("/theme/boost/pix/sprite-blog.png") no-repeat -26px -50px;
	width: 20px;
	height: 20px;
	color: var(--orange);
	display: inline-block;
	margin-right: 9px;
	vertical-align: top;
}

.right-arrow {
	background: url("/theme/boost/pix/sprite-blog.png") no-repeat -338px -28px;
	width: 20px;
	height: 16px;
	color: var(--orange);
	display: inline-block;
	vertical-align: top;
}

.text-right {
	text-align: right;
}

p.blog-left {
	width: 30px;
	float: left;
	margin-top: 5px;
}

.arrowRight {
	width: 100%;
	text-align: right;
}

.blogCorner {
	position: absolute;
	background: var(--bs-purple);
	padding: 5px 10px;
	top: 0px;
	right: 0;
	color: var(--bs-white);
}

/*--------------Admin Calender---------*/

/*  */

.maincalendar .eventlist h3,
.maincalendar .heightcontainer h3 {
	text-align: center;
	font-family: "Lato";
	margin-top: 0px;
}

.single-report-start .single-report-graph-right .course-status .nodata {
	float: left;
	width: 100%;
	margin-top: 10px;
}

#page #region-main .institue_about .contactus-left-col h3:first-child,
#page #region-main .institue_about .contact-right-section h3:first-child {
	margin-top: 0;
}

#page #region-main .add_cms table p {
	margin: 0;
}

#page #region-main .institue_about h3>i {
	bottom: 0;
	height: 3px;
	left: 50%;
	margin-left: -38px;
	position: absolute;
	width: 76px;
}

.attachedimages {
	overflow: hidden;
	width: 100%;
	height: 200px;
}

.contact-right-section {
	padding-left: 60px;
}

/* blog detail page */

.blog-detail-page .rightside-blog {
	width: 35%;
	float: right;
}

.blog-detail-page .blog-detail-left {
	width: calc(65% - 30px);
	float: left;
	margin-right: 30px;
	padding: 0px;
}

.blog-list {
	margin: 0;
	padding: 0;
}

.blog-list li {
	list-style-type: none;
	color: var(--bs-gray-900);
	font-size: 14px;
	margin-bottom: 15px;
	display: flex;
}

.blog-list-heading {
	font-size: 20px;
	margin: 0px 0 20px 0;
	font-weight: bold !important;
}

.blog-list .material-icons {
	margin-right: 10px;
	font-size: 20px;
	font-weight: bolder;
}

.blog-des {
	width: calc(65% - 30px);
	float: left;
	margin-right: 30px;
}

.blog-des p {
	font-size: 14px;
}

.blog-author {
	font-size: 14px;
	text-transform: capitalize;
}

.blog-create {
	font-size: 12px;
	color: var(--bs-gray-600);
}

.blog-subject {
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

.blog-detail-page {
	width: 100%;
}

.blog-detail-page .announcement-card {
	background: transparent;
	border: 0px none
}

.blog-detail-page .announcement-card:hover {
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 0%) !important;
}

.blog-detail-page .container {
	max-width: 100%;
	padding: 0px;
}

.blog-detail-page .commands {
	padding-left: 0px;
	border-top: 0px none;
}

#page-blog-index .blog-detail-page .blog-img-container {
	width: calc(65% - 30px);
	margin-right: 30px;
	overflow: auto;
	height: 250px;
}

#page-blog-index .blog-detail-page .blog-img-container img {
	height: 100% !important;
	width: 100%;
	object-fit: cover;
}
.blog-detail-page .announcement-card .card-imagetop {
	width: calc(65% - 30px);
	margin-bottom: 5px;
	height: auto;
}

span.main-heading {
	height: 41px;
	padding: 10px 0 0 0;
	font-size: 16px;
	float: left;
	width: 100%;
	padding-left: 10px;
}

.single-report-start-nograph span.main-heading {
	height: 40px;
}

.single-report-start .single-report-graph-right .course-status {
	width: 75%;
	margin: 0 auto;
	font-size: 14px;
}

.single-report-start .single-report-graph-right .course-status .publish-active {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .publish-active span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .publish-deactive {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .publish-deactive span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .unpublish-deactive {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .unpublish-deactive span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .unpublish-active {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .unpublish-active span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .publish-active h6,
.single-report-start .single-report-graph-right .course-status .publish-deactive h6,
.single-report-start .single-report-graph-right .course-status .unpublish-deactive h6,
.single-report-start .single-report-graph-right .course-status .unpublish-active h6,
.single-report-start .single-report-graph-right .course-status .inviteduser h6,
.single-report-start .single-report-graph-right .course-status .watingforapproval h6,
.single-report-start .single-report-graph-right .course-status .approveduser h6,
.single-report-start .single-report-graph-right .course-status .declineduser h6 {
	width: auto;
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 29px;
}

.single-report-start .single-report-graph-right .course-status .inviteduser {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .watingforapproval {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .approveduser {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .declineduser {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.single-report-start .single-report-graph-right .course-status .inviteduser span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .watingforapproval span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .approveduser span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .declineduser span {
	border-radius: 16px;
	float: right;
	padding: 5px 11px;
}

#page #region-main h2 span.program {
	float: left;
	height: 19px;
	margin: 0 10px;
	width: 25px;
}

#fgroup_id_allocation_type_radioar fieldset.felement.fgroup span {
	width: 100%;
	float: left;
}

#fgroup_id_allocation_type_radioar fieldset.felement.fgroup {
	margin-left: 0px;
}

#fgroup_id_allocation_type_radioar div.fitemtitle {
	width: 230px;
}

.self-allocation-box {
	float: left;
	width: 100%;
	margin-left: 220px;
}

.self-allocation-box .hide {
	display: none;
}

.cPicture .felement {
	float: left;
}

div#fitem_id_password .felement,
#fitem_id_newpassword1 .felement,
#fitem_id_newpassword2 .felement {
	position: relative;
	float: none !important;
}

/* msg style */

#page-my-index #region-main {
	position: relative;
}

.msg-footer {
	width: 90%;
	float: left;
	/* border-top: 1px solid var(--bs-gray-200); */
	padding: 10px;
	/* background: var(--bs-white); */
	position: absolute;
	text-align: right;
}

.msgbody-part {
	padding: 10px;
	float: left;
	width: 100%;
	height: 260px;
	overflow: auto;
}

.msg-reply-icon {
	font-weight: bold;
	margin: 0 10px;
}

.msg-reply-icon::before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -337px -69px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.msg-heading {
	border-bottom: 1px solid var(--bs-gray-200);
	padding: 10px;
	font-size: 16px !important;
	margin-bottom: 5px !important;
}

.c-text.mail-recieve-date {
	font-weight: normal;
	width: auto;
	float: right;
	padding-bottom: 0px;
	font-size: 13px;
	color: var(--bs-gray-900);
	margin-top: 3px;
	margin-right: 34px;
}

.backtomsg {
	background: transparent !important;
	color: var(--bs-gray-900) !important;
	border: 0px none !important;
	font-weight: bold;
	cursor: pointer;
}

.backtomsg:hover {
	color: var(--bs-primary) !important;
}

/*-------Course Catalog*--------*/

/* Course Catalog end here */

/*--------Learningpage1------*/

/* Hide update and cancel button*/

.picture.cell div.felement.fstatic img {
	width: 75px;
	height: 75px;
}

/*Classroom Css*/

#page-mod-scheduler-mod #fitem_id_staffrolename,
#page-mod-scheduler-mod #fitem_id_schedulermode,
#page-mod-scheduler-mod #fitem_id_reuseguardtime,
#page-mod-scheduler-mod #fitem_id_defaultslotduration,
#page-mod-scheduler-mod #fitem_id_scale,
#page-mod-scheduler-mod #fitem_id_gradingstrategy,
#page-mod-scheduler-mod #fitem_id_allownotifications,
#page-mod-scheduler-mod #fitem_id_visible,
#page-mod-scheduler-mod #fitem_id_cmidnumber,
#page-mod-scheduler-mod #fitem_id_groupmode,
#page-mod-scheduler-mod #fitem_id_groupingid {
	display: none;
}

#page-mod-scheduler-view .classroompopup .error {
	width: 100% !important;
}

#page-mod-scheduler-view #fitem_id_ignoreconflicts,
#page-mod-scheduler-view #fitem_id_exclusivity,
#page-mod-scheduler-view #fitem_id_reuse,
#page-mod-scheduler-view #fitem_id_hideuntil,
#page-mod-scheduler-view #fitem_id_emaildate,
#page-mod-scheduler-view #fitem_id_notes,
#page-mod-scheduler-view #fitem_id_appointmentlocation {
	display: none;
}

#page-mod-scheduler-view .mform .fdescription.required {
	text-align: right;
	margin: 0;
	padding: 5px 0;
}

.upload-user-div {
	display: none;
	clear: both;
}

.classlabel {
	font-weight: bold;
}

#page a.tracking-scheduling-view img {
	display: none;
}

.class-inner-box {
	float: left;
	width: 98%;
	margin: 10px;
}

.tabsOuter .no-course .left-box {
	width: 40%;
}

.tabsOuter .no-course .right-box {
	width: 43%;
}

.sessionlabel {
	font-weight: bold;
}

.reference-material-box {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.reference-material-label {
	font-weight: bold;
}

.classroom-resource-type {
	float: left;
	width: 90%;
	font-weight: bold;
}

.classroom-refmat-type {
	float: left;
	width: 90%;
	font-weight: bold;
}

#page a.classroom-details-view img {
	display: none;
}

.lower-right-upper a.assign-course,
.lower-right-upper a.enrollment-courseB,
.lower-right-upper a.launch-course-dashboard {
	background: var(--bs-white) none repeat scroll 0 0;
	border: 1px solid var(--bs-gray-300);
	box-shadow: 0 0 6px 0 var(--bs-gray-200);
	float: left;
	margin: -1px 0 10px;
	padding: 15px;
	width: 100%;
	border-left: 4px solid #fc902e;
}

.classroompopup .btn-cancel {
	display: none;
}

input.attendance_textbox {
	height: 26px !important;
	margin: 0;
	padding: 0 5px;
	vertical-align: 0;
	width: 39px;
}

#open_for {
	display: inline-block;
	margin-bottom: 10px;
	clear: both;
}

.checkboxwrapper {
	height: 368px;
	overflow: scroll;
	overflow-x: hidden;
	border-radius: 4px;
}

.checkboxwrapper select {
	overflow: initial;
	width: 90%;
}

.checkboxwrapper .open_class_checkboxes {
	display: block;
	float: left;
	padding: 0px;
	list-style: none;
	margin: 8px 0 0 9px;
}

.checkboxwrapper .open_class_checkboxes li {
	padding: 0px;
	margin: 0 0 5px 0;
	float: left;
	clear: both;
}

.checkboxwrapper .open_class_checkboxes li input {
	float: left;
}

/* DA 14/01/20 */

.enrolled-user-filter-box select option {
	overflow: hidden;
	text-overflow: ellipsis;
}

.non-enrolled-user-filter-box select option {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* classroom report */

#page-course-single_classroom_report #page #region-main .course-listing table tr td div.a-box div div,
#page-course-single_classroom_report_print #page #region-main .course-listing table tr td div.a-box div div,
#page-course-classroom_report_details #page #region-main .course-listing table tr td div.a-box div div,
#page-course-classroom_report_details_print #page #region-main .course-listing table tr td div.a-box div div {
	float: left;
	width: 33%;
}

.itemdetail {
	border: 1px solid var(--bs-gray-300);
}

.order_historymob {
	display: none;
}

/* classroom report end */

.filemanager.fp-select .fp-file-setmain-help,
.filemanager.fp-select .fp-file-setmain {
	display: none !important;
}

/*attendance popup*/

/* #page #region-main .attendance-performance .table1 tr.rep_row td {
	vertical-align: middle;
}

#page #region-main .attendance-performance .table1 .headingRow {
	font-size: 14px;
	font-weight: bold;
}

#page #region-main .attendance-performance .gradeCell {
	padding: 0;
}

#page #region-main .attendance-performance .gradeCell div {
	display: block;
	line-height: 30px;
	text-align: right;
	padding: 5px 10px 5px 5px;
}

#page #region-main .attendance-performance .sessionCell,
#page #region-main .attendance-performance .sessionCell td {
	padding: 0;
}

#page #region-main .attendance-performance .sessionCell div {
	display: block;
	line-height: 30px;
	padding: 7px 10px 5px 5px;
	height: 41px;
}

#page #region-main .attendance-performance .table1 textarea {
	border-radius: 0;
	height: 110px;
}

.pagelayout-classroompopup .borderBlockSpace .borderBlockSpace {
	padding: 0;
} */

/*add session popup*/

/*.pagelayout-classroompopup .classroompopup #region-main .mform .fitemtitle{ float:left; width:10%; }
.pagelayout-classroompopup .classroompopup #region-main .mform .felement{ width: 90% !important; float:left;}
.pagelayout-classroompopup .classroompopup #region-main .mform .fcontainer{ padding-left:0;}*/

.classroompopup .add_session_popup {
	padding: 15px;
}

/*classroom-preview*/

.titlearea {
	clear: both;
}

.leftSectionTitle {
	float: left;
	width: 49%;
}

.titlearea .left-box {
	text-align: right;
	width: 49% !important;
}

.classlabel {
	margin: 0;
	float: none;
	font: 16px "Lato";
	font-weight: 700;
}

.d-box,
.class-outer-box {
	clear: both;
	overflow: hidden;
}

.classroom-resource-box {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.classroom-resource-details {
	margin: 0 0 5px 10px;
	width: 23%;
	float: left;
}

.class-box {
	margin: 15px 0 0;
	width: 100%;
}

.sessionlabel,
.reference-material-label {
	padding: 0px 0 10px;
	float: none !important;
}

.session-box {
	margin: 10px;
	clear: both;
}

.files_container a.upfile_name {
	width: 80%;
	float: left;
	word-wrap: break-word;
}

.files_container a.upfile_delete {
	float: left;
	height: 15px;
	text-indent: -9999px;
	width: 15px;
	margin-top: 9px !important;
	cursor: pointer;
}

#page-mod-scheduler-view #dateselector-calendar-panel {
	left: 390px !important;
	position: absolute;
	top: 113px !important;
	width: 250px !important;
}

.classroompopup .error {
	width: 50% !important;
}

.classroompopup .error span {
	display: inline !important;
}

#page #region-main .course-listing table.session_table {
	width: 100% !important;
	margin: 0 !important;
}

.refreshButtonSec button {
	margin: 0;
}

.refreshButtonSec button i {
	margin: 0 10px 0 0;
}

a#updatereport {
	cursor: pointer;
}

/*1280 x 800*/

#region-main #mform2 .fp-viewbar {
	display: none !important;
}

.mce_fullscreen {
	display: none !important;
}

.class_other_details {
	clear: both;
	overflow: hidden;
	padding: 0 0 5px;
}

.class_other_details>div {
	width: 32%;
	float: left;
	padding-right: 10px;
}

.user-note span {
	margin-left: 10px;
}

.dndupload-progress-inner {
	height: 20px !important;
	display: block !important;
}

.moodleSkin .mceToolbar .mceListBox {
	display: table;
	width: auto !important;
}

#page-course-enrolcourse textarea#remarks_text {
	min-width: 304px !important;
}

.row_outer .row select,
.row_outer .row textarea {
	min-width: 270px !important;
	max-width: 442px !important;
}

#colorbox #end-date-div {
	height: 98%;
}

.no-overflow {
	padding: 0;
	overflow: unset;
}

/*Global beyond 23feb*/

/*footer updated 03/04/2015*/

/* ---------DCK START-------- */

.manageTable_nw {
	background-color: var(--bs-white);
}

#page #region-main table.manageTable_nw td {
	padding: 10px;
	vertical-align: middle;
}

#page #region-main table.manageTable_nw td img {
	margin-left: 0px;
	margin-right: 10px;
}

#page #region-main table.manageTable_nw td span {
	line-height: 20px;
}

#page #region-main table.manageTable_nw th:last-child {
	border-right: none;
}


/* .filterBy_nw a, .filterBy_nw a:focus {
	margin-top: 13px!important;
} */

/* ---------DCK END-------- */

#fade {
	display: none;
	filter: alpha(opacity=80);
	z-index: 10001;
	left: 0%;
	width: 100%;
	position: fixed;
	top: 0%;
	height: 100%;
	/* background: var(--bs-white) url(../pix/ajax-loader.gif) no-repeat scroll 50% 50%; 
	 -moz-opacity: 0.8;
	opacity: 0.8; */
}

.main-nav .nav>li:last-child {
	display: none;
}

#after-common-search.height22 {
	height: 22px;
	border: none;
	margin-bottom: 10px;
}

.button-link.add-forums:before {
	content: "\f2c3";
}

/* .toggle-button-programcourse2,.toggle-button2,.getclassroomcontent2,.getprogramcourse2{ cursor:pointer;} */

.getprogramcourse2 .toggle-button-programcourse2 {
	cursor: default;
}

.button-link.inactive,
.button-link.inactive:focus,
.button-link.inactive:hover,
.button-link.inactive:focus:hover {
	background: var(--bs-gray-300) !important;
	cursor: default;
	color: var(--bs-white) !important;
	border: 2px solid var(--bs-gray-300) !important;
}

.evenR td {
	background: var(--bs-white) !important;
}

.even td {
	background: var(--bs-white) !important;
}

.padd_left_none {
	padding-left: 0 !important;
	padding-right: 8px;
}

.padd_right_none {
	padding-right: 0 !important;
	padding-left: 7px;
}

.twoColumnsFS .col-md-6:first-child {
	padding-left: 0;
}

.twoColumnsFS .col-md-6:last-child {
	padding-right: 0;
}

#page #region-main .twoColumnsFS h2.icon_title {
	background: #ededed;
	padding: 25px 20px;
	height: auto;
	position: relative;
}

#page #region-main .twoColumnsFS h2.icon_title i {
	margin-right: 15px;
	font-size: 22px;
	vertical-align: -2px;
}

.topHeadingRow {
	padding: 0 0 10px;
}

/*shopping cart table*/

/*cart css start here*/

/*cart css end here*/



.hwLarge .fa.fa-users {
	background: var(--bs-gray-900) none repeat scroll 0 0;
	border-radius: 50%;
	color: var(--bs-gray-300);
	padding: 5px;
	cursor: pointer;
}

.classdownbtn {
	/*color: var(--bs-white);*/
	line-height: normal;
	padding: 9px 2px 5px;
	float: right;
}

.downbtn {
	margin: 0px 0;
}

.clear {
	clear: both;
}

/* Quick Help popup Css starts */

.search_clear_button2 {
	position: absolute;
	width: 15px;
	left: 5px;
	top: 4px;
}

/****************** Responsive css ***********************/

/* Forum css */

#id_subscriptionandtrackinghdr {
	display: none;
}

#fitem_id_trackingtype {
	display: none;
}

.iconhelp {
	display: none;
}

.forumView {
	padding: 15px 0;
	float: left;
	width: 100%;
}

.forumList {
	background: var(--bs-white);
	box-shadow: 0px 0px 3px var(--bs-gray-300);
	padding: 0 0 15px;
	border-radius: 2px;
}

.forumView .col-sm-4:first-child {
	padding-left: 0;
}

.forumView .col-sm-4:last-child {
	padding-right: 0;
}

.forumtitle {
	padding: 8px 0;
	margin: 0 15px;
	font-size: 16px;
	font-family: "Lato";
	font-weight: 700;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.forumDesc {
	padding: 0 15px 15px;
	min-height: 140px;
	max-height: 140px;
	overflow: auto;
}

.forumdate {
	position: absolute;
	left: 15px;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	color: var(--bs-white);
	padding: 3px 5px;
}

.forumMore {
	/*background:blue; color: var(--bs-white); padding: 6px 20px; border-radius:15px!important;*/
	margin: 0 0 0 15px !important;
	display: inline-block;
}

.forumdate .fa {
	margin: 0 5px 0 0;
}

.forumdate>span {
	margin-right: 15px;
}

.forumthumb {
	text-align: center;
	height: 190px;
	overflow: hidden;
	padding: 15px 15px 0;
	position: relative;
}

.forumthumb img {
	border: 2px dotted var(--bs-gray-300);
}

.forumthumb br {
	display: none;
}

.forumView img {
	max-width: 100%;
	max-height: 188px;
	width: auto;
	height: auto;
}

.forumpost .author {
	text-transform: capitalize;
}

.forumpost .topic {
	border: none;
	padding-bottom: 30px;
}

#page-mod-forum-discuss .discussioncontrols {
	padding: 15px 0;
}

#page-mod-forum-discuss .discussioncontrols .singleselect select {
	float: left;
}

#page-mod-forum-discuss .discussioncontrols #forummenu input[type="submit"] {
	margin: -2px 0 0 10px !important;
	padding: 2px 10px 3px;
}

.forumthumbDetails {
	padding: 0 0 30px;
	text-align: left;
}

.forumthumbDetails img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.forumrebotspace {
	margin-bottom: 0px !important;
}

.headerBlockLabel .exports_opt_box {
	padding: 11px 11px 0;
}

.headerBlockLabel .exports_opt_box select {
	font-size: 14px;
}

.feedback_required_mark.pull-right {
	margin: -32px 0 0;
}

.box.feedback_items {
	padding: 0;
	background: none;
}

.box.feedback_items .feedback_itemlist {
	padding: 5px 10px 5px 15px;
	position: relative;
	border: 1.4px solid var(--bs-gray-200);
	margin: 7px 0;
	border-radius: 6px;
}

.itemhandle.moodle-core-dragdrop-draghandle {
	position: absolute;
	right: 0;
	top: 16px;
}

div.feedback_item_commands_left {
	padding-right: 30px !important;
}

.box.feedback_items .box {
	padding: 0;
	background: none;
	margin: 0;
}

.box.feedback_form {
	background: none;
}

div#feedback_dragarea {
	width: 100%;
}
div#feedback_dragarea ul {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
}
div.feedback_item_box_left,
div.feedback_item_box_right {
	background: none;
	padding: 0;
}
div.feedback_item_number_left, 
div.feedback_item_left {
	float: left;
}
.box.feedback_items .box .py-3 {
	padding: 0 !important;
}
div.feedback_item_commands_left {
	float: right;
	text-align: right;
}
a.feedback_switchrequired::before {
	content: '\f621';
	font-size: 12px !important;
}
.feedback_item_commands_left.adminiconsBar a {
	margin-right: 15px !important;
	margin-left: 0 !important;
}
.survey_feedback_edit_item_form .fcontainer .form-group.row.fitem {
	width: 66.66666667%;
	padding-left: 15px;
	padding-right: 15px;
}
.survey_feedback_edit_item_form .fcontainer #fgroup_id_buttonar fieldset .d-flex {
	flex-direction: row;
	margin-top: 20px;
}
.survey_feedback_edit_item_form .fcontainer #fgroup_id_buttonar fieldset .d-flex .form-group {
	width: auto;
	margin-top: 0;
	margin-right: 15px;
}
.survey_feedback_edit_item_page h2 {
	font-size: 18px;
	font-weight: 700;
}

#page .box.feedback_items a.edit::before {
	font-family: "FontAwesome";
}

#page a.attempt_survey::before {
	font-family: "FontAwesome";
	content: "\f27a";
}

.feedback_item_command_move,
.feedback_item_commands.position,
.surveyContentSelect .fitemtitle,
.initialbar {
	display: none !important;
}

.box.feedback_item_number_left {
	font-weight: bold;
	padding: 0 !important;
}

.feedback_item_presentation_left {
	margin-left: 30px;
}

.feedback_item_presentation_left ul {
	margin: 0;
}

.surveyContentSelect .felement {
	margin-left: 0 !important;
}

.surveyContentSelect .felement select {
	width: 200px;
}

div img.feedback_bar_image {
	height: 10px !important;
}

.box.box.generalbox.boxalign_left .box.generalbox.boxalignleft {
	padding-left: 30px;
}

.showEntrySurvey .feedback_item_presentation_left {
	margin: 0;
}

#showentrytable th {
	width: 42%;
}

#showentrytable th:first-child {
	width: 10%;
}

#showentrytable th:last-child {
	width: 6%;
}

.completeSurvey div.feedback_item_box_left,
.completeSurvey div.feedback_item_box_right {
	padding: 15px 0 !important;
	border-bottom: 1px solid var(--bs-gray-300) !important;
}

.completeSurvey .feedback_required_mark.pull-right {
	margin-top: -12px;
}

div.feedback_items label {
	font-size: 14px;
}

/*---------add compliance---------*/

#page-index .tabcontent {
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
}

#page-index .tabcontent.messageUserArea {
	height: auto;
	overflow: hidden;
}

#page-index .tabcontent.messageUserArea .messageuserslist,
.abpriye {
	float: left;
	width: 100%;
	max-height: 150px;
	min-height: 150px;
	border: 1px solid var(--bs-gray-300);
	overflow: auto;
	overflow-x: hidden;
	border-radius: 4px;
	padding: 5px;
}

#page-index .tabcontent.messageUserArea .searchfiteruser,
.cdpriye {
	float: left;
	width: 100%;
	margin: 15px 0 0;
	padding: 15px;
	border: 1px solid var(--bs-gray-300);
	border-radius: 4px;
}

#page-index .tabcontent.messageUserArea .searchfiteruser fieldset #report-search .charc-filter {
	margin: 0;
	width: 100%;
}

#page-index .tabcontent.messageUserArea .searchfiteruser .searchBoxDiv,
.cdpriye .searchBoxDiv {
	max-width: none;
}

#page-index .tabcontent.messageUserArea .searchfiteruser #search-form div.search-input {
	margin: 0;
	width: 100%;
}

#page-index .tabcontent.messageUserArea .searchfiteruser #search-form div.search-input input[type="text"] {
	max-width: none;
}

#page-index .tabcontent.messageUserArea .searchfiteruser #report-search.subs_reports_status_bar {
	padding: 0;
}

#page-index .tabcontent .msg-department,
#page-index .tabcontent.messageUserArea .messageuserslist .msg-department {
	padding: 1%;
	float: left;
	width: 49%;
}

#page-index .tabcontent .msg-department img {
	vertical-align: -1px;
}

#page-index .search_clear_button input[type="button"],
.cdpriye .search_clear_button input[type="button"] {
	background: url([[pix:theme|icons-new]]) no-repeat -443px -161px;
	width: 16px;
	height: 16px;
	float: left;
	text-indent: -9999px;
	border: none;
	padding: 0;
	margin: 0;
	border: 0px none !important;
	box-shadow: none !important;
}

#page-index .search_clear_button input[type="button"]:hover,
.search_clear_button input[type="button"]:focus,
.cdpriye .search_clear_button input[type="button"]:hover,
.search_clear_button input[type="button"]:focus {
	background: url([[pix:theme|icons-new]]) no-repeat -461px -161px !important;
	transition: none;
	border: 0 !important;
}

.cartIconItems {
	float: right;
	margin: -4px -15px 0 0;
	padding-left: 6px;
}

.cartIconItems .switchrole {
	padding: 4px 8px;
	margin: 8px 0 0;
	float: right;
	background: var(--bs-white);
	box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.switch-department-list {
	list-style: none;
	margin: 15px 0 0;
}

.switch-department-list li {
	padding: 5px 0;
}

.switch-department-list li a,
.switch-department-list li a:focus,
.switch-department-list li a:hover {
	display: block;
	float: none;
	margin: 0;
}

.switch-department-list li a:after {
	display: none;
}

.switch-department-list li a.active,
.switch-department-list li a.active:focus {
	box-shadow: 0 0 3px 0px var(--bs-gray-300);
	border-color: var(--bs-white);
	cursor: default;
	background: var(--bs-white);
	color: var(--orange) !important;
}

.switch-department-list li a.active:after {
	content: "\f00c";
	display: block;
	float: right;
	margin: 5px 0 0;
}

/* 28-06-2017 */

/* filter css */

/* search css */

.ec_search-form {
	margin-left: 15px;
	position: relative;
	border-radius: 5px;
	background: var(--bs-white);
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
}

/* cart button */


/* .ec_list-view h3 a,.ec_grid-view h3 a {
  color:#1ca5ff;
} */

.catalog-login {
	padding-right: 0px;
}

.ec_list-view .course-desc3 .course_price,
.ec_additional .course-desc5 .course_price {
	padding-left: 30px;
	font-size: 16px;
	color: var(--link-color);
	position: relative;
	font-weight: bold;
}

.button-link.fa-cart-plus:before {
	content: "\f217" !important;
}

.expandCollapse {
	font-size: 21px;
	display: block;
	margin: 0 auto;
	width: 18px;
}

.ec_grid-view {
	min-height: 400px;
	position: relative;
	margin-right: 2%;
	width: 23.5%;
	float: left;
	margin-top: 24px;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.ec_grid-view:nth-child(4n) {
	margin-right: 0;
}

.ec_grid-view.ec_orange {
	border-bottom: 6px solid var(--orange);
}

.ec_grid-view.ec_blue {
	border-bottom: 6px solid var(--classroom-course);
}

.ec_grid-view.ec_green {
	border-bottom: 6px solid var(--program-course);
}

.ec_grid-view img {
	border-radius: 5px 5px 0 0;
	max-width: 98%;
	height: auto;
	max-height: 98%;
	padding: 1%;
}

.ec_grid-view .entry-content {
	padding: 20px;
}

.ec_grid-view .entry-content_hvr {
	z-index: 999;
	transition: all ease 0.25s;
	padding-left: 10px;
	display: none;
	position: absolute;
	left: 100%;
	top: -5%;
	width: 125%;
	height: 115%;
}

.ec_grid-view:hover .entry-content_hvr {
	display: block;
}

.ec_grid-view:nth-child(4n) .entry-content_hvr {
	padding-left: 0;
	padding-right: 10px;
	left: auto;
	right: 100%;
}

.ec_grid-view .entry-content_hvr .hvr_inner {
	position: relative;
	height: 100%;
	padding: 20px;
	background: var(--bs-white);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}

.ec_grid-view .entry-content_hvr .hvr_inner:after {
	position: absolute;
	top: 25%;
	right: 100%;
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid var(--bs-white);
}

.ec_grid-view:nth-child(4n) .entry-content_hvr .hvr_inner:after {
	right: auto;
	left: 100%;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid var(--bs-white);
	border-right: none;
}

.ec_grid-view .course-desc1 li {
	position: relative;
	margin-right: 10px;
	float: left;
	font-size: 12px;
	color: var(--bs-gray-600);
}

.ec_grid-view .course-desc2 {
	padding: 5px 20px 0 0;
}

.ec_grid-view .course-desc2 li {
	margin-right: 15px;
	float: left;
	color: var(--bs-gray-900);
	font-size: 16px;
	font-weight: 600;
}

.ec_grid-view .course-desc2 li i {
	margin-right: 3px;
	/*color:#acacac;*/
	vertical-align: bottom;
}

.ec_grid-view .course-desc3 {
	position: relative;
}

.ec_grid-view .course-desc3 .course_price {
	padding-left: 30px;
	font-size: 26px;
	color: var(--bs-gray-900);
	background: var(--bs-white);
	position: relative;
	z-index: 99;
}

.ec_grid-view .course-desc4 {
	padding-bottom: 60px;
}

.ec_grid-view .course-desc4 .ec_addtocart {
	margin: 0%;
	padding: 10px;
	width: 100%;
	font-size: 20px;
	border-radius: 3px;
}

.ec_grid-view .course-desc4 .ec_addtocart i {
	vertical-align: -2px;
	margin-right: 4px;
	font-size: 20px;
}

.ec_grid-view .content_bttm .cbttm-right {
	position: absolute;
	left: 0;
	bottom: 15px;
	max-height: 58%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.ec_additional {
	padding: 10px;
}

.ec_additional .course-desc5 {
	padding: 12px;
	background: var(--bs-gray-200);
	border-radius: 3px;
	margin-bottom: 10px;
}

.ec_additional .course-desc5 button {
	margin: 0;
	/*border:1px solid var(--orange);*/
}

.ec_additional .course-desc5 button:hover {
	border-radius: 3px;
}

.ec_additional .course-desc5 i {
	margin-right: 4px;
	vertical-align: -2px;
}

.ec_additional .course-desc5 p {
	font-size: 16px;
	margin: 0;
	line-height: 20px;
}

.ec_additional .course-desc5 .course_price {
	font-size: 26px;
	color: var(--bs-gray-900);
	margin-right: 10px;
	background: none;
}

.ec_additional .course-desc5 .course-class.pull-left {
	float: left !important;
	width: 49%;
	margin-top: 7px;
}

.ec_additional .course-desc5 .course-class.pull-left a {
	font-size: 20px;
}

.ec_grid-view .ec_additional {
	padding: 0 15px;
}

.ec_grid-view .ec_additional .course-desc5 .ec_addtocart {
	margin: 0;
	margin-top: 5px;
	width: 100%;
}

.ec_grid-view .ec_additional .course-desc5 .course-class.pull-left {
	width: 100%;
	margin: 0 0 10px;
}

.ec_grid-view .addCartWrap {
	width: 100%;
}

.ec_grid-view .ec_additional .course-desc5 .course_price {
	float: left !important;
	padding: 0;
}

.ec_grid-view .hvr_inner .ec_additional .course-desc5 input[type="number"] {
	float: right;
	position: static;
	margin: 0;
	height: 35px;
}

.ec_grid-view .inline_content {
	width: 100%;
	top: -38px;
	bottom: auto;
	right: 0;
	padding: 2px 35px 4px 10px;
}

.ec_grid-view .inline_content::before {
	display: none;
}

.ec_grid-view .inline_content.renewalAlert {
	width: 100%;
	top: auto;
	bottom: 55px;
	right: 0;
	padding: 2px 35px 4px 10px;
}

.ec_grid-view .inline_content.renewalAlert::before {
	display: block;
}

.inline_content.offsaleinline_content {
	right: auto;
	left: 296px;
	top: 195px;
}

/*landing page css*/

.ec_landing img {
	max-width: 100%;
	height: auto;
	display: block;
}

.ec_landing h2 {
	font-family: "Lato", sans-serif;
	font-size: 28px;
	font-weight: 700;
}

.ec_landing h4 {
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-weight: 600;
}

.ec_landing .expolre-closure {
	padding: 8px 15px;
	font-size: 20px;
	border: 1px solid var(--orange);
}

.ec_landing .expolre-closure:hover {
	border: 1px solid var(--orange);
}

/*course page css start here*/

#page #region-main .ec_perform h6 {
	color: var(--bs-gray-900);
	font-size: 20px;
	padding-bottom: 18px;
	border-bottom: #f0f0f0 1px solid;
	margin-bottom: 19px;
}

.ec_perform {
	padding: 20px;
	background: var(--bs-white);
	margin: 32px -15px 32px -15px;
}

.ec_perform_row {
	display: inline-flex;
	width: 45%;
	margin: 0 4% 24px 0;
	font-size: 14px;
}

.ec_perform_row i {
	border: #1ca5ff 2px solid;
	border-radius: 17px;
	font-size: 11px !important;
	margin: 4px 10px 0 0;
	color: #1ca5ff;
	width: 15px;
	height: 15px;
}

.ec_perform_row span {
	width: calc(100% - 20px);
}

.ec_addCart {
	background: var(--bs-white);
	border-radius: 5px;
	padding: 0 0 15px 0;
	z-index: 999;
	margin-top: 15px;
	box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.05);
}

.course-heading {
	font-size: 18px !important;
	font-weight: 500 !important;
	margin: 20px 0;
}

.search-heading-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--bs-gray-600);
	margin-top: 0;
}

.course-detail span:first-child {
	margin-left: 0px;
}

.course-detail span {
	margin: 0 10px;
}

.delete-mail {
	display: none;
}

.header_catalog .ec_search-form {
	margin-left: 0px !important;
}

.catalog-login {
	margin-top: 8px;
}

/* catalogbeforelogin css */

/*classes page css end here*/


#loginform .calendarIcon {
	background: url([[pix:theme|images/calender_white]]) right 14px no-repeat !important;
	cursor: pointer !important;
}

/*Square Thumbnail*/

/*DA */

.ec_grid-view figure {
	height: 204px;
	padding: 2px;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

/*end*/

/*Responsive css*/

/*alpana*/




/*chiphealth css start here*/

/*alpana css*/



.add-event-button,
.gridIcon {
	float: right;
}

.actionButtonBottom {
	float: left;
	width: 100%;
}

#page #region-main table.pdfstyle td {
	border-left: 1px solid var(--bs-gray-300);
}



.btn_wrapper_file button {
	margin: 0 0px 0 5px;
}

#page #file_design table {
	width: 100%;
}

#page #file_design table th {
	width: 25%;
	padding: 10px !important;
}

#page #file_design .filemanager .fp-content {
	max-height: 500px !important;
	height: 470px;
}

#page #file_design .filemanager .fp-content::after {
	color: #8c8a8a !important;
	left: 50%;
	transform: translateX(-50%);
	width: auto !important;
}

.user-access .btn_wrapper_file button,
.user-access .tbl_wrapper_file,
.user-access .btn_wrapper_file_bottom,
.tbl_wrapper_file .fp-license {
	display: none;
}

.user-access .btn_wrapper_file button.fp-file-download,
.user-access .btn_wrapper_file button.fp-file-zip {
	display: block;
	margin: 26px 0px 0 5px;
}

.user-access .fp-info {
	clear: none;
}

.user-access .fp-thumbnail {
	margin: 0px 20px 0 0;
}

#page-user-editprofile .fp-btn-add {
	display: block;
}

#page-user-editprofile .fp-btn-download {
	display: none;
}



/* search icon */

/******Learning page start********/
.course_top_wrapper,
.catalog_top_wrapper {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cont_name a {
	font-size: 14px;
	font-weight: 600;
}

.c-text.categorydisplay {
	margin-left: 0 !important;
	padding: 4px 15px 4px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.tabsOuter .no-course.programcourse {
	background: #f4f4f4;
	float: left;
	width: 100%;
	margin: 3px 0;
	padding: 10px;
	border: none;
}

.tabsOuter .no-course.programcourse .assest_wrapper {
	background: var(--bs-white);
}

/* New Cone for Jira issues GLMS-5998, GLMS-5999, GLMS-6000 */



/****** Resource access style start  *****/

.yui3-datatable-col-settings.yui3-datatable-cell {
	border-right: 0 !important;
}

.yui3-datatable-col-size,
.yui3-datatable-col-mimetype,
.yui3-datatable-col-assign,
.yui3-datatable-col-settings {
	pointer-events: none;
}

.fp-toolbar div.resorce_search_div {
	float: right;
}

#page-user-files span.yui3-datatable-sort-indicator {
	display: none;
}

#page #file_design .filemanager .fp-content::after {
	display: none;
}

#page-user-files .fp-restrictions {
	display: none;
}

#page-user-files #file_design table td {
	border-right: none !important;
}

.fp-toolbar div.resorce_search_div.close_resource_search:before {
	content: "\f00d";
	cursor: pointer;
}

/****** Resource access style end  *****/

/* .skiplinks {
	display: none !important;
} */
a.skip:focus, 
a.skip:active {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 5px;
    color: var(--bs-gray-700);
	background-color: var(--bs-gray-200);
	padding: 3px;
    z-index: 99999999;
	border-radius: 3px;
	outline-offset: 0 !important;
}
/*****************/


.grid_bottom .catalog_course_button {
	float: left;
}

.bx-next.disabled {
	background-position: -404px -24px !important;
}

.arrow-bottom .fa-gear:before,
.fa-cog:before {
	display: none;
}

.listview_right_container .compliance_icon::after {
	top: 4px;
}

.learningpage_dashboard #after-common-search {
	display: none;
}

/*Code Name*/

.saasadmin_page .text_right {
	float: left;
	margin-left: 25px;
	text-align: center;
	margin-top: 9px;
	width: calc(50% - 30px);
}

.saasadmin_page .circleBlock .buttonsRow a {
	border-top: 1px solid var(--bs-gray-300);
	/* border-right: 1px solid var(--bs-gray-300); */
	font-weight: bold !important;
	background: var(--bs-white);
	color: var(--bs-gray-900);
}

.saasadmin_page .circleBlock .buttonsRow a.icon02 {
	background-color: var(--bs-white);
}

.saasadmin_page .circleBlock .buttonsRow a:before {
	display: none;
}

.saasadmin_page .circleBlock .buttonsRow a.icon02:before {
	display: none;
}

.saasadmin_page .circleBlock .buttonsRow a:after {
	display: none;
}

.left_header #search-form input[type="text"] {
	border-bottom: 0px none !important;
	width: 220px;
	padding: 10px 5px 10px 35px !important;
}

/*dashboard*/

.request_box {
	margin-top: 16px;
}

.block .calendar-controls .previous {
	display: block;
	float: left;
	width: 12%;
}

/* event css */

.dash_cal .block .calendar-controls .current {
	margin-top: 3px;
	font-weight: bold;
}

.row .das_request table td {
	/* padding-bottom: 9px !important; */
	padding-left: 13px !important;
}

.das_request .head_border {
	box-shadow: 0 0 10px var(--bs-gray-100);
}

/* Catalog RElated Course CSS */


/*Manager_dashboard*/

/*Message*/

.program-card .course_top_wrapper .heading_wrapper .course-img {
	width: 100%;
	height: 70px;
	position: relative !important;
}

.msg-table tr td {
	padding: 10px 4px !important;
}

.msg-table tr {
	height: 95px;
}

.msg-table .message {
	padding-top: 4px;
	font-size: 13px;
}

.msg-table tr td:nth-child(2) {
	width: 80px;
}

/* Learners'report styling by Divyani */

/*Report_page*/

.text_classroom {
	width: 100%;
	font-size: 18px;
	font-weight: 900;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
}

.text_header {
	width: 56%;
	font-size: 15px;
	font-weight: 900;
}

.num_learn {
	color: var(--bs-theme-orange);
	font-size: 28px;
	font-weight: 900;
}


/* Divyani code closed */

.btn-classroom .ec_continue_shop a.continue:hover {
	color: var(--bs-primary) !important;
}

.nosession {
	font-size: 15px;
	margin: 20px 0;
}

/* .user_box .learn_circleBlock {
	margin-bottom: 20px;
} */

.perform_head {
	box-shadow: 0 0 10px var(--bs-gray-100);
}

.user_table_one {
	border: 0 !important;
}

.user_perform_icon {
	width: auto;
}

#page #region-main .classroom_table table th {
	background-color: #c4c4c4;
}

/* program timeline  */

/* Media queries - Responsive timeline on screens less than 600px wide */



.online_p {
	margin-left: 0 !important;
}

#page-reports-course_progress_report .learner_filter {
	padding-top: 20px;
}


/* msg detail page */

.msg-sender {
	float: left;
	font-weight: bold;
	padding: 15px;
	width: 100%;
}

.next_table_box {
	width: 98%;
	padding-left: 20px;
}

.panel .panel-footer {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.panel .panel-footer ul {
	margin-bottom: 0;
}

.panel .panel-footer ul.list-inline li {
	margin-bottom: 0;
}

.panel>.list-group .list-group-item:last-child {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/*Profile Dropdown*/

.arrow-bottom {
	margin: 5px 0px 0 0px;
	position: relative;
}

#homeblocks .block-item {
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
}

#homeblocks .block-item h3 {
	margin-top: 0;
	text-transform: uppercase;
}

#homeblocks .block-item:hover {
	-webkit-box-shadow: 0px 0px 5px 0px #cfcfcf;
	-moz-box-shadow: 0px 0px 5px 0px #cfcfcf;
	box-shadow: 0px 0px 5px 0px #cfcfcf;
}

#homeblocks .block-item>a:hover {
	position: relative;
}

#homeblocks .block-item>a:hover img {
	display: block;
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#homeblocks .block-item .desc {
	padding: 20px;
	position: relative;
	padding-bottom: 0;
}

#homeblocks .block-item .desc p {
	font-size: 15px;
	line-height: 22px;
}

#homeblocks .block-item .desc:before {
	display: block;
	position: absolute;
	top: -10px;
}

#homeblocks .block-item .desc .btn {
	padding: 4px 16px;
}

/* ======= Page ======= */


#page ul li.list-group-item {
	margin-bottom: -1px;
}

#page ul.nav li {
	margin-bottom: 0;
}

#page ul.social-icons li .fa {
	margin-right: 0;
}

#page ol li {
	margin-bottom: 5px;
}

#page dl dd {
	margin-bottom: 10px;
}

#page #maincontent+h2 {
	margin-top: 0;
}

#page-login-forgot_password .ftoggler {
	margin-left: 20px;
}

#page #region-main .descriptionbox h2 {
	font-size: 30px;
	padding: 0 0 10px;
	margin: 0;
	border: none;
}

#page #region-main h3.sectionname {
	margin-top: 15px;
}

#page #region-main .nav-tabs {
	margin-top: 15px;
}

#page #region-main .nav-tabs+.box {
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
}

#page #region-main .nav-tabs+.alert {
	margin-top: 15px;
}

#page #region-main .nav-tabs+.entrybox {
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
	padding: 15px;
}

#page #region-main .title {
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 300;
}

#page #region-main .page-row {
	margin-bottom: 30px;
}

#page #region-main .has-divider {
	padding-bottom: 15px;
}

#page #region-main .row-divider {
	padding: 10px 0;
}

#page #region-main .read-more.btn {
	margin-bottom: 15px;
	display: inline-block;
}

#page #region-main .panel-title {
	font-size: 16px;
	font-weight: 300;
}

#page #region-main .video-iframe {
	max-width: 100%;
}

#page #region-main .que h2.no,
#page #region-main .que h3.no {
	font-size: 13px;
}

#page #region-main .blog_entry .audience {
	margin-bottom: 5px;
}

#page #region-main .blog_entry .attachments {
	margin-bottom: 5px;
}

#page #region-main .region-main-inner {
	overflow: hidden;
}

#page #region-main .coursebox {
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 15px;
	margin-bottom: 30px;
}

#page #region-main .coursebox h3.coursename {
	font-size: 18px;
}

#page #region-main .coursebox .content .summary,
#page #region-main .coursebox .content .coursecat {
	width: auto;
	float: none;
}

#page #region-main .course_category_tree .controls {
	margin-top: 15px;
}

#page #region-main .course_category_tree .controls div {
	padding: 5px 10px;
	font-size: inherit;
}

#page #region-main .course_category_tree .controls div.addtoall {
	margin-right: 5px;
}

#page #region-main #coursesearch input {
	margin-bottom: 0;
}

#page #region-main .course-content .section.main {
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
	margin-bottom: 15px;
}

#page #region-main .course-content .section.main .content .summary {
	margin-top: 15px;
}

#page #region-main .course-content .section .activity .activityinstance,
#page #region-main .course-content .section .activity .activityinstance div {
	display: block;
}

#page #region-main .block.block_course_overview {
	padding: 30px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#page #region-main .block.block_course_overview .content {
	margin: 0;
}

/* Override */

.container {
	width: 100%;
	margin: 0 auto;
}

fieldset .fcontainer {
	padding: 20px 15px;
	clear: both;
}

/*-------Tabs Outer----*/

.tabsOuter .no-course .minus a {
	float: left;
	width: 26px;
	height: 26px;
}

.d-box .sbox a {
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px 10px 0 0;
}

.d-box .sbox img {
	display: none;
}

/*---------Userprofile--------*/

#page #region-main table.description td span {
	font-size: 16px;
	font-family: "Lato";
	font-weight: 300;
	display: block;
}

#page #region-main table.description td {
	font-size: 20px;
	font-family: "Lato";
	font-weight: 300;
	padding: 5px 10px;
	height: 142px;
}

#page #region-main table.description a {
	font-size: 14px;
	font-family: "Lato";
}

ul.badges {
	margin-top: 15px;
}

.badges li {
	width: 49%;
	max-width: 150px;
	padding-bottom: 10px;
}

.badges li .badge-image {
	position: static;
	max-width: 100%;
	height: auto;
}

#page #region-main table.description td .badges li span {
	font-size: 14px;
}

/*-------Content-lower---------*/

.content-lower {
	width: 100%;
}

.dashboard-lower-left {
	width: 55%;
}

.dashboard-calender {
	width: 100%;
	height: 574px;
}

.dashboard-calender .dashboard-calender-icon,
.lower-right-upper .newcourse-icon,
.lower-right-bottom .messages-icon,
#page .blockformydoc #settingsnav h2 {
	height: 54px;
	font-size: 18px;
}

#page .blockformydoc #settingsnav h2 {
	margin-bottom: 8px;
}

#page .blockformydoc #settingsnav h2 span {
	width: 25px;
	height: 17px;
	float: left;
	margin: 0 10px;
}

.dashboard-calender .dashboard-calender-icon span {
	width: 24px;
	height: 20px;
	float: left;
	margin: 0 10px;
}

.lower-right-bottom .messages-icon a.message-setting {
	width: 27px;
	height: 24px;
	margin: -4px 10px 0 0;
}

.lower-right-upper .newcourse-icon a.message-setting {
	width: 32px;
	height: 28px;
	margin: -4px 10px 0 0;
	text-indent: -9999px;
}

.dashboard-calender .calender-view {
	margin: -34px 0 0;
}

.dashboard-calender .calender-view a {
	padding: 5px 10px;
	float: right;
}

.lower-right-upper .newcourse-icon span {
	width: 52px;
	height: 52px;
	float: left;
}

.lower-right-bottom .messages-icon span {
	width: 24px;
	height: 20px;
	float: left;
	margin: 0 10px;
}

.dashboard-calender .maincalendar .heightcontainer .buttons {
	float: right;
}

.dashboard-calender .maincalendar .heightcontainer .calendar-controls {
	padding: 10px;
}

.dashboard-calender .calender-block .controls table {
	position: relative;
}

.dashboard-calender .calender-block .legend-container {
	float: right;
	margin-right: 10px;
	margin-bottom: 1%;
}

.legend-container div {
	float: left;
}

.legend-container span {
	width: 10px;
	height: 10px;
	float: left;
	border-radius: 10px;
	margin: 6px;
}

.dashboard-calender .maincalendar .heightcontainer .calendar-controls .arrow_link.previous {
	width: 30px !important;
	height: 35px;
	font-size: 0px;
	float: left;
}

.calender-block .buttons {
	margin: 5px 0 0 0;
}

.calender-block .maincalendar td.calendar_multi_event {
	border-radius: 0px !important;
}

.calendar_multi_event a {
	background: none;
	color: var(--bs-gray-900);
}

.path-calendar .maincalendar .eventlist .event .commands a , .path-extensions-calendar .maincalendar .eventlist .event .commands a {
	font-family: "FontAwesome";
	border-radius: 50%;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
}

.dashboard-lower-right {
	width: 44%;
}

.lower-right-upper {
	/*height:280px;*/
	width: 100%;
	margin: 20px 0 0;
	float: left;
}

.lower-right-upper .newcourse {
	height: 44px;
	padding: 10px 0 0 40px;
}

/*.lower-right-upper .slider-new-courses{overflow:hidden;height: 237px;}*/

.lower-right-upper a.newcoursebox {
	width: 100% !important;
	margin: -1px 0 10px;
	padding: 15px;
	box-shadow: 0 0 6px 0 var(--bs-gray-200);
	background: var(--bs-white);
	float: left;
	border: 1px solid var(--bs-gray-300);
	border-left: 4px solid #fc902e;
}

.lower-right-upper a.newcoursebox.differentiate {
	border-left: 4px solid #429f37;
}

/*.lower-right-upper .new-course-block{float:left; width:147px!important; height:237px; padding:20px 5px; text-align:center;}*/

.lower-right-upper a.newcoursebox:last-child {
	margin: 0;
}

.lower-right-upper .new-course-image {
	width: 85px;
	float: left;
	min-height: 63px;
}

.lower-right-upper .new-course-image img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--bs-gray-400);
}

.lower-right-upper .new-course-details {
	padding: 0 0 0 100px;
}

.lower-right-upper .new-course-block .new-course-details .new-course-name {
	/* font-size:18px;*/
	word-break: normal;
	float: left;
	width: 60%;
	padding-top: 10px;
}

.lower-right-upper .new-course-block .new-course-details .new-course-category {
	float: left;
	width: 25%;
	padding: 10px 15px 0;
}

.lower-right-upper .new-course-block .new-course-details .new-course-preview-link {
	float: left;
	width: 15%;
	text-align: center;
	margin-top: 13px;
	border-radius: 4px;
}

.lower-right-bottom .messages {
	height: 44px;
	padding: 10px 0 0 40px;
}

.lower-right-bottom .message-block {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
}

.lower-right-bottom .message-block .message-sender-image,
.lower-right-bottom .message-block .message-sender-image a,
.lower-right-bottom .message-block .message-sender-image a img {
	float: left;
	border-radius: 30px;
}

.lower-right-bottom .block-content {
	float: left;
	overflow: scroll;
	overflow-x: hidden;
	/*height: 235px;*/
	width: 100% !important;
}

.lower-right-bottom .message-block .message-sender-image {
	margin: 10px 15px 10px 10px;
}

.lower-right-bottom .message-block .message-sender-image a img {
	width: 50px !important;
	height: 50px !important;
}

.lower-right-bottom .message-block .message-content {
	width: 100%;
	float: left;
	padding: 14px 12px 11px 12px;
}

.lower-right-bottom .message-block .message-content .message-sender-info {
	font-size: 12px;
}

.lower-right-bottom .message-block .message-content .message-content-details {
	float: left;
	width: 96%;
}

.requestsScroll .message-block {
	padding: 7px 0;
}

.requestsScroll .message-block .message-sender-image {
	margin: 0;
	width: 100%;
}

.requestsScroll .message-block .message-content {
	padding: 0;
	margin-top: 5px;
}

/*------------breadcrumb---------*/

.itemnote {
	float: left;
	font-family: "Lato", arial, sans-serif;
	font-size: 16px;
}

/*--------Buttons---------*/

#page #region-main .index-detail .prevblog,
#page #region-main .index-blog .prevblog {
	float: left;
	height: 47px;
	margin-right: 14px;
}

#page #region-main .index-detail .nextblog,
#page #region-main .index-blog .nextblog {
	float: left;
	height: 47px;
}

#page-blog-index #page .forumpost {
	margin-bottom: 15px;
	break-inside: avoid-column;
	border: 0px none !important;
	padding: 0px;
	width: calc(25% - 10px);
	float: left;
	margin: 5px 5px;
	height: 400px;
	position: relative;
}

#page-blog-index #page .forumpost:hover {
	box-shadow: 0px 4px 17px -5px rgba(0, 0, 0, 0.32);
	cursor: pointer;
}

input.pageurl {
	width: 100%;
}

#page .add_cms {
	clear: both;
	width: 100%;
}

/*-----------My Index---------*/

/*-----------Blog---------*/

.no-overflow p {
	padding: 0 20px;
	color: #1d1a1a !important;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.clock-div {
	margin-top: 5px;
}

#page #region-main .index-blog .forumpost {
	width: 24.5%;
	float: left;
	margin: 0 0.25% 15px;
	height: 390px;
	position: relative;
}

#page #region-main .index-blog .forumpost .row.header .author {
	position: absolute;
	top: -32px;
	font-size: 14px;
	font-family: "Lato";
	padding: 5px;
}

#page #region-main .index-blog .blog_entry .content {
	margin: 0;
	overflow: visible;
}

#page #region-main .index-blog .blog_entry .content .no-overflow {
	overflow: visible;
}

#page #region-main .index-blog .commands,
#page #region-main .index-blog .comment-link {
	float: left;
	position: absolute;
	bottom: -10px;
	left: 0px;
}

#page #region-main .index-blog .comment-link {
	right: 0;
	text-align: right;
	float: right;
	left: auto;
}

#page #region-main .index-blog .subject a {
	font-size: 16px;
	font-family: "Lato";
	font-weight: 700;
}

#page #region-main .index-blog .audience {
	display: none;
}

/*--------------Admin Calender---------*/

.event-list-form {
	width: 100% !important;
	float: left;
}

/*  */

/*------Learner Dashboard--------*/

.single-report-start .single-report-graph-right .course-status .nodata {
	float: left;
	width: 100%;
	margin-top: 10px;
}

/*player updated end*/

/*-----Certificates and Badges Tab--------*/

/*-------Last Report------*/

/*-----Course Report----*/

#fgroup_id_allocation_type_radioar fieldset.felement.fgroup span {
	width: 100%;
	float: left;
}

#fgroup_id_allocation_type_radioar fieldset.felement.fgroup {
	margin-left: 0px;
}

#fgroup_id_allocation_type_radioar div.fitemtitle {
	width: 230px;
}

.self-allocation-box {
	float: left;
	width: 100%;
	margin-left: 220px;
}

.fdescription img {
	vertical-align: super;
	margin-right: -3px;
}

/* input#id_newpasswordunmask {
	float: left;
	width: auto;
	margin-top: 5px;
	margin-right: 5px;
}

.cPicture.fitem {
	float: left;
	width: 100%;
} */

.mform .fpassword .unmask>label {
	display: inline-block;
	font-size: 13px !important;
	color: var(--bs-gray-600) !important;
}

#fitem_id_sunday, #fitem_id_monday, #fitem_id_tuesday, #fitem_id_wednesday, #fitem_id_thursday, #fitem_id_friday, #fitem_id_saturday {
	position: relative;
}

#fitem_id_sunday div, #fitem_id_monday div, #fitem_id_tuesday div, #fitem_id_wednesday div, #fitem_id_thursday div, #fitem_id_friday div, #fitem_id_saturday div {
	width: auto !important;
	padding: 0px !important;
}

#fitem_id_sunday .fcheckbox, #fitem_id_monday .fcheckbox, #fitem_id_tuesday .fcheckbox, #fitem_id_wednesday .fcheckbox, #fitem_id_thursday .fcheckbox, #fitem_id_friday .fcheckbox, #fitem_id_saturday .fcheckbox {
	position: absolute;
	left: 0px;
	top: -2px;
}

#fitem_id_sunday .fitemtitle, #fitem_id_monday .fitemtitle, #fitem_id_tuesday .fitemtitle, #fitem_id_wednesday .fitemtitle, #fitem_id_thursday .fitemtitle, #fitem_id_friday .fitemtitle, #fitem_id_saturday .fitemtitle {
	margin-left: 20px;
}


select#id_country {
	border: 0px none;
	background-color: transparent;
	border-bottom: 1px solid rgba(118, 118, 118, 0.5);
	width: 100%;
	padding: 0px;
	font-size: 13px;
	border-radius: 0px;
	height: 31px !important;
	color: var(--bs-gray-900);
}

select#id_country:focus {
	outline: 0px none;
}

/* .borderBlock .borderBlockSpace {
	padding: 0 0 0 0 !important;
} */

.pipeStyle {
	margin: 0 12px;
	color: var(--bs-gray-300);
}


/* list view catalog */



/* msg style */

/*-------Course Catalog*--------*/

/*Classroom Css*/

/* DA 14/01/20 */

/* classroom report */

/* classroom report end */

/*attendance popup*/

.pagelayout-classroompopup .wrapper {
	height: 100%;
	margin: 0 !important;
	padding-top: 10px;
	overflow: auto;
}

.pagelayout-classroompopup .wrapper #page #region-main,
.pagelayout-classroompopup .wrapper #page.container {
	min-height: inherit;
	padding-bottom: 10px;
	margin: 0 !important;
	width: 100% !important;
	left: 0 !important;
}

#page #region-main .attendance-performance #attendence_data {
	clear: both;
	padding: 0;
	margin-bottom: 20px;
}

/*add session popup*/

/*classroom-preview*/

.titlearea {
	clear: both;
}

.leftSectionTitle {
	float: left;
	width: 49%;
}

.titlearea .left-box {
	text-align: right;
	width: 49% !important;
}

.filepicker-filename {
	padding: 10px;
}

.filepicker-filename a:hover,
.filepicker-filename a:focus {
	color: inherit !important;
	cursor: default;
}

#page-course-classroom_report_details #page #region-main select {
	margin-bottom: 15px;
}

#page-calendar-view.path-calendar .maincalendar .eventlist .event .topic .name, #page-calendar-view.path-extensions-calendar .maincalendar .eventlist .event .topic .name {
	float: none !important;
	font-size: 14px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	/* width: 50% !important; */
	width: auto !important;
	padding: 0 24px 0 4px !important;	
	color: var(--bs-gray-900);
}
.ui-datepicker select.ui-datepicker-month:focus option,
.ui-datepicker select.ui-datepicker-year:focus option {
	color: var(--bs-gray-900);
}
.ui-datepicker thead th {
	font-weight: normal;
	color: var(--bs-primary);
}
.dndupload-progress-inner {
	height: 20px !important;
	display: block !important;
}

.moodleSkin .mceToolbar .mceListBox {
	display: table;
	width: auto !important;
}

#page #region-main .moodleSkin .mceListBox .mceOpen,
#page #region-main .moodleSkin .mceListBox .mceText {
	height: 28px;
	line-height: 28px;
	margin-top: 0;
}

.row_outer {
	margin: 0;
	padding: 0 20px;
}

#page-course-enrolcourse .row_outer {
	padding-left: 0px;
}

#page-course-enrolcourse .manage-team {
	padding-left: 0px;
}

.row_outer .row input[type="checkbox"] {
	vertical-align: -1px;
}

#page-course-enrolcourse textarea#remarks_text {
	min-width: 304px !important;
}

#page-course-enrolcourse input .hasDatepicker {
	min-width: 304px !important;
}

/*Global beyond 23feb*/

.certificateDwn {
	overflow: hidden;
	clear: both;
	padding: 5px 10px !important;
}

.certificateDwn span {
	line-height: 38px;
}

.certificate_of_completion .download_certificate:after {
	margin: -61px 0 0 !important;
}

.comment-approved {
	margin: 0.3em;
	position: absolute;
	right: 75px;
	top: -5px;
}

.comment-declined {
	margin: 0.3em;
	position: absolute;
	right: 20px;
	top: -5px;
}



#page #region-main table tr td div.a-box div div {
	border: 1px solid var(--bs-gray-300);
	border-bottom: none;
	border-left: none;
}

#page #region-main table tr td div.a-box div div:last-child {
	border-right: none;
}

#page-user-user_course_credithours_report #page #region-main table tr td div.a-box div div.class-title,
#page-user-user_course_credithours_report_print #page #region-main table tr td div.a-box div div.class-title {
	padding-left: 1%;
}

#page-user-user_course_credithours_report #page #region-main table tr td div.a-box div div.class-credit-hours,
#page-user-user_course_credithours_report_print #page #region-main table tr td div.a-box div div.class-credit-hours {
	padding-left: 12.5%;
}

#page-user-user_course_credithours_report #page #region-main table tr td div.a-box div div.class-type,
#page-user-user_course_credithours_report_print #page #region-main table tr td div.a-box div div.class-type {
	padding-left: 7%;
}

#page-user-user_course_credithours_report #page #region-main table tr td div.a-box div div.class-complition-date,
#page-user-user_course_credithours_report_print #page #region-main table tr td div.a-box div div.class-complition-date {
	padding-left: 1.5%;
}

#page-mod-scheduler-list .head th {
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
}

#page-mod-scheduler-list .tabLinks {
	margin-bottom: 20px;
}

#page-mod-scheduler-materialsview .asset_save {
	margin-bottom: 14px;
}

.file-picker.fp-dlg .fp-dlg-buttons {
	margin-left: 0 !important;
}

.selectShowHide {
	float: left;
	padding: 0 0 15px;
}

#report-search .charc-filter .selectShowHide select {
	margin-bottom: 0 !important;
}

#report-search .charc-filter .selectShowHide span {
	padding-top: 5px;
}

fieldset #report-search .charc-filter .selectShowHide select {
	margin-bottom: 0 !important;
}

fieldset #report-search .charc-filter .selectShowHide span {
	padding-top: 5px;
}

.lower-filter-external-label {
	float: left;
	margin: 0;
	width: 100%;
	padding-bottom: 10px;
}

#filter-external-label {
	text-align: right;
	margin-bottom: -9px;
}

/*footer updated 03/04/2015*/



.hide_text {
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

#end-date-div {
	display: none;
}

#colorbox #end-date-div {
	display: block;
}

#search-form .filter.learningPage span {
	margin-top: 5px;
	margin-bottom: 5px;
}

#search-form .filter span {
	float: left;
	line-height: normal;
}

#search-form .filter span input[type="checkbox"],
#search-form .filter span input[type="radio"] {
	margin-top: 0px;
	float: left;
}

#page-mod-scheduler-upload_document #page {
	margin: 50px 0 0;
}

#page-mod-scheduler-upload_document #page.container {
	min-width: 100%;
	min-height: inherit;
}

.full-height {
	min-height: 100px;
	min-width: 120px;
	padding: 0 0 40px;
	position: relative;
}

/* ---------DCK START-------- */

#page #region-main table.manageTable_nw tr:last-child {
	border-bottom: none !important;
}

/* ---------DCK END-------- */

/*.circleBlockRow > div:first-child{ padding-left:0}
	.circleBlockRow > div:last-child{ padding-right:0}*/


/* message */

p.sender-name {
	text-transform: capitalize;
	font-size: 14px;
}

.msgCheck {
	margin-top: 10px;
}

/* Subscription */

.approved_req {
	text-align: left !important;
	width: 100% !important;
}

.col-lg-2.managerBlock,
.col-md-2.managerBlock {
	width: 22.22%;
}

#addmembersform.borderBlock.borderBlockSpace table td.potentialcell {
	padding: 15px !important;
}

/*.quickLinks a:hover{ width:64px; height:64px; margin:-5px 0 20px -5px;}*/

#page #region-main .ACDifferentiate .potentialcell .userselector select option {
	border-left: 4px solid #ffcb21;
	margin: 0 0 2px;
	padding: 2px 5px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#page #region-main .ACDifferentiate .potentialcell .userselector select option.classroom {
	border-left: 4px solid #00c4ff;
}

#page #region-main .ACDifferentiate .potentialcell .userselector select option.program {
	border-left: 4px solid var(--program-course);
}



.marg_none {
	margin: 0 !important;
}

.topHeadingRow .main-heading {
	margin: 0;
	display: inline-block;
	font-size: 14px;
}

.topHeadingRow .seperater {
	float: right;
	margin-bottom: 10px;
}

/*shopping cart table*/

/*cart css start here*/

.buyertype {
	float: none !important;
	display: inline-block;
	padding-left: 10px;
}

.qtyclass {
	float: left;
}

.ec_classright_fx {
	display: flex;
	align-items: center;
}

/*cart css end here*/

select[multiple].selectHeight {
	width: 100%;
	height: auto;
}

/* Quick Help popup Css starts */

.searchBoxDiv2 input[type="text"] {
	border-radius: 0;
	padding: 6px 5px !important;
	max-width: 100%;
	width: 100%;
	font-family: "Lato";
	margin-bottom: 0;
	text-indent: 25px;
	background: transparent;
	height: 34px;
}

/****************** Responsive css ***********************/

/* Forum css */

.forumpost .row .topic {
	margin-left: 0;
	padding-left: 0;
}

.forumpost .subject {
	font-size: 19px;
	margin: 10px 0 10px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
}

.clickvalidator {
	text-transform: uppercase !important;
}

/*---------add compliance---------*/

.cartIconItems label {
	float: right;
	padding: 11px 10px 0 0;
}

.cartIconItems i {
	float: left;
}

.cartCountCircle {
	float: right;
	background: var(--bs-white);
	box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 50% !important;
	position: relative;
}

.cartCountCircle span {
	position: absolute;
	width: 35px;
	height: 35px;
	line-height: 36px;
	text-align: center;
	background: var(--bs-gray-300);
	border-radius: 50%;
	color: var(--bs-gray-900);
	right: -20px !important;
	top: -15px;
	font-size: 13px;
}

/* search css */

.ec_search-form .form-control {
	width: 75%;
	float: left;
	padding: 15px 20px;
	border: none;
	font-size: 20px;
	background: none;
	line-height: 1;
}

/*course page css start here*/

.ec_perform_row i {
	border: #1ca5ff 2px solid;
	border-radius: 17px;
	font-size: 11px !important;
	margin: 4px 10px 0 0;
	color: #1ca5ff;
	width: 15px;
	height: 15px;
}

.ec_perform_row span {
	width: calc(100% - 20px);
}

.ec_addCart {
	background: var(--bs-white);
	border-radius: 5px;
	padding: 0 0 15px 0;
	z-index: 999;
	margin-top: 15px;
	box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.05);
}

.course-heading {
	font-size: 18px !important;
	font-weight: 500 !important;
	margin: 20px 0;
}

.search-heading-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--bs-gray-600);
	margin-top: 0;
}

.continue-pad {
	padding: 4px 12px;
}

.ec_classleft span {
	color: var(--bs-gray-900);
	border-bottom: #f0f0f0 1px solid;
	font-size: 20px;
	padding: 0px 0 10px 0;
	margin: 0 0 10px 0;
	width: 100%;
	display: block;
}

.ec_classleft p {
	font-size: 14px;
	color: #8a8989;
}

.priceblue {
	float: left;
	margin-right: 11px;
	font-size: 26px;
	color: var(--bs-primary);
	position: relative;
	font-weight: bold;
}

.ec_classright button {
	display: inline-flex !important;
	float: left;
	align-items: center;
	margin-bottom: 5px;
	margin-top: 0px;
}

.ec_classright button:hover {
	background: var(--bs-white);
	border-radius: 4px;
}

.ec_classright button .material-icons {
	margin-top: -4px;
	margin-right: 4px;
}

.ec_classright .ec_continue_shop {
	float: left;
	margin: 0 10px 0 0 !important;
}

.ec_classright .ec_continue_shop a.continue {
	min-width: auto;
	margin: 0 !important;
	padding: 5px 10px !important;
	font-size: 14px !important;
}

.accordianarrow {
	background: #f0f0f0;
	color: var(--bs-gray-900);
	width: 40px;
	height: 40px;
	border-radius: 30px;
	display: inline-flex !important;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
}

.ec_calender_div {
	background: #f0f0f0;
	display: block;
}

.accordion-toggle:hover {
	text-decoration: none;
}

.card-block {
	margin: 0 auto;
	padding: 0px;
	border-radius: 0 0 6px 6px;
	min-height: 100px;
}

.ec_acrow {
	padding: 20px 0 0 0;
}

.ec_classright {
	padding-top: 15px;
}

.session_outer ul {
	margin: 0;
	padding-left: 0;
}

.session li {
	width: 235px;
	min-height: 220px;
	margin: 0 10px 15px 0;
	background: var(--bs-white);
	border-radius: 0;
	font-size: 14px;
	list-style: none;
	display: block;
	float: left;
	padding: 15px;
	border: 1px solid var(--bs-gray-400);
}

.session_outer h4 {
	color: var(--bs-gray-900);
	font-size: 20px;
	padding: 0px 0 0px 0;
	font-weight: 500;
	margin-bottom: 0px;
	width: 100%;
	display: block;
}

.session li i {
	font-size: 14px;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
}

#page-cart-descriptionbeforelogin #page-content {
	margin-top: 120px;
	margin-bottom: 100px;
}

#page-cart-cartviewbeforelogin #page-content {
	margin-top: 120px;
}

/*classes page css end here*/



/*Square Thumbnail*/

.catalog-des--grid {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	padding-top: 10px;
	margin-bottom: 10px;
}

.catalog-des--grid p {
	font-size: 13px;
	margin: 0;
	line-height: 19px;
	color: var(--bs-gray-900) !important;
}

#coupon_code {
	margin-bottom: 0.4em;
}

/*alpana css*/

.qtytext-content {
	width: 65px;
	margin: auto;
	display: block;
}

.qtytext-content>span {
	padding-top: 15px;
	display: inline-block;
}

.overflow-v {
	overflow: visible !important;
}

.msgAlertRed {
	position: absolute;
	z-index: 9999;
	top: -5px;
	right: 14px;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	padding: 10px 35px 10px 10px;
	font-size: 16px;
	color: red;
	width: 485px;
	border-radius: 5px;
	font-family: "Lato", sans-serif;
	word-wrap: break-word;
}

.msgAlertRed a.close {
	margin: 0;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 5px;
	content: "x";
	padding: 0px 8px 5px;
	opacity: 0.7;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	cursor: pointer;
}

#page #region-main .generaltable2 td,
#page #region-main .generaltable2 th {
	border: 1px solid var(--bs-gray-300) !important;
}

.errorCLass {
	border: 1px solid red !important;
}

.errorCLass1 {
	border: 1px solid red !important;
}

#page .adminiconsBar .inline_content a.close {
	margin: 0;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 5px;
	content: "x";
	padding: 0px 8px 5px !important;
	opacity: 0.7;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	cursor: pointer;
	line-height: 1 !important;
	width: auto !important;
	height: auto !important;
	font-size: 21px !important;
	margin: 0 !important;
	border-radius: 0;
}

#page .adminiconsBar .inline_content a {
	border: none;
	width: auto;
	height: auto;
	line-height: normal;
	text-indent: 0;
	background: none;
	float: none;
	overflow: visible;
}

#page .adminiconsBar .inline_content::before {
	right: 65px;
}

.shortcut_text {
	clear: both;
	text-align: right;
	padding: 10px 0;
}

.shortcut_text * {
	display: inline-block;
	padding: 0 5px;
}

.shortcut_text.none {
	display: none !important;
}



/* my css customize */

.salesreportprint_table .detailDiv b {
	float: left;
	margin-right: 5px;
}

.testemaildiv .fitem .fitemtitle,
.testemaildiv .fitem .felement {
	width: auto !important;
	float: left;
	padding-right: 10px;
}


/****** Resource access style start  *****/

.yui3-datatable-header.yui3-datatable-col-settings {
	border-right: 0 !important;
	width: 50px !important;
	text-transform: capitalize;
}


.fp-pathbar {
	min-height: 30px;
	padding: 5px 8px 1px;
	border-top: 0;
	background: #eaeaea;
	line-height: 30px;
}

/****** Resource access style end  *****/

/******** SAAS LMS 2020 **********/

.wrapper #page.container {
	margin: 110px 0 0 0px !important;
	padding-bottom: 20px;
	min-height: 468px;
	width: calc(100% - 80px);
	min-width: calc(100% - 80px);
	left: 80px;
	float: left;
	position: relative;
	background: transparent;
	padding-top: 20px;
}

.header_search .right_header .login_profile_container {
	float: right;
}

.breadcrumb-dashboard {
	padding: 0;
	background: var(--bs-theme-bg);
	margin: 0;
	height: 50px;
	position: fixed;
	z-index: 99;
	top: 70px;
	left: 110px;
	right: 30px;
	width: auto;
}

.main-nav .nav li .dropdown-menu a {
	padding: 8px 20px !important;
	text-indent: unset;
	color: var(--bs-white);
	margin: 0;
}

/***************/



/*****************/

.course_top_wrapper .heading_wrapper .course-img {
	width: 100%;
	height: 200px;
	position: relative;
}

.course_top_wrapper .heading_wrapper .course-img .course_type.onlinecourse {
	background: #ffcb21;
	color: var(--bs-gray-900);
}

.course_top_wrapper .heading_wrapper .course-img .course_type.program {
	background: var(--program-course);
	color: var(--bs-gray-900);
}

.course_top_wrapper .heading_wrapper .course-img .course_type.classroom {
	background: #00c4ff;
	color: var(--bs-gray-900);
}

.learningpage_dashboard .bx-wrapper .bx-viewport {
	height: 475px !important;
	left: 0px;
	width: 100% !important;
}

.course_top_wrapper .heading_wrapper .c-heading {
	float: left;
	padding: 15px 15px 0px 15px;
	text-overflow: ellipsis;
	width: 100%;
	color: var(--bs-gray-900);
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.grid_bottom .catalog_course_button {
	float: left;
}

#common-search.learning-search_header {
	display: block;
}

.view_learn {
	font-size: 15px;
	font-weight: 400;
	float: left;
	margin-top: 2px;
}

.listView .course_top_wrapper,
.listView .catalog_top_wrapper {
	height: auto;
}

/* .classroom_learningpath_wrapper {
	float: left;
	width: 30%;
	position: relative;
} */

.statistic_divider {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.statistic_divider .statistic_progress,
.statistic_divider .statistic_count,
.statistic_divider .statistic_catname {
	width: 50%;
	float: left;
	display: flex;
	align-items: center;
}

.statistic_divider .statistic_hours,
.statistic_divider .statistic_date,
.statistic_divider .statistic_rating {
	width: 50%;
	float: left;
	padding-left: 4px;
	display: flex;
	align-items: center;
}

.statistic_catname .statistic_catname_value {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.statistic_progress_text,
span.statistic_hours_text {
	display: block;
	float: left;
	width: auto;
	font-size: 14px;
}

span.statistic_hours_text {
	width: auto;
}

.acknowledge {
	/* min-width: 100px; */
	text-align: center;
	position: relative;
	display: block;
	float: left;
	padding-right: 20px;
	font-size: 13px;
	border-radius: 4px;
}
.lang_flags_wrapper{
	position: absolute;
    top: 150px;
    background: #fff;

    /* width: 80%; */
    right: 0px;
	border-radius: 2px;

	/* max-height: 105px;
	overflow-y: auto;
	opacity: 0; */
    /* visibility: hidden; */
    /* transition: opacity 0.6s ease, visibility 0.6s linear; */
	overflow: hidden;
	max-height: 0;
    transition: max-height 0.5s ease;
	z-index: 9;
	width: 140px;
}
.lang_flags_wrapper_inner {
	padding: 10px;
	overflow-y: auto;
	max-height: 85px;

}
.lang_flags_wrapper.visible {
	/* opacity: 1;
    visibility: visible; */
	max-height: 85px;

	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .15);
}
.lang_flag {
	margin: 5px 14px 5px 0;
	float: left;
    width: calc(33.33% - 10px);
}
.lang_flag:nth-child(1),
.lang_flag:nth-child(2),
.lang_flag:nth-child(3) {
	margin-top: 0px;
}
.lang_flag:nth-child(3n + 3) {
    margin-right: 0px;
}
.lang_flag img {
	width: 100%;
    height: 20px;
    object-fit: fill;
    border-radius: 2px;
    box-shadow: 0 0 4px #a4a4a4;
	cursor: pointer;
}
/*dashboard*/

.request_box table th {
	background-color: var(--bs-white) !important;
	border: 0 !important;
}

/* .dashboard_box {
	background: url(/theme/boost/pix/sprite-assettype.svg) no-repeat;
	width: 70px;
	display: inline-block;
	background-size: 29em !important;
	height: 70px;
} */

.block .minicalendar {
	border: none !important;
}

.das_request span {
	font-size: 20px;
	margin-right: 13px;
}

/* catalog dashboard css */

span.before_profile {
	font-weight: bold;
}

/* catalog dashboard css */

/* notification UI */

/* event css */

.request_box table th {
	padding: 15px !important;
}

.dash_cal table tr {
	padding-top: 1px;
}

.request_box table {
	max-width: 100%;
	margin: 0 auto;
}

/* Catalog RElated Course CSS */


/*Manager_dashboard*/

.manag_das .tab-content {
	margin-top: 15px;
}

/*Message*/

/* #page #region-main table td {
	border: none !important;
} */

.program-card .course_top_wrapper .heading_wrapper .c-heading {
	float: left;
	width: 100%;
	padding: 10px 15px 0px 15px;
	color: var(--bs-gray-900);
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	/* display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: unset; */
	line-height: 18px;
	text-align: center;
	font-size: 16px;
}

.markcheck:after {
	content: "";
	position: absolute;
	display: none;
}

.container_check input:checked~.markcheck:after {
	display: block;
}

.catlog-course-rel {
	width: calc(33% - 15px);
	float: left;
	margin: 7px 15px 7px 0;
	background: var(--bs-white);
	height: 225px;
}

.catlog-course-rel--img {
	width: 100%;
	height: 150px;
}

.catlog-course-rel--img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*Report_page*/

.brown_status {
	background-color: var(--notstarted-color);
}

.bar_row {
	border-bottom: 1px solid #e3e3e3;
}

.status_online {
	background-color: var(--online-course);
}

.program_green {
	background: var(--program-course);
}

.program_table {
	height: 150px !important;
}

.next_table::-webkit-scrollbar {
	width: 5px;
	background-color: #e3e3e3;
}

.next_table::-webkit-scrollbar-thumb {
	background: #c4c4c4;
}

.orange_learn {
	background-color: var(--online-course);
}

.green_status {
	background: var(--program-course);
}

.text_header {
	width: 56%;
	font-size: 15px;
	font-weight: 900;
}

.learn_circleBlock {
	background-color: var(--bs-white);
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 20px 0 25px 0;
	border: 1.4px solid var(--border-color-light);
	border-radius: 6px;
}

.course_text {
	font-weight: bold;
	line-height: 15px;
	width: auto;
}

.event-bottomRow .event-timedate {
	width: 100%;
	display: flex;
	margin-bottom: 5px;
	font-size: 14px;
}

.event-bottomRow .event-timedate span:first-child {
	padding-right: 10px;
}

/* file manager */

#page-user-editprofile .newfilemanager .filemanager-container table tr {
	border-bottom: 0px none !important;
}

#page-course-edit .filemanager-container table tr {
	border-bottom: 0px none !important;
}

#page #region-main .newfilemanager .filemanager-container table tr {
	border-bottom: 2px solid var(--bs-gray-300);
}

#page #region-main .newfilemanager .filemanager-container table tr td {
	background: var(--bs-white) !important;
	padding: 10px;
	line-height: unset;
}

.new_btn_wrapper_file .btn_col1 {
	flex-basis: 30%;
	max-width: 30%;
}

.new_btn_wrapper_file .btn_col2 {
	flex-basis: 70%;
	width: 70%;
}

.new_btn_wrapper_file button,
.new_btn_wrapper_file button:focus,
.new_btn_wrapper_file button:active {
	margin: 0 5px 5px 0 !important;
}

.new-fp-info .fp-thumbnail {
	margin-right: 15px !important;
}

.new-fp-info .btn_wrapper_file_bottom,
.new-fp-info .btn_wrapper_file_bottom .fp-select-buttons {
	padding: 0 !important;
}

#cboxOverlay {
	background: #aaaaaa !important;
	opacity: 0.4;
}

.nosession {
	font-size: 15px;
	margin: 20px 0;
}

/* performance table */

#page #region-main .user_perform_table table th {
	background-color: #c4c4c4;
	border: none;
}

#page #region-main .user_perform_table table tr td div.a-box div {
	border: 0;
	border-bottom: 1px solid var(--bs-gray-100);
	font-size: 14px;
}

.msgbody a {
	float: left;
}

.search-header input[type="text"]::placeholder {
	color: var(--bs-gray-900);
}

#search-form input[type="text"]::placeholder {
	color: var(--bs-gray-900);
}

.search-input #search-form input[type="text"]::placeholder {
	color: var(--bs-gray-900);
}

.search-input #search-form input[type="text"]::-moz-placeholder {
	color: var(--bs-gray-900);
}

.user_dash_box .headerBlockLabel {
	box-shadow: none;
	background-color: transparent !important;
	border: none !important;
	width: auto;
	float: left;
}

/*User*/

#page #region-main .user_dash_box table tbody tr td:first-child {
	padding-left: 20px;
}

.user_dash_box .add-course-button {
	float: left;
}

/* catalog grid view style */

.catalog-course--img img {
	max-height: 100%;
	width: 100%;
	object-fit: cover;
}



/*User*/

.user_dash_box .table1 {
	width: 100%;
	margin: 0 auto;
}

/* custom checkbox */

.pay-policy {
	width: 100%;
	float: left;
	font-size: 14px;
	padding: 10px 0;
}

.pay-policy a {
	color: var(--bs-primary);
}

.remove-cart .material-icons {
	color: var(--bs-gray-600);
}

.headerText {
	background: transparent !important;
	font-size: 20px;
}

.lastcol .hide-mon {
	display: none;
}

/* DV CSS */

.fullwidth {
	width: 100%;
	float: left;
}

.learner_filter .button-link+.button-link {
	margin: 0;
}

/* end */

#page-calendar-event #id_cancel {
	display: none;
}

/*Order_list*/

.program_icon {
	background-position: 8px 5px;
}

#report-search .charc-filter .learner_filter select {
	border-radius: 3px;
	margin-right: 0px;
}

.fp-toolbar .fp-btn-download a:hover:before {
	color: var(--bs-primary);
}

#page-mod-scheduler-learner_grade .borderBlockSpace {
	overflow: inherit !important;
}

#page-mod-scheduler-learner_grade .course-header {
	width: 100% !important;
	margin-bottom: 0px;
}

html {
	height: 100%;
}

body.pagelayout-classroompopup {
	min-height: 0;
}

body.lockscroll {
	height: auto;
}

.fp-filename {
	font-size: 14px;
}

/*-------Fp-toolbar------*/

.resource_link td {
	cursor: pointer;
}

.resource_link td:hover span {
	cursor: pointer;
	color: var(--bs-primary);
}

.resource-page .fp-path-folder {
	margin-right: 20px;
}

/*-------Fp-viewbar------*/
/* Forum */

.forumpost {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 15px;
}

.choosercontainer #chooseform .option label .typesummary {
	font-weight: normal;
	line-height: inherit;
}

.loginpanel .error {
	display: block;
	padding: 15px 10px;
}

.profilepicture {
	float: left;
	margin-right: 40px;
	padding: 5px;
}

.descriptionbox {
	overflow: auto;
}

.descriptionbox .text-description {
	padding: 0 0 15px;
}

.descriptionbox .descriptionbox-col {
	width: 50%;
	float: left;
	padding: 0 1%;
	min-height: 284px;
}

#page #region-main .add_cms h2.heading {
	height: 41px;
	padding: 10px 0 0 10px;
	font-size: 16px;
	font-family: "Lato", arial, sans-serif;
}

/*----------Upload User----------*/

#department-teams {
	display: none;
}

/*--------------Admin Calender---------*/

.single-report-start .single-report-graph-right .course-status .nodata {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.single-report-start .single-report-graph-right .course-status span {
	border-radius: 2px 2px 0 0;
	float: left;
	padding: 5px 11px;
}

.single-report-start .single-report-graph-right .course-status .notstarted h6,
.single-report-start .single-report-graph-right .course-status .inprogress h6,
.single-report-start .single-report-graph-right .course-status .completed h6,
.single-report-start .single-report-graph-right .course-status .noshow h6,
.single-report-start .single-report-graph-right .course-status .nodata h6 {
	width: auto;
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 29px;
}

.single-reports-listing {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.single-reports-listing h2 {
	height: 41px;
	padding: 10px 0 0 0;
	font-size: 16px !important;
	float: left;
	width: 100%;
	padding-left: 1%;
}

.institue_about h2 {
	display: none;
}

#page #region-main .institue_about header h2 {
	display: block;
	font: 700 35px/35px "Lato", Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	margin: 0;
	text-align: center;
}

#page #region-main .institue_about h5 {
	padding: 10px 0 3px;
	font-weight: 700;
	margin: 0;
}

#page #region-main .institue_about p {
	font: normal 15px/22px "Lato", Arial, Helvetica, sans-serif;
	padding: 10px 0;
	margin: 0;
}

.contactuspage-row-one,
.contactuspage-row-two {
	text-align: center;
	padding-bottom: 30px;
}

#page #region-main .institue_about h3 {
	display: inline-block;
	font-family: "Noto Sans", "Lato", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 30px;
	overflow: hidden;
	padding: 0 0 10px;
	position: relative;
}

#page #region-main .institue_about .contactus-left-col h3:first-child,
#page #region-main .institue_about .contact-right-section h3:first-child {
	margin-top: 0;
}

#page #region-main .add_cms table p {
	margin: 0;
}

#page #region-main .institue_about h3>i {
	bottom: 0;
	height: 3px;
	left: 50%;
	margin-left: -38px;
	position: absolute;
	width: 76px;
}

.contact-right-section {
	padding-left: 60px;
}

/*player updated*/

#page-mod-scorm-player #page {
	margin-top: 0;
}

#page-mod-scorm-player #page-content {
	padding-bottom: 0;
}

#maincontent {
	height: 0;
}

#page-mod-scorm-player,
#page-mod-scorm-player .page,
#page-mod-scorm-player #page-content,
#page-mod-scorm-player #page #region-main,
#page-mod-scorm-player #region-main>div[role="main"],
#page-mod-scorm-player #scormpage #toctree {
	height: 100% !important;
	margin-bottom: 0 !important;
}

#page-mod-scorm-player #scorm_layout {
	height: 100% !important;
}

#page-mod-scorm-player #scormpage #scorm_content {
	line-height: 0;
}

#page-mod-scorm-player #page {
	padding: 0 !important;
	height: 100%;
}

#page-mod-scorm-player #scormpage #scorm_object {
	height: 100%;
	width: 100%;
}

/*-----Course Report----*/

#fgroup_id_allocation_type_radioar fieldset.felement.fgroup span {
	width: 100%;
	float: left;
}

#fgroup_id_allocation_type_radioar fieldset.felement.fgroup {
	margin-left: 0px;
}

#fgroup_id_allocation_type_radioar div.fitemtitle {
	width: 230px;
}

.self-allocation-box {
	float: left;
	width: 100%;
	margin-left: 220px;
}

.self-allocation-box .hide {
	display: none;
}

.cPicture .felement {
	float: left;
}

#fitem_id_lastname .felement {
	position: relative;
}

#fitem_id_firstname .felement {
	position: relative;
}

#fitem_id_email .felement {
	position: relative;
}

div#fitem_id_email img,
#fitem_id_firstname img,
#fitem_id_newpassword img,
#fitem_id_role img {
	position: static;
	left: 25px;
	margin-top: 3px;
}

#fitem_id_lastname img {
	position: static;
	left: -5px;
	margin-top: 3px;
}

#page-user-editprofile #region-main .mform:not(.unresponsive) .fitem .felement {
	float: none;
}

div#fitem_id_password .felement,
#fitem_id_newpassword1 .felement,
#fitem_id_newpassword2 .felement {
	position: relative;
	float: none !important;
}

.fdescription img {
	vertical-align: super;
	margin-right: -2px;
}

.filedset_outer .fitemtitle {
	font-size: 14px !important;
	margin-bottom: 5px !important;
}

.adduser-div {
	margin-top: 0;
	float: left;
}

.borderBlock {
	background: transparent !important;
	border: 0px none !important;
}

/* msg style */


/*add session popup*/

.mform .fdescription.required {
	margin-left: 0px;
	padding-top: 10px;
	text-align: left;
}

/*classroom-preview*/

.dndupload-progress-inner {
	height: 20px !important;
	display: block !important;
}

.moodleSkin .mceToolbar .mceListBox {
	display: table;
	width: auto !important;
}

.customListBox .listitem span {
	display: block;
	padding: 0 0 0 20px;
}

.customListBox .listitem label {
	font-size: 14px;
	margin: 0;
	line-height: normal;
}

.sortable-placeholder {
	height: 83px;
	position: relative;
	float: left;
	width: 100%;
}
.moodleSkin .mceToolbar td {
	padding: 0 !important;
}
/* ---------DCK START-------- */

.searchIcon_nw button[type="button"] {
	margin-left: 8px;
}

.filterBy_nw {
	right: 30px;
}

/* ---------DCK END-------- */

.circleBlock>div {
	display: inline-block !important;
}

.circleBlock input {
	font: 28px "Lato" !important;
	opacity: 0;
	font-weight: 700 !important;
}

.circleBlock .nameText {
	display: block;
}

.circleBlock .buttonsRow {
	position: absolute;
	height: 45px;
	left: 0;
	right: 0;
	bottom: 0;
}

.circleBlock .buttonsRow a {
	float: left;
	width: 50%;
	height: 45px;
	font: 16px/45px "Lato" !important;
}

.circleBlock .fa {
	clear: both;
	color: #444;
	display: block;
	font-size: 24px;
	height: 35px;
	margin: 20px 0 0;
}

.circleBlock .buttonsRow a.fa-eye {
	width: 100%;
}

.circleBlock .buttonsRow a.fa-eye:before {
	content: "\f06e" !important;
}

.circleBlock .buttonsRow a.fa-eye:after {
	display: none;
}

.tabsBlock {
	border: 1px solid var(--bs-gray-300);
}

.tabsBlock .nav-tabs {
	margin: 0 !important;
}

.tabsBlock .nav-tabs li {
	margin: 0;
	margin-left: -1px;
	width: 33.6%;
}

.tabsBlock .nav-tabs li.headerBlockLabel {
	width: 100%;
	margin: 0;
	list-style: none;
	/*border: 1px solid #e8e8e8 !important;*/
}

.tabsBlock .nav-tabs li a,
.tabsBlock .nav-tabs li a:hover {
	text-align: center;
	height: 53px;
	font-size: 16px;
	line-height: 30px;
}

.tabsBlock .nav-tabs li:first-child a {
	margin-left: 2px;
}

.tabsBlock .nav-tabs li span {
	position: relative;
}

.tabsBlock .nav-tabs li span em {
	font-size: 11px;
	font-style: normal;
	height: 18px;
	line-height: 18px;
	min-width: 18px;
	position: absolute;
	right: -15px;
	text-align: center;
	top: -10px;
}

.tabsBlock .tab-content {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.tabsBlock .tab-content .tab-pane {
	height: 240px;
	padding: 5px 10px;
}

#fitem_id_deletepicture {
	display: none;
}

/* message */

.new-rowmessage .message-title {
	color: #fa6800;
	font-weight: bold;
}

.new-rowmessage .msg-date {
	color: #fa6800;
	font-weight: bold;
}

.new-rowmessage .sender-name {
	font-weight: bold;
}

.msgCheck {
	margin-top: 10px;
}

/* Subscription */

.current_subscription {
	padding: 15px;
	font-size: 20px;
	text-align: center;
	border-radius: 25px;
}

.fa-exclamation-circle {
	margin: 0 10px 0 0;
	font-size: 24px;
	vertical-align: -1px;
}

.pacakage_container {
	margin: 15px 0 0;
	text-align: center;
	display: flex;
}

.pacakage_container .pacakages {
	padding: 15px 15px 50px;
	position: relative;
	text-align: center;
	/*height:100%;min-height: 600px;*/
}

#page #region-main .pacakage_container .pacakages h2 {
	margin: -15px -15px 15px;
	padding: 10px 0;
	font: 32px "Lato";
	font-weight: 700;
}

#page #region-main .pacakage_container .pacakages h2 em {
	font: 18px "Lato";
	display: block;
	padding: 10px 0;
}

.pacakage_container .col-lg-4.col-md-4:first-child {
	padding-left: 0;
}

.pacakage_container .col-lg-4.col-md-4:last-child {
	padding-right: 0;
}

.pacakage_container .pacakages ul {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
}

.pacakage_container .pacakages ul li {
	padding: 10px 0;
	font-size: 17px;
}

.pacakage_container .pacakages ul ul {
	font-style: italic;
}

.pacakage_container .pacakages ul li span {
	font-size: 50px;
}

.pacakage_container .pacakages ul li small {
	font-size: 25px;
}

.pacakage_container .pacakages ul li em {
	font-size: 15px;
	display: block;
	opacity: 0.8;
}

.buttonBar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
}

input#card_num,
input#coupon_code {
	float: left;
	width: 250px;
}

input#exp_date {
	float: left;
	width: 150px;
}

.exp_date1 {
	float: left;
	width: 70px;
}

.exp_date_divider {
	float: left;
	width: 10px;
}

input#card_code {
	float: left;
	width: 70px;
}

.original_price.linethrough {
	text-decoration: line-through;
	margin: 0 10px 0 0;
}

.compnyList {
	padding: 10px;
	border-bottom: 1px solid var(--bs-gray-300);
}

.compnyList a.active:before {
	content: "\f104";
	font: 16px "FontAwesome";
	margin: 0 10px 0 0;
}

.profile-dropdown li a:before {
	display: inline-block;
	margin: 0 5px 0 10px !important;
}

.profile-dropdown li a.fa-shopping-bag:before,
.profile-dropdown li a.fa-history:before {
	font-size: 16px !important;
}

.tabsBlock .nav-tabs li a,
.tabsBlock .nav-tabs li a:hover {
	border-top: none !important;
}

.tabsBlock .block .minicalendar td {
	background: none !important;
}

.tabsBlock .block .minicalendar td.today {
	border: none !important;
	background: var(--bs-primary) !important;
	border-radius: 48% !important;
	font-weight: bold;
	color: var(--bs-white);
}

.block .minicalendar caption {
	border: 0px none !important;
	background: var(--bs-white) !important;
	margin: 10px 0 !important;
}

.tabsBlock .block .minicalendar th {
	background: var(--bs-gray-200) !important;
}

.tabsBlock .block .minicalendar td.today {
	border: none !important;
	background: var(--bs-primary) !important;
	font-weight: bold;
	color: var(--bs-white);
}

.tabsBlock .block .minicalendar td {
	border-radius: 0;
}

.block .calendar-controls .previous,
.block .calendar-controls .next {
	color: var(--bs-gray-900) !important;
}

.calendar-event-panel,
.calendartable td .cal-div .pointer {
	display: none !important;
}

#colordiv {
	/* border-radius: 50%;*/
	height: 30px;
	right: 25px;
	position: absolute;
	top: 26px;
	width: 30px;
	border: 3px solid var(--bs-gray-200);
}

#fitem_id_theme {
	position: relative;
}

.circleBlock .fa.fa-minus::before {
	border: 1px solid #898989;
	display: inline-block;
	height: 5px;
	line-height: 0;
	overflow: hidden;
	padding: 3px 10px 2px 0;
}

.main-nav .nav>li a.faqs,
.main-nav .nav>li a.training-videos {
	display: none;
}

.main-nav .nav>li a.training-videos {
	background: url([[pix:theme|faq_video]]) no-repeat 0 28% !important;
}

.main-nav .nav>li a.faqs {
	background: url([[pix:theme|faq_video]]) no-repeat 0 -36px !important;
}

.main-nav .nav>li a.faqs:hover {
	background-position: 0 -134px !important;
}

.main-nav .nav>li a.training-videos {
	background-position: 0 2px !important;
}

.main-nav .nav>li a.training-videos:hover {
	background-position: 0 -76px !important;
}

.menuBtnBox+.menuBtnBox {
	left: 10px;
}

.menuBtnBox+.menuBtnBox+.menuBtnBox {
	left: 20px;
}

.menuBtnBox+.menuBtnBox+.menuBtnBox+.menuBtnBox {
	left: 30px;
}

.getprogramcourse2 .toggle-button-programcourse2 {
	cursor: default;
}

.button-link.inactive,
.button-link.inactive:focus,
.button-link.inactive:hover,
.button-link.inactive:focus:hover {
	background: var(--bs-gray-300) !important;
	cursor: default;
	color: var(--bs-white) !important;
	border: 2px solid var(--bs-gray-300) !important;
}


.portraitMessage {
	display: none;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -50px 0 0;
	height: 100px;
	font-size: 20px;
	color: var(--bs-gray-900);
	z-index: 1000000009;
}

.lanscapeMessage {
	display: none;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -50px 0 0;
	height: 100px;
	font-size: 20px;
	color: var(--bs-gray-900);
	z-index: 1000000009;
}

.singleButtonDiv {
	width: 40px;
	margin: 0 auto;
}

.commentButton {
	float: right;
	padding: 5px 15px 0 0;
}

.commentButton {
	float: right;
	padding: 5px 15px 0 0;
}

.fcontainerfaq .commentButton {
	display: inline-block;
	float: none;
	padding: 0 5px;
	font-size: 16px;
}

.addAttach {
	width: 28px;
	height: 28px;
	display: inline-block;
	margin: 0 5px;
	vertical-align: 7px;
}

.addAttach::before {
	content: "\f15b";
	display: block;
	font: 20px/28px "FontAwesome";
	text-align: center;
}

.addAttach::after {
	background: var(--bs-white) none repeat scroll 0 0;
	/*color: #1b5932;*/
	content: "\f055";
	display: block;
	font: 14px "FontAwesome";
	height: 10px;
	margin: -30px 0 0;
	position: relative;
	width: 10px;
}

/*shopping cart table*/

/*cart css start here*/

/*cart css end here*/



.poptable_container {
	padding: 20px;
	background-color: var(--bs-white);
}

/* Quick Help popup Css starts */

.search_clear_button2 {
	position: absolute;
	width: 15px;
	left: 10px;
	top: 6px;
}

.search_clear_button2 button[type="button"] {
	background: none;
	width: 15px;
	height: 16px;
	float: left;
	border: 0px none !important;
	padding: 0;
	margin: 0;
	color: var(--bs-gray-700);
	box-shadow: none !important;
}

.search_clear_button2 button[type="button"]:before {
	content: "\f002";
	font-size: 15px;
	font-family: var(--fa);
	font-weight: 900;
}

.naspheader_fixed .main-nav.outernav .nav {
	margin: 0 !important;
	background: var(--brownlight);
}

.naspheader_fixed .main-nav.outernav .nav li {
	margin: 0;
	padding: 0;
}

.naspheader_fixed .main-nav.outernav .nav li a {
	padding: 0 25px !important;
	color: var(--bs-white);
	font-size: 16px !important;
	height: 103px;
	line-height: 103px !important;
}

.cart_course_status {
	color: red;
}

#page #region-main .completeSurvey h2.icon_title {
	margin-bottom: 10px;
}

#page-index .search_clear_button input[type="button"],
.cdpriye .search_clear_button input[type="button"] {
	background: url([[pix:theme|icons-new]]) no-repeat -443px -161px;
	width: 16px;
	height: 16px;
	float: left;
	text-indent: -9999px;
	border: none;
	padding: 0;
	margin: 0;
}

.ec_search-form .search-btn {
	width: 25%;
	float: left;
	padding: 15px 20px;
	color: var(--bs-white);
	font-size: 20px;
	border: none;
	margin: 0;
	border-radius: 0;
	line-height: 24px;
}

/* cart button */

.ec_cart:hover .cart-count {
	color: var(--bs-gray-900);
}

.ec_filterbottom {
	margin: 0;
}

.ec_filterby p {
	float: left;
	font-size: 14px;
	color: var(--bs-gray-900);
	margin: 0;
	line-height: 30px;
}

.ec_filterby .selectpicker {
	min-width: 160px;
	margin-left: 7px;
	padding: 5px 10px;
	border: none;
	background: var(--bs-gray-200);
	border-radius: 3px;
	height: 32px;
	width: 155px;
}

.toast-added {
	padding: 10px 15px 12px;
	position: fixed;
	right: 0;
	top: 265px;
	background: var(--status-completed);
	text-align: left;
	border-radius: 3px;
	z-index: 9999;
}

.toast-added p {
	font-size: 17px;
	color: var(--bs-white);
	margin-bottom: 0px;
}

.toast-added p i {
	vertical-align: bottom;
	margin-right: 5px;
}

.ec_filterbottom {
	padding: 24px 0 0;
}

.ec_class_sec .no_padding {
	padding: 0px !important;
}

.p-t-n {
	padding-top: 0px !important;
}

.p-t-12 {
	padding-top: 12px;
}

.descContent {
	font-size: 20px;
	color: var(--bs-gray-900);
	font-weight: bold;
}

.catalogDesc .course-desc2 {
	margin: 7px 0;
}

.catalogDesc .ec_classleft span {
	border: none;
	padding: 3px 0 0;
	margin: 0;
}

.proucut img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#licence_info {
	display: inline-block;
	margin-left: 10px;
	padding: 4px;
	margin-bottom: 0;
}

.addCartWrap input[type="number"],
.addCartWrap ul,
.addCartWrap button {
	float: right;
	margin: 0;
	width: auto;
}

.course-desc5 .addCartWrap input[type="number"] {
	height: 35px;
	text-align: center;
}

.inline_content {
	position: absolute;
	z-index: 9999;
	bottom: 55px;
	right: -12px;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	padding: 10px 35px 10px 10px;
	font-size: 16px;
	color: red;
	width: 485px;
	border-radius: 5px;
	word-wrap: break-word;
}

.ec_classright .inline_content {
	right: 3px;
	bottom: 61px;
}

.ec_classright .inline_content::before {
	right: 365px;
}

.inline_content a.close {
	margin: 0;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 5px;
	content: "x";
	padding: 0px 8px 5px;
	opacity: 0.7;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	cursor: pointer;
}

.inline_content::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 20px solid var(--bs-white);
	position: absolute;
	right: 160px;
	bottom: -20px;
}

.inline_content a {
	text-decoration: underline;
}

.inline_content a:hover {
	text-decoration: none;
}

.fa-shield::before {
	content: "\f132" !important;
}

.legendBlock legend {
	padding: 15px 0 0;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	border: none;
	text-transform: normal;
}

.showhidetablerow .textCenter {
	vertical-align: middle !important;
	border-left: 1px solid #dee2e6;
}

.showhidetablerow .textCenter div.AuthorizeNetSeal {
	margin-top: 0 !important;
}

.selection-button-submit {
	margin: 0 !important;
}

#page-cart-cartview input[type="button"].icon_checkout:hover,
#page-cart-cartview input[type="button"]:hover.icon_checkout:hover {
	background-image: none !important;
	/*box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, .12); */
}

.tokenpoppup figure:after {
	content: "\f0d7";
	font-family: "fontAwesome";
	color: var(--bs-gray-400);
	position: absolute;
	left: 50%;
	bottom: -13px;
	margin: 0 0 0 0;
	font-size: 16px;
}

.tokenpoppup figure p {
	font-size: 14px;
	line-height: 20px;
	color: var(--bs-gray-900);
	font-weight: normal;
	margin: 0;
}

#page-emailnotification-index .button-link.add-program:before {
	content: "\f0e0";
}

#page-emailnotification-index .button-link:before {
	content: "\f040";
}

.testemaildiv .fitem .felement.fsubmit {
	width: 100% !important;
	text-align: left;
}

.btn_wrapper_file button {
	margin: 0 0px 0 5px;
}

#page #file_design table {
	width: 100%;
}

#page #file_design table th {
	width: 25%;
	padding: 10px !important;
}

#page #file_design .filemanager .fp-content {
	max-height: 500px !important;
	height: 470px;
}

#page #file_design .filemanager .fp-content::after {
	color: #8c8a8a !important;
	left: 50%;
	transform: translateX(-50%);
	width: auto !important;
}

.user-access .btn_wrapper_file button,
.user-access .tbl_wrapper_file,
.user-access .btn_wrapper_file_bottom,
.tbl_wrapper_file .fp-license {
	display: none;
}

.user-access .btn_wrapper_file button.fp-file-download,
.user-access .btn_wrapper_file button.fp-file-zip {
	display: block;
	margin: 26px 0px 0 5px;
}

.user-access .fp-info {
	clear: none;
}

.user-access .fp-thumbnail {
	margin: 0px 20px 0 0;
}

.learner-access-toolbar .fp-btn-add {
	display: none;
}

.learner-access-toolbar .fp-btn-mkdir {
	display: none;
}

.btn_wrapper_file button.fp-file-zip {
	display: none;
}

.borderBlockSpace .learning-course-wrapper {
	position: relative;
	height: 100%;
}

.program-card .timeline-wrapper.c-box {
	padding: 0 0 0 90px !important;
}

.learning-course-wrapper {
	border: none !important;
	box-shadow: none;
	padding: 0 !important;
	border-radius: 4px 4px 0 0px;
}

.ui-autocomplete,
.ui-menu .ui-menu-item-wrapper {
	padding-right: 0px !important;
	border: 0px !important;
	outline: 0px !important;
}

.ui-menu li.ui-menu-item:hover .ui-menu-item-wrapper {
	background: transparent;
	border: 0px !important;
	outline: 0px !important;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0px !important;
}

.fp-toolbar {
	width: auto;
}

.main-nav {
	padding: 0;
	float: left;
	margin: 0;
}

.main-nav .nav li .dropdown-menu a {
	padding: 8px 20px !important;
	text-indent: unset;
	color: var(--bs-white);
	margin: 0;
}

#page-course-edit .left_header #search-form input[type="text"] {
	border-bottom: 0px none !important;
}

.grid_bottom {
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 6px 15px 6px 15px;
	border-top: 1px solid #e9e9f0;
	font-size: 13px;
}

.grid_bottom .c-text {
	margin-bottom: 0;
}

.grid_bottom .catalog_course_button {
	float: left;
}

.arrow_link_new:after,
.arrow-des::before,
.date-icon::before,
.catalog_rating::before {	
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	color: var(--link-color);	
	font-size: 18px;
}
.arrow_link_new:after,
.arrow-des::before,
.catalog_rating::before {
	content: "\f061";
}
.date-icon::before {
	/* content: "\f073"; */
	display: none;
}

.timeline-wrapper .grid_bottom .linktodetails {
	display: none;
}

.timeline-wrapper .grid_bottom {
	padding-top: 0;
	border-top: 0;
	font-size: 14px;
}

.bx-controls-direction {
	position: absolute;
	right: 0;
	width: 60px;
	top: -30px;
	height: 20px;
	z-index: 9;
}

.bx-wrapper .bx-controls-direction a {
	top: 8px !important;
	width: 20px !important;
	height: 20px !important;
	margin-top: 0 !important;
	overflow: hidden;
	text-indent: 0 !important;
	background: none !important;
	text-align: center;
	right: -5px !important;
}
.bx-wrapper .bx-controls-direction a::before,
.row_marminus a.btn-prev, 
.row_marminus a.btn-next {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 18px;
	color: var(--bs-gray-700);
}
.bx-wrapper .bx-controls-direction a.bx-prev::before,
.row_marminus a.btn-prev::before {
	content: '\f053';
}
.bx-wrapper .bx-controls-direction a.bx-next::before,
.row_marminus a.btn-next::before {
	content: '\f054';
}
.bx-wrapper .bx-controls-direction a.disabled::before {
	color: var(--bs-gray-300);
}

.bottom_footer {
	width: auto;
	float: left;
}

.statistic_count .statistic_count_text,
.statistic_date .statistic_date_text,
.statistic_catname .statistic_catname_text,
.statistic_rating .statistic_rating_text {
	display: block;
	padding-left: 12px;
	padding-top: 1px;
	font-size: 12px;
	color: #8b8b8b;
}

.author_details_name {
	float: left;
	padding-left: 10px;
	position: relative;
	top: 7px;
}

#page #region-main span.asset_type.survey {
	background-position: -122px -234px;
	float: left;
	background-size: 28em !important;
}

#page #region-main span.asset_type.forum {
	background-position: -12px -125px;
	float: left;
	background-size: 28em !important;
}

.retake_icon,
.retake_icon:hover,
.retake_icon:focus,
.completed-icon:focus {
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: var(--bs-gray-200) !important;
}

.asset-link span {
	display: block;
	margin: 5px 0px;
}

/*Code Name*/

.saasadmin_page .boxleft {
	width: 50%;
	float: right;
}

.card_border {
	border-right: 1px solid var(--bs-gray-300);
}

/*dashboard*/

.teams_icon {
	background-position: -246px -165px;
}

.user_icon {
	background-position: -85px -165px;
}

.event {
	font-size: 20px;
}

.load-calendar p {
	font-size: 12px;
	margin-bottom: 0px;
}

/* event css */

.dahboard_cal .block .minicalendar caption {
	border-bottom: 1px solid var(--bs-gray-300) !important;
	margin: 0 15px;
}

/*Manager_dashboard*/

.managerBlock .text_right {
	width: calc(50% - 30px);
	float: left;
	text-align: center;
	margin-left: 20px;
	margin-top: 5px;
}

.managerBlock .boxleft {
	width: 50%;
	float: right;
}

.managerBlock .circleBlock .buttonsRow a {
	border-top: 1px solid var(--bs-gray-300);
	background: var(--bs-white);
	color: var(--bs-gray-900);
	font-weight: bold !important;
}

.managerBlock .circleBlock .buttonsRow a.icon02 {
	background-color: var(--bs-white);
}

.managerBlock .circleBlock .buttonsRow a:before {
	display: none;
}

.managerBlock .circleBlock .buttonsRow a.icon02:before {
	display: none;
}

.managerBlock.circleBlock .buttonsRow a:after {
	display: none;
}

.manag_das .viewall a {
	color: var(--bs-gray-900);
}

.next_table {
	width: 98%;
	text-align: left;
	height: 200px;
	overflow-y: auto;
}

span.date_to {
	margin-top: 5px;
}

.menu-bottom {
	position: absolute !important;
	bottom: 44px;
}

.new_btn_wrapper_file .btn_col1 {
	flex-basis: 30%;
	max-width: 30%;
}

.new_btn_wrapper_file .btn_col2 {
	flex-basis: 70%;
	width: 70%;
}

.new_btn_wrapper_file button,
.new_btn_wrapper_file button:focus,
.new_btn_wrapper_file button:active {
	margin: 0 5px 5px 0 !important;
}

.new-fp-info .fp-thumbnail {
	margin-right: 15px !important;
}

.new-fp-info .btn_wrapper_file_bottom,
.new-fp-info .btn_wrapper_file_bottom .fp-select-buttons {
	padding: 0 !important;
}

#cboxOverlay {
	background: #aaaaaa !important;
	opacity: 0.4;
}

.nosession {
	font-size: 15px;
	margin: 20px 0;
}

#page #region-main .user_perform_table table tr td div.a-box div {
	border: 0;
	border-bottom: 1px solid var(--bs-gray-100);
}

.msg-summary {
	width: 100%;
	float: left;
	margin: 20px 0;
}

body.lockscroll {
	height: auto;
}

.singlebutton div {
	margin-left: 0;
}

.singlebutton input[type="submit"] {
	margin-left: 0;
}

.box {
	margin: 20px 0;
}

#page-header .top-bar {
	min-height: 103px;
}

#page-login-index #page #region-main,
#page-login-forgot_password #page #region-main {
	margin-bottom: 15px;
}

/* Override */

img,
img *,
img *:before,
img *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

img.iconsmall {
	width: auto;
	height: auto;
}

.section .editing_title .iconsmall {
	width: auto;
	height: auto;
}

.section .moodle-actionmenu[data-enhanced] .menu img {
	width: auto;
	height: auto;
}

img,
img.icon,
img.iconsmall,
img.iconhelp,
.helplink img,
img *,
img.icon *,
img.iconsmall *,
img.iconhelp *,
.helplink img *,
img *:before,
img.icon *:before,
img.iconsmall *:before,
img.iconhelp *:before,
.helplink img *:before,
img *:after,
img.icon *:after,
img.iconsmall *:after,
img.iconhelp *:after,
.helplink img *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.nav>li>a {
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 16px;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
	margin-top: 0;
}

.moodle-actionmenu[data-enhanced].show .menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 1px 1px 5px 0 var(--bs-gray-300);
	-moz-box-shadow: 1px 1px 5px 0 var(--bs-gray-300);
	box-shadow: 1px 1px 5px 0 var(--bs-gray-300);
}

.moodle-actionmenu[data-enhanced].show .menu a {
	outline: none;
}

.moodle-actionmenu[data-enhanced].show .menu a:hover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: none;
}

#dndupload-status {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.classroompopup #fitem_id_files .felement.ffilemanager {
	width: 100% !important;
}

.classroompopup .filemanager.fm-loaded.fm-nomkdir.fm-nofiles {
	margin-top: -18px;
}

/* Chat */

#chat-input-area.box {
	padding: 5px;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
	padding: 0;
}

.chatuserdetails p {
	margin-bottom: 0;
}

.chatuserdetails .idletime {
	font-size: 11px;
}

#id_changepassword .ftoggler {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

table.flexible th,
.generaltable th,
table.flexible td,
.generaltable td {
	vertical-align: middle;
	font-size: 14px;
}

.collapsible.containsadvancedelements {
	position: relative;
	display: block;
}

.collapsible.containsadvancedelements .fitem.moreless-actions {
	position: absolute;
	right: 10px;
	top: -59px;
	width: auto;
}

.collapsible.containsadvancedelements .fitem.moreless-actions .felement {
	margin: 0;
}

.collapsible.containsadvancedelements .fdate_selector {
	display: block;
	margin-top: -23px;
	padding-left: 40px;
}

.groupenrol {
	border-radius: 3px !important;
	font-size: 10.5px !important;
	padding: 0 6px !important;
	margin-top: 4px !important;
}

.groupenroldisabled {
	border-radius: 3px !important;
	font-size: 10.5px !important;
	padding: 0 6px !important;
	margin-top: 4px !important;
	cursor: not-allowed !important;
}

.felement .fstatic {
	font-size: 16px;
}

.course_status_block {
	text-align: center;
	display: table;
}

.course_status_block_span {
	display: table-cell;
	vertical-align: middle;
}

.course-assign-status-heading {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
	padding-top: 7px;
}

.course-assign-status {
	width: 227px;
	height: 188px;
	float: left;
}

.course-assign-status .course_total {
	width: 100%;
	padding: 3%;
	float: left;
}

.course-assign-status .course_total a {
	width: 21px;
	height: 21px;
	position: relative;
	display: inline;
}

.course-assign-status .course_total a span {
	position: absolute;
	width: 85px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	visibility: hidden;
	border-radius: 6px;
	font-size: 12px;
}

.course-assign-status .course_total a span:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
}

.course-assign-status .course_total a:hover span {
	visibility: visible;
	opacity: 0.8;
	bottom: 30px;
	left: 50%;
	margin-left: -42px;
	z-index: 999;
}

.admin-course .course_status_block.full,
.admin-course .course_status_block.half {
	height: 50%;
}

.course_status_block.full {
	width: 100%;
	height: 41%;
}

.course_status_block.half {
	width: 50%;
	height: 41%;
	float: left;
}

.course_status_block_span {
	margin: 0 !important;
}

.course-assign-status-heading-value {
	font-size: 50px;
	line-height: normal;
	width: 100%;
	margin: 0 !important;
	font-family: "Lato";
	font-weight: 700;
}

.w50 {
	width: 50px !important;
}

.w100 {
	width: 100px !important;
}

.w150 {
	width: 150px !important;
}

.w200 {
	width: 200px !important;
}

.w250 {
	width: 250px !important;
}

.w300 {
	width: 300px !important;
}

.w350 {
	width: 350px !important;
}

.w400 {
	width: 400px !important;
}

.w600 {
	width: 620px !important;
}

#page #region-main h2 span.group {
	width: 25px;
	height: 32px;
	float: left;
	text-indent: -9999px;
	margin: -5px 10px 0 0;
}

#page #region-main h2 span.users {
	width: 22px;
	height: 21px;
	float: left;
	text-indent: -9999px;
	margin: 0 10px 0 0;
}

#page #region-main h2 span.depart-ment {
	width: 23px;
	height: 26px;
	float: left;
	text-indent: -9999px;
	margin: -3px 10px 0 0;
}

#page .region-main-inner .dashboard-lower-left {
	position: relative;
}

.forumpost .row.maincontent {
	margin-top: 0px;
	break-inside: avoid-column;
	margin-bottom: 0px;
}

.forumpost .header {
	padding: 0 20px;
}

#page-calendar-view #region-main .maincalendar .header.upcoming-events .buttons {
	right: 0 !important;
}

#page-calendar-view #region-main .maincalendar .calendar-controls .current.month {
	width: 70%;
	font-family: "Lato";
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
}

#page-calendar-view #region-main .maincalendar .legend-container {
	float: right;
	margin: 15px 5px 0;
}

#page-calendar-view #region-main .maincalendar .legend-container .legend-course,
#page-calendar-view #region-main .maincalendar .legend-container .legend-global,
#page-calendar-view #region-main .maincalendar .legend-container .legend-user {
	float: left;
}

#page-calendar-view #region-main .maincalendar .legend-container .legend-course span,
#page-calendar-view #region-main .maincalendar .legend-container .legend-global span,
#page-calendar-view #region-main .maincalendar .legend-container .legend-user span {
	width: 10px;
	height: 10px;
	float: left;
	border-radius: 10px;
	margin: 6px;
}

/*-----Report----*/

.single-report-start .single-report-graph-left {
	width: 60%;
	float: left;
	margin: 0;
	min-height: 290px;
}

.single-report-start .single-report-graph-left canvas {
	left: 0;
	height: 300px !important;
}

.single-report-start .single-report-graph-left canvas.canvasjs-chart-canvas:nth-child(2) {
	display: none;
}

.single-report-start .single-report-graph-right {
	float: right;
	width: 35%;
	text-align: center;
	padding: 15px 3% 52px 0;
	min-height: 233px;
	box-sizing: border-box;
}

.single-report-start .single-report-graph-right .course-count-heading {
	font-family: "Lato";
	font-size: 24px;
	font-weight: 300;
}

.single-report-start .single-report-graph-right .course-count {
	font-family: "Lato";
	font-size: 40px;
	padding-bottom: 10px;
}

.single-report-start .single-report-graph-right .course-status {
	width: 50%;
	margin: 0 auto;
	font-size: 14px;
}

.single-report-start .single-report-graph-right .course-status .noshow {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.single-report-start .single-report-graph-right .course-status .notstarted {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.single-report-start .single-report-graph-right .course-status .inprogress {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.single-report-start .single-report-graph-right .course-status .completed {
	float: left;
	width: 100%;
}

.single-report-start .single-report-graph-right .course-status .nodata {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.last-accessed-courses-report .single-report-graph-left {
	width: 48%;
}

.last-accessed-courses-report .single-report-graph-right {
	width: 50% !important;
}

.half-space {
	width: 49% !important;
}

.align-right {
	float: right !important;
}

.last-accessed-courses-report .single-report-start .viewmore {
	padding: 1% 2% 0 0;
}

.last-accessed-courses-report .single-report-start .viewmore a {
	font-size: 16px;
}

.single-report-start,
.single-report-start-nograph {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

div#fitem_id_description {
	width: 100%;
	float: left;
}

.listView .course_top_wrapper .c-text-wrapper {
	margin: 0px;
}

.c-bottomview ul {
	width: auto;
	float: left;
}


/* msg style */









/*-------Course Catalog*--------*/


#page-course-course_catalog .course-listing div.catalog-category {
	height: 41px;
	padding: 10px 0 0 10px;
	font-size: 15px;
	font-family: "Lato", arial, sans-serif;
	font-weight: normal;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box {
	width: 100% !important;
	margin: 0 !important;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course {
	padding: 10px;
	float: left;
	width: 100%;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course .catalog_course_img {
	float: left;
	border-radius: 0;
	width: 50px;
	height: 50px;
	margin-right: 15px;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course .catalog_course_img img {
	border-radius: 0;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course .catalog_course_detail {
	float: left;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course .pull-left,
#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course .catalog_course_button a {
	float: right !important;
}

#page-course-course_catalog #page #region-main .course-listing .catalog-box .catalog-course .pull-left {
	margin-right: 16px;
}

.program-box a {
	float: left;
	height: 26px;
	margin-top: 8px;
	width: 26px;
}

.program-box.minus a {
	float: left;
	width: 26px;
	height: 26px;
}

/* Course Catalog end here */

/*--------Learningpage1------*/

.tabsOuter .no-box .right-icon img,
.tabsOuter .no-box .left-icon img {
	display: none;
}

.tabsOuter .d-box .left-icon span {
	width: 30px;
	height: 32px;
	float: left;
	margin: 4px 20px 0 0;
}

.tabsOuter .d-box .left-icon {
	width: 5%;
}

.tabsOuter .d-box .right-icon {
	width: 6%;
}

.tabsOuter .d-box .right-icon.plus-icon-inner {
	float: right !important;
}

.tabsOuter .d-box .right-icon a {
	float: left;
	width: 26px;
	height: 26px;
	margin-top: 8px;
}

.tabsOuter .d-box .right-icon.minus a {
	float: left;
	width: 26px;
	height: 26px;
}

.tabsOuter .no-box .no-section-box {
	margin: 0;
	width: 100%;
}

.tabsOuter .no-box .no-section-box #cbox8 {
	margin: 0;
	width: 100%;
}

.tabsOuter .no-box .no-section-box .course {
	margin: 0;
	float: left;
	width: 100%;
}

.tabsOuter .no-box .course {
	padding: 15px;
}

.tabsOuter .no-box .course:hover,
.tabsOuter .no-box .course.selected {
	background: #d5eff8;
}

.program-image img {
	float: left;
	height: 50px;
	margin-right: 15px;
	text-indent: -9999px;
	width: 60px;
}

.moodleSkin .mceToolbar {
	margin: 0 !important;
}

.single-report-start .single-report-graph-full {
	float: left;
	width: 95%;
	height: 300px;
	margin: 10px;
	padding: 10px;
}

.ygtvtable.ygtvdepth0.fp-folder {
	display: none;
}

.ygtvtable.fp-folder.fp-hascontextmenu {
	display: table;
}

.file-picker .fp-pathbar {
	border: medium none;
	display: block;
	left: 210px;
	position: absolute;
	top: 41px;
	background: transparent;
}

.fp-saveas,
.fp-setlicense,
.fp-setauthor,
.fp-license,
.fp-path,
.fp-author,
.fp-info .fp-hr,
/* .fp-pathbar, */
.fp-file-zip {
	display: none;
}

.ygtvtn,
.ygtvln,
.ygtvdepthcell {
	background: none !important;
}

.jspHorizontalBar {
	height: 6px !important;
}

.yui3-panel.moodle-dialogue {
	position: fixed;
	top: 70px !important;
}

.filemanager.fp-dlg .fp-dlg-text {
	margin-top: 10px !important;
}

/* Hide update and cancel button*/

.block .calendar-controls .previous {
	text-align: right;
}

.block .calendar-controls .next {
	text-align: left;
}

.block .calendar-controls .previous span.arrow,
.block .calendar-controls .next span.arrow {
	display: inline-block;
	height: 26px;
	font-size: 20px;
	font-weight: bold;
	margin-top: -4px;
}

.more-event {
	float: right;
	font-size: 12px;
}

/*Classroom Css*/

/* DA 14/01/20 */

/* classroom report */

/* classroom report end */

/*attendance popup*/

#page #region-main .attendance-performance .table1 {
	width: 100%;
	font-size: 14px;
}

/*add session popup*/

/*classroom-preview*/

.titlearea {
	clear: both;
}

.leftSectionTitle {
	float: left;
	width: 49%;
}

.titlearea .left-box {
	text-align: right;
	width: 49% !important;
}

/*.tabLinks a.published_course, .tabLinks a.published_course:hover,.tabLinks a.publish_course{font-weight:bold; cursor: default; border-radius:3px;padding: 10px 25px 10px 19px;background:url([[pix:theme|publish]]) no-repeat 93% 50% #ededef;border:none;}
	.tabLinks a.publish_course{cursor:pointer;}*/

#page-user-user_credithours_report #region-main .course-listing table.credit_hours_table {
	width: 100% !important;
	margin: 0 !important;
}

#page-user-user_course_credithours_report .view_assests .single-reports-listing {
	margin-bottom: 0;
}

.dndupload-progress-inner {
	height: 20px !important;
	display: block !important;
}

.moodleSkin .mceToolbar .mceListBox {
	display: table;
	width: auto !important;
}

/*Global beyond 23feb*/

/* small.external-department-identifier {
	font-size: 20px;
	padding-right: 1px;
	vertical-align: -2px;
} */

/*footer updated 03/04/2015*/

.asset-link {
	text-align: center;
}

/* ---------DCK START-------- */

/* ---------DCK END-------- */

.tabsScrollArea .scroll-pane {
	/*height:205px;width: 100%; */
	overflow: auto;
}

.tabsScrollArea .scroll-pane {
	height: 210px;
	overflow: auto;
}

/* message */

p.sender-name {
	text-transform: capitalize;
	font-size: 14px;
}

.msgCheck {
	margin-top: 10px;
}

/* Subscription */

select#id_timezone_id {
	width: 200px;
}

/*.quickLinks a:hover{ width:64px; height:64px; margin:-5px 0 20px -5px;}*/

#page #region-main .ACDifferentiate .potentialcell .userselector select option {
	border-left: 4px solid #ffcb21;
	margin: 0 0 2px;
	padding: 2px 5px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fp-btn-choose[name="watermarkfilechoose"],
.fp-btn-choose[name="borderfilechoose"],
.fp-btn-choose[name="signaturefilechoose"],
.fp-btn-choose[name="sealfilechoose"] {
	margin-bottom: 3px !important;
}

#id_designoptions .dndupload-arrow,
#id_designoptions .dndupload-message,
#id_designoptions #fitem_id_groupingid,
#id_designoptions #fitem_id_groupmode,
#id_designoptions #fitem_id_cmidnumber,
#id_designoptions #fitem_id_visible,
#id_designoptions #fitem_id_certificatetype,
#id_issueoptions {
	display: none;
}

.mform .fpassword .unmask {
	color: var(--bs-gray-900);
	margin-left: 0px;
}

.fp-repo.first a img {
	display: none;
}

.messageList {
	padding: 5px 0;
	border-bottom: 1px solid var(--bs-gray-300);
	float: left;
	width: 100%;
}

.messageList:last-child {
	border: none;
}

.messageTitle {
	font-weight: bold;
}

.messageBy {
	font-size: 12px;
}

.MobileView {
	display: none;
}

.twoColumnsFS .listItems {
	float: left;
	width: 100%;
}

.twoColumnsFS .listItems .list {
	float: left;
	width: 100%;
	position: relative;
	padding: 16px 10px;
	background: var(--bs-gray-200);
	margin: 6px 0;
	border-radius: 4px;
}

.twoColumnsFS .listItems .list:first-child {
	margin-top: 0;
}

.twoColumnsFS .listItems .list:last-child {
	margin-bottom: 0;
}

/*shopping cart table*/

/*cart css start here*/

.msg-table tr td:nth-child(1) {
	padding: 14px 0 14px 14px !important;
	width: 35px;
}

.msg-table tr td:nth-child(4) {
	padding: 4px 14px !important;
}

.msg-header {
	padding: 14px;
	background: var(--bs-white);
	width: 100%;
	float: left;
}

.select-check {
	width: auto;
	float: left;
	margin-right: 10px;
}

div#showCheckeddiv {
	width: 65px;
	float: left;
	margin-top: -2px;
	display: none;
}

.msg-table tr:nth-child(even) {
	background: var(--bs-white);
}

.msg-table tr:nth-child(odd) {
	background: rgba(188, 188, 188, 0.1);
	/* background: #F8F8F8; */
}

.msg-table tr td {
	border-bottom: 0px none;
}

.ec_cartsec_outer .row_margin0 {
	margin: 0 0 0 -15px;
}

.ec_perform .container {
	width: 100%;
}

/*cart css end here*/

/* Quick Help popup Css starts */

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr;
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0;
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
		margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
		opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
		margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
		opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
		margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
		opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
		margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
		opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(mCSB_buttons]]);
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear,
			left top,
			right top,
			color-stop(0, rgba(255, 255, 255, 0.5)),
			color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, rgba(255, 255, 255, 0.5)),
			color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	height: 12px;
	width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: var(--bs-white);
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px;
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: var(--bs-white);
	border-color: rgba(255, 255, 255, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: var(--bs-gray-900);
	border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-gray-900);
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: var(--bs-white);
	background-color: rgba(255, 255, 255, 0.9);
}

/* -------------------- end ------------------- */

.video_wrapper {
	width: 100vw;
	height: 100vh;
}

.video_container {
	display: inline-block;
	width: 100vw;
	background: #f3f3f5;
	height: 99.5vh;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.video_play {
	width: 75%;
	float: left;
	position: relative;
	height: 100%;
	border: 0;
	border-right: none;
}

.player_wrapper {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}

.video_play video {
	width: 100%;
	float: left;
	height: 100%;
}

.play_list {
	width: 25%;
	float: right;
	height: 100%;
	background-color: var(--bs-gray-900);
}

.play_list ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.play_list ul li {
	width: 100%;
	float: left;
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: -o-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
}

.play_list ul li a {
	padding: 0.3em 1em;
	width: 100%;
	float: left;
	border-bottom: 1px solid #585858;
	color: var(--bs-white);
}

.play_list ul li a.active,
.play_list ul li a:hover,
.play_list ul li a:focus {
	background-color: #585858;
	color: var(--bs-white) !important;
}

.video_img {
	width: auto;
	float: left;
	padding: 0 1em 0 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: -o-flex;
	align-items: center;
}

.video_name {
	width: auto !important;
	float: none !important;
	padding-left: 62px;
	text-align: left;
}

.play_list h5 {
	font-size: 1.2em;
	text-transform: capitalize;
	color: var(--bs-white);
	margin-bottom: 0;
}

.play_list label {
	font-size: 12px;
	color: #c3c3c3;
}

.close_btn {
	width: 25px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999;
}

.close_btn span {
	width: 100%;
	float: left;
	background-color: var(--bs-gray-900);
	height: 1px;
}

.close_btn span:first-child {
	transform: rotate(45deg);
	margin-top: 8px;
}

.close_btn span:last-child {
	transform: rotate(-45deg);
}

.video_container .mCSB_inside>.mCSB_container {
	margin-right: 0;
}

.video_container .mCSB_scrollTools {
	width: 5px;
}

.invoiceDownload:before {
	font-size: 16px !important;
}

.invoiceDownload:after {
	content: "\f019";
	display: block;
	font: 16px/37px "FontAwesome";
	margin: -116px 0 0 24px;
}

/* .repayment:before {
	font-size: 24px !important;
} */

.repayment:after {
	content: "\f155";
	display: block;
	font: 12px/16px "FontAwesome";
	background: var(--bs-white);
	margin: -63px 0 0 13px;
	position: relative;
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

.Iteam_for_sale,
.selectedIteam_for_sale ul {
	min-height: 250px;
	max-height: 250px;
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	border: 1px solid var(--bs-gray-400);
}

.Iteam_for_sale li,
.selectedIteam_for_sale ul li {
	padding: 3px 0;
	border-bottom: 1px solid var(--bs-gray-300);
	overflow: hidden;
	clear: both;
}

.Iteam_for_sale li input,
.selectedIteam_for_sale ul li input {
	float: left;
	margin: 5px 0 0 8px;
}

.Iteam_for_sale li label,
.selectedIteam_for_sale ul li label {
	padding: 0 0 0 25px;
	margin: 0;
	display: block;
}

.Iteam_for_sale li label b,
.Iteam_for_sale li label span {
	display: block;
}

.selectedIteam_for_sale ul li input[type="number"] {
	float: right;
	margin: 0;
	width: 61px;
	border: 1px solid var(--bs-gray-300);
	text-align: center;
}

.selectedIteam_for_sale ul li input[type="checkbox"] {
	float: left;
	margin: 9px 0 0 8px;
	width: auto;
}

.selectedIteam_for_sale ul li label {
	padding: 5px 100px 0 25px;
	margin: 0;
	display: block;
}

.Iteam_for_sale li>div {
	margin: 2px 0;
}


.selectedIteam_for_sale ul li>div {
	float: left;
	width: 100%;
	padding: 3px 0 0;
	margin: 0;
}

.Iteam_for_sale li label,
.selectedIteam_for_sale ul li label {
	border-left: 4px solid #ffcb21;
}

.Iteam_for_sale li div label,
.selectedIteam_for_sale ul li div label {
	border-left: 4px solid #00c4ff;
}

.Iteam_for_sale li .program,
.selectedIteam_for_sale ul li .program {
	border-left: 4px solid var(--program-course) !important;
}

.search_clear_button2 {
	position: absolute;
	width: 15px;
	left: 5px;
	top: 5px;
}

.search_clear_button2 a {
	width: 11px;
	height: 19px;
	overflow: hidden;
	float: right;
	border: none;
	padding: 0;
	margin: 0;
	color: var(--bs-gray-700);
}

.search_clear_button2 a:before {
	content: "\f00d";
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 16px;
	color: var(--bs-gray-700);
}

.fa-print:before {
	content: "\f02f" !important;
}

.fa-print:after {
	display: none !important;
}

.button-link+.button-link {
	margin-left: 10px;
}

.user-enroller-panel .uep-search-results .users tbody tr:hover>td,
table.grading-report tbody tr:hover>td,
.forumheaderlist tbody tr:hover>td,
.generaltable tbody tr:hover>td,
table.flexible tbody tr:hover>td,
.category_subcategories tbody tr:hover>td,
table#modules tbody tr:hover>td,
table#permissions tbody tr:hover>td,
.user-enroller-panel .uep-search-results .users tbody tr:hover>th,
table.grading-report tbody tr:hover>th,
.forumheaderlist tbody tr:hover>th,
.generaltable tbody tr:hover>th,
table.flexible tbody tr:hover>th,
.category_subcategories tbody tr:hover>th,
table#modules tbody tr:hover>th,
table#permissions tbody tr:hover>th {
	background: none;
}

.fa-dollar:after {
	content: "\f055";
	position: absolute;
	left: 28px;
	top: -6px;
	font-size: 16px;
}

.fa-dollar.viewIns:after {
	content: "\f06e";
	position: absolute;
	left: 28px;
	top: -5px;
	font-size: 16px;
}

.dropdown-menu {
	background-color: inherit;
}

.naspheader_fixed .top-bar .countBlock {
	margin: 0 !important;
}

.naspheader_fixed .main-nav.outernav {
	float: right;
}

.naspheader_fixed .main-nav.outernav .nav {
	margin: 0 !important;
	background: var(--brownlight);
}

.naspheader_fixed .main-nav.outernav .nav li {
	margin: 0;
	padding: 0;
}

.naspheader_fixed .main-nav.outernav .nav li a {
	padding: 0 25px !important;
	color: var(--bs-white);
	font-size: 16px !important;
	height: 103px;
	line-height: 103px !important;
}

.cart_course_status {
	color: var(--bs-red);
}

#page #region-main .completeSurvey h2.icon_title {
	margin-bottom: 10px;
}

.pagelayout-reportlayout .tabsOuter #report-search.subs_reports_status_bar.filterCollapse {
	padding-bottom: 0;
}

.pagelayout-classroompopup .clearlooks2 {
	width: 90% !important;
	height: 300px !important;
	left: 50% !important;
	margin-left: -45% !important;
}

.pagelayout-classroompopup .clearlooks2 .mceMiddle span {
	width: 99% !important;
	height: 90% !important;
}

.pagelayout-classroompopup .clearlooks2 iframe {
	width: 100% !important;
	height: 100% !important;
}

.coursename h3 {
	margin: 0 !important;
	line-height: 40px;
	text-transform: capitalize;
}

.asset-disable {
	pointer-events: none;
	opacity: 0.5;
}

.align-content {
	display: flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

/* filter css */

.ec_filter {
	padding: 0 0 24px 0;
	border-bottom: 1px solid var(--bs-white);
	font-family: "Lato", sans-serif;
	font-weight: 400;
	background: var(--bs-gray-100);
}

.ec_filter .ec_select {
	width: 100%;
	float: left;
}

.select3 {
	position: absolute;
}

.ec_select .selectpicker {
	width: 100%;
	max-width: 100%;
	padding: 15px;
	height: 54px;
	border: none;
	background: var(--bs-white);
	font-family: "Lato", sans-serif !important;
	font-size: 20px !important;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	line-height: 1;
}

.selectcate {
	height: auto !important;
	padding: 15px 10px 16px 10px !important;
	position: absolute;
	z-index: 999;
	overflow: auto;
	line-height: 23px !important;
}

.selectcate1 {
	height: auto !important;
	padding: 5px 10px !important;
	z-index: 9;
	overflow: auto;
}

.select1 {
	min-width: 150px !important;
}

.select2 {
	min-width: 150px !important;
}

.select3 {
	min-width: 150px !important;
}

.select1_2 {
	min-width: 120px !important;
	margin-top: 8px;
}

/* search css */

.ec_search-form .search-btn:hover {
	background: var(--orange);
}

.ec_search-form .search-btn i,
.ec_search-form .ec_clear i {
	vertical-align: bottom;
	font-size: 21px;
}

.ec_search-form .ec_clear {
	float: left;
	width: 25%;
	padding: 15px 20px;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	z-index: 1;
	border-radius: 0;
	border: none;
	margin: 0;
}

/* cart button */

.ec_cart {
	background: var(--bs-white);
	position: relative;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	box-shadow: 0px 0px 15px 0px rgba(224, 220, 224, 1);
	border-radius: 5px;
}

.ec_cart .cartbtn {
	display: block;
	padding: 15px 0;
}

.ec_cart .cartbtn i {
	display: block;
	text-align: center;
	color: var(--bs-gray-900) !important;
}

.ec_cart .cart-count {
	position: absolute;
	right: -15px;
	top: -15px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: var(--orange);
	border-radius: 50%;
	font-weight: 700;
	font-size: 12px;
}

.ec_cart:hover .cart-count {
	color: var(--bs-gray-900);
}

.ec_filterbottom {
	margin: 0;
}

.ec_filterby p {
	float: left;
	font-size: 14px;
	color: var(--bs-gray-900);
	margin: 0;
	line-height: 30px;
}

.ec_filterby .selectpicker {
	min-width: 160px;
	margin-left: 7px;
	padding: 5px 10px;
	border: none;
	background: var(--bs-gray-200);
	border-radius: 3px;
	height: 32px;
	width: 155px;
}

.ec_filterbottom {
	padding: 24px 0 0;
}

.ec_filterbottom .row {
	margin: 0;
}

.ec_filterbottom ul {
	padding: 0;
	margin: 0;
	list-style-type: none !important;
}

.ec_filterbottom .after-common-search li {
	padding: 0 15px 0 25px;
	float: left;
	position: relative;
	font-size: 14px;
	color: var(--bs-gray-600);
	line-height: 30px;
}

.ec_filterbottom .after-common-search li:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	background: var(--orange);
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

.ec_filterbottom .after-common-search li:last-child:before {
	background: var(--status-completed);
}

.ec_filterbottom .ec_result_view li {
	width: 40px;
	height: 35px;
	float: left;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.ec_filterbottom .ec_result_view li:after {
	width: 20px;
	height: 20px;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.ec_filterbottom .ec_result_view li.active {
	background: var(--bs-gray-200);
}

.ec_filterbottom .ec_result_view li.list:after {
	background: url([[pix:theme|list-icon]]) center center no-repeat;
}

.ec_filterbottom .ec_result_view li.grid:after {
	background: url([[pix:theme|grid-icon]]) center center no-repeat;
}

.gray {
	background: var(--bs-gray-300);
}

span.material-icons.search-icon {
	position: absolute;
	left: 0;
	top: 9px;
	font-size: 20px;
	color: var(--bs-gray-600);
	font-weight: 500;
}

.catalog-checkout {
	text-align: right;
	width: 100%;
	float: left;
	margin-top: 20px;
	font-style: italic;
	font-size: 13px;
}

.ec_orange {
	border-right: 6px solid var(--orange);
}

.ec_green {
	border-right: 6px solid var(--program-course);
}

.ec_blue {
	border-right: 6px solid var(--classroom-course);
}

.ec_list-view .entry-content .ctop_right {
	text-align: center;
	position: relative;
}

.ec_list-view input[type="number"] {
	display: inline-block !important;
	width: 61px;
	text-align: center;
	margin-top: 5px;
	margin-right: 5px;
	height: 50px;
}

.ec_list-view .entry-content .ctop_right .ec_addtocart {
	margin: 5px 0 0 !important;
	float: right;
	padding: 10px;
	min-width: 200px;
	display: inline-block;
	font-size: 20px;
	border-radius: 3px;
}

.ec_list-view .entry-content .ctop_right .ec_addtocart i {
	margin-right: 4px;
	font-size: 20px;
	vertical-align: -2px;
	padding-top: 0px;
}

.search-heading-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--bs-gray-600);
	margin-top: 0;
}

.course-detail span:first-child {
	margin-left: 0px;
}

.course-detail span {
	margin: 0 10px;
}

div#page_catalog {
	width: calc(100% - 80px);
	float: right;
}

#page-cart-catalogbeforelogin #page-content {
	margin-top: 75px;
}

#page-cart-catalogbeforelogin .catalog-login,
body[id*="page-cart-"] .catalog-login {
	display: inline-block !important;
}

.catalog-cart::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position: -272px -66px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.cartdetailalert {
	left: auto;
	right: 0;
}

.fa-folder:before {
	content: "\f07b" !important;
}

.fa-shield::before {
	content: "\f132" !important;
}

.badgeBlock>.borderBlock {
	margin: 0;
	border: none;
}

.legendBlock legend {
	padding: 15px 0 0;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	border: none;
	text-transform: normal;
}

.showhidetablerow .textCenter {
	vertical-align: middle !important;
}

.showhidetablerow .textCenter div.AuthorizeNetSeal {
	margin-top: 0 !important;
}

.selection-button-submit {
	margin: 0 !important;
}

.resetCourse:before {
	content: "\f02d";
}

.copyright11 {
	padding: 13px 0 0 !important;
}

#checkoutage {
	background: var(--orange);
	border: 2px solid var(--orange) !important;
}

.signupBlock .col-md-06 {
	position: relative;
}

.hideorganization {
	text-align: left;
}

.hideorganization input[type="text"] {
	text-align: left;
	width: 98% !important;
}

.acknowledge>input[type="checkbox"] {
	float: none;
	vertical-align: middle;
	z-index: 999;
	width: 16px;
	height: 15px;
	margin-right: 0px;
}

.marginacknowledge {
	display: block;
	margin-top: 30px;
}

.ec_filter_result .ec_list-view h3 a,
.ec_filter_result .ec_grid-view h3 a,
a.word_brk {
	color: var(--bs-gray-900) !important;
}

.ec_filter_result .ec_list-view h3 a:hover,
.ec_filter_result .ec_grid-view h3 a:hover,
a.word_brk:hover {
	color: var(--bs-primary) !important;
}

.salesnonetd {
	height: 0;
	border-left: var(--bs-gray-100) 1px solid !important;
	font-size: 0;
	line-height: 0 !important;
	padding: 0 !important;
	border-top: var(--bs-gray-100) 1px solid !important;
}

.ec_filter_result .hvr_inner input[type="number"] {
	position: static;
	/*float: none; */
	border: 1px solid var(--bs-gray-300);
	vertical-align: middle;
	text-align: center;
	margin: 0 auto 7px auto;
}

#search-form .filter span {
	margin: 5px 8px 2px 0 !important;
}

.sticky_header .header h1 img,
.sticky_header .header h1 a {
	max-width: 100% !important;
}

.tokenpoppup {
	display: inline-block;
	margin: 0 0 0 10px;
	position: relative;
}

.tokenpoppup:hover figure {
	opacity: 1;
	visibility: visible;
}

.tokenpoppup figure {
	border: 1px solid var(--bs-gray-300);
	padding: 10px;
	position: absolute;
	/* overflow: hidden; */
	/* max-width: 520px; */
	width: 300px;
	top: -89px;
	left: -148px;
	background: var(--bs-white);
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
}

.tokenpoppup figure:after {
	content: "\f0d7";
	font-family: "fontAwesome";
	color: var(--bs-gray-400);
	position: absolute;
	left: 50%;
	bottom: -13px;
	margin: 0 0 0 0;
	font-size: 16px;
}

.tokenpoppup figure p {
	font-size: 14px;
	line-height: 20px;
	color: var(--bs-gray-900);
	font-weight: normal;
	margin: 0;
}

#page-emailnotification-index .button-link.add-program:before {
	content: "\f0e0";
}

#page-emailnotification-index .button-link:before {
	content: "\f040";
}

.salesreportprint_table .detailDiv span {
	display: block;
	/* padding-left: 90px; */
}

.testemaildiv #fitem_id_intro {
	margin-bottom: 0 !important;
}

.sendtestpopup .fdescription.required {
	padding-left: 0 !important;
}

.course-status .inprogress h6,
.course-status .completed h6 {
	float: right;
	padding-right: 80px !important;
}

#page #region-main .index-blog .commands {
	margin: 10px 0;
	height: 24px;
}

#page #region-main .index-blog .commands a:first-child {
	padding: 0px 4px 0 0;
}

.nasp_dob {
	float: left;
	width: 100%;
}

.nasp_dob #fitem_id_DOBDay,
.nasp_dob #fitem_id_DOBMonth {
	float: left;
	width: 100%;
	display: flex;
	margin-bottom: 1rem;
}

/* .nasp_dob #fitem_id_DOBMonth {
	margin-top: 27px;
	margin-left: 20px;
} */

.nasp_dob #fitem_id_DOBMonth .fitemtitle {
	display: none;
}

.nasp_dob #fitem_id_DOBMonth .felement.fselect {
	margin-left: 10px;
	float: left;
}

#fitem_id_files_filemanager {
	position: relative;
}

#fitem_id_files_filemanager .felement.ffilemanager {
	margin-left: 0;
}

#fitem_id_files_filemanager .fitemtitle {
	text-align: left;
	position: absolute;
	top: -20px;
}

.btn_wrapper_file {
	padding: 0px 0 20px;
	float: right;
}

.btn_wrapper_file_bottom {
	padding: 10px 0;
	float: left;
}

.tbl_wrapper_file table td.mdl-right {
	margin-bottom: 10px;
	width: 40%;
}

.tbl_wrapper_file table td.mdl-left {
	margin-left: 20px;
	display: block;
	margin-bottom: 10px;
	width: 60%;
}

.btn_wrapper_file_bottom .fp-select-buttons {
	float: left;
}

#fitem_id_files_filemanager .fp-btn-download a {
	margin-top: 2px;
}

.tbl_wrapper_file {
	width: 100%;
}

.btn_wrapper_file button {
	margin: 0 0px 0 5px;
}

#page #file_design table {
	width: 100%;
}

#page #file_design table th {
	width: 25%;
	padding: 10px !important;
}

#page #file_design table th,
#page #file_design table td {
	border-right: 2px solid var(--bs-gray-300);
}

#page #file_design .filemanager .fp-content {
	max-height: 500px !important;
	height: 470px;
}

#page #file_design .filemanager .fp-content::after {
	color: var(--bs-gray-600) !important;
	left: 50%;
	transform: translateX(-50%);
	width: auto !important;
}

.user-access .btn_wrapper_file button,
.user-access .tbl_wrapper_file,
.user-access .btn_wrapper_file_bottom,
.tbl_wrapper_file .fp-license {
	display: none;
}

.user-access .btn_wrapper_file button.fp-file-download,
.user-access .btn_wrapper_file button.fp-file-zip {
	display: block;
	margin: 26px 0px 0 5px;
}

.user-access .fp-info {
	clear: none;
}

.user-access .fp-thumbnail {
	margin: 0px 20px 0 0;
}

.wrapper #page.newdash.container {
	margin: 220px auto 0;
}

.msg_learning_page {
	font-size: 16px;
	top: -62px;
	position: absolute;
	z-index: 9999;
	display: none;
	width: 100%;
	left: 0;
}

.msg_learning_page .container {
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	color: var(--bs-white);
	background: var(--red-2);
	width: 100%;
}

.access-icon::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position: -270px -24px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
	font-size: 14px;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
	width: 89% !important;
	z-index: 99999 !important;
	background: var(--bs-gray-200);
	top: 70px !important;
}

li.ui-menu-item {
	border-top: 1px solid var(--bs-gray-200);
	padding: 6px 0;
	background: var(--bs-gray-200) !important;
	font-size: 13px !important;
}

.ui-atate-active {
	background: transparent !important;
	font-weight: normal !important;
	color: var(--bs-gray-900) !important;
	margin: 0px !important;
}

.catalog-login a {
	margin-left: 5px;
}

.main-nav .nav li .dropdown-menu a {
	padding: 8px 20px !important;
	text-indent: unset;
	color: var(--bs-white);
	margin: 0;
}

.c-text.credit_hr,
.c-text.course_rating {
	float: left;
	padding: 0px !important;
}

.grid_bottom .catalog_course_button {
	float: left;
}

.bx-next.disabled {
	background-position: -404px -24px !important;
}

.filter_status select {
	height: auto;
	margin: -2px 0;
	padding: 3px 6px;
	vertical-align: unset;
}

.lyla_icon {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}

.lyla_icon img {
	width: 60px;
}

.asset_details_bottom {
	float: left;
	width: 100%;
	border-top: 1px solid var(--bs-gray-200);
	padding: 12px 0 0px 0;
	font-size: 13px;
}

.asset_details_bottom .assest_status,
.asset_details_bottom .assest_score,
.asset_details_bottom .assest_attemptcount,
.asset_details_bottom .session_count,
.asset_details_bottom .class_type,
.asset_details_bottom .assest_lastaccess,
.asset_details_bottom .date_range {
	float: left;
}

.asset_details_bottom .session_count {
	margin-right: 10px;
}

#fitem_start_date .ftext:focus {
	background: none;
	text-indent: 0px;
}

#page-home-signup #region-main {
	padding: 0px !important;
}

#page #region-main span.asset_type.mandatorysurvey {
	background-position: -81px -168px;
	float: left;
	background-size: 30em !important;
}

.resume_icon:before {
	content: "";
	background: url("/theme/boost/pix/resume_icon.svg") no-repeat;
	width: 40px;
	display: inline-block;
	height: 40px;
	position: relative;
	top: 0px;
	margin-bottom: -10px;
}

.retake_icon:before {
	content: "";
	background: url("/theme/boost/pix/retake_icon.svg") no-repeat;
	width: 40px;
	display: inline-block;
	height: 40px;
	position: relative;
	top: 0px;
	margin-bottom: -10px;
}

#page #region-main h2.forum_review_block {
	border-bottom: none;
	padding: 0 0 10px 0 !important;
	margin: 0;
	float: left;
	width: 100%;
	position: relative;
}

.compliance-img {
	float: right !important;
	margin: 0 0 0 0px !important;
	width: 24px !important;
	height: 24px !important;
}

#page a.assign-course_available:after {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -211px -63px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	top: 2px;
	vertical-align: -webkit-baseline-middle;
}

#page a.enrollment-course:after,
#page a.enrollment-program:after {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -179px -68px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	font-size: 14px;
	vertical-align: -webkit-baseline-middle;
}

#page a.enrollment-course:after:hover {
	background-position: -204px -68px;
}

.credithoursandsessiondate_wraper {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.credithoursandsessiondate_wraper .credit_hr {
	float: left;
	padding-right: 10px;
	border-right: 1px solid var(--bs-gray-400);
}

.credithoursandsessiondate_wraper .session_date {
	float: left;
	padding-left: 10px;
	position: relative;
	top: -8px;
}

.credithoursandsessiondate_wraper .string_text {
	display: inline-block;
}

.credithoursandsessiondate_wraper .string_value {
	font-weight: bold;
}

.credithoursandsessiondate_wraper .session_date .string_text:before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -269px -23px;
	width: 23px;
	height: 23px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 8px;
	margin-right: 4px;
}

/* .course_icon {
	background-position: -328px -165px;
} */

.event-left {
	width: 68%;
	float: left;
}

.event-right {
	width: 30%;
	float: right;
}

.custom-cal tr {
	display: flex;
}

.custom-cal tr td {
	margin: 3px;
	border: 0px none !important;
	height: auto !important;
	border-radius: 8px;
}

#page .block_calendar_month {
	height: 210px;
}

.unlock-card {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 2555, 0.85);
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.unlock-card::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position: 0px -90px;
	width: 23px;
	height: 23px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 10px;
	margin-right: 4px;
}

.unlock-card span {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 16px;
	color: var(--bs-gray-900);
}

.assest_wrapper::before {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 2555, 0.85);
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.managerBlock .nameText {
	width: 100%;
	font-weight: bold;
	font-size: 14px;
}

.evenR td {
	font-size: 14px;
}

.markcheck {
	position: absolute;
	top: 7px;
	left: 0;
	height: 15px;
	width: 15px !important;
	border: 1px solid var(--bs-gray-600);
	border-radius: 3px;
}

.borderBlockSpace .markcheck {
	top: -7px;
}

.catlog-course-des {
	padding: 15px;
}

/* .course_icon_learn {
	background-position: -328px -165px !important;
	margin-top: 0px;
} */

.score_icon {
	background-position: -84px -165px;
}

.credit_icon {
	background-position: -246px -165px;
}

.cal-rightPanel .eventlist .generaltable {
	border: 0 !important;
	border-bottom: 1px solid var(--bs-gray-300) !important;
	margin-bottom: 15px !important;
}

/* file manager */

.fm-content-wrapper {
	border: 1px solid var(--bs-gray-400);
}
.filemanager-container .fm-content-wrapper {
	border: 0;
}
.msg-sender {
	float: left;
	font-weight: bold;
	padding-left: 15px;
}

.table_head {
	width: 96%;
	float: left;
	padding-left: 20px;
}

.learn_p11 {
	padding: 11px;
	padding-left: 0;
}

.f-right {
	font-weight: bold;
	font-size: 15px;
}

#page #region-main .user_dash_box table tr td .user-table-name {
	padding: 10px;
	font-size: 14px;
}

/* catalog grid view style */

.quick-demo {
	font-size: 16px;
}

/*User*/

.user_dash_box .add-course-button {
	float: left;
}

/* custom checkbox */

.managerBlock {
	width: 33%;
}

/* catalog grid view style */


/*User*/

/* #page #region-main .user_dash_box table tr:last-child { border:0; } */

#page #region-main .user_dash_box table thead tr:first-child {
	border: 0;
	height: 50px;
}

#page #region-main .admin_report_table table tr td {
	height: auto;
}

/* custom checkbox */

.checkboxContainer {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
}

.checkboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

label.checkboxContainer label {
	float: left;
	margin-left: 18px;
	font-size: 13px;
}

.checkmarkcheck {
	position: absolute !important;
	top: 1px;
	left: 0;
	height: 16px;
	width: 16px;
	padding: 0px !important;
	border: 1px solid var(--bs-gray-600);
	border-radius: 3px;
}

.checkboxContainer input:checked~.checkmarkcheck::after {
	display: block;
}

.checkboxContainer .checkmarkcheck::after {
	left: 4px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkmarkcheck::after {
	content: "";
	position: absolute;
	display: none;
}

.generaltable2 tbody {
	font-size: 14px;
}

.generaltable2 tbody tr label {
	font-size: 14px;
}

p.unread-msg {
	font-weight: bold;
	margin-left: 11px;
}

.bar_online {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-right: 6px;
	position: relative;
	text-indent: -9999px;
	top: -1px;
}

/* end */

#page-calendar-event #id_cancel {
	display: none;
}

/*Order_list*/

.user_perform_table .compliance_icon {
	vertical-align: sub;
}

#page #region-main .course_category_tree .category>.info {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#page #region-main .course_category_tree .category>.info>.categoryname {
	margin-bottom: 15px;
}

#page #region-main .forumpost {
	box-shadow: none;
	border: 0px none !important;
}

#page #region-main .moreless-toggler {
	padding: 5px 10px;
}

#page #region-main #site-news-forum h2,
#page #region-main #frontpage-course-list h2,
#page #region-main #frontpage-category-names h2,
#page #region-main #frontpage-category-combo h2 {
	margin-bottom: 15px;
	margin-top: 0;
}

#page #region-main .loginbox {
	padding: 50px;
	margin: 0;
}

#page #region-main .loginbox .rememberpass {
	margin-bottom: 15px;
	margin-top: 8px;
	text-align: left;
}

#page #region-main .loginbox .rememberpass input[type="checkbox"] {
	margin-top: 0;
}

#page #region-main .loginbox .rememberpass label {
	font-weight: normal;
	font-size: 18px;
}

#page #region-main .loginbox .rememberpass input[type="checkbox"] {
	vertical-align: 0;
}

#page #region-main .loginbox .loginform .form-input input {
	width: 12em;
}

#page #region-main .loginbox .loginform .form-input input#loginbtn {
	display: block;
}

#page .hidden-blocks h4 .fa {
	margin-right: 5px;
}

#page .hidden-blocks .block-region .block {
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-top: 20px;
}

#page .hidden-blocks .block-region .block .header .title h2 {
	display: block;
	border-top: 0;
}

#page .hidden-blocks .block-region .block.block_with_controls:hover {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

#page .block-region .block {
	margin-bottom: 20px;
	padding-bottom: 0px;
	padding-top: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#page .block-region .block.block_myprofile .profilepicture {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#page .block-region .block.block_login .username label {
	display: block;
}

#page .block-region .block.block_login .password label {
	display: block;
}

#page .block-region .block h2 {
	font-size: 16px;
}

#page .block-region .block .header .title {
	position: relative;
	text-align: center;
}

#page .block-region .block.block_calendar_month .title {
	display: none;
}

/*-------Tabs Outer----*/

.disabled-tab {
	cursor: context-menu;
}

.iconButton a:focus {
	color: var(--bs-white) !important;
	margin-right: 0px !important;
}

a.cat_no_hover:hover {
	cursor: default;
}

.tabsOuter .d-box.no-box .section-box {
	overflow: hidden;
	clear: both;
}

.tabsOuter .section-box .class-outer-box {
	border: 1px solid var(--bs-gray-300);
	border-top: none;
	padding: 15px;
}

.tabsOuter .d-box.no-box .section-box .section-box {
	padding: 0;
	border: none;
}

.programcourse table#learnercourses {
	margin-top: 10px;
}

.tabsOuter .no-course .right-icon a {
	float: left;
	width: 26px;
	height: 26px;
	margin-top: 8px;
}

div.iconButton>a>span {
	padding-right: 5px;
}

#page-reports-classroom_course_report table tr td div.a-box {
	width: calc(100% - 25px);
	display: table;
	margin-left: 23px;
}

/*----------Upload User----------*/

.upload-user-div {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
	clear: both;
	padding: 13px;
	overflow: hidden;
}

.success_block_main ul.user_list li,
.success_block_main ul.team_list li,
.success_block_main ul.department_list li,
.error_block_main ul.error_user_list li,
.success_block_main .user_report .user_header {
	font-weight: bold;
}

.error_block_main ul.error_user_list li ul li,
.success_block_main ul.department_list li ul li,
.success_block_main ul.team_list li ul li,
.success_block_main .user_report ul li {
	font-weight: normal;
}

.success_block_main .user_report {
	padding: 10px 0 0 0;
}

.error_block_main ul.error_user_list,
.error_block_main ul.error_user_list li ul,
.success_block_main ul.user_list,
.success_block_main ul.team_list,
.success_block_main ul.department_list,
.success_block_main ul.user_list li ul,
.success_block_main ul.team_list li ul,
.success_block_main ul.department_list li ul {
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

.error_block_main ul.error_user_list li:before,
.success_block_main ul.user_list li:before,
.success_block_main ul.team_list li:before,
.success_block_main ul.department_list li:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 1em;
	position: relative;
}

/*-----------Blog---------*/

#page #region-main .index-blog .addbloglink {
	text-align: left;
	width: 100%;
	float: left;
	margin-left: 8px;
}

#page #region-main .index-blog .paging {
	text-align: right;
	padding: 0% 2% 0 0;
	margin: 0;
	float: right;
	overflow: hidden;
	width: 68%;
}

#page #region-main .index-blog .blog_entry .tags {
	float: right;
}

#page #region-main .index-detail .paging {
	padding: 0;
}

#page #region-main .index-detail .subject a {
	font-size: 16px;
	font-family: "Lato";
}

#page #region-main .index-detail .commands {
	float: left;
	width: 100%;
}

#page #region-main .index-detail .comment-link {
	float: left;
	position: absolute;
	bottom: 13px;
	left: 0;
}

#page #region-main .index-detail .topic {
	margin: 0;
}

.comment-area {
	padding: 0px !important;
}

#page #region-main #share .share-text {
	font-size: 20px;
	font-family: "Lato";
	padding-top: 7px;
	float: left;
}

/*------Learner Dashboard--------*/

.course_block {
	float: left;
	height: 210px;
	width: 254px !important;
	margin: 0 8px 0 0 !important;
	padding: 0px;
}

.course_block .course_details_block {
	height: 172px;
	width: 100%;
}

.course_block .course_launch {
	width: 100%;
	padding: 4px;
	display: block;
	font-style: italic;
	font-size: 14px;
}

.last-accessed-courses {
	margin-left: 256px;
}

.last-accessed-courses .course_details_block .course_data_block {
	height: 135px;
	width: 100%;
	padding-top: 33px;
}

.last-accessed-courses .course_details_block .course_data_block .course_image_block {
	float: left;
	width: 33%;
	padding: 5px;
	margin: 5px;
}

.last-accessed-courses .course_details_block .course_data_block .course_data {
	float: left;
	margin: 27px 1%;
	text-align: center;
	width: 60%;
}

.last-accessed-courses .course_details_block .course_data_block .course_name {
	font-size: 18px;
	text-transform: capitalize;
	font-family: "Lato";
	font-weight: 300;
	max-height: 73px;
	overflow: hidden;
}

.last-accessed-courses .course_details_block .course_data_block .course_status {
	font-size: 14px;
}

.last-accessed-courses .course_launch_link {
	padding: 4px;
}

/*-----Report----*/

.single-report-start .single-report-graph-right .course-status .nodata {
	float: left;
	width: 100%;
	margin-top: 10px;
}

/*player updated end*/

.file-picker .fp-repo-area {
	height: 100%;
}

.file-picker .fp-content {
	height: 100%;
	padding: 15px 0;
}

.file-picker .fp-repo-items {
	width: 412px;
	float: right;
}
.repository_upload .file-picker .fp-repo-items {
	width: 413px;
}
.fp-tb-refresh img {
	transform: scale(0.8);
}
.fp-toolbar a:hover,
.fp-viewbar a:hover,
.fp-viewbar a.checked, 
.fp-viewbar a:active,
.fp-viewbar a.checked:hover {
	background-color: transparent;
	background-image: none;
}
/*-----Certificates and Badges Tab--------*/

.userprofile .left-content-badges {
	float: left;
	width: 59%;
}

.userprofile .right-content-badges {
	float: right;
	width: 38%;
}

.userprofile .left-content-badges .share {
	width: 109px;
	height: 34px;
}

.userprofile .left-content-badges .badge-image img,
.userprofile .right-content-badges .badge-image img {
	width: 101px;
}

.userprofile .right-content-badges .badge-image,
.userprofile .right-content-badges .badge-name {
	float: left;
}

.userprofile .right-content-badges .badge-name {
	margin: 25px 0 0 20px;
	font-size: 20px;
	font-family: "Lato";
	font-weight: 300;
	text-transform: capitalize;
}

/*--------Moodle Dialogue--------*/

.moodle-dialogue-base .moodle-dialogue-wrap .file-picker form label {
	font-weight: normal;
}

.moodle-dialogue-base .moodle-dialogue-wrap .file-picker form tr td {
	padding: 3px 0;
}

.moodle-dialogue-base .moodle-dialogue-wrap .file-picker form td.mdl-right {
	padding-right: 5px;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
	height: 41px;
	font-family: "Lato" !important;
	font-size: 16px !important;
	text-align: left !important;
	letter-spacing: normal !important;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h3,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
	flex: 1;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: bold;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
	flex: none;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd span,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd span {
	line-height: normal;
	padding: 4px 0 0 6px;
	float: left;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd span.yui3-widget-buttons,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd span.yui3-widget-buttons {
	line-height: normal;
	padding: 0;
	float: right;
	width: 10px !important;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd span .closebutton::after {
	content: '' !important;
	display: none;
}
.moodle-dialogue-hd {
	min-height: 26px !important;
}

.moodle-dialogue-base .moodle-dialogue.filepicker {
	width: 590px !important;
	height: 400px !important;
	bottom: 0;
}

.moodle-dialogue-base .moodle-dialogue.filepicker .fp-content-center form {
	padding-top: 0;
}

.moodle-dialogue-base .moodle-dialogue.filepicker .fp-content-center div {
	margin: 0;
}
.moodle-dialogue-bd .file-picker .fp-repo-area .fp-repo,
.moodle-dialogue-bd .file-picker .fp-repo-items .fp-navbar {
	/* display: none; */
}
.moodle-dialogue-bd .file-picker .fp-repo-area .fp-repo.active,
.moodle-dialogue-bd .file-picker .fp-repo-area .fp-repo:nth-child(4) {
	display: inline-block;
}
.moodle-dialogue .nav-pills .nav-link {
	color: #212121;
}
.moodle-dialogue .nav-pills .nav-link.active, 
.moodle-dialogue .nav-pills .show>.nav-link{
	background-color: transparent !important;
	color: #212121;
}
.filepicker .moodle-dialogue-bd {
	min-height: 200px;
    height: 100% !important;
}
.filepicker .moodle-dialogue-bd .fp-upload-form .fp-formset .fp-file .px-3 {
    border: 1.4px dashed var(--bs-gray-300);
    padding: 10px;
}
.filepicker .moodle-dialogue-bd .fp-upload-form .fp-formset .fp-file input[type="file"]{
	width: 100%;
	padding: 0;
}
.filepicker .moodle-dialogue-bd .fp-upload-form .fp-content-center .mdl-align {
	text-align: left;
	padding: 10px;
}
.moodle-dialogue-bd .file-picker .fp-content {
	border-top: 1px solid rgba(0,0,0,.125) !important;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
	padding-bottom: 1.5rem;
}
/*-----Course Report----*/

/* msg style */


#page-my-index .msg-heading {
	border-bottom: 1px solid var(--bs-gray-200) !important;
	padding: 10px;
	font-size: 16px !important;
	margin-bottom: 5px !important;
}

.msgbody-part {
	padding: 10px;
	float: left;
	width: 100%;
	height: 260px;
}

.tabsOuter .no-box .no-section-box .course {
	margin: 0;
	float: left;
	width: 100%;
}

.tabsOuter .no-box .course {
	padding: 15px;
}

.tabsOuter .no-box .course:hover,
.tabsOuter .no-box .course.selected {
	background: #d5eff8;
}

.program-image img {
	float: left;
	height: 50px;
	margin-right: 15px;
	text-indent: -9999px;
	width: 60px;
}

.moodleSkin .mceToolbar {
	margin: 0 !important;
}

.single-report-start .single-report-graph-full {
	float: left;
	width: 95%;
	height: 300px;
	margin: 10px;
	padding: 10px;
}

.block .calendar-controls .previous span.arrow,
.block .calendar-controls .next span.arrow {
	display: inline-block;
	height: 26px;
	font-size: 20px;
	font-weight: bold;
	margin-top: -4px;
}

.more-event {
	float: right;
	font-size: 12px;
}

.fp-select .fp-hr {
	display: none;
}

.fp-file-unzip {
	display: none;
}

/*Classroom Css*/

/* DA 14/01/20 */

#page #region-main table.assignTable .potentialcell .userselector>select option {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

/* classroom report */

/* classroom report end */

/*attendance popup*/

/*add session popup*/

/*classroom-preview*/

.titlearea {
	clear: both;
}

.leftSectionTitle {
	float: left;
	width: 49%;
}

.titlearea .left-box {
	text-align: right;
	width: 49% !important;
}

.filepicker-filename {
	padding: 10px;
}

.filepicker-filename a:hover,
.filepicker-filename a:focus {
	color: inherit !important;
	cursor: default;
}

#page-course-classroom_report_details #page #region-main select {
	margin-bottom: 15px;
}

.table-head {
	float: left;
	font-size: 16px;
	height: 41px;
	padding: 10px 0 0 1%;
	width: 100%;
}

.tabsOuter .no-course .left-content {
	width: 81% !important;
}

#page-my-course_catalog .table-head {
	font-family: "Lato", arial, sans-serif;
}

#mform1 .fp-navbar .fp-viewbar,
.filemanager .fp-navbar .fp-viewbar {
	display: none;
}

#mform1 #fitem_id_programimage_filemanager .fp-navbar .fp-viewbar {
	display: none;
}

#mform1 #fitem_id_files_filemanager .fp-navbar .fp-viewbar {
	display: block;
}

#page-user-user_credithours_report #region-main .course-listing table.credit_hours_table {
	width: 100% !important;
	margin: 0 !important;
}

#page-user-user_course_credithours_report .view_assests .single-reports-listing {
	margin-bottom: 0;
}

.dndupload-progress-inner {
	height: 20px !important;
	display: block !important;
}

.moodleSkin .mceToolbar .mceListBox {
	display: table;
	width: auto !important;
}

#inline-iframe {
	position: absolute;
	left: -100000px;
}

/* ---------DCK START-------- */

#page #region-main table.manageTable_nw tr {
	border-bottom: 1px solid var(--bs-gray-300);
}

/* ---------DCK END-------- */

.viewall a {
	color: var(--bs-primary);
}

.chartBlock {
	width: 100%;
	clear: both;
	position: relative;
}

.chartArea {
	margin: 10px 0 0;
	float: left;
	width: 70%;
}

.chartBox {
	float: left;
	width: 100%;
	height: 400px;
	margin: 20px 0 0;
}

.graphDataCircles {
	float: right;
	width: 26%;
	font-size: 16px;
}

.graphDataCircles ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.graphDataCircles ul li {
	padding: 40px 0 0;
	float: left;
	width: 100%;
}

.graphDataCircles ul li span {
	display: inline-block;
	vertical-align: super;
}

.graphDataCircles .circle {
	width: 90px;
	height: 90px;
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 16px;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	font-size: 28px;
}

.chartNavs {
	float: left;
	width: 100%;
}

.chartNavs .switcher {
	float: right;
	margin: 0 10px 0 0;
}

.chartNavs .switcher a {
	height: 30px;
	padding: 0 20px;
	line-height: 28px;
	font-size: 14px;
	float: left;
}

.chartNavs .switcher a:first-child {
	margin-right: -1px;
}

.countBlock {
	margin: 27px 30px 0;
}

.countBlock a {
	position: relative;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 0 0 20px !important;
	font-size: 18px;
}

.countBlock a span {
	font: 12px "Lato";
	margin: 0;
	padding: 0 4px;
	position: absolute;
	height: 16px;
	min-width: 17px;
	top: -12px;
	right: -8px;
}

.countBlock a.fa-server {
	padding-top: 1px;
}

.attempt_row {
	display: none;
}

.attempt_row.show_row {
	display: table-row;
}

#id_pagecontent_editor_managefiles {
	display: none;
}

.mce_managefiles {
	display: none !important;
}

#page-course-classroom_course_report .subs_reports_status_bar.subsReport {
	margin-top: 15px;
}

#fgroup_id_is_weblink .fgroup span {
	margin-right: 10px;
}

.clearlooks2 {
	z-index: 99999 !important;
}

.image_delete_wrapper {
	float: left;
	position: relative;
	border: 1px solid var(--efefef);
	padding: 3px;
	border: 1px solid var(--efefef);
	padding: 3px;
}

.image_delete_wrapper .image_delete_icon {
	border: 1px solid #cdcdcd;
	border-top: none;
	background-color: var(--efefef);
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}

.image_delete_wrapper span:hover {
	background: url([[pix:theme|clear_hover]]) no-repeat 50% 50% var(--bs-white);
}

#page #region-main table.table1 td span.user-table-image {
	/*line-height: normal;*/
	padding: 0;
}

#page #region-main table.table1 td img {
	background: var(--bs-gray-400);
	border-radius: 50%;
}

#page #region-main table.table1 td img.compliance-img {
	background: none;
}

select#id_theme {
	width: 100%;
}

select#id_timezone_id {
	width: 100%;
}

.evenR td {
	background: var(--bs-gray-100) !important;
}

.disableIcon,
.playIcon.disableIcon {
	color: var(--bs-gray-300) !important;
	border: 0 !important;
	cursor: default !important;
	background: none;
}

.feedback_item_label_left {
	padding: 0 0 5px 30px;
}

.button-link.backButton {
	display: none;
}

/*shopping cart table*/

.buy_outer {
	width: auto;
	display: inline-block;
	margin-right: 20px;
}

/*cart css end here*/

/* Quick Help popup Css starts */

.active {
	display: block;
}

.searchBoxDiv2 {
	width: auto;
	max-width: inherit;
	overflow: visible;
	clear: both;
	margin: 0;
	position: relative;
}



/****************** Responsive css ***********************/

/* Forum css */

#intro.generalbox {
	background: var(--bs-white);
	border: 1px solid #d9d9d9;
}

.fullpostforum p {
	color: var(--bs-gray-600);
	margin-bottom: 0px;
}

/*---------add compliance---------*/

#page-index .search_clear_button {
	position: absolute;
	width: 35px;
	right: 10px;
	top: 16px;
}

/*course page css start here*/

.course-points div {
	float: left;
}

.mail-opened-position {
	position: absolute;
	right: 10px;
	top: 26px;
}

.font-bold {
	font-weight: bold;
}

.header_catalog {
	float: left;
	width: calc(100% - 110px);
	left: 110px;
	display: block;
	height: 70px;
	position: fixed;
	z-index: 999999;
	background: var(--bs-gray-200);
	padding-right: 30px;
	padding-top: 12px;
	border-bottom: 1px solid #e9e9f0;
}

/* catalogbeforelogin css */

span.catalog-cart {
	position: relative;
	margin-right: 15px;
}

.cartbtn {
	float: left;
}

#page-cart-cartviewbeforelogin #page-content {
	margin-top: 120px;
}

/*alpana*/

input#card_num,
input#coupon_code {
	float: left;
	width: 170px;
	height: 35px;
}

input#coupon_code {
	padding-bottom: 0px !important;
}

#pay_pal {
	margin-top: 0.5em;
}

.btn-next {
	right: 8px !important;
}

.btn-prev {
	left: 8px !important;
}



.acknowledge.disabled {
	/* background-color: var(--bs-gray-300); */
	color: #707070;
	cursor: not-allowed;
	/* border: 1px solid var(--bs-gray-300); */
}

/* my css customize */



.sendtestpopup {
	width: 100%;
	height: 100%;
	/* overflow: hidden !important; */
}

.btn_wrapper_file button {
	margin: 0 0px 0 5px;
}

#page #file_design table {
	width: 100%;
}

#page #file_design table th {
	width: 25%;
	padding: 10px !important;
}

#page #file_design .filemanager .fp-content {
	max-height: 500px !important;
	height: 470px;
}

#page #file_design .filemanager .fp-content::after {
	color: #8c8a8a !important;
	left: 50%;
	transform: translateX(-50%);
	width: auto !important;
}

.user-access .btn_wrapper_file button,
.user-access .tbl_wrapper_file,
.user-access .btn_wrapper_file_bottom,
.tbl_wrapper_file .fp-license {
	display: none;
}

.user-access .btn_wrapper_file button.fp-file-download,
.user-access .btn_wrapper_file button.fp-file-zip {
	display: block;
	margin: 26px 0px 0 5px;
}

.user-access .fp-info {
	clear: none;
}

.user-access .fp-thumbnail {
	margin: 0px 20px 0 0;
}

/* search icon */

#page .block_calendar_month {
	height: 205px;
	overflow-y: auto;
}

/* New Cone for Jira issues GLMS-5998, GLMS-5999, GLMS-6000 */


/****** Resource access style start  *****/


.yui3-datatable-col-settings .fp-hascontextmenu {
	margin: 0;
}




/****** Resource access style end  *****/

/******** SAAS LMS 2020 **********/
.main-nav .nav li .dropdown-menu a {
	padding: 8px 20px !important;
	text-indent: unset;
	color: var(--bs-white);
	margin: 0;
}



/***************/

.sidemenu_small {
	position: fixed;
	width: 80px;
	background: var(--bs-white);
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999999;
}

.sidemenu_small .menu_list li a {
	width: 100%;
	display: block;
}

.sidemenu_small .menu_list li.active a {
	border-left: 2px solid var(--bs-primary) !important;
}

.sidemenu_small ul.menu_list {
	margin: 0 !important;
}

.fav_icon_wrapper img {
	width: 24px;
}

.sidemenu_expand .menu_list li ul li {
	padding: 2px 0 4px 55px;
	min-height: auto;
	white-space: pre-wrap;
}

/*****************/

.course_top_wrapper .heading_wrapper .course-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.course_top_wrapper .heading_wrapper .course-img .course_type,
.catalogRelCourse .course-img .course_type.onlinecourse {
	position: absolute;
	padding: 6px 10px;
	color: var(--bs-gray-900);
	border-radius: 30px;
	top: auto;
	bottom: 10px;
	left: 10px;
	right: auto;
	margin: 0 auto;
	width: max-content;
}

.course_top_wrapper .heading_wrapper .course-img .course_type::before {
	font-family: "Fontawesome";
	color: var(--bs-primary);
	font-size: 16px;
	padding-right: 5px;
}


.grid_bottom .catalog_course_button {
	float: left;
}

.seat-icon::before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -45px -91px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.norecords_wrapper {
	width: calc(100vw - 110px) !important;
	float: left;
	min-height: 45px;
}

.norecords_left {
	width: 100%;
}

.norecords_right {
	width: 100%;
}

.norecords_right .blank_cards {
	background: url("/theme/boost/pix/blank-cards.png") 0 0px no-repeat;
	display: block;
	height: 420px;
	width: 100%;
}

.tb-notfound,
.norecords_left .heading_text {
	color: #292929;
	font-size: 1em;
	line-height: 22px;
	font-weight: 700;
	margin-left: 10px;
	padding: 10px 0;
}
.tb-notfound {
	padding: 10px;
}

.norecords_left .norecords_text {
	font-size: 14px;
	padding-top: 20px;
}

.norecords_left .req_button {
	padding-top: 20px;
	display: none;
}

.norecords_left .req_button a {
	background: var(--bs-primary);
	color: var(--bs-white);
	padding: 8px 15px !important;
	border-radius: 4px;
	height: auto !important;
}

.norecords_left .req_button a:hover,
.norecords_left .req_button a:focus {
	color: var(--bs-white) !important;
}

.statistic_progress_value,
.statistic_hours_value {
	color: var(--bs-theme-orange);
	font-size: 18px;
	font-weight: bolder;
	padding-right: 10px;
	position: relative;
	display: block;
	float: left;
}

.statistic_count .statistic_count_value,
.statistic_date .statistic_date_value,
.statistic_catname .statistic_catname_value,
.statistic_rating .statistic_rating_value {
	display: flex;
	font-size: 14px;
	align-items: center;
}

.statistic_date .statistic_date_value:before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -44px -1px;
	width: 23px;
	height: 23px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	font-size: 14px;
}

.statistic_catname .statistic_catname_value:before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -313px -3px;
	width: 23px;
	height: 23px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	font-size: 14px;
}

.statistic_rating .statistic_rating_value:before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -333px -27px;
	width: 23px;
	height: 23px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
}

.author_details_wrapper {
	float: left;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid var(--bs-gray-300);
	padding-top: 20px;
}

#page-content .author_details_img .userpicture {
	border-radius: 50%;
}

.asset_details_bottom .assest_status {
	border-left: 0px none;
	padding-left: 0px;
}

.asset_details_bottom .assest_acknowlege {
	float: right;
}

/* #page #region-main span.asset_type {
	background: url("/theme/boost/pix/sprite-assettype.svg") no-repeat;
	width: 90px;
	display: inline-block;
	background-size: 30em !important;
	height: 90px;
} */

#page #region-main span.asset_type.default {
	background-position: 0px 0px;
}

#page #region-main span.asset_type.doc {
	background-position: -84px 0px;
}

#page #region-main span.asset_type.audio {
	background-position: -166px 0px;
}

#page #region-main span.asset_type.csv {
	background-position: -251px 0px;
}

#page #region-main span.asset_type.image {
	background-position: -336px 0px;
}

#page #region-main span.asset_type.pdf {
	background-position: 0px -86px;
}

#page #region-main span.asset_type.ppt {
	background-position: -84px -86px;
}

/* #page #region-main span.asset_type.scorm {
	background-position: -166px -86px;
} */

#page #region-main span.asset_type.txt {
	background-position: -251px -86px;
}

#page #region-main span.asset_type.video {
	background-position: -336px -86px;
}

.session_slider_wrapper {
	float: left;
}
.course_details_assest_wrapper .session_slider_wrapper {
	float: none;
}

/*Code Name*/

#page #region-main .faq_wrapper h2 {
	border-bottom: none;
	margin: 0 auto !important;
	font-size: 16px;
	padding: 20px 0;
	font-weight: bold !important;
	width: 94%;
}

#page #region-main .ftogglerfaq h3 {
	font-size: 16px;
}

#page #region-main .faq_wrapper h2 a:hover,
#page #region-main .faq_wrapper h2 a:focus,
#page #region-main .ftogglerfaq h3 a:hover,
#page #region-main .ftogglerfaq h3:focus {
	color: var(--bs-gray-900) !important;
}

.left_header #common-search #search-form div.search-input {
	border: none;
}

/*Manager_dashboard*/

.managerBlock .nameCount {
	/* width: 50%;
	top: 0%;
	color: #ffa500;
	z-index: 10; */
	z-index: 10;
	color: var(--bs-theme-orange);
	font-size: 28px;
	font-weight: 900;
}

.manag_das .eventnone .cal-div {
	background: #ffe0cc;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 5px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}

/*Message*/

.msg-table tr:nth-child(odd) {
	background: #f8f8f8;
}

.read_mail_box::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -40px -40px;
	width: 18px;
	height: 18px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
	margin-left: 6px;
}

.read_delete_box::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -115px -40px;
	width: 18px;
	height: 18px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.date_mesg {
	font-size: 12px;
	font-weight: 700;
}

span.course_credithours {
	font-weight: bold;
}

.sidebar-divider {
	float: left;
	width: 100%;
	border-top: 1px solid rgba(188, 188, 188, 0.5);
	margin: 15px 0;
	display: block;
}

.container_check {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container_check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.container_check input:checked~.markcheck {
	background-color: var(--bs-gray-600);
}

.class-icon::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -112px -90px;
	width: 22px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	top: 4px;
	font-size: 14px;
}

.mt-30 {
	margin-top: 30px;
}

/* file manager */

.newfilemanager .filemanager-toolbar {
	background: var(--bs-white);
	border-bottom: 0px none;
}

.newfilemanager .fp-pathbar {
	background: var(--bs-white) !important;
}

#page #file_design .filemanager .fp-content {
	height: auto !important;
}

#page #file_design .newfilemanager .fp-content::-webkit-scrollbar {
	width: 5px;
	background-color: #e3e3e3;
}

#page #file_design .newfilemanager .fp-content::-webkit-scrollbar-thumb {
	background: #c4c4c4;
}

.new-fp-mkdir-dlg input[type="text"],
.fp-upload-form input[type="text"],
.tbl_wrapper_file input[type="text"] {
	width: 100%;
	max-width: 100%;
	float: none !important;
}

.new_filemanager_table_setting .tbl_wrapper_file table td.mdl-left {
	display: table-cell !important;
	padding-bottom: 5px;
}

.new_filemanager_table_setting .tbl_wrapper_file table td.mdl-right {
	display: table-cell !important;
	padding-right: 20px;
	width: 30%;
}

.new_filemanager_table_setting .tbl_wrapper_file .select-box {
	width: 292px !important;
}

.new_btn_wrapper_file {
	width: 100%;
	display: flex;
	float: none !important;
}

.new_btn_wrapper_file .btn_col1 {
	flex-basis: 30%;
	max-width: 30%;
}

.new_btn_wrapper_file .btn_col2 {
	flex-basis: 70%;
	width: 70%;
}

.new_btn_wrapper_file button,
.new_btn_wrapper_file button:focus,
.new_btn_wrapper_file button:active {
	margin: 0 5px 5px 0 !important;
}

.new-fp-info .fp-thumbnail {
	margin-right: 15px !important;
}

.new-fp-info .btn_wrapper_file_bottom,
.new-fp-info .btn_wrapper_file_bottom .fp-select-buttons {
	padding: 0 !important;
}

#cboxOverlay {
	background: #aaaaaa !important;
	opacity: 0.4;
}

/* survey css */

.new_feedback_form .feedback_item_box_left .feedback_item_label_left,
.new_feedback_form .feedback_item_box_left .feedback_item_label_left label,
.new_feedback_form .feedback_item_box_left .feedback_item_number_left {
	font-size: 18px !important;
	font-weight: bold !important;
}

.new_feedback_form .feedback_item_box_left .feedback_item_label_left {
	padding-bottom: 10px;
}

.new_feedback_form .feedback_item_box_left .feedback_item_textarea textarea,
.new_feedback_form .feedback_item_box_left input[type="text"] {
	width: 100% !important;
}

.new_feedback_form .feedback_item_box_left .feedback_item_presentation_left,
.new_feedback_form .feedback_item_box_left .feedback_item_presentation_left label {
	font-size: 15px !important;
}

.new_feedback_form .feedback_item_box_left .feedback_item_label_left.missingrequire,
.new_feedback_form .feedback_item_box_left .feedback_item_presentation_left.missingrequire {
	background: none !important;
}

.new_feedback_form .feedback_item_box_left .feedback_item_label_left.missingrequire {
	color: #f00 !important;
}

.new_feedback_form .feedback_item_box_left .feedback_item_presentation_left ul li {
	padding-bottom: 10px;
}

.new_feedback_form input[type="checkbox"],
.new_feedback_form input[type="radio"] {
	position: relative;
}
.new_feedback_form input[type="radio"] {
	width: 13px !important;
    height: 13px !important;
	margin-right: 2px !important;
}
.new_feedback_form input[type="checkbox"]:after,
.new_feedback_form input[type="radio"]:after {
	line-height: 1.5em;
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: -4px;
	margin-left: -4px;
	border: 1px solid var(--bs-gray-600);
	border-radius: 4px;
	background: var(--bs-white);
}

.new_feedback_form input[type="radio"]:after {
	border-radius: 50% !important;
}

.new_feedback_form input[type="checkbox"]:checked:after,
.new_feedback_form input[type="radio"]:checked:after {
	width: 18px;
	height: 18px;
	border: 2px solid var(--bs-primary);
}

.new_feedback_form input[type="checkbox"]:checked:before {
	content: "\f00c";
	font-family: var(--fa);
	position: absolute;
	font-size: 11px;
	left: -1px;
	color: var(--bs-primary);
	font-weight: 900;
}

.new_feedback_form input[type="radio"]:checked:before {
	content: "\f111";
	font-family: var(--fa);
	position: absolute;
	font-size: 9px;
	left: 0.4px;
	top: 0.5px;
	color: var(--bs-primary);
	font-weight: 900;
}

/* event new css end */

/* event new css end */

#page-cart-description .tabLinks,
#page-cart-descriptionbeforelogin .tabsLink {
	border-top: 1px solid var(--bs-gray-200);
	border-bottom: 1px solid var(--bs-gray-200);
	width: 100%;
	float: left;
	margin-top: 25px;
}

.perform_head {
	box-shadow: 0 0 10px var(--bs-gray-100);
}

.user_table_one {
	border: 0 !important;
}

#page #region-main .classroom_table table th {
	background-color: #c4c4c4;
}

/* program timeline  */

.program_timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	counter-reset: div;
}

.progress_container {
	padding: 10px 30px;
	position: relative;
	background-color: inherit;
	width: 100%;
}

.progress_container::after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	right: -17px;
	background-color: green;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.program_timeline::after {
	content: "";
	position: absolute;
	width: 1.2px;
	background-color: rgba(188, 188, 188, 0.5);
	top: 0;
	bottom: 0;
	left: 7px;
}

.NotStarted::after {
	background: var(--bs-white);
	border: 1px solid rgba(188, 188, 188, 0.5);
}

.Completed::after {
	background: var(--c-color-3);
}

.InProgress::after {
	background: var(--c-color-1);
}

.progress_container::before {
	counter-increment: div;
	content: counters(div, ".") " ";
	left: -58px;
	position: relative;
	top: 2px;
}

span.update_report {
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position: -185px -20px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	cursor: pointer;
}

/* msg detail page */

.tab-content {
	margin-bottom: 15px;
	border: none !important;
}

.nav-tabs>li {
	margin-right: 2px;
}

.panel {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.panel .panel-heading {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/*----Block Document----*/

#page .blockformydoc #settingsnav {
	padding: 0;
	margin: 0;
}

#page .blockformydoc .block_tree_box h2 {
	font-size: 14px;
	text-transform: none;
	text-shadow: none;
	display: block;
	text-align: left;
	padding: 13px 10px;
	font-family: "Lato";
	margin: 0;
}

#page .blockformydoc #settingsnav .box.generalbox {
	padding: 0 10px 10px;
	margin: 0;
}

#page .blockformydoc #settingsnav .box.generalbox .filemanager-container .fp-content {
	height: auto !important;
	max-height: inherit !important;
}

#page .blockformydoc #settingsnav .box.generalbox .filemanager-container .fp-file {
	margin: 10px 9px 35px;
}

#page .blockformydoc #settingsnav .box.generalbox .filemanager-container .fp-content {
	height: 150px;
}

#page .blockformydoc .filemanager-container {
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 160px;
	float: left;
}

#page .blockformydoc .filemanager-container .fp-content {
	overflow: inherit;
	max-height: none;
	min-height: inherit;
}

#page .blockformydoc .filemanager-container .fp-content .fp-filename {
	display: block;
	padding-right: 0;
	padding-left: 34px;
}

/* Override */

#intro.generalbox {
	padding: 15px;
	margin-top: 0;
}

/* Forum */

.forumpost .row.maincontent {
	margin-top: 0px;
}

.forumpost .picture {
	margin-right: 10px;
}

.forumpost .picture img {
	margin: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.forumpost .topic {
	margin-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 12px;
	line-height: 1.5;
}

.forumpost .author {
	font-size: 12px;
}

.singlebutton.forumaddnew div {
	margin-left: 0;
}

/* YUI popup */

/* Misc */

.section-modchooser-link img.smallicon {
	padding-top: 0;
}

.block_recent_activity .activitydate,
.block_recent_activity .activityhead {
	font-size: 11px;
}

.block_settings .block_tree .tree_item {
	outline: none !important;
}

.block_settings .block_tree .tree_item span {
	outline: none !important;
}

.course-content ul li.section.main {
	padding: 15px;
}

#notice {
	width: auto;
}

.form-item .form-setting textarea {
	width: 100%;
}

#page-enrol-users #filterform {
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#page-enrol-users .enrol_user_buttons {
	text-align: right;
	margin-top: 15px;
	float: none;
}

.user-enroller-panel {
	-webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
	-moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
	box-shadow: 0px 0px 5px 0px #e8e8e8;
}

#userselector_options,
#userselector_options *,
#userselector_options *:before,
#userselector_options *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.section-modchooser {
	margin-bottom: 15px;
}

.path-site li.activity>div,
.path-course-view li.activity>div {
	position: relative;
	padding: 0 16px 0 0;
}

.comment-message .picture {
	width: auto;
	margin-right: 5px;
}

.block .header .commands .icon img {
	width: auto;
	height: auto;
}

.course-content li.section.main .summary {
	margin-left: 15px;
}

.block_myprofile .myprofileitem.fullname {
	font-size: 13px;
}

.block_myprofile .myprofileitem.picture {
	float: left;
	margin-right: 10px;
}

#page #region-main .course-content .section.main.current h3.sectionname {
	margin-left: 20px;
}

/* Quiz */

.block .header h2 {
	text-shadow: none;
}

.questionbankwindow.block {
	float: none;
	width: inherit;
}

#page-mod-quiz-edit div.quizcontents {
	width: inherit;
	float: none;
}

#page-mod-quiz-edit #page #region-main .questionbankwindow.block div.header div.title h2 {
	text-shadow: none;
	font-size: 20px;
	text-transform: inherit;
	padding: 5px 0;
}

#page-mod-quiz-edit #page #region-main .questionbankwindow div.header .title {
	margin-bottom: 0;
}

#page-mod-quiz-edit div.container div.generalbox {
	padding: 15px;
	margin-bottom: 15px;
}

#page-mod-quiz-edit .questionbankwindow div.header {
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
	padding: 5px;
}

#chooseqtypebox.boxwidthnormal {
	width: auto;
}

#categoryquestions .iconcol,
#categoryquestions .checkbox {
	width: auto;
}

#page-mod-quiz-edit #page table#categoryquestions td,
#page-mod-quiz-edit #page table#categoryquestions th {
	border: none;
}

#page-mod-quiz-edit table#categoryquestions th.questionnametext {
	width: 300px;
}

#page-mod-quiz-edit table#categoryquestions .checkbox input[type="checkbox"] {
	float: none;
	margin-left: 0;
}

#randomquestiondialog .mform #fitem_id_cancel.fitem .felement {
	margin-left: 0;
}

#chooseqtypehead h3 {
	padding: 5px;
}

#randomquestiondialog fieldset.hidden {
	display: none !important;
}

#page-mod-quiz-edit div.editq div.question div.content {
	width: 93%;
}

/*-------Content-lower---------*/

.calendar_multi_event a {
	background: none;
	color: var(--bs-gray-900);
}

.path-calendar .maincalendar .eventlist .event .commands a, .path-extensions-calendar .maincalendar .eventlist .event .commands a {
	font-family: "FontAwesome";
	border-radius: 50%;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
}

.dashboard-lower-right {
	width: 44%;
}

.lower-right-upper {
	/*height:280px;*/
	width: 100%;
	margin: 20px 0 0;
	float: left;
}

.lower-right-bottom {
	height: 279px;
	width: 100%;
	margin-top: 20px;
}

.lower-right-upper .newcourse {
	height: 44px;
	padding: 10px 0 0 40px;
}

#page #region-main .index-detail .addbloglink {
	text-align: left;
	float: left;
	width: 100%;
}

#page #region-main .index-detail .comment-link {
	float: left;
	position: absolute;
	bottom: 13px;
	left: 0;
}

#page #region-main .index-detail .topic {
	margin: 0;
}

#page #region-main .index-detail .blog_entry .content {
	margin-left: 0;
}

#page #region-main .index-blog .topic {
	margin: 0;
}

#page #region-main .index-detail .comment-link img {
	float: right;
	padding-top: 6px;
	padding-left: 4px;
}

#page #region-main .index-blog .comment-link img {
	float: right;
	padding-top: 3px;
	padding-left: 4px;
}

#page #region-main #share {
	padding: 15px 0;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#page #region-main #share .share-icon {
	float: right;
}

#page #region-main .index-detail .addbloglink.prevblog,
#page #region-main .index-detail .addbloglink.nextblog {
	float: left;
	margin-right: 10px;
}

#page #region-main .index-blog .commands a {
	padding: 0px 4px;
}

/*--------------Admin Calender---------*/

.dashboard-lower-left .maincalendar .eventlist {
	height: 433px;
	width: 100% !important;
	overflow: scroll;
	overflow-x: hidden;
	margin-top: 10px;
}

.dashboard-lower-left .maincalendar .eventlist .event {
	width: 99%;
	font-family: "Lato";
	font-size: 14px;
	margin: 0 !important;
}

.dashboard-lower-left .maincalendar .eventlist .event.course-event {
	border-radius: 4px 4px;
}

.dashboard-lower-left .maincalendar .eventlist .event.global-event {
	border-radius: 4px 4px;
}

.dashboard-lower-left .maincalendar .eventlist .event.user-event {
	border-radius: 4px 4px;
}

.dashboard-lower-left .maincalendar .eventlist table {
	position: relative;
}

.dashboard-lower-left .maincalendar .eventlist .event td {
	padding: 0 !important;
	border: none !important;
	line-height: 23px;
}

.dashboard-lower-left .maincalendar .eventlist .event td .name,
.dashboard-lower-left .maincalendar .eventlist .event td .course,
.dashboard-lower-left .maincalendar .eventlist .event td .date {
	padding-left: 10px;
}

.dashboard-lower-left .maincalendar .eventlist .event .description p {
	width: 85%;
	float: left;
	padding-left: 10px;
}

.dashboard-lower-left .maincalendar .eventlist .event .description .commands {
	position: absolute;
	right: 0;
	top: 10px;
}

.dashboard-lower-left .maincalendar .eventlist .event-spacer {
	float: left;
	height: 8px;
	width: 99%;
}

#page-calendar-view #region-main .course-event {
	border-radius: 4px 4px;
}

#page-calendar-view #region-main .global-event {
	border-radius: 4px 4px;
}

#page-calendar-view #region-main .user-event {
	border-radius: 4px 4px;
}

#page-calendar-view #region-main .calender-view a {
	padding: 5px 10px;
	float: right;
}

/*  */

#page-calendar-view #region-main .maincalendar div.header {
	position: absolute;
	right: 130px;
	float: left;
}

#page-calendar-view #region-main .maincalendar div.header .buttons {
	float: left;
}

#page-calendar-view .heightcontainer .header .buttons>form>div:before,
.add-event-button:before {
	content: "\f271";
	font: 23px "FontAwesome";
	padding: 4px 2px 4px 7px;
	float: left;
	border-radius: 4px 0 0 4px;
	height: 32px;
}

#page-calendar-view .heightcontainer .header .buttons>form>div.downloadIcon:before {
	content: "\f00b";
}

#page-calendar-view .heightcontainer .header .buttons>form>div>a {
	box-shadow: none;
	font-size: 14px;
	font-family: "Lato";
	text-transform: capitalize;
	text-shadow: none;
	margin: 0px 5px 0 0;
	padding: 4px 10px 4px 5px;
	border-radius: 0 4px 4px 0;
	display: inline-block;
}

/*------Admin Dashboard---------*/

.admin-dashboard {
	height: 206px !important;
}

.admin-dashboard .course_block {
	height: 170px;
	width: 203px !important;
}

.admin-dashboard .course_block .course_details_block {
	height: 69px;
	width: 100%;
}

.admin-dashboard .course_block .course_launch_link .new-course-preview-link {
	width: 100%;
	padding: 0 4px;
}

.admin-dashboard .course_block .course_launch {
	width: 100%;
	padding: 2px 4px;
	display: block;
	font-style: italic;
	font-size: 14px;
}

.admin-dashboard .last-accessed-courses {
	margin-left: 238px;
}

.admin-dashboard .last-accessed-courses .bx-wrapper {
	min-height: 188px;
	padding: 10px 0 0 0;
}

.admin-dashboard .last-accessed-courses .course_details_block .course_data_block {
	height: 69px;
	width: 100%;
	padding: 0;
}

.admin-dashboard .last-accessed-courses .course_details_block .course_data_block .course_image_block {
	float: left;
	width: 33%;
	height: 55px;
	padding: 5px;
	margin: 5px;
}

.admin-dashboard .last-accessed-courses .course_details_block .course_data_block .course_data {
	float: left;
	margin: 16px 1% 0;
	text-align: center;
	width: 60%;
	line-height: normal;
}

.admin-dashboard .last-accessed-courses .course_details_block .course_data_block .course_status {
	font-size: 14px;
}

.admin-dashboard .course_status_block {
	text-align: center;
	display: table;
}

.admin-dashboard .course_status_block_span {
	display: table-cell;
	vertical-align: middle;
}

.admin-dashboard .leftlearner,
.admin-dashboard .rightcourse {
	width: 50%;
	float: left;
	text-align: center;
	min-height: 63px;
	padding: 3px 0 0 0;
}

.admin-dashboard .leftlearner .teamcount,
.admin-dashboard .rightcourse .teamcount {
	font-size: 40px;
	line-height: normal;
}

.admin-dashboard .last-accessed-courses .course_launch_link {
	padding: 0;
}

/*-----Report----*/

.single-report-start .single-report-graph-right .course-status .nodata {
	float: left;
	width: 100%;
	margin-top: 10px;
}


#id_create_message .ftoggler, #id_create_cms .ftoggler {
	display: none !important;
}

/*-----Course Report----*/



/* msg style */

.msg-heading {
	border-bottom: 1px solid var(--bs-gray-200);
	padding: 10px;
	font-size: 16px !important;
	margin-bottom: 5px !important;
}

/*-------Course Catalog*--------*/

#page-course-course_catalog #common-search {
	margin-bottom: 16px;
}

/*attendance popup*/

.pagelayout-classroompopup .borderBlockSpace {
	padding: 10px 15px;
}

/*add session popup*/

/*classroom-preview*/

.titlearea {
	clear: both;
}

.leftSectionTitle {
	float: left;
	width: 49%;
}

.titlearea .left-box {
	text-align: right;
	width: 49% !important;
}

.dndupload-progress-inner {
	height: 20px !important;
	display: block !important;
}

.moodleSkin .mceToolbar .mceListBox {
	display: table;
	width: auto !important;
}

.blog_entry .commands {
	padding: 0 20px;
	position: absolute;
	bottom: 15px;
	font-size: 14px;
}

/*footer updated 03/04/2015*/

/* ---------DCK START-------- */

.searchIcon_nw button[type="button"] {
	margin-left: 8px;
}

/* ---------DCK END-------- */

/*SaaS Edit*/

#page #region-main .region-main-inner {
	overflow: visible;
}

.circleBlockRow {
	padding: 0;
	margin: 0;
}

.circleBlockRow .col-xs-2,
.circleBlockRow .col-sm-2,
.circleBlockRow .col-md-2,
.circleBlockRow .col-lg-2,
.circleBlockRow .col-xs-3,
.circleBlockRow .col-sm-3,
.circleBlockRow .col-md-3,
.circleBlockRow .col-lg-3,
.circleBlockRow .col-xs-4,
.circleBlockRow .col-sm-4,
.circleBlockRow .col-md-4,
.circleBlockRow .col-lg-4 {
	padding-left: 10px;
	padding-right: 10px;
}

.pl-0 {
	padding-left: 0px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.super_admin .circleBlock .nameCount {
	font: 28px/114px "Lato" !important;
	font-weight: 700 !important;
	height: 115px;
	width: 100%;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 9;
}

/* message */

p.sender-name {
	text-transform: capitalize;
	font-size: 14px;
}

.msgCheck {
	margin-top: 10px;
}

/* Subscription */

/*.fp-repo.even { display: none;}*/

#colordiv.gnosisblue {
	background: var(--gnosisblue);
}

#colordiv.green {
	background: var(--green);
}

#colordiv.indigo {
	background: var(--indigo);
}

#colordiv.orange {
	background: var(--orange);
}

#colordiv.purple {
	background: var(--purple);
}

#colordiv.red {
	background: var(--red-2);
}

#colordiv.steelblue {
	background: var(--steelblue);
}

#colordiv.teal {
	background: var(--teal);
}

#colordiv.yellogreen {
	background: var(--yellogreen);
}

#colordiv.black {
	background: var(--bs-gray-800);
}

#colordiv.white {
	background: var(--bs-white);
}

#page-blog-edit .fitem_actionbuttons.fitem_fgroup .felement {
	margin-left: 280px;
}

.tabsOuter .tabLinks+div #addmembersform.borderBlockSpace {
	border: 1.4px solid var(--border-color-light);
	padding: 2px;
	background: var(--bs-white);
	margin: 20px 0 0;
	border-radius: 6px;
}



.quickLinks {
	position: fixed;
	right: 30px;
	top: 50%;
	height: 74px;
	width: 74px;
	padding-left: 10px;
	margin-top: -37px;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 9999;
	display: none;
}

.quickLinks>div {
	opacity: 0;
	transition: all 0.2s;
	margin-top: -360px;
	height: 350px !important;
}

.quickLinks.learnerMod>div {
	margin-top: -340px;
}

.quickLinks a {
	float: left;
	width: 54px;
	height: 54px;
	margin: 0 0 20px;
	border-radius: 50%;
	box-shadow: 0 0 6px 0 var(--bs-gray-400);
	background: var(--bs-primary);
	transition: all 0.2s;
	text-align: center;
}

.quickLinks a:before {
	font: 20px/54px "FontAwesome";
	color: var(--bs-white);
	content: "\f0c0";
	display: block;
}

.quickLinks a:after {
	font: 14px "FontAwesome";
	color: var(--bs-white);
	content: "\f055";
	display: block;
	margin: -24px 0 0 20px;
}

.quickLinks a.icon02 {
	background-color: var(--c-color-2);
}

.quickLinks a.icon02:before {
	content: "\f02d";
	color: var(--bs-white);
}

.quickLinks a.icon02:after {
	content: "\f055";
	font: 14px "FontAwesome";
	position: relative;
	margin: -28px 0 0 22px !important;
}

.quickLinks a.icon03 {
	background-color: var(--orange);
}

.quickLinks a.icon03:before {
	content: "\f02d";
	color: var(--bs-white);
}

.quickLinks a.icon03:after {
	content: "\f055";
	color: var(--bs-white);
	font: 14px "FontAwesome";
	margin: -27px 0 0 18px !important;
}

.quickLinks a.icon04 {
	background-color: #8d6e63;
}

.quickLinks a.icon04:before {
	content: "\f128";
	color: var(--bs-white);
	font: 20px/54px "FontAwesome";
}

.quickLinks a.icon04:after,
.quickLinks a.icon05:after {
	display: none;
}

.quickLinks a.icon05 {
	background-color: var(--classroom-event);
}

.quickLinks a.icon05:before {
	content: "\f0c1";
	color: var(--bs-white);
	font: 20px/58px "FontAwesome";
}

.quickLinks a.icon06 {
	background-color: var(--bs-primary);
}

.quickLinks a.icon06:before {
	content: "\f0e8";
	color: var(--bs-white);
	transform: rotate(-90deg);
}

.quickLinks a.icon06:after {
	content: "\f055";
	color: var(--bs-white);
	font: 14px "FontAwesome";
	margin: -23px 0 0 20px !important;
}

.quickLinks a.icon07 {
	background-color: var(--bs-pink);
}

.quickLinks a.icon07:before {
	content: "\f04b";
	color: var(--bs-white);
}

.quickLinks a.icon07:after {
	display: none;
}

.quickLinks a.icon08 {
	background-color: var(--bs-gray-600);
	color: var(--bs-white) !important;
	font-size: 26px;
	line-height: 54px;
	overflow: hidden;
}

.quickLinks a.icon08:before {
	content: "\f013" !important;
}

.quickLinks a.icon08:after {
	display: none;
}

.quickLinks a.icon09 {
	background-color: var(--c-color-2);
}

.quickLinks a.icon09:before {
	content: "\f0a3";
	color: var(--bs-white);
	margin: -3px 0 0 0;
}

.quickLinks a.icon09:after {
	content: "\f02e";
	color: var(--bs-white);
	margin: -24px 0 0 0px;
}

.quickLinks a.icon10 {
	background-color: var(--orange);
}

.quickLinks a.icon10:before {
	content: "\f19d";
	color: var(--bs-white);
}

.quickLinks a.icon10:after {
	display: none;
}

.quickLinks a.icon11 {
	background-color: var(--c-color-2);
}

.quickLinks a.icon11:before {
	content: "\f271";
	color: var(--bs-white);
}

.quickLinks a.icon11:after {
	content: "\f055";
	color: var(--bs-white);
	font: 14px "FontAwesome";
	margin: -23px 0 0 20px !important;
}

.quickLinks a.icon12 {
	background-color: var(--bs-primary);
}

.quickLinks a.icon12:before {
	content: "\f007";
	color: var(--bs-white);
}

.quickLinks a.icon12:after {
	content: "\f055";
	color: var(--bs-white);
	font: 14px "FontAwesome";
	margin: -23px 0 0 20px !important;
}

.quickLinks a.icon13 {
	background-color: var(--c-color-3);
}

.quickLinks a.icon13:before {
	content: "\f0c0";
	color: var(--bs-white);
}

.quickLinks a.icon13:after {
	content: "\f055";
	color: var(--bs-white);
	font: 14px "FontAwesome";
	margin: -23px 0 0 20px !important;
}

.quickLinks.active,
.quickLinks:hover {
	/*right:30px;*/
	height: 370px !important;
	margin-top: -150px;
}

.quickLinks.learnerMod.active,
.quickLinks.learnerMod:hover {
	height: 230px !important;
	margin-top: -75px;
}

.quickLinks.active>div,
.quickLinks:hover>div {
	opacity: 1;
	margin-top: 10px;
}

.quickLinks a:hover {
	transform: scale(1.2);
}

.padding15 {
	padding: 15px !important;
}

.tabsOuter>.tabLinks+.borderBlockSpace #report-search.subs_reports_status_bar {
	padding-top: 20px;
}

#lighter img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -170px;
	width: 340px;
}

#lighter {
	position: fixed;
	z-index: 999999;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(255, 255, 255, 0.4);
	left: 0;
	top: 0;
}

.pricebasic_rightPanel {
	width: 100%;
	padding: 3%;
	text-align: left;
}

.pricebasic_rightPanel h3 {
	color: var(--bs-gray-900);
	font-size: 24px;
	margin: 0 0 15px;
}

.pricebasic_rightPanel p {
	color: var(--bs-gray-600);
	font-size: 16px;
	padding: 0 0 10px;
}

.pricebasic_rightPanel ul li {
	color: var(--bs-gray-600);
	cursor: default;
	display: block;
	float: none;
	font-size: 16px;
	margin: 0;
	padding: 0 0 15px 35px;
	width: auto;
	position: relative;
}

.pricebasic_rightPanel ul li i {
	display: inline-block;
	height: 15px;
	width: 35px;
	position: absolute;
	left: 0;
	top: 3px;
}

#page #region-main .pacakage_container .pacakages .price-t-head-top {
	margin: -15px -15px 0;
	padding: 60px 0 20px;
	background: var(--bs-blue);
	color: var(--bs-white);
	border: none;
}

#page #region-main .pacakage_container .pacakages .price-t-head-top.variablepricing {
	padding: 60px 0 20px;
	min-height: 0px;
}

#page #region-main .pacakage_container .pacakages .price-t-head-top.variablepricing .planType {
	padding: 5px 0 0;
}

#page #region-main .pacakage_container .pacakages .price-t-head-top.variablepricing .USDPrice {
	padding: 0;
}

#page #region-main .pacakage_container .pacakages .price-t-head-top.variablepricing .customPlan {
	color: var(--bs-white);
	font-size: 24px;
	padding: 0 0 12px;
}

.price-t-head-top p {
	color: var(--bs-white);
	display: inline-block;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}

.price-t-head-top span {
	color: var(--bs-white);
	display: inline-block;
	font-size: 18px;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

.price-t-head-top p strong {
	font-size: 54px;
	line-height: 0.75;
}

.planType {
	color: var(--bs-white);
	font-size: 18px;
	padding: 5px 0 0;
}

.switch {
	padding: 18px 0 10px;
	color: var(--bs-gray-600);
}

.switch label {
	cursor: pointer !important;
}

.price-t-cont-box2 {
	border-top: 1px solid var(--bs-gray-200);
	width: 100%;
}

.price-table ul li .price-pur-box {
	margin: 0 5%;
}

.price-pur-box1-ent {
	min-height: 340px;
	padding: 40px 0 16px;
}

.price-pur-box1 {
	min-height: 0px;
	padding: 32px 0 16px;
	text-align: center;
	width: 100%;
}

.price-pur-box1.variablepricing {
	min-height: 0px;
	padding: 32px 0 16px;
	text-align: left;
	width: 100%;
}

.hwLarge {
	color: var(--bs-gray-600);
	font-size: 16px;
}

.sliderBox {
	clear: both;
	padding: 2em;
}

.USDPrice {
	color: fff;
	font-size: 12px;
	margin: 0 auto;
	width: 80%;
	text-align: center;
	padding: 0;
}

.sliderBox .ui-spinner {
	width: 100%;
	background: none;
	border: none;
}

.sliderBox .ui-spinner input {
	margin: 0 50px;
	width: 70%;
	height: 50px;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-200);
	border-radius: 3px;
	font-size: 40px;
	color: var(--bs-gray-600);
	text-align: center;
	font-weight: 700;
}

.sliderBox .ui-spinner a {
	border: none;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.sliderBox .ui-spinner a span {
	display: none;
}

.sliderBox .ui-spinner a.ui-spinner-down {
	left: 0;
	top: 10px;
}

.sliderBox .ui-spinner a.ui-spinner-up {
	right: 0;
	top: 10px;
}

.ui-spinner-button.ui-spinner-down:before {
	font: 30px "FontAwesome";
	content: "\f146";
}

.ui-spinner-button.ui-spinner-up:before {
	font: 30px "FontAwesome";
	content: "\f0fe";
}

.sliderBox .ui-state-default,
.sliderBox .ui-widget-content .ui-state-default,
.sliderBox .ui-widget-header .ui-state-default,
.sliderBox .ui-widget-content a {
	color: inherit;
}

.pull-right-all {
	height: auto !important;
	line-height: normal !important;
	border: none !important;
	float: right;
}

#save_amount {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: -9px;
}

#save_amount2 {
	background: var(--online-course) none repeat scroll 0 0;
	font-family: "Lato";
	color: var(--bs-gray-900);
	display: inline-block;
	font-size: 14px;
	padding: 0.6em 1em;
	text-align: center;
}

.bankTransfer {
	padding: 10px 0;
}

.bankTransfer strong {
	display: block;
}

.allPriceContact,
.allPriceContact strong {
	font-size: 14px !important;
}

.allPriceContact strong {
	font-weight: bold;
}

#plandata2 h2 {
	border: none !important;
	margin-bottom: 0 !important;
}

.headerBlockLabel .download_certificate {
	border-radius: 0;
	border: none;
}

.headerBlockLabel .download_certificate::before {
	margin: 6px 0 0 !important;
}

.headerBlockLabel .download_certificate::after {
	margin: -22px 0 0 !important;
}

.button-link.fa-certificate {
	position: relative;
	margin-bottom: 0;
}

.button-link.fa-certificate:before {
	content: "\f0a3" !important;
	float: left;
	margin-top: 0;
}

.button-link.fa-certificate:after {
	content: "\f02e";
	font: 14px/38px "FontAwesome" !important;
	margin: -14px 0 0;
	position: absolute;
	left: 12px;
	top: 21px;
}

.fa-barcode:before {
	content: "\f02a" !important;
}

.scormreport-popup {
	font-size: 20px;
	vertical-align: -2px;
	margin-left: 5px;
	float: right;
}

.shopingcart_mob {
	display: none;
}

.analysisOuter .form-buttons {
	padding: 0;
	margin: 0;
}

.analysisOuter .form-buttons .singlebutton {
	float: right;
}
.analysisOuter .form-buttons .singlebutton .btn {
	padding: 0;
}
div img.feedback_bar_image {
	height: 10px !important;
}

.forumpost .content .attachments {
	text-align: left !important;
}

.forumpost .content .attachedimages img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.b9 {
	width: calc(50% - 10px) !important;
	float: left;
	margin: 5px 5px;
}

.search-header .ec_search-form {
	background: transparent;
	box-shadow: none;
	width: 300px;
	float: left;
	margin-left: 30px;
	margin-top: 7px;
}

.ec_list-view .course-desc2 li {
	margin-right: 10px;
	float: left;
	font-size: 13px;
}

.delete-mail::before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -135px -45px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
	margin-left: 7px;
}

.opened-message::before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -47px -47px;
	width: 18px;
	height: 18px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
	font-size: 14px;
}

.new-message::before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: -92px -47px;
	width: 18px;
	height: 18px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
}
.msgbody .opened-message::before {
	display: none;
}
.msgbody {
	position: relative;
}
.msgbody .classroom-preview-left {	
	display: flex;
	justify-content: space-between;
}
.msgbody .msg-subject {
	width: 75%;
}
.msgbody .mail-recieve-date {
	margin-right: 0;
}
.course-preview-style .manage-team {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.manage-team .userprofile-dropmenu {
	background-color: transparent;
	padding-top: 0;
	margin-right: 10px;
}
.msg-footer {
	width: 100%;
	padding: 0;
	position: relative;
	max-width: 1920px;
    right: 0;
}
.msg-footer .backtomsg {
	position: relative;
	z-index: 1;
}
.msg-last-col {
	text-align: right !important;
}

.ec_addCart img {
	width: 100%;
	max-width: 100%;
	border-radius: 5px 5px 0 0;
	background: var(--bs-gray-400);
}

.ec_addcart {
	font-family: "Lato";
	text-transform: capitalize;
	color: var(--bs-white);
	/*background: var(--orange); text-shadow: none; border: 1px solid var(--orange);*/
	margin: 5px 0 10px 0 !important;
	padding: 10px !important;
	min-width: 200px;
	display: inline-block;
	font-size: 20px !important;
	border-radius: 3px;
}

.ec_addcart:hover {
	font-size: 20px;
	background: none;
	/*color: var(--orange);border: var(--orange) 1px solid;*/
	padding: 10px;
	border-radius: 3px;
	text-align: center;
	margin: 5px 0 10px 0 !important;
}

.ec_addcart i {
	/*color: var(--bs-white);*/
	margin-right: 4px;
	vertical-align: -2px;
	font-size: 20px;
}

.button_sec .inline_content.renewalAlert {
	bottom: 140px;
}

.ec_prerequisite .ec_prerequisiteinner {
	border-radius: 5px;
}

.ec_class_sec {
	padding: 0px;
}

.ec_class_sec .course-desc3 {
	position: relative;
}

.cart_count.badge {
	top: -10px;
}

.blue-text {
	color: var(--bs-primary);
	font-weight: bold;
	cursor: pointer;
}

.accordianarrow i {
	transition: all 0.3s ease-in;
}

.accordianarrow.pull-right.collapsed i {
	transform: rotate(180deg);
}

.ec_cart.favcart {
	z-index: 99999;
	border-radius: 50%;
	background: var(--bs-white) !important;
	-webkit-box-shadow: 0px 10px 35px -9px rgba(0, 0, 0, 0.55) !important;
	-moz-box-shadow: 0px 10px 35px -9px rgba(0, 0, 0, 0.55) !important;
	box-shadow: 0px 10px 35px -9px rgba(0, 0, 0, 0.55) !important;
	height: 54px;
	text-align: center;
	transition: all 0.2s ease 0s;
	width: 54px;
	position: fixed;
	right: 50px;
	bottom: 9%;
	display: none;
	/* background: #4681c3;*/
}

.ec_cart.favcart a {
	color: var(--bs-white) !important;
}

.enable.disabled {
	content: "\f00c";
	font: 20px/37px "FontAwesome";
	display: block;
	text-align: center;
	color: var(--bs-gray-300) !important;
}

.enable.disabled:hover {
	color: var(--bs-gray-300) !important;
	text-decoration: none;
}

.main-nav.outernav {
	float: left;
}

.ec_grid-view figure {
	/*height: 212px;*/
	overflow: hidden;
	background: var(--bs-gray-400);
	text-align: center;
	display: flex;
	align-items: center;
}

.word_brk {
	word-break: break-all;
	overflow-wrap: break-word;
}

.disablewidth {
	min-width: 128px;
	min-height: 35px;
	justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
}

.bloc {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	border: solid var(--bs-gray-200) 1px;
}

.bloc select {
	padding: 10px;
	margin: -5px -20px -5px -5px;
}

.displayFlex {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
}

.outerloader {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.29);
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

.loader {
	border: 16px solid var(--bs-gray-100);
	border-top: 16px solid var(--bs-blue);
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 -60px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ec_filterby select option {
	background: var(--bs-white);
}

.ec_filterby select {
	background: url([[pix:theme|arrow_new]]) var(--bs-gray-200) no-repeat right 10px !important;
	outline: solid transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
}

.ec_select .selectpicker {
	background: url([[pix:theme|orange_arrow]]) var(--bs-white) no-repeat right 22px !important;
	outline: solid transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
}

.ec_select select:focus {
	background-color: var(--bs-white) !important;
	background-image: none !important;
}

.course-desc5 input[type="number"] {
	width: 61px;
	display: inline-block;
	height: 39px;
	margin-right: 7px;
}

.ec_grid-view:hover .ec_additional .course-desc5 {
	padding: 12px;
	background: var(--bs-gray-200);
	border-radius: 3px;
	margin-bottom: 10px;
	position: relative;
}

.ec_grid-view:hover .ec_additional .course-desc5 .ec_addtocart {
	margin: 0;
	margin-top: 5px;
	width: 100%;
}

.ec_grid-view:hover .course-desc5 input[type="number"] {
	width: 64px;
	display: inline-block;
	height: 53px;
	margin-right: 7px;
	position: absolute;
	left: 10px;
	bottom: 12px;
	margin: 0;
	border: var(--bs-white) 2px solid;
}

.cbttm-right input[type="number"] {
	width: 64px;
	display: inline-block;
	height: 53px;
	margin-right: 7px;
	position: absolute;
	left: 10px;
	bottom: 12px;
	margin: 0;
	border: var(--bs-white) 2px solid;
}

.disabledli {
	background: var(--bs-gray-300);
	color: var(--bs-gray-900);
}

.mr-10 {
	margin-right: 10px !important;
}

/*chiphealth css start here*/

.chiphealth .main-nav .nav {
	margin-top: 15px !important;
}

.chiphealth #page-header h1.logo {
	padding: 0;
	margin: 0 200px 0 0;
}

.chiphealth .main-nav .nav li {
	margin-right: 0px !important;
}

.chiphealth .main-nav .nav li:last-child a {
	border-right: 0 !important;
}

.chiphealth .main-nav {
	float: right !important;
}

.ec_search-form .search-btn i,
.ec_search-form .ec_clear {
	color: var(--bs-white);
	/*background: var(--orange);*/
}

.chiphealth #page-header h1.logo a {
	padding-top: 14px;
}

.chiphealth .profile-dropdown {
	z-index: 99999999 !important;
}

/*chiphealth css end here*/

.hidethis {
	display: none !important;
}

/*alpana css*/

/* my css customize */

#page-emailnotification-edit .mceLayout td:first-child iframe {
	height: 250px !important;
}

.salesreportprint_table {
	background: var(--bs-white);
	margin: 15px 0 0 !important;
}

.ec_select .selectpicker.hidethisdisble {
	background-color: var(--bs-gray-300) !important;
	color: #777 !important;
}

.jsenabled .mform .collapsed .fdescription.required {
	display: none;
}

canvas.canvasjs-chart-canvas {
	position: relative !important;
}

.chartArea canvas.canvasjs-chart-canvas {
	position: absolute !important;
}

.error #id_introeditor_tbl {
	border: 1px solid #cc0000 !important;
}

.error #id_presentation_editor_tbl {
	border: 1px solid #cc0000 !important;
}

.error_bgScorm {
	color: red;
	background: rgba(255, 255, 255, 0.9);
	height: 100%;
	width: 100%;
	position: fixed;
	overflow: -webkit-paged-x;
	bottom: 0;
	right: 0;
	z-index: 9999;
	padding: 300px 0 0;
	font-size: 16px;
}

.error_bgScorm span {
	display: inline-block;
	padding: 10px 20px;
	background: var(--bs-white);
	border-radius: 30px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.disabled_event_ec:hover {
	color: #444 !important;
}

.coursename h3 {
	margin-top: 0;
	font-size: 18px !important;
	color: #017db9;
}

#colorbox,
#ui-datepicker-div {
	z-index: 999999999 !important;
}

.yui3-button.closebutton {
	color: #444 !important;
}

.closebutton:hover {
	background-color: transparent !important;
}

.tokenpoppup .fa {
	font-size: 20px;
	vertical-align: top;
}

#page #region-main .enpriview table.generaltable table {
	border: 1px solid var(--bs-gray-300);
}

#page #region-main .enpriview table.generaltable table td {
	background: none;
}

.testemaildiv #fitem_id_intro {
	margin-bottom: 0 !important;
}

.course-status .inprogress h6,
.course-status .completed h6 {
	float: right;
	padding-right: 80px !important;
}

.course-status .notstarted h6 {
	float: right;
	padding-right: 76px !important;
}

#page #region-main table tr.lastrow.r0 td {
	background: none !important;
}

/* search icon */

/******Learning page start********/
.cont_name a {
	font-size: 14px;
	font-weight: 600;
}

.asset_wrapper_right {
	float: left;
	width: calc(100% - 80px);
	padding-left: 20px;
}

.tabsOuter .no-course.programcourse {
	background: #f4f4f4;
	float: left;
	width: 100%;
	margin: 3px 0;
	padding: 10px;
	border: none;
}

.tabsOuter .no-course.programcourse .assest_wrapper {
	background: var(--bs-white);
}

.main-nav .nav li .dropdown-menu a {
	padding: 8px 20px !important;
	text-indent: unset;
	color: var(--bs-white);
	margin: 0;
}

.learningpage_dashboard {
	margin-bottom: 20px;
	overflow: visible !important;
}

.c-text.credit_hr,
.c-text.course_rating {
	float: left;
	padding: 0px !important;
}

.grid_bottom .catalog_course_button {
	float: left;
}

.listview_right_container .compliance_icon::after {
	top: 4px;
}

.statistic_count .statistic_count_value:before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -291px -1px;
	width: 23px;
	height: 23px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	margin-right: 4px;
	font-size: 14px;
}

.author_haeding {
	font-size: 18px;
	margin-bottom: 20px;
}

.author_details_img {
	float: left;
}

/*Code Name*/

.saasadmin_page .nameText {
	/* position: relative;
		top: 45%; */
	width: 103px;
	font-weight: bold;
	font-size: 14px;
}

.saasadmin_page .nameCount {
	z-index: 10;
	color: var(--bs-theme-orange);
	font-size: 28px;
	font-weight: 900;
}

/*dashboard*/

span.arrow {
	width: 100%;
	background-position: -315px -22px;
	color: var(--bs-gray-600);
}

#page #region-main .load-calendar .today {
	background: var(--bs-gray-100) !important;
	border-radius: 50%;
	/* width: 10px; */
	height: 10px;
	padding: 5px;
	left: 9px;
	font-weight: bold;
	padding: 17px !important;
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	top: 3px;
}

.today_circle {
	background: var(--bs-gray-100);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 5px;
	left: 9px;
	font-weight: bold;
}

.dahboard_cal span.arrow {
	color: var(--bs-gray-600);
}

.dash_cal .block .calendar-controls .current {
	margin-top: 3px;
}

/*Message*/

.sidebar-divider {
	float: left;
	width: 100%;
	border-top: 1px solid rgba(188, 188, 188, 0.5);
	margin: 15px 0;
}

.container_check .markcheck:after {
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid var(--bs-white);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

span.select_text {
	padding-left: 30px;
	font-size: 14px;
	font-weight: 600;
	padding-top: 4px;
	display: inline-block;
}


.filter .select2 {
	width: 150px !important;
	margin: 0 10px;
}

.box_learner {
	flex-basis: 100%;
	flex: 1;
	margin-left: 20px;
}

.class_room_learn {
	float: left;
	padding-left: 29px;
	position: relative;
	top: 22px;
	font-size: 15px;
	font-weight: 600;
}

.head_classroom {
	height: 40px;
	box-shadow: 0 0 10px var(--bs-gray-100);
	width: 99%;
	float: right;
	padding: 10px;
}

.blue_learn_room {
	width: 5px;
	float: left;
	padding: 0;
	margin: 0;
	height: 90%;
}

.blue {
	background: var(--classroom-course);
}

.classroom_title {
	float: left;
	width: 40%;
}

.classroom_attend {
	width: 20%;
	float: left;
}

.classroom_score {
	width: 20%;
	float: left;
}

.classroom_status {
	float: left;
	width: 19%;
}

.mt-20 {
	margin-top: 20px;
}

.mr-10 {
	margin-right: 10px;
}

.menu-bottom {
	position: absolute !important;
	bottom: 44px;
}

.menu-bottom-logout {
	position: absolute !important;
	bottom: 0px;
}

/* file manager */

#page-user-files .fp-btn-download {
	display: block;
	margin-left: 3px;
}

/* event new css end */

.list-style-inline {
	margin: 0px;
}

.nosession {
	font-size: 15px;
	margin: 20px 0;
}

#page #region-main .user_perform_table table tr td div.a-box div {
	border: 0;
	border-bottom: 1px solid var(--bs-gray-100);
	font-size: 14px;
}

.perform_head {
	box-shadow: 0 0 10px var(--bs-gray-100);
}

.user_table_one {
	border: 0 !important;
}

#page #region-main .classroom_table table th {
	background-color: var(--bs-gray-400);
}

.classroom_session_wrapper .assest_middle_container {
	width: 100%;
	flex-basis: 100% !important;
	max-width: 100% !important;
}

/* Place the container to the left */

.left {
	left: 0;
}

/* Place the container to the right */

.right {
	left: 0px;
}

/* Fix the circle for containers on the right side */

.right::after {
	/* left: -0.8%; */
	left: 0;
}

/* Media queries - Responsive timeline on screens less than 600px wide */

span.program_course_name {
	margin: 0px -11px;
}

.pr_0_online {
	padding-right: 0 !important;
}

/* msg detail page */

.csession_name {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

.csession_duration::before,
.csession_location::before,
.csession_weblink::before {
	font-family: var(--fa);
	font-weight: 900;
	color: var(--bs-gray-700);
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	margin-right: 4px;
}
.csession_location::before {
	content: '\f3c5';
}
.csession_duration::before {
	content: '\f073';
	font-weight: 400;
}
.csession_weblink::before {
	content: '\f0c1';
}

.bordertop {
	border-top: 1px solid var(--bs-gray-200);
}

.multiplecourse {
	height: 80px;
	overflow-y: auto;
}

.class-session li {
	width: 33%;
	background: var(--bs-white);
	list-style-type: none;
	margin: 15px 15px 10px 0;
	padding: 15px;
	border: 1px solid var(--bs-gray-300);
	border-radius: 0;
	height: 228px !important;
	overflow-y: auto;
}

.class-session li:hover {
	border-color: var(--bs-gray-500);
}
.class-session li p {
	margin-bottom: 7px;
}
.class-session {
	display: flex;
	flex-direction: row;
}

.classroom-session .bx-viewport {
	height: 260px !important;
	left: 0px !important;
}

.classroom-session .bx-wrapper {
	margin: initial !important;
}

.refreshButtonSec>div {
	font-size: 13px;
	font-weight: normal;
}

.calendar table {
	width: 100%;
}

.calendar .month {
	font-size: 14px;
	font-weight: bold !important;
	padding: 15px 0;
	margin: 0px;
}

.user_dash_box .borderBlockSpace {
	background-color: var(--bs-white);
	border-radius: 6px;
}

/* catalog grid view style */

.c-bottomview .arrow-des::before {
	top: 0px;
}

.fp-restrictions span {
	color: var(--bs-gray-900);
	font-size: 12px;
}

/*User*/

/* .user_table_bar {
	border-bottom: 1px solid var(--bs-gray-300) !important;
} */


/* #page .user_dash_box a.disable:before, #page a.classdisable:before{
		color: #898989;
		font-size: 22px;
	} */

/* custom checkbox */

.bottom_admin_table {
	border-bottom: 1px solid var(--bs-gray-300);
}

/* catalog grid view style */

.catalog-course--img {
	width: 100%;
	position: relative;
}

.catalog-course--img figure {
	width: auto;
	height: 204px;
}

#page-user-editprofile select::-ms-expand {
	display: none;
	/* Remove default arrow in Internet Explorer 10 and 11 */
}

/*User*/

.user_dash_box .upload-course-button {
	float: left;
}

/* custom checkbox */

#page-calendar-view #region-main .calendar-controls .arrow_link .arrow {
	display: none;
}

/* end */

#page-calendar-event #id_cancel {
	display: none;
}

/*Course_edit*/

.user_table_one .even td {
	background-color: transparent !important;
}

.tab_online1 {
	float: left;
	width: 100%;
}

/*course*/

#page #region-main .course_table1 table td {
	border: 1px solid var(--bs-gray-300) !important;
	background-color: var(--bs-white) !important;
}

.assertsbtn .button-link:hover,
.assertsbtn .button-link:focus {
	color: var(--bs-white) !important;
	background-color: var(--bs-primary) !important;
}

.path-calendar .maincalendar .header, .path-extensions-calendar .maincalendar .header {
	overflow: visible !important;
}

.third_report-icon {
	background-position: -3px -2px;
}

/*program_classroom*/

#page #region-main .program_class_course table th {
	border: 0;
	background-color: #e3e3e3;
}

#page #region-main .program_class_course table {
	border: 0 !important;
}

.program_class_course table tbody tr:last-child {
	border-bottom: 0 !important;
}

.single-report-graph-box .main-heading {
	background-color: #c4c4c4;
	border: 0 !important;
}


/*Admin*/

#page .request_box .block_calendar_month {
	height: 322px;
}

.request_box .tabsScrollArea .scroll-pane {
	height: 320px;
	overflow: none;
}

.dahboard_cal table tbody tr:last-child {
	border: 0;
}

.requestsScroll table tbody tr:last-child {
	border: 0;
}

.dash_cal .event {
	margin-right: 13px;
}

.dash_cal .jspVerticalBar {
	display: none !important;
}

/*manager*/

#page .manag_das .block_calendar_month {
	height: 322px;
}

.manag_das .tabsScrollArea .scroll-pane {
	height: 322px;
}

.mag_tab .tabsScrollArea .scroll-pane {
	height: 322px;
	overflow: none;
}

.manag_das table tbody tr:last-child {
	border: 0;
}

/*admin_request*/

.admin_request table {
	background-color: var(--bs-white);
}

.admin_request table thead {
	box-shadow: 0 0 10px var(--bs-gray-100);
}

.admin_request table tbody tr:last-child {
	border: 0;
}

.admin_request table tbody tr {
	border-bottom: 1px solid var(--bs-gray-300);
}

#page #region-main .admin_request table td {
	padding: 10px;
}

/* tooltip css */

.fp-saveas input {
	width: 100%;
	margin: 10px 0 !important;
}

.fp-author input {
	width: 100%;
	margin-bottom: 10px !important;
}

.fp-license select {
	width: 100%;
	margin-bottom: 10px !important;
}

.fp-path select {
	width: 100%;
	margin-bottom: 10px !important;
}

#page #region-main .course_pro table {
	border: 0 !important;
}

.add-program-button {
	float: left;
}

#page #region-main .user_dash_box table tr {
	border-bottom: 1px solid var(--bs-gray-300);
}

#page #region-main .course_pro table tr {
	border-bottom: 1px solid var(--bs-gray-300);
}

/*theam*/

fieldset .collapsible .collapsed {
	width: 100% !important;
}

.fr-filter {
	width: 60% !important;
}

/*assets_table*/

#page #region-main .manageTable_nw h2.icon_title {
	background-color: transparent !important;
	width: 10%;
}

#page #region-main .assertsbtn h2 {
	border: 0;
}

#page #region-main .manageTable_nw table thead tr td {
	border: 0 !important;
	padding: 10px;
}

.manageTable_nw table tbody tr:last-child {
	border: 0 !important;
}

#page #region-main .assertsbtn table td {
	padding: 10px;
}


#page #region-main .assertsbtn table tr:last-child {
	border-bottom: 0 !important;
}

#page #region-main .assertsbtn table tr {
	border-bottom: 1px solid var(--bs-gray-300) !important;
}

#page #region-main .manageTable_nw table thead tr td:first-child {
	padding-left: 20px;
}

#page #region-main .manageTable_nw table tbody tr td:first-child {
	padding-left: 20px;
}

/* form style */

/* add Course style */

.fdate_time_selector .smallicon {
	display: none;
}

.ftextarea textarea {
	width: 100%;
	border: 1px solid var(--bs-gray-400);
	padding: 5px !important;
}


div#fitem_id_fullname {
	position: relative;
}

/* add user style */

#page-user-editadvanced .adduser-div {
	width: 70%;
}

div#fitem_id_role {
	width: 100%;
	float: left;
}

div#fitem_id_imagefile {
	width: 100%;
}

/* input#id_is_instructor,
input#id_is_primary {
	width: auto;
} */

.course_top_wrapper.enrolment-course {
	overflow: initial;
}

/* add department style */

#page-department-index fieldset,
#page-group-addgroup fieldset {
	width: 70%;
}

#page-my-index .filedset_outer,
#page-department-index .filedset_outer,
#page-course-editcategory .filedset_outer {
	border: 0px none !important;
}

/* form style */

#page #region-main .user_perform_table table {
	border: 0 !important;
	color: var(--bs-gray-900);
}

/*message*/

.b-none {
	border: 0 !important;
}

#page #region-main .course_table1 table th {
	background: var(--bs-white) !important;
}

.dept-disable {
	background-color: #eaeaea !important;
	pointer-events: none;
}

#page #region-main table.manageTable_nw thead {
	box-shadow: 0 0 10px var(--bs-gray-100);
	border: 0 !important;
}

.manager-enroll {
	top: 0 !important;
}

#page #region-main course_pro table th {
	padding: 0;
}

.filterBy_nw .filter_active {
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position: -2px -69px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	cursor: pointer;
	margin-right: 5px;
}

.assertsbtn .borderBlockSpace {
	text-align: left;
}

.saasadmin_page {
	margin-top: 20px;
	margin-bottom: 35px;
}

/*Quick link*/

/* #page #region-main .user_dash_box table tr:first-child {
    border: 0;
} */

.button-link:before,
.button-link:after {
	font: 16px "FontAwesome" !important;
	vertical-align: 0px !important;
}

#page #region-main .user_dash_box table tbody tr:last-child {
	border: 0;
}

.event_date {
	border-bottom: 3px solid var(--bs-red);
}


#page-markascomplete-mark_user_completed .tabsOuter {
	width: 100%;
	float: left;
	background: var(--bs-white);
	padding: 20px 15px;
}

.reflect-msg {
	font-size: 13px;
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
}

/*Reports admin*/

#page #region-main .admin_report_table table tr th {
	border: 0;
	background-color: transparent;
	line-height: 1;
}

#page #region-main .admin_report_table table tr th:first-child {
	padding-left: 25px;
}

#page #region-main .admin_report_table table tr td:first-child {
	padding-left: 25px;
}

#page #region-main .admin_report_table table tr {
	border-bottom: 1px solid var(--bs-gray-300);
}

#page #region-main .admin_report_table table tbody tr:last-child {
	border-bottom: none !important;
}

/* forum post */

.forum-left-side {
	width: calc(65% - 30px);
	float: left;
	margin-right: 30px;
	margin-bottom: 0px;
}

.forum-right-side {
	width: 35%;
	float: right;
	position: relative;
	top: 0;
	right: 0px;
}

.forum-left-side .header {
	padding: 0px;
}

.forum-left-side .author a {
	color: var(--bs-gray-600);
}

.forum-head {
	font-size: 18px;
	font-weight: bold !important;
	line-height: 32px;
}

.forum-desc {
	margin: 20px 0;
}

.forum-detail {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.forum-detail li:first-child {
	padding-left: 0px;
}

.forum-detail li {
	display: inline-block;
	padding: 0 10px;
}

.forum-detail li span {
	font-weight: bold;
}

.forum-list-heading {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

/*btn UI */

.button-link:after {
	font-size: 16px;
	vertical-align: 0px;
	margin: 0 0 0 20px !important;
}

.button-link.add-user:before,
.button-link.upload-user:before {
	content: "\f007";
	font-size: 16px;
	vertical-align: 0px;
}

.admin_third_icon {
	background-position: -4px -2px;
}

#page-course-edit #assign_access {
	display: none;
}

#page-course-edit .yui3-skin-sam .yui3-datatable-cell:last-child,
#page-course-edit .yui3-skin-sam .yui3-datatable-header:last-child {
	border-left: 0px none !;
}

#page-emailnotification-signature .mform .fcheckbox input {
	margin-top: 0px !important;
}

.author img {
	border-radius: 50%;
	margin-right: 10px;
}

.forum-post-topic {
	font-size: 15px;
}

.forum-post-date {
	font-size: 12px;
}

.forum-list li {
	list-style-type: none;
	color: var(--bs-gray-900);
	font-size: 14px;
	margin-bottom: 15px;
}
.forum-list li a {
	color: var(--bs-gray-900);
	cursor: default;
}
.forum-list li .material-icons {
	float: left;
	margin-right: 5px;
	background: var(--bs-white);
    border-radius: 30px;
    font-size: 14px;
    padding: 2px;
    font-weight: bold;
    border: 1.4px solid var(--border-color-light);
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* dashboard */

.circle-btmtext {
	width: 100%;
	position: absolute;
	bottom: 55px;
	z-index: 9;
	left: 0px;
}

.super_admin .circleBlock {
	background: var(--bs-white);
	box-shadow: 0px 0 6px var(--bs-gray-200);
	height: 294px;
	position: relative;
}

.super_admin .circleBlock {
	padding: 25px 0 0;
}

.super_admin .viewall {
	background: transparent !important;
	padding: 0px !important;
	color: var(--bs-gray-900) !important;
}

.super_admin .viewall a {
	color: var(--bs-gray-900) !important;
}

.super_admin .viewall a:hover {
	color: var(--bs-primary);
}

.super_admin .headerText {
	width: 100%;
	padding: 0 10px;
}

.saasmanager_page {
	margin-bottom: 35px;
	margin-top: 20px;
}

.manag_das .tabsScrollArea {
	overflow: hidden;
}

/* #page-sale-index #start_date.calendarIcon {
	background: none !important;
} */

.admin-msg-title {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* margin-bottom: 10px; */
	word-wrap: normal;
	width: 100%;
	line-height: 23px;
	font-size: 14px !important;
}

.admin-msg-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* margin-bottom: 10px; */
	word-wrap: normal;
	width: 100%;
	line-height: 23px;
	font-size: 14px !important;
}

#page-reports-user_course_report .admin_report_table table tr th:first-child {
	padding: 0 !important;
}

#page-reports-user_course_report table tr td:first-child {
	padding: 0 !important;
}

#page-reports-user_course_report .admin_report_table table tr th:first-child {
	padding: 0 !important;
}

#page-reports-user_course_report table tr td:first-child {
	padding: 0 !important;
}

#page-markascomplete-mark_user_completed #userSelectBox {
	background: none;
}

#fitem_ecommerce_coupons_startdate_cal .ftext,
#fitem_ecommerce_coupons_expirydate_cal .ftext {
	position: relative;
}

#page-markascomplete-mark_user_completed .startenddate .felement.ftext {
	float: none !important;
	position: relative;
}

#page-user-editadvanced #id_team {
	background: none !important;
}

.learn_time {
	float: right;
	width: auto;
}

.fa-list-alt,
.fa-list-alt:focus {
	margin-bottom: 10px !important;
}

#page-reports-licenses_list a.print_icon {
	right: 29px;
	position: fixed;
	top: 90px;
	z-index: 99;
}

#page-mod-feedback-mod .mform .fdescription.required {
	padding: 0 !important;
}

#page #region-main .order_historydest table.generaltable td {
	border: 1px solid var(--bs-gray-300) !important;
}

#page-program-assigncourserenewalrest .msgbody-part {
	height: 0;
}

.addast .c-text {
	font-size: 14px;
	font-weight: normal;
	padding-left: 6px;
	text-transform: capitalize;
}

.addast span {
	font-size: 14px;
	padding-left: 0px;
	text-transform: capitalize;
}

.inst_details .string_text,
.inst_details .string_value {
	font-size: 14px;
	padding-left: 0px;
}

.addast .box {
	padding-right: 18px !important;
}

.addast {
	border-bottom: 0 !important;
}

#page-user-assignusers .msgbody-part {
	height: auto;
}

#fitem_id_timestart,
div#fitem_id_starttime {
	width: 100%;
	float: left;
}

td#existingcell p label {
	position: relative;
	/* top: 10px; */
}

#page #region-main table.assignTable .potentialcell select {
	border: 1px solid var(--bs-gray-300) !important;
}

#page #region-main table.assignTable .potentialcell select::-webkit-scrollbar {
	width: 6px !important;
}

#page-mod-feedback-edit .margin_top h3 {
	font: 16px "Lato";
}

.fdate_time_selector select {
	width: auto;
	margin-right: 10px;
}

.fdate_selector select {
	width: auto;
	margin-right: 10px;
	background-size: 10px 10px;
}

#page-mod-scheduler-view #page {
	margin-top: 0px !important;
}

#page-mod-scheduler-view #page-content {
	margin: 0px !important;
	width: 100% !important;
}

.wrapper.classroompopup #page {
	margin: 0px !important;
	position: static;
	width: 100%;
}
/*class-report*/

#page #region-main .on-class table tr {
	border-bottom: none;
}

.on-class .single-report-start {
	margin-bottom: 0 !important;
}

.on-class .course-header {
	margin-bottom: 0px;
	width: 100% !important;
}

.font-normal {
	font-weight: normal !important;
}

#page-group-assignusers .manage-team .for-manange-team {
	width: 100%;
	float: left;
	padding: 0px;
	margin-top: 10px;
}

#page-group-assignusers .manage-team .c-text {
	padding-left: 0px;
}

.testemaildiv div#fitem_id_email img {
	position: static;
}

#page-emailnotification-sendtestmail {
	overflow-y: hidden;
}

#page-emailnotification-sendtestmail #page {
	padding-top: 10px;
}

.btn-seq {
	display: flex;
	justify-content: flex-end;
}

.fitem_fdate_time_selector select,
.fdate_time_selector select {
	background-size: 10px 10px;
}

#page-my-index .msg-subject {
	font-weight: bold;
}

#page-reports-order_list .fr-filter {
	width: 80% !important;
}

span.start_fil_date {
	margin-left: 10px;
}

#page #region-main table tr.highlightedData th {
	background-color: var(--bs-white) !important;
}

.blueHighlight {
	background-color: var(--bs-white) !important;
	color: var(--bs-gray-900) !important;
}

th.hight-p {
	padding-left: 0 !important;
}

.multi-detail {
	float: left !important;
}

#multi-btn {
	width: 20%;
	float: left;
	padding-top: 20px;
	margin-left: -14px;
}

#fitem_ecommerce_coupons_startdate_cal .ftext.error::before {
	top: 21px;
}

#page-user-assignusers .msg-subject {
	padding: 20px;
}

#page-user-assignusers .manage-team {
	padding: 20px;
}

.dash_cal .block .minicalendar caption {
	margin: 10px 0 !important;
}

.userprofile.view_assests {
	width: 100%;
	float: left;
}

.class_border {
	border-bottom: 0 !important;
}

.inst-btn .button-link:before {
	content: unset;
}

.inst-btn .fa-calendar:before {
	margin-right: 10px;
}

.overall_report .userprofile.view_assests {
	margin-top: 0;
}

#page-reports-scormreport .class_course {
	overflow: hidden;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

#page-reports-scormreport #page #region-main table td {
	border: 1px solid var(--bs-gray-300) !important;
	border-bottom: 1px solid var(--bs-gray-300) !important;
	border-left: 1px solid var(--bs-gray-300) !important;
}

#page-group-assignusers .msg-subject {
	font-size: 16px;
	font-weight: bold;
	padding-left: 9px;
}

#page-course-enrolcourse .msg-subject {
	font-weight: bold;
}

#page-user-assignusers .pagelayout-classroompopup .wrapper,
#page-course-enrolcourse .pagelayout-classroompopup .wrapper {
	overflow: hidden;
}

/* #page-course-enrolcourse .wrapper.classroompopup.class_course {
	overflow: hidden;
} */

#page-course-enrolcourse .enrol-main .c-text {
	padding-left: 0px;
}

#page-group-assigncourses .msg-subject {
	font-size: 20px;
	padding-left: 10px;
}

#page-mod-scheduler-enrolintoclass .course-img {
	width: 200px;
	object-fit: cover;
	margin-right: 20px;
}

#page-mod-scheduler-enrolintoclass .course-header {
	padding: 0px !important;
	margin: 10px 0 !important;
}

#page-group-assigncourses select#course_categories {
	width: 200px;
	font-weight: normal;
}

#page-group-assigncourses #after-common-search {
	padding-left: 20px;
}

.program_path {
	display: none;
}

.filter_expand .filter_text {
	margin-right: 33px;
	margin-left: 0px;
}

.left_block_learn {
	text-align: center;
}

.view_assests table tbody tr td:nth-child(5) {
	white-space: nowrap;
}

#page-mod-forum-post p {
	padding: 0px;
	font-weight: bold;
}

#page-my-course_catalog .c_description {
	width: 100%;
	display: block;
}

.yui3-skin-sam .yui3-datatable-header:last-child {
	padding: 0px;
}

.yui3-skin-sam .yui3-datatable-cell:last-child {
	border-left: 0px none;
	padding: 0px !important;
}

#page-mod-forum-post .learner-access-toolbar .fp-btn-add {
	display: block;
}

#moodle-dialogue-1 table {
	width: 100%;
}

#moodle-dialogue-1 .filemanager input[type="text"] {
	width: 100%;
	max-width: 100%;
}

.fp-author,
.fp-license,
.fp-path {
	display: none;
}

#page-extensions-sale-index .search_clear_button {
	top: 12px;
}

#page-course-category_index .user_dash_box table tr {
	height: 50px;
}

/* theme setting */

/* div#fitem_id_loginpagebackgroundimage_filemanager,
div#fitem_id_loginformbackgroundcolor,
div#fitem_id_loginforgroundcolor,
div#fitem_id_loginbuttonbgcolor,
div#fitem_id_loginbuttontextcolor,
div#fitem_id_loginformheading,
div#fitem_id_loginformheadingcolor,
div#fitem_id_loginpagecustomcss {
	display: none;
} */

.card-desc_wrapper {
	height: 155px;
	overflow-y: auto;
	margin-top: 5px !important;
}

.card-desc_wrapper .c-heading {
	font-weight: bold;
	font-size: 16px;
}

.card-heading a {
	font-weight: bold;
	font-size: 16px;
}

.login-box .logo-right input[type="submit"]:disabled {
	opacity: 0.65;
}

.statistic_wrapper .button-link-prog,
.classroom_learningpath_wrapper .button-link-prog {
	position: absolute;
	top: 0;
	right: 0;
}

.is_certificate .lastbox-inner .certificate_of_completion {
	padding-top: 90px;
}

.is_certificate .lastbox-inner .certificate_of_completion .viewcertificate {
	background-color: var(--bs-white);
	padding: 6px 10px !important;
	border-radius: 30px;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
	border: 1px solid var(--bs-gray-200);
}

.program-row {
	display: flex;
	width: 100%;
	margin-bottom: 50px;
}

.program-row .program-leftcol,
.program-row .program-rightcol {
	width: 50%;
	flex: 1;
	padding-right: 30px;
}

.statistic_wrapper .statistic_heading {
	margin-bottom: 15px !important;
	line-height: 1.1;
}

.program-row .statistic_wrapper .sidebar-divider {
	display: none;
}

.program-row .statistic_wrapper {
	display: flex;
	width: 100%;
	flex-direction: column;
	margin-left: 0;
}

.program-row .statistic_wrapper .statistic_divider {
	width: 100%;
}

.classroompopup.class_course #page-content {
	width: 100%;
	margin: 0;
}

.pagelayout-classroompopup .wrapper.classroompopup #page.container {
	min-height: 100%;
	padding-top: 0;
}

/******** Realtime  reports start **********/
#example_filter label {
	position: relative;
	width: 240px;
	background: var(--input-light-bg);
	border: 1px solid var(--input-light-bg);
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	padding-left: 30px;
}

.dataTables_scrollHeadInner,
.dataTables_scrollBody {
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}

.dataTables_wrapper {
	margin-top: 15px;
}

.dataTables_wrapper .dataTables_filter input {
	background: transparent;
	border: 0;
	outline: none !important;
	margin-left: 0 !important;
	padding-left: 0;
	width: 100%;
}

.dataTables_filter label:before {
	content: "";
	background: url(/theme/boost/pix/search.svg) no-repeat left center;
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 9px;
	color: var(--bs-gray-700);
	width: 14px;
    height: 14px;
    background-size: 14px;
}
#page-reports-course_report .dataTables_wrapper .dataTables_filter input {
	padding-left: 50px;
	margin-left: -3em !important;
}
#page-reports-course_report .dataTables_filter label:before {
	left: -24px;
}
.dataTables_wrapper .dataTables_scroll {
	clear: both;
	margin-top: 16px;
	float: left;
	width: 100%;
	background: var(--bs-white);
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	padding: 5px 10px;
}

.dataTables_wrapper .dataTables_scroll td {
	font-size: 14px !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important; */
	min-height: 40px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--bs-gray-200) !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead table th {
	background-color: var(--bs-white) !important;
	border: none !important;
	height: 40px;
	vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead table tr {
	width: 100%;
	font-weight: 600;
	font-size: 14px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: none !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody table tr {
	border-bottom: 1px solid var(--bs-gray-200);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody table tr:last-child {
	border-bottom: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: transparent !important;
	border: none !important;
	color: var(--bs-gray-600) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: transparent !important;
	border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: transparent !important;
	color: var(--bs-gray-600) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	font-style: normal;
	opacity: 0.75;
	filter: opacity(75%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
	padding: 2px;
    border: 1.4px solid var(--border-color-light) !important;
    background: var(--bs-white) !important;
    border-radius: 50px;
    display: inline-block;
	overflow: hidden;
	cursor: pointer;
	width: 32px;
	height: 32px;
	overflow: hidden;
} 
.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before,
.dataTables_wrapper .dataTables_paginate .paginate_button.next::before,
.dataTables_wrapper .dataTables_paginate .paginate_button.first::before,
.dataTables_wrapper .dataTables_paginate .paginate_button.last::before {	
	display: inline-flex;
	font-family: var(--fa);
	font-weight: 900;
	font-size: 12px;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
} 
.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
	content: '\f053';
	margin-left: -2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
	content: '\f054';
}
.dataTables_wrapper .dataTables_paginate .paginate_button.first::before {
	content: '\f100';
	margin-left: -2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.last::before {
	content: '\f101';
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
	background-color: var(--btn-color) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
	background-color: var(--bs-white) !important;
}
.dataTables_wrapper .dataTables_paginate {
	margin-top: 10px;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
	display: inline-flex;
	align-items: center;
	margin-top: 10px;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers span .paginate_button {
	padding: 0.3em 0.4em;
    height: 24px;
	line-height: 14px;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers span .paginate_button.current {
	font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers span .paginate_button:hover {
	color: var(--bs-gray-900) !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody table tr.odd.light_color,
.dataTables_wrapper.no-footer .dataTables_scrollBody table tr.even.light_color,
.dataTables_wrapper.no-footer .dataTables_scrollBody table tr.odd.light_color td,
.dataTables_wrapper.no-footer .dataTables_scrollBody table tr.even.light_color td {
	background-color: var(--bs-gray-200) !important;
}
table.dataTable thead th, 
table.dataTable thead td {
	padding: 0 10px !important;
}
.dataTables_scrollHead table.dataTable thead th {
	position: relative;
	background-image: none;
}
.dataTables_scrollHead table.dataTable thead .sorting_asc::after,
.dataTables_scrollHead table.dataTable thead .sorting_desc::after,
.dataTables_scrollHead table.dataTable thead .sorting::after {	
	font-family: var(--fa);
	display: inline-block;
	font-weight: 900;
	position: absolute;
	right: 1px;
	color: var(--bs-gray-900);
	font-size: 12px;
	margin-top: 2px;
}
.dataTables_scrollHead table.dataTable thead .sorting_asc::after {
	content: '\f30c';
}
.dataTables_scrollHead table.dataTable thead .sorting_desc::after {
	content: '\f309';
}
.dataTables_scrollHead table.dataTable thead .sorting::after {
	content: '\f362';
	transform: rotate(90deg);
}
.dataTables_scrollHead table.dataTable thead th:hover::after {
	color: var(--bs-gray-900);
}

table th, table td {
	font-size: 14px;
}
.ui-widget-content {
	padding: 0 !important;
	border: none !important;
	border-radius: 5px !important;
}

.ui-dialog .ui-dialog-buttonpane {
	border-radius: 5px;
}

.ui-button-text-only .ui-button-text {
	padding: 0.4em 1em !important;
}

.ui-dialog .ui-dialog-buttonpane {
	display: none;
}

tr.assestrow {
	float: left;
	width: 100%;
}

tr.assestrow>td {
	width: 100%;
	float: left;
}

tr.assestrow th {
	font-size: 14px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	background: var(--bs-gray-200);
	border-bottom-right-radius: 0;
	border: none;
	border-bottom-left-radius: 0;
}

#dialog .assestrow table tr td:first-child {
	padding: 8px !important;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	padding-left: 10px !important;
	font-size: 14px;
}

.ui-draggable .ui-dialog-titlebar button,
.ui-draggable .ui-dialog-titlebar button:hover,
.ui-draggable .ui-dialog-titlebar button:focus {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

.felement #id_pagetitle {
	border-width: 0 0 1px 0 !important;
	width: 100%;
}

.mform .fpassword .unmask>label {
	top: 2px;
	position: relative;
}

#page-mod-scheduler-view .fitem_fgroup .fgroup input[type="radio"]+label {
	margin-right: 20px;
}

.continuebutton {
	text-align: left !important;
}
.continuebutton input[type=submit] {
	background-color: var(--btn-color) !important;
}

.learningpage_dashboard {
	position: relative;
}

/********************************************* New style *************************************/

:root {
	--bs-body-font-size: 14px;
	--bs-body-font-family: "Lato", Arial, Helvetica, sans-serif;
	--bs-theme-bg: #e5f0ff;
	--bs-theme-light: #fbfcff;
	--bs-light-color: #f4f8ff;
	--bs-theme-dark: #d5e7fd;
	--fa: "Font Awesome 5 Free";
	--fab: "Font Awesome 5 Brands";
	--circle-color: #0664B1;
	--c-color-1: #ffad2d;
	/** head dashboard **/
	--c-color-2: #ed556e;
	/** head dashboard **/
	--c-color-3: #1ad2d2;
	/** head dashboard **/
	--c-color-4: #8352c6;
	/** head dashboard **/
	--online-course: #ffcb21;
	/** course color **/
	--program-course: #1edfb2;
	/** course color **/
	--online-course: #ffcb21;
	/** course color **/
	--classroom-course: #00c4ff;
	/** course color **/
	--notstarted-color: #767676;
	/** notstarted color **/
	--online-event: #c37800;
	/** event color **/
	--classroom-event: #455d8b;
	/** event color **/
	--global-event: #d95350;
	/** event color **/
	--user-event: #f4db50;
	/** event color **/
	--today-event: #ffe0cc;
	/** event color **/
	--global-event-light: #fdd5d5;
	/** event color **/
	--online-event-light: #ffe1b2;
	/** event color **/
	--classroom-event-light: #ccd5e7;
	/** event color **/
	--user-event-light: #fff4b4;
	/** event color **/
	--timeline-border: #cbcbcb;
	/** timeline color **/
	--status-completed: #5ec26e;
	/** status color **/
	--status-started: #f5bf61;
	/** status color **/
	--status-notstarted: #d0d0d0;
	--status-inprogress: #ffcb21;
	/** status color **/
	--status-expired: #f15f3d;
	/** status color **/
	--gnosisblue: #16264a;
	--green: #10311c;	
	--indigo: #4b0081;	
	--orange: #ee9e3d;
	--purple: #7604bc;	
	--red-2: #ce132f;	
	--steelblue: #4681c3;
	--teal: #00a69c;
	--yellogreen: #b3c93a;
	--brownlight: #9e8762;
	--border-color-light:#cee3ff;
	--color-292929: #292929;
	--dropmenu-bg-light: #deecfe;
	--input-light-bg: hsla(0,0%,100%,.5);
	--purple-color: #CB00FF;
	--efefef: #efefef;
	--week1: #D50056;
	--week2: #FE6B00;
	--week3: #046ECC;
	--week4: #0C8854;
	--weekstarter: #107ECC;
}

body {
	font-family: var(--bs-body-font-family) !important;
	font-size: var(--bs-body-font-size);
	font-style: normal;
	font-weight: normal;
	height: 100%;
	background: var(--bs-theme-bg);
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	min-height: -webkit-fill-available;

}

html {
	height: -webkit-fill-available;
}

/*** default css ***/
a {
	color: var(--link-color);
	text-decoration: none;
}

a:focus,
a:hover {
	color: var(--link-color-dark);
	text-decoration: none;
}

.text-orange {
	color: var(--bs-theme-orange);
}

.text-link {
	color: var(--link-color);
}

.dropdown .droparrow {
	position: absolute;
	display: block;
	width: 1rem;
	height: 0.5rem;
	top: calc(-0.5rem - 1px);
	right: 15px;
}
.dropdown .droparrow::before {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
	top: 0;
	border-width: 0 0.5rem 0.5rem 0.5rem;
	border-bottom-color: rgba(0, 0, 0, 0.25);
}
.dropdown .droparrow::after {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
	top: 1px;
	border-width: 0 0.5rem 0.5rem 0.5rem;
	border-bottom-color: var(--bs-white);
}

.theme-bg {
	background-color: var(--bs-theme-bg);
}

.cursor {
	cursor: pointer;
}

.f-left {
	float: left;
}

.f-right {
	float: right
}

/* input style */

textarea#id_description {
	width: 100%;
	height: 130px;
	color: var(--bs-gray-900);
	border: 1px solid var(--bs-gray-300);
	padding: 5px !important;
}

/*** fp toolbar ****/

.fp-toolbar .fp-btn-mkdir,
.fp-toolbar .fp-btn-download,
.fp-toolbar .fp-btn-add {
	border-radius: 0;
	width: auto !important;
	height: auto !important;
	border: 0px none;
}

.fp-toolbar .fp-btn-add a::before {
	content: "\f15b";
	font-size: 20px;
	font-family: var(--fa);
	font-weight: 900;
	display: block;
	text-align: center;
	color: var(--bs-gray-700);
}

.fp-toolbar .fp-btn-add a::after,
.fp-toolbar .fp-btn-mkdir a::after {
	content: "\f055";
	font-size: 14px;
	font-family: var(--fa);
	font-weight: 900;
	display: block;
	color: var(--bs-primary);
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	background: var(--bs-white);
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
}

/*** end ***/

.wrapper {
	display: block;
	width: 100%;
	max-width: 1920px;
	overflow-x: inherit;
}

.wrapper .container-fluid {
	max-width: 1920px;
	margin: 0;
}

.wrapper .topnavbar .container-fluid,
.ecommerce-wrapper .container-fluid,
.ecommerce-wrapper {
	max-width: 1840px;
	/** sidebar width 80px less from max-width: 1920px **/
	margin: 0;
}

.main-section {
	padding-left: 65px !important;
}

.main-section-inner {
	height: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.section-container {
	margin-bottom: auto;
}
/*** top navbar ***/
.topnavbar {
	position: relative;
	width: 100%;
	height: 70px;
}

.topnavbar .navbar {
	background-color: var(--bs-theme-bg);
	border-bottom: 1.4px solid var(--bs-theme-dark);
	height: 70px;
	padding-left: 65px;
}

.topnavbar .topleftbar {
	flex: 1 !important;
}

.topnavbar .navbar .navbar-brand span {
	width: 60px;
	height: 60px;
	border-radius: 0;
	display: inline-flex;
	background-color: var(--bs-white);
	overflow: hidden;
	padding: 10px;
	position: absolute;
	top: 0;
}

.topnavbar .navbar .navbar-brand span img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.topnavbar .navbar-collapse {
	overflow: visible;
	height: auto;
}

.searchinput {
	outline: 0;
	border: 0;
}

.topnavbar .topsearhbar input {
	border-radius: 0 30px 30px 0;
	background-color: var(--input-light-bg);
	box-shadow: none !important;
	border: 1px solid var(--input-light-bg);
	padding-left: 0;
	padding-right: 30px;
	height: 35px;
	background-image: none;
	outline: 0;
	border-left: 0;
	margin-left: 1px;
}

.topnavbar .topsearhbar input:focus {
	border-right-color: var(--input-light-bg);
	outline: 0;
}

.topnavbar .topsearhbar .btn {
	background-color: var(--input-light-bg);
	border-color: var(--input-light-bg);
	border-radius: 30px 0 0 30px;
	border-right: 0;
	box-shadow: none !important;
	padding: 5px 0 5px 5px;
	margin: 0;
	width: 30px;
	height: 35px;
	color: var(--bs-gray-700);
	display: flex;
	align-items: center;
	justify-content: center;
}
.topnavbar .topsearhbar .btn svg {
	position: relative;
	top: -1px;
}
.topnavbar .topsearhbar .btn:hover,
.topnavbar .topsearhbar .btn:focus,
.topsearhbar .form-control-clear:hover,
.topsearhbar .form-control-clear:focus {
	color: var(--bs-primary);
}
.topnavbar .topsearhbar .btn:hover,
.topnavbar .topsearhbar .btn:focus {
	background-color: var(--input-light-bg);
	border-color: var(--input-light-bg);
	border-radius: 30px 0 0 30px !important;
}
.topnavbar .topsearhbar span {
	margin-left: 0 !important;
}
::-ms-clear {
	display: none;
}

.topsearhbar .form-control-clear {
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 12px;
	color: var(--bs-gray-700);
}

.toprightbar {
	flex-direction: row !important;
	display: flex;
}

.toprightbar .nav-link {
	font-size: 18px !important;
	color: var(--bs-gray-700) !important;
}

.toprightbar .rightbar-item .nav-link i {
	line-height: 1.5;
}

.topnavbar .dropdown-toggle::after {
	display: none;
}

.toprightbar .nav-item {
	margin-left: 15px;
}

.toprightbar .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
}

.toprightbar .switch_profile a {
	color: var(--bs-gray-800);
	margin-left: 10px;
}

.toprightbar .switch_profile a::before {
	content: '\e068';
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	color: var(--bs-gray-800);
	font-size: 18px;
	padding-right: 7px;
}

.toprightbar .switch_profile a.switch-head::before {
	color: var(--bs-primary);
}

/*** notification dropdown ***/
.notification-panel {
	width: 300px;
	min-width: 300px;
	height: 340px;
	border: 0;
	background-color: var(--bs-white);
	border-radius: 0;
}

.notify_count {
	background-color: var(--bs-white);
	width: 26px;
	height: 16px;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	line-height: 17px;
	color: var(--bs-gray-900);
	font-size: 10px;
    font-weight: bold;
	margin: 0 5px;
	position: relative;
	top: -3px;
}
.notify_count em {
	font-style: normal;
}

.notification-box {
	width: 100%;
	border: 0;
	display: block !important;
}

.notification-box .notify-head {
	width: 100%;
	height: 60px;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}

.notification-box .notify-head p {
	font-size: 13px;
	margin-bottom: 0;
}
.notification-panel .droparrow::before {
	display: none;
}
.notification-panel .droparrow::after {
	top: 2px;
	border-bottom-color: var(--bs-primary);
}

.toprightbar .badge {
	background-color: var(--bs-theme-orange);
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	top: 8px;
	left: auto;
	right: -5px;
	text-shadow: none;
}

.notification-panel .nav {
	background-color: var(--bs-theme-dark);
	height: 36px;
	width: 100%;
	display: flex;
	margin-bottom: 0 !important;
}

.notification-panel .nav .nav-item {
	flex: 1;
	margin-left: 0;
}

.notification-panel .nav .nav-item .nav-link {
	font-size: 14px !important;
	position: relative;
	width: 100%;
	height: 36px;
	text-align: center;
}

.notification-panel .nav .nav-item .nav-link.active {
	background-color: transparent;
	border-radius: 0;
	color: var(--bs-gray-900);
}

.notification-panel .nav .nav-item .nav-link.active::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: var(--bs-primary);
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
}

.notification-panel .notification-box .notification-viewall {
	background-color: var(--bs-theme-bg);
	width: 100%;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0;
}

.notification-panel .notification-box .notification-viewall a {
	text-decoration: none;
	text-transform: capitalize;
	margin: 0;
}
.notification-panel .notification-box .tab-content {
	border: 0;
}
.notification-panel .notification-box .tab-content .tab-pane {
	height: 205px;
	max-height: 205px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
}
.notification-panel .notification-box .tab-content .tab-pane .list-group {
	height: 100%;
}
.notification-panel .notification-box .tab-content .tab-pane .list-group .list-group-item {
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}
.notification-panel .notification-box .tab-content .tab-pane .list-group .list-group-item {
	border-top: 0;
}
.notification-panel .notification-box .tab-content .tab-pane .list-group .list-group-item:last-child {
	border-bottom: 0;
}
.notification-panel .notification-box .tab-content .tab-pane .list-group .list-group-item a {
	color: var(--bs-gray-900);
	font-size: 13px;
	display: block;
	cursor: pointer;
}
.notification-panel .notification-box .tab-content .tab-pane .list-group .list-group-item a:hover {
	color: var(--bs-primary);
}
.notification-box .no-reults {
	color: var(--bs-gray-600);
}

.notification-box .no-reults .file-icon img {
	height: 100px;
}
.Blink {
	animation: blinker 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
	transform: scale(0.8);
}
@keyframes blinker {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/*** user pic ***/
.user-avatar {
	display: inline-flex;
	align-items: center;
}

.user-avatar .avatar {
	margin-right: 7px;
	margin-left: 10px;
	height: 38px;
}

.user-avatar .avatar a,
.userprofile-dropmenu .avatar,
.top-userprofile-dropmenu .avatar {	
	overflow: hidden;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.top-userprofile-dropmenu .avatar {
	margin: 0;
}
.user-avatar .avatar img,
.userprofile-dropmenu .avatar img,
.top-userprofile-dropmenu .avatar img {
	border-radius: 50%;
	object-fit: contain;
}
.user-avatar .avatar a,
.user-avatar .avatar img {
	width: 36px;
	height: 36px;
}
.userprofile-dropmenu .avatar,
.top-userprofile-dropmenu .avatar,
.userprofile-dropmenu .avatar img,
.top-userprofile-dropmenu .avatar img  {
	width: 40px;
	height: 40px;
	margin: 0;
}

.user-avatar .user-name {
	display: inline-flex;
}

.userprofile-dropmenu .avatar,
.top-userprofile-dropmenu .avatar {
	font-weight: bold;
    background: #ffdbdb;
	color: #8f5454;
	font-size: 12px;
	text-transform: uppercase;
	box-shadow: none;
	border-color: transparent;
}

.manage-userpic .userinitials {
	margin-right: 0;
}

.userprofile-dropmenu .avatar:hover + .textname-tooltip {
	display: inline-block;
	top: 18px;
	left: 44px;
}
.menu-back .nav-link .nav_icon:hover + .textname-tooltip {
	display: inline-block;
	top: auto;
	position: fixed;
	margin-top: -29px;
}

.userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar,
.top-userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar {
	font-size: 16px;
}

.user-avatar .user-name a {
	display: inline-block;
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
}

.top-userprofile-dropmenu {
	display: none;
}
.userprofile-dropmenu,
.top-sidebar .top-userprofile-dropmenu {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.userprofile-dropmenu {
	height: 60px;
	background-color: var(--bs-white);
}
.userprofile-dropmenu .username-outer.username-ellipses {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-292929);
    cursor: default;
    padding-left: 4px;
    padding-right: 4px;
	margin-bottom: 4px;
}
.userprofile-dropmenu .dropdown-menu,
.top-userprofile-dropmenu .dropdown-menu  {
	background-color: var(--bs-white);
	border-radius: 6px;
	border: 0;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);	
	padding: 15px 20px 20px 20px;
}
.userprofile-dropmenu .dropdown-menu {
	left: 64.5px !important;
	bottom: -100% !important;
	min-width: 240px;
	width: auto;
}
.top-userprofile-dropmenu .dropdown-menu {
	border-radius: 6px;
	min-width: 300px;
	width: 300px;
}
.userprofile-dropmenu .dropdown-menu .profile-username-avatar,
.top-userprofile-dropmenu .dropdown-menu .profile-username-avatar {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
    padding: 0 0 12px 0;
    position: relative;
    border-bottom: 1.4px solid var(--efefef);
}
.userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar,
.top-userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar {
    border: 4px solid #eee;
	margin-right: 10px;
}
.userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar,
.userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar img,
.top-userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar,
.top-userprofile-dropmenu .dropdown-menu .profile-username-avatar .avatar img {
	width: 45px;
	height: 45px;
}
.userprofile-dropmenu .dropdown-menu .profile-username-avatar .profile-user-name,
.top-userprofile-dropmenu .dropdown-menu .profile-username-avatar .profile-user-name {
    width: calc(100% - 55px);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-292929);
    word-wrap: break-word;
    word-break: break-all;
    line-height: 18px;
}
.profile-username-avatar .profile-user-name .profile-user-designation {
	color: #416390;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
	padding-top: 2px;
}
.profile-username-avatar .profile-user-name .profile-user-role .profile-user-badge {
	background: #f1f3f4;
    min-height: 14px;
    min-width: 3.0625em;
    border-radius: 12px;
    padding: 2px 7px;
	margin-top: 4px;
    height: auto;
    color: var(--color-292929);
	font-size: 10px;
    font-weight: 700;
    line-height: 16px;
	display: inline-block;
	text-transform: uppercase;
}
.userprofile-dropmenu .dropdown-menu .list-disabled,
.top-userprofile-dropmenu .dropdown-menu .list-disabled {
    font-size: 12px;
    color: #416390;
    font-weight: 700;
	padding-left: 5px;
    padding-bottom: 5px;
	padding-top: 5px;
}
.userprofile-dropmenu .dropdown-menu li,
.top-userprofile-dropmenu .dropdown-menu li {
	width: 100%;
    padding: 0 5px;
    font-size: 14px;
	color: var(--color-292929);
    border: 0;
    border-radius: 6px;
}
.userprofile-dropmenu .dropdown-menu li {
	min-width: 160px;
}
.userprofile-dropmenu .dropdown-menu li a,
.top-userprofile-dropmenu .dropdown-menu li a  {
    color: var(--color-292929);
    display: block;
    width: 100%;
    border: 0;
    padding: 7px 5px;
    border-radius: 6px;
    font-size: 14px;
}
.userprofile-dropmenu .dropdown-menu li a {
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.userprofile-dropmenu .dropdown-menu li a:hover,
.userprofile-dropmenu .dropdown-menu li a:focus,
.userprofile-dropmenu .dropdown-menu li a:focus:hover,
.top-userprofile-dropmenu .dropdown-menu li a:hover,
.top-userprofile-dropmenu .dropdown-menu li a:focus,
.top-userprofile-dropmenu .dropdown-menu li a:focus:hover {
	background-color: var(--efefef);
	background-image: none;
	box-shadow: none;
}
.userprofile-dropmenu .dropdown-menu li a svg,
.top-userprofile-dropmenu .dropdown-menu li a svg {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    display: inline-block;

}
.userprofile-dropmenu .dropdown-menu li a svg path,
.top-userprofile-dropmenu .dropdown-menu li a svg path { 
	fill: var(--color-292929);
}
.userprofile-dropmenu .dropdown-menu li.lastlist,
.top-userprofile-dropmenu .dropdown-menu li.lastlist {
    padding-top: 10px;
    padding-left: 0;
    margin-top: 10px;
    border-radius: 0;
    border-top: 1.4px solid var(--efefef);
}
.userprofile-dropmenu .dropdown-menu li .profile-logo,
.top-userprofile-dropmenu .dropdown-menu li .profile-logo {
    margin-top: 8px;
}
.userprofile-dropmenu .dropdown-menu li .profile-logo {
	margin-bottom: -2px;
}
.userprofile-dropmenu .dropdown-menu li .profile-logo img,
.top-userprofile-dropmenu .dropdown-menu li .profile-logo img {
    max-width: 130px;
	max-height: 40px;
}

.main-section.main-section-beforelogin,
.main-section-beforelogin .topnavbar .navbar {
	padding-left: 0 !important;
}

.main-section-beforelogin .sidebar-menuicon {
	display: none;
}
.userprofile-dropmenu .dropdown-menu .userprofile-row {
	flex-wrap: nowrap;
	white-space: nowrap;
}
.userprofile-dropmenu .dropdown-menu .userprofile-row ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.userprofile-dropmenu .dropdown-menu .col-md {
	padding: 0 4px 0 2px;
}

/*** sidebar ***/
.sidebar-menu {
	width: 65px;
	position: fixed !important;
	flex-wrap: nowrap;
	height: 100vh !important;
	height: -webkit-fill-available;
	max-height: 100vh;
	overflow-y: auto;
	z-index: 1031;
}

.sidebar-inside {
	width: 65px;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: auto;
	box-shadow: none;
	z-index: 1031;
	border-right: 1.4px solid var(--border-color-light);
}

.sidebar-close {
	position: absolute;
	left: auto;
	right: 12px;
	top: 2px;
	font-size: 18px;
	cursor: pointer;
	color: var(--bs-gray-700);
}

.sidebar-menuicon {
	font-size: 18px;
	margin: 5px 15px 0 0;
	cursor: pointer;
	color: var(--bs-gray-700);
}

.sidebar-close:hover,
.sidebar-menuicon:hover {
	color: var(--bs-primary) !important;
}

.sidebar-menu.show {
	width: 65px;
	position: relative;
}

.sidebar-menu.collapse:not(.show) {
	display: flex !important;
}

.sidebar-menu.show .sidebar-inside {
	width: 65px;
	/* overflow-x: hidden; */
}

.sidebar-menu .logoBox {
	height: 100%;
	max-height: 33px;
	display: flex !important;
	justify-content: center;
    margin-bottom: 40px;
}

.sidebar-menu .brand-logo {
	padding: 5px;
    width: 30px;
    height: 30px;
    justify-content: center;
	align-items: flex-start !important;
    margin-top: 0 !important;
}

.sidebar-menu .brand-logo img.small-logo,
.sidebar-menu.show .brand-logo img.large-logo,
.sidebar-menu.show .sidebar-close,
.sidebar-menu.show .nav_text,
.sidebar-menu.show .nav li .nav-link i {
	display: none;
}

.sidebar-menu.show .brand-logo img.small-logo,
.sidebar-menu .brand-logo img.small-logo {
	display: inline-block;
	height: 25px;
	max-height: 25px !important;
	width: 21px;
	max-width: 21px;
	position: relative;
}

.sidebar-menu .brand-logo img.large-logo {
	margin-left: 3px;
	height: auto;
	max-height: 30px !important;
	width: auto !important;
	max-width: 180px;
	display: none;
}

.sidebar-menu .nav {
	/* overflow-x: hidden;
	overflow-y: auto; */
	flex-wrap: nowrap !important;
	flex-direction: column;
}

.sidebar-menu .sb-container {
    height: calc(100vh - 65px);
}

.sidebar-menu .sb-content {
 	width: 127%;
}

.sidebar-menu .nav .nav_text,
.sidebar-menu .logout-link .nav_text,
.textname-tooltip {
	display: none;
}
.sidebar-menu .nav li a:hover > .nav_text,
.sidebar-menu .logout-link:hover > .nav_text,
.username-outer:hover > .textname-tooltip {
	display: block;
}
.sidebar-menu .nav li {
	text-align: center;
}
.sidebar-menu .nav li:first-child {
	margin-top: 5px;
}
.sidebar-menu .nav li ul li {
	text-align: left;
}
.sidebar-menu .nav li a .nav_text:not(.sidebar-menu .nav li ul li a .nav_text),
.sidebar-menu .logout-link .nav_text,
.textname-tooltip {
	position: absolute;
	left: 55px;
	top: 10px;
	background-color: var(--color-292929);	
	padding: 7px 10px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
	z-index: 1032;
	display:none;
}
.textname-tooltip {
	color: var(--bs-white);
}
.sidebar-menu .nav li a .nav_text:not(.sidebar-menu .nav li ul li a .nav_text)::before,
.sidebar-menu .logout-link .nav_text::before,
.textname-tooltip::before {
	content: '';
	border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid var(--color-292929);
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    left: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.username-outer .textname-tooltip {
	top: 5px;
}

.sidebar-menu .nav li a {
	text-decoration: none;
}

.sidebar-menu .nav li a:focus {
	background-color: transparent;
	box-shadow: none;
}

.sidebar-menu .nav li ul li .nav_text {
	padding-left: 0;
}

.sidebar-menu .nav li .nav-link {
	color: var(--bs-gray-700);
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    margin: 0 0 14px 0;
    padding: 6px 8px;
}

.userprofile-dropmenu .dropdown-menu li a.nav-link .nav_icon::before, .top-userprofile-dropmenu .dropdown-menu li a.nav-link .nav_icon::before{
	filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(6329%) hue-rotate(210deg) brightness(98%) contrast(98%);
}
.sidebar-menu .nav li.active .nav-link .nav_icon::before,
.sidebar-menu .nav li .nav-link.active .nav_icon::before
 {
	 filter: brightness(0) saturate(100%) invert(28%) sepia(26%) saturate(4576%) hue-rotate(188deg) brightness(97%) contrast(96%) !important; 
}

.sidebar-menu .nav li.active .nav-link .nav_icon,
.sidebar-menu .nav li .nav-link.active .nav_icon,
.sidebar-menu .nav li:hover .nav-link.active .nav_icon {
	background-color: var(--bs-light-color) !important;
}

.sidebar-menu .nav li .nav-link.dropdown-toggle::after {
	display: none;
}

.sidebar-menu .nav li ul {
	list-style: none;
	background-color: var(--bs-white);
	width: 100%;
	margin: 0;
}

.sidebar-menu .nav li ul.show {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	top: -40px !important;
	left: 64.5px !important;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	border: 0;
	min-width: fit-content;
	width: 420px;
	height: fit-content;
}
.sidebar-menu .nav li ul.show .nav_text {
	display: block;
	width: 100%;
	white-space: normal;
}
.sidebar-menu .nav li ul li {
	padding-left: 10px;
	padding-right: 10px;
	width: 50%;
}
.sidebar-menu .nav li ul li:nth-child(odd) {
    border-right: 1px solid var(--efefef);
}
.sidebar-menu .nav li ul li .nav-link:hover::before,
.sidebar-menu .nav li ul li .nav-link.active::before {
	display: none;
}

.sidebar-menu .nav li a .fa-chevron-down {
	font-size: 10px;
	margin-left: 10px;
	margin-top: 2px;
}

.sidebar-menu .nav li a i.rotate {
	transform: rotate(-180deg);
	transition: all 0.2s;
	position: relative;
	top: -3px;
}

.sidebar-menu .nav li ul li .nav-link {
	min-height: 30px;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-left: 10px !important;
	padding-right: 10px !important;
	color: var(--color-292929);
	font-size: 14px;
	width: 100%;
    justify-content: flex-start;
	color: var(--color-292929);
	border-radius: 6px;
	margin-bottom: 0;
}
.sidebar-menu .nav li .nav-link,
.sidebar-menu .nav li .nav-link.active,
.sidebar-menu .nav li .nav-link:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
.sidebar-menu .nav li ul li .nav-link:hover,
.sidebar-menu .nav li ul li .nav-link.active {
	background-color: var(--efefef) !important;
	border-radius: 6px;
}

.sidebar-menu .nav li ul.academy-droplist li {
	display: inline-flex;
	align-items: flex-start;
}
.sidebar-menu .nav li ul li .droplist-with-button {
	width: 100% !important;
	margin: 0;
	cursor: pointer;
	min-height: 32px;
	align-items: flex-start;
}
.sidebar-menu .nav li ul li .droplist-with-button .launch-link {
	color: var(--bs-primary);
	display: inline-flex;
	align-items: center;
	font-weight: 700;
}
.sidebar-menu .nav li ul li .droplist-with-button .launch-link svg {
	margin-right: 3px;
	position: relative;
	top: -1px;
}
.sidebar-menu .nav li ul li .droplist-with-button .launch-link svg path {
	fill: var(--bs-primary);
}
.sidebar-menu .logout-link {
	color: var(--color-292929);
	position: relative;
	padding: 1rem 1.5rem 1rem 1.5rem;
	font-size: 14px;
	min-height: 60px;
}

.sidebar-menu .logout-link .nav_icon {
	font-size: 14px;
}

.sidebar-menu .logout-link:hover {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}
.sidebar-menu .logout-link:hover svg path {
	fill: #ffffff;
}
.sidebar-menu .nav li .nav_icon {
	width: 30px;
	height: 30px;	
	cursor: pointer;
	position: relative;
	text-align: center;
    border-radius: 6px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.sidebar-menu .nav li.menu-my.media {
	margin: 0 !important;
	overflow: visible !important;
}
.sidebar-menu .nav li.menu-my.media .nav-link {
	border-radius: 0;
}
.sidebar-menu .nav li .nav_icon::before {
	font-family: var(--fa);	
	font-style: normal;
	display: inline-block;
	font-size: 16px;
	color: var(--bs-gray-700);
	font-weight: 900;
	width: 16px;
    height: 16px;
	/* align-items: center;
    justify-content: center; */
    background-size: 16px !important;
	filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(6329%) hue-rotate(210deg) brightness(98%) contrast(98%);
}
.sidebar-menu .nav li .nav_tooldiv {
	width: auto;
	text-align: center;
}
.sidebar-menu .nav li a:hover .nav_icon::before,
.sidebar-menu .nav li a.nav-link.active .nav_icon::before {
	color: var(--bs-primary);
}

.sidebar-menu .nav li a:hover .nav_icon {
	background-color: var(--efefef) !important;

}

.sidebar-menu .nav li.menu-my.learning .nav_icon::before,
.sidebar-menu .nav li.menu-dashboard .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/dashboard_icon.svg) no-repeat center;
	filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(6329%) hue-rotate(210deg) brightness(98%) contrast(98%);
	transform: rotate(180deg);
}
.sidebar-menu .nav li.menu-events .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/events_meeting_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-my.media .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/media_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-messages .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/messages_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-settings .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/settings_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-order .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/orderlist_icon.svg) no-repeat center;
}

.sidebar-menu .nav li.menu-favourites .nav_icon::before {
	content: '';	
	background: url(/theme/boost/pix/leftmenu-icon/favorite-icon.svg) no-repeat center;	
}
.sidebar-menu .nav li.menu-favorites .nav_icon::before {
	content: '';	
	background: url(/theme/boost/pix/leftmenu-icon/favorite-icon.svg) no-repeat center;	
}

.sidebar-menu .nav li.menu-manage .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/manage_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-academies .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/academy-icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-catalog .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/catalog_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-reports .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/report-icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-certificate .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/certificate_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-announcements .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/announcement-icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-setting .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/settings_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-faqs .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/help_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-resources .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/resources_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-training .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/training_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-inbox .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/inbox_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-my.hub .nav_icon::before,
.sidebar-menu .nav li.menu-myhub .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/hub_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-back a {
	position: relative;
	margin-top: 0;
	padding-top: 30px;
}
.sidebar-menu .nav li.menu-back a::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 30px;
	height: 1.4px;
	background-color: var(--border-color-light);
}
.sidebar-menu .nav li.menu-back .nav_icon {
	background-color: var(--purple-color);
	border-radius: 6px;
	margin-top: 10px;
}
.sidebar-menu .nav li.menu-back a:hover .nav_icon {
	background-color: var(--bs-gray-900) !important;
}
.sidebar-menu .nav li.menu-back .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/back_icon.svg) no-repeat center;
	filter: none;
}
.sidebar-menu .nav li.menu-backtalent .nav_icon::before {
	background: url(/theme/boost/pix/leftmenu-icon/talent_icon.svg) no-repeat center !important;
}
.sidebar-menu .nav li.menu-back a:hover .nav_icon::before {
	filter: none !important;
}
.sidebar-menu .nav li .dropdown-menu li a.nav-link {
	align-items: flex-start;
}
.sidebar-menu .nav li .dropdown-menu .announc_icon .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .message_icon .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .event_icon .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .training-videos .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .certificate_icon .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .resource_icon .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .favourites_icon .nav-link::before,
.sidebar-menu .nav li .dropdown-menu .order-history .nav-link::before {
	content: '';
	position: relative;
	display: inline-block;
    width: 26px;
    height: 22px;
    cursor: pointer;
	background-size: 16px !important;
	margin-right: 5px;
	filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(6329%) hue-rotate(210deg) brightness(98%) contrast(98%);
}
.sidebar-menu .nav li .dropdown-menu .announc_icon .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/announcement-icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .message_icon .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/messages_icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .event_icon .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/events_meeting_icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .training-videos .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/training_icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .certificate_icon .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/certificate_icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .resource_icon .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/resources_icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .favourites_icon .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/favorite-icon.svg) no-repeat center;
}
.sidebar-menu .nav li .dropdown-menu .order-history .nav-link::before {
	background: url(/theme/boost/pix/leftmenu-icon/order_history_icon.svg) no-repeat center;
}

.sidebar-menu .nav li.menu-reports ul.show {
	width: 530px;
}
.sidebar-menu .nav li.menu-inbox ul.show,
.sidebar-menu .nav li.menu-my.hub ul.show,
.sidebar-menu .nav li.menu-myhub ul.show {
	width: 240px;
}
.sidebar-menu .nav li.menu-inbox ul li,
.sidebar-menu .nav li.menu-my.hub ul li,
.sidebar-menu .nav li.menu-myhub ul li {
	width: 100%;
}
.sidebar-menu .nav li.menu-inbox ul li a.nav-link,
.sidebar-menu .nav li.menu-my.hub ul li a.nav-link,
.sidebar-menu .nav li.menu-myhub ul li a.nav-link {
	min-height: 34px;
	line-height: 22px;
}

.menu-faqs .nav_icon::before {
    content: '';
    background: url(/theme/boost/pix/leftmenu-icon/help_icon.svg) no-repeat center;
    display: inline-flex; 
    color: var(--bs-gray-700);
    font-weight: 900;
    width: 16px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-size: 16px !important;
	vertical-align: 5px;
	margin-right: 10px;
}
.menu-order .nav_icon::before {
    content: '';
    background: url(/theme/boost/pix/leftmenu-icon/orderlist_icon.svg) no-repeat center;
    display: inline-flex;
    color: var(--bs-gray-700);
    font-weight: 900;
    width: 16px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-size: 16px !important;
	vertical-align: 5px;
	margin-right: 10px;
}
/* sidemenu hover and active */
.sidebar-menu .nav li.menu-my.learning.active .nav-link .nav_icon::before,
.sidebar-menu .nav li.menu-my.learning .nav-link.active .nav_icon::before,
.sidebar-menu .nav li.menu-dashboard .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/dashboard_icon.svg) no-repeat center;
	transform: rotate(180deg);
}
.sidebar-menu .nav li.menu-events .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/events_meeting_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-my.media .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon-active/media_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-messages .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/messages_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-settings .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/settings_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-order .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/orderlist_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-favourites .nav-link.active .nav_icon::before {
	content: '';	
	background: url(/theme/boost/pix/leftmenu-icon-active/favorite-icon.svg) no-repeat center;	
}
.sidebar-menu .nav li.menu-favorites .nav-link.active .nav_icon::before {
	content: '';	
	background: url(/theme/boost/pix/leftmenu-icon-active/favorite-icon.svg) no-repeat center;	
}
.sidebar-menu .nav li.menu-manage .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/manage_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-academies .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/academy-icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-catalog .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/catalog_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-reports .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/report-icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-certificate .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/certificate_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-announcements .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/announcement-icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-setting .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/settings_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-faqs .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/help_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-resources .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon/resources_icon.svg) no-repeat center;
}
.sidebar-menu .nav li.menu-training .nav-link.active .nav_icon::before {
	content: '';
	background: url(/theme/boost/pix/leftmenu-icon-active/training_icon.svg) no-repeat center;
}

/*** sidebar end ***/

/*** footer ***/
.lyla_icon,
.footer .quickLinks,
.footer .helpBox,
.footer .footer-content,
.footer .footerContact,
.footer .hide_text {
	display: none;
}

#page-footer.footer {
	padding: 0;
	margin-top: 0;
	border-top: 0;
}

.footer .container {
	max-width: 100%;
	width: 100%;
}

.footer .bottom-bar {
	border-top: 1px solid var(--bs-theme-dark);
	padding: 0;
}

.footer .bottom-bar .footer-menu ul {
	list-style-type: none;
	width: 100%;
	min-height: 60px;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.footer .bottom-bar .footer-menu ul li:not(:first-child) {
	padding: 0 10px;
}

.footer .bottom-bar .footer-menu ul li a {
	color: var(--bs-gray-800);
	text-decoration: none;
}

.footer .bottom-bar .footer-menu ul li.poweredtext {
	border-right: 1px solid var(--bs-gray-300);
	padding-right: 10px;
}

.footer .bottom-bar .footer-menu ul li.linkPopup {
	position: relative;
}

.footer .bottom-bar .footer-menu ul li.linkPopup a::before {
	content: '\f077';
	font-family: var(--fa);
	font-weight: 900;
	font-size: 14px;
	color: var(--bs-gray-600);
	cursor: pointer;
	padding: 5px;
}

.footer .bottom-bar .footer-menu ul li.linkPopup ul li a::before {
	display: none;
}

.footer .bottom-bar .footer-menu ul li.linkPopup ul {
	position: absolute;
	left: auto;
	right: 0;
	bottom: 30px;
	min-width: 220px;
	background: var(--bs-white);
	display: none;
	border-radius: 4px;
	border: 1px solid var(--bs-gray-200);
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer .bottom-bar .footer-menu ul li.linkPopup ul li {
	padding: 0;
}

.footer .bottom-bar .footer-menu ul li.linkPopup ul li:not(:last-child) {
	border-bottom: 1px solid var(--bs-gray-200);
}

.footer .bottom-bar .footer-menu ul li.linkPopup ul li a {
	padding: 7px 10px;
	display: block;
	color: var(--bs-gray-900);
	text-decoration: none;
	font-size: 13px;
	text-align: left;
}

.footer .bottom-bar .footer-menu ul li.linkPopup ul li a:hover,
.footer .bottom-bar .footer-menu ul li a:hover {
	color: var(--link-color);
}
/*** footer end ***/

/*** card view style ***/
.d-card,
.admin-card {
	border-radius: 6px;
	/* box-shadow: 0px 0 8px rgba(0, 0, 0, 0.05); */
	color: var(--bs-gray-800);
	border: 1.4px solid var(--border-color-light);
}

.d-card {
	min-height: 300px;
}

.d-card .d-circle-box {
	min-height: 160px;
}

.d-card .d-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	min-width: 110px;
	height: 110px;
	border-width: 12px;
	border-style: solid;
}

.circle-color-1 {
	border-color: var(--circle-color);
}

.circle-color-2 {
	border-color: var(--circle-color);
}

.circle-color-3 {
	border-color: var(--circle-color);
}

.circle-color-4 {
	border-color: var(--circle-color);
}

.d-card .d-circle .d-count-text {
	font-size: 1.7rem;
	font-weight: bold;
	color: var(--bs-gray-800);
}

.d-card .d-card-bottom i {
	font-size: 18px;
}
.d-card .d-card-bottom p {
	padding-top: 10px;
	font-weight: bold;
}

.bu-card {
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	/* box-shadow: 0px 0 8px rgba(0, 0, 0, 0.05); */
}

.bu-card .card-header {
	font-size: 16px;
}

.bu-card .list-group-item a.small.active {
	color: var(--bs-theme-orange);
}

.bu-card-listarea ul li a {
	color: var(--bs-gray-900);
}

.bu-card-listarea ul li a>span:hover {
	color: var(--link-color);
}

.bu-card .bu-card-listarea {
	min-height: 180px;
	max-height: 180px;
	overflow-x: hidden;
	overflow-y: auto;
}

.bu-card .list-group-item {
	padding-right: 0.5rem;
}
.bu-card .card-body {
	padding: 7px !important;
}

.admin-card {
	min-height: 180px;
	color: var(--bs-gray-900);
}

.admin-card .nameCount {
	font-size: 1.5rem;
	color: var(--bs-theme-orange);
	font-weight: bold;
}

/* .admin-card .admin_assetbox {
	background: url(../pix/sprite-assettype.svg) no-repeat;
	width: 70px;
	height: 70px;
	display: inline-block;
	background-size: 29em !important;
} */

.admin-card .admin_assetbox svg,
.dashboard_box svg,
.asset_type svg {
	width: 70px;
	height: 70px;
}

/* course_icon */
.s0 { opacity: .2;fill: var(--bs-primary); } 
#course_icon .s5 { fill: var(--orange); } 
#course_icon .s1 { fill: #e7d7ff } 
#course_icon .s2 { fill: #000000 } 
#course_icon .s3 { fill: #ffffff } 
#course_icon .s6 { fill: #767676 } 

/* admin_third_icon */
#admin_third_icon .s1 { fill: #ffffff } 
#admin_third_icon .s2 { fill: #767676 } 

/* teams_icon */
#teams_icon .s1 { fill: #ffffff } 
#teams_icon .s3 { fill: #e7d7ff } 
#teams_icon .s4 { fill: #767676 } 

/* user_icon */
#user_icon .s2 { fill: #e7d7ff } 
#user_icon .s3 { fill: #ffffff } 
#user_icon .s4 { fill: #767676 } 

/* scorm_icon */
#scorm_icon .s1 { fill: #ffffff } 
#scorm_icon .s3 { fill: #767676 } 

/* forum_icon */
#forum_icon .s1 { fill: #ffffff }  
#forum_icon .s3 { fill: #767676 } 

/* pdf_icon */
#pdf_icon .s1 { fill: #ffffff } 
#pdf_icon .s3 { fill: #767676 } 

/* audio_icon */
#audio_icon .s1 { fill: #ffffff } 
#audio_icon .s3 { fill: #767676 } 

/* vedio_icon */
#vedio_icon .s1 { fill: #ffffff } 
#vedio_icon .s3 { fill: #767676 } 

/* image_icon */
#image_icon .s1 { fill: #ffffff } 
#image_icon .s3 { fill: #767676 } 

/* doc_icon */
#doc_icon .s1 { fill: #ffffff } 
#doc_icon .s2 { fill: #767676 } 

/* csv_icon */
#csv_icon .s1 { fill: #ffffff } 
#csv_icon .s2 { fill: #767676 } 

/* ppt_icon */
#ppt_icon .s1 { fill: #ffffff } 
#ppt_icon .s3 { fill: #767676 } 

/* txt_icon */
#txt_icon .s2 { fill: #ffffff } 
#txt_icon .s3 { fill: #767676 } 

/* classroom_icon */
#classroom_icon .s1 { fill: #ffffff }
#classroom_icon .s2 { fill: #fafafa } 
#classroom_icon .s4,
#classroom_icon .s5,
#classroom_icon .s6 { fill: #767676 } 


/* all svg orange color */
#course_icon .s4,
#admin_third_icon .s3, 
#teams_icon .s2,
#user_icon .s1,
#scorm_icon .s2,
#forum_icon .s2,
#pdf_icon .s2,
#audio_icon .s2,
#vedio_icon .s2,
#image_icon .s2,
#doc_icon .s3,
#csv_icon .s3,
#ppt_icon .s2,
#txt_icon .s1,
#classroom_icon .s3,
#classroom_icon .s7 { fill: var(--bs-theme-orange); }  

/* .asset_type.mandatorysurvey.useone-icon .asseticon_scorm {
	display: none;
}
.asset_type.mandatorysurvey.useone-icon .asseticon_mandatory {
	display: inline-block;
}
.asset_type.weblink.useone-icon .asseticon_mandatory,
.asset_type.scorm.useone-icon .asseticon_mandatory {
	display: none;
}
.asset_type.weblink.useone-icon .asseticon_scorm,
.asset_type.scorm.useone-icon .asseticon_scorm {
	display: inline-block;
} */


/* .admin_assetbox.course_icon {
	background-position: -328px -165px;
} */

/* .admin_assetbox.admin_third_icon {
	background-position: -4px -2px;
} */

/* .admin_assetbox.teams_icon {
	background-position: -246px -165px;
}

.admin_assetbox.user_icon {
	background-position: -85px -165px;
} */

.admin-card a {
	color: var(--bs-gray-900);
	padding: 0.5rem 0;	
	display: block;
	border: 1.4px solid transparent;
	border-radius: 0 0 6px 0;
}

.admin-card a:hover {
	color: var(--link-color);	
	background-color: var(--bs-theme-bg);
	border: 1.4px solid var(--bs-primary);
}
.admin-card .row.g-0 .col-6 {
	padding: 0 !important;	
}
.admin-card .row.g-0 .col-6:first-child a {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 6px;
}
.adminTable-h {
	max-height: 300px;
	width: 100%;
	overflow-y: auto;
}

.admin-300-height {
	min-height: 330px;
}

.adminTable-dash {
	max-height: 334px;
	min-height: 334px;
	width: 100%;
	overflow-y: auto;
}
.notfound_noscroll .sb-scrollbar-container {
	display: none;
}
.report-card {
	min-height: auto !important;
}
.add-button-flex {
	display: flex;
	flex-wrap: wrap;
}
.add-button-flex .add-course-button {
	margin: 5px 15px 5px 0;
}
#page-reports-user_certificate_completion_report .expand-collapse-filter a span::before,
#page-reports-archieved_certificate_report .expand-collapse-filter a span::before {
	content: '\f1de';
	font-family: var(--fa);
    font-weight: 900;
    display: inline-block;
    font-size: 16px;
	padding-right: 5px;
}
#page-reports-user_certificate_completion_report .expand-collapse-filter a.active span::before,
#page-reports-archieved_certificate_report .expand-collapse-filter a.active span::before {
	color: var(--bs-theme-orange);
}
/*** fixed tabs filter ***/
.fixedtabs-container,
.breadcrumb-container,
.normaltabs-container {
	width: 100%;
	height: 50px;
	display: block;
	position: relative;
}

.fixedtabs-container,
.breadcrumb-container,
.fixedtabs,
.breadcrumb-inner {
	background-color: var(--bs-theme-bg);
}

.fixedtabs,
.breadcrumb-inner,
.normaltabs {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.fixedtabs,
.breadcrumb-inner {
	padding: 0 25px;
}

.fixedtabs,
.breadcrumb-inner {
	position: fixed;
	width: calc(100% - 78px);
	margin-left: -24px;
	z-index: 99;
}

.main-section.main-section-beforelogin .breadcrumb-inner {
	width: 100%;
}

.normaltabs {
	width: 100%;
}

.fixedtabs .nav .nav-item .nav-link,
.normaltabs .nav .nav-item .nav-link {
	background-color: transparent;
	border-radius: 0;
	color: var(--bs-gray-600);
	font-size: 16px;
	height: 50px;
	margin-right: 15px;
}

.fixedtabs .nav .nav-item .nav-link.active,
.fixedtabs .nav .nav-item .nav-link:hover,
.normaltabs .nav .nav-item .nav-link.active,
.normaltabs .nav .nav-item .nav-link:hover {
	color: var(--bs-gray-900);
	box-shadow: inset 0 -2px 0 var(--bs-primary);
}

.fixedtabs .nav .nav-item .nav-link span,
.normaltabs .nav .nav-item .nav-link span {
	padding-left: 5px;
}

.fixedtabs .nav .nav-item .nav-link.active span,
.fixedtabs .nav .nav-item .nav-link:hover span,
.normaltabs .nav .nav-item .nav-link.active span,
.normaltabs .nav .nav-item .nav-link:hover span {
	color: var(--bs-theme-orange);
}

.fixedtabs-content .tab-pane,
.normaltabs-content .tab-pane {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.filter-by-form,
.collapsebox {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	margin-top: 10px;
}

.filter_icon {
	display: flex;
	align-items: center;
	color: var(--bs-gray-600);
	justify-content: right;
}

.tabsOuter .filter_icon,
.learning_band .filter_icon,
.filter_csv_box {
	position: fixed;
	top: 84px;
	right: 30px;
	z-index: 99;
}

.tabsOuter .filter_icon a,
.learning_band .filter_icon a {
	margin-left: 10px;
}
.filter_csv_box a {
	margin-left: 15px;
}

.filter_icon a {
	color: var(--bs-gray-600);
}

.filter_icon .filter_col {
	margin-left: 20px;
}

.filter_icon .grid_icon,
.filter_icon .list_icon,
.csv_grid_icon {
	display: inline-block;
	position: relative;
	top: 0;
	cursor: pointer;
}
.csv_icon_gap a {
	margin-left: 10px;
	margin-right: 10px;
}
.csv_icon_gap a:last-child {
	margin-left: 0;
	margin-right: 0;
}
.expand-collapse-filter .filter_img,
.filter_icon .filter_img,
.filter_icon .grid_icon,
.filter_icon .list_icon,
.csv_grid_icon {
	color: var(--bs-gray-700);
}
.csv_grid_icon {
	margin-left: 10px;
}
.expand-collapse-filter .filter_img::before,
.filter_icon .filter_img::before,
.filter_icon .grid_icon::before,
.filter_icon .list_icon::before {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
}

.expand-collapse-filter .filter_img::before,
.filter_icon .filter_img::before {
	content: '';
	font-size: 13px;
	background: url("/theme/boost/pix/Filters.svg") no-repeat center;
	background-size: cover;
    width: 12px;
    height: 12px;
}

.filter_icon .grid_icon::before {
	content: '\f009';
}

.filter_icon .list_icon::before {
	content: '\f03a';
}

.filter_by_icon {
	cursor: pointer;
	white-space: nowrap;
}

/* .filter_by_icon:hover .filter_img,
.filter_icon .filter_img:hover,
.filter_icon .grid_icon:hover,
.filter_icon .list_icon:hover, */
.filter_col[aria-expanded="true"] .filter_img,
.filter_icon .filter_active,
.filter_icon .grid_icon.active,
.filter_icon .list_icon.active {
	color: var(--bs-primary);
}

.filter_by_icon:hover,
.filter_col[aria-expanded="true"] .filter_by_icon {
	color: var(--bs-gray-900);
}

.btn-anchor,
.btn-rate,
.mform .collapsible-actions a.collapseexpand,
.analysis .chart-table-expand a {
	text-transform: capitalize;
	border-radius: 30px;
	font-size: 12px;
	padding: 0.2rem 0.75rem 0.15rem !important;
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	cursor: pointer;
	transition: all 0.1s;
	font-weight: bold;
	border: 1.4px solid var(--border-color-light);
}

.btn-anchor,
.mform .collapsible-actions a.collapseexpand,
.analysis .chart-table-expand a {
	background-color: var(--border-color-light);
	color: var(--bs-primary);
}

.btn-rate {
	background-color: var(--border-color-light);
	color: var(--bs-primary);
}

.btn-anchor:hover,
.btn-anchor:focus,
.btn-rate:hover,
.btn-rate:focus,
.mform .collapsible-actions a.collapseexpand:hover,
.mform .collapsible-actions a.collapseexpand:focus,
.analysis .chart-table-expand a:hover,
.analysis .chart-table-expand a:focus {
	background-color: var(--bs-white);
	color: var(--bs-primary);
	border: 1.4px solid var(--border-color-light);
}

.btn-anchor .icon-circle,
.btn-rate .icon-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--input-light-bg);
	border-radius: 30px;
	width: 20px;
	height: 20px;
	position: relative;
	left: -0.525rem;
	top: -1px;
}

.btn-rate .icon-circle {
	color: var(--bs-gray-900);
}

.multiselect-droplist .btn {
	background-color: var(--bs-white) !important;
	border: 1px solid var(--bs-gray-400);
	text-transform: none;
}

.multiselect-droplist .btn:focus {
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.multiselect-droplist .dropdown-menu {
	width: 100%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.multiselect-droplist .btn.dropdown-toggle {
	position: relative;
}

.multiselect-droplist .btn.dropdown-toggle::after {
	border: 0 !important;
	content: "\f078";
	font-family: var(--fa);
	font-weight: 900;
	position: absolute;
	right: 14px;
	top: 10px;
	font-size: 12px;
	color: var(--bs-gray-800);
}

.breadcrumb-inner .breadcrumb {
	margin: 0;
	align-items: center;
	background-color: transparent;
}

.breadcrumb-inner .breadcrumb-nav {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	margin: 0;
}

.breadcrumb-inner .breadcrumb-button,
.breadcrumb-inner .breadcrumb .accesshide,
.breadcrumb-inner .breadcrumb .divider {
	display: none;
}

.breadcrumb-inner .breadcrumb-nav h1 {
	font-size: 20px;
	margin: 0 12px 0 0;
	font-weight: 700;
}
.breadcrumb-inner .breadcrumb-nav h1.nomargin {
	margin-right: 0;
}
.breadcrumb-inner .breadcrumb li,
.breadcrumb-inner .breadcrumb li a {
	text-shadow: none;
	text-decoration: none;
	color: var(--bs-gray-900);
}
.breadcrumb-inner .breadcrumb li {
	display: flex;
	align-items: center;
}

.breadcrumb-inner .breadcrumb li:first-child a,
.breadcrumb-inner .breadcrumb li a:hover {
	color: var(--link-color);
}

.breadcrumb-inner .breadcrumb li:not(:first-child)::before {
	content: "\f054";
	font-family: var(--fa);
	font-weight: 900;
	font-size: 10px;
	position: relative;
	padding: 0 12px 0 1px;
	width: 8px;
	display: inline-block;
	visibility: visible;
	position: relative;
	top: 1px;
	color: var(--bs-gray-900);
}

.breadcrumb-inner .breadcrumb-new .breadcrumb-nav ul {
	padding: 0;
	border-radius: 0;
}

.top_viewall {
    right: 75px;
    position: relative;
}
.list_top_viewall {
	right: 0 !important;
}

/*** card slider ***/
.card-slider {
	max-width: 100%;
	margin: 0 auto;
}

.card-slider.gridview-card {
	width: calc(100% + 0.7rem);
	max-width: calc(100% + 0.7rem);
	margin-left: -0.7rem;
	display: flex;
}

.card-slider .slick-slide {
	height: auto;
}

.card-slider .slick-arrow {
	position: absolute;
	top: -32px;
	right: 0px;
	left: auto;
	background-color: transparent !important;
	background-image: none;
	box-shadow: none;
	border: 0 !important;
}

.card-slider .slick-prev {
	right: 35px;
}

.card-slider .slick-prev-icon::before,
.card-slider .slick-next-icon::before {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 20px;
}

.card-slider .slick-prev-icon::before {
	content: "\f053";
}

.card-slider .slick-next-icon::before {
	content: "\f054";
}

.card-slider .slick-arrow:hover .slick-prev-icon::before,
.card-slider .slick-arrow:hover .slick-next-icon::before {
	color: var(--bs-primary);
}

.slick-sr-only {
	visibility: hidden;
	display: none;
}

.card-slider .slick-disabled {
	opacity: 0.25;
}

.card-slider .disable_slider .slick-arrow {
	display: none;
}

.card-slider .slick-prev-icon,
.card-slider .slick-next-icon {
	color: black;
}
/* 
.card-slider .slick-slide {
	padding: 0.7rem 0.7rem;
} */
.card-slider.gridview-card .grid-card {
	padding: 0.7rem 0.7rem;
}
.slick-slider .slick-list {
	width: 100%;
}
/*** card slider end ***/

/*** card style ***/
.grid-card .card-inner {
	position: relative;
	display: flex !important;
	flex-direction: column;
	height: 384px;
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	background-color: var(--bs-white);
	text-decoration: none;
	color: var(--bs-gray-900);
}
.grid-card.col-lg-3 {
	max-width: 100%;
}
.blank_card_img {
	display: block;
	width: 100%;
	height: 384px;
	background: #fff;
	position: relative;
	padding: 10px;
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	cursor: default;
}

.blank_card_heading {
	height: 25px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.blank_card_text {
	height: 10px;
	margin-bottom: 8px;
}
.blank_card_desc .blank_card_text:nth-child(1) {
	width: 100%;
}
.blank_card_desc .blank_card_text:nth-child(2) {
	width: calc(100% - 15px);
}
.blank_card_desc .blank_card_text:nth-child(3) {
	width: calc(100% - 30px);
}
.blank_card_hr, .blank_card_next, .blank_card_title, .blank_card_fav {
	height: 10px;
	width: 50px;
	display: inline-block;
}
.blank_card_footer {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 18px;
    width: calc(100% - 20px);
}
.blank_card_header {
    background: #fff;
    height: 22px;
	display: flex;
    justify-content: space-between;
}
.blank_card_image,
.blank_card_heading,
.blank_card_text,
.blank_card_hr,
.blank_card_next,
.blank_card_title,
.blank_card_fav {
	background-color: var(--bs-theme-bg);
	border-radius: 6px;
}
.blank_card_image {
	height: 140px;
	border-radius: 6px;
	margin-top: 5px;
}
.blank_card_heading {
	border-radius: 6px;
}

.grid-card .card-inner,
.list-card,
.assest_wrapper,
.cont_learning_wrapper .cont_box,
.announcement-card {
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
}

.grid-card .card-inner:hover,
.list-card:hover,
.assest_wrapper:hover,
.cont_learning_wrapper .cont_box:hover,
.announcement-card:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.grid-card .main-link {
	text-decoration: none !important;
	display: flex;
	flex-direction: column;
}

.grid-card .main-link:focus {
	outline: none;
}

.grid-card .main-link:focus .title {
	outline: 3px dashed orange;
	outline-offset: -4px;
	color: royalblue;
}

.grid-card .card-title {
	color: var(--bs-gray-900);
	margin: 0;
	padding: 6px 10px;
	font-size: 13px;
	font-weight: bold;
	min-height: 32px;
}

.grid-card .card-image {
	order: -1;
	position: relative;
	height: 140px;
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-radius: 6px; */
	/* margin: 5px 10px 0 10px; */
	margin: 0px;
}

.grid-card .card-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	background: #eee;
}

.course_type {
	width: min-content;
	height: 22px;
	font-size: 13px;
	color: var(--bs-gray-900);
	border-radius: 30px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	padding: 0 10px;
	text-transform: capitalize;
}

.course_type:hover {
	color: var(--bs-gray-900);
}

.course_type.onlinecourse {
	background-color: var(--online-course);
}

.course_type.program {
	background-color: var(--program-course);
}

.course_type.classroom {
	background-color: var(--classroom-course);
}

.grid-card .course_type {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.grid-card .c-textwrapper {
	height: 160px;
	padding: 10px;
}

.grid-card .c-heading {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	max-width: 100%;
	width: 100%;
}

.grid-card .c-heading a {
	color: var(--bs-gray-900);
}

.grid-card .c_description {
	padding-bottom: 10px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box !important;
	white-space: normal !important;
	height: 54px;
}

.due-date-text .string_text,
.due-date-text .string_value,
.due_date_text,
.c-text.expcourse .string_value,
.c-text.expcourse .string_text {
	font-size: 12px;
}

.due-date-text .string_value,
.c-text.expcourse .string_value {
	font-weight: bold;
}

.due-date-text:before,
.c-text.expcourse .string_text:before {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -270px -24px;
	width: 20px;
	height: 20px;
	font-size: 14px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
}

.grid-card .card-bottom {
	position: relative;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 44px;
	padding: 5px 10px;
	border-top: 1px solid var(--bs-gray-300);
}

.c-arrow-link {
	color: var(--link-color);
	font-size: 18px;
}

.grid-card,
.list-card,
.assest_wrapper {
	position: relative;
	cursor: pointer;
}
.assest_wrapper,
.classroom_session_hybrid {
	cursor: default;
}

.grid-card .card-inner::after,
.listview-row .list-card::after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: -5px;
	height: 5px;
	left: 50%;
	z-index: 0;
	border-radius: 0 0 6px 6px;
	transform: translateX(-50%);
}

.grid-card.available .card-inner::after,
.listview-row.available .list-card::after {
	background: var(--notstarted-color);
}

.grid-card.NotStarted .card-inner::after,
.listview-row.NotStarted .list-card::after {
	background: var(--notstarted-color);
}

.grid-card.Completed .card-inner::after,
.listview-row.Completed .list-card::after {
	background: var(--status-completed);
}
.grid-card.Expired .card-inner::after {
	background: var(--status-notstarted);
}
.grid-card.InProgress .card-inner::after,
.grid-card.program .card-inner::after,
.listview-row.InProgress .list-card::after,
.listview-row.program .list-card::after {
	background: var(--status-started);
}

.cont_learning_wrapper,
.listview-card {
	position: relative;
}
.cont_learning_wrapper {
	margin-top: 10px;
}
.cont_learning_wrapper .cont_box,
.list-card.cont_box {
	background-color: var(--bs-white);
	width: 100%;
	border: 1.4px solid var(--border-color-light);
	padding: 0.5rem !important;
	display: flex;
	flex: 1 1 auto;
	border-radius: 6px;
}

.cont_learning_wrapper .cont_box {
	height: 100%;
}

.list-card.cont_box {
	flex-direction: column;
}

.cont_heading,
.top_Status {
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #292929;
	padding-bottom: 10px;
	margin: 0;
}

.top_status_wrapper {
	width: 100%;
	clear: both;
}

.top_status_tab {
	display: inline-flex;
	align-items: baseline;
}

.top_status_tab .top_Status {
	margin-right: 20px;
}

.list-card.cont_box .listview-inner {
	width: 100%;
	height: 100%;
	display: flex;
	flex: 1 1 auto;
}

.list-card.cont_box .card-title {
	color: var(--bs-gray-900);
	font-size: 13px;
	font-weight: bold;
}

.cont_learning_wrapper .cont_box .cont_left {
	flex-basis: 80px;
	max-width: 80px;
	display: flex;
	height: 100%;
}

.cont_img {
	width: 80px;
	height: 80px;
	border-radius: 6px;
}

.cont_learning_wrapper .cont_box .cont_left img,
.list-card.cont_box .listview_left img,
.assest_wrapper .assest_left_container img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.cont_learning_wrapper .cont_box .cont_left img {
	border-radius: 6px;
}

.list-card.cont_box .listview_left,
.assest_wrapper .assest_left_container,
.assest_wrapper .asset_wrapper_right .assest_right_container,
.assest_wrapper .forum_review_block_wrapper .forum_review_block .assest_icon {
	flex-basis: 80px;
	max-width: 80px;
	display: flex;
}
.list-card .course-img,
.list-card.cont_box .listview_left img {
	border-radius: 6px;
}
.assest_wrapper .asset_wrapper_right .assest_right_container {
	justify-content: center;
}

.list-card.cont_box .listview_left {
	height: 110px;
}

.assest_wrapper .assest_left_container {
	height: 100%;
	text-align: center;
}

.list-card .course-img,
.assest_left_container .assest_icon {
	width: 100%;
	height: 100%;
}

.cont_learning_wrapper .cont_box .cont_right,
.list-card.cont_box .listview_right,
.assest_wrapper .asset_wrapper_right {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
}

.cont_learning_wrapper .cont_box .cont_right,
.assest_wrapper .asset_wrapper_right {
	height: 100%;
}

.assest_wrapper .asset_wrapper_right {
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
}

.assest_wrapper .forum_review_block_wrapper {
	width: 100%;
}

.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .forum_review_block {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
	margin: 0;
}

.cont_learning_wrapper .cont_box .cont_right {
	flex-basis: calc(100% - 80px);
	max-width: calc(100% - 80px);
}

.list-card.cont_box .listview_right,
.assest_wrapper .asset_wrapper_right,
.assest_wrapper .asset_wrapper_right .assest_middle_container {
	flex-basis: calc(100% - 90px);
	max-width: calc(100% - 90px);
}

.asset_details_bottom .assest_attemptcount {
	display: none !important;
}
.cont_learning_wrapper .cont_box .cont_right .cont_name a,
.list-card.cont_box .listview_right .c-heading a,
.list-card.cont_box .listview_right .c-heading,
.assest_wrapper .asset_wrapper_right .asset_title,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .forum_review_block .forum_title,
.assest_wrapper .forum_review_block_wrapper .forum_review_block .survey_title,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list .survey_middle .titleText {
	font-weight: bold;
	color: var(--link-color);
}

.cont_learning_wrapper .cont_box .cont_right .cont_name a {
	font-size: 14px;
}

.list-card.cont_box .listview_right .c-heading,
.list-card.cont_box .listview_right .c-heading a,
.assest_wrapper .asset_wrapper_right .asset_title,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .forum_review_block .forum_title,
.assest_wrapper .forum_review_block_wrapper .forum_review_block .survey_title {
	font-size: 16px;
}
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list .survey_middle .titleText {
	font-size: 14px;
}

.list-card.cont_box .listview_right .c-heading,
.assest_wrapper .asset_wrapper_right .asset_title,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .forum_review_block .forum_title,
.assest_wrapper .forum_review_block_wrapper .forum_review_block .survey_title,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list .survey_middle .titleText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.assest_wrapper .asset_wrapper_right .asset_desc,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list .survey_middle .contentText {
	padding-top: 0.2rem;
	margin-bottom: auto;
	font-size: 14px;
	font-weight: normal;
}

.assest_wrapper .forum_review_block_wrapper .list .survey_middle .contentText p {
	margin: 0;
}

.assest_wrapper .forum_review_block_wrapper .forum_review_block .forum_title,
.assest_wrapper .forum_review_block_wrapper .forum_review_block .survey_title,
.assest_wrapper .forum_review_block_wrapper .list .survey_middle .titleText {
	padding: 0;
}

.twoColumnsFS .surveyDate {
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 10px;
	width: 100%;
	background-color: var(--bs-gray-100);
	display: inline-block;
	font-weight: normal;
}

.assest_wrapper .asset_wrapper_right .asset_details_bottom {
	width: 100%;
	display: flex;
	border-top: 1px solid var(--bs-gray-200);
	align-items: center;
	padding-top: 5px;
	margin-top: 15px;
	position: relative;
	z-index: 1;
}
.assest_wrapper .asset_wrapper_right .asset_details_bottom .viewcertificate {
	position: absolute;
	right: 0;
}
.assest_wrapper .asset_wrapper_right .asset_details_bottom .viewcertificate a {
	color: var(--bs-primary);
}
.cont_learning_wrapper .cont_box .cont_right .cont_name a:hover,
.list-card.cont_box .listview_right .c-heading a:hover,
.grid-card .c-heading a:hover {
	color: var(--link-color);
}
.grid-card .compliance_heading {
	position: relative;
	padding-right: 25px;
}
.cont_box.blankdata .cont_img,
.cont_box.blankdata .cont_name,
.cont_box.blankdata .cont_detail_wrapper,
.cont_box.blankdata .cont_launch,
.cont_box.blankdata .listview_bottom,
.cont_box.blankdata .listview_right .c-heading,
.cont_box.blankdata .listview_description {
	background-color: var(--bs-theme-bg);
	border-radius: 6px;
}
.cont_learning_wrapper .cont_box.blankdata:hover {
	box-shadow: none;
}
.cont_box.blankdata .cont_name,
.cont_box.blankdata .listview_right .c-heading {
	height: 25px;
}

.cont_box.blankdata .cont_detail_wrapper,
.cont_box.blankdata .listview_description {
	height: 10px;
	margin-top: 10px;
	width: calc(100% - 30px);
}

.cont_box.blankdata .cont_launch,
.cont_box.blankdata .listview_bottom {
	height: 10px;
	margin-top: 20px;
	width: calc(100% - 100px);
	position: relative;
	top: -10px;
}

.listview_bottom .course_type,
.listview_bottom .credit_hr,
.listview_bottom .course_rating,
.listview_bottom .enroll-link,
.listview_bottom .linktodetails,
.listview_bottom .c-text {
	margin-top: 3px;
	margin-bottom: 3px;
}

.listview_bottom .c-text.expcourse {
	position: relative;
	top: -1px;
}

.listview_bottom .c-text.expcourse .string_value {
	margin-right: 1rem;
}

.card-bottom .credit_hr .string_value,
.listview_bottom .credit_hr .string_value,
.cont_launch .crhr_wrapper .string_value {
	font-size: 13px;
}
/*** card style end  ***/

.course_rating::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
	background-position: -292px -24px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: relative;
	top: 0px;
	vertical-align: top;
	margin-left: 10px;
	font-size: 14px;
	margin-right: 5px;
}

.c-text.course_rating {
	display: none;
}

.page-heading {
	font-size: 18px;
}

#page-course-course_detail .page-heading,
.page-subheading,
.headerText {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #292929;
}
#page-course-course_detail .page-subheading,
#page-my-index.pagelayout-listing .headerText,
#page-cart-description .course-detail-heading,
#page-course-course_preview .course-detail-heading {
	font-size: 16px !important;
}

.asset-link {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.asset-link span,
.asset-link,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon span {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}

.asset-link span,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon span {
	display: none;
}
.asset-link a::before, .launch_icon::before, .download_icon::before,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon::before {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 2rem;
	display: block;
	color: var(--link-color);
}

.asset-link a::before, .launch_icon::before,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon::before {
	content: "\f0a9";
}

.download_icon::before {
	content: "\f0ab";
}

.asset_details_bottom .assest_status,
.asset_details_bottom .assest_score,
.asset_details_bottom .assest_lastaccess,
.asset_details_bottom .assest_attemptcount,
.asset_details_bottom .assest_attemptcount .showattempt,
.asset_details_bottom .assest_acknowlege {
	display: flex;
	flex-direction: column;
	margin-right: 1rem;
}

.asset_details_bottom .assest_lastaccess {
    margin-right: 0px;
}

.asset_details_bottom .assest_status .string_value::after {
	content: "";
	display: inline-block;
	position: relative;
	width: 40px;
	height: 5px;
	border-radius: 10px;
}

.asset_details_bottom .assest_status .string_value.NotStarted::after {
	background-color: var(--notstarted-color);
}

.asset_details_bottom .assest_status .string_value.InProgress::after {
	background-color: var(--online-course);
}
.asset_details_bottom .assest_status .string_value.Failed::after {
	background-color: var(--red-2);
}

.asset_details_bottom .assest_status .string_value.Completed::after,
.asset_details_bottom .assest_status .string_value.Passed::after {
	background-color: var(--program-course);
}

.asset_details_bottom .string_text,
.asset_details_bottom .assest_status .string_value {
	font-size: 12px;
	color: var(--bs-gray-600);
	font-style: italic;
	min-height: 20px;
}

.asset_details_bottom .string_value,
.asset_details_bottom .progress_text {
	font-size: 13px;
}
.course-preview-style .course_details_assest_wrapper .asset_details_bottom span {
	font-style: normal;
}
.course-preview-style .course_details_assest_wrapper .asset_details_bottom div {
	padding-right: 10px;
}
.course-preview-style .course_details_assest_wrapper .asset_details_bottom div:last-child {
	padding-right: 0;
}
.asset_details_bottom .assest_acknowlege {
	flex: 1;
	text-align: right;
	align-items: flex-end;
}

.asset_details_bottom .assest_acknowlege input[type="checkbox"],
.common-checkbox input[type="checkbox"] {
	border-radius: 0.25em;
	margin-right: 2px;
	margin-top: 0.25em;
	padding: 0;
	vertical-align: top;
	background-color: var(--bs-white);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, .50);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	position: relative;
}

.common-checkbox input[type="checkbox"] {
	margin-right: 5px;
}

.asset_details_bottom .assest_acknowlege input:checked[type=checkbox],
.common-checkbox input[type="checkbox"]:checked {
	background-color: var(--bs-blue);
	border-color: var(--bs-blue);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.asset_details_bottom .assest_acknowlege input[type=checkbox]:focus,
.common-checkbox input[type="checkbox"]:focus {
	border-color: var(--bs-blue);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.assest_wrapper.twoColumnsFS .forum_review_block .arrowBtn {
	font-size: 18px;
	color: var(--bs-gray-700);
}

.assest_wrapper.twoColumnsFS .forum_review_block .arrowBtn:hover {
	color: var(--bs-gray-900);
}
.assest_wrapper.twoColumnsFS .forum_review_block .arrowBtn.fa-chevron-down {
	background-color: var(--bs-primary);
	width: 28px;
	height: 28px;
	border-radius: 30px;
	color: var(--bs-white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .listItems {
	display: none;
}

.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list {
	padding: 10px;
	margin-top: 10px;
	background-color: var(--bs-light-color);
	display: flex;
	width: 100%;
	border-radius: 6px;
}

.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list .survey_middle {
	flex-basis: calc(100% - 90px);
	max-width: calc(100% - 90px);
}

.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon {
	flex-basis: 90px;
	max-width: 90px;
	text-align: center;
}

.asset-disable {
	pointer-events: none;
	opacity: 0.5;
}

/* .assest_wrapper span.asset_type {
	background: url(../pix/sprite-assettype.svg) no-repeat;
	width: 90px;
	display: inline-block;
	background-size: 30em !important;
	height: 90px;
} */

.assest_wrapper.twoColumnsFS span.asset_type {
	height: 80px;
}

.assest_wrapper span.asset_type {
	float: left;
}

.assest_wrapper span.asset_type.default {
	background-position: 0px 0px;
}

.assest_wrapper span.asset_type.mandatorysurvey {
	background-position: -81px -168px;
}

/* .assest_wrapper span.asset_type.scorm {
	background-position: -166px -86px;
} */

.assest_wrapper span.asset_type.pdf,
.assest_wrapper span.asset_type.forum {
	background-position: 0px -86px;
}

.assest_wrapper span.asset_type.video {
	background-position: -336px -86px;
}

.assest_wrapper span.asset_type.doc {
	background-position: -84px 0px;
}

.assest_wrapper span.asset_type.audio {
	background-position: -166px 0px;
}

.assest_wrapper span.asset_type.csv {
	background-position: -251px 0px;
}

.assest_wrapper span.asset_type.image {
	background-position: -336px 0px;
}

.assest_wrapper span.asset_type.ppt {
	background-position: -84px -86px;
}

.assest_wrapper span.asset_type.txt {
	background-position: -251px -86px;
}

.statistic_container {
	position: relative;
}

.statistic_container .statistic_col {
	display: flex;
	align-items: center;
}

.statistic_container .statistic_col .statistic_progress_value {
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 5px;
	color: var(--bs-theme-orange);
	font-weight: bold;
	font-size: 18px;
}

.statistic_other .statistic_col .statistic_progress_value {
	font-size: 14px;
	color: var(--bs-gray-900);
}

.statistic_container .statistic_col .statistic_progress_text {
	font-size: 12px;
	color: var(--bs-gray-800);
	line-height: 16px;
}

.statistic_container .statistic_col .statistic_progress_text span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: var(--bs-gray-900);
}

.statistic_other .statistic_col .statistic_icon {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
}

.statistic_other .statistic_col .statistic_icon::after {	
	width: 23px;
	height: 23px;
	display: inline-block;	
	font-family: var(--fa);
	font-weight: 400;
	font-size: 20px;
	color: var(--bs-gray-700);
	line-height: 1;
}

.statistic_other .statistic_col .statistic_icon.statistic_count::after {
	content: "\f15c";
}

.statistic_other .statistic_col .statistic_icon.statistic_cat::after {
	content: "\f022";
}

.statistic_other .statistic_col .statistic_icon.statistic_date::after {
	content: "\f073";
}

.statistic_other .statistic_col .statistic_icon.statistic_catname::after {
	content: "\f022";
}

.readmorelink,
.readlesslink {
	color: var(--link-color);
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	cursor: pointer;
}

.user_dash_box .userbtn a.resetCourse::before {
	display: none;
}

td.email-word-wrap {
    word-break: break-all;
}

.manage-table .user-table-name {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	word-break: break-all;
	justify-content: center;
}

.manage-table .user-table-name .text-muted:hover {
	color: var(--link-color) !important;
}

.manage-table .manage-userpic {
	display: inline-flex;
	flex-basis: 36px;
	max-width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--bs-gray-300);
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 3px;
	flex: 0 0 auto;
}

.manage-table .manage-userpic img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: contain;
}

.admin-iconsbar {
	display: flex;
	flex-wrap: nowrap;
}

.admin-iconsbar span {
	margin-right: 15px;
}

.admin-iconsbar .impersonateIcon {
	margin: 0;
}

.admin-iconsbar .disable {
	pointer-events: none;
	opacity: 0.5;
	filter: opacity(50%);
}

.admin-iconsbar .impersonateIcon.disable,
.admin-iconsbar .impersonateIcon.disable::before,
.admin-iconsbar .impersonateIcon.disable::after {
	color: var(--bs-gray-900) !important;
}

.asset_details_bottom.tb_status .asset_status {
	display: flex;
	align-items: center;
	flex-direction: row !important;
}

.asset_details_bottom.tb_status .asset_status .string_text {
	margin-right: 5px;
}

.asset_details_bottom.tb_status .asset_status .string_text::after {
	width: 14px;
	top: -1px;
}

.asset_details_bottom.tb_status .asset_status .string_value {
	white-space: nowrap;
}

.online-tableline {
	box-shadow: -5px 0 0 var(--online-course);
}

.classroom-tableline {
	box-shadow: -5px 0 0 var(--classroom-course);
}

.program-tableline {
	box-shadow: -5px 0 0 var(--program-course);
}

.evenR {
	background-color: var(--bs-gray-200);
}

.announcement_learner .card-footer {
	border-top: 0px none
}

.announcement-card {
	height: 100% !important;
	border-radius: 6px;
	border: 1.4px solid var(--bs-gray-200);
}

.announcement-cardview .col:first-child {
	/* flex: 1 1 auto; */
	width: 50%;
}

.announcement-card .card-imagetop {
	width: 100%;
	height: 200px;
	min-height: 200px;
	display: flex;
	justify-content: center;
	background-color: #f6f6f6;
	border-bottom: 1px solid var(--bs-gray-200);
	border-radius:  4px 4px 0 0;
}

.announcement-card .card-imagetop img {
	border-radius: 4px 4px 0 0 !important;
	width: 100%;
	height: 100%;
	max-height: 200px;
	object-fit: contain;
}
.attachments .mediaplugin {
	margin-top: 0;
	margin-bottom: 0;
}
.attachments .mediaplugin .video-js {
	height: 100%;
}

.announcement-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.announcement-card .card-body {
	flex: none;
}

.announcement-card .card-body .subject {
	padding-top: 10px;
}
.announcement-content .comment-link,
.announcement-card .comment-link {
	display: none;
}
.announcement-card .card-body .author {
	color: var(--bs-gray-600);
	font-size: 12px;
}
.subject a {
	color: var(--bs-gray-900);
	font-size: 18px;
	margin-top: 10px;
	line-height: 22px;
}

.subject a:hover {
	color: var(--bs-primary);
}

.announcement-card .block_main_blog {
	margin-bottom: auto;
	padding: 0 1rem;
}

.block_main_blog p {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
	word-wrap: normal;
	line-height: 20px;
	font-size: 14px;
}

.announcement-card .card-footer {
	display: flex;
	align-items: center;
	background-color: transparent;
	color: var(--bs-gray-400);
	min-height: 40px;
}

.announcement-card .card-footer a {
	padding: 2px 5px 0 5px;
}

.announcement-card .card-footer a:first-child {
	padding-left: 0;
}

.announcement-card .view-more {
	padding: 0 10px;
	font-size: 13px;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.view-more a::before {
	content: "\f30b"; 
	position: relative;
	top: 5px;
	margin-right: 4px;
	font-family: var(--fa);
	font-weight: 900;
	font-size: 20px;
}

.announcement-card .card-footer .commands a {
	padding-right: 10px;
}

.announcement-card .announcement-text {
	max-width: 100%;
	width: 100%;
	max-height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.blog-list {
	list-style-type: none;
	padding-left: 0;
}

.blog-list li {
	padding-bottom: 5px;
}

.blog-list li a {
	display: inline-flex;
	color: var(--bs-gray-900);
}

.blog-list li a:hover {
	color: var(--link-color);
}

.blog-list li a i {
	line-height: 1.7;
}

.editprofile-card {
	border-radius: 200px;
	border-color: var(--bs-gray-200);
}

.editprofile-card .profile-inner {
	display: flex;
	width: 100%;
	align-items: center;
}

.editprofile-card .profile-inner .profile-pic {
	width: 150px;
	flex-basis: 150px;
	max-width: 150px;
	height: 150px;
	display: flex;
	margin-right: 30px;
	border-radius: 100px;
}

.editprofile-card .profile-inner .profile-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px;
}

.editprofile-card .profile-inner .profile-content {
	flex-basis: calc(90% - 180px);
	max-width: calc(90% - 180px);
	display: flex;
	flex-direction: column;
}

.editprofile-card .profile-username {
	font-size: 20px;
}

.user-currentpic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bs-white);
	width: 70px;
	height: 70px;
	border-radius: 50%;
}

.user-currentpic img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	object-fit: cover;
}

.faq-accordion .faqSection {
	border:1px solid var(--bs-gray-200);
	margin-bottom: 5px;
	background-color: var(--bs-white);
}
.faq-accordion .fcontainerfaq2,
.faq-accordion .fcontainerfaq2 .fcontainerfaq {
	display: none;
	padding: 15px;
}
.faq-accordion .faqSection h2,
.faq-accordion .faqSection .fcontainerfaq2 h3 {	
	font-size: 16px;	
	margin-bottom: 0;
}
.faq-accordion .faqSection h2 a,
.faq-accordion .faqSection .fcontainerfaq2 h3 a {	
	display: block;
	font-size: 16px;
	color: var(--bs-gray-900);
	cursor: pointer;
	position: relative;
}
.faq-accordion .faqSection h2 a {
	padding: 15px 30px 15px 15px;
}
.faq-accordion .faqSection .fcontainerfaq2 h3 a {
	padding: 15px 20px 15px 0;
}
.faq-accordion .faqSection h2 a.active {
	background-color: var(--bs-gray-100);
	border-bottom: 1px solid var(--bs-gray-200);
}
.faq-accordion .faqSection h2 a::after,
.faq-accordion .faqSection .fcontainerfaq2 h3 a::after {
	content: '\f078';
	font-family: var(--fa);
	font-weight: 900;
	font-size: 16px;
	display: inline-block;
	position: absolute;	
	top: 15px;
}
.faq-accordion .faqSection h2 a::after {
	right: 20px;
}
.faq-accordion .faqSection .fcontainerfaq2 h3 a::after {
	right: 5px;
}
.faq-accordion .faqSection h2 a.active::after,
.faq-accordion .faqSection .fcontainerfaq2 h3 a.active::after {
	content: '\f077';
}
.faq-accordion .faqSection .fcontainerfaq2 h3 a,
.faq-accordion .faqSection .fcontainerfaq2 .ftogglerfaq:last-child h3 a.active,
.faq-accordion .faqSection .fcontainerfaq2 .ftogglerfaq .fcontainerfaq {
	border-bottom: 1px solid var(--bs-gray-200);
}
.faq-accordion .faqSection .fcontainerfaq2 .ftogglerfaq:last-child h3 a,
.faq-accordion .faqSection .fcontainerfaq2 .ftogglerfaq:last-child .fcontainerfaq {
	border-bottom: 0;
}
.faq-accordion .faqSection .fcontainerfaq2 h3 a:hover {
	border-color: var(--bs-gray-600);
}
.faq-accordion .faqSection .fcontainerfaq2 .ftogglerfaq .fcontainerfaq ul {
	margin: 0;
}

.faq-accordion a.fa,
.faq-accordion a,
.quick-box {
	color: var(--bs-gray-900);
}
.quick-box .card {
	border-radius: 0;
}
.quick-box i {
	color: var(--bs-gray-600);
}

.quick-box:hover,
.quick-box:hover i {
	color: var(--link-color);
}

.quick-box:hover .card {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.mymessage-box {
	position: relative;
	height: 85vh;
	border: 1.4px solid var(--border-color-light);
}

.mymessage-box .mymessage-left {
	max-height: 84vh;
	border-right: 1px solid var(--bs-gray-200);
}

.mymessage-box .mymessage-left .mymessage-left-inner {
	width: 340px;
	height: calc(100% - 50px);
	overflow-y: auto;
}

.mymessage-box .mymessage-left .mymessage-left-inner .sb-container,
.mymessage-box .mymessage-content-wrapper.sb-container {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.mymessage-box .mymessage-content-wrapper {
	max-height: calc(84vh - 50px);
}

.mymessage-box .mymessage-toprow {
	height: 50px;
	border-bottom: 1px solid var(--bs-gray-200);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 0 15px;
	position: relative;
}

.mymessage-box .mymessage-toprow-sticky {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mymessage-list ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

.mymessage-list ul li {
	padding: 10px 15px;
	border-bottom: 1px solid var(--bs-gray-200);
}

.mymessage-list ul li:hover,
.mymessage-list ul li.selected {
	background-color: var(--bs-gray-100);
	cursor: pointer;
}

.mymessage-list ul li .msg-card {
	position: relative;
	max-width: 100%;
	display: flex;
}

.mymessage-list ul li .msg-card .msg-check {
	margin-bottom: 3px;
	flex-basis: 25px;
	max-width: 25px;
}

.mymessage-list ul li .msg-card .msg-card-content {
	flex-basis: calc(100% - 25px);
	max-width: calc(100% - 25px);
}

.mymessage-list ul li .msg-card .form-check-input {
	margin: 0;
	cursor: pointer;
}

.mymessage-list ul li:hover .msg-card::before,
.mymessage-list ul li.new-rowmessage .msg-card::before {
	border-left: 3px solid var(--bs-theme-dark);
	content: "";
	position: absolute;
	left: -15px;
	height: 100%;
}

.mymessage-box .mymessage-list .msg-title,
.mymessage-box .mymessage-list .msg-subtitle {
	font-size: 13px;
}

.mymessage-box .mymessage-list .msg-subtitle {
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 90%;
}

.mymessage-box .mymessage-list .msg-time-date {
	font-size: 11px;
	color: var(--bs-gray-900);
}

.mymessage-box .mymessage-list .new-rowmessage .msg-subtitle,
.mymessage-box .mymessage-list .new-rowmessage .msg-time-date {
	color: var(--bs-theme-orange);
}

.mymessage-box .mymessage-list .new-rowmessage .msg-subtitle,
.mymessage-box .mymessage-list .new-rowmessage .msg-time-date {
	font-weight: bold;
}

.mymessage-box .mymessage-content .msg-content-time-date {
	text-align: right;
	height: 20px;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: var(--bs-white);
	padding-top: 3px;
	padding-right: 15px;
}

.mymessage-box .mymessage-list .msg-text {
	margin: 0;
	padding-bottom: 5px;
	font-size: 13px;
	color: var(--bs-gray-700);
	max-width: 90%;
	line-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.mymessage-box .mymessage-list .msg-card .msg-read-icon::after {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 12px;
	color: var(--bs-gray-700);
	position: relative;
	display: inline-block;
}

.mymessage-box .mymessage-list .msg-card .msg-read-icon::after {
	content: "\f2b6";
}

.mymessage-box .mymessage-list .new-rowmessage .msg-card .msg-read-icon::after {
	content: "\f0e0";
	color: var(--bs-theme-orange);
}

.mymessage-left .envelope-icon {
	color: var(--bs-gray-800);
	cursor: pointer;
}

.mymessage-list ul li:hover .msg-card .msg-read-icon::after,
.mymessage-left ul li:hover .msg-card a,
.mymessage-left .envelope-icon:hover {
	color: var(--bs-gray-900);
}

.mymessage-box .mymessage-content {
	padding: 15px;
}

#topcontrol {
	display: inline-flex;
	background-color: var(--bs-gray-700);
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
	z-index: 1000;
	cursor: pointer;
	border-radius: 3px;
	color: var(--bs-white);
	font-size: 18px;
	align-items: center;
	justify-content: center;
}

#topcontrol:hover {
	cursor: pointer;
	background-color: var(--bs-primary);
}

.course_details_assest_wrapper {
	width: 100%;
	max-width: 100%;
	padding: 0 !important;
}

.assest_wrapper {
	background: var(--bs-white);
	width: 100%;
	height: 100%;
	display: flex;
	flex: 1 1 auto;
	border: 1.4px solid var(--border-color-light);
	padding: 0.5rem;
	margin: 10px 0 15px 0;
	border-radius: 6px;
}

.classroom-preview-heading {
	font-size: 18px;
	padding: 0;
	display: block;
	margin-bottom: 10px;
}

.course-preview-style .left-content {
	display: flex;
	width: 100%;
	padding: 10px 0;
}

.course-preview-style .left-content .course-img {
	flex: 0 0 auto;
}


.msgbody .course-preview-style .left-content {
	padding: 0px;
}
/* .course-preview-style .course_details_assest_wrapper .section-box .asset_wrapper_right .assest_middle_container, */
.course-preview-style .course_details_assest_wrapper .section-box .asset_wrapper_right,
.d-box.course_details_assest_wrapper .asset_wrapper_right {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
	justify-content: flex-start;
}

/* .course-preview-style .course_details_assest_wrapper .section-box .assest_right_container {
	flex-basis: auto;
	max-width: none;
} */
.classroom_session_hybrid .asset_wrapper_right .assest_middle_container {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 1rem;
	padding-bottom: 1rem;
}

.session_wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.session_block {
	margin-top: 25px;
	word-wrap: break-word;
	word-break: break-all;
}

.session_block .card {
	padding: 10px;
	border-radius: 6px;
	font-size: 13px;
}

.session_block .card:hover {
	border-color: var(--bs-gray-400);
}

.session_block .session_location:before,
.session_block .session_date_icon:before,
.session_block .session_weblink:before {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 14px;
	display: inline-block;
	color: var(--bs-gray-700);
	padding-right: 10px;
}

.session_block .session_location:before {
	content: '\f3c5';
}

.session_block .session_date_icon:before {
	content: '\f073';
}

.session_block .session_weblink:before {
	content: '\f0c1';
}

.pre_req_heading,
.assetlabel {
	font-weight: bold;
	width: 100%;
	padding-top: 10px;
}

.pre_req_heading {
	font-size: 14px;
}

.assetlabel {
	font-size: 16px;
	padding-bottom: 10px;
}

.pre_req_content {
	font-size: 14px;
}

.pre_req_wrapper,
.inst_details,
.class_desc {
	float: left;
	width: 100%;
}

.class_desc {
	padding-top: 10px;
}

.session_container_wrapper {
	position: relative;
	width: 100%;
}

.classroom_session_wrapper .asset_details_bottom {
	border-bottom: 1px solid var(--bs-gray-200);
	padding-bottom: 10px;
}

.statistic_wrapper .statistic_heading,
.classroom_learningpath_wrapper .statistic_heading {
	font-size: 18px;
	margin-bottom: 25px;
}

.course-preview-style .statistic_heading {
	font-size: 16px;
	margin-bottom: 15px;
}

ol.learning_path_list_wrapper {
	margin: 10px 0 0 1rem;
	padding: 0;
}

.learning_path_list_wrapper li.list_para {
	padding: 4px 0;
	font-size: 14px;
}

.learning_path_list_wrapper li.list_para .class_date {
	display: block;
	font-weight: bold;
	font-size: 12px;
	margin: 3px 0;
}

.classroom_session_wrapper .viewcertificate {
	float: right;
	padding-right: 0px;
}

.session_block .session_name {
	font-weight: bold;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: normal;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 5px;
}

.session_block .session_location,
.session_block .session_date,
.session_block .session_weblink {
	display: inline-flex;
	width: 100%;
	padding: 5px 0;
}

.session_block .session_date_icon {
	float: left;
}

.session_block .session_date .session_date_value {
	display: block;
	font-size: 13px;
}

.session_weblink a {
	color: var(--bs-primary);
}

.session_weblink p {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: normal;
}
.filter_csv_box a.pdf_icon::before {
	font-size: 16px;
}
.filter_csv_box a.pdf_icon span,
a.pdf_icon span {
	display: none;
}
.filter_csv_box a.pdf_icon::before {
	position: relative;
	top: 1px;
}

/*** calendar style ***/
.load-calendar table {
	width: 100%;
}

.load-calendar .minicalendar .calendar-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.load-calendar .minicalendar {
	caption-side: top;
}

.load-calendar .minicalendar caption {
	padding: 0 0 10px 0;
	border-bottom: 1px solid var(--bs-gray-200);
	line-height: 30px;
}

.load-calendar .minicalendar td,
.load-calendar .minicalendar th {
	padding: 3px 0;
	background-color: transparent;
}

.load-calendar .minicalendar th {
	border-bottom: 1px solid var(--bs-gray-200);
	padding-bottom: 5px;
}

.load-calendar .minicalendar td .cal-div,
.load-calendar .minicalendar th span {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
}

.load-calendar .minicalendar td.weekend {
	color: var(--bs-gray-600);
}

.load-calendar .minicalendar td.today .cal-div {
	font-weight: bold;
	color: var(--bs-white);
	position: relative;
	background: var(--bs-primary) !important;
	border-radius: 50%;
	cursor: pointer;
}

.load-calendar .minicalendar td.today .accesshide {
	display: none;
}

.load-calendar .minicalendar td.calendar_event_user .cal-div,
.load-calendar .minicalendar td.calendar_event_course .cal-div,
.load-calendar .minicalendar td.calendar_event_global .cal-div,
.load-calendar .minicalendar td.calendar_multi_event .cal-div {
	background-color: transparent !important;
	font-weight: bold;
	border-radius: 30px;
	position: relative;
}

.load-calendar .minicalendar td.calendar_event_user.today .cal-div,
.load-calendar .minicalendar td.calendar_event_course.today .cal-div,
.load-calendar .minicalendar td.calendar_event_global.today .cal-div,
.load-calendar .minicalendar td.calendar_multi_event.today .cal-div {
	background-color: var(--today-event) !important;
}

.load-calendar .minicalendar td.calendar_event_user .cal-div:hover,
.load-calendar .minicalendar td.calendar_event_course .cal-div:hover,
.load-calendar .minicalendar td.calendar_event_global .cal-div:hover,
.load-calendar .minicalendar td.calendar_multi_event .cal-div:hover {
	background-color: var(--bs-gray-200) !important;
}

.load-calendar .minicalendar td.calendar_event_user .cal-div a.event_date,
.load-calendar .minicalendar td.calendar_event_course .cal-div a.event_date,
.load-calendar .minicalendar td.calendar_event_global .cal-div a.event_date,
.load-calendar .minicalendar td.calendar_multi_event .cal-div a.event_date {
	display: block;
	color: var(--bs-gray-900);
	border: 2px solid var(--global-event);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	line-height: 26px;
}

.load-calendar .minicalendar .calendar-controls .current a {
	color: var(--bs-gray-800);
	font-weight: bold;
	font-size: 16px;
}
.load-calendar .minicalendar .calendar-controls .current a:hover {
	color: var(--link-color);
}

.load-calendar .minicalendar .calendar-controls .clearer,
.load-calendar .minicalendar .calendar-controls .accesshide,
.load-calendar .minicalendar .calendar-controls .hide,
.load-calendar .minicalendar .calendar-controls .arrow_link .arrow {
	display: none;
}

.load-calendar .minicalendar .calendar-controls .arrow_link {
	background-color: var(--bs-theme-bg);
	padding: 3px 10px;
	width: 40px;
	height: 30px;
}

.load-calendar .minicalendar .calendar-controls .arrow_link:hover,
.load-calendar .minicalendar .calendar-controls .arrow_link:focus {
	background-color: var(--bs-gray-200);
	box-shadow: none;
	outline: 0;
}

.load-calendar .minicalendar .calendar-controls .previous,
.load-calendar .minicalendar .calendar-controls .next {
	position: relative;
	top: 0;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.load-calendar .minicalendar .calendar-controls .previous {
	left: -15px;
	border-radius: 0 30px 30px 0;
}


.load-calendar .minicalendar .calendar-controls .next {
	right: -15px;
	border-radius: 30px 0 0 30px;
}

.load-calendar .minicalendar .calendar-controls .previous::before,
.load-calendar .minicalendar .calendar-controls .next::before {
	display: inline-flex;
	font-family: var(--fa);
	font-weight: 900;
	color: var(--bs-gray-900);
	margin: auto;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 2px;
	line-height: 22px;
}

.load-calendar .minicalendar .calendar-controls .previous::before {
	content: "\f053";
}

.load-calendar .minicalendar .calendar-controls .next::before {
	content: "\f054";
}

.load-calendar .minicalendar .calendar-controls .arrow_link:hover::before {
	color: var(--link-color);
}

.load-calendar .minicalendar .calendar-event-panel,
.load-calendar .minicalendar .calendar-event-panel .eventcontent {
	display: none;
}

/* events calendar */
.event-section {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.event-calendar-wrapper {
	flex: 1 0 0%;
	margin-right: 20px;
}

.path-calendar .maincalendar .calendarmonth,
.path-calendar .maincalendar .controls,
.path-extensions-calendar .maincalendar .calendarmonth,
.path-extensions-calendar .maincalendar .controls {
	width: 100%;
	margin: 0;
	border-radius: 0;
}

.event-agenda-card {
	flex: 0 0 auto;
	width: auto;
}

.event-agenda-card .eventlist {
	height: 100%;
	width: 400px;
	max-width: 400px;
	display: block;
	position: relative;
}

.event-agenda-card .event-topRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

.event-agenda-card .event-topRow .event-hText {
	font-size: 18px;
}

.generaltable td {
	position: relative;
}

.event-agenda-card .generaltable {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	border: 1px solid var(--bs-gray-200);
	position: relative;
}

.event-agenda-card .generaltable tr td {
	border: 0;
	font-size: 13px;
	padding: 10px;
	position: inherit;
}

.event-agenda-card .generaltable .lastrow .description p {
	margin-bottom: 0;
}

.event-agenda-card .generaltable tr td .gotomeeting_go {
	padding-top: 10px;
	display: inline-block;
}

.event-agenda-card .generaltable tr td .gotomeeting_go::before {
	content: '\f500';
	font-family: var(--fa);
	font-weight: 900;
	font-size: 13px;
	display: inline-block;
	padding-right: 5px;
	color: var(--bs-gray-900);
}

.event-agenda-card .generaltable tr td .gotomeeting_go {
	padding-top: 10px;
	display: inline-block;
}

.event-agenda-card .generaltable .hide-mon {
	display: none;
}

.event-agenda-card .generaltable .event-subText {
	font-size: 16px;
	border-bottom: 1px solid var(--bs-gray-200);
	width: calc(100% + 20px);
	margin-left: -10px;
	padding: 0 70px 10px 10px;
}

.event-agenda-card .generaltable .event-pText {
	font-size: 13px;
	color: var(--bs-gray-600);
	line-height: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
}

.event-agenda-card .generaltable .event-bottomRow .event-timedate {
	display: flex;
	font-size: 12px;
	margin-bottom: 5px;
	color: var(--bs-gray-600);
}

.event-agenda-card .generaltable .event-bottomRow .event-timedate .event-time {
	flex-basis: 65%;
	max-width: 65%;
	margin-right: 20px;
}

.event-agenda-card .generaltable .event-bottomRow .event-timedate b {
	color: var(--bs-gray-900);
	font-size: 13px;
}

.event-agenda-card .generaltable .event-bottomRow .event-timedate strong {
	display: block;
	visibility: hidden;
	height: 0;
}

.event-agenda-card .generaltable .topic strong,
.event-agenda-card .generaltable .topic .name strong,
.event-agenda-card .generaltable .event-bottomRow .event-timedate .d-blk {
	display: block;
	color: var(--bs-gray-900);
}

.event-agenda-card .generaltable .topic .name,
.event-agenda-card .generaltable .topic .course {
	margin-bottom: 5px;
	color: var(--bs-gray-600);
}

.event-agenda-card .generaltable .topic .name strong,
.event-agenda-card .generaltable .topic .course strong {
	padding-right: 5px;
}

.event-agenda-card .generaltable .description {
	padding-top: 10px;
}

.event-agenda-card .generaltable .commands {
	text-align: right;
	position: absolute;
	top: 12px;
	right: 10px;
}

.event-agenda-card .generaltable .commands a {
	margin-left: 17px;
}

.event-agenda-card .generaltable .commands .edit::before,
.event-agenda-card .generaltable .commands .delete::before {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 13px;
	display: inline-block;
	color: var(--bs-gray-900);
}

.event-agenda-card .generaltable .commands .edit::before {
	content: "\f303";
}

.event-agenda-card .generaltable .commands .delete::before {
	content: "\f2ed";
}

.event-agenda-card .generaltable .commands a:hover::before {
	color: var(--link-color);
}

.event-calendar-wrapper {
	height: 100%;
	background-color: var(--bs-white);
	border-top: 1px solid var(--bs-gray-200);
}

.event-calendar-card {
	position: relative;
	background: url("/theme/boost/pix/header_graphic.svg") no-repeat 90% 0;
	background-size: 35%;
	height: 100%;
	width: 100%;
}

.event-calendar-wrapper .header {
	padding: 0 10px;
	position: relative;
	top: 10px;
}

.event-calendar-wrapper .controls {
	padding: 10px 15px;
	margin: 0;
}

.event-calendar-wrapper .controls,
.event-calendar-card .legend-container {
	border-left: 1px solid var(--bs-gray-200);
	border-right: 1px solid var(--bs-gray-200);
}

.event-calendar-card .controls .calendar-controls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.event-calendar-card .controls .calendar-controls .hide,
.event-calendar-card .controls .calendar-controls .arrow_link .arrow_text,
.event-calendar-card .controls .calendar-controls .arrow_link .arrow,
.event-calendar-card .controls .clearer {
	display: none;
}

.event-calendar-card .controls .calendar-controls .current.month {
	font-size: 16px;
	margin: 0 10px 0 0;
	width: auto;
	text-align: left;
}

.event-calendar-card .controls .calendar-controls .arrow_link {
	background-color: var(--bs-gray-200);
	width: 30px;
	height: 30px;
	display: inline-flex;
	margin-left: 5px;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	color: var(--bs-gray-700);
}

.event-calendar-card .controls .calendar-controls .arrow_link:hover {
	background-color: var(--bs-gray-300);
	color: var(--bs-gray-900);
}

.event-calendar-card .controls .calendar-controls .arrow_link::before {
	display: inline-block;
	font-family: var(--fa);
	font-weight: 900;
	font-size: 14px;
}

.event-calendar-card .controls .calendar-controls .arrow_link.previous::before {
	content: "\f053";
}

.event-calendar-card .controls .calendar-controls .arrow_link.next::before {
	content: "\f054";
	margin-left: 5px;
}

.create-event-button .event-button,
.event-calendar-card .legend-container {
	display: flex;
	align-items: center;
}

.event-calendar-card .legend-container {
	justify-content: flex-end;
	flex-wrap: wrap;
	padding: 0 15px 10px 15px;
}

.create-event-button .event-button input[type="submit"],
.addEventBtn input[type="submit"] {
	color: var(--bs-gray-900);
	background-color: transparent;
	outline: 0;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	box-shadow: none;
	margin-top: -4px;
}

.create-event-button .event-button .pls-icon,
.addEventBtn .pls-icon,
.create-event-button .event-button input[type="submit"]:hover,
.addEventBtn input[type="submit"]:hover {
	color: var(--bs-primary);
	background-color: transparent;
	box-shadow: none;
}

.addEventBtn input {
	padding: 0 5px !important;
}

.legend-container {
	font-size: 14px;
}

.legend-container div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 13px;
}

.legend-container .legend-classroom span,
.legend-container .legend-course span,
.legend-container .legend-global span,
.legend-container .legend-user span {
	width: 7px;
	height: 10px;
	border-radius: 0;
	display: inline-block;
	margin-right: 3px;
	margin-left: 10px;
}

.legend-container div:first-child span {
	margin-left: 0;
}

.legend-container .legend-classroom span {
	background-color: var(--classroom-event);
}

.legend-container .legend-course span {
	background-color: var(--online-event);
}

.legend-container .legend-global span {
	background-color: var(--global-event);
}

.legend-container .legend-user span {
	background-color: var(--user-event);
}

.event-calendar-list table {
	width: 100%;
	border-color: var(--bs-gray-200);
	margin-bottom: 0;
}

.event-calendar-list .calendarmonth table tr td {
	width: 14.2857%;
	height: 140px;
	position: relative;
	border-color: var(--bs-gray-200);
}

.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
	border-style: solid;
	border-color: var(--bs-gray-200);
	border-radius: 0;
	position: relative;
	border-bottom: 0;
	border-right: 0;
}

.path-calendar .maincalendar .event-calendar-list .calendarmonth td, .path-extensions-calendar .maincalendar .event-calendar-list .calendarmonth td {
	height: 120px;
}

.maincalendar .calendarmonth td:first-child,
.maincalendar .calendarmonth th:first-child,
.maincalendar .calendarmonth td:last-child,
.maincalendar .calendarmonth th:last-child {
	border-radius: 0 !important;
}

.event-calendar-list tr td.sun span,
.event-calendar-list tr td.mon span,
.event-calendar-list tr td.tue span,
.event-calendar-list tr td.wed span,
.event-calendar-list tr td.thu span,
.event-calendar-list tr td.fri span,
.event-calendar-list tr td.sat span {
	position: absolute;
	top: 10px;
	right: 7px;
	font-size: 13px;
	color: var(--bs-gray-600);
}

.event-calendar-list tr td>.day {
	font-size: 14px;
	font-weight: bold;
}

.event-calendar-list tr td.today>.day,
.event-calendar-list tr td>.day>a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	position: relative;
	top: -5px;
	left: -5px;
}

.event-calendar-list tr td.today>.day {
	background-color: var(--bs-gray-900);
	color: var(--bs-white);
}

.event-calendar-list tr td>.day>a {
	background-color: var(--bs-theme-bg);
	display: block;
	color: var(--bs-gray-900);
}

.event-calendar-list tr td>.day>a:hover {
	color: var(--bs-gray-900);
	background-color: var(--bs-gray-200);
}
.event-calendar-list tr td.today>.day>a {
	background-color: transparent;
    color: var(--bs-white);
    position: relative;
    left: 0;
    top: 0;
}
.event-calendar-list .calendarmonth tr td ul.events-new {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.event-calendar-list tr td ul.events-new li {
	font-size: 12px;
	padding: 3px 5px;
	margin-bottom: 4px;
	border-left: 5px solid;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

.event-calendar-list tr td ul.events-new li>a {
	display: block;
	color: var(--bs-gray-900);
	height: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.event-calendar-list tr td ul.events-new li.cal_event_user {
	background-color: var(--user-event-light);
	border-color: var(--user-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_global {
	background-color: var(--global-event-light);
	border-color: var(--global-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_course {
	background-color: var(--online-event-light);
	border-color: var(--online-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_classroom {
	background-color: var(--classroom-event-light);
	border-color: var(--classroom-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_user:hover {
	background-color: var(--user-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_global:hover {
	background-color: var(--global-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_course:hover {
	background-color: var(--online-event);
}

.event-calendar-list tr td ul.events-new li.cal_event_classroom:hover {
	background-color: var(--classroom-event);
}

.event-calendar-list tr td ul.events-new li:hover a {
	color: var(--bs-white);
}

.event-calendar-list tr td.dayblank>span {
	color: var(--bs-gray-400);
}

.event-calendar-list tr td .more-event {
	float: right;
}

.event-calendar-list tr td .more-event img {
	display: none;
}

.event-calendar-list tr td .more-event::after {
	content: "\f061";
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
}

.event-calendar-list tr td:hover {
	background-color: var(--bs-gray-100);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.event-calendar-list tr td.dayblank:hover {
	background-color: transparent;
	box-shadow: none;
}

.noevents-thisday {
	position: relative;
	display: flex;
	height: 100%;
	padding-top: 100px;
}

.noevents-thisday h3 {
	font-size: 1.1rem;
	color: var(--bs-gray-800);
	width: 100%;
	text-align: center;
	margin-top: 4rem;
}

.noevents-thisday h3::before {
	content: '\f273';
	font-family: var(--fa);
	font-weight: 900;
	font-size: 3rem;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

/*** calendar end style ***/

.event-viewall-table tr th {
	background-color: var(--bs-gray-100);
}

/*** modal style ***/
.modal-custom .modal-header {
	background-color: var(--bs-theme-bg);
}

.modal-custom .modal-title {
	font-size: 1.1rem;
}

/*** table style ***/
table {
	background-color: var(--bs-white);
}

.table {
	margin-bottom: 0;
}

table.table> :not(:first-child) {
	border-top-width: 0;
}

table.table>:not(caption)>*>* {
	border-bottom-width: 0;
}

/* .table>thead {
	box-shadow: -5px 6px 6px rgba(0, 0, 0, 0.04);
} */

.table>thead>tr>th,
.table>thead>tr>td {
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	font-weight: bold;
	font-size: 14px;
}
.table>thead>tr>th {
	border-top: 0;
}
.table tr td a,
.dataTables_wrapper .dataTables_scroll td a {
	color: var(--link-color);
	text-decoration: none !important;
}

.dataTables_wrapper .dataTables_scroll td a:hover,
.table tr td a:hover {
	color: var(--link-color);
}

.table-fixed th,
.table-fixed thead {
	position: sticky;
	top: 0;
	background-color: var(--bs-white);
	z-index: 2;
}

table thead.head_box .approved_req {
	font-size: 12px;
	color: var(--bs-gray-600);
	font-weight: normal;
}
table thead.head_box th,
table thead.head_box td,
table .head_box th,
table .head_box td,
table.table thead th,
table.table thead td,
table.table th {
	border-top: 0;
}
table thead.head_box th,
table thead.head_box td {
	border-bottom: 1px solid var(--bs-gray-400) !important;
}
.generaltable.table tbody tr:nth-of-type(odd),
.generaltable.table tbody tr:nth-of-type(even),
.generaltable.table tbody tr:nth-of-type(odd):hover,
.generaltable.table tbody tr:nth-of-type(even):hover {
	background-color: var(--bs-white);
}
/*** end table style ***/

/*** moodle form style ***/
.form-control-input-gap .fitem {
	margin-bottom: 1rem;
}

.fitem .fitemtitle label {
	color: var(--bs-gray-600);
	margin-bottom: 0.5rem;
	font-weight: normal;
	cursor: default;
}
#region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
	font-weight: normal;
}
.fitem.fitem_actionbuttons input[type="submit"] {
	color: var(--bs-white);
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	text-transform: inherit;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 1rem;
	margin-right: 0.5rem;
	font-size: 0.875rem;
	border-radius: 3px;
}

.fitem.fitem_actionbuttons input[name="submitbutton"],
.fitem.fitem_actionbuttons input[name="submitbutton"]:disabled,
.fitem.fitem_actionbuttons input[name="submitbutton"].disabled {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
}

.fitem.fitem_actionbuttons input[name="submitbutton"]:hover,
.fitem.fitem_actionbuttons input[name="submitbutton"]:focus,
.fitem.fitem_actionbuttons input[name="submitbutton"]:active {
	background-color: var(--btn-color-dark);
	border-color: var(--btn-color-dark);
}

.fitem.fitem_actionbuttons input[name="submitbutton"]:focus,
.fitem.fitem_actionbuttons input[name="submitbutton"]:active:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--btn-color-rgba));
}

.fitem.fitem_actionbuttons input[name="cancel"] {
	color: var(--bs-gray-700);
	background-color: transparent;
	box-shadow: none;
}

.fitem.fitem_actionbuttons input[name="cancel"]:hover {
	color: var(--bs-gray-800);
	box-shadow: none;
}

.fitem.fitem_actionbuttons input[type="submit"]:last-child {
	margin-right: 0;
}

.editprofile-moodle .ffilemanager .fp-btn-download,
.editprofile-moodle .filemanager .fp-btn-mkdir,
.editprofile-moodle .filemanager .fp-navbar .fp-viewbar,
.editprofile-moodle .filemanager .fp-pathbar,
.editprofile-moodle .helptooltip {
	display: none;
}

.ffilemanager .hidethis,
.filemanager .fp-pathbar.empty,
/* .filemanager .fp-pathbar, */
.filemanager.fm-updating .fm-content-wrapper,
.filemanager.fm-nomkdir .fp-btn-mkdir,
.fitem.disabled .filemanager .filemanager-toolbar,
.fitem.disabled .filemanager .fp-pathbar,
.fitem.disabled .filemanager .fp-restrictions,
.fitem.disabled .filemanager .fm-content-wrapper,
.fitem.disabled .filemanager .fp-navbar,
.filemanager.fm-loaded .filemanager-loading,
.filemanager.fm-loading .filemanager-loading,
.filemanager.fm-maxfiles .fp-btn-add,
.filemanager.fm-maxfiles .dndupload-message,
.filemanager.fm-noitems .fp-btn-download,
.filemanager .fm-empty-container,
.filemanager.fm-noitems .filemanager-container .fp-content,
.filemanager.fm-nofiles .fp-btn-download {
	display: none;
}

.filemanager .filemanager-toolbar,
.filepicker-filelist,
.filemanager-container {
	background-color: var(--bs-white);
}
/* .filepicker-filelist .filepicker-container {
	left: 0;
	bottom: 0px;
} */
/* .filepicker-filelist .filepicker-container:after {
	bottom: 0;
	color: var(--bs-gray-300);
	content: "You can drag and drop files here to add them.";
	display: block;
	padding-bottom: 0px;
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 5px;
	font-size: 11px;
} */
.filepicker-filelist {
	border: 1px solid var(--bs-gray-400);
	border-radius: 6px;
	margin-bottom: 10px;
}
.form-filetypes-descriptions ul {
	display: flex;
}
.form-filetypes-descriptions ul li {
	padding-right: 14px;
	margin-right: 12px;
	position: relative;	
}
.form-filetypes-descriptions ul li::after {
	content: '|';
	right: 0;
	position: absolute;
	color: var(--bs-gray-500);
}
.form-filetypes-descriptions ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}
.form-filetypes-descriptions ul li:last-child::after {
	content: '';
}
.filemanager .filemanager-toolbar {
	border-radius: 4px;
}
.filemanager .fp-restrictions,
.fitem .fl.italicmsg {
	font-size: 12px;
	color: var(--bs-gray-900);
}

.filemanager .fp-restrictions {
	text-align: right;
}

span.error {
	text-align: left;
	font-size: 12px;
	color: var(--bs-red);
}

img.req {
	margin-left: 5px;
	margin-top: -10px;
	width: 5px;
}
.filemanager .filemanager-container {
	margin-top: 5px;
	border-color: var(--bs-gray-400);
}
.moodle-dialogue-bd .filemanager label {
	color: var(--bs-gray-600);
}

/*** moodle datepicker or calendar ***/
.ui-datepicker.ui-widget-content {
	border-radius: 0;
	border-color: var(--bs-gray-200);
}

.ui-datepicker.ui-widget-content {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	border: 1.4px solid var(--border-color-light) !important;
}

.ui-datepicker .ui-datepicker-header {
	background: var(--bs-white);
	display: flex;
	align-items: center;
	border-radius: 4px 4px 0 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: var(--bs-gray-200);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
	border: 0;
	border-radius: 0;
	height: 28px;
	min-height: 28px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	background: var(--bs-white);
	width: 34px;
	height: 30px;
	margin-top: 3px;
}

/* .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	border-radius: 0 30px 30px 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	border-radius: 30px 0 0 30px;
} */

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
	background-image: none;
	display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
	width: 32px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	position: relative;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
	content: "\f060";
	padding-right: 2px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
	content: "\f061";
	padding-left: 2px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
	left: 0;
	top: 0;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
	right: 0;
	top: 0;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
	background: var(--bs-gray-100);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
	margin: 0 3px;
	font-size: 12px;
	border-width: 0 0 1px 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
	outline: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	display: flex;
	flex: 1 1;
	justify-content: center;
	font-size: 12px;
	font-weight: normal;
	color: var(--bs-gray-900);
	height: 30px;
	align-items: center;
}
.ui-datepicker-calendar thead tr th,
.ui-datepicker-calendar tbody tr td {
	font-size: 12px;
}
.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
	border-radius: 30px;
	width: 26px;
	height: 26px;
	text-align: center;
	margin-bottom: 5px;
	background: none;
	border-color: transparent;
	line-height: 22px;
	font-size: 12px;
}

.ui-datepicker .ui-datepicker-calendar td span:hover,
.ui-datepicker .ui-datepicker-calendar td a:hover {
	background: var(--bs-gray-200);
	border-color: var(--bs-gray-200);
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	border-color: #debdff;
	background: #debdff;
	color: var(--bs-gray-900);
	font-weight: normal;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover {
	border-color: var(--bs-gray-200);
	background: var(--bs-gray-200);
	color: var(--bs-gray-900);
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
	border: 1px solid #debdff;
	background-color: #debdff;
	color: var(--bs-gray-900);
	font-weight: normal;
}

/* yui datepicker */
#dateselector-calendar-content {
	border: 0;
	border-radius: 4px;
	box-shadow: 0 0 4px rgb(0 0 0 / 10%);
	margin: 0;
}

#dateselector-calendar-panel,
.yui-skin-sam .yui-calcontainer {
	background-color: var(--bs-white);
	border: 0;
}

#dateselector-calendar-content_t th.calweekdaycell {
	font-size: 13px;
}

.yui-skin-sam .yui-calendar td.calcell {
	border: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	margin-bottom: 5px;
	border-radius: 30px;
	color: #555;
}

.yui-skin-sam .yui-calendar td.calcell a {
	color: #555;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: inline-block;
}

.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color: var(--bs-gray-800);
	color: var(--bs-white);
}

.yui-skin-sam .yui-calendar td.calcell.oom,
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color: transparent;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color: var(--bs-gray-200);
	color: var(--bs-gray-800);
}

.yui-skin-sam .yui-calendar .calnavleft,
.yui-skin-sam .yui-calendar .calnavright {
	background: none;
	width: 34px;
	height: 28px;
	background-color: var(--bs-gray-200);
	margin: 0;
	top: -5px;
	background-repeat: no-repeat;
	background-size: 40%;
}

.yui-skin-sam .yui-calendar .calnavleft {
	border-radius: 0 30px 30px 0;
	background-image: url(../pix/arrow-left.svg);
	background-position: 40% 54%;
}

.yui-skin-sam .yui-calendar .calnavright {
	border-radius: 30px 0 0 30px;
	background-image: url(../pix/arrow-right.svg);
	background-position: 54% 54%;
}


/*** form style end ***/
/****** Report popup style start ********/
.topHeadingRow{ margin-top: 10px;}
.topHeadingRow .exports_opt_box{ float: right; margin-top: 8px;}
.topHeadingRow .popup_report_heading{ float: left; margin-bottom: 10px;}
.topHeadingRow #attempt_id{
	width: auto;
    display: inline-block;
}
.topHeadingRow .launchcount{ padding-left: 10px;}
.topHeadingRow .exports_opt_box .print_icon{
	overflow: visible;
    width: auto;
    height: auto;
}
.topHeadingRow .exports_opt_box a{ padding: 0 4px;}
.topHeadingRow .exports_opt_box a:last-child{ padding-right: 0;}
.topHeadingRow .exports_opt_box a.pdf_icon::before{ font-size: 16px;}

/****** Report popup style end ********/
/*** timeline style ***/
.timeline-container {
	display: flex;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
}

.timeline-wrapper {
	width: 100%;
	margin: 0;
	list-style: none;
	padding: 0 60px 0 120px;
	--hue: 1;
	--unit: 1rem;
}

.timeline-box {
	--height: 7rem;
	position: relative;
	display: flex;
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-200);
	padding: 0 0 1rem 0;
	margin: 3rem 0;
	border-radius: 4px;
	/* box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1); */
	cursor: pointer;
}

.timeline-box:hover {
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
}

.timeline-innerbox {
	float: left;
	width: 100%;
	height: 186px;
	position: relative;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	background-color: var(--bs-white);
}

.timeline-box::before {
	content: "";
	background-color: transparent;
	position: absolute;
	display: block;
	width: var(--unit);
	height: var(--unit);
	top: 100%;
	left: calc(50% - (var(--unit) / 2));
}

.timeline-box::after {
	content: "";
	position: absolute;
	background-color: transparent;
	display: block;
	top: 100%;
	left: calc(50% - (var(--unit)));
	width: var(--unit);
	height: var(--unit);
}

.timeline-imgbox {
	position: relative;
	margin: 0 auto;
	display: inline-block;
	width: 100%;
	height: 70px;
	background: #eeeeee;
}

.timeline-imgbox img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	/* border-radius: 4px 4px 0 0; */
}

.timeline-details {
	padding: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.timeline-details p {
	margin: 0;
	padding: 0;
}

.timeline-details .timeline-heading {
	color: var(--bs-gray-900);
	font-size: 16px;
	font-weight: bold;
	max-width: 100%;
	margin-bottom: 10px;
	min-height: 60px;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.timeline-details .timeline-bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	min-height: 30px;
	width: 100%;
	padding: 0 10px;
	font-size: 13px;
}

.timeline-details .coursetype {
	color: var(--link-color);
	font-weight: bold;
}

.statusbox {
	/* width: 30px;
	height: 30px;
	border-radius: 50%;
	color: var(--bs-white);
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	top: -12px;
	right: -12px;
	display: inline-block !important;
	z-index: 2 ;
	background-color: var(--bs-gray-400); */
}
.statusbox.completed-color {
	background-color: var(--status-completed);
}

.statusbox.started-color {
	background-color: var(--status-started);
}

.statusbox.notstarted-color {
	background-color: var(--status-notstarted);
}
.statusbox.inprogress-color {
	background-color: var(--status-inprogress);
}

.statusbox.expired-color {
	background-color: var(--status-expired);
}

.timeline-box:last-child::before,
.timeline-box:last-child::after {
	content: none;
}

.timeline-box:nth-child(20n + 1) {
	--hue: 1;
}

.timeline-box:nth-child(20n + 2) {
	--hue: 2;
}

.timeline-box:nth-child(20n + 3) {
	--hue: 3;
}

.timeline-box:nth-child(20n + 4) {
	--hue: 4;
}

.timeline-box:nth-child(20n + 5) {
	--hue: 5;
}

.timeline-box:nth-child(20n + 6) {
	--hue: 6;
}

.timeline-box:nth-child(20n + 7) {
	--hue: 7;
}

.timeline-box:nth-child(20n + 8) {
	--hue: 8;
}

.timeline-box:nth-child(20n + 9) {
	--hue: 9;
}

.timeline-box:nth-child(20n + 10) {
	--hue: 10;
}

.timeline-box:nth-child(20n + 11) {
	--hue: 11;
}

.timeline-box:nth-child(20n + 12) {
	--hue: 12;
}

.timeline-box:nth-child(20n + 13) {
	--hue: 13;
}

.timeline-box:nth-child(20n + 14) {
	--hue: 14;
}

.timeline-box:nth-child(20n + 15) {
	--hue: 15;
}

.timeline-box:nth-child(20n + 16) {
	--hue: 16;
}

.timeline-box:nth-child(20n + 17) {
	--hue: 17;
}

.timeline-box:nth-child(20n + 18) {
	--hue: 18;
}

.timeline-box:nth-child(20n + 19) {
	--hue: 19;
}

.timeline-box:nth-child(20n + 20) {
	--hue: 20;
}

@media (min-width: 320px) and (max-width: 575.98px) {
	.timeline-box {
		margin: 4.5rem 15px;
	}

	.timeline-box:nth-child(2n + 1)::before {
		top: auto;
		right: 0;
		left: auto;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: 50%;
	}

	.timeline-wrapper {
		padding: 0 30px;
	}

	.timeline-box:nth-child(1)::after {
		border: 2px dashed var(--timeline-border);
		border-right: 0;
		width: calc(25% + 130px) !important;
		height: calc(var(--unit) + 262px) !important;
		left: -40px !important;
		border-radius: 30px 0 0 30px;
	}

	.timeline-box:nth-child(1) .timeline-innerbox::before {
		top: -100px !important;
		left: calc(25% + 70px) !important;
		bottom: auto !important;
		transform: rotateY(180deg) !important;
	}

	.timeline-box:nth-child(2n + 1)::after {
		top: auto;
	}

	.timeline-box:nth-child(2n + 2)::before {
		top: auto;
		right: auto;
		left: 0;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: 50%;
	}

	.timeline-box:nth-child(2n + 2)::after {
		top: auto;
	}

	.timeline-box:nth-child(2n + 1)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: auto;
		bottom: 0;
		right: -40px;
		border: 2px dashed var(--timeline-border);
		border-left: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 262px);
		background-color: transparent;
		border-radius: 0 30px 30px 0;
	}

	.timeline-box:nth-child(2n + 2)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: -40px;
		bottom: 0;
		right: 100%;
		border: 2px dashed var(--timeline-border);
		border-right: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 262px);
		background-color: transparent;
		border-radius: 30px 0 0 30px;
	}

	.timeline-box:last-child:before {
		display: none;
	}

	.timeline-details .timeline-heading {
		font-size: 14px;
	}

	.timeline-details .timeline-bottom {
		font-size: 12px;
	}
}

@media (min-width: 576px) and (max-width: 899px) {
	.timeline-box {
		margin: 3rem 15px;
		width: calc(50% - 30px);
		float: left;
		min-height: var(--height);
	}

	.timeline-wrapper {
		padding: 0 30px 0 70px;
	}

	.timeline-box:nth-child(1)::after {
		left: -60px !important;
		width: calc(50% + 80px) !important;
	}

	.timeline-box:nth-child(1) .timeline-innerbox::before {
		left: -80px !important;
	}

	.timeline-box:nth-child(4n + 3),
	.timeline-box:nth-child(4n + 4) {
		float: right;
	}

	.timeline-box:nth-child(4n + 1)::before {
		top: auto;
		left: auto;
		right: -70%;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: calc(100% + 4rem);
	}

	.timeline-box:nth-child(4n + 1)::after {
		top: auto;
	}

	.timeline-box:nth-child(4n + 3)::before {
		top: auto;
		right: auto;
		left: -70%;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: calc(100% + 4rem);
	}

	.timeline-box:nth-child(4n + 3)::after {
		top: auto;
	}

	.timeline-box:nth-child(4n + 2)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: auto;
		bottom: 0;
		right: -40px;
		border: 2px dashed var(--timeline-border);
		border-left: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 286px);
		background-color: transparent;
		border-radius: 0 30px 30px 0;
	}

	.timeline-box:nth-child(4n + 4)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: -40px;
		bottom: 0;
		right: 100%;
		border: 2px dashed var(--timeline-border);
		border-right: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 286px);
		background-color: transparent;
		border-radius: 30px 0 0 30px;
	}

	.timeline-box:last-child:before {
		display: none;
	}

	.timeline-details .timeline-heading {
		font-size: 14px;
	}

	.timeline-details .timeline-bottom {
		font-size: 12px;
	}
}

@media (min-width: 900px) and (max-width: 1199px) {
	.timeline-box {
		margin: 3rem 15px;
		width: calc(33.33% - 30px);
		float: left;
		min-height: 7rem;
	}

	.timeline-box:nth-child(6n + 4),
	.timeline-box:nth-child(6n + 5),
	.timeline-box:nth-child(6n + 6) {
		float: right;
	}

	.timeline-box:nth-child(6n + 1)::before,
	.timeline-box:nth-child(6n + 2)::before {
		top: auto;
		left: auto;
		right: -70%;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: calc(100% + 4rem);
	}

	.timeline-box:nth-child(6n + 1)::after,
	.timeline-box:nth-child(6n + 2)::after {
		top: auto;
	}

	.timeline-box:nth-child(6n + 4)::before,
	.timeline-box:nth-child(6n + 5)::before {
		top: auto;
		right: auto;
		left: -70%;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: calc(100% + 4rem);
	}

	.timeline-box:nth-child(6n + 4)::after,
	.timeline-box:nth-child(6n + 5)::after {
		top: auto;
	}

	.timeline-box:nth-child(6n + 3)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: auto;
		bottom: 0;
		right: -70px;
		border: 2px dashed var(--timeline-border);
		border-left: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 286px);
		background-color: transparent;
		border-radius: 0 30px 30px 0;
	}

	.timeline-box:nth-child(6n + 6)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: -70px;
		bottom: 0;
		right: 100%;
		border: 2px dashed var(--timeline-border);
		border-right: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 286px);
		background-color: transparent;
		border-radius: 30px 0 0 30px;
	}

	.timeline-box:last-child:before {
		display: none;
	}

	.timeline-details .timeline-heading {
		font-size: 14px;
	}

	.timeline-details .timeline-bottom {
		font-size: 12px;
	}
}

@media (min-width: 1200px) {
	.timeline-wrapper {
		max-width: 100%;
		margin: 0 auto;
	}

	.timeline-box {
		margin: 3rem 15px;
		width: calc(25% - 30px);
		float: left;
		min-height: 7rem;
	}

	.timeline-box:nth-child(8n + 5),
	.timeline-box:nth-child(8n + 6),
	.timeline-box:nth-child(8n + 7),
	.timeline-box:nth-child(8n + 8) {
		float: right;
	}

	.timeline-box:nth-child(8n + 1)::before,
	.timeline-box:nth-child(8n + 2)::before,
	.timeline-box:nth-child(8n + 3)::before {
		top: auto;
		left: auto;
		right: -70%;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: calc(100% + 4rem);
	}

	.timeline-box:nth-child(8n + 1)::after,
	.timeline-box:nth-child(8n + 2)::after,
	.timeline-box:nth-child(8n + 3)::after {
		top: auto;
	}

	.timeline-box:nth-child(8n + 5)::before,
	.timeline-box:nth-child(8n + 6)::before,
	.timeline-box:nth-child(8n + 7)::before {
		top: auto;
		right: auto;
		left: -70%;
		border-bottom: 2px dashed var(--timeline-border);
		bottom: -40px;
		width: calc(100% + 4rem);
	}

	.timeline-box:nth-child(8n + 5)::after,
	.timeline-box:nth-child(8n + 6)::after,
	.timeline-box:nth-child(8n + 7)::after {
		top: auto;
	}

	.timeline-box:nth-child(8n + 4)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: auto;
		bottom: 0;
		right: -70px;
		border: 2px dashed var(--timeline-border);
		border-left: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 286px);
		background-color: transparent;
		border-radius: 0 30px 30px 0;
	}

	.timeline-box:last-child:before {
		display: none;
	}

	.timeline-box:nth-child(8n + 8)::before {
		content: "";
		position: absolute;
		top: calc(100% + 38px);
		left: -70px;
		bottom: 0;
		right: 100%;
		border: 2px dashed var(--timeline-border);
		border-right: 0;
		width: calc(25% + 130px);
		height: calc(var(--unit) + 286px);
		background-color: transparent;
		border-radius: 30px 0 0 30px;
	}

	.timeline-box:nth-child(1)::after {
		width: calc(100% + 60px);
	}
}

.timeline-box:nth-child(1)::after {
	content: "";
	position: absolute;
	display: block;
	top: auto;
	left: auto;
	right: 0;
	bottom: -40px;
	border-bottom: 2px dashed var(--timeline-border);
	width: calc(100% + 100px);
	height: 30px;
	background-color: transparent;
}

.timeline-box:nth-child(1) .timeline-innerbox::before {

	content: "";
	background: url("/theme/boost/pix/start_icon.png") no-repeat;
	position: absolute;
	display: block;
	top: auto;
	left: -130px;
	bottom: -60px;
	width: 44px;
	height: 70px;

}

.endflagbox,
.endflagbox .timeline-innerbox {
	background-color: transparent;
	box-shadow: none;
	border: 0;
	cursor: default;
}

.endflagbox:hover {
	box-shadow: none !important;
}

.endflag::before {

	content: "";
	background: url("/theme/boost/pix/flag_icon.png") no-repeat bottom;
	position: absolute;
	display: block;
	top: auto;
	left: 0;
	right: 0;
	bottom: -62px;
	margin: 0 auto;
	width: 80px;
	height: 70px;

}

.timeline-box .timeline-innerbox .box-indicator {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 30px;
	height: 14px;
}

.timeline-box .timeline-innerbox .box-indicator::after {
	content: "\f0dd";
	font-family: var(--fa);
	font-weight: 900;
	color: var(--bs-white);
	font-size: 40px;
	position: absolute;
	display: inline-block;
	top: auto;
	left: 4px;
	right: 0;
	bottom: -12px;
	width: 30px;
	height: 10px;
	margin: 0 auto;
	line-height: 18px;
	z-index: 0;
	filter: drop-shadow(0px 8px 5px rgba(0, 0, 0, 0.05));
}

.timeline-box .timeline-innerbox .box-indicator::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: auto;
	bottom: -60px;
	left: 7px;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	width: 24px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--bs-primary);
	border: 3px solid var(--bs-gray-300);
	outline: 1px solid var(--bs-gray-400);
	border-left-width: 5px;
	border-right-width: 5px;
}

/*** timeline end ***/

/*** media queries ***/
@media (min-width: 768px) {
	.main-section-beforelogin .topleftbar .navbar-brand {
		display: inline-block !important;
	}

	.main-section-beforelogin .topleftbar .navbar-brand span {
		position: relative;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		align-items: center;
	}
}

@media (max-width: 991.98px) {
	.d-card {
		min-height: inherit;
	}

	.d-card .d-circle-box {
		min-height: 130px;
	}

	.admin-300-height {
		min-height: inherit;
	}

	.mymessage-box .mymessage-left .mymessage-left-inner {
		width: 280px;
	}

	.event-agenda-card,
	.event-calendar-wrapper,
	.event-agenda-card .eventlist {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.event-section .event-calendar-wrapper,
	.event-section .event-agenda-card {
		flex: auto;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.admin-card .admin-card-firstbox .col-6 {
		width: 100%;
		padding-bottom: 15px;
	}
}
/* topbar sidebar and other css */
@media (max-width: 767.98px) {
	.main-section {
		padding-left: 45px !important;
	}
	.top-sidebar .main-section {
		padding-left: 0 !important;
	}	
	.main-section .container-fluid.content-area {
		padding-left: 15px;
		padding-right: 15px;
	}
	.topnavbar,
	.topnavbar .navbar {
		height: 60px;
		background-color: var(--bs-white);
		box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
	}		
	.topnavbar .navbar .container-fluid {
		padding-left: 1.5rem;
	}
	.top-sidebar .topnavbar .navbar .container-fluid {
		padding-left: 15px;
	}
	.sidebar-menu .nav {
		background-color: var(--bs-white);
	}
	.topnavbar .searchpanel {
		position: absolute;
		top: 60px;
		left: 45px;
		right: 0;
		width: calc(100% - 35px);
		background-color: var(--bs-theme-bg);
		padding: 10px;
		transition: none;
	}
	.top-sidebar .topnavbar .searchpanel {
		width: 100%;
		left: 0;
	}	
	.topnavbar .searchpanel form {
		width: 100%;
		margin-bottom: 0;
	}

	.topnavbar .searchpanel::after,
	.toprightbar .notification-panel::after {
		content: "";
		display: block;
		width: 100%;
		height: 10px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.toprightbar .nav-link.dropdown-toggle,
	.toprightbar .nav-link.cartbtn {
		margin-top: 12px;
	}
	.topnavbar .searchpanel .topsearhbar .searchinput .form-control {
		height: 32px;
		font-size: 13px;
		border-radius: 30px;
		padding-left: 15px;
	}

	.topnavbar .searchpanel .topsearhbar {
		margin-left: 6px;
	}

	.topnavbar .searchpanel .topsearhbar .searchinput {
		width: calc(100% - 16px);
	}
	.top-sidebar .topnavbar .searchpanel .topsearhbar .searchinput {
		width: calc(100% - 6px);
	}
	.topnavbar .topsearhbar .btn {
		width: 30px;
		padding: 0;
		height: 32px;
		display: none;
	}
	.topnavbar .topsearhbar .btn:focus,
	.topnavbar .topsearhbar .btn:active {
		background-color: #fff;
		border-color: var(--bs-gray-300);
	}	
	.topnavbar .topsearhbar .btn span {
		display: none;
		align-items: center;
		justify-content: center;
		text-transform: capitalize;
		font-size: 12px;
		background-color: var(--bs-primary);
		width: 60px;
		height: 24px;
		border-radius: 30px;
		color: var(--bs-white);
		text-align: center;
		margin-left: 10px;
	}	
	.topsearhbar .form-control-clear {
		top: 10px;
		right: 15px;
	}

	.topnavbar .searchtoggler {
		position: relative;
		left: 22px;
		display: inline-flex;
		align-items: center;
		cursor: pointer;
		color: var(--bs-gray-700);
	}
	.topnavbar .searchtoggler i {
		font-size: 17px;
	}
	.top-sidebar .topnavbar .searchtoggler {
		left: 28px;
		line-height: 14px;
	}
	.main-section.main-section-beforelogin .topnavbar .searchtoggler {
		left: -15px;
	}

	.toprightbar .switch_profile {
		width: 30px;
		height: 30px;
	}

	.toprightbar .switch_profile a {
		visibility: hidden;
		overflow: hidden;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
	}

	.toprightbar .switch_profile a::before {
		visibility: visible;
	}

	.toprightbar .notification-panel {
		position: fixed;
		width: calc(100% - 45px);
		min-width: calc(100% - 45px);
		top: 60px;
		left: 45px;
		right: 0;
		margin-top: 0 !important;
	}

	.toprightbar .notification-panel .droparrow {
		display: none;
	}

	.toprightbar .notification-panel,
	.toprightbar .notification-panel .notify-head,
	.toprightbar .notification-panel .notification-viewall {
		border-radius: 0;
	}

	.top-sidebar .topnavbar .navbar-brand {
		margin: 0;
		padding: 0;
		position: relative;
		left: -15px;
		top: 0;
		width: 60px;
		height: 60px;
		display: inline-block;
	}
	.top-sidebar .topnavbar .topleftbar .navbar-brand,
	.top-sidebar .topnavbar .topleftbar .sidebar-menuicon {
		display: inline-block;
	}
	.top-sidebar .topnavbar .topleftbar .sidebar-menuicon[aria-expanded="true"] .fa-bars:before {
		content: '\f00d';
	}
	.top-sidebar .topnavbar .navbar-brand span {
		border-right: 1px solid var(--bs-gray-200);	
		background-color: transparent;
		position: relative;
		padding: 5px;
		align-items: center;
		justify-content: center;
	}
	.top-sidebar .topnavbar .navbar .navbar-brand span img {
		width: 30px;
		max-width: 30px;
		max-height: 30px;
	}
	.top-sidebar .menulistoverflow {
		height: 100% !important;
	}
	.main-section.main-section-beforelogin .topnavbar .navbar-brand {
		top: -18px;
	}	
	.topnavbar .navbar {
		padding-left: 0;
	}
	.sidebar-menu,
	.sidebar-inside,
	.sidebar-menu .nav li .nav-link {
		width: 45px;
	}
	.sidebar-inside {
		padding: 10px 0 0 0;
	}
	.sidebar-menu .nav li .nav-link {
		margin-bottom: 14px;
	}
	.userprofile-dropmenu .avatar,
	.userprofile-dropmenu .avatar img {
		width: 30px;
		height: 30px;
	}	
	.userprofile-dropmenu {
		height: 50px;
		padding-bottom: 0;
	}
	
	.sidebar-menu .brand-logo img.large-logo {
		width: auto !important;
	}
	.userprofile-dropmenu .dropdown-menu,
	.sidebar-menu .nav li ul.show {
		left: 45px !important;
		min-width: 100%;
		width: calc(100vw - 60px);
	}
	.sidebar-menu .nav li ul.show {
		display: inline-block;
		flex-direction: column;
		height: calc(100% - 60px);
		transform: none !important;
		box-shadow: 0 30px 30px rgba(0, 0, 0, 0.15);
		overflow: auto;
		top: 60px !important;
		border-radius: 0;
	}
	.sidebar-menu .nav li ul.show,
	.sidebar-menu .nav li.menu-reports ul.show {
		width: 260px;
	}
	.sidebar-menu .nav li ul li {
		width: 100%;
	}
	.sidebar-menu.collapse:not(.show),
	.top-sidebar .sidebar-menu {
		display: none !important;
	}
	.top-sidebar .sidebar-menu.show .sidebar-inside,
	.top-sidebar .sidebar-menu.show {
		width: 100%;
		display: block !important;
		top: 59px;
		padding: 10px 5px;
		overflow-y: auto;
		border: 0;
	}
	.top-sidebar .sidebar-menu .sidebar-logout {
		display: none !important;
	}
	.top-sidebar .sidebar-menuicon {
		display: block;
		position: fixed;
		left: 75px;
		top: 17px;
		line-height: 14px;
	}
	.sidebar-menu .nav li ul li {
		width: 100%;
	}	
	.top-sidebar .sidebar-menu .nav li {
		text-align: left;
	}
	.top-sidebar .top-userprofile-dropmenu .dropdown-menu li .profile-logo {
		margin-top: 5px;
	}
	.top-sidebar .top-userprofile-dropmenu .dropdown-menu li .profile-logo img {
		width: 90px;
		max-width: 90px;
	}
	.top-sidebar .sidebar-menu .nav li ul.submenu_list.show {
		width: 100%;
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		box-shadow: none;
		padding-top: 0;
	}
	.top-sidebar .sidebar-menu .nav li .nav_tooldiv {
		width: 100%;
		text-align: left;
		display: flex;
		align-items: center;
	}
	.top-sidebar .sidebar-menu .nav li a .nav_text:not(.sidebar-menu .nav li ul li a .nav_text) {
		position: relative;
		display: inline-block;
		left: 0;
		top: 0;
		background-color: transparent;
	}
	.top-sidebar .sidebar-menu .nav li a .nav_text:not(.sidebar-menu .nav li ul li a .nav_text)::before {
		display: none;
	}
	.top-sidebar .sidebar-menu .nav li ul li:nth-child(odd) {
		border-right: 0;
	}
	.top-sidebar .sidebar-menu .nav li ul li {
		padding-left: 28px;
	}
	.top-sidebar .sidebar-menu .nav li ul li .nav_text {
		padding-left: 8px;
	}
	.top-sidebar .top-userprofile-dropmenu {
		padding-top: 15px;
	}
	.top-sidebar .top-userprofile-dropmenu .avatar {
		width: 30px;
		height: 30px;
	}	
	.sidebar-menu .nav li .nav-link.active {
		color: var(--bs-primary) !important;
	}
	.sidebar-menu .nav li ul li .nav-link.active {
		color: var(--bs-gray-900) !important;
		background-color: var(--efefef) !important;
	}
	.top-sidebar .sidebar-menu .nav li .nav_icon {
		flex: 1 0 auto;
	}
	.top-sidebar .sidebar-menu .nav li.menu-back a {
		padding-top: 0;
	}
	.top-sidebar .sidebar-menu .nav li.menu-back a::before,
	.top-sidebar .sidebar-menu .nav li.menu-back a:hover::before {
		display: none !important;
	}
	.top-sidebar .sidebar-menu .nav li.menu-back a .nav_tooldiv {
		padding-left: 0;
		padding-top: 20px;
	}
	.top-sidebar .sidebar-menu .moremenulist {
		display: block !important;
	}
	.sidebar-menu .moremenulist .morebtn {
		display: none !important;
	}
	.tooltip,
	.tooltip .tooltip-inner,
	.textname-tooltip {
		display: none !important;
	}
	table.table tr td {
		white-space: nowrap;
	}
	.paging {
		display: flex !important;
		flex-direction: column;
	}
	.paging .f-right {
		margin-top: 10px;
	}
	.user_dash_box .headerBlockLabel {
		padding-bottom: 10px;
	}
	.impersonateIcon, 
	 a.impersonateIcon {
		width: 20px !important;
	}
	.card-slider .slick-arrow {
		transform: scale(0.7);
		top: -32px;
	}
	.fixedtabs-container {
		height: 90px;
	}

	.fixedtabs .nav,
	.normaltabs .nav {
		justify-content: center;
	}

	.fixedtabs .nav .nav-item .nav-link,
	.normaltabs .nav .nav-item .nav-link {
		height: 40px;
		margin-right: 0;
	}

	.fixedtabs,
	.normaltabs {
		width: 100%;
		height: auto;
		margin-left: 0;
		left: 0;
		flex-direction: column;
		padding-top: 2px;
		padding-bottom: 3px;
	}

	.fixedtabs {
		height: 90px;
	}

	.filter_icon .filter_col {
		margin: 10px 10px;
	}

	.breadcrumb-inner {
		width: 100%;
	}

	.breadcrumb-inner .breadcrumb li:not(:first-child) {
		display: none;
	}

	.breadcrumb-inner .breadcrumb li .b-pagename {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 18px;
	}
	.breadcrumb-inner .breadcrumb-nav .breadcrumb {
		display: none;
	}

	.footer .bottom-bar .footer-menu {
		padding: 10px 0;
	}

	.footer .bottom-bar .footer-menu ul {
		flex-wrap: wrap;
		justify-content: center;
		min-height: 20px;
	}

	.footer .bottom-bar .footer-menu ul li.poweredtext {
		display: block;
		text-align: center;
		flex: auto;
		width: 100%;
		border-right: 0;
		margin-bottom: 10px;
	}

	.footer .bottom-bar .footer-menu ul li ul {
		flex-wrap: normal;
		justify-content: flex-start;
	}

	.footer .bottom-bar .footer-menu ul li:first-child {
		padding-bottom: 10px;
		display: block;
		flex: auto;
		width: 100%;
	}

	.footer .bottom-bar .footer-menu ul li ul li:first-child {
		padding-bottom: inherit;
	}

	.mymessage-box .mymessage-list .msg-subtitle,
	.mymessage-box .mymessage-list .msg-text {
		font-size: 12px;
	}

	.mymessage-box .mymessage-list .msg-time-date {
		font-size: 10px;
	}

	.assest_wrapper,
	.assest_wrapper .asset_wrapper_right .asset_details_bottom,
	.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .forum_review_block {
		flex-direction: column;
	}

	.assest_wrapper .asset_wrapper_right .asset_details_bottom {
		align-items: flex-start;
	}

	.assest_wrapper .assest_left_container,
	.assest_wrapper .asset_wrapper_right {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		padding-left: 0;
		justify-content: center;
	}

	.assest_wrapper .assest_left_container {
		border-bottom: 1px solid var(--bs-gray-200);
		margin-bottom: 10px;
	}

	.assest_wrapper .assest_left_container .assest_icon {
		display: flex;
		margin: 0 auto;
	}

	.assest_wrapper .assest_left_container .assest_icon .asset_type {
		margin: 0 auto;
	}
	#page-user-editadvanced .adduser-div {
		width: 100%;
	}
	.coplist_blank_cart {
		display: none !important;
	}
	.assest_wrapper .asset_wrapper_right .asset_details_bottom .viewcertificate {
		position: relative;
	}
	.forum-left-side,
	.forum-right-side {
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 0;
	}
	.forum-right-side ul {
		padding-left: 0;
	}
}

@media (min-width: 575.98px) and (max-width: 767.98px) {
	.report-card .admin-card-firstbox .col-6 {
		width: 100%;
	}

	.mymessage-box .mymessage-left .mymessage-left-inner {
		width: 220px;
	}
}

@media (max-width: 575.98px) {
	.list-card.cont_box .listview_left {
		flex-basis: 80px;
		max-width: 80px;
		height: 80px;
	}

	.list-card.cont_box .listview_right {
		flex-basis: calc(100% - 80px);
		max-width: calc(100% - 80px);
	}

	.list-card .course-img {
		width: 80px;
	}

	.editprofile-card {
		border-radius: 0;
	}

	.editprofile-card .profile-inner {
		flex-direction: column;
	}

	.editprofile-card .profile-inner .profile-pic {
		margin-right: 0;
		margin-bottom: 15px;
		flex-basis: 100px;
		max-width: 100px;
		height: 100px;
	}

	.editprofile-card .profile-inner .profile-content {
		flex-basis: 100%;
		max-width: 100%;
		text-align: center;
	}

	.mymessage-box .mymessage-left {
		max-height: 260px;
		margin-bottom: 15px;
	}

	.mymessage-box .mymessage-left,
	.mymessage-box .mymessage-left .mymessage-left-inner {
		width: 100% !important;
	}

	.mymessage-box .mymessage-right {
		border-top: 1px solid var(--bs-gray-200);
	}

	.mymessage-left .mymessage-list {
		padding-right: 7px;
	}

	.mymessage-box,
	.mymessage-box .card-body .row.h-100,
	.mymessage-box .mymessage-content-wrapper,
	.mymessage-box .mymessage-content-wrapper .sb-content {
		height: auto;
		max-height: none;
	}

	.event-calendar-list table tr td .day {
		width: 60px;
	}

	.path-calendar .event-calendar-card .header .buttons, .path-extensions-calendar .event-calendar-card .header .buttons {
		width: 100%;
		padding-bottom: 20px;
	}

	.event-calendar-card .controls .calendar-controls {
		width: 100%;
	}

	.grid-card .card-inner {
		height: auto;
	}
	.announcement-cardview .col:first-child {
		width: 100%;
	}
	/* .card-slider .slick-slide {
		width: 100% !important;
	} */
	.blank_card_img {
		display: none !important;
	}
	.breadcrumb-inner .breadcrumb-nav h1,
	.disc_details_wrapper .c-heading {
		font-size: 16px !important;
	}
}

@media (max-width: 480px) {

	.topnavbar .navbar i,
	.toprightbar .switch_profile a::before {
		font-size: 14px;
	}

	.topnavbar .navbar-brand {
		top: -16px;
	}

	.sidebar-menuicon {
		top: 16px;
	}

	.topnavbar .searchtoggler {
		top: 2px;
		left: 20px;
	}
	.top-sidebar .searchtoggler {
		top: 0;
	}
	.main-section.main-section-beforelogin .topnavbar .navbar-brand {
		top: -19px;
	}

	.toprightbar .nav-link {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}

	.sidebar-menu .nav li .nav_icon {
		font-size: 14px;
	}

	.user-avatar .avatar {
		margin-right: 5px;
		margin-left: 5px;
	}

	.user-avatar .user-name {
		flex-direction: column;
		top: -4px;
		position: relative;
	}

	.user-avatar .user-name .hello-text {
		display: block;
		font-size: 11px;
	}

	.user-avatar .user-name a {
		padding-left: 0;
		max-width: 50px;
		margin-top: -6px;
	}

	.main-section.main-section-beforelogin .user-avatar .user-name,
	.main-section.main-section-beforelogin .user-avatar .user-name a {
		margin-top: 0;
		top: 0;
	}

	.main-section.main-section-beforelogin .toprightbar .badge {
		top: 10px;
		right: -4px;
	}
}

@media (min-width: 992px) {
	/* .d-box.course_details_assest_wrapper {
		width: 66.66666667%;
	} */

	.classroom-preview-left .course_details_assest_wrapper {
		width: 100%;
	}
}

.paging {
	float: right;
	width: 100%;
	display: block;
	margin: 15px 0;
}

.paging table {
	background-color: transparent;
}

.paging .f-right,
.paging .paging-select,
.paging .paging-detail {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 12px;
	font-weight: normal;
}

.paging .paging-select #perpagecount {
	display: block;
	width: auto;
	margin: 5px 0 5px 5px;
	padding: 0px 26px 0px 8px !important;
	background-color: rgba(255, 255, 255, 0.1);
	background-size: 14px;
	background-position: 85% center;
	border: 1px solid var(--border-color-light) !important;
	border-radius: 30px !important;
	height: 24px;
	min-height: 24px;
	font-weight: bold;
	cursor: pointer;
}
.paging .paging-select,
.paging .paging-detail {
	background-color: var(--input-light-bg);
    border-radius: 30px;
    padding: 0 10px;
	margin-right: 5px;
}
.paging .paging-select {
	padding-right: 5px;
}
.paging .paging-detail .paging-totaloff {
	font-weight: bold;
	padding: 0 5px;
}
.paging .paging-detail {
	padding-right: 10px;
}
.paging .paging-text-box {
	padding: 5px 0;
	margin-left: 5px;
	margin-right: 5px;
}
.paging .paging-detail .paging-text-box input {
	width: 40px !important;
	margin-bottom: 0;
	padding: 5px 5px !important;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--border-color-light) !important;
	border-radius: 30px !important;
	height: 24px;
	box-shadow: none;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}
.paging .paging-detail .paging-text-box input:focus,
.paging .paging-select #perpagecount:focus,
.paging .paging-detail .paging-text-box input:hover,
.paging .paging-select #perpagecount:hover {
	background-color: var(--bs-white);
}

.paging .next-prev-icon {
	display: inline-block;
}

.paging .prev-link,
.paging .next-link {
	width: 32px;
	height: 32px;
	background: var(--bs-white);
	border: 1.4px solid var(--border-color-light);
	border-radius: 50px;
	text-align: center;
	float: left;
	color: var(--bs-gray-900);
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.paging .next-link {
	margin-left: 5px;
}
.paging .prev-link a,
.paging .next-link a {
	color: var(--bs-gray-700);
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging .prev-link i {
	margin-left: -2px;
}
.paging .next-link i {
	margin-right: -2px;
}

/* .paging .prev-link a:before,
.paging .next-link a:before,
.paging-quiz .prev-link a:before,
.paging-quiz .next-link a:before, 
.paging .prev-link.disable-prev::before,
.paging .next-link.disable-next::before {
	font: 14px var(--fa);
	font-weight: 900;
	display: block;
	height: 26px;
	line-height: 26px;
}*/

/* .paging .prev-link.disable-prev::before,
.paging .prev-link a:before, 
.paging-quiz .prev-link a:before {
	content: "\f0d9";
}*/

/* .paging .next-link.disable-next::before,
.paging .next-link a:before, 
.paging-quiz .next-link a:before {
	content: "\f0da";
}*/

.paging .prev-link.disable-prev,
.paging .next-link.disable-next {
	opacity: 0.65;
	filter: opacity(65%);
}
.paging .prev-link:hover,
.paging .next-link:hover {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}
.paging .prev-link:hover i,
.paging .next-link:hover i {
	color: var(--bs-white);
}
.paging .prev-link.disable-prev:hover,
.paging .next-link.disable-next:hover {
	background: var(--bs-gray-100);
	color: var(--bs-gray-900);
}
.paging .prev-link.disable-prev:hover i,
.paging .next-link.disable-next:hover i {
	color: var(--bs-gray-900);
}

.paging-quiz .prev-link:before,
.paging-quiz .next-link:before {
	display: none;
}

.select_box_mul {
	margin: 0;
	width: 100%;
}

.select_box_mul select,
.select_box_mul .chosen-container {
	width: 100% !important;
}
.select_box_mul .chosen-container,
.select_box_mul .chosen-container-active .chosen-choices {
	box-shadow: 0 0 16px rgba(0,0,0,0.07);
}
.select_box_mul .chosen-container .chosen-choices {
	border-color: var(--bs-gray-200);
	background-image: none;
}

.select_box_mul .headLabel,
.headLabel {
	background: var(--bs-gray-200);
	border: var(--bs-gray-200);
	padding: 4px 5px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 0px;
	border-radius: 4px 4px 0 0;
}

.select_box_mul .chosen-container-multi .chosen-choices li.search-choice {
	background-image: none;
	background-color: var(--bs-gray-100);
	border-color: var(--bs-gray-200);
	box-shadow: none;
}
.chosen-container-multi .chosen-choices {
	border-radius: 0 0 4px 4px;
}
.select_box_mul .selctBoxe {
	margin: 0;
}

.select_box_mul .chosen-container .chosen-drop {
	border-color: var(--bs-gray-200);
}
.select_box_mul .chosen-container .chosen-drop .chosen-results {
	background-color: #fff;
}
.select_box_mul .chosen-container .chosen-results li.highlighted {
	background-color: var(--bs-primary);
	background-image: none;
	color: var(--bs-white);
}

.select_box_mul .selctBoxe select {
	height: 74px;
	border-color: var(--bs-gray-200);
	border-radius: 0 0 4px 4px;
}
.select_box_mul .selctBoxe select option[selected="selected"],
.select_box_mul .selctBoxe select option:first-child {
	background-color: var(--bs-gray-100);
	border-color: var(--bs-gray-200);
}

.filter-top_wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.expand-collapse-filter .filter_img,
.filter_icon .filter_img {
	display: inline-flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.expand-collapse-filter .filter_text,
.filter_icon .filter_text {
	cursor: pointer;
	position: relative;
	color: var(--bs-gray-700);
	margin-left: 5px;
}
.expand-collapse-filter a .filter_img {
	margin-right: 5px;
	position: relative;
	top: 0.5px;
}
.expand-collapse-filter a.active .filter_img::before,
.filter_icon .filter_img.filter_active::before {
	color: var(--bs-primary);
}

.expand-collapse-filter a span {
	font-family: "Lato", arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
	display: flex;
	align-items: center;
	margin: 0;
}

.expand-collapse-filter a {
	color: var(--bs-gray-900);
	text-decoration: none;
	display: flex;
	align-items: baseline;
}

.expand-collapse-filter a.active,
.expand-collapse-filter a:focus,
.expand-collapse-filter a.active:focus,
.expand-collapse-filter a:hover {
	color: var(--bs-gray-900);
}

.filter_csv,
.expand-collapse-filter {
	position: fixed;
	top: 84px;
	right: 24px;
	z-index: 99;
	display: inline-flex;
}
.expand-collapse-filter a,
.filter_alone,
.reportTypeSelect {
	background: var(--dropmenu-bg-light);
	border: 1.4px solid var(--border-color-light);
	border-radius: 30px;
	padding: 5px 24px 5px 15px;
	height: 32px;
	line-height: 18px;
	transition: all .2s ease-in-out;
	box-shadow: none;
}
.expand-collapse-filter a:hover,
.expand-collapse-filter a.active,
.filter_alone:hover,
.filter_alone:focus,
.filter_alone.filter_active,
.reportTypeSelect:hover,
.reportTypeSelect:focus,
.reportTypeSelect:focus option {
	background-color: var(--bs-white);
	box-shadow: none;
	border: 1.4px solid var(--border-color-light);
}

.expand-collapse-filter a::after,
.filter_alone::after {
	content: '\f078';
	font-family: var(--fa);
	display: inline-block;
	font-weight: 900;
	font-size: 12px;
	transition: all .1s ease-in-out;
	position: relative;
	right: -10px;
	top: 0px;
	color: var(--bs-gray-900);
}
.expand-collapse-filter a.active::after,
.filter_alone.filter_active::after {
	transform: rotate(180deg);
}
.filter_alone span {
	margin-left: 5px !important;
}
.reportTypeSelect {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px !important;
	padding-right: 30px !important;
	background-position: 95% center;
}
.reportTypeSelect:focus {
	border-color: var(--border-color-light);
}
.csv_filter {
	position: relative;
}

.csv_filter::before {
	content: '\f1c3';
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 16px;
	color: var(--bs-success);
}

.filter_csv .expand-collapse-filter {
	position: relative;
	top: auto;
	right: auto;
}

.filter_csv .expand-collapse-filter a {
	align-items: center;
}

.filter_csv .expand-collapse-filter:last-child {
	margin-right: 0;
}
.filter_csv .csv_box {
	margin-left: 20px;
}

.expand-collapse-filter a:before,
.fa-filter:before {
	display: none;
}

.add-team:before {
	content: "\f0c0";
}

.fa-send:before, .fa-paper-plane:before {
	content: "\f1d8";
}

.fa-meetup:before {
	content: "\f2e0";
}

.impersonateIcon {
	display: inline-block;
	height: 20px;
	width: 30px;
	margin: 0 5px;
	text-align: center;
	color: var(--bs-gray-700);
	position: relative;
	text-decoration: none !important;
}

.impersonateIcon .sr-only {
	visibility: hidden;
}

.impersonateIcon.disable {
	color: var(--bs-gray-300);
}

.impersonateIcon.disable::before,
.impersonateIcon::before {
	font: 14px var(--fa);
	font-weight: 900;
	content: "\f007";
	display: inline-block;
	text-align: left;
}

.impersonateIcon::after {
	font: 11px var(--fa);
	font-weight: 900;
	content: "\f2f5";
	color: var(--bs-primary) !important;
	display: inline-block;
	text-align: left;
	position: absolute;
	right: 1px;
	top: 6px;
}
.impersonateIcon.transerIcon::after {
	content: '\f079' !important;
}
.impersonateIcon.disable::before,
.impersonateIcon.disable::after,
.impersonateIcon.disable:hover::before {
	color: var(--bs-gray-400) !important;
}

.adminiconsBar {
	display: inline-flex;
	flex-wrap: nowrap;
}

.adminiconsBar a {
	float: left;
	height: 20px;
	width: 20px;
	margin: 3px 15px 0 0;	
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: var(--link-color);
	font-style: normal;
}
.adminiconsBar a:hover::before {
	color: var(--link-color);
}
.adminiconsBar a img {
	display: none !important;
}
.impersonateIcon,
a.impersonateIcon {
	width: 30px;
}
.user-buttons-top,
.user_dash_box .userbtn {
	display: flex;
	flex-wrap: wrap;
}

.user-buttons-top .btn,
.user_dash_box .userbtn .btn {
	margin: 0 0 0 10px;
}

.userbtn .btn:before {
	font-family: var(--fa);
	font-weight: 900;
	margin: 0 10px 0 0;
}

.user-buttons-top .btn:last-child,
.user_dash_box .userbtn div:last-child .btn {
	margin-right: 0;
}

.add-message:before {
	content: "\f0e0";
}

a.updateDate {
	float: right;
	height: 24px;
	width: 24px;
	text-align: center;
	overflow: hidden;
}
.fp-toolbar .fp-btn-mkdir a.btn-sm::before{
	color: var(--bs-gray-700);

}
.adminiconsBar a::before,
.plusminusIcon::before,
.updateDate::before,
.view_attend::before,
.fp-toolbar div.resorce_search_div::before,
.fp-pathbar .fp-path-folder::before,
.fp-toolbar .fp-btn-mkdir a::before,
a.print_icon::before,
a.pdf_icon::before,
a.csv_icon::before {
	font-size: 14px;
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	text-align: left;
	color: var(--link-color);
}
.adminiconsBar a::before {
	width: 20px;
}
.compliance_icon:after {
	content: "";
	background: url("/theme/boost/pix/icon_sprite_20px.svg") no-repeat;
	background-position: -313px -67px;
	width: 20px;
	height: 20px;
	background-size: 32em;
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 4px;
}

.listview-row .compliance_icon:after {
	background-size: 28em;
	top: 5px;
	right: 40px;
}
table .compliance_icon:after {
	position: relative;
	top: 3px;
    right: 0px;
}

.adminiconsBar a.disabled:hover,
.adminiconsBar a.disabled,
.adminiconsBar a.disabledQuiz::before,
.adminiconsBar a.disabled::before {
	color: var(--bs-gray-400);
	cursor: default;
	pointer-events: none;
}

.plusminusIcon::before {
	content: "\f067";
}

a.edit::before {
	content: "\f303";
}

a.updateDate::before {
	content: "\f073";
	font-weight: 400 !important;
	font-size: 16px;
	color: var(--bs-primary);
}

.fp-pathbar .fp-path-folder::before {
	content: "\f07c";
}

.fp-toolbar .fp-btn-mkdir a::before {
	content: "\f07c";
	font-size: 20px;
}

a.edit-disable:before {
	content: "\f303";
	color: var(--bs-gray-400);
	cursor: default;
}
.asset_title .optional::before, .asset_title .mandatory::before, .timeline-details .timeline-heading .optional::before, .timeline-details .timeline-heading .mandatory::before,
option.optional::after, option.mandatory1::after {    
    font-family: var(--fa);
    font-weight: 900;
    display: inline-block;
    padding-left: 8px;
    color: var(--bs-gray-600);
} 
.timeline-details .timeline-heading .optional::before, .timeline-details .timeline-heading .mandatory::before,
option.optional::after, option.mandatory1::after {
	 font-size: 12px;
	 padding-left: 6px;
	 position: relative;
	 top: -2px;
}
option.optional::after, option.mandatory1::after {
	top: -1px;
}
.timeline-details .timeline-heading .optional::before,
.asset_title .optional::before,
option.optional::after {
	color: var(--orange);
}
.asset_title .optional::before {
	font-size: 12px;
}
.timeline-details .timeline-heading .mandatory::before,
.asset_title .mandatory::before,
option.mandatory1::after {
	color: var(--bs-red);
	font-size: 10px;	
}
.asset_title .optional::before,
.asset_title .mandatory::before {
	position: relative;
    top: -3px;
}
a.optional_asset::before, .asset_title .optional::before, option.optional::after, .timeline-details .timeline-heading .optional::before {
	content: '\f071';
}

a.mandatory_asset::before, .asset_title .mandatory::before, option.mandatory1::after, .timeline-details .timeline-heading .mandatory::before{
	content: '\f069';
}

a.copy::before {
	content: "\f24d";
	font-weight: 400 !important;
}
a.csv_icon::before {
	content: '\f1c3';
	color: var(--bs-success);
}
a.print_icon::before {
	content: '\f02f';
}

a.pdf_icon::before {
	content: '\f1c1';
	color: var(--bs-red);
}
a.pdf_icon:hover::before,
.csv_filter:hover::before,
a.csv_icon:hover::before {	
	color: var(--bs-primary);
}

a.assign-group:before {
	content: "\f007";
}

.view_attend::before {
	content: "\f06e";
}

.fp-toolbar div.resorce_search_div::before {
	content: "\f002";
}

a.assign-group-disabled:before {
	content: "\f007";
	color: var(--bs-gray-400);
	cursor: default;
}

a.disable::before,
a.classdisable::before,
a.de-activate::before,
a.feedback-activate::before {
	content: "\f05e";
}

a.enable:before,
a.f-enable:before,
a.feedback-enable:before,
a.classenable:before {
	content: "\f00c";
}

a.classroom-details-view:before {
	content: "\f1ea";
}

a.view:before,
a.launch-course:before,
a.materials-view:before,
a.tracking-scheduling-view:before {
	content: "\f06e";
}

a.view-disable {
	content: "\f06e";
	color: var(--bs-gray-400);
	cursor: default;
}

a.assign-courses:before {
	content: "\f109";
}

a.delete:before,
a.f-delete:before,
a.f1-delete::before,
a.feedback-delete::before {
	content: "\f2ed";
}
a.managequestions::before {
	content: "\f013";
}
a.delete-disabled:before,
a.delete.disabled:before {
	content: "\f2ed";
	color: var(--bs-gray-400);
	cursor: default;
}

a.resetCourse::before {
	content: "\f02d";
}

a.assign-program:before {
	content: "\f07b";
}

a.addCompHead:before {
	content: "\f0e8";
	transform: rotate(-90deg);
}

a.assign-theme:before {
	content: "\f1fc";
}

a.refrence-material:before {
	content: "\f15c";
	font-weight: 400;
}

a.refrence-material-disabled:before {
	content: "\f15c";
	font-weight: 400;
	color: var(--bs-gray-400);
	cursor: default;
}

a.attendance-schedule:before {
	content: "\f133";
	font-weight: 400;
}

a.attendance-schedule-disabled:before {
	content: "\f133";
	font-weight: 400;
	color: var(--bs-gray-400);
	cursor: default;
}

a.publish-program:before,
a.publish:before {
	content: "\f14d";
}

a.published:before {
	content: "\f045";
	color: var(--bs-green);
}

a.publish-program-disabled:before {
	content: "\f045";
	color: var(--bs-gray-400);
	cursor: default;
}

a.read-message:before {
	content: "\f0e0";
}

a.view-message:before {
	content: "\f003";
}

a.accept:before {
	content: "\f164";
}

a.decline:before {
	content: "\f165";
}

a.status:before {
	content: "\f00c";
}

a.status-disable:before {
	content: "\f00c";
	color: var(--bs-gray-400);
	cursor: default;
}

a.up:before {
	content: "\f106";
}

a.up,
a.down {
	width: 10px;
}

.adminiconsBar a.up,
.adminiconsBar a.down {
	margin-left: 10px;
	margin-right: 10px;
}

a.down:before {
	content: "\f107";
}

.filterCollapseArea {
	width: 100%;
}

#common-search {
	display: none;
}

a.disabled:hover, a.disabled {
	font-style: normal;
}

a.view-disable,
a.edit-disable,
a.assign-group-disabled,
a.delete-disabled,
a.refrence-material-disabled,
a.attendance-schedule-disabled,
a.publish-program-disabled,
a.status-disable,
a.classenable-disabled,
a.classdisable-disabled ,
a.publish-disabled {
	pointer-events: none;
	cursor: default !important;
}

.classdisable-disabled:before {
	content: "\f05e";
	color: var(--bs-gray-300) !important;
	cursor: default;
}

.approved-icon span,
.decline-icon span,
.requestclass-icon span,
.waitingforapproval-icon span,
.completed-icon span,
.decline-icon span a,
.requestclass-icon span a,
.waitingforapproval-icon span a,
.completed-icon span a,
.incomplete-icon span,
.no.show-icon span {
	display: block;
	color: var(--bs-primary);
	font-weight: bold;
}
.approved-icon::before,
.decline-icon::before,
.requestclass-icon::before,
.waitingforapproval-icon::before,
.completed-icon::before,
.incomplete-icon::before,
.no.show-icon::before {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	background-color: var(--bs-primary);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--bs-white);
	font-size: 16px;
	text-align: center;
	line-height: 32px;

}
.decline-icon a.decline::before{
	display:none;
}
.approved-icon::before {
	content: "\f164";	
}
.incomplete-icon::before {
	content: "\f252";
}
.no.show-icon::before {
	content: '\f070';
}
.decline-icon::before {
	content: "\f165";	
}
.requestclass-icon::before {
	content: "\f050";
}
.waitingforapproval-icon::before {
	content: "\f017";
	font-weight: 400;
}
.completed-icon::before {
	content: "\f00c";
}
.requestclass-icon span a::before {
	display: none;
}

.bg-success {
	clear: both;
	color: var(--bs-success) !important;
	background-color: #badbcc !important;
	position: relative;
	padding: 1rem 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.2rem;
}

.filterCollapseArea {
	background-color: var(--bs-white);
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	display: block;
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
}

.filterCollapseArea .field_selector {
	margin: 0;
	padding: 15px 15px 0 15px;
	clear: both;
	overflow: hidden;
} 
.filterCollapseArea .select_box_mul {
	padding: 15px !important;
}
.filterCollapseArea .select_box_mul .col-md-12.mt-3 {
	display: inline-block;
}
.filterCollapseArea .select_box_mul .row {
	--bs-gutter-x: 1rem;
}

.selector-radio {
	margin-right: 9px;
	float: left;
	display: inline-flex;
	align-items: center;
	margin-bottom: 5px;
}

.radio-container {
	display: block;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--bs-gray-600);
}

.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	/* position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: auto; */
}

.radio-checkmark,
.asset_details_bottom .assest_acknowlege input[type="checkbox"],
.common-checkbox input[type="checkbox"] {
	height: 14px;
	width: 14px;
}

.radio-checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	background-color: var(--bs-white);
	border-radius: 50%;
	border: 1px solid var(--bs-gray-400);
}

.radio-container:hover input~.radio-checkmark {
	background-color: var(--bs-white);
}

.radio-container input:checked~.radio-checkmark {
	background-color: var(--bs-blue);
	border-color: var(--bs-blue);
}

.radio-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radio-container input:checked~.radio-checkmark:after {
	display: block;
}

.radio-container .radio-checkmark:after {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 6px;
	height: 6px;
	margin: auto;
	border-radius: 50%;
	background-color: var(--bs-white);
}

.radio-container input:focus+.radio-checkmark {
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.mform .fcontainer .fitem {
	/* display: flex; */
	flex-direction: column;
}

.form-item .form-label,
.mform .fcontainer .fitem .fitemtitle {
	width: 100%;
	padding: 0 !important;
	text-align: left;
	float: none;
}

.mform .fitem .felement {
	margin-left: 0 !important;
	position: relative
}
.mform .fitem .col-md-9.felement,
.mform .fitem .col-md-9.checkbox {
	width: 100%;
}

/* #page-user-editadvanced #fitem_hiredate .ftext::before {
	content: "";
	background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat -46px 0px;
	width: 20px;
	height: 20px;
	background-size: 32em !important;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 35px;
} */

/* #fitem_hiredate #hiredate {
	text-indent: 26px;
} */

.error input[type="text"],
.error input[type="password"] {
	border-bottom: 1px solid var(--bs-red) !important;
}

.mform span.error,
.loginpanel .error {
	padding: 0px;
	margin-bottom: 4px;
	font-size: 12px;
	color: var(--bs-red) !important;
	bottom: 0;
	left: 0;
	background-color: transparent !important;
	border: 0 !important;
}

fieldset.collapsible {
	width: 100% !important;
}

fieldset.collapsible:first-child,
form .collapsible-actions+fieldset.collapsible {
	margin-top: 10px;
}

.mform .fcontainer,
.f_container {
	background-color: var(--bs-white);
	width: 100%;
	margin-bottom: 0;
	border: 1.4px solid var(--border-color-light);
	border-radius: 6px;
	float: left;
}
.f_container {
	background-color: var(--bs-white) !important;
	border: 1.4px solid var(--border-color-light) !important;
	padding: 2px;
}
.mform fieldset {
	border-bottom: 0;
}
fieldset.collapsible .ftoggler {
	color: var(--bs-gray-900);
	background: var(--bs-light-color);
	font-size: 16px;
	padding: 10px 15px;
	margin: 0 0 7px 0 !important;
	width: 100%;
	min-height: 46px;
	border: 1.4px solid var(--border-color-light);
	display: inline-flex !important;
	align-items: center !important;	
	border-radius: 6px;
}

fieldset.collapsed .ftoggler {
	background: var(--bs-white);
}
fieldset .ftoggler .expanded-icon,
fieldset .ftoggler .collapsed-icon {
	display: none !important;
}
fieldset.collapsible .ftoggler h3 {
	font-size: 16px;
}
fieldset.collapsible .ftoggler a.fheader {
	padding: 0;
	margin-left: 0;
	background: none;
	background-image: none;
	height: 18px;
	width: 20px;
}
fieldset.collapsible .ftoggler a.fheader:hover,
fieldset.collapsible .ftoggler a.fheader:active {
	background-color: transparent;
}

fieldset.collapsed .ftoggler a.fheader {
	color: var(--bs-gray-900);
}
fieldset.collapsible .ftoggler {
	border-color: var(--bs-primary);
}
fieldset.collapsed .ftoggler {
	border-color: var(--border-color-light);
}
fieldset.collapsed .ftoggler:hover {
	background: var(--bs-light-color);
}
fieldset.collapsible .d-flex.mb-2 {
	margin-bottom: 0 !important;
}
fieldset.collapsible .ftoggler a.fheader:focus {
	box-shadow: none !important;
}
fieldset.collapsed .ftoggler:hover a.fheader::before,
fieldset.collapsible .ftoggler a.fheader::before {
	color: var(--bs-primary);
}
.collapsemenu .expandall {
	display: inline-block;
}
fieldset .fcontainer.showdiv {
	display: block;
}

.mform fieldset.collapsible .ftoggler a.fheader::before,
.mform fieldset.collapsed .ftoggler a.fheader::before,
.tabLinks .publish-course-div a span::before {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 16px;
}

.mform fieldset.collapsible .ftoggler a.fheader::before {
	content: '\f0ab';
}

.mform fieldset.collapsed .ftoggler a.fheader::before {
	content: '\f0a9';
	color: var(--bs-gray-700);
}

fieldset.collapsed .ftoggler:hover a.fheader::before {
	color: var(--bs-primary);
}

.mform .collapsible-actions {
	padding: 10px 0 10px 0 !important;
}

.mform .cPicture.femptylabel .fstaticlabel,
#page-calendar-event .mform .femptylabel .fitemtitle {
	display: none;
}
#page-calendar-event .mform input[type="radio"]{
	margin-top: -3px;
}
#page-calendar-event .mform input[type="radio"]+label{
	font-size: 14px;
}
.course_table1 {
	margin-top: 10px;
}

#page-extensions-my-dashboard .tabLinks,
#page-extensions-local-academy-course_catalog .tabLinks,
#page-extensions-my-course_catalog .tabLinks {
	position: fixed;
	padding: 0;
	top: 86px;
	z-index: 99;
}
span.count_class,
.tabLinks a.current span.count_class {
	margin-left: 2px;
	padding: 2px;
	text-align: center;
	position: relative;
	bottom: auto;
	left: auto;
	font-size: 14px;
}

span.count_class {
	color: var(--bs-gray-800);
}

.tabLinks a.current span.count_class {
	color: var(--bs-theme-orange);
}

.tabLinks {
	display: block;
	padding: 10px 0 0 0;
	width: 100%;
}

.tabsOuter .tabLinks {
	padding-bottom: 10px;
}

.tabLinks div:not(.publish-course-div) {
	display: inline-block;
	margin-right: 15px;
	font-size: 16px;
}

.tabLinks div a:not(.publish-course-div>a) {
	color: var(--bs-gray-900);
	padding: 0 0 7px 0;
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline-block;
}

.tabLinks div a.current:not(.publish-course-div>a),
.tabLinks div a:not(.publish-course-div>a):hover {
	box-shadow: inset 0 -2px 0 var(--bs-primary);
}

.tabLinks .publish-course-div {
	margin-right: 0;
	margin-left: 10px;
	display: inline-block;
}

.tabLinks .publish-course-div a {
	background: #e1f1e9;
	border-radius: 30px;
	padding: 5px 7px 5px 10px;	
	color: var(--bs-success);
	border: 1.4px solid #c6e8d7;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	font-weight: bold;
}

.tabLinks .publish-course-div a span {
	width: 20px;
	height: 20px;
	display: inline-flex;
	background: var(--bs-success);
	border-radius: 50%;
	margin-left: 10px;
	align-items: center;
	justify-content: center;
	color: var(--bs-white);
}

.tabLinks .publish-course-div a span::before {
	content: '\f062';
	text-align: center;
	padding: 0;
	margin-top: 1px;
	font-size: 11px;
}

.tabLinks .publish-course-div a:hover,
.tabLinks .publish-course-div a:focus {
	background: var(--bs-success);
	color: var(--bs-white);
}

.tabLinks .publish-course-div a:hover span,
.tabLinks .publish-course-div a:focus span {
	background: var(--bs-white);
	color: var(--bs-success);
}
.tabLinks_new.tabLinks a {
	color: var(--bs-gray-900);
	font-size: 16px;
	margin-right: 15px;
	padding: 7px 0;
}
.tabLinks_new.tabLinks a.current {
	box-shadow: inset 0 -2px 0 var(--bs-primary);
}
.tabsOuter .no-course {
	float: left;
	width: 100%;
	padding: 0;
}

.tabsOuter .no-course .left-icon img,
.tabsOuter .no-course .right-icon img {
	display: none;
}

#fgroup_id_buttonar,
#fgroup_id_buttonar.fitem_actionbuttons {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 10px 0;
}

#fgroup_id_buttonar .fitemtitle {
	display: none;
}

select[multiple], select[size] {
	border: 1px solid var(--bs-gray-400);
}

.borderBlockSpace.userprofile .user-picture-div {
	flex-basis: 100px;
	max-width: 100px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.borderBlockSpace.userprofile .user-picture-div img {
	box-shadow: none;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1.4px solid #f7f7f7;
}

.userprofile .userprofilebox .profilepicture a img {
	box-shadow: none !important;
}

.userprofile .user-profile-description {
	flex-basis: calc(100% - 130px);
	max-width: calc(100% - 130px);
	margin-bottom: 10px;
	/* overflow-x: auto; */
	-webkit-overflow-scrolling: touch;
}

.userprofile .user-profile-description table {
	border: 1px solid var(--bs-gray-200);
	width: 100%;
}

.userprofile .user-profile-description table th {
	width: 17%;
}

.userprofile .user-profile-description table td,
.userprofile .user-profile-description table th {
	border: 1px solid var(--bs-gray-200);
	vertical-align: middle;
	padding: 10px;
}

.userprofile .user-profile-description table p {
	margin: 5px 0;
}

.catalog-filter-area .catalog-filter-wrapper,
.catalog-filter-area .catalog-filter-card {
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 0;
}

.catalog-filter-area .catalog-filter-wrapper .filter .left_filter {
	padding: 10px;
	background-color: var(--bs-white);
}

.catalog-filter-area .catalog-filter-wrapper .filter .learning-search,
.catalog-filter-area .catalog-filter-wrapper .filter .learning-search .left_filter {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	flex-direction: column;
}
.catalog-filter-area .catalog-filter-wrapper .filter .learning-search .left_filter .filter_value {
	display: flex;
}
.catalog-filter-area .catalog-filter-wrapper .filter .learning-search .course_type {
	width: 100%;
	height: auto;
	text-transform: none;
	white-space: normal;
	border-radius: 0;
	align-items: flex-start;
	margin: 0;
}

.catalog-filter-area .catalog-filter-wrapper .filter .left_filter .course_type {
	padding: 0;
}

.catalog-filter-area .catalog-filter-wrapper .filter .learning-search .left_filter {
	margin-bottom: 10px;
}

.catalog-filter-area .catalog-filter-wrapper .filter .filter_title {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}

.catalog-filter-area .catalog-filter-wrapper .filter .left_filter .filter_title,
.catalog-filter-area .catalog-filter-wrapper .filter .left_filter .filter_title .course_type {
	font-size: 14px;
}

.catalog-filter-area .filter .left_filter .filter_value label {
	pointer-events: none;
	color: var(--bs-gray-600);
	font-size: 13px;
	display: flex;
}

.catalog-filter-area .filter .left_filter .filter_value input[type="checkbox"] {
	pointer-events: auto;
	flex: 0 0 auto;
}

.catalog-filter {
	position: relative;
}

.catalog-filter .view_div {
    top: 3px;
    position: relative;
}

.ec_filter_result ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.ec_filter_result .filter_icon .grid_icon,
.ec_filter_result .filter_icon .list_icon {
	top: 0;
}

.ec_filter_result .buyer_type {
	align-items: center;
}
.ec_filter_result .buyer_type .filter_title {
    position: relative;
    top: 4px;

}
.ec_filter_result .filter_icon .grid_icon::before , .ec_filter_result .filter_icon .list_icon::before {
    position: relative;
    top: 1px;
}

.ec_filter_result .buyer_type .form-check {
	min-height: 1;
	margin-bottom: 0;
}

.ec_filter_result .buyer_type .form-check .form-check-label {
	position: relative;
	color: #4C5357;
}

.ec_filter_result .buyer_type .form-check .form-check-input {
	margin-left: -0.8rem;
	margin-right: 5px;
	position: relative;
	top: 4px;
}

#page-cart-catalogbeforelogin .breadcrumb-container {
	display: none;
}

.ec_list-view {
	background: var(--bs-white);
	border-radius: 0;
	width: calc(100% / 3 - 20px);
	float: left;
	margin: 0px 10px 15px 10px;
	padding: 0;
	min-height: 330px;
	position: relative;
	border: 1px solid var(--bs-gray-200);
}

.catalog-filter-card .ec_list-view {
	height: 330px;
}

#page-cart-catalogbeforelogin .ec_list-view,
#page-cart-catalog .ec_list-view {
	width: 100%;
}

.ec_list-view:hover,
.c-listview:hover,
.catalogRelCourse:hover {
	box-shadow: 0px 4px 17px -5px rgba(0, 0, 0, 0.32);
	cursor: pointer;
}

p.catalog-top {
	padding: 3px 10px;
	font-size: 13px;
	margin: 0;
	color: var(--bs-gray-900);
	height: 32px;
	line-height: 26px;
	font-weight: bold;
}

.ec_list-view .entry-thumnail {
	width: 100%;
	position: relative;
	display: block !important;
}

.ec_list-view .entry-thumnail figure {
	width: auto;
	height: 140px;
	display: flex;
	align-items: center;
	margin: 0;
}

.ec_list-view .entry-thumnail img,
.ec_grid-view img {
	max-height: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.catalogCourse .course_type {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.course-type-onlinecourse {
	background-color: var(--online-course);
}

.course-type-program {
	background-color: var(--program-course);
}

.course-type-classroom {
	background-color: var(--classroom-course);
}

.entry-content {
	display: block;
	padding: 10px;
	width: 100%;
	float: left;
}

.catalog-heading {
	font-size: 16px;
	font-weight: bold;
	-webkit-line-clamp: 2;
}

.catalog-heading a {
	color: var(--bs-gray-900);
}

.catalog-heading,
.c_description,
.catalog-sub-heading {
	color: var(--bs-gray-900);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.c_description {
	-webkit-line-clamp: 3;
	line-height: 18px;
	font-size: 13px;
}

.catalog-sub-heading {
	font-size: 16px;
	-webkit-line-clamp: 2;
}

.catlog-id {
	position: absolute;
	bottom: 50px;
	left: 10px;
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: inline-flex;
	color: var(--bs-gray-900);
	list-style: none;
}

.ec_list-view .catlog-id li {
	position: relative;
	padding-right: 3px;
	font-size: 12px;
}

.catalog-btm {
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid var(--bs-gray-200);
}

.catalog-btm--inner {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.course_price {
	font-size: 14px;
	color: var(--link-color);
	position: relative;
	font-weight: bold;
}

#loadMore {
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 15px 0 0 0;
	padding-top: 10px;
}

.c-listview {
	background: var(--bs-white);
	border-radius: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0px 0 10px 0;
	padding: 7px;
	position: relative;
	border: 1px solid var(--bs-gray-200);
}

.c-listview p.catalog-top {
	padding: 0;
	height: 24px;
	line-height: 18px;
}

.c-innerview figure {
	width: 110px;
	height: 110px;
	float: left;
	margin: 0;
}

.c-innerview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.c-innerview-wrapper {
	display: flex;
	width: 100%;
}

.c-innerview {
	flex-basis: 120px;
	max-width: 120px;
}

.c-desview {
	flex-basis: calc(100% - 120px);
	max-width: calc(100% - 120px);
	display: flex;
	flex-direction: column;
}

.content_bttm {
	margin-bottom: auto !important;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.catalog-des {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	margin-bottom: auto !important;
}
.des_ellipse {
    width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	margin-bottom: auto !important;
}


.catalog-des p {
	font-size: 13px;
	margin-bottom: 0;
}

.listview-catalog-id,
.c-bottomview ul {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 13px;
	display: inline-flex;
	color: var(--bs-gray-900);
	list-style: none;
}

.list-style-inline li {
	list-style: none;
	position: relative;
	padding-right: 3px;
	font-size: 12px;
	display: inline;
}

.c-bottomview {
	position: relative;
	border-top: 1px solid var(--bs-gray-200);
	width: 100%;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.c-bottomview ul {
	align-items: baseline;
	flex-wrap: wrap;
	flex: 1;
}

.c-bottomview ul li {
	display: inline;
	margin: 0 15px 0 0;
	white-space: nowrap;
}

.c-bottomview ul li:first-child {
	margin-left: 0;
}

.date-icon {
	font-weight: bold;
}

.date-icon small {
	font-weight: normal;
}

.description-heading {
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
}

.categ_name {
	font-size: 12px;
	margin: 0;
}

.course-desc1,
.course-desc2,
.course-desc3 {
	margin: 0;
	padding: 0;
}

.ec_courpageouter {
	width: 100%;
}

.ec_list-view .course-desc2 li i,
.ec_courpageouter .course-desc2 li i {
	margin-right: 3px;
	color: var(--bs-gray-900);
	vertical-align: bottom;
}

.ec_courpageouter .catalogDesc .course-desc2 li,
.ec_courpageouter .catalogDesc .course-desc2 li i {
	color: var(--bs-gray-900);
}

.ec_courpageouter .course-desc2 li {
	float: left;
	list-style: none;
	font-size: 13px;
}

.course-desc1 li {
	list-style: none;
	display: inline;
	font-size: 12px;
}

.ec_courpageouter .course-detail {
	margin-bottom: 10px;
}

ul.vertical-divider {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.vertical-divider li {
	border-left: 1px solid var(--bs-gray-400);
	padding: 0 10px;
}

.vertical-divider li:first-child {
	border-left: 0;
	padding-left: 0;
}

.course-des--img {
	width: 100%;
	height: 250px;
	display: block;
	border: 5px solid var(--bs-white);
}

.course-des--img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img_rate {
	position: relative;
}

.rate {
	font-size: 22px;
	color: var(--bs-primary);
	font-weight: bold;
	margin: 0 0 10px 0;
}

.rate span {
	color: var(--bs-gray-900);
	font-size: 18px;
	text-decoration: line-through;
}

ul.course-points {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.course-points li {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 5px;
}

.course-points span {
	font-size: 20px;
	margin-right: 10px;
}

.course-points p {
	margin-bottom: 0;
}

.button_sec {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	padding-left: 50px;
}

.button_sec button {
	min-width: 150px;
	flex: 1;
}

.button_sec .material-icons {
	font-size: 18px;
	vertical-align: sub;
	margin-right: 3px;
}

.qtynum input {
	width: 40px;
	height: 35px;
	margin-right: 10px;
	padding: 5px;
	border-radius: 2px;
}

.button_sec .qtynum input {
	position: absolute;
	left: 0;
}

.qtynum input[type="number"]::-webkit-inner-spin-button,
.qtynum input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qtynum input[type="number"] {
	-moz-appearance: textfield;
}

.course-detail-heading {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

.topsec .readmore {
	color: var(--link-color);
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}
.topsec .readmore::after {
	content: '\f078';
	font-family: var(--fa);
	font-weight: 900;
	font-size: 10px;
	display: inline-block;
	padding-left: 5px;
}
.topsec .readmore.active::after {
	content: '\f077';
}

.hideshow {
	font-size: 14px;
	margin: 0;
	width: 100%;
	height: 0;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

.hideshow.active {
	height: auto;
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

.catalogcard-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.catalogRelCourse {
	height: 315px;
	background: var(--bs-white);
	position: relative;
	border: 1px solid var(--bs-gray-200);
	display: flex;
	flex-direction: column;
}

.catalogRelCourse .entry-content {
	margin-bottom: auto;
}

.course_Relprice {
	font-weight: bold;
	color: var(--bs-primary);
	font-size: 16px;
	padding: 5px 10px;
	display: block;
	width: 100%;
}

.catalogRelCourse .course-img {
	width: 100%;
	height: 120px;
	display: block;
	position: relative;
}

.catalogRelCourse img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.content_mid {
	position: relative;
	border-top: 1px solid var(--bs-gray-200);
	padding: 7px 10px;
	width: 100%;
	display: flex;
}

.catalogRelCourse .content_mid .course-desc2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ec_cartsec_inner .leftsec,
.ec_cartsec_inner .rightsec,
.ec_checkout_sec {
	background: var(--bs-white);
	padding: 0;
	border-radius: 0;
}

.ec_checkout_sec h4,
.cartdetail-title {
	margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

.ec_checkout_sec h4 {
	border-bottom: 1px solid var(--bs-gray-200);
}

.ec_cartheadrow,
.ec_cartinner_row {
	background-color: var(--bs-white);
	width: 100%;
	min-height: 36px;
	font-size: 14px;
	color: var(--bs-gray-900);
	display: flex;
}

.ec_cartheadrow {
	border-top: var(--bs-gray-200) 1px solid;
	border-bottom: var(--bs-gray-200) 1px solid;
	font-weight: bold;
	align-items: center;
}

.ec_cartinner_row {
	border-bottom: var(--bs-gray-200) 1px solid;
	align-items: flex-start;
}

.ec_cartheadrow .ec_cart_col,
.ec_cartinner_row .ec_cart_col {
	border-right: #f0f0f0 1px solid;
	padding: 7px 10px;
	display: flex;
	flex: 1;
}

.ec_cartinner_row .ec_cart_col {
	height: 80px;
}
.ec_cartinner_row .ec_cart_col i {
	color: var(--bs-gray-600);
}
.ec_cartheadrow .ec_cart_col:nth-child(1),
.ec_cartinner_row .ec_cart_col:nth-child(1) {
	flex: 2;
}

.ec_cartheadrow .ec_cart_col:last-child,
.ec_cartinner_row .ec_cart_col:last-child {
	border-right: 0;
}

.ec_cartinner_row:last-child {
	border-bottom: 0;
}

.ec_cartinner_row .borderimg {
	width: 70px;
	height: 50px;
	display: none;
}

.ec_cartinner_row .borderimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ec_cartinner_row .ec_cart_col p {
	margin-bottom: 0;
}

.ec_cartinner_row .ec_cart_col .remove-cart {
	cursor: pointer;
}

.ec_cartinner_row .ec_cart_col a {
	color: var(--bs-gray-900);
}

.ec_cartinner_row .ec_cart_col a:hover,
.ec_cartinner_row .ec_cart_col .remove-cart:hover {
	color: var(--link-color);
}

.ec_cartinner_row input[type="number"] {
	padding: 5px;
	width: 40px;
}

.ec_checkout_secinner {
	padding: 10px;
}

.ec_totalsec .totalright {
	font-size: 16px;
	font-weight: bold;
	color: var(--link-color);
	padding-left: 10px;
	display: inline-block;
}

.ec_continue_shop {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.button_sec .ec_continue_shop {
	width: auto;
}

.ec_continue_shop .btn {
	display: inline-block;
	margin: 5px 0;
	color: var(--bs-white);
}
.descriptionbeforelogin-inner .ec_continue_shop .btn {
	margin: 0;
}
.button_sec .continue .btn {
	margin: 0;
	color: var(--bs-primary);
}

.addtocart.cartdisabled,
.ec_checkout_sec .cartdisabled {
	opacity: 0.65;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
	font-weight: normal;
	font-size: 13px;
	color: var(--bs-gray-600);
	cursor: pointer;
}

.ec_addCart_class {
	width: 100%;
}

.ec_addCart_class img {
	border-radius: 0;
	width: 100%;
	max-width: 100%;
}

.ec_addCart_class,
.msg-tab-html,
#addmembersform table,
.assignTable {
	width: 100%;
}

.collapse {
	display: inherit;
}

fieldset.hidden {
	display: block !important;
	visibility: visible !important;
}

li.section.hidden,
.block.hidden,
.block.invisible {
	display: block !important;
	visibility: visible !important;
}

.hide {
	display: inherit !important;
}

span.hide,
div.hide {
	display: none !important;
}

#addmembersform table tr td {
	padding: 20px;
}

#addmembersform table tr td.potentialcell,
.assignTable table tr td.potentialcell {
	width: 45%;
}

#addmembersform table tr td.potentialcell p label {
	font-weight: bold;
	font-size: 16px;
}

#user_addselect_wrapper,
.disable-outer,
.searchBoxDiv {
	position: relative;
}

#user_addselect_wrapper .disabled {
	position: absolute;
	height: 99%;
	width: 100%;
	opacity: 0.1;
	top: -3px;
}
.disable-outer:before {
    background: rgba(255,255,255,0.7);
    bottom: 0;
    right: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
} 
.userselector select {
	width: 100%;
	height: 430px;
	max-width: 100%;
	padding: 10px;
	border-radius: 0;
}
.potentialcell  .userselector select {
	padding: 5px !important;
}
 .potentialcell.padd_left_none,  .potentialcell.padd_right_none{ float: left; }
.action_div{ width: 100%; float: left;}
.potentialcell.padd_right_none .selected_item_class label{margin-bottom: 5px;}
table .potentialcell .userselector>select option {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
	max-width: 100%;
	margin-bottom: 5px;
}

table .potentialcell .userselector>select option:first-child {
	margin-top: 5px;
}
table .potentialcell .userselector {
	margin-bottom: 15px;
}
table .arrow_button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 470px;
	padding-top: 50px;
}

table .arrow_button input.moveLeftButton,
table .arrow_button input.moveRightButton {
	flex: 1;
}

table .arrow_button input.moveLeftButton {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

table .arrow_button input.moveRightButton {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

table .arrow_button input.moveLeftButton,
table .arrow_button input.moveRightButton {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 16px;
	display: inline-block;
	margin: 0 4px;
	text-align: center !important;
	width: 40px;
	height: 40px;
	padding: 0px;
}

table tr td#buttonscell {
	vertical-align: top;
}

.msg-tab-html .tab-box {
	margin-bottom: 15px;
}

.msg-tab-html .tab-box .tabLink {
	color: var(--bs-gray-900);
	padding: 7px 0;
	font-size: 16px;
	margin-right: 15px;
}

.msg-tab-html .tab-box .tabLink.activeLink {
	box-shadow: inset 0 -2px 0 var(--bs-primary);
}

.potentialcell fieldset legend {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
}

table .searchBoxDiv input[type="text"] {
	padding: 7px 7px 7px 30px !important;
	border-radius: 0;
	border: solid var(--bs-gray-400);
	border-width: 0 0 1px 0;
}

table .searchBoxDiv input[type="text"]:focus {
	border-color: var(--bs-gray-600);
	outline: 0;
	outline-offset: 0;
	box-shadow: none;
}

table .searchBoxDiv input[type="text"],
table .searchBoxDiv {
	max-width: 100%;
	width: 100%;
}

table .searchBoxDiv {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.assignTable #backcell {
	padding-left: 5px;
	padding-right: 0;
	padding-top: 0;
}

#search-form div.search-input {
	border: none;
}

table .potentialcell .search_clear_button {
	margin: 0;
}

.search_clear_button {
	position: absolute;
	width: 15px;
	height: 20px;
	left: 0px;
	top: 5px;
	display: flex;
	align-items: center;
}

.search_clear_button button[type="button"],
.search_clear_button a {
	background: transparent;
	color: var(--bs-gray-600);
	box-shadow: none;
	width: 15px;
	height: 16px;
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
}

.search_clear_button button[type="button"]:hover {
	box-shadow: none;
}

.search_clear_button button[type="button"]::before,
.search_clear_button a:before,
.dragdropIcon::before,
.visibleifjs::before {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
	color: var(--bs-gray-900);
}

.search_clear_button button[type="button"]::before {
	content: "\f002";
}

.search_clear_button a {
	margin-left: 0;
	margin-right: 5px;
	margin-top: 2px;
	overflow: hidden;
}

.search_clear_button a::before {
	content: "\f00d";
}

.non-enrolled-class-user-filter-box,
.enrolled-class-user-filter-box,
.non-enrolled-user-filter-box,
.enrolled-user-filter-box,
.non-enrolled-program-user-filter-box,
.enrolled-program-user-filter-box {
	float: left;
	width: 100%;
}

.subs_reports_status_bar,
.select_box_mul select {
	width: 100%;
}

.subs_reports_status_bar .field_selector {
	margin-bottom: 0;
	width: 100%;
}

.subs_reports_status_bar .field_selector input[type="radio"]+span {
	color: var(--bs-gray-600);
	font-size: 13px;
	padding-left: 5px;
}

.subsReport select {
	font-size: 13px;
	padding: 0;
	background: var(--bs-white);
	border: 1px solid var(--bs-gray-400);
	border-radius: 0;
	height: 88px;
}

.subsReport select option {
	padding: 2px 5px;
	width: 100%;
}

.subsReport select option:first-child {
	/* border-bottom: 1px solid var(--bs-gray-300); */
	background: var(--bs-gray-200);
}

.select_box_mul select {
	/* margin-bottom: 10px; */
	padding: 0 !important;
}

table .potentialcell .select_box_mul select {
	margin-bottom: 15px;
}

.generaltable tbody>tr:nth-child(odd)>td {
	background: var(--bs-white);
	border-top: 0px none
}

table.ACDifferentiate .potentialcell .userselector select option {
	border-left: 4px solid var(--online-course);
}

table.ACDifferentiate .potentialcell .userselector select option.classroom {
	border-left: 4px solid var(--classroom-course);
}

table.ACDifferentiate .potentialcell .userselector select option.program {
	border-left: 4px solid var(--program-course);
}

.box .bluish {
	background: var(--program-course);
}

.box .redish {
	background: var(--online-course);
}

.box .greenish {
	background: var(--classroom-course);
}

#after-common-search {
	text-align: right;
	list-style: none;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}

#after-common-search .box {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-left: 10px;
}

#after-common-search .box span {
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-right: 5px;
}

table .search-noncourse-box select {
	width: 100%;
	display: block;
	margin-top: 5px;
}

form h2.icon_title,
.icon_title,
.nav_sequence legend {
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}

.nav_sequence {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.nav_sequence .row {
	float: left;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	min-height: 40px;
}

.nav_sequence .row:first-child {
	font-weight: bold;
	min-height: inherit;
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	background-color: var(--bs-light-color);
}
.nav_sequence .row:first-child .col {
	background-color: var(--bs-light-color);
}
.nav_sequence .row {
	background-color: var(--bs-white);
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	margin-bottom: 5px;
}
.nav_sequence .row .col {
	background-color: var(--bs-white);
	margin: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}

.nav_sequence .row .col:nth-child(2) {
	flex: 0;
	order: 2;
}

.course-img {
	float: left;
}

.msgbody img {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	object-fit: cover;
	margin-right: 10px;
}

.dragdropIcon {
	display: inline-block;
	background: var(--bs-gray-100);
	border: 1.4px solid var(--bs-gray-200);
	border-radius: 50%;
	padding: 3px;
	height: 30px;
	width: 30px;
	text-align: center;
	margin-top: 0;
}

.dragdropIcon::before {
	content: '\f58d';
}

.dragdropIcon:hover {
	background: var(--bs-primary);
	color: var(--bs-white);
	border-color: var(--bs-primary);
}
.dragdropIcon:hover::before {
	color: var(--bs-white);
}
.customListBox {
	padding: 5px 0;
	max-height: 100px;
	overflow: auto;
}

.customListBox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.customListBox .listitem {
	display: block;
	overflow: hidden;
	padding: 0 0 5px;
	line-height: normal;
}

.customListBox .listitem input {
	float: left;
	margin: 2px 0 0;
}

#page-user-assignusers #start_date,
#page-user-assignusers #end_date {
	/* background-position: 100% 50% !important; */
	width: 48%;
}

#cboxContent .course_top_wrapper.enrolment-course {
	padding-top: 15px;
}

#cboxContent .row_outer {
	padding: 0 10px;
}

#cboxContent .manage-team,
#cboxContent .msg-subject {
	padding: 10px;
}
#cboxContent .course_top_wrapper.enrolment-course .row_outer  {
	padding: 0 20px;
}
#cboxContent .course_top_wrapper.enrolment-course .row_outer .row3 {
	margin-left: 0;
}
#cboxContent .course_top_wrapper.enrolment-course .classroom-preview-heading {
	margin-bottom: 0;
	padding-top: 0;
}
.edit-button input {
	margin: 10px 5px 0 0;
}
.enrolment-course .manage-team .course-img {
	display: none;
}
.form-fitem-tabs .ftextarea {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.form-fitem-tabs .msg-tab-block,
.felement .msg-tab-block {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.form-fitem-tabs .msg-tab-block input[type="checkbox"], 
.felement .msg-tab-block input[type="checkbox"] {
	margin-top: 3px;
}

.form-fitem-tabs .msg-tab-block .nav-tabs,
.felement .msg-tab-block .tab-box {
	display: flex;
	width: 100%;
	margin: 10px 0;
}

.form-fitem-tabs .msg-tab-block .nav-tabs .tabLink,
.felement .msg-tab-block .tab-box .tabLink {
	margin-right: 20px;
	color: var(--bs-gray-900);
	padding: 5px;
}

.form-fitem-tabs .msg-tab-block .nav-tabs .tabLink.activeLink,
.felement .msg-tab-block .tab-box .tabLink.activeLink {
	box-shadow: inset 0 -2px 0 var(--bs-primary);
}

#page-my-index .tabcontent,
#page-mod-forum-forum .tabcontent,
.msg-tab-block .tabcontent_forum_users {
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	border: 1px solid var(--bs-gray-400);
}
.msg-tab-block .tabcontent_forum_users {
	border-radius: 6px;
}
.msg-tab-block .tabcontent_forum_users,
.form-fitem-tabs .tabcontent {
	padding: 5px;
}
.felement .msg-tab-block .tab-box #search-form {
	width: 100%;
}
.felement .msg-tab-block .tab-box #search-form input {
	width: 100% !important;
}
.felement .msg-tab-block .tab-box #search-form input::placeholder {
	color: var(--bs-gray-600);
}
.fdescriptionemail {
	margin-top: 10px;
}
#page-my-index .tabcontent .departments,
#page-mod-forum-forum .tabcontent .departments {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#page-my-index .tabcontent .msg-department,
#page-mod-forum-forum .tabcontent .msg-userlist {
	flex: 0 0 auto;
	width: 50%;
}

#page-my-index .tabcontent .msg-department,
.felement .msg-tab-block .tabcontent .msg-userlist {
	display: flex;
}

.msg-department,
.felement .msg-tab-block .tabcontent .msg-userlist {
	padding: 3px;
}

/* #page-my-index .tabcontent .msg-department input[type="checkbox"], */
#page-mod-forum-forum .tabcontent .msg-userlist input[type="checkbox"],
.felement .msg-tab-block .tabcontent .msg-userlist input[type="checkbox"] {
	margin: 4px 4px 0 0;
	flex: 0 0 auto;
}

.mform .fdate_selector .accesshide,
.mform .fdate_time_selector .accesshide,
.visibleifjs img,
.mform label.fitem-tlbl,
.fitem-hour-minute .accesshide {
	display: none;
}

.mform .fitem_fdate_selector .fdate_selector,
.mform .fitem_fdate_time_selector .fdate_time_selector,
.fitem-hour-minute .felement {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.mform .fitem_fdate_selector .fdate_selector select,
.mform .fitem_fdate_time_selector .fdate_time_selector select,
.fitem-hour-minute .felement select {
	flex: 1 0 0%;
}

.fitem-hour-minute .felement select {
	width: auto;
	margin-right: 10px;
}

.visibleifjs::before {
	content: '\f073';
	color: var(--bs-gray-700);
	font-weight: 400;
}

.jsenabled .visibleifjs {
	margin-top: 7px;
}

a[name="timeopen[calendar]"],
a[name="timeclose[calendar]"] {
	margin: 0;
}

.mform .fitem_fdate_time_selector .fdate_time_selector .visibleifjs,
.mform .fitem_fdate_selector .fdate_selector .visibleifjs {
	position: absolute;
	left: 4px;
}
.mform .fitem_fdate_time_selector .fdate_time_selector,
.mform .fitem_fdate_selector .fdate_selector {
	padding-left: 25px !important;
}
.mform .fcontainer .fitem.fitem_fcheckbox {
	display: flex;
	flex-direction: row;
	align-items: baseline;
}
.mform .fcontainer .fitem.fitem_fcheckbox .fitemtitle {
	width: auto;
	order: 1;
}
.mform .fcontainer .fitem.fitem_fcheckbox .fitemtitle + .fcheckbox {
	order: 0;
}
.mform .fcontainer .fitem.form-check-label {
	flex-direction: row;
}
.mform .fcontainer + .form-group .col-md-9,
#fitem_id_introeditor + .form-group.fitem {
	display: none;
}

/*-------Fp-toolbar------*/
.fp-toolbar .fp-btn-add a img,
.fp-toolbar .fp-btn-mkdir a img {
	display: none;
}

.fp-toolbar .fp-btn-add a,
.fp-toolbar .fp-btn-mkdir a {
	width: 28px !important;
	height: 28px !important;
	float: left;
	border-radius: 0px;
	margin: 0;
	position: relative;
	transform: scale(0.8);
    overflow: hidden;
}

.fp-toolbar .fp-btn-add a:hover,
.fp-toolbar .fp-btn-mkdir a:hover {
	background-image: none;
	background-color: transparent;
}

.fp-toolbar .fp-btn-mkdir {
	margin-right: 5px;
}

.fp-toolbar .fp-btn-download a,
.res-content span a span {
	width: 21px !important;
	height: 21px !important;
	float: left;
	border-radius: 0px;
	margin-top: 6px;
}

.res-content span a span {
	float: right !important;
	margin: 0 0 0 10px;
}

.fp-pathbar .fp-path-folder-name {
	margin-left: 5px;
}

.fp-pathbar .fp-path-folder {
	cursor: pointer;
	margin-left: 5px;
}
.file-picker .fp-pathbar {
	left: 220px;
}
.fp-filename-icon a:hover::before,
.yui3-datatable-col-assign a:hover::before {
	color: var(--bs-primary) !important;
}

/*-------Fp-viewbar------*/
.fp-viewbar {
	border-radius: 0px;
}

.fp-viewbar a.fp-vb-icons img,
.fp-viewbar a.fp-vb-details img,
.fp-viewbar a.fp-vb-tree img {
	display: none;
}

.fp-repo-items .fp-viewbar a.fp-vb-icons img,
.fp-repo-items .fp-viewbar a.fp-vb-details img,
.fp-repo-items .fp-viewbar a.fp-vb-tree img {
	display: inline-block;
}

.fp-viewbar a.fp-vb-icons,
.fp-viewbar a.fp-vb-details,
.fp-viewbar a.fp-vb-tree {
	width: 30px !important;
	height: 30px !important;
	float: left;
	border-radius: 0px;
	text-align: center;
}

#page-program-addprogram #mform1 .fp-navbar .fp-viewbar {
	display: none;
}

.moodle-dialogue-base .moodle-dialogue-wrap {
	border: 1.4px solid var(--bs-gray-200);
	border-radius: 6px;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
	background: var(--bs-gray-200);
	color: var(--bs-gray-900);
	border-radius: 6px 6px 0 0;
}

.moodle-dialogue-base .closebutton {
	width: 10px;
	height: 10px;
	box-shadow: none;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}
.moodle-dialogue-base .closebutton:focus {
	box-shadow: none;
}
#cboxClose {
	position: absolute;
	top: 15px;
	right: 13px;
	width: 11px;
	height: 11px;
	box-shadow: none;
	overflow: hidden;
	border-radius: 0;
	border: 0;
}

.moodle-dialogue-base .closebutton::before,
#cboxClose::before,
.fp-repo.first a::before,
.fp-repo.even a::before,
.fp-toolbar .fp-btn-download a::before,
#assign_access::before,
.uploadFileBtn::before,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu::before,
.fp-contextmenu::before {
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	color: var(--bs-gray-700);
}
.uploadFileBtn.btn-primary::before {
	color: var(--bs-white);
}
.moodle-dialogue-base .closebutton::before,
#cboxClose::before {
	content: "\f00d";
	text-align: center;
}

.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu::before, .fp-contextmenu::before {
	content: "\f013";
}

.file-picker .fp-upload-form form+div {
	background-color: transparent;
	border: 0;
	padding: 10px 0;
}

.file-picker .fp-upload-form form tr.fp-file td {
	width: 100%;
	display: block;
	text-align: center;
}

.file-picker .fp-upload-form form tr.fp-file input[type="file"] {
	border: 1px solid var(--bs-gray-400);
	font-size: 13px;
}

.fp-repo.first a:before,
.fp-repo.even a:before {
	margin-right: 5px;
	font-size: 16px;
	color: var(--bs-gray-700);
}

.fp-repo.first a:before {
	content: "\f574";
}

.fp-repo.even a:before {
	content: "\f0a0";
}

.fp-repo.first a img,
.fp-repo.even a img,
.fp-toolbar .fp-btn-download a img,
#page-mod-forum-mod h2 {
	display: none;
}

.fp-toolbar .fp-btn-download a::before {
	content: "\f019";
}

.fp-toolbar .fp-btn-download a:hover {
	background-image: none;
	box-shadow: none;
	background-color: transparent;
}

.user_dash_box .headerBlockLabel span.fa {
	display: none;
}

#assign_access,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
	width: 26px;
	height: 26px;
	border: 1px solid var(--bs-gray-400);
	background-color: var(--bs-white);
	float: left;
	border-radius: 50%;
	cursor: pointer;
	pointer-events: visible;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	position: relative;
	top: auto;
	left: auto;
}

#assign_access:before {
	content: "\f007";
}

.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu img,
#page-user-files .yui3-datatable-data .yui3-datatable-col-settings .fp-icon {
	display: none;
}

.yui3-datatable-header.yui3-datatable-col-settings {
	text-align: left;
}

.statistic_container .button-link-prog,
.classroom_learningpath_wrapper .button-link-prog {
	position: absolute;
	top: -2.7rem;
	right: 0;
}
.order-last {
	position: relative;
}
.order-last .button-link-prog {
	position: absolute;
	top: 0;
	right: 16px;
}

.new-course-header {
	clear: both;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}

.disc_details_wrapper .c-heading {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.view_assests .btn-seq .add-course-button {
	margin-right: 10px;
}

.view_assests .assets_view_table {
	margin-top: 15px;
}
a.add_language:before {
    content: '\f57d';
}
.lang_icon {
    position: absolute;
    right: 10px;
    width: 52px;
    bottom: 14px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	cursor: pointer;
}
.lang_icon:hover {
	text-decoration: underline;
}
.lang_icon img {
	width: 16px;
	margin-right: 5px;
}

.asset_layout:hover .lang_icon {
	color: #fff;
}
.assets_view_table .icon_title {
	font-size: 16px;
}

.assets_view_table .borderBlockSpace table tbody tr {
	border-color: var(--bs-gray-300);
	background: none;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

#assets_element {
	clear: both;
	width: 100%;
	margin: 10px 0 15px 0;
}

#assets_element table,
#asset_description,
#asset_name {
	width: 100%;
}

#assets_element table th {
	background-color: var(--bs-gray-100);
}
#assets_element textarea#asset_description {
	height: 34px;
}
.uploadFileBtn:before {
	content: "\f093";
}

.view_assests .generaltable tr td {
	vertical-align: bottom;
}

.view_assests .uploadFileBtn:before {
	padding-right: 5px;
}

.form-item .form-label,
.mform .fitem div.fitemtitle,
.userprofile dl.list dt,
.form-horizontal .control-label {
	width: 100%;
	float: none;
	text-align: left;
}

.mform .fcheckbox input {
	margin-top: -3px;
	margin-right: 5px;
}

button.dt-button,
div.dt-button,
a.dt-button,
.ui-dialog .ui-dialog-buttonpane button,
button.dt-button:focus,
div.dt-button:focus,
a.dt-button:focus,
.ui-dialog .ui-dialog-buttonpane button:focus {
	background-color: var(--btn-color) !important;
	border-color: var(--btn-color) !important;
	background-image: none !important;	
	color: var(--btntext-color) !important;
	font-size: 14px !important;
}

button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color: var(--btn-color-dark) !important;
	border-color: var(--btn-color-dark) !important;
	color: var(--btntext-color-hover);
}
.dataTables_wrapper .dt-buttons:first-child button.dt-button {
	background-color: transparent !important;
	border-color: transparent !important;
	background-image: none !important;	
	color: var(--btn-color) !important;
	font-size: 14px !important;
	font-weight: 400;
	background-image: none;
	box-shadow: none;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-right: 20px !important;
}
.dataTables_wrapper .dt-buttons:first-child button.dt-button:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--bs-gray-900) !important;
}
div.dt-button-background {
	background: none !important;
}
div.dt-button-collection {
	border-color: var(--bs-gray-200) !important;
	width: auto !important;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1) !important;
	border-radius: 6px !important;
}
div.dt-button-collection>div[role="menu"] {
	display: flex !important;
}
div.dt-button-collection>div[role="menu"]>.dt-button {
	background-color: transparent !important;
    border: 0 !important;
    color: var(--bs-gray-600) !important;
    padding: 5px 2px;
	width: auto;
	box-shadow: none !important;
}
.dataTables_wrapper div.dt-button-collection>div[role="menu"]>.dt-button {
	margin-right: 0 !important;
	color: var(--bs-primary) !important;
}
div.dt-button-collection>div[role="menu"]>.dt-button:hover {
	color: var(--bs-primary) !important;
}
div.dt-button-collection>div[role="menu"]>.dt-button::after {
	content: ',';
	display: inline-block;
	padding-left: 1px;
}
div.dt-button-collection>div[role="menu"]>.dt-button:last-child::after {
	content: '';
}
.dataTables_wrapper .dataTables_info {
    background-color: var(--input-light-bg);
    border-radius: 30px;
    padding: 8px 14px !important;
    margin: 10px 0;
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
	min-height: 24px;
}

/* setting page css */
.edit-detail {
	display: flex;
	width: 100%;
}

.edit-detail figure,
.edit-detail figure .userinitials {
	width: 160px;
	flex-basis: 160px;
	height: 160px;
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	font-size: 52px;
}
.edit-detail figure a:focus {
	box-shadow: none;
}
.edit-detail figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.edit-detail .user-detail {
	width: calc(100% - 175px);
	flex-basis: calc(100% - 175px);
}

.user-detail .user-name {
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 0;
}

.user-detail .emplid {
	font-size: 12px;
	color: var(--bs-gray-600);
}

.user-detail .userabout {
	font-size: 14px;
}

.user-detail .certificateDetail {
	font-size: 13px;
}

li.activeLink a {
	font-size: 18px;
	color: var(--bs-primary) !important;
}

li.activeLink a:hover {
	cursor: text;
}

.edit-banner {
	width: 100%;
}

.edit-banner .edit-detail {
	background-color: var(--bs-white);
	border: 1.4px solid var(--border-color-light);
	padding: 1rem;
	border-radius: 6px;
}

.certificateImg {
	width: 100%;
	margin: 1rem 0;
	float: left;
}

.certificateImg img {
	width: 80px;
	float: left;
	margin: 5px;
}

.certificateImg h2 {
	font-size: 16px;
}

.tabs_profile {
	width: 100%;
	display: flex;
}

.tabs_profile ul {
	margin: 10px 0;
	padding: 0;
	display: inline-flex;
	list-style-type: none;
}

.tabs_profile ul li {
	padding-right: 20px;
}

.tabs_profile ul li a {
	font-size: 16px;
	color: var(--bs-gray-900);
	padding: 5px;
}

.tabs_profile ul li.activeLink a {
	box-shadow: inset 0 -2px 0 var(--bs-primary);
}

.editprofile-form .fitem {
	margin-bottom: 1rem;
}

#page-login-change_password .cPicture .fitemtitle {
	display: none;
}

#searchForm_onlysearch .chosen-container {
	display: none;
}

#page-extensions-sale-index .userselector select {
	height: auto;
	padding-left: 5px !important;
}
.pull-right {
    float: right;
}
#page-extensions-sale-index .custom-select{ padding-left: 5px !important;}

.potentialcell>fieldset {
	border: 1px solid var(--bs-gray-400);
	padding: 10px 10px 5px 10px;
}

.potentialcell>fieldset legend {
	padding: 2px;
	text-transform: none;
	border-width: 0px;
	margin: 10px 0;
	font-size: 14px;
}

.reportTypeSelect {
	float: left;
	width: 240px;
}
/* #fitem_start_date #start_date {
	text-indent: 26px;
} */
#start_date, 
#end_date,
input.hasDatepicker,
.mform input.hasDatepicker {
    background: url(/theme/boost/pix/calendar-alt-solid.svg) left no-repeat !important;
	background-size: 14px 14px !important;
	padding: 0 0 0 20px !important;
}

.startenddate {
	position: relative;
}

#start_date:hover,
#end_date:hover {
	cursor: pointer;
}

#start_date.disable,
#end_date.disable {
	opacity: 0.65;
	cursor: default;
}

.editprofile-form #start_date,
.editprofile-form #end_date {
	background: none;
}

table.dataTable thead {
	filter: grayscale(1);
}

.compliance_right {
	float: right;
	display: none;
}

.filter_wrapper {
	width: 100%;
	position: relative;
    z-index: 1;
}

.filter_wrapper .filter.learningPage {
	background-color: var(--bs-white);
	padding: 1rem;
	margin: 10px 0;
	float: left;
	width: 100%;
	display: none;
	border: 1.4px solid var(--border-color-light);
	border-radius: 6px;
}

.academy_page .filter_wrapper .filter.learningPage {
	padding: 1rem;
}

.filter_wrapper .filter.learningPage .filter_status {
	float: left;
	width: auto;
	display: flex;
	flex-direction: column;
	padding-right: 50px;
}

.filter_wrapper .filter.learningPage .filter_status input[type="radio"],
.filter_wrapper .filter.learningPage .filter_status input[type="checkbox"] {
    margin-right: 5px;
}

.linktodetails {
	float: right;
	display: inline-flex;
}

.viewcertificate,
.enroll-link {
	float: left;
	padding-right: 10px;
	font-size: 13px;
}

.viewcertificate a,
.enroll-link a {
	font-weight: bold;
	color: var(--bs-gray-900);
	white-space: nowrap;
}

.viewcertificate a:hover,
.enroll-link a:hover {
	color: var(--link-color);
}

#mform1 #fitem_id_files_filemanager .fp-navbar .fp-viewbar {
	display: none;
}

.filemanager .yui3-datatable table,
#page-user-files .fm-content-wrapper {
	border-color: var(--bs-gray-200);
}
#page-user-files .generalbox .yui3-datatable-table .yui3-datatable-col-displayname .fp-filename-icon .fp-icon {
	display: flex;
	border: 3px solid var(--bs-gray-200);
}
#page-user-files .generalbox .yui3-datatable-table tr th,
#page-user-files .generalbox .yui3-datatable-table tr td {
	padding: 0.5rem 0.7rem;
}
#page-user-files .filemanager .yui3-datatable-odd .yui3-datatable-cell,
#page-user-files .filemanager .yui3-datatable-even .yui3-datatable-cell {
	background-color: var(--bs-white) !important;
}
#page-user-files .fp-filename {
	display: block;
	float: left;
	position: relative;
	top: -4px;
}
#page-user-files .filemanager .fp-contextmenu,
#page-user-files .filemanager .classroom-popup {
	background-color: transparent;
	border: 0;
}
#page-user-files .filemanager .yui3-datatable-cell {
	border-bottom: 1px solid var(--bs-gray-200) !important;
}
#page-user-files .filemanager .yui3-datatable-header {
	border-color: var(--bs-gray-200) !important;
	color: var(--bs-gray-900) !important;
}
#page-user-files .filemanager tr:last-child .yui3-datatable-cell {
	border-bottom: 0 !important;
}
#page-user-files .newfilemanager .fp-navbar {
	background: var(--bs-white) !important;
	border: 0 !important;
	padding: 5px;
}
#page-user-files .filemanager .fp-content {
	padding-bottom: 30px;
}
.resource-page .fp-navbar .fp-toolbar div {
	margin-right: 10px;
}

.filemanager .fp-navbar,
.fm-content-wrapper {
	border-color: var(--bs-gray-400);
}

.program_completion_popup {
	width: auto;
	max-width: 550px;
	background-color: var(--bs-success);
	position: fixed;
	bottom: 50px;
	right: 0;
	border-radius: 0;
	padding: 20px;
	border: 1px solid var(--bs-white);
	color: var(--bs-white);
	font-size: 13px;
}

.program_completion_popup hr {
	border-top: 1px solid rgba(0, 0, 0, .25) !important;
}

.program_completion_popup .gscca_support {
	padding-bottom: 10px;
}

.program_completion_popup_button {
	position: absolute !important;
	top: 6px !important;
	right: 6px !important;
}

.d-box.course_details_assest_wrapper .timeline-wrapper {
	padding: 0;
	display: block;
}

.d-box.course_details_assest_wrapper .timeline-container {
	padding-top: 10px;
	padding-bottom: 0;
	display: block;
}
.section-box .class-outer-box .assest_wrapper {
	cursor: default;
	height: auto;
}
.asset_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	color: var(--bs-gray-900);
	font-weight: bold;
	font-size: 16px;
}

.asset_desc,
.asset_desc>p {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin: 0;
	line-height: 18px;
}

.lr-filter select {
	height: 35px !important;
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-radius: 0 !important;
}
/* #fitem_start_date .ftext::before, */
/* #fitem_ecommerce_coupons_startdate_cal .ftext::before,
#fitem_ecommerce_coupons_expirydate_cal .ftext::before */
 /* {
	font-family: var(--fa);
	font-weight: 400 !important;
	content: "\f073";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	margin-right: 4px;	
	color: var(--bs-gray-700);
} */
#fitem_ecommerce_coupons_startdate_cal .ftext input,
#fitem_ecommerce_coupons_expirydate_cal .ftext input {
	text-indent: 20px;
}
.order_historydest .table-bordered>:not(caption)>*>*,
.tb-bordered .table-bordered>:not(caption)>*>* {
	border-width: 1px 1px 0 1px;
}
.tb-line-bordered table.table>:not(caption)>*>* {
	border-bottom-width: 1px;
}
.table th, .table td {
	font-size: 14px;
}
.remove-cart a i {
	color: var(--bs-gray-700);
}
.remove-cart a:hover i {
	color: var(--bs-primary);
}
.DataColCC span, .coupon_code_status {
	color: var(--bs-red);
	font-size: 13px;
}
.DataColCC span[class*='span-error']{
	display: inline-block;
	padding-left: 5px;
}
.course-icon::before,
.helptooltip a::before {
	font-family: var(--fa);	
	display: inline-block;
	font-size: 14px;
	color: var(--bs-gray-700);	
}
.course-icon::before {
	content: "\f022";
	font-weight: 400;	
	top: 1px;
    position: relative;
    padding-right: 5px;
}
#fitem_id_type .iconhelp {
	display: none;
}
.helptooltip a::before {
	content: '\f059';
	font-weight: 900;
	padding-left: 5px;
	font-size: 16px;
}
.learningpage_dashboard .grid-card .card-inner {
	cursor: pointer;
}
#page-cart-descriptionbeforelogin .timeline-catalog .timeline-box {
	cursor: default;
}
.forum-h2 h2 {
	margin-top: 15px;
	font-size: 18px;
}
.pagelayout-classroompopup .wrapper {
	background: var(--bs-white);
}
.classlist-outertable {
	margin-top: 10px;
}
.classlist-outertable .plusminusIcon {
	background-color: var(--bs-white);
	border: 2px solid var(--bs-primary);
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	line-height: 15px;
	width: 18px;
	height: 18px;
	margin-top: 1px;
}
.classlist-outertable .plusminusIcon:hover,
.classlist-outertable .plusminusIcon.minus {
	background-color: var(--bs-primary);	
}
.classlist-outertable .plusminusIcon:hover::before,
.classlist-outertable .add-session-btn,
.classlist-outertable .add-session-btn:hover {
	color: var(--bs-white);
}
.classlist-outertable .plusminusIcon::before {
	color: var(--bs-primary);
	font-size: 10px;
}
.classlist-outertable .plusminusIcon.minus::before {
	content: '\f068';
	color: var(--bs-white);
}
.classlist-outertable .add-session {
	text-align: right;
	width: 100%;
	padding: 0 10px;
	margin: 10px 0;
}
.site_deactivate-popup {
	padding: 0.31rem 0.75rem !important;
	color: var(--bs-white) !important;
}
.classAllocationStatus .enroll_status {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.classAllocationStatus .enroll_status ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	font-size: 14px;	
}
.classAllocationStatus .enroll_status ul li {
	margin-left: 15px;
}
.classAllocationStatus .enroll_status li span {
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-right: 5px;
}
.enroll_status ul li span#approved {
	background: var(--bs-success);
}
.enroll_status ul li span#licenceuser,
.enroll_status ul li span#waiting {
	background: var(--online-course);
}
.enroll_status ul li span#decline {
	background: var(--bs-red);
}
.classroompopup #addusercourse {
	cursor: default;
}
.classroompopup option.approved {
	cursor: pointer;
}
#addusercourse[disabled],
#addusercourse[disabled] option.approved {
	cursor: not-allowed;
}
.classroompopup option:focus {
	outline: none;
}
.classroompopup option.approved {
	color: var(--bs-success);
}
.classroompopup option.approved.lock {
	color: var(--online-course);
	pointer-events: none;
	cursor: default;
}
.after-assign-course .left-content {
	padding: 0 20px;
}
.after-assign-course .left-content .c-heading,
.attendance-performance .c-heading {
	font-size: 16px;
	font-weight: bold;
}
.after-assign-course .left-content .c-text,
.enrollmentPopup .row2 .element {
	font-size: 14px;
}
.enrollmentPopup .element_list {
	display: block;
	margin-bottom: 8px;
}
.admin_report_table .after-assign-course .left-content {
	padding: 0;
}
.row_outer.enrollmentPopup,
.row_outer.enrollmentPopup .row3 {
	margin-left: 0;
	margin-right: 0;
}
.row_outer.enrollmentPopup select {
	min-width: 100% !important;
	max-width: 100% !important;
}
.attendance-performance .course-img img {
	width: 150px;
	object-fit: cover;
}
.attendance-performance .course-img {
	margin-right: 20px;
	display: none;
}
.attendance-performance a.csv_icon,
a.print_icon {
	width: 20px;
	height: 22px;
	overflow: hidden;
	display: inline-block;
}
.attendance-performance a.csv_icon::before,
a.print_icon::before,
.export-link::after,
a.fa-arrows::before {	
	font-family: var(--fa);
	font-size: 16px;
	font-weight: 900;	
	display: inline-block;
	color: var(--bs-gray-900);
}
.attendance-performance a.csv_icon::before {
	content: "\f1c3";
}
a.print_icon::before {
	content: "\f02f";
}
a.fa-arrows::before {
	content: "\f0b2";
	font-size: 14px;
}
.attendance-performance a.csv_icon:hover::before,
a.print_icon:hover::before {		
	color: var(--bs-primary);
}
.attendance-performance .button-link.upload-user {
	margin-left: 0px;
	margin-top: 16px;
}
.attndance_upload_btn {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.attendance-performance .download_report {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: -10px;
}
.attendance-header .after-assign-course .left-content{
	padding: 0;
}
.export-link {
	margin-bottom: 5px;
	display: inline-block;
	color: var(--bs-gray-700);
}
.export-link::after {
	content: '\f56e';
	font-size: 14px;
	padding-left: 5px;
}
.export-link:hover,
.export-link:hover::after {
	color: var(--bs-primary);
}
.click_inst {
	width: 100%;
	font-size: 13px;
}
.upload-user-div {
	margin-bottom: 10px;
	display: none;
	clear: both;
	padding: 13px;
	overflow: hidden;
	background: var(--bs-gray-100) !important;
	border: 1.4px solid var(--bs-gray-200) !important;
	border-radius: 6px;
}
.upload-user-div a.download-sample {
	float: right;
	text-decoration: none;
	margin: 0;
	font-size: 13px;
}
.upload-user-div form {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}
.classroompopup .uploadFileBtn::before {
	color: var(--bs-white);
	margin-right: 5px;
}
#attendence_data .uploadFileBtn::before {
	color: var(--bs-gray-700);
}
.assets_ele#assets_element table th {
	background-color: var(--bs-white);
}
.assets_ele#assets_element table td {
	padding: 10px;
}
#ajaxrotator {
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	width: 320px;
	height: 320px;
}
#ajaxrotator table {
	background-color: transparent;
}
#ajaxrotator table,
#ajaxrotator table img {
	width: 320px;
}
.mceEditor.moodleSkin table.mceLayout {
	border-bottom: 1px solid;
	border-color: var(--bs-gray-400);
}
.add_session_popup .moodleSkin table.mceLayout tr td {
	padding: 1px;
}
#page-mod-scheduler-view #fgroup_id_buttonar {
	margin: 0;
}
#page-mod-scheduler-view #fgroup_id_buttonar .fitemtitle {
	display: none;
}
.mod-scheduler-enrollusers table td.potentialcell {
	vertical-align: top;
}
.mod-scheduler-enrollusers .userselector select {
	height: 230px;
	overflow-y: auto;
}
.mod-scheduler-enrollusers table .arrow_button {
	height: 270px;
}
#page-course-enrolcourse .row_outer,
#page-course-enrolcourse .row_outer .row3 {
	padding: 10px;
}
#page-course-enrolcourse .row_outer .row {
	margin: 0;
}
#page-course-enrolcourse #assignform .classroom-preview-left {
	padding: 0 20px;
}
.td-text-title,
.td-text-title-prev {
	font-weight: normal;
	color: var(--bs-gray-600);
	font-size: 14px;
	margin-bottom: 5px;
}
.add-edit-quiz {
	padding: 1rem;
}
.addquiz-wrapper .quiz-right-panel {
	border: 1px solid var(--bs-gray-200);
}
.chk-align {
	position: relative;
	top: 2px;
}
.quiz-leftpanel {
	width: 340px;
	max-width: 340px;
	height: 100%;
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-200);
}
.quiz-leftpanel img {
	max-width: 100%;
}
.examlist-topbar {
	background-color: var(--bs-gray-200);
	border: 1px solid var(--bs-gray-300);
}
.examlist-table .lessonTable tr td {
	padding: 7px;
}
.examlist-table .adminiconsBar {
	float: right;
}
.examlist-table .lessonTable .exportbar td {
	padding: 0;
}
.examlist-sortable {
	margin: 5px 0;
}
.examlist-sortable tr {
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-200);
}
.quiz-right-panel .loginTxtarea {
	width: 90%;
	margin-bottom: 1rem;
}
.quiz-right-panel .none_drag_drop .td-text-title,
.quiz-right-panel .drag_drop .td-text-title,
.quiz-right-panel .none_label_text .td-text-title-prev,
.quiz-right-panel .none_label_text .td-text-title {
	padding-bottom: 10px;
}
.tabHghtFull .bg-success {
	margin: 0;
}
.closebtn-popup {
	position: absolute;
	top: 15px;
	right: 10px;	
}
.closebtn-popup a,
.scrollQPool a::before {
	color: var(--bs-gray-700);
}
.quiz-chk-heading {
	background-color: var(--bs-gray-200);
	border: 1px solid var(--bs-gray-300);
	padding: 7px;
	margin-bottom: 7px;
}
.quiz-popupheader {
	background-color: var(--bs-gray-200);
	font-weight: bold;
	min-height: 40px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	position: relative;
}
.scrollQPool a {
	color: var(--bs-gray-900);
}
.scrollQPool table tr td p {
	color: var(--bs-gray-600);
	margin-bottom: 5px;
	margin-top: 5px;
}
.scrollQPool-expandlist {
	margin-bottom: 5px;
	border: 1px solid var(--bs-gray-200);
}
.scrollQPool-expandlist tr td {
	vertical-align: top;
	padding: 5px;
	background-color: var(--bs-white);
}
.scrollQPool-expandlist tr td input[type="checkbox"] {
	position: relative;
	top: 2px;
}
.quiz_add_class .addquiz-image {
	display: block;
}
.quiz_edit_class .addquiz-image {
	display: none;
}
#sub_div_delete {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	padding: 1rem;;
}

/* forum view */
#intro.generalbox {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}
.user_dash_box .forumheaderlist {
	margin-top: 0 !important;
	width: 100%;
}
.user_dash_box  .forumheaderlist .head_box tr th {
	font-size: 14px !important;
	font-weight: bold;
	color: var(--bs-gray-900) !important;
}
.forum_text .no-overflow p {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	padding: 0px;
}
.forum_text .no-overflow p.topic_over a {
	color: var(--bs-primary);
}
.forum_text .no-overflow p span {
	text-transform: uppercase;
}
#page-mod-forum-view .forumaddnew {
	margin-top: 10px;
	margin-bottom: 10px;
}
.user_dash_box .forumheaderlist .author img.userpicture {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	object-fit: cover;
}
.user_dash_box .forumheaderlist .author a span {
	margin-right: 10px;
}
.user_dash_box .forumheaderlist .author a:focus {
	box-shadow: none;
}
.forum_date {
	font-weight: 400 !important;
	line-height: 1.7;
}
.user_dash_box .no-overflow {
	line-height: normal;
}
.singlebutton + .paging {
	display: none;
}
.learner_container table tr th a {
	color: var(--bs-gray-900);
}
.icon_short {
	font-size: 12px;
	margin-left: 4px;
	position: relative;
	top: 1px;
}
.popupclass {
	width: 500px;
	height: fit-content;
	min-height: 150px;
	margin: auto;
	background-color: var(--bs-white);
	position: absolute;
	z-index: 99999999;
	display: none;
	border-radius: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.popupclass .popupclass-header {
	position: relative;
	width: 100%;
	background-color: var(--bs-gray-200);
	min-height: 40px;
	display: flex;
	align-items: center;
	padding: 7px 30px 7px 15px;
	font-size: 16px;
	color: var(--bs-gray-900);
	line-height: 20px;
}
.popupclass .popupclass-header p {
	margin-bottom: 0;
}
.popupclass .popupclass-header .close {
	position: absolute;
	right: 10px;
	top: 15px;
	color: var(--bs-gray-700);
	font-size: 14px;
	opacity: 1;
}
.popupclass .popupclass-content {
	width: 100%;
	padding: 15px;
}
.popupclass a {
	display: block;
	padding: 2px 0;
	cursor: pointer;
	color: var(--bs-primary);
	font-size: 14px
}
.popupclass a::before {
	content: "\f30b";
	font-weight: 900;
	font-family: var(--fa);
	display: inline-block;
	font-size: 14px;
	padding-right: 4px;
	color: var(--bs-gray-700);
}
.refmat-box {
	margin-top: 15px;
}
.refmat-box table {
	width: 100%;
}
.refmat-box table td {
	width: 80%;
}
.refmat-box table td:first-child {
	width: 20%;
	padding-left: 0;
}
.classroom-refmat-details-row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.classroom-refmat-details {
	width: 48%;
	margin: 0 1% 7px 1%;
	border: 1px solid var(--bs-gray-200);
	padding: 5px 8px;
}
.classroom-refmat-details a {
	width: 100%;
	height: 100%;
	display: block;
}
.classroom-refmat-details:hover {
	border-color: var(--bs-gray-400);
}
.classroom-refmat-details a::after {
	content: 'Not Checked';
	font-size: 12px;
	font-style: italic;
	color: var(--bs-gray-600);
	display: block;
	margin-top: 2px;
}
.classroom-refmat-details a[id]::after {
	content: 'Checked';
	color: var(--bs-success);
	font-weight: bold;
}
#page-mod-certificate-mod .mceLayout {
	height: 400px !important;
}
.course-classification .tabblock_container .tabcontent .msg-department {
	padding-bottom: 0 !important;
    padding-top: 5px !important;
}
.tabblock_container .tabcontent.hide#cont-2-1 {
	display: none !important;
}
.tabblock_container .tabcontent#cont-2-1 {
	display: block !important;
}
.course-classification .tabblock_container .tabcontent {
	border: 1px solid var(--bs-gray-400);
	border-radius: 4px;
}
#page-user-editadvanced #fitem_start_date .ftext::before {
	content: ''; /*hide due to conflict*/
}
#page-group-assignusers .col-lg-8.classroom-preview-left {
	width: 100%;
}
#page-group-assignusers h3 {
	font-size: 18px;
	margin-top: 10px;
}
.file-picker .ygtvblankdepthcell, 
.filemanager .ygtvblankdepthcell,
.file-picker .ygtvln, 
.filemanager .ygtvln,
.file-picker .ygtvtn, .filemanager .ygtvtn {
	display: none;
}
.fp-filename-icon .fp-icon {
	margin-top: -4px;
    line-height: 18px;
    text-align: center;
    background-color: var(--bs-white);
    padding: 2px;
    border: 1px solid var(--bs-gray-400);
	border-radius: 2px;
}
.fp-filename-icon .fp-icon img {
    max-width: 18px;
    max-height: 18px;
}
.file-picker td.ygtvcell,
.filemanager td.ygtvcell {
	padding: 0 10px;
}
.ui-dialog.ui-widget::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}
.ui-dialog.ui-widget {
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	height: 500px !important;
	margin: auto;
	font-family: 'Lato';
	position: fixed !important;
	z-index: 9999;
}
.ui-dialog-titlebar-close::before {
	content: '\f00d';
	display: inline-block;
	font-family: var(--fa);
	font-weight: 900;
	color: var(--bs-gray-700);
	font-size: 16px;
	margin-right: 10px;
}
.ui-dialog.ui-widget .ui-dialog-titlebar {
	background: var(--bs-gray-200);
	font-weight: normal;
	padding: 0.6em 1em;
	border-radius: 0 !important;
}
.ui-dialog.ui-widget .ui-dialog-content {
	width: 100% !important;
	height: 100% !important;
	background: var(--bs-white);
	border-radius: 0 !important;
}
.descriptionbeforelogin-inner .priceblue {
	font-size: 18px;
}
.descriptionbeforelogin-inner button,
.descriptionbeforelogin-inner .ec_continue_shop {
	width: auto;
}
.descriptionbeforelogin-inner button {
	height: 35px;
	display: inline-flex;
	align-items: center;
}
.descriptionbeforelogin-inner button i {
	font-size: 18px;
	margin-right: 5px;
}
.descriptionbeforelogin-outer h4 {
	font-size: 18px;
}
.slick-list .slick-track {
	margin-left: 0 !important;
	white-space: nowrap;
}
.session_outer .bx-wrapper .bx-viewport {
	width: 100% !important;
}
.session_outer .load-calendar11 .row_marminus {
	border: 1px solid var(--bs-gray-400);
	margin-top: 14px;
	padding-bottom: 10px;
}
.classroom-calendar .calendar thead {
    font-weight: 600;
	border: solid var(--bs-gray-300);
	border-width: 1px 0 1px 0;
}
.classroom-calendar .btn-prev,
.classroom-calendar .btn-next {	
	line-height: 28px;
	margin: -16px;
	position: absolute;
	top: 22px;	
}
.classroom-calendar .row_marminus a.btn-prev, 
.classroom-calendar .row_marminus a.btn-next {
	margin-left: 0 !important;
	margin-right: 0 !important;
	background-color: var(--bs-theme-bg);
    padding: 0 10px;
    width: 50px;
    height: 30px;
}
.classroom-calendar .row_marminus a.btn-prev {
	left: 0 !important;
	border-radius: 0 30px 30px 0;
}
.classroom-calendar .row_marminus a.btn-next {
	right: 0 !important;
	border-radius: 30px 0 0 30px;
}
.classroom-calendar .btn-next:before,
.classroom-calendar .btn-prev:before { 
	font-size: 14px;
}
.classroom-calendar .row_marminus a.btn-prev:hover, 
.classroom-calendar .row_marminus a.btn-next:hover {
	background-color: var(--bs-gray-200);
}
.classroom-calendar .calendar tbody {
    color: var(--bs-gray-900);
}
.classroom-calendar table tr td {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.classroom-calendar .active-day::before,
.classroom-calendar .current-day::before,
.classroom-calendar .calendar tbody td.active::before,
.classroom-calendar .event::before {
	content: '';
	width: 36px;
	height: 36px;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	z-index: -1;
}
.classroom-calendar .active-day::before {
	background: var(--bs-primary);
}
.classroom-calendar .current-day::before {
	background: var(--today-event);
}
.classroom-calendar .active-day{
	color: var(--bs-white);
	font-weight: bold;
}
.classroom-calendar .current-day,
.classroom-calendar .event.active-day {
	font-weight: bold;
	color: var(--bs-gray-900);
}
.classroom-calendar .calendar tbody td.active::before {
    border: 2px solid var(--global-event);
}
.classroom-calendar .event::before {
    border: 2px solid var(--global-event);
}
.classroom-calendar .event.current-day::before,
.classroom-calendar .event.active-day::before {
    background: var(--today-event);
}
.classroom-calendar .active {
	display: inline-block;
}
.classroom-calendar .calendar header {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.day-event {
	background: transparent !important;
}
.colorpicker-field .felement.ftext {
	border-bottom: 1px solid var(--bs-gray-400);
	display: inline-flex;
	justify-content: space-between;
    width: 100%;
}
.colorpicker-field .colorvalue {
	display: inline-block !important;
	border: 0 !important;
}
.colorpicker-field input[type="color"] {
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 0;
	border: 2px solid var(--bs-gray-200);
	float: right;
	cursor: pointer;
	margin-bottom: 5px;
}

#style-scrollbar::-webkit-scrollbar-track {
	border-radius: 0;
	background-color: #f1f1f1;
}
#style-scrollbar::-webkit-scrollbar {
	width: 6px;
	background-color: #f1f1f1;
}
#style-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;	
	background-color: #c1c1c1;
}
.media-form-style .fp-btn-choose {
	margin-right: 10px;
}
.media-form-style .filepicker-filelist {
	margin-top: 10px;
}
.classroompopup .tabcontent {
	max-height: 100% !important;
}
.enroll-link a.requestCourse,
.enroll-link a.enrollment-course {
	position: relative;
}
.enroll-link a.requestCourse::before,
.enroll-link a.requestCourse::after,
.enroll-link a.enrollment-course::before,
.enroll-link a.enrollment-course::after {	
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
	color: var(--link-color);
}
.enroll-link a.requestCourse::before {
	content: '\f108';
}
.enroll-link a.requestCourse::after {
	content: '\f309';
	position: absolute;
	left: 5px;
    top: -7px;
}
.enroll-link a.enrollment-course::before {
	content: '\f058';
	font-weight: 400 !important;
}
.enroll-link a.enrollment-course::after {
	content: '\f0a6';
	position: absolute;
    left: 10px;
    top: 6px;
    transform: rotate(-25deg);
}

.enroll-link a.requestProgram,
.enroll-link a.enrollment-course {
	position: relative;
}
.enroll-link a.requestProgram::before,
.enroll-link a.requestProgram::after,
.enroll-link a.enrollment-course::before,
.enroll-link a.enrollment-course::after {	
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
	color: var(--link-color);
}
.enroll-link a.requestProgram::before {
	content: '\f108';
}
.enroll-link a.requestProgram::after {
	content: '\f309';
	position: absolute;
	left: 5px;
    top: -7px;
}

.purgeheading {
	margin-top: 15px;
}
.purgeheading h2 {
	font-size: 22px;
}
.loginlayout-type {
	padding-right: 0.6rem;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
.loginlayout-type img {
	margin-bottom: 0;
}
.loginlayout-type .loginlayout-name {
	font-size: 16px;
	margin-bottom: 10px;
}
#page-markascomplete-mark_user_completed select[multiple].selectHeight {
	padding: 8px !important;
}
#page-markascomplete-mark_user_completed select[multiple].selectHeight option {
	padding-bottom: 4px;
}
.yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close:before {
	filter: grayscale(1);
}
.fp-msg-butok {
	background: var(--btn-color) !important;
	border-color: var(--btn-color) !important;
	color: var(--bs-white) !important;
}
#filesskin .yui3-widget-hd {
	background-color: var(--bs-gray-200) !important;
	background-image: none !important;
	border-bottom: 1px solid var(--bs-gray-300) !important;
}
#filesskin .yui3-panel-content,
#filesskin .yui3-widget-hd {
	border-radius: 0 !important;
}
.credit_plan_left {
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	padding: 15px;
	display: block;
	width: 100%;
}
.credit_point_plan input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;	
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: var(--btn-color);			
		cursor: pointer;
		margin-top: -5px;
}
.credit_point_plan input[type=range]::-ms-thumb {
	background: var(--btn-color);
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
}
.credit_point_plan input[type=range] {
	border: 1px solid var(--bs-white);
	width: 100%;
	background: var(--bs-gray-400);
	border-radius: 10px;
}
.credit_point_plan input[type=range]::-moz-range-track,
.credit_point_plan input[type=range]::-webkit-range-track,
.credit_point_plan input[type=range]::-ms-range-track {
	width: 100%;
	height: 5px;
	background: var(--bs-gray-400);
	border: none;
	border-radius: 3px;
}
.credit_point_plan input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	background: var(--bs-gray-400);
	border: none;
	border-radius: 3px;
}
.credit_point_plan input[type=range]::-ms-fill-lower,
.credit_point_plan input[type=range]::-ms-fill-upper,
.credit_point_plan input[type=range]::-webkit-fill-upper {
	background: var(--bs-gray-400);
	border-radius: 10px;
}
.credit_point_plan .slidercontainer {
	margin: 10px 0;
	position: relative;
}
.credit_point_plan .slidercontainer span.credit_date{padding-left:10px;float:left}
.credit_point_plan .slidercontainer span.steps_point{position:absolute;top:6px;display:block;text-align:left;font-size:12px;font-weight:600}
.credit_point_plan .slidercontainer span.steps_point.step0{left:0.5%;margin-left:0px}
.credit_point_plan .slidercontainer span.steps_point.step1{left:1.5%}
.credit_point_plan .slidercontainer span.steps_point.step2{left:2.5%}
.credit_point_plan .slidercontainer span.steps_point.step3{left:3.5%}
.credit_point_plan .slidercontainer span.steps_point.step4{left:4.5%}
.credit_point_plan .slidercontainer span.steps_point.step5{left:5.5%}
.credit_point_plan .slidercontainer span.steps_point.step6{left:6.5%}
.credit_point_plan .slidercontainer span.steps_point.step7{left:7.5%}
.credit_point_plan .slidercontainer span.steps_point.step8{left:8.5%}
.credit_point_plan .slidercontainer span.steps_point.step9{left:9.5%}
.credit_point_plan .slidercontainer span.steps_point.step10{left:10.5%}
.credit_point_plan .slidercontainer span.steps_point.step20{left:20%}
.credit_point_plan .slidercontainer span.steps_point.step30{left:30%}
.credit_point_plan .slidercontainer span.steps_point.step40{left:39.6%}
.credit_point_plan .slidercontainer span.steps_point.step50{left:49.5%}
.credit_point_plan .slidercontainer span.steps_point.step60{left:59.1%}
.credit_point_plan .slidercontainer span.steps_point.step70{left:69%}
.credit_point_plan .slidercontainer span.steps_point.step80{left:78.5%}
.credit_point_plan .slidercontainer span.steps_point.step90{left:88%}
.credit_point_plan .slidercontainer span.steps_point.step100{left:98.6%}

.credit_point_plan .slidercontainer span.steps_point:before{content:"";width:2px;height:5px;background:var(--btn-color);display:block;position:relative;left:4px}
.credit_point_plan .slidercontainer span.steps_point.step0:before{left:2px}
.credit_point_plan .slidercontainer span.steps_point.step100:before{left:6px}
.credit_point_plan .slidercontainer input[type=range]{position:relative;z-index:9;height:7px}

.credit_point_plan .plan-content .plan-des {
	position: relative;
}
.credit_point_plan .plan-content .plan-des .slider_counttag {
	position: absolute;
	background-color: var(--bs-gray-800);
	color: var(--bs-white);
	font-size: 13px;
	display: inline-block;
	width: auto;
	padding: 3px 10px;
	height: 26px;
	margin-top: -13px;
	margin-left: 15px;
}
.credit_point_plan .plan-content .plan-des .slider_countvalue {
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
	width: 100%;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.credit_point_plan .plan-content .plan-des .slider_countinue_btn {
	width: 100%;
	height: 90px;
	display: flex;
	align-items: center;
}
.credit_point_plan .plan-content .plan-des .slider_countvalue input {
	border: 0 !important;
	background: none;
	outline: 0 !important;
	text-align: center;
	font-size: 2rem;
	color: var(--bs-gray-800);
	font-weight: bold; 
}
.credit_point_plan .plan-content .plan-des .slider_countvalue input.plan-des-cost {
	color: var(--btn-color);
}

.timeline-box .disabledBox {
	display: none;
}
.timeline-box.disabled-timeline .disabledBox {
	display: inline-block;	
}
.timeline-box.disabled-timeline {
	pointer-events: none;
	cursor: default;
}
.disabled-timeline .disabledBox::before {
	content: '';
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.85);
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	z-index: 1;
	height: calc(100% + 1rem);	
}
.disabled-timeline .disabledBox::after {
	content: "\f023";	
	font-family: var(--fa);	
	font-weight: 900;
	font-size: 18px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
	color: var(--bs-gray-600);
	z-index: 1;	
}

.favorite-icon {
	display: inline-flex;
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 1;
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	border-radius: 100px;
	background: rgba(41, 41, 41, 0.3);
	align-items: center;
	justify-content: center;
}
.favorite-icon .liked-favorite svg path {
	fill: #ed3232;
	fill-rule: inherit;
	opacity: 1;
}
.norecords_left .big-notfound,
.big-notfound,
.table-notfound,
.dataTable .dataTables_empty {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #292929;
	background: #fff;
	margin-left: 0;
	padding: 40px 0;
	border-radius: 6px;
}
.table-notfound,
.dataTable .dataTables_empty {
	justify-content: flex-start;
	background-image: url(/theme/boost/pix/notfound.svg);
	background-repeat: no-repeat;
	background-position: center 80%;
	height: 300px;
}
.dataTable .dataTables_empty {
	display: table-cell;
	vertical-align: top !important;
}
.dataTables_wrapper .dataTable .dataTables_empty {
	font-size: 20px !important;
	text-transform: capitalize;
}
.big-notfound img {
	margin-top: 20px;
	max-width: 300px;
}
.card-slider .norecords_wrapper {
	width: calc(100vw - 138px) !important;
	margin-left: 12px;
}
#page-cart-catalog .ec_filter_result {
	position: fixed;
    top: 80px;
    z-index: 111;
    right: 20px;
    width: auto;
}
#page-cart-catalog .catalog-filter-area {
	margin-top: 0 !important;
}
.msgbody .classroom-preview-left {
	flex-direction: column;
}
.tooltip .tooltip-inner {
  padding: 5px 10px;
  font-size: 12px;
}
.tooltip[data-popper-placement^=top] .tooltip-arrow {
  top: calc(100% - 6px);
}
.tooltip[data-popper-placement^=left] .tooltip-arrow {
  left: calc(100% - 6px);
}
.tooltip[data-popper-placement^=right] .tooltip-arrow {
  left: 0px;
}
.tooltip[data-popper-placement^=right] .tooltip-inner {
  left: 0px;
  top: 1px;
  position: relative;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: 0px !important;
}
@media (max-width: 1600px) {
	.tooltip[data-popper-placement^=right] .tooltip-arrow {
		margin-top: 2px;
	}
}

/* sidebar position change */
.top-sidebar-logobox,
.top-sidebar .top-sidebar-logout,
.top-sidebar-logout,
.top-sidebar .sidebar-menu .moremenulist,
.sidebar-menu .moremenulist .morebtn {
	display: none;
}
.sidemenulist .sidebar-menu .nav-pills {
	margin-bottom: 0 !important;
	background-color: transparent;
}
.sidemenulist .sidebar-menu .moremenulist {
	margin-bottom: auto !important;
}
.sidemenulist .menulistoverflow {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 150px);
	display: block !important;
}
.top-sidebar .sidemenulist .menulistoverflow {
	height: 100%;
	overflow: inherit;
}
.menulistoverflow {
	margin-bottom: auto;
}
.sidebar-logout,
.logoBox + hr {
	display: block !important;
}
.top-sidebar .sidebar-logout,
.top-sidebar .logoBox + hr,
.top-sidebar .sidebar-menu .logoBox {
	display: none !important;
}
.top-sidebar .top-sidebar-logobox .brand-logo .large-logo {
	display: inline-block !important;
}
.top-sidebar .sidebar-menu .nav li.menu-back a::before {
	width: 1.4px;
	height: 30px;
	left: 0;
}
.top-sidebar .sidebar-menu .nav li.menu-back a:hover::before {
	display: inline-block;
}
.top-sidebar .sidebar-menu .nav li.menu-back .nav_tooldiv {
	padding-left: 20px;
}
.top-sidebar .sidebar-menu .nav li.menu-back a,
.top-sidebar .sidebar-menu .nav li.menu-back .nav_icon {
	margin-top: 0;
}
.top-sidebar .sidebar-menu .nav li ul li a.nav-link {
	display: flex;
	align-items: center;
}
.top-sidebar .sidebar-menu .nav li ul li a.nav-link::before {
	display: inline-block !important;
}
.topnavbar .topleftbar .navbar-brand,
.topnavbar .topleftbar .sidebar-menuicon {
	display: none;
}
.top-sidebar .sidebar-menu .nav li.menu-back a {
	padding-top: 6px;
}
.chart-area .chart-image {
	height: 50vh;
	width: 50vw;
}
/* topbar sidebar and other css */
@media (min-width: 768px) {
	.top-sidebar .sidebar-menu.show,
	.top-sidebar .sidebar-menu,
	.top-sidebar .sidebar-menu.show .sidebar-inside,
	.top-sidebar .sidebar-menu .sidebar-inside {
		width: 100%;	
		z-index: 999;
	}
	.top-sidebar .sidebar-menu.show,
	.top-sidebar .sidebar-menu {
		position: relative !important;
	}
	.top-sidebar .sidebar-menu.show .sidebar-inside,
	.top-sidebar .sidebar-menu .sidebar-inside {
		height: 60px;
		top: 70px;
		position: fixed !important;
		padding: 0;
		/* overflow-y: hidden; */
	}
	.top-sidebar .sidebar-menu {
		height: 60px !important;
		max-height: 100%;	
		overflow-y: hidden;
	}
	.top-sidebar .sidebar-menu .brand-logo {
		padding-left: 1.5rem;
		width: auto;
		justify-content: flex-start;
	}
	.top-sidebar .sidebar-menu {
		top: 70px;
		display: block;
	}
	.top-sidebar .sidebar-menu .sidebar-inside {
		border-right: 0;
		border-bottom: 1.4px solid var(--border-color-light);
	}
	.top-sidebar .row-container {
		flex-direction: column;
	}
	.top-sidebar .sidebar-col-auto,
	.top-sidebar .fixedtabs, 
	.top-sidebar .breadcrumb-inner {
		width: 100%;
	}
	.top-sidebar .sidebar-menu .logoBox,
	.top-sidebar .sidebar-logout,
	.top-sidebar .sidebar-close {
		display: none;
	}	
	.top-sidebar .top-sidebar-logobox {
		position: fixed;
		z-index: 1040;
		top: 0;
		left: 1.5rem;
		width: 180px;
		height: 69px;
		max-height: 69px;
		background-color: transparent;
		box-shadow: none;
		display: inline-flex;		
	}	
	.top-sidebar .top-sidebar-logobox .brand-logo img.large-logo {
		display: inline-block;
		height: auto;
		max-height: 40px !important;
		width: auto;
		max-width: 180px;
	}
	.top-sidebar .sidebar-menu .nav {
		flex-direction: row !important;
		position: relative;
		flex-wrap: wrap !important;
		white-space: nowrap;
		margin-bottom: 0 !important;
		align-items: center;
		min-height: 60px;
		width: calc(100% - 80px);
		padding: 0 8px 0 25px;
		/* overflow-y: hidden; */
	}
	/* .top-sidebar .top-sidebar-logout {
		position: fixed;
		z-index: 1040;
		right: 0;
		top: 0;
		padding: 0;
		width: 60px;
		height: 69px;
		justify-content: center;
		display: inline-flex;
		align-items: center;
	} */
	/* .top-sidebar .top-sidebar-logout .logout-link {
		color: var(--bs-gray-700);
	}
	.top-sidebar .top-sidebar-logout .logout-link:hover {
		background-color: transparent;
		color: var(--link-color);
	}
	.top-sidebar .top-sidebar-logout .logout-link .nav_icon {
		margin-right: 0 !important;
	} */
	.top-sidebar .top-userprofile-dropmenu .dropdown-menu li.lastlist {
		display: none;
	}
	.top-sidebar .top-sidebar-logout .logout-link .nav_text,
	.top-sidebar .sidebar-menu .bg-black.bg-opacity-25,
	.top-sidebar .sidebar-menuicon {
		display: none;
	}
	.top-sidebar .sidebar-menu .nav li ul {
		position: fixed;
		z-index: 1;
		width: auto;
		padding: 5px 0;
		min-width: 200px;
		box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
		margin-top: 9px;
	}
	.top-sidebar .main-section {
		padding-left: 0 !important; 
	}
	.top-sidebar .sidebar-menu .nav li ul.show .nav_text {
		display: inline-block;
	}
	.top-sidebar .sidebar-menu .nav li .nav_text {
		width: auto;
		padding-left: 8px;
		padding-right: 8px;
		display: inline-block;
	}
	.top-sidebar .sidebar-menu .nav li .nav-link {
		padding-left: 0 !important;
		margin-bottom: 0;
		width: auto;		
	}
	.top-sidebar .sidebar-menu .nav li .nav-link .nav_tooldiv {
		display: flex;
		align-items: center;
	}
	.top-sidebar .sidebar-menu .nav li .nav-link:hover::before, 
	.top-sidebar .sidebar-menu .nav li .nav-link.active::before {
		display: none;
	}
	.top-sidebar .sidebar-menu .nav li ul li .nav-link {
		min-height: 30px;
		height: auto;
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		width: 100%;
	}
	.top-sidebar .sidebar-menu .nav li ul li .droplist-with-button {
		padding-top: 0.3rem;
		padding-left: 8px !important;
	}
	.top-sidebar .sidebar-menu .nav li a .nav_text:not(.sidebar-menu .nav li ul li a .nav_text), 
	.top-sidebar .sidebar-menu .logout-link .nav_text {
		left: auto;
		right: auto;
		top: auto;
		position: relative;
		background-color: transparent;
		color: var(--color-292929);
		font-size: 14px;
		display: inline-block;
	}
	.top-sidebar .sidebar-menu .nav li a .nav_text:not(.sidebar-menu .nav li ul li a .nav_text)::before, 
	.top-sidebar .sidebar-menu .logout-link .nav_text::before {
		display: none;
	}
	.top-sidebar .sidebar-menu .nav li ul.show {
		top: 4px !important;
		left: 0 !important;
		width: 480px !important;
	}
	.sidebar-menu .nav li.menu-inbox ul.show,
	.sidebar-menu .nav li.menu-my.hub ul.show,
	.sidebar-menu .nav li.menu-myhub ul.show {
		width: 240px !important;
	}
	.top-sidebar .sidebar-menu .nav li .nav_icon {
		line-height: 14px;
	}
	.top-sidebar .sidebar-menu .nav li .nav_tooldiv {
		width: auto;
		display: inline-flex;
		align-items: center;
	}
	.top-sidebar .topnavbar .navbar {		
		padding-left: 210px;
	}
	.top-sidebar .tabsOuter .filter_icon,
	.top-sidebar .learning_band .filter_icon,
	.top-sidebar .filter_csv_box,
	.top-sidebar .filter_csv, 
	.top-sidebar .expand-collapse-filter {
		top: 144px;
	}
	.top-sidebar .filter_csv .expand-collapse-filter {
		top: auto;
	}	
	.top-sidebar .sidebar-menu .navbar-collapse {
		position: fixed;
		z-index: 9999;
		background-color: var(--bs-white);
	}
	.top-sidebar .sidebar-menu .navbar-collapse.show {
		display: inline-block !important;
	}
	.top-sidebar .sidebar-menu .moremenulist {
		position: fixed;
		right: 24px;	
		display: block;	
	}
	.top-sidebar .sidebar-menu .moremenulist .morebtn {
		position: relative;
		top: 15px;
		background-color: var(--btn-color);
		width: 60px;
		height: 30px;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		padding: 0 10px;
		cursor: pointer;
		border-radius: 3px;
		color: var(--bs-white);
	}
	.top-sidebar .sidebar-menu .moremenulist .morebtn i {
		font-size: 10px;
    	line-height: 6px;
		margin-top: 4px;
		transition: all .2s ease-in-out;
	}
	.top-sidebar .sidebar-menu .moremenulist .morebtn:hover {
		background-color: var(--btn-color-dark);
	}
	.top-sidebar .sidebar-menu .moremenulist .morebtn.rotate i {
		transform: rotate(180deg);
		margin-top: 0;
	}
	.top-sidebar .sidebar-menu .moremenulist #receiver {
		display: none;
		width: 100%;
		position: fixed;
		left: 0;
		right: 0;
		background-color: var(--bs-white);
		margin-top: 30px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
		min-height: 40px;
		padding-top: 0;
	}
	.top-sidebar .menulistoverflow {
		display: flex;
	}
	.top-sidebar .menulistoverflow #teleporter {
		display: flex !important;
	}
	.top-sidebar .main-section-inner {
		height: calc(100% - 60px);
   		min-height: calc(100vh - 60px);
	}
	.sidebar-inside {
		padding: 10px 13px;
	}
	.topnavbar .navbar-collapse.searchpanel {
		justify-content: flex-end;
	}
	.top-sidebar .topnavbar .navbar-collapse.searchpanel .topsearhbar {
		padding-right: 30px;
	}
	.topnavbar .navbar .container-fluid {
		padding-right: 8px;
	}
	.chart-area .chart-image {
		height: 50vh;
		width: calc(100vw - 200px);
	}
	
}

/* sidebar position change end */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
input:-internal-autofill-selected {
	transition: background-color 5000s;
	box-shadow: 0 0 0 1000px transparent inset !important;
	-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}


/*** web accessibility css ****/
.hidelabel {
	display: none !important;
}
.filter_value {
    font-size: 13px;
}

label[for="search_res"],
label[for="coupon_code"],
label[for="validate_coupon"],
label[for="remove_coupon"],
label[for="exp_month1"],
label[for="exp_year1"]
 {
    display: none;
}

.qtynum label { display: none;}

@media (min-width: 576px) {

	#page-cart-catalogbeforelogin .ec_list-view,
	#page-cart-catalog .ec_list-view {
		width: calc(50% - 20px);
	}
}

@media (min-width: 768px) and (max-width: 820px) {
	#page-cart-catalog .ec_list-view {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.catalog-filter-area .catalog-filter-wrapper {
		flex-basis: 260px;
		max-width: 260px;
		padding-right: 10px;
	}

	.catalog-filter-area .catalog-filter-card {
		flex-basis: calc(100% - 270px);
		max-width: calc(100% - 270px);
	}
}

@media (min-width: 992px) {
	#page-cart-catalogbeforelogin .ec_list-view {
		width: calc(100% / 3 - 20px);
	}

	#page-cart-catalog .ec_list-view {
		width: calc(50% - 20px);
	}
	#page-program-assigncourserenewalrest .col-lg-12.classroom-preview-left,
	#page-extensions-course-classroom_preview .col-lg-12.classroom-preview-left {
		width: 66.66666667%;
	}
}

@media (min-width: 1200px) {
	#page-cart-catalog .ec_list-view {
		width: calc(100% / 3 - 20px);
	}
}

@media (max-width: 1199.98px) {
	.c-bottomview {
		align-items: flex-start;
	}

	.c-bottomview ul li:first-child {
		width: 100%;
		margin-bottom: 5px;
	}
}

@media (max-width: 767.98px) {
	.filter-top_wrapper {
		justify-content: space-between;
	}

	.expand-collapse-filter,
	.tabsOuter .filter_icon,
	.learning_band .filter_icon,
	.filter_csv,
	.filter_csv_box {
		position: relative;
		top: 0 !important;
		right: 0 !important;
		text-align: right;
		margin-top: 10px;
		z-index: 9;
		padding: 10px 0;
	}
	.filter_csv .csv_box {
		padding: 10px 0;
	}
	.filter_csv .expand-collapse-filter {
		margin-top: 0;
	}

	.tabLinks .publish-course-div {
		display: block;
		float: none !important;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 0;
	}

	.ec_filter_result {
		width: 100%;
	}

	.catalog-filter {
		justify-content: space-between;
		align-items: flex-start !important;
	}

	.ec_filter_result .buyer_type {
		flex-direction: column;
	}

	.catalog-filter .view_div {
		margin-top: 7px;
	}

	.catalog-filter-wrapper {
		max-height: 260px;
		overflow-y: auto;
	}

	.ec_cartheadrow {
		display: none;
	}

	.ec_cartinner_row {
		overflow-x: auto;
	}

	.pagelayout-print #page #region-main {
		width: 100%;
	}

	#addmembersform table tr,
	.assignTable table tr {
		display: flex;
		flex-direction: column;
	}

	#addmembersform table tr td.potentialcell,
	.assignTable table tr td.potentialcell {
		width: 100%;
	}

	.userselector>select {
		height: 230px;
	}

	table .arrow_button {
		height: auto;
		padding-top: 0;
		flex-direction: column;
	}

	table tr td#buttonscell {
		padding-top: 0;
	}

	table .arrow_button input.moveLeftButton,
	table .arrow_button input.moveRightButton {
		transform: rotate(90deg);
		margin: 2px 0;
	}

	.reportTypeSelect {
		width: 100%;
	}
	.addquiz-wrapper {
		display: block;
	}
	.addquiz-wrapper .col-auto,
	.addquiz-wrapper .col {
		flex: 1;
		width: 100%;
		margin-bottom: 16px;
	}
	.quiz-leftpanel {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.leylaChatBox .chat-icon, .fabChatBtn {
		bottom: 10px !important;
	}
	.popupclass {
		width: 90%;
	}
	.catalog-filter-area .catalog-filter-wrapper, 
	.catalog-filter-area .catalog-filter-card {
		padding-right: 10px;
	}
	.catalog-filter-area .catalog-filter-card .c-listview {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
	.catalog-filter .buyer_type .form-check {
		padding-left: 0.9em;
	}
	.ec_acrow {
		padding-top: 0;
	}
	.descriptionbeforelogin-inner .ec_continue_shop .btn {
		margin: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.descriptionbeforelogin-inner .qutbox button {
		margin-right: 15px;
	}
	.img_main .img_container {
		width: 100%;
		height: auto;
		min-height: 320px;
		margin: 10px 0;
	}
	.img_main .img_container .img_box {
		border-radius: 10px 10px 0 0;
	}
	#page-course-classroom_preview .classroom-preview-left {
		width: 100%;
	}
	.coplist_wrapper .coplist {
		width: 100%;
		margin: 10px 0;
	}
	.assessment-wrapper #msform {
		overflow: auto;
	}
	.assessment-wrapper span.assessment_subtext.firstcol, 
	.assessment-wrapper .assessment_text,
	.assessment-wrapper span.assessment_subtext, 
	.assessment-wrapper .assessment_radio {
		width: 200px !important;
	}
	.mform {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 575.98px) {
	.borderBlockSpace.userprofile {
		display: block;
	}

	.userprofile .button,
	.userprofile .user-profile-description,
	.borderBlockSpace.userprofile .user-picture-div {
		flex-basis: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.edit-detail {
		flex-direction: column;
	}

	.edit-detail figure {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}

	.edit-detail .user-detail {
		width: 100%;
		flex-basis: 100%;
	}

	.borderBlockSpace.userprofile .user-picture-div img {
		width: 100px;
		height: 100px;
	}

	.ec_list-view {
		margin: 0 0 15px 0;
		min-height: 200px;
	}

	.catalog-filter-card .ec_list-view {
		height: auto;
	}

	.catalog-filter-card {
		padding: 0 10px !important;
	}
	.catalog-filter-area .catalog-filter-card .c-listview {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.ec_list-view .catalog-btm,
	.ec_list-view .catlog-id {
		position: relative;
		bottom: 0;
		left: 0;
		display: block;
		float: left;
	}

	.c-innerview {
		flex-basis: 90px;
		max-width: 90px;
	}

	.c-innerview figure {
		width: 80px;
		height: 80px;
	}

	.c-desview {
		flex-basis: calc(100% - 90px);
		max-width: calc(100% - 90px);
	}

	.c-bottomview ul li {
		width: 100%;
	}

	.catalogcard-wrapper {
		margin: 0;
	}

	.catalogcard-wrapper .col-sm-6 {
		padding: 0;
	}

	.catalogcard-wrapper .catalogRelCourse {
		height: auto;
	}

	#page-my-index .tabcontent .msg-department,
	#page-mod-forum-forum .tabcontent .msg-userlist {
		width: 100%;
	}
	.classroom-refmat-details-row {
		display: block;
	}
	.classroom-refmat-details {
		width: 100%;
		margin: 0 0 7px 0;
	}	
}

@media (max-width: 480px) {
	.button_sec {
		flex-direction: column;
		align-items: center;
		padding-left: 0;
	}
	.button_sec button {
		min-width: 250px;
		margin-bottom: 5px;
	}
	.button_sec .qtynum input {
		position: relative;
		text-align: center;
		width: 100px;
		margin: 0 auto 10px auto;
	}
}

#page-reports-request_report .admin_report_table .generaltable tbody>tr:nth-child(odd)>td {
    border-top: 1px none;
    vertical-align: top;
}
#page-reports-request_report .admin_report_table table.table>:not(caption)>*>* {
    border-bottom-width: 1px;
}
#page-reports-learner_reports .filterCollapseArea {
	margin-left: 0;
}
/*** new style end ***/

@media only screen and (max-width: 1050px) {
	.main-nav .nav li {
		margin-right: 10px;
	}

	.ec_classright .inline_content {
		bottom: 85px;
	}

	.ec_classright .inline_content::before {
		right: 340px;
	}
}

@media (min-width: 320px) and (max-width: 549px) {
	.timeline-stepbox:nth-child(1)::after {
		width: 60% !important;
	}

	.program-row {
		flex-wrap: wrap !important;
	}

	.program-row .program-leftcol,
	.program-row .program-rightcol {
		width: 100% !important;
		flex: none !important;
		margin-bottom: 15px;
	}
}

@media (min-width: 550px) and (max-width: 899px) {
	.timeline-stepbox {
		margin: 2rem;
		width: calc(50% - 4rem);
		float: left;
		min-height: var(--height);
	}

	.timeline-stepbox:nth-child(4n + 3),
	.timeline-stepbox:nth-child(4n + 4) {
		float: right;
	}

	.timeline-stepbox:nth-child(4n + 1)::before {
		top: 50%;
		left: 100%;
		width: 100px;
		height: 10px;
		border-bottom: 2px dashed #cbcbcb;
	}

	.timeline-stepbox:nth-child(4n + 1)::after {
		top: auto;
	}

	.timeline-stepbox:nth-child(4n + 3)::before {
		top: 50%;
		left: auto;
		right: 100%;
		width: 100px;
		height: 23px;
		border-bottom: 2px dashed #cbcbcb;
		border-right: 0;
	}

	.timeline-stepbox:nth-child(4n + 3)::after {
		top: auto;
	}

	.program-row {
		flex-wrap: wrap !important;
	}

	.program-row .program-leftcol,
	.program-row .program-rightcol {
		width: 100% !important;
		flex: none !important;
		margin-bottom: 15px;
	}

	.program-card .section-box .timeline-wrapper {
		padding: 0 40px 0 75px !important;
	}
}

@media (min-width: 900px) and (max-width: 1199px) {
	.timeline-stepbox {
		margin: 2rem;
		width: calc(33.33% - 4rem);
		float: left;
		min-height: 7rem;
	}

	.timeline-stepbox:nth-child(6n + 4),
	.timeline-stepbox:nth-child(6n + 5),
	.timeline-stepbox:nth-child(6n + 6) {
		float: right;
	}

	.timeline-stepbox:nth-child(6n + 1)::before,
	.timeline-stepbox:nth-child(6n + 2)::before {
		top: 50%;
		left: 100%;
		width: 100px;
		height: 10px;
		border-bottom: 2px dashed #cbcbcb;
	}

	.timeline-stepbox:nth-child(6n + 1)::after,
	.timeline-stepbox:nth-child(6n + 2)::after {
		top: auto;
	}

	.timeline-stepbox:nth-child(6n + 4)::before,
	.timeline-stepbox:nth-child(6n + 5)::before {
		top: 50%;
		left: auto;
		right: 100%;
		width: 100px;
		height: 23px;
		border-bottom: 2px dashed #cbcbcb;
		border-right: 0;
	}

	.timeline-stepbox:nth-child(6n + 4)::after,
	.timeline-stepbox:nth-child(6n + 5)::after {
		top: auto;
	}
}

@media (min-width: 1200px) {
	.timeline-wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.timeline-stepbox {
		margin: 5rem 2rem 5rem 2rem;
		width: calc(25% - 4rem);
		float: left;
		min-height: 7rem;
	}

	.timeline-stepbox::before {
		height: calc(var(--unit) + 20rem);
	}

	.timeline-stepbox:nth-child(8n + 5),
	.timeline-stepbox:nth-child(8n + 6),
	.timeline-stepbox:nth-child(8n + 7),
	.timeline-stepbox:nth-child(8n + 8) {
		float: right;
	}

	.timeline-stepbox:nth-child(8n + 2)::before {
		top: auto;
		left: 60%;
		bottom: -30px;
		border: 2px dashed #cbcbcb;
		border-top: 0;
		width: 105%;
		height: 130px;
		background-color: transparent;
		border-radius: 0 0 30px 30px;
	}

	.timeline-stepbox:nth-child(8n + 1)::before,
	.timeline-stepbox:nth-child(8n + 3)::before {
		top: -30px;
		left: 60%;
		bottom: auto;
		border: 2px dashed #cbcbcb;
		border-bottom: 0;
		width: 105%;
		height: 140px;
		background-color: transparent;
		border-radius: 30px 30px 0 0;
	}

	.timeline-stepbox:nth-child(8n + 1)::after,
	.timeline-stepbox:nth-child(8n + 2)::after,
	.timeline-stepbox:nth-child(8n + 3)::after {
		display: none;
	}

	.timeline-stepbox:nth-child(8n + 5)::before,
	.timeline-stepbox:nth-child(8n + 7)::before {
		top: auto;
		left: auto;
		right: 60%;
		bottom: -30px;
		border: 2px dashed #cbcbcb;
		border-top: 0;
		width: 105%;
		height: 120px;
		background-color: transparent;
		border-radius: 0 0 30px 30px;
	}

	.timeline-stepbox:nth-child(8n + 6)::before {
		top: -30px;
		left: auto;
		right: 60%;
		bottom: auto;
		border: 2px dashed #cbcbcb;
		border-bottom: 0;
		width: 105%;
		height: 140px;
		background-color: transparent;
		border-radius: 30px 30px 0 0;
	}

	.timeline-stepbox:nth-child(8n + 5)::after,
	.timeline-stepbox:nth-child(8n + 6)::after,
	.timeline-stepbox:nth-child(8n + 7)::after {
		display: none;
	}

	.timeline-stepbox:nth-child(8n + 8)::before {
		content: "";
		background-color: transparent;
		position: absolute;
		display: block;
		width: calc(var(--unit) + 140px);
		height: calc(var(--unit) + 572px);
		top: -30px;
		left: -60px;
		border: 2px dashed #cbcbcb;
		border-right: 0;
		border-radius: 30px 30px 0 30px;
	}

}

@media screen and (max-width: 1280px) and (max-height: 800px) and (min-height: 300px) {

	/*.mform .fitem .felement { margin-left: 199px; width: 620px;}*/
	.box .mydoc-block .mform .fitem .felement {
		width: auto;
	}

	.enroll_status {
		width: 37%;
	}
}

@media screen and (min-width: 300px) and (max-width: 768px) {

	.file-picker .fp-repo-items {
		width: 100%;
		float: left;
	}

	.file-picker .fp-repo-items {
		width: 100%;
		float: left;
	}

	#id_message_moodlemedia {
		display: none;
	}

	.moodleSkin .mceLayout .mceToolbar .mceWrap {
		width: auto !important;
	}

	#page #region-main table#id_message_toolbar1 {
		border: 1px solid var(--bs-gray-300) !important;
		float: left;
		width: 90% !important;
	}

	#page #region-main table#id_message_tbl td {
		border-bottom: 0 !important;
	}

	#id_message_tbl {
		max-width: 100% !important;
	}

	#id_message_toolbargroup {
		width: 250px !important;
	}

	#id_message_tbl iframe#id_message_ifr,
	#id_message_tbl {
		width: 100% !important;
	}
}

@media screen and (max-width: 767px) {

	.acknowledge {
		padding: 0;
		text-align: center;
	}

	.card-block {
		width: 100%;
		float: left;
	}

	.session li {
		width: 100%;
		min-height: 120px;
		padding: 5px 28px;
	}

	.blockimp {
		display: block !important;
	}

	#page #region-main table th {
		font-size: 11px !important;
		padding: 10px 2px;
	}

	.display-n-mob {
		display: none;
	}

	.ec_filter.full .ec_search-form .ec_clear {
		width: 20% !important;
		padding: 12px 0px;
		font-size: 0;
	}

	.single-report-start .single-report-graph-left canvas {
		height: 265px !important;
	}

	.cartIconItems {
		margin: -10px 0 10px;
		padding-left: 0;
	}

	.select1_2 {
		min-width: 0 !important;
	}

	/* .order_historydest {
		display: none !important;
	} */

	.rowConatct {
		position: relative;
		text-align: center;
	}

	.forum_text p {
		padding: 0px;
	}

	.statistic_wrapper,
	.classroom_learningpath_wrapper,
	.course-header {
		width: 100% !important;
	}

	.fullcontainer {
		display: block;
	}

	.shopingcart_mob input[type="number"],
	.shopingcart_mob .subtotalcalculate {
		float: left;
		margin: 0.5em 4px 0.5em 0;
		padding: 6px 6px 6px 6px;
	}

	.shoppingcart_row p {
		margin-bottom: 35px;
	}

	.shopingcart_mob {
		display: none !important;
		text-align: left;
	}

	.price,
	.subtotal,
	.cancel {
		padding: 10px 20px !important;
		text-align: left !important;
	}

	.shoppingcart_row {
		border-top: #f0f0f0 1px solid;
	}

	.proucut {
		padding: 0 !important;
	}

	.ec_cartinner_row {
		display: flex;
		padding: 0 0 10px;
		overflow-x: auto;
	}

	/* .ec_cartsec_inner .price {
		margin-top: -42px;
	} */
	.ec_additional .course-desc5 button.addtocart {
		margin-bottom: 5px;
	}

	.shopingcart_mob {
		text-align: left;
	}

	.checkout-cart-index table#shopping-cart-table td.product-cart-price,
	.checkout-cart-index table#shopping-cart-table td.product-cart-info {
		border: none;
	}

	.ec_additional .course-desc5 .course_price {
		display: block;
		text-align: right;
		width: 100%;
		margin-top: 9px;
	}

	.invoiceDownload:before {
		font: 12px/32px "FontAwesome" !important;
	}

	.order_historymob td {
		word-break: break-all !important;
	}

	.invoiceDownload:after {
		font: 8px/37px "FontAwesome" !important;
		margin: -195px 0 0 19px !important;
	}

	.main-nav.outernav .nav {
		margin: 0 !important;
	}

	.footerContact ul {
		margin-bottom: 0;
		display: inline-block;
		text-align: center;
	}

	#page #region-main table th {
		font-size: 12px !important;
		line-height: 16px;
	}

	#page #region-main table td,
	#page #region-main table td label {
		/* font-size: 12px!important; */
		line-height: 16px;
	}

	.order_historymob {
		width: 100%;
		display: block !important;
	}

	span.fdate_selector {
		margin-bottom: 1em;
	}

	.startenddate {
		width: 100%;
		margin-bottom: 5px;
	}

	.startenddate span {
		width: auto;
	}

	span.date_up {
		width: 65px;
		margin-bottom: 10px;
	}

	.select3 {
		position: inherit !important;
	}

	.buy_outer {
		margin-right: 0 !important;
		float: none !important;
		margin-top: 0px !important;
	}

	.landing_row {
		display: block !important;
	}

	.qutbox {
		position: relative;
	}

	.qutbox .accordianarrow {
		position: absolute;
		top: 0;
		right: 0;
	}

	.qutbox button {
		width: auto;
		margin-bottom: 15px !important;
	}

	.buy_outer {
		display: block;
	}

	.buyertype {
		padding-left: 0 !important;
	}

	.ec_cartsec_inner .proucut,
	.ec_cartsec_inner .subtotal,
	.ec_cartsec_inner .cancel {
		padding: 0 7px;
		/* word-break: break-all; */
	}

	.ec_cart.favcart {
		right: 21px !important;
	}

	.ec_classright button {
		margin-right: 3px !important;
	}

	.ec_classright button:hover {
		margin-right: 3px !important;
	}

	.ec_courpageouter .ec_addCart {
		margin-bottom: 15px;
	}

	.ec_courpageouter .topsec {
		padding: 0 !important;
	}


	.ec_filter .ec_search-form {
		margin-top: 65px;
		margin-left: 0 !important;
	}

	.ec_filterby .selectpicker {
		margin-bottom: 8px !important;
		margin-right: 2% !important;
	}

	.ec_list-view {
		position: relative;
	}

	.ec_list-view .entry-content .ctop_right .ec_addtocart {
		position: static;
		left: 0;
		bottom: 0;
		border-radius: 0 !important;
		width: 100%;
	}

	.ec_list-view .course-desc4 p {
		margin-bottom: 55px;
	}


	.ec_cartsec_inner .proucut,
	.ec_cartsec_inner .subtotal,
	.ec_cartsec_inner .cancel {
		/*max-width: 120px!important;*/
		padding: 0 4px;
		justify-content: flex-start !important;
		width: auto !important;
	}

	.select1,
	.select2,
	.select3 {
		min-width: 100% !important;
		max-width: 100% !important;
		font-size: 12px;
		float: none !important;
	}

	.ec_filterby {
		margin-top: 0 !important;
	}

	.ec_cart.full {
		display: none;
	}

	.select3 {
		float: none;
		margin: 0 !important;
	}

	.ec_filterbottom ul {
		margin: 38px 0 0 0 !important;
	}

	.selectcate {
		width: calc(100% - 30px) !important;
	}

	.inline_content {
		width: 328px;
		bottom: 100px;
	}

	.inline_content:before {
		right: 35px;
	}

	.ec_classright .inline_content {
		bottom: 110px;
		right: -12px;
	}

	.ec_classright .inline_content:before {
		right: 240px;
	}

	.selection-button-submit.pull-right {
		float: right !important;
	}

	.naspheader_fixed .main-nav.outernav .nav li a {
		line-height: normal !important;
		height: auto !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		margin-top: 0;
	}

	.fl.italicmsg {
		margin-left: 0;
	}
	#page-extensions-my-dashboard .tabLinks,
	#page-extensions-local-academy-course_catalog .tabLinks,
	#page-extensions-my-course_catalog .tabLinks {
		top: 74px;
	}

}

@media screen and (min-device-width: 320px) and (max-device-width: 670px) {

	input[type="file"] {
		width: 180px;
	}

	.quickLinks {
		display: none !important;
	}

	#page-header h1.logo {
		height: 60px;
		width: 100%;
	}

	#page-header h1.logo a {
		float: left;
		max-height: 60px;
		max-width: 195px;
	}

	#page-header h1.logo img {
		margin-left: 5px;
		max-height: 60px;
		max-width: 195px;
		width: auto;
	}

	#page-header .pull-right {
		float: right !important;
	}

	#page-header .pull-left {
		float: left !important;
	}

	.container {
		margin: 0 auto;
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	#page-header a.bell {
		display: none;
		float: right !important;
		margin: -58px 47px 0 0;
		z-index: 999;
	}

	#page-header a.email {
		display: none;
		float: right !important;
		margin: -56px 50px 0 0;
		z-index: 999;
	}

	#page-header a.requests-icon {
		float: right !important;
		margin: -50px 15px 0 0;
		z-index: 999;
	}

	#page-header .share {
		display: none;
		margin-right: 10px;
	}

	.profile-dropdown {
		right: -10px;
	}

	.main-nav {
		clear: none;
		float: left;
		margin: -43px 0 0;
		width: 100%;
	}

	#page-classroom-listing .main-nav {
		margin-top: -3px !important;
	}

	.main-nav .navbar-header {
		float: left;
		margin: 0 0 0 5px;
	}

	.main-nav .nav-collapse {
		float: left;
		margin: 0 auto;
		padding: 0 !important;
		width: 100%;
	}

	.main-nav .nav {
		float: left !important;
		max-height: none !important;
		overflow: visible !important;
		width: 100%;
	}

	.main-nav button,
	.main-nav button:focus {
		border: medium none !important;
		margin: 8px 0 5px !important;
		padding: 9px 10px !important;
		border-radius: 0 !important;
		width: 42px;
		height: 33px;
	}

	.main-nav button.active span.sr-only {
		display: none;
	}

	.main-nav button.active span {
		position: relative;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		transition: 0.2s ease-in-out;
		display: block;
		opacity: 1;
		width: 30px;
		height: 4px;
		background-color: var(--bs-gray-900);
	}

	.main-nav .nav li {
		padding: 0 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}

	.file-picker .fp-upload-form,
	.file-picker .fp-content-error {
		height: auto;
	}

	.file-picker .fp-content form table {
		width: 90% !important;
	}

	.file-picker .fp-content form table td {
		display: table-cell;
		width: auto;
	}

	.descriptionbox .descriptionbox-col {
		min-height: 0;
	}

	#page-mod-forum-view .forumView {
		padding: 0;
	}

	#page-mod-forum-view .forumView .col-sm-4 {
		padding: 8px 0 !important;
	}

	.forumpost {
		margin-bottom: 8px;
	}

	.path-mod-forum .indent {
		margin-left: 8px;
	}

	.course-assign-status {
		height: auto;
		margin: 0 auto;
		width: 100%;
	}

	.admin-dashboard .course_status_block_span,
	.course_status_block_span {
		display: block;
	}

	.admin-dashboard .last-accessed-courses,
	.last-accessed-courses {
		clear: both;
		margin: 0;
		padding: 10px 0;
	}

	.content-upper {
		height: auto !important;
	}

	#page .content-upper .bx-wrapper .bx-viewport {
		left: 23px;
		width: 85% !important;
	}

	.dashboard-lower-left,
	.dashboard-lower-right {
		width: 100%;
	}

	.dashboard-lower-left {
		margin-bottom: 10px;
	}

	#topcontrol,
	aside.block-region,
	.main-nav .nav>li.dropdown,
	.dashboard-calender {
		display: none !important;
	}

	#search-form .filter,
	#search-form .filter.learningPage {
		min-height: 60px;
		width: 95%;
	}

	/* #page-content {
		padding-bottom: 0 !important;
	} */

	.dashboard-lower-left,
	.dashboard-lower-right {
		width: 100%;
	}

	.dashboard-lower-left {
		margin-bottom: 10px;
	}

	#topcontrol,
	aside.block-region,
	.main-nav .nav>li.dropdown,
	.dashboard-calender {
		display: none !important;
	}

	a.course_catalog {
		float: right !important;
	}

	.dashboard-calender .maincalendar .heightcontainer .calendar-controls .current {
		font-size: 16px !important;
		padding-left: 65px;
		text-align: left;
	}

	.footerContact {
		top: 44px;
	}

	.rowConatct .footerContact {
		top: 0;
	}

	#common-search {
		width: 100%;
	}

	#common-search.learning-search #search-form div.search-input {
		display: none;
		width: 95%;
	}

	.tabsOuter .d-box.no-box .section-box .section-box {
		border: 1px solid #b9b9b9;
		overflow-x: auto;
	}

	#page #region-main .section-box table .lastcol {
		text-align: center;
	}

	.w150 {
		width: 241px !important;
	}

	.tabsOuter .no-course {
		position: relative;
	}

	.tabsOuter .no-course .left-content {
		width: 90% !important;
	}

	.tabsOuter .no-course .right-icon {
		position: absolute;
		right: 15px;
		top: 3px;
	}

	.tabsOuter .no-course .catalog_course_button {
		position: absolute;
		right: -6px;
		top: 40px;
	}

	#page-mod-scorm-player,
	#page-mod-scorm-player .page,
	#page-mod-scorm-player #page-content,
	#page-mod-scorm-player #page #region-main,
	#page-mod-scorm-player #region-main>div[role="main"],
	#page-mod-scorm-player #scormpage #toctree {
		min-height: 400px;
	}

	.content-lower .dashboard-lower-right .lower-right-bottom {
		display: none;
	}

	#page #region-main .index-blog .forumpost,
	#page #region-main .index-blog .blog_entry .content {
		height: auto;
	}

	.full-height {
		min-width: 0;
	}

	.circleBlockRow .col-sm-2,
	.circleBlockRow .col-md-2,
	.circleBlockRow .col-lg-2,
	.circleBlockRow .col-sm-4,
	.circleBlockRow .col-md-4,
	.circleBlockRow .col-lg-4 {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
	}

	.lower-right-upper .new-course-image {
		width: 40px;
	}

	.lower-right-upper .new-course-details {
		padding: 0 0 0 50px;
	}

	.lower-right-upper .new-course-block .new-course-details .new-course-name {
		width: 100%;
		padding: 0;
	}

	.lower-right-upper .new-course-block .new-course-details .new-course-category,
	.chartArea,
	.graphDataCircles,
	.descriptionbox .descriptionbox-col {
		width: 100%;
		padding: 0;
	}

	.lower-right-upper .new-course-block .new-course-details .new-course-preview-link {
		margin-top: 10px;
		width: auto;
	}

	.MobileView {
		display: block;
	}

	.file-picker .fp-navbar {
		min-height: 0;
		border: none;
	}

	.video_play,
	.play_list {
		width: 100% !important;
		height: 50% !important;
	}

	#colorbox {
		width: 98% !important;
		left: 1% !important;
	}

	#cboxWrapper,
	#cboxContent,
	#cboxLoadedContent {
		width: 100% !important;
	}

	#page-calendar-view #region-main .maincalendar div.header {
		left: 3px;
		top: 45px;
		float: left;
		width: 100%;
	}

	.calendar-controls .calender-view {
		float: left !important;
		margin: -30px 0 35px 5px;
	}

	.twoColumnsFS {
		padding: 0 !important;
	}

	.twoColumnsFS .col-md-6 {
		padding: 0;
	}

	.copyright11 {
		font-size: 12px;
	}

	#page .content-upper .bx-wrapper .bx-viewport {
		left: 23px;
		width: 100% !important;
	}

	.dashboard-lower-left,
	.dashboard-lower-right {
		width: 100%;
	}

	.dashboard-lower-left {
		margin-bottom: 10px;
	}

	#topcontrol,
	aside.block-region,
	.main-nav .nav>li.dropdown,
	.dashboard-calender {
		display: none !important;
	}

	#common-search.learning-search .search_clear_button {
		display: none;
		top: 87px;
	}

	#page #region-main,
	#page.container {
		min-height: 325px !important;
	}

	#search-form .filter {
		padding-top: 10px !important;
	}

	#page #region-main .index-blog .forumpost {
		margin: 0 0 10px !important;
		width: 100%;
	}

	.blog-more::before {
		content: "";
		background: url(/theme/boost/pix/icon_sprite_20px.svg) no-repeat;
		background-position: -316px -24px;
		width: 20px;
		height: 20px;
		background-size: 32em;
		display: inline-block;
		position: relative;
		top: 5px;
		margin-right: 4px;
	}


	#page #region-main .section-box table th {
		border-top: medium none !important;
		vertical-align: middle;
		width: 24%;
	}

	#page #region-main .section-box table td:first-child,
	#page #region-main .section-box table th:first-child {
		border-left: medium none !important;
		width: 30% !important;
		word-break: break-all;
	}

	#page #region-main .section-box table th:last-child {
		width: 45% !important;
	}

	#page #region-main .section-box table th:nth-child(3),
	#page #region-main .section-box table td:nth-child(3) {
		width: 25%;
	}

	#region-main .tabsOuter table {
		border: medium none !important;
		overflow: visible !important;
	}

	#page #region-main .section-box table th,
	#page #region-main .section-box table td {
		display: none;
	}

	#page #region-main .section-box table th:first-child,
	#page #region-main .section-box table td:first-child,
	#page #region-main .section-box table th:last-child,
	#page #region-main .section-box table td:last-child,
	#page #region-main .section-box table th:nth-child(3),
	#page #region-main .section-box table td:nth-child(3) {
		display: table-cell;
	}

	.certificateDwn span {
		font-size: 14px;
	}

	.tabsOuter .d-box.no-box .section-box .section-box {
		border: 1px solid #b9b9b9;
		overflow-x: auto;
	}

	#page #region-main .section-box table .lastcol {
		text-align: center;
	}

	.w150 {
		width: 241px !important;
	}

	.tabsOuter .no-course .left-content {
		width: 90% !important;
	}

	.tabsOuter .no-course .right-icon {
		position: absolute;
		right: 15px;
		top: 3px;
	}

	.tabsOuter .no-course .catalog_course_button {
		position: absolute;
		right: -6px;
		top: 40px;
	}

	#page-mod-scorm-player,
	#page-mod-scorm-player .page,
	#page-mod-scorm-player #page-content,
	#page-mod-scorm-player #page #region-main,
	#page-mod-scorm-player #region-main>div[role="main"],
	#page-mod-scorm-player #scormpage #toctree {
		min-height: 400px;
	}

	#page #region-main .index-blog .forumpost,
	#page #region-main .index-blog .blog_entry .content {
		height: auto;
	}

	.full-height {
		min-width: 0;
	}

	.circleBlockRow .col-sm-2,
	.circleBlockRow .col-md-2,
	.circleBlockRow .col-lg-2,
	.circleBlockRow .col-sm-4,
	.circleBlockRow .col-md-4,
	.circleBlockRow .col-lg-4 {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
	}

	.lower-right-upper .new-course-image {
		width: 40px;
	}

	.lower-right-upper .new-course-details {
		padding: 0 0 0 50px;
	}

	.lower-right-upper .new-course-block .new-course-details .new-course-name {
		width: 100%;
		padding: 0;
	}

	.lower-right-upper .new-course-block .new-course-details .new-course-category,
	.chartArea,
	.graphDataCircles,
	.descriptionbox .descriptionbox-col {
		width: 100%;
		padding: 0;
	}

	.lower-right-upper .new-course-block .new-course-details .new-course-preview-link {
		margin-top: 10px;
		width: auto;
	}

	a.course_catalog {
		margin: 5px 0 0 !important;
		padding: 0 10px !important;
		border: none !important;
	}

	.headerBlockLabel a {
		float: right !important;
		margin: 0 10px -8px !important;
	}

	.graphDataCircles ul li {
		padding: 10px 0 0;
	}

	.graphDataCircles ul li span {
		vertical-align: inherit;
	}

	.graphDataCircles .circle {
		height: 45px;
		width: 45px;
		border-width: 3px !important;
		line-height: 38px;
		font-size: 14px;
	}

	.profilepicture {
		width: 30%;
	}

	.filemanager .fp-content::after {
		display: none;
	}

	#page-calendar-view #region-main .maincalendar .header .buttons {
		right: 110px;
		top: 32px;
	}

	#page-calendar-view #region-main .maincalendar .calendar-controls .current.month {
		text-align: right;
		float: right;
	}

	.moodle-dialogue-base .moodle-dialogue.filepicker {
		width: 100% !important;
		height: auto !important;
		bottom: 0;
	}

	.tabsOuter .no-course .left-content {
		padding-left: 65px;
		width: 95% !important;
	}

	.certificate_of_completion .download_certificate::after {
		margin: -64px 0 0 !important;
	}

	#page #region-main table.calendarmonth td {
		height: auto !important;
	}

	.lower-right-upper .new-course-image img {
		max-height: 40px !important;
		max-width: 40px !important;
	}

	#page-header .top-bar .logininfo {
		width: auto !important;
		max-width: 150px !important;
	}

	.MobileView {
		display: block;
	}

	#page #region-main table.description td {
		height: auto;
		border-left: none !important;
	}

	#page {
		margin-top: 103px;
		padding: 0 10px;
	}

	#page-calendar-faqs_link #page {
		margin-top: 0px;
		padding: 0px;
	}

	.course-assign-status {
		height: auto;
		margin: 0 auto;
		width: 100%;
	}

	.admin-dashboard .course_status_block_span,
	.course_status_block_span {
		display: block;
	}

	.admin-dashboard .last-accessed-courses,
	.last-accessed-courses {
		clear: both;
		margin: 0;
		padding: 10px 0;
	}

	.content-upper {
		height: auto !important;
	}

	.dashboard-lower-left,
	.dashboard-lower-right {
		width: 100%;
	}

	.dashboard-lower-left {
		margin-bottom: 10px;
	}

	#topcontrol,
	aside.block-region,
	.main-nav .nav>li.dropdown,
	.dashboard-calender {
		display: none !important;
	}

	a.course_catalog {
		float: right !important;
	}

	.dashboard-calender .maincalendar .heightcontainer .calendar-controls .current {
		font-size: 16px !important;
		padding-left: 65px;
		text-align: left;
	}

	.rowConatct {
		height: 44px;
	}

	.rowConatct .footerContact {
		top: 0;
	}

	.bottom_footer {
		float: left;
		width: 100% !important;
	}

	.DesktopView {
		display: none;
	}

	.file-picker .fp-repo-area,
	.file-picker .fp-content {
		height: auto;
	}

	.twoColumnsFS .margin_top {
		margin-top: 15px !important;
	}

	.feedback_item_label_left {
		padding-right: 0;
	}

	.button-link.backButton {
		display: inline-block;
	}

	.button-link.backButton::after {
		display: none;
	}

	.button-link.backButton::before {
		content: "\f0a8";
	}

	.main-nav .nav>li a.faqs,
	.main-nav .nav>li a.training-videos {
		display: block;
	}

	.borderBlock+.helpBox+.borderBlock {
		margin-top: 15px !important;
	}

	.mform .fdescription.required {
		margin-left: 0;
	}

	.tabsOuter .d-box.no-box .section-box .section-box {
		border: 1px solid #b9b9b9;
		overflow-x: auto;
	}

	#page #region-main .section-box table .lastcol {
		text-align: center;
	}

	.w150 {
		width: 241px !important;
	}

	.profilepicture,
	.descriptionbox {
		float: left;
		margin: 0;
		overflow: visible;
		width: 100%;
	}

	.descriptionbox {
		padding-top: 10px;
	}

	.userpicture {
		height: auto;
		max-width: 100%;
	}

	.tabsOuter .no-course .left-content {
		width: 90% !important;
	}

	.tabsOuter .no-course .right-icon {
		position: absolute;
		right: 15px;
		top: 3px;
	}

	.tabsOuter .no-course .catalog_course_button {
		position: absolute;
		right: -6px;
		top: 40px;
	}

	.MobileView {
		display: block;
	}

	.file-picker .fp-navbar {
		min-height: 0;
		border: none;
	}

	.video_play,
	.play_list {
		width: 100% !important;
		height: 50% !important;
	}

	#colorbox {
		width: 98% !important;
		left: 1% !important;
	}

	#cboxWrapper,
	#cboxContent,
	#cboxLoadedContent {
		width: 100% !important;
	}

	#page-calendar-view #region-main .maincalendar div.header {
		left: 3px;
		top: -45px;
		float: left;
		width: 100%;
	}

	.calendar-controls .calender-view {
		float: left !important;
		margin: -30px 0 35px 5px;
	}

	.twoColumnsFS {
		padding: 0 !important;
	}

	.twoColumnsFS .col-md-6 {
		padding: 0;
	}
}

@media screen and (min-device-width: 600px) and (max-device-width: 1280px) and (orientation: portrait) {

	/* .wrapper,
	#page-footer {
		display: none !important;
	} */

	/* .portraitMessage {
		color: var(--bs-gray-900);
		display: block;
		font-size: 20px;
		height: 100px;
		left: 0;
		margin: -50px 0 0;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 100%;
	} */

}

@media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {

	#cboxOverlay,
	#colorbox {
		display: none !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 850px) {
	.file-picker .fp-repo-area {
		height: 100%;
		float: left;
		/* border-right: 1px solid var(--bs-gray-400); */
		/* width: 180px; */
		max-height: none;
	}

	.file-picker .fp-content {
		height: 317px;
	}

	.file-picker .fp-repo-items {
		width: 100%;
		float: left;
	}

	.file-picker .fp-repo-items .fp-navbar {
		border-top: none;
	}

	.file-picker .fp-content form td {
		display: table-cell;
		width: auto;
	}
}

@media screen and (orientation: landscape) {
	.portraitMessage {
		display: none;
	}
}

@media screen and (min-device-width: 500px) and (max-device-width: 770px) and (orientation: portrait) {

	/* .wrapper,
	#page-footer {
		display: none !important;
	} */

	/* .portraitMessage {
		display: block;
	} */
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and(orientation:portrait) {

	#cboxOverlay,
	#colorbox {
		display: none !important;
	}

}

@media screen and (max-device-width: 414px) and (orientation: landscape) {

	#colorbox,
	#cboxOverlay {
		display: none !important;
	}
}

@media screen and (max-device-width: 414px) {

	.row {
		margin-bottom: 0;
	}

	.actionbutton {
		padding-top: 10px;
	}

	.actionButtonBottom {
		padding: 10px 0;
	}

	.portraitMessage {
		display: none !important;
	}

	.wrapper,
	#page-footer {
		display: block !important;
	}

	.portraitMessage {
		display: none !important;
	}

	.lanscapeMessage {
		display: none !important;
	}

	#colorbox {
		position: fixed !important;
		top: 50px !important;
	}

	#page .calendar td {
		display: table-cell;
		line-height: 30px !important;
		height: 30px !important;
		width: 30px !important;
	}

	.acknowledge {
		line-height: normal;
		padding: 5px 0 !important;
		height: auto;
	}
}

@media screen and (max-width: 414px) and (max-height: 414px) {

	.lanscapeMessage {
		display: none !important;
	}

	.wrapper,
	#page-footer {
		display: block !important;
	}

	#page-footer {
		height: 46px;
		overflow: hidden;
	}

	body {
		background: var(--bs-gray-100) !important;
	}

	.lanscapeMessage {
		display: none !important;
	}

	#page-footer {
		height: 46px;
		overflow: hidden;
	}

	body {
		background: var(--bs-gray-100) !important;
	}
}

@media only screen and (max-width: 1180px) {

	#page-mod-resource-mod .classroompopup .felement {
		float: left;
		margin-left: 0;
	}

	#page-mod-resource-mod .classroompopup .mform .fitem div.fitemtitle {
		width: 100%;
		text-align: left;
	}

	.chiphealth .main-nav nav {
		margin-top: 0 !important;
	}

	.main-nav {
		margin: 0;
		width: auto;
	}

	.ec_grid-view {
		width: 32%;
		margin-right: 2%;
	}

	.ec_grid-view:nth-child(4n) {
		margin-right: 2%;
	}

	.ec_grid-view:nth-child(3n) {
		margin-right: 0;
	}

	.ec_grid-view .entry-content_hvr {
		z-index: 999;
		transition: all ease 0.25s;
		padding-left: 10px;
		display: none;
		position: absolute;
		left: 100%;
		top: -5%;
		width: 100%;
		height: 100%;
	}

	.ec_grid-view:nth-child(4n) .entry-content_hvr {
		padding-left: 10px;
		padding-right: 0;
		left: 100%;
		right: auto;
	}

	.ec_grid-view:nth-child(3n) .entry-content_hvr {
		padding-left: 0;
		padding-right: 10px;
		left: auto;
		right: 100%;
	}

	.ec_grid-view:nth-child(4n) .entry-content_hvr .hvr_inner:after {
		right: 100%;
		left: auto;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: none;
		border-right: 20px solid var(--bs-white);
	}

	.ec_grid-view:nth-child(3n) .entry-content_hvr .hvr_inner:after {
		right: auto;
		left: 100%;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid var(--bs-white);
		border-right: none;
	}
}

@media only screen and (max-width: 970px) {
	.ec_courpageouter .topsec .readmore {
		margin: 15px 0;
	}
}

@media screen and (min-device-width: 1281px) and(orientation:landscape) {

	a[name="timeopen[calendar]"],
	a[name="timeclose[calendar]"] {
		margin-left: -150px !important;
		margin-right: 140px !important;
	}
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {

	/* .wrapper,
	#page-footer,
	.moodle-dialogue-base {
		display: none !important;
	} */

	.portraitMessage {
		display: none;
	}

	#cboxOverlay,
	#colorbox {
		display: none !important;
	}

	.ec_cart.favcart {
		right: 15px;
	}

	.ec_addCart {
		margin-top: 54px;
	}

}

@media only screen and (max-width: 1366px) {
	.quickLinks {
		right: 0 !important;
	}

	.ec_cart.favcart {
		right: 11px !important;
	}
}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	.container {
		min-width: auto;
	}

	.pagelayout-classroompopup .wrapper {
		float: left;
		width: 100%;
		position: static;
		height: auto;
		margin: 0 !important;
		display: block !important;
	}

	.date_sec input#download_event {
		margin-left: 100px;
	}

	#colordiv {
		left: 210px;
		top: 31px;
	}

	.fl.italicmsg {
		margin-left: 0;
		color: var(--bs-gray-900);
	}

	.italicmsg {
		color: var(--bs-gray-900);
		font-size: 13px;
	}

	.pagelayout-classroompopup {
		position: relative;
		float: left;
		width: 100%;
	}

	.pagelayout-classroompopup .portraitMessage {
		display: none !important;
	}

	.date_sec input#download_event {
		margin-left: 100px;
	}

	.fl.italicmsg {
		margin-left: 0;
		color: var(--bs-gray-900);
	}

	.italicmsg {
		color: var(--bs-gray-900);
		font-size: 13px;
	}

	#fade {
		background-position: 50% 45%;
	}

	.select2 {
		min-width: 141px !important;
	}

	.select3 {
		min-width: 141px !important;
	}

	.classroompopup .add_session_popup {
		float: left;
		width: 100%;
		padding-bottom: 100px;
	}

	.pagelayout-classroompopup .wrapper .mform .fitem {
		margin-bottom: 14px;
	}

	.pagelayout-classroompopup .wrapper #fgroup_id_buttonar {
		margin-top: 0;
	}
}

@media only screen and (max-width: 600px) {

	.main-nav {
		margin: -43px 0 0;
	}

	.ec_filter {
		padding: 0 0 10px 0;
	}

	.ec_filter .ec_select,
	.ec_filter .ec_search-form,
	.ec_filter .ec_cart {
		margin-bottom: 15px;
	}

	.ec_search-form .form-control {
		width: 80%;
	}

	.ec_cart.full {
		width: 20%;
		float: right;
	}

	.ec_filtertop.row {
		margin-bottom: 0;
	}

	.ec_filterbottom {
		padding: 0;
	}

	.ec_filterby {
		margin-top: -30px;
	}

	.ec_filterbottom ul.ec_result_view,
	.grid-container {
		display: none;
	}

	.ec_additional .course-desc5 .pull-right {
		float: right !important;
	}

	.ec_filterby p {
		float: none;
	}

	.ec_filterby .selectpicker {
		min-width: 49%;
		max-width: 49%;
		margin: 0 0.5%;
		width: 100%;
		margin-left: 0px;
		padding: 5px;
		float: left;
	}

	.ec_filterbottom .after-common-search li {
		padding: 0 10px 0 20px;
	}

	.ec_cartsec_inner .proucut,
	.ec_cartsec_inner .subtotal,
	.ec_cartsec_inner .cancel {
		justify-content: center;
		padding: 0 7px;
	}

	.ec_totalsec .small {
		font-size: 16px;
	}

	.ec_filterby p {
		line-height: 24px;
	}

	.ec_list-view .entry-content .ctop_right .ec_addtocart {
		font-size: 16px;
		min-width: 160px;
		padding: 6px;
	}

	.ec_select .selectpicker {
		font-size: 16px;
		height: 45px;
		padding: 5px 15px;
	}

	.ec_search-form .form-control {
		font-size: 16px;
		line-height: 1;
		padding: 14px 20px;
	}

	.ec_search-form .search-btn {
		width: 20%;
		padding: 12px 0;
		font-size: 0;
	}

	.ec_search-form .search-btn {
		padding: 12px 0;
	}	

	.main-nav {
		margin: -43px 0 0;
	}

	.ec_filter {
		padding: 0 0 10px 0;
	}

	.ec_filter .ec_select,
	.ec_filter .ec_search-form,
	.ec_filter .ec_cart {
		margin-bottom: 15px;
	}

	.ec_search-form .form-control {
		width: 80%;
	}


	.inline_content {
		width: 273px;
		/*top:-114px;*/
	}

	.wrapper #page.container {
		margin-top: 70px !important;
	}

	.login_profile_container {
		margin-top: 0 !important;
	}

	.program-card .timeline-wrapper.c-box {
		padding: 0 40px 0 90px !important;
	}

	/* user profile page */

	div#fitem_id_email img,
	#fitem_id_firstname img {
		left: 14px;
	}

	body[id*="page-cart-"] #page-classroom-listing div#page_catalog .header_catalog,
	body#page-site-index #page-classroom-listing div#page_catalog .header_catalog {
		padding-left: 0 !important;
	}

	.wrapper #page.container {
		width: 100%;
		min-width: 100%;
		left: 0;
	}

	/* header responsive css */

	.mobile-menu {
		font-size: 25px;
		cursor: pointer;
		position: fixed;
		top: 15px;
		z-index: 99999999;
		left: 10px;
		display: block;
		color: var(--bs-gray-600);
	}

	.header_search {
		width: 100%;
		left: 0px;
		padding-right: 0px;
		display: flex;
		justify-content: space-between;
	}

	.header_search .left_header {
		width: auto;
	}

	#page-my-course_catalog #common-search,
	#common-search.tabbedSec {
		left: 30px;
	}

	.sidebar .closebtn {
		display: block;
	}

	span.before_profile {
		display: none;
	}

	.arrow-bottom a {
		display: none;
	}

	.breadcrumb-dashboard {
		display: none;
	}

	/* faq css */


	/* blog css */
	#page-blog-index .wrapper #page.container {
		margin-top: 40px !important;
	}

	#page-blog-index #page .forumpost {
		width: calc(100% - 10px) !important;
	}

	/* msg page css */
	.wrapper #page.container {
		margin-top: 70px !important;
	}

	.borderBlock .headerBlockLabel {
		background: transparent;
		border-bottom: 0px none;
	}

	/* footer css */

	/*Divyani*/
	.course-header {
		width: 100%;
		padding: 0;
	}

	.statistic_wrapper {
		width: 100%;
	}

	.assest_wrapper .assest_right_container .launch_wrapper {
		padding-top: 0;
	}

	.statistic_progress_value,
	.statistic_hours_value {
		font-size: 18px;
	}


	.wrapper #page.container {
		width: 100%;
		left: 0;
	}

	.assest_icon {
		margin-bottom: 0px;
	}

	/* #page #region-main span.asset_type {
		width: 55px;
		background-size: 20em !important;
		height: 55px;
		position: absolute;
	} */

	#page #region-main span.asset_type.mandatorysurvey {
		background-position: -53px -112px;
		background-size: 20em !important;
	}

	/* #page #region-main span.asset_type.scorm {
		background-position: -114px -58px;
	} */

	.asset_wrapper_right {
		width: 100%;
		padding-left: 60px;
	}

	.learn_p11 {
		width: auto;
	}	

	.view_learn {
		float: right;
	}

	.box_learner:nth-child(3) {
		margin-left: 0;
	}

	.head_text {
		width: 100%;
		padding-left: 13px;
	}

	/* .course_icon_learn {
		background-position: -225px -106px !important;
		margin-top: 0px;
	} */

	/* .dashboard_box {
		width: 60px;
		background-size: 20em !important;
		height: 60px;
	} */

	.box_learner {
		margin-bottom: 20px;
	}

	.score_icon {
		background-position: -50px -106px;
	}

	.credit_icon {
		background-position: -164px -106px;
	}

	.user_perform_icon {
		position: absolute;
		top: 42px;
		right: 9px;
	}

	.f-right {
		float: none;
	}

	.num_learn {
		font-size: 25px;
	}

	.header_search .right_header {
		margin-top: 6px;
		display: flex;
	}

	.login_profile_container {
		margin-top: -7px;
	}

	#page #region-main .admin_report_table table tr th:first-child,
	#page #region-main .admin_report_table table tr td:first-child {
		padding-left: 3px;
	}

	.user_perform_table {
		overflow-x: scroll;
	}

	#page #region-main .user_perform_table table tr td div.a-box div {
		padding-left: 3px !important;
	}

	#page-reports-classroom_course_report table tr td div.a-box {
		margin-left: 0;
	}

	.user_box .learn_circleBlock {
		margin-bottom: 0;
	}

	.third_report-icon {
		background-position: 4px 2px;
	}

	.overall_report {
		margin-top: -14px;
	}

	.ec_courpageouter .catalogRelCourse {
		width: 100%;
	}

	.course_Relprice {
		padding: 7px 5px;
	}

	.full.listview .catalogRelCourse:nth-child(even) {
		margin-right: 0px;
	}


	.ec_courpageouter .container {
		display: flex;
		flex-direction: column-reverse;
	}

	#page-cart-description .ec_courpageouter .container {
		display: flex;
		flex-direction: column;
	}

	.mt-30 {
		margin-top: 5px;
	}

	#page-user-single_report .borderBlockSpace {
		padding: 0 !important;
	}

	#page-user-single_report .wrapper #page.container {
		padding: 0;
	}

	.table_head {
		padding-left: 5px;
	}

	.next_table_box {
		padding-left: 8px;
	}

	.learn_p11 {
		padding: 5px;
		font-size: 12px;
	}

	.borderBlockSpace {
		padding: 0px !important;
	}

	.catlog-course-rel {
		width: 100%;
	}

	.catlog-course-des {
		padding: 4px;
		text-overflow: ellipsis;
	}

	.pl-0 {
		padding-right: 0 !important;
	}

	#page #region-main span.asset_type.survey {
		background-position: -62px -118px;
		background-size: 15em !important;
	}

	.forum_review_block .survey_title,
	.forum_review_block .forum_title {
		position: relative;
		left: 52px;
		bottom: 11px;
	}

	.arrowBtn {
		top: 14px;
	}

	/*learner page*/
	span.course_price {
		float: right !important;
	}

	.course-header {
		margin-bottom: 0;
	}

	span.program_course_name {
		margin: 0px -23px;
	}

	#page #region-main span.asset_type.forum {
		background-position: 0px -64px;
		float: left;
		background-size: 15em !important;
	}

	#page-cart-description #page #region-main,
	#page.container {
		padding-top: 0;
	}

	.catlog-course-rel:nth-child(odd) {
		margin-right: 0;
	}

	#page-my-dashboard .tabLinks {
		position: relative;
		margin-top: 0;
		padding-left: 0px;
	}
	.tabLinks div a.current:not(.publish-course-div>a), 
	.tabLinks div a:not(.publish-course-div>a):hover {
		box-shadow: none;
		border-bottom: 2px solid var(--bs-primary);
	}
	#page-my-dashboard .breadcrumb-container,
	.program_path,
	.blankdata {
		display: none !important;
	}

	.sidebar-divider {
		display: none;
	}

	.twoColumnsFS .listItems .list {
		background: var(--bs-white);
	}

	.approved-icon,
	.decline-icon,
	.requestclass-icon,
	.waitingforapproval-icon,
	.completed-icon {
		margin-top: -5px;
	}

	.blog-detail-page .rightside-blog,
	.blog-detail-page .blog-detail-left,
	.blog-des {
		width: 100%;
	}

	.userprofile-width {
		width: 100%;
	}

	#page-calendar-view #region-main .maincalendar div.header .buttons {
		width: 300px;
	}

	/* catalog before login */
	div#page_catalog {
		width: 100%;
		padding: 0 10px;
	}

	.header_catalog {
		width: 100%;
		left: 0;
		padding: 10px;
	}

	#page-cart-catalogbeforelogin .search-header,
	#page-cart-descriptionbeforelogin .search-header {
		width: 50%;
		float: left;
	}

	#page-cart-catalogbeforelogin .search-header {
		width: 50%;
		float: left;
	}

	#page-cart-catalogbeforelogin .catalog-login,
	#page-cart-descriptionbeforelogin .catalog-login {
		float: right !important;
	}

	#page-blog-index .blog-detail-page .blog-img-container {
		width: 100%;
	}

	.blog-detail-page .rightside-blog {
		display: none;
	}

	/*completed*/
	.norecords_left .heading_text {
		font-size: 1.5em;
	}

	.credithoursandsessiondate_wraper {
		margin-bottom: 0;
	}

	.filter .select2 {
		min-width: 120px !important;
		margin: 0 0px;
	}

	#page-cart-descriptionbeforelogin #page-content {
		margin-top: 70px;
	}

	#report-search .charc-filter select {
		max-width: 100%;
	}
	
	.class-session li {
		min-width: 160px;
	}

	.learning_band {
		margin-top: 20px;
	}
	
	.qutbox {
		display: block;
	}

	.ec_classright .ec_continue_shop {
		margin: 0px;
	}

	.priceblue {
		margin-right: 0px;
	}

	#report-search .charc-filter select {
		margin: 0 5px 20px 0 !important;
		overflow: auto;
	}

	#page-reports-order_list .fr-filter {
		width: 100% !important;
	}

	.filter_expand .filter_text {
		margin-right: 24px;
	}

	#report-search .learner_filter .date_sec {
		width: 100% !important;
	}

	.f-right.refreshButtonSec {
		float: left;
	}

	.wrapper #page.container {
		min-height: calc(100vh - 90px) !important;
	}

	.session_container_wrapper {
		overflow-x: auto;
	}

	.learningpage_dashboard .norecords_wrapper {
		width: 100% !important;
	}

	.norecords_left {
		width: 100%;
	}

	#report-search .charc-filter .learner_filter select {
		margin-right: 0px !important;
	}

	.learn_time {
		width: auto;
	}

	.saasadmin_page .col-sm-3 {
		padding: 0 !important;
		margin-bottom: 15px !important;
	}

	.super_admin .circleBlockRow .col-lg-2,
	.super_admin .circleBlockRow .col-lg-4 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.super_admin .circleBlockRow .tabsBlock .compnyList {
		display: flex;
		align-items: center;
	}
	.progress_container::before {
		left: -69px !important;
		border: none !important;
		border-width: 10px 10px 10px 0;
		border-color: transparent white transparent transparent;
	}

	/* Place the timelime to the left */
	.program_timeline::after {
		left: 31px;
	}

	/* Full-width containers */
	.progress_container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	/* Make sure that all arrows are pointing leftwards */
	.progress_container::before {
		left: 60px;
		border: medium solid white;
		border-width: 10px 10px 10px 0;
		border-color: transparent white transparent transparent;
	}

	/* Make sure all circles are at the same spot */
	.left::after,
	.right::after {
		left: 15px;
	}

	/* Make all right containers behave like the left ones */
	.right {
		left: 0%;
	}
}

/***************************** IE11 css ********************************/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#page #region-main .ACDifferentiate .potentialcell .userselector select option {
		max-width: 460px;
	}
}

@supports (-ms-ime-align: auto) {
	#page #region-main .ACDifferentiate .potentialcell .userselector select option {
		max-width: 460px;
	}
}

@media all and (-ms-high-contrast: none) {
	.csv_filter {
		background-position: -88px -294px;
	}

	/* IE10 */
	*::-ms-backdrop,
	.csv_filter {
		background-position: -88px -294px;
	}

	/* IE11 */


	.today .cal-div {
		left: -7px;
	}

	#page #region-main .user_dash_box table.ieheader thead tr:first-child {
		border-bottom: 1px solid var(--bs-gray-300) !important;
	}

	#page-course-index-category #page #region-main .ieheader {
		border-bottom: 1px solid var(--bs-gray-300) !important;
	}

	/*IE hacks*/
	#page #region-main .ACDifferentiate .potentialcell .userselector select option {
		background: var(--online-course);
	}

	#page #region-main .ACDifferentiate .potentialcell .userselector select option.classroom {
		background: var(--classroom-course);
		color: var(--bs-white);
	}

	#page #region-main .ACDifferentiate .potentialcell .userselector select option.program {
		background:  var(--program-course);
		color: var(--bs-white);
	}

	*::-ms-backdrop,
	#page #region-main .ACDifferentiate .potentialcell .userselector select option {
		background: var(--online-course);
	}

	*::-ms-backdrop,
	#page #region-main .ACDifferentiate .potentialcell .userselector select option.classroom {
		background: var(--classroom-event);
		color: var(--bs-white);
	}

	*::-ms-backdrop,
	#page #region-main .ACDifferentiate .potentialcell .userselector select option.program {
		background: var(--program-course);
		color: var(--bs-white);
	}

	*::-ms-backdrop,
	#page #region-main .ACDifferentiate .potentialcell .userselector select option[disabled="disabled"] {
		color: var(--bs-red);
	}
}
#discount_table th, #discount_table td {background-color: #fff; }
div#questionPoolError { font-size: 12px;color: #f00;padding: 5px 15px 0;}
#page-reports-sales_report .dataTables_wrapper {
	margin-top: 0px;
}
.total_amount_sale::after {
	content: "";
	background: url('../pix/gross.png') no-repeat;
	width: 40px;
	height: 40px;
	float: left;
	background-size: 40px;
}
.discount_sale::after {
	content: "";
	background: url('../pix/discount.png') no-repeat;
	width: 40px;
	height: 40px;
	float: left;
	background-size: 40px;
}
.paid_amount_sale::after {
	content: "";
	background: url('../pix/paid.png') no-repeat;
	width: 40px;
	height: 40px;
	float: left;
	background-size: 40px;
}
.sales_box .learn_circleBlock {
	/* border-right: 1px solid #e6e6e7; */
	border-right: 1px solid #d3cece;
    justify-content: flex-start;
    /* padding-left: 30px; */
    background: #e9ecef;
    text-align: center;
}
.sales_box .learn_circleBlock:last-child {
	border-right: 0px none;
}
.sales_box {
	margin: 0px;
}
.ec_continue_shop #checkoutpage, .ec_continue_shop #purchase_credit, .ec_continue_shop #checkoutpageBycredit{
	width: 100%;
    display: flex;
    flex-direction: column;
	align-items: center;
}

.ec_continue_shop .request_for_manager{
	width: 100%;
    display: flex;
    flex-direction: column;
}

input[type="reset"],
input[value="Reset"],
input[value="reset"],
input[name="reset"],
button[type="reset"],
input[name="cancel"],
input[value="Back"] {
  box-shadow: none !important;
}
input.fp-btn-choose {
  margin-right: 10px !important;
  position: relative;
  z-index: 1;
}
.tbl_credit td {
	border-top: 0px none;
	border-right: 1px solid;
	text-align: center;
}
.tbl_credit tr:nth-child(1),
.tbl_credit tr:nth-child(3) {
	background: #1bafdd;
	color: #fff;
	font-weight: bold;
}
.tbl_credit tr:nth-child(1) td,
.tbl_credit tr:nth-child(3) td {
   text-align: left;
}
.tbl_credit tr:nth-child(2),
.tbl_credit tr:nth-child(4) {
	background: #1c4154;
	color: #fff;
}
/* .tbl_credit.d-flex .credits_half:not(:last-child) {
	margin-right: 10px;
} */
#page-cart-purchase_items_by_credit .headerBlockLabel .headerText {
	padding-bottom: 10px;
}
span.creditval {
    font-size: 32px !important;
    font-weight: bold !important;
	display: inline !important;
}
.credit_sec {
	border: 1px solid #CEE3FF;
	background: rgba(255,255,255,.5);
	margin-right: 10px;
	font-size: 32px;
	font-weight: bold;
	border-radius: 6px;
	padding: 10px;
	width: 33%;
	text-align: center;
}
.manager_dash .credit_sec {
	margin-right: 20px;
}
.credit_sec:last-child {
	margin-right: 0px;
}
.credit_sec span {
    display: block;
    font-size: 14px;
	font-weight: normal;
	text-align: center;
}
.credit-title {
	font-size: 16px;
	font-weight: bold;
}
.credits_half {
    width: 50%;
}
.coplist_wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cop_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}
.coplist {
	background: #fff;
	margin: 10px 0;
	border-radius: 6px;
	padding: 14px 20px;
	width: 49%;
	display: flex;
	flex-direction: column;
	border: 1.5px solid var(--border-color-light);
} 
.cop_desc_right {
	margin-top: 5px;
}

.cop_heading {
    font-size: 18px;
	line-height: 22px;
	color: #292929;
	font-weight: 700;
    margin-bottom: 10px;
	margin-top: 10px !important;
}

.purchase_credit {
    background: rgba(255,255,255,.5);
    border: 1px solid #CEE3FF;
    box-shadow: none;
    color: #292929;
    border-radius: 6px !important;
    height: 90px;
    margin-left: 10px;
    display: flex;
	flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    font-weight: bold;
	justify-content: space-evenly;
	margin-top: 43px;
	/* pointer-events: none; */
}
.coplist_blank_cart {
  background-color: #fff;
  border: 1.5px solid rgba(206, 227, 255, 0.5);
  cursor: default;
}
.coplist_blank_cart p {
  background: #E5F0FF;
  width: 100%;
  float: left;
  height: 14px;
  margin-bottom: 10px;
  border-radius: 6px;
}
.coplist_blank_cart p:nth-child(2) {
  margin-top: 5px;
  width: 90%;
}
.coplist_blank_cart p.blank_cart_h {
  width: 50% !important;
}
.coplist_blank_cart span {
  width: 80px;
  background: #E5F0FF;
  float: left;
  height: 34px;
  margin-top: 10px;
  border-radius: 100px;
}
.coplist_blank_cart .l-blankcol {
  width: 100%;
  height: 152px;
  margin-bottom: 10px;
  background-color: #E5F0FF;
  border-radius: 6px;
}
.coplist_blank_cart .r-blankcol {
	display: flex;
	flex-direction: column;
}
.coplist_wrapper .coplist .cop_desc_left {
	width: 100%;
	max-height: 150px;
	overflow: hidden;
}
.coplist_wrapper .coplist .cop_desc_left img {
	width: 100%;
	max-width: 100%;
	height: 150px;
	object-fit: cover;
}
.coplist .cop_desc_left img[src*="default_image.png"] {
	width: 100%;
	height: 150px;
	background-color: rgba(237, 245, 255, 0.5);
	border-radius: 6px;
	object-fit: cover;
	border: 1px solid rgba(206, 227, 255, 0.3);
}
.coplist .cop-btn {
	padding-top: 10px;
}

.course_desc_cart {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixedtop_status .top_Status {
    position: fixed;
    top: 80px;
    left: 90px;
    z-index: 99;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 0px;
    margin-right: 0px;
}
.top-sidebar .fixedtop_status .top_Status {
    top: 140px;
    left: 24px;
}

/* loader */

.linear-activity {
    overflow: hidden;
    width: calc(100% - 65px);
    height: 4px;
    background-color: #cb00ff;
    position: absolute;
    top: 0px;
    z-index: 9999;
    left: 65px;
}

.determinate {
    position: relative;
    max-width: 100%;
    height: 100%;
    -webkit-transition: width 500ms ease-out 1s;
       -moz-transition: width 500ms ease-out 1s;
         -o-transition: width 500ms ease-out 1s;
            transition: width 500ms ease-out 1s;
    background-color: #dcdbdc;
}

.indeterminate {
    position: relative;
    width: 100%;
    height: 100%;
}

.indeterminate:before {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #dcdbdc;
    animation: indeterminate_first 1.5s infinite ease-out;
}

.indeterminate:after {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #dcdbdc;
    animation: indeterminate_second 1.5s infinite ease-in;
}

/* timepicker css */
.ui-timepicker-container.ui-timepicker-standard {
	border-color: var(--bs-gray-400) !important;
}
.ui-timepicker-standard li.ui-menu-item {
	background: var(--bs-white) !important;
}
.ui-timepicker-standard li.ui-menu-item a {
	text-align: left;
}
.ui-timepicker-standard li.ui-menu-item a.ui-state-hover {
	background: var(--bs-gray-100) !important;
	background-image: none !important;
	border-color: var(--bs-gray-100) !important;
}

.ui-menu-item:hover {
	background: var(--efefef) !important;
	box-shadow: none !important;
}
#enrollment_cutoff_time {
	background: url(/theme/boost/pix/time-picker.png) right no-repeat;
    background-size: 14px 14px;
}
/* loader css */

#page-cart-catalogbeforelogin .linear-activity {
	left: 0px;
	width: 100%;
}

.blank_sec .credit_sec {
	width: 100%;
}

.loading-sec {
	font-size: 14px;
	padding: 10px;
}

#page-local-academy-course-description a.assign-course_available.requestCourse {
    color: #fff;
}
#page-local-academy-course-description .enroll-link a.requestCourse::before {
	color: #fff;
	top: 2px;
	position: relative;
}

#page-local-academy-course-description .enroll-link a.requestCourse::after {
	color: #fff;
	top: 3px;
	left: 16px;
}
#page-local-academy-course-description .button_sec {
	padding-left: 0px;
}

/* global initial names UI */
.user-picture span.avatar,
.edituserpic span.userinitials {
    width: 100px;
    height: 100px;
	font-size: 2rem;
}

.user-picture .userprofile-dropmenu {
    height: auto; 
    background-color: transparent;
	padding: 0px;
}
.edit-detail .avatar {
	width: 100%;
	height: 100%;
	font-size: 3rem;
}

.edit-detail .userprofile-dropmenu {
	height: 100%;
	padding: 0px;
}
.manage-userpic .userprofile-dropmenu {
	height: auto;
}

#page-user-editadvanced h2 {
	font-size: 16px;
	font-weight: 700;
}

/* Assign */
#page-program-assigncourserenewalrest .msgbody .classroom-preview-left {
	display: block;
}
#page-program-assigncourserenewalrest .course-preview-style .left-content {
	display: block;
	padding: 0px !important;
}
#page-program-assigncourserenewalrest .course-img {
	width: 100%;
}
/* assign competency */
#page-local-academy-assigncompetency .msgbody .classroom-preview-left {
	display: block;
}

@keyframes indeterminate_first {
    0% {
        left: -100%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

@keyframes indeterminate_second {
    0% {
        left: -150%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

@media only screen and (max-width: 600px) {
	.tbl_credit {
		flex-direction: column;
		width: 100%;
	}
	.purchase_credit {
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		height: auto;
		margin-top: 15px;
	}
	.purchase_credit svg {
		margin-right: 10px;
	}
	span.creditval {
		font-size: 22px;
	}
	.credits_half {
		width: 100%;
	}
	.card-slider.gridview-card .grid-card {
		padding-right: 0;
	}
	#page-my-dashboard .card-slider .slick-arrow {
		right: -14px;
	}
	#page-my-dashboard .card-slider .slick-prev {
		right: 20px;
	}
	.footer .bottom-bar .footer-menu ul li.linkPopup ul {
		left: -120px;
	}
}
.disabled_creditdetails .credit_sec a{ color: #212529;   
	 /* pointer-events: none; */
}
#fitem_id_can_download {
	flex-direction: column;
	position: relative;
}
#fitem_id_can_download .file_format_list {
	order: 2;
}
#fitem_id_can_download .fitemtitle label {
	position: relative;
	top: -20px;
	left: 20px;
}
input[value="save"],
input[value="cancel"],
input[value="save"]:focus,
input[value="cancel"]:focus {
    text-transform: capitalize !important;
}
.departmentselect .col-lg-3 {
	width: 100% !important;
	margin-bottom: 0 !important;
}
.mform .fcontainer .fitem.fitem_fcheckbox.notifytoall_in_case_chk {
	display: block;
}
.learner_filter {
	display: inline-block;
}
.transferPopup .container_popup h2 {
	font-size: 1.2rem;
}
.transferPopup .container_popup .chosen-container,
.transferPopup .container_popup .adduser-div {
	width: 100% !important;
}
/* new addon moodle 4_3 */
fieldset .fcontainer.collapseable .form-group {
	margin: 0;
	width: 100%;
}
fieldset .fcontainer.collapseable .form-group .col-form-label {
	padding-left: 0;
	width: 100%;
}
fieldset .fcontainer.collapseable .form-group .form-inline,
fieldset .fcontainer.collapseable .form-group .checkbox,
fieldset .fcontainer.collapseable .form-group .form-inline select {
	padding: 0;
	width: 100%;
}
.mform .form-group .col-form-label .form-label-addon {
	margin-left: 0;
}
.mform .col-form-label .form-label-addon .text-danger {
	line-height: 10px;
}
.mform .col-form-label .fa-exclamation-circle {
	font-size: 6px;
	margin-left: 4px;
}
.mform .col-form-label .fa-exclamation-circle:before {
	content: '\f621';
}
.form-control.is-invalid, 
.was-validated .form-control:invalid {
	background-image: none !important;
}
.mform .form-group .col-form-label label,
.form-group .col-form-label {
	color: var(--bs-gray-600);
}
.tox-tinymce {
	min-height: 250px;
	border-radius: 4px !important;
	border: 1px solid var(--bs-gray-400);
}
.form-group[data-groupname="buttonar"],
#fgroup_id_buttonar {
	padding: 10px 0;
}
.form-group[data-groupname="buttonar"] .col-form-label,
#fgroup_id_buttonar .col-form-label,
.filemanager .filemanager-toolbar .fp-btn-download i {
	display: none !important;
}
.form-group[data-groupname="buttonar"] .form-inline,
#fgroup_id_buttonar .form-inline {
	padding-left: 0;
}
.mform .collapseable .btn-secondary {
	background-color: transparent;
	border: 0;
	padding: 0 !important;
}
fieldset .fcontainer textarea {
	border: 1px solid var(--bs-gray-400);
	border-radius: 4px;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
fieldset .fcontainer.collapseable .form-group + .form-group {
	margin-top: 1rem;
}
fieldset .fcontainer.collapseable .form-group + .form-group.femptylabel {
	margin-top: 0;
}
fieldset .fcontainer .row.filedset_outer {
	margin: 0;
}
.fdescription.required .fa-exclamation-circle {
	font-size: 7px;
	height: 10px;
	margin-right: 5px;
	top: -5px;
    position: relative;
}
.fdescription.required .fa-exclamation-circle::before {
	content: '\f621';
}
select,
select.custom-select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 1.3em !important;
	
}
#payment_form1 select{
	padding-left: 4px !important;
}
.form-inline select.custom-select {
	width: 100%;
	max-width: 100% !important;
}
.exports_opt_box select {
	background-color: var(--dropmenu-bg-light);
	padding: 0 25px 0 15px !important;
	border-radius: 30px;
	border: 1.4px solid var(--border-color-light);
	background-position: right 0.5rem center;
	margin-top: 1px;
	transition: all .2s ease-in-out;
	cursor: pointer;
}
.exports_opt_box select:hover,
.exports_opt_box select:focus {
	background-color: var(--bs-white);
}
.table-responsive {
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light) !important;
	padding: 5px 10px;
	background-color: var(--bs-white);
}
.table-responsive .table-responsive {
	border-color: var(--bs-gray-200) !important;
}
#cboxContent .table-responsive,
.classroompopup .table-responsive,
.poptable_container .table-responsive {
	border: 1.4px solid var(--bs-gray-200) !important;
}
.modal-dialog {
	height: auto;	
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}
.modal-dialog .modal-header {
    background: var(--bs-gray-200);
    color: var(--bs-gray-900);
	height: 41px;
	font-size: 16px;
	font-weight: bold;
}
.modal-dialog .modal-header h5 {
	font-size: 16px;
	font-weight: bold;
}
.modal-dialog .modal-footer {
	border-top: 0;
}
.modal-dialog .modal-content {
	border: 1.4px solid var(--bs-gray-200);
	border-radius: 6px !important;
}
.modal-dialog:focus .modal-content {
	box-shadow: none !important;
}
.modal-dialog .modal-header .close:hover,
.modal-dialog .modal-header .close:focus {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: var(--bs-gray-900);
}
.fcontainer .borderBlockSpace {
	margin-left: 0;
	margin-right: 0;
}
div[data-fieldtype="passwordunmask"] span[data-passwordunmask="wrapper"] {
	width: 100%;
	position: relative;
	height: 34px;
}
div[data-fieldtype="passwordunmask"] .form-control {
	width: calc(100% - 40px);
	height: 34px;
	border: 0;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid var(--bs-gray-400);
	position: absolute;
	top: 0;
}
div[data-fieldtype="passwordunmask"] span[data-passwordunmask="wrapper"] span.text-muted {
	display: none !important;
}
div[data-fieldtype="passwordunmask"] span input.form-control {
	display: inline-block !important;
}
div[data-fieldtype="passwordunmask"] a.form-control span em {
	font-size: 13px;
}
a[data-passwordunmask="unmask"],
div[data-fieldtype="passwordunmask"] a.form-control i {
	position: absolute;
	right: 0;
}
div[data-fieldtype="passwordunmask"] a.form-control i {
	top: 1px;
}
div[data-fieldtype="passwordunmask"] a.form-control i,
a[data-passwordunmask="unmask"] i {
	color: var(--bs-gray-900);
	margin-right: 0;
}
div[data-fieldtype="passwordunmask"] a.form-control i:hover,
div[data-fieldtype="passwordunmask"] i:hover {
	color: var(--bs-primary);
}
div[data-fieldtype="passwordunmask"] span[data-passwordunmask="wrapper"] span.error span.error {
	position: absolute;
	top: -10px;
	z-index: 1;
}
div[data-fieldtype="passwordunmask"] span[data-passwordunmask="wrapper"] span.error br.error {
	display: none;
}
a[data-passwordunmask="unmask"] i::before {
	content: '\f070';
}
a[data-passwordunmask="unmask"].active i::before {
	content: '\f06e';
}
select.form-control[multiple],
select.custom-select[multiple="multiple"],
select[multiple="multiple"] {
	border-radius: 4px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	background-position: calc(100% - 5px);
	background-image: none !important;
}
.select_box_mul .selctBoxe select[multiple="multiple"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#fitem_id_currentpicture.fitem a {
	margin-top: 10px;
}
span#maincontent + h2 {
	font-size: 16px;
	font-weight: 700;
}
div.felement[data-fieldtype="filemanager"] input + p {
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 13px;
	color: var(--bs-gray-600);
	display: none;
}
div.felement[data-fieldtype="filemanager"] .form-filetypes-descriptions {
	display: none;
}
.fitem .fl.italicmsg {
	padding-top: 5px;
}
.selctBoxe .col-lg-3 {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}
.text-info.fa-question-circle {
	color: var(--bs-primary) !important;
}
.time_durationgroup fieldset .d-flex {
	justify-content: space-between;
}
.time_durationgroup fieldset .form-group {
    flex: 0 0 auto;
    width: calc(50% - 15px) !important;
	margin-top: 0 !important;
}
.time_durationgroup fieldset .form-group span {
	width: 100%;
}
#page-extensions-course-edit .tabLinks {
	padding-bottom: 0;
}
#page-extensions-course-edit .collapsible-actions {
    position: relative;
    padding: 0 !important;
}
.notifysetting-col textarea{
	margin-bottom: 1rem;
}
.bulkmailtable .table-responsive {
	border: 1px solid var(--bs-gray-400) !important;
}
.bulkmailtable table tr th {
	border-top: 0;
}
.profile_container .col-lg-6 {
	display: inline-block;
}
.btntopic a {
	background-color: var(--dropmenu-bg-light);
	border: 1.4px solid var(--border-color-light);
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	border-radius: 40px;
	padding: 5px 15px 5px 7px;
	color: var(--bs-gray-800);
	font-size: 14px;
}
.btntopic i {
	margin-right: 5px;
}
.btntopic a:hover {
	background-color: var(--bs-white);
}
.forumpost_topic {
	background-color: var(--bs-white);
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
	margin-bottom: 15px;
}
.forumpost_topic .options {
	margin-left: 0 !important;
	padding: 0;
}
.forumpost_topic .options .commands a {
	color: var(--link-color);
	font-size: 14px;
}
.forumpost_topic .options .commands a:hover {
	color: var(--bs-gray-900);
}
.forumpost_topic .options .commands a::before {
	content: '|';
	position: relative;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.forumpost_topic .options .commands a:hover::before {
	color: var(--link-color);
}
.forumpost_topic .options .commands a:first-child:before {
	content: '';
}
select option:checked {
	background-color: var(--bs-theme-bg) !important;
}
select[multiple]:focus option:checked,
select[multiple="multiple"]:focus option:checked {
	background: var(--bs-primary) linear-gradient(0deg, var(--bs-primary) 0%, var(--bs-primary) 100%);
}
.tabcontent #addmembersform,
#addmembersform {
	background-color: var(--bs-white) !important;
	border-radius: 6px;
	border: 1.4px solid var(--bs-gray-200) !important;
	padding: 5px;
	margin-bottom: 5px;
}
.card.card-eventview,
.card.card-dashview {
	border-radius: 6px;
	border: 1.4px solid var(--border-color-light);
}
.filter_wrapper .filter.learningPage div.filter_status:nth-last-of-type(1) {
	width: 30%;
}
.filter_wrapper_learner .form-check-inline .form-check-input,
.filter_wrapper .filter.learningPage .form-check-inline .form-check-input {
	margin-top: 3px;
}
.filter_icon .grid_icon,
.filter_icon .list_icon,
.csv_grid_icon {
	background-color: var(--bs-white);
	border-radius: 50px;
	border: 1.4px solid var(--border-color-light);
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
}
.filter_icon .grid_icon:hover,
.filter_icon .list_icon:hover,
.filter_icon .grid_icon.active,
.filter_icon .list_icon.active,
.csv_grid_icon:hover {
	background-color: var(--bs-theme-dark);
	border-color: var(--bs-primary);
	color: var(--bs-primary);
}
.twoColumnsFS.assest_wrapper .asset_wrapper_right {
	flex-basis: calc(100% - 110px);
	max-width: calc(100% - 110px);
}
.topnavbar .searchpanel form {
	margin-bottom: 0 !important;
}
.category-form-column {
	padding: 20px 30px;
}
.category-form-column .form-group.row {
	width: 66.66666667%;
}
.category-form-column #fitem_id_parent {
	display: none;
}
#cboxContent .row.row3 .col-lg-12 {
	padding-left: 0;
}
#page-mod-feedback-mod #fitem_id_starttime,
#page-mod-feedback-feedback #fitem_id_starttime {
	margin-bottom: 1rem;
}
/* hide fieldset from add survey, add forum, add asset */
fieldset#id_modstandardratings,
fieldset#id_modstandardelshdr,
fieldset#id_availabilityconditionsheader,
fieldset#id_tagshdr,
fieldset#id_competenciessection,
fieldset#id_feedbackhdr,
fieldset#id_aftersubmithdr,
fieldset#id_displayperiod,
/* hide .form-group.row.fitem from add survey, add forum, add asset */
fieldset + .form-group.row.fitem {
	display: none;
}
fieldset + #fgroup_id_buttonar {
	display: block;
}
#page-extensions-mod-forum-view .user_dash_box + .table {
	display: none;
}
.calendartable th, .calendartable td {
	width: auto !important;
}
.load-calendar .minicalendar .calendar-controls {
	justify-content: space-between;
}
.course_allocation_popup .row_outer {
	padding: 0 22px !important;
}
.csv_box a {
	background-color: var(--bs-white);
	border: 1.4px solid var(--border-color-light);
	display: inline-flex;
	width: 34px;
	height: 34px;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
}
.csv_box a:hover {
	background-color: var(--bs-theme-dark);
	border-color: var(--bs-primary);
}
.classroompopup .classroom-preview-heading {
	padding-left: 10px;
}
#page-extensions-group-assignusers div[role="main"] h3 {
    font-size: 18px;
    font-weight: bold;
}
.clearfix:before, 
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix::after {
	display: block;
    clear: both;
    content: "";
}
.form-check .form-check-input+label {
	top: 3px !important;
	position: relative;
	line-height: 16px;
}
#page-mod-certificate-mod .filepickerhidden + noscript + p,
.filepickerhidden + noscript + p {
	margin-bottom: 0;
	font-size: 13px;
    color: var(--bs-gray-600);
}
.classroom-preview-left .course_details_assest_wrapper .section-box {
	height: fit-content;
}
.classroom_session_wrapper .session_container_wrapper .table-responsive {
	border: 0 !important;
}
.classroom_session_wrapper .assest_middle_container {
	padding-right: 10px;
	padding-bottom: 10px;
}
.classroom_tab .table-responsive {
	width: calc(100% - 7px);
}
.classroom_tab .blue_learn_room {
    position: relative;
    top: 5%;
    left: 5px;
    border-radius: 6px;
}
.classroom_tab table tbody tr:last-child {
	border-bottom: 0;
}
#cboxContent .course-preview-style .col-lg-8.c-heading,
#cboxContent .course-preview-style .col-lg-8.c-heading .msg-subject {
    width: 100%;
}
#userSelectBox {
	border-radius: 4px;
	background-image: none;
}
.user_dash_box .certificate-pagewraper {
	background-color: transparent;
	margin-top: 15px;
}
.certificate-row {
	--bs-gutter-x: 1rem;
}
.certificate-col {
	margin-bottom: 15px;
}
.certificate-col .card {
	border: 1.4px solid var(--border-color-light);
	height: 100%;
}
.certificate-col .card .cert-name {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
}
.certificate-col .card .cert-smalltext,
.certificate-col .card .cert-type {
	font-size: 13px;
}
.certificate-col .card .cert-view {
	padding: 0.7rem 0;
	margin: 0 1rem;
	width: calc(100% - 2rem);
	border-top: 1px solid var(--bs-gray-300);
	font-size: 13px;
}
.certificate-empty .card .cert-type span,
.certificate-empty .card .cert-name,
.certificate-empty .card .cert-smalltext span,
.certificate-empty .card .cert-view span {
	background-color: var(--bs-theme-bg);
	padding: 5px;	
}
.certificate-empty .card .cert-type span,
.certificate-empty .card .cert-smalltext span,
.certificate-empty .card .cert-view span {
	display: inline-block;
	width: 20%;
	margin-right: 15px;
}
.feeback_tab_gap {
	padding-bottom: 20px;
}
.analysisOuter {
	padding: 1rem 1.5rem;
}
.analysisOuter hr {
	background-color: var(--bs-gray-400);
}
.analysis .chart-table-expand {
	margin-top: 15px;
}
.response_entries_row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.response_entries_table {
	padding-top: 0 !important;
}
.response_entries_table thead th {
	border-bottom: 1px solid var(--bs-gray-300);
}
.response_entries_table table tbody tr:nth-of-type(odd),
.response_entries_table .table-striped>tbody>tr:nth-of-type(odd)>*,
.response_entries_table table tbody tr:hover,
.response_entries_table table tbody tr:hover td {
	background-color: transparent !important;
	--bs-table-accent-bg: var(--bs-white);
}
.response_entries_table strong {
	font-weight: normal;
}
.showEntrySurvey h3 {
	font-size: 18px;
	font-weight: 700;
}
.survey_entries_container .box {
	padding: 0 !important;
}
.survey_entries_container .box.feedback_item_box_left {
	border-top: 1px solid var(--bs-gray-300);
}
.survey_entries_container .box.feedback_item_box_left:first-child {
	border-top: 0;
}
.survey_entries_container .box.feedback_item_box_left .box.boxalign_left,
.survey_entries_container .box.feedback_item_box_left .box.feedback_item_number_left {
	padding: 15px 0 !important;
}
.survey_entries_container .feedback_item_presentation_left {
	margin-top: 10px;
}
.swal2-footer input[type="checkbox"] {
	position: relative;
	top: 2px;
	margin-right: 5px;
}
#page-extensions-group-assignusers .searchBoxDiv .search-input label {
	display: none;
}
.searchfiteruser .non-enrolled-user-filter-box .subs_reports_status_bar select {
	margin-bottom: 10px;
}
#user-notifications .alert-danger,
#page-academy-academy .fitem .fl.italicmsg {
	display: none;
}
.assessment-wrapper {
	margin-top: 20px;
}

.aabtn.focus,
.aabtn:focus,
.btn-link.focus,
.btn-link:focus,
.nav-link.focus,
.nav-link:focus,
.editor_atto_toolbar button.focus,
.editor_atto_toolbar button:focus,
.editor_atto_toolbar .atto_toolbar_row.focus,
.editor_atto_toolbar .atto_toolbar_row:focus,
[role="button"].focus,
[role="button"]:focus,
.list-group-item-action.focus,
.list-group-item-action:focus,
input[type="checkbox"].focus,
input[type="checkbox"]:focus,
input[type="radio"].focus,
input[type="radio"]:focus,
input[type="file"].focus,
input[type="file"]:focus,
input[type="image"].focus,
input[type="image"]:focus,
.sr-only-focusable.focus,
.sr-only-focusable:focus,
a.dropdown-toggle.focus,
a.dropdown-toggle:focus,
.moodle-dialogue-base .closebutton.focus,
.moodle-dialogue-base .closebutton:focus,
button.close.focus,
button.close:focus,
.form-autocomplete-selection.focus,
.form-autocomplete-selection:focus,
[role="treeitem"]:not([aria-expanded="true"]).focus,
[role="treeitem"]:not([aria-expanded="true"]):focus {
	/* box-shadow: 0 0 0 0.2rem rgba(15,108,191,.12); */
	outline-color: var(--bs-gray-600) !important;
	outline-offset: 2px !important;
	box-shadow: none;
	outline: revert;	
}
#fade_quiz {
	display: none;
	filter: alpha(opacity=80);
	z-index: 10001;
	left: 0%;
	width: 100%;
	position: absolute;
	top: 0%;
	height: 100%;
	background: var(--bs-white) url(../pix/ajax-loader.gif) no-repeat scroll 50% 50%; 
	 -moz-opacity: 0.8;
	opacity: 0.8;
}
#finalize_quiz .question p input[type="checkbox"] {
    margin-right: 6px;
    position: relative;
    top: 2px;
}
#finalize_quiz .question p {
    margin-bottom: 4px;
    
}
#finalize_quiz .question_options {
    margin-left: 20px;
    margin-top: 6px;
}
#finalize_quiz .question_options input[type="radio"], #ai_form label.label_radio input[type="radio"] {
    position: relative;
    top: 2px;
    
}
#finalize_quiz .correct { 
    margin-top: 10px;
    margin-bottom: 10px;
}
#page-user-files .yui3-datatable-col-displayname .fp-contextmenu,  #page-user-files .yui3-datatable-col-settings .fp-contextmenu .icon.fa-ellipsis-v {
	display: none
}
#id_files_filemanager_fieldset .fp-pathbar{
	background: var(--bs-white) !important;

}

#ai_form .label_ins {
    margin-bottom: 5px;
}

#ai_form label.label_radio {
    display: inline-block;
    margin-right: 16px;
}
.info_wrapper {
  position: relative;
  display: inline-block;
  top: 0px;
 
}
 
.info_wrapper .info_text {
  visibility: hidden;
  width: 240px;
  background-color: #ffffff;
  color: #5B6770;
  text-align: center;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -120px;
  /* border: 1px solid #5B6770; */
  font-size: 13px;
  box-shadow: 0 0 6px #5B6770;
 
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}
 
.info_wrapper:hover .info_text {
  visibility: visible;
  opacity: 1;
}
.info_icon{
  cursor: pointer;
}
.info_icon::before{
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  display: block;
  font-weight: 900;
  color: #5B6770;
}
 
.info_text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #A3B2A4 transparent transparent transparent;
}

    
/*  Template 1 */
/* ///////////////compact timeline styling [template 2] /////////////// */
.timeline-maincontent {
    padding: 0 20px 45px 70px;
    position: relative;
}

.timeline-maincontent::before {
    content: '';
    display: inline-block;
    border-left: 16px solid var(--weekstarter);
    width: 16px;
    height: calc(100% + 40px);
    position: absolute;
    left: 37px;
    top: 0;
    border-radius: 10px 10px 0 0;
}
#compact.timeline-container {
	padding-top: 70px;
}
#compact .timeline-wrapper {
	width: 100%;
	margin: 0;
	list-style: none;
	padding: 0 120px 0 120px;
	--hue: 1;
	--unit: 1rem;
}

#compact .timeline-box {
	/* --height: 7rem; */
	position: relative;
	display: flex;
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 2rem 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
}

#compact .timeline-box:hover {
	box-shadow: none;
}
#compact .timeline-innerbox {
	float: left;
	width: 100%;
	height: 80px;
	position: relative;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
}
#compact .timeline-box::before {
	content: "";
	background-color: transparent;
	position: absolute;
	display: block;
	width: var(--unit);
	height: var(--unit);
	top: 100%;
	left: calc(50% - (var(--unit) / 2));
}

#compact .timeline-box::after {
	content: "";
	position: absolute;
	background-color: transparent;
	display: block;
	top: 100%;
	left: calc(50% - (var(--unit)));
	width: var(--unit);
	height: var(--unit);
}

#compact .timeline-details {
	padding: 5px 0 0 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	min-height: 60px;
}

#compact  .timeline-details p {
	margin: 0;
	padding: 0;
}

#compact .timeline-details .timeline-heading {
	color: var(--bs-gray-900);
	font-size: 14px;
	font-weight: normal;
	max-width: 100%;
	height: auto;
    line-height: 18px;
    padding-left: 20px;
    text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#compact .timeline-details .timeline-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: auto;
	left: 15px;
	right: 0;
	top: -50px;
	width: 100%;
}
#compact .day_identifier {
	font-size: 14px;
	padding-right: 6px;
	text-transform: uppercase;
	font-weight: bold;
}
#compact .timeline-details .coursetype {
	color: var(--link-color);
	font-weight: bold;
	display: none;
}

#compact .statusbox {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: var(--bs-white);
	font-size: 10px;
	line-height: 22px;
	text-align: center;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#compact .timeline-lebeltext .statusbox {
	top: -2px;
}
#compact .timeline-innerbox .tokenpoppup {
	margin: 0;
}

#compact .statusbox.completed-color {
	background-color: var(--status-completed);
}

#compact .statusbox.started-color {
	background-color: var(--status-started);
}

#compact .statusbox.notstarted-color {
	background-color: var(--bs-gray-700);
}

#compact .statusbox.expired-color {
	background-color: var(--status-expired);
}

#compact .timeline-box:last-child::before,
#compact .timeline-box:last-child::after {
	content: none;
}

#compact .timeline-box:nth-child(20n + 1) {
	--hue: 1;
}

#compact .timeline-box:nth-child(20n + 2) {
	--hue: 2;
}

#compact .timeline-box:nth-child(20n + 3) {
	--hue: 3;
}

#compact .timeline-box:nth-child(20n + 4) {
	--hue: 4;
}

#compact .timeline-box:nth-child(20n + 5) {
	--hue: 5;
}

#compact .timeline-box:nth-child(20n + 6) {
	--hue: 6;
}

#compact .timeline-box:nth-child(20n + 7) {
	--hue: 7;
}

#compact .timeline-box:nth-child(20n + 8) {
	--hue: 8;
}

#compact .timeline-box:nth-child(20n + 9) {
	--hue: 9;
}

#compact .timeline-box:nth-child(20n + 10) {
	--hue: 10;
}

#compact .timeline-box:nth-child(20n + 11) {
	--hue: 11;
}

#compact .timeline-box:nth-child(20n + 12) {
	--hue: 12;
}

#compact .timeline-box:nth-child(20n + 13) {
	--hue: 13;
}

#compact .timeline-box:nth-child(20n + 14) {
	--hue: 14;
}

#compact .timeline-box:nth-child(20n + 15) {
	--hue: 15;
}

#compact .timeline-box:nth-child(20n + 16) {
	--hue: 16;
}

#compact .timeline-box:nth-child(20n + 17) {
	--hue: 17;
}

#compact .timeline-box:nth-child(20n + 18) {
	--hue: 18;
}

#compact .timeline-box:nth-child(20n + 19) {
	--hue: 19;
}

#compact .timeline-box:nth-child(20n + 20) {
	--hue: 20;
}

/*#page-extensions-course-program_detail .nav-timetabs {
	display: none;
}*/
@media (min-width: 320px) and (max-width: 575.98px) {
	#compact .timeline-wrapper {
		padding: 0 20px;
	}
	#compact .timeline-box {
		margin: 2rem 15px;
		width: calc(100% - 30px);
		float: left;
		height: 100px;
	}
	#compact .timeline-wrapper .timeline-innerbox {
		padding: 0 20px;
	}
	#compact .timeline-box:nth-child(2n + 2) {
		float: right;
	}

	#compact .timeline-box:nth-child(2n + 1)::before {
		top: -20px;
		left: auto;
		right: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(2n + 1)::after {
		top: auto;
	}

	#compact .timeline-box:nth-child(2n + 2)::before {
		top: -20px;
		right: auto;
		left: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(2n + 2)::after {
		top: auto;
	}
	#compact .timeline-box:last-child:before {
		display: none;
	}

	#compact .timeline-box:nth-child(2n + 2)::before {
		top: -86px;
		right: auto;
		left: 70px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-top: 0;
		width: calc(100% - 40px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(2n + 1)::before {
		top: -86px;
		right: auto;
		left: -30px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-top: 0;
		width: calc(100% - 30px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box::after {
		top: -27px !important;
		left: auto;
		right: 0;
		border-bottom: 2px dashed rgba(255,255,255,0.35);
		bottom: auto;
		width: calc(100% - 40px);
	}
	#compact .timeline-box:nth-child(2n + 2)::after {
		right: 10px;
	}
	#compact .timeline-box:nth-child(2n + 1)::after {
		content: "";
		position: absolute;
		top: -20px !important;
		right: auto;
		left: 110px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% - 80px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:nth-child(2n + 2)::after {
		top: -20px !important;
		right: auto;
		left: -30px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% - 30px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-last-child(2)::after {
		display: none;
	}
	#compact .timeline-wrapper .timeline-box .box-indicator {
		left: 65px;
	}
	#compact .timeline-box:nth-child(2n + 2) .box-indicator::before {
		border-left: 0;
		border-right: 10px solid var(--bs-theme-bg);
		left: -10px;
	}
	#compact .timeline-box:nth-child(2n + 2) .box-indicator::after {
		border-left: 0;
		border-right: 10px solid var(--bs-theme-bg);
		right: 0;
	}
	#compact .timeline-box:nth-child(2n + 2) .box-indicator .box-circle {
		padding-left: 0;
		padding-right: 10px;
	}
	#compact .timeline-box:nth-child(2n + 2) .box-indicator {
		left: auto;
		right: -40px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box:nth-child(2n + 3) .box-indicator {
		left: -38px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box.week_1:nth-child(2n + 1) + #compact .timeline-box.week_2 .box-indicator::before {
		border-left-color: var(--week1);
	}
	#compact .timeline-box:nth-child(2n + 2).week_2 + #compact .timeline-box.week_3 .box-indicator::before {
		border-left-color: var(--week3);
	}
	#compact .timeline-box:nth-child(2n + 2).week_2 + #compact .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(2n + 2).week_3 + #compact .timeline-box.week_4 .box-indicator::before {
		border-left-color: var(--week4);
	}
	#compact .timeline-box:nth-child(2n + 1).week_2 + #compact .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(2n + 2) .week_day {
		left: auto;
		right: 0;
	}
	#compact .timeline-box.week_1::before,
	#compact .timeline-box.week_1::after {
		border-color: var(--week1);
	}
	#compact .timeline-box.week_2::before,
	#compact .timeline-box.week_2::after {
		border-color: var(--week2);
	}
	#compact .timeline-box.week_3::before,
	#compact .timeline-box.week_3::after {
		border-color: var(--week3);
	}
	#compact .timeline-box.week_4::before,
	#compact .timeline-box.week_4::after {
		border-color: var(--week4);
	}
	#compact .timeline-wrapper .timeline-box:nth-child(1) .timeline-innerbox::before {
		left: -30px;
	}
	#compact .timeline-box .week_day {
		z-index: 11;
		left: 0;
	}
	#compact .timeline-box:nth-child(1) .week_day {
		left: 60px;
	}
	#compact .timeline-wrapper .timeline-details .timeline-heading {
		padding-left: 0;
	}
	.program_details_tabs {
		padding-left: 40px !important;
	}
	.detailed-timeline-container {
		padding-left: 5px !important;
	}
	#compact .timeline-box:nth-child(2n + 1):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		right: 52px;
	}
	#compact .timeline-box:nth-child(2n + 2):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		left: 62px;
	}
	#compact .timeline-box:nth-child(2n + 1) + .endflagbox .endflag {
		left: -90px;
	}
	#compact .timeline-box:nth-child(2n + 2) + .endflagbox .endflag {
		left: -40px;
	}	
	.program_details_tabs .nav-timetabs .nav-link.detailed-tablink.active + .detailed-weeks-button {
		width: 100%;
		margin-top: 15px;
	}
	.program_details_tabs .nav-timetabs .nav-link.detailed-tablink {
		margin-right: 0 !important;
	}
	.program_details_tabs::before {
		content: '';
		display: block;
		width: 16px;
		height: 100%;
		background: var(--weekstarter);
		position: absolute;
		left: 5px;
		bottom: -50%;
	}
	.program_details_tabs .nav-timetabs .nav-link {
		padding: .35rem .75rem !important;
	}
}

@media (min-width: 576px) and (max-width: 899px) {
	#compact .timeline-box {
		margin: 2rem 15px;
		width: calc(50% - 30px);
		float: left;
		height: 100px;
	}

	#compact .timeline-box:nth-child(4n + 3),
	#compact .timeline-box:nth-child(4n + 4) {
		float: right;
	}

	#compact .timeline-box:nth-child(4n + 1)::before {
		top: -20px;
		left: auto;
		right: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(4n + 1)::after {
		top: auto;
	}

	#compact .timeline-box:nth-child(4n + 3)::before {
		top: -20px;
		right: auto;
		left: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(4n + 3)::after {
		top: auto;
	}

	#compact .timeline-box:nth-child(4n + 2)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: auto;
		bottom: 0;
		right: -110px;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% + 125px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:last-child:before {
		display: none;
	}

	#compact .timeline-box:nth-child(4n + 4)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: -110px;
		bottom: 0;
		right: 100%;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% + 125px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-child(4n + 3)::before {
		top: -86px;
		right: auto;
		left: -15px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-top: 0;
		width: calc(100% + 125px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(4n + 1)::before {
		top: -86px;
		right: auto;
		left: -110px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-top: 0;
		width: calc(100% + 125px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box::after {
		top: -27px !important;
		left: auto;
		right: 0;
		border-bottom: 2px dashed rgba(255,255,255,0.35);
		bottom: auto;
		width: calc(100% - 40px);
	}
	#compact .timeline-box:nth-child(4n + 3)::after,
	#compact .timeline-box:nth-child(4n + 4)::after {
		right: 10px;
	}
	#compact .timeline-box:nth-child(4n + 2)::after {
		content: "";
		position: absolute;
		top: -13px !important;
		left: auto;
		bottom: 0;
		right: -106px;
		border: 2px dashed rgba(255,255,255,0.35);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% + 65px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:nth-child(4n + 3)::after {
		top: -93px !important;
		right: auto;
		left: 30px;
		bottom: 0;
		border: 2px dashed rgba(255,255,255,0.35);
		border-left: 0;
		border-top: 0;
		width: calc(100% + 75px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(4n + 4)::after {
		content: "";
		position: absolute;
		top: -13px !important;
		left: -106px;
		bottom: 0;
		right: 100%;
		border: 2px dashed rgba(255,255,255,0.35);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% + 95px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-child(4n + 5)::after {
		top: -93px !important;
		right: auto;
		left: -106px;
		bottom: 0;
		border: 2px dashed rgba(255,255,255,0.35);
		border-right: 0;
		border-top: 0;
		width: calc(100% + 110px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box:nth-child(4n + 2):nth-last-child(2)::before {
		border-radius: 0;
		border-right: 0;
		width: calc(100% + 30px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(4n + 4):nth-last-child(2)::before {
		border-radius: 0;
		border-left: 0;
		width: calc(100% + 30px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(4n + 2):nth-last-child(2)::after {
		border-radius: 0;
		border-right: 0;
		width: calc(100% - 32px);
		left: 40px;
	}
	#compact .timeline-box:nth-child(4n + 4):nth-last-child(2)::after {
		border-radius: 0;
		border-left: 0;
		width: calc(100% + 0px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(4n + 3) .box-indicator::before,
	#compact .timeline-box:nth-child(4n + 4) .box-indicator::before {
		border-left: 0;
		border-right: 10px solid var(--bs-theme-bg);
		left: -10px;
	}
	#compact .timeline-box:nth-child(4n + 3) .box-indicator::after,
	#compact .timeline-box:nth-child(4n + 4) .box-indicator::after {
		border-left: 0;
		border-right: 10px solid var(--bs-theme-bg);
		right: 0;
	}
	#compact .timeline-box:nth-child(4n + 3) .box-indicator .box-circle,
	#compact .timeline-box:nth-child(4n + 4) .box-indicator .box-circle {
		padding-left: 0;
		padding-right: 10px;
	}
	#compact .timeline-box:nth-child(4n + 3) .box-indicator,
	#compact .timeline-box:nth-child(4n + 4) .box-indicator {
		left: auto;
		right: -45px;
	}
	#compact .timeline-box:nth-child(4n + 3) .box-indicator {
		right: -118px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box:nth-child(4n + 5) .box-indicator {
		left: -118px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box.week_1:nth-child(4n + 1) + #compact .timeline-box.week_2 .box-indicator::before,
	#compact .timeline-box.week_1:nth-child(4n + 2) + #compact .timeline-box.week_2 .box-indicator::before {
		border-left-color: var(--week1);
	}
	#compact .timeline-box:nth-child(4n + 4).week_2 + #compact .timeline-box.week_3 .box-indicator::before {
		border-left-color: var(--week3);
	}
	#compact .timeline-box:nth-child(4n + 3).week_2 + #compact .timeline-box.week_3 .box-indicator::after,
	#compact .timeline-box:nth-child(4n + 4).week_2 + #compact .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(4n + 4).week_3 + #compact .timeline-box.week_4 .box-indicator::before {
		border-left-color: var(--week4);
	}
	#compact .timeline-box:nth-child(4n + 2).week_2 + #compact .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(4n + 3) .week_day,
	#compact .timeline-box:nth-child(4n + 4) .week_day {
		left: auto;
		right: -60px;
	}
	#compact .timeline-box:nth-child(4n + 1):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(4n + 2):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		right: -25px;
	}
	#compact .timeline-box:nth-child(4n + 3):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(4n + 4):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		left: -25px;
	}
	#compact .timeline-box:nth-child(4n + 1) .timeline-details::before,
	#compact .timeline-box:nth-child(4n + 2) .timeline-details::before {
		left: 30px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(4n + 1) .timeline-details::after {
		right: -10px;
		top: -15px;
	}	
	#compact .timeline-box:nth-child(4n + 3) .timeline-details::before {
		left: 20px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(4n + 3) .timeline-details::after,
	#compact .timeline-box:nth-child(4n + 4) .timeline-details::after {
		right: 0;
		top: -15px;
	}	
	#compact .timeline-box:nth-child(4n + 2) .timeline-details::after,
	#compact .timeline-box:nth-child(4n + 3) .timeline-details::after,
	#compact .timeline-box:nth-child(4n + 4) .timeline-details::before,
	#compact .timeline-box:nth-child(4n + 5) .timeline-details::before {
		width: 0;
		height: 0;
	}
	#compact .timeline-box:nth-child(4n + 2):nth-last-child(2) .timeline-details::after {
		width: 6px;
		height: 6px;
		top: -15px;
		right: -18px;
	}
	#compact .timeline-box:nth-child(4n + 4):nth-last-child(2) .timeline-details::before {
		width: 6px;
		height: 6px;
		left: -20px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(4n + 3) + .endflagbox .endflag,
	#compact .timeline-box:nth-child(4n + 4) + .endflagbox .endflag {
		left: -100px;
	}	
	.program_details_tabs .nav-timetabs .nav-link.detailed-tablink.active + .detailed-weeks-button {
		width: 100%;
		margin-top: 15px;
	}
	.program_details_tabs::before {
		content: '';
		display: block;
		width: 16px;
		height: 100%;
		background: var(--weekstarter);
		position: absolute;
		left: 25px;
		bottom: -55%;
	}
}

@media (min-width: 900px) and (max-width: 1199px) {
	#compact .timeline-box {
		margin: 2rem 15px;
		width: calc(33.33% - 30px);
		float: left;
		height: 100px;
	}

	#compact .timeline-box:nth-child(6n + 4),
	#compact .timeline-box:nth-child(6n + 5),
	#compact .timeline-box:nth-child(6n + 6) {
		float: right;
	}

	#compact .timeline-box:nth-child(6n + 1)::before,
	#compact .timeline-box:nth-child(6n + 2)::before {
		top: -20px;
		left: auto;
		right: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(6n + 1)::after,
	#compact .timeline-box:nth-child(6n + 2)::after {
		top: auto;
	}

	#compact .timeline-box:nth-child(6n + 5)::before {
		top: -20px;
		right: auto;
		left: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(6n + 4)::after,
	#compact .timeline-box:nth-child(6n + 5)::after {
		top: auto;
	}

	#compact .timeline-box:nth-child(6n + 3)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: auto;
		bottom: 0;
		right: -110px;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% + 125px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:last-child:before {
		display: none;
	}

	#compact .timeline-box:nth-child(6n + 6)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: -110px;
		bottom: 0;
		right: 100%;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% + 125px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-child(6n + 4)::before {
		top: -86px;
		right: auto;
		left: -15px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-top: 0;
		width: calc(100% + 125px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(6n + 1)::before {
		top: -86px;
		right: auto;
		left: -110px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-top: 0;
		width: calc(100% + 125px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box::after {
		top: -27px !important;
		left: auto;
		right: 0;
		border-bottom: 2px dashed rgba(255,255,255,0.35);
		bottom: auto;
		width: calc(100% - 40px);
	}
	#compact .timeline-box:nth-child(6n + 4)::after,
	#compact .timeline-box:nth-child(6n + 5)::after,
	#compact .timeline-box:nth-child(6n + 6)::after {
		right: 10px;
	}
	#compact .timeline-box:nth-child(6n + 3)::after {
		content: "";
		position: absolute;
		top: -13px !important;
		left: auto;
		bottom: 0;
		right: -106px;
		border: 2px dashed rgba(255,255,255,0.35);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% + 65px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:nth-child(6n + 4)::after {
		top: -93px !important;
		right: auto;
		left: 30px;
		bottom: 0;
		border: 2px dashed rgba(255,255,255,0.35);
		border-left: 0;
		border-top: 0;
		width: calc(100% + 75px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(6n + 6)::after {
		content: "";
		position: absolute;
		top: -13px !important;
		left: -106px;
		bottom: 0;
		right: 100%;
		border: 2px dashed rgba(255,255,255,0.35);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% + 95px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-child(6n + 7)::after {
		top: -93px !important;
		right: auto;
		left: -106px;
		bottom: 0;
		border: 2px dashed rgba(255,255,255,0.35);
		border-right: 0;
		border-top: 0;
		width: calc(100% + 110px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box:nth-child(6n + 3):nth-last-child(2)::before {
		border-radius: 0;
		border-right: 0;
		width: calc(100% + 30px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(6n + 6):nth-last-child(2)::before {
		border-radius: 0;
		border-left: 0;
		width: calc(100% + 30px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(6n + 3):nth-last-child(2)::after {
		border-radius: 0;
		border-right: 0;
		width: calc(100% + 10px);
		left: 40px;
	}
	#compact .timeline-box:nth-child(6n + 6):nth-last-child(2)::after {
		border-radius: 0;
		border-left: 0;
		width: calc(100% + 0px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(6n + 4) .box-indicator::before,
	#compact .timeline-box:nth-child(6n + 5) .box-indicator::before,
	#compact .timeline-box:nth-child(6n + 6) .box-indicator::before {
		border-left: 0;
		border-right: 10px solid var(--bs-theme-bg);
		left: -10px;
	}
	#compact .timeline-box:nth-child(6n + 4) .box-indicator::after,
	#compact .timeline-box:nth-child(6n + 5) .box-indicator::after,
	#compact .timeline-box:nth-child(6n + 6) .box-indicator::after {
		border-left: 0;
		border-right: 10px solid var(--bs-theme-bg);
		right: 0;
	}
	#compact .timeline-box:nth-child(6n + 4) .box-indicator .box-circle,
	#compact .timeline-box:nth-child(6n + 5) .box-indicator .box-circle,
	#compact .timeline-box:nth-child(6n + 6) .box-indicator .box-circle {
		padding-left: 0;
		padding-right: 10px;
	}
	#compact .timeline-box:nth-child(6n + 4) .box-indicator,
	#compact .timeline-box:nth-child(6n + 5) .box-indicator,
	#compact .timeline-box:nth-child(6n + 6) .box-indicator {
		left: auto;
		right: -45px;
	}
	#compact .timeline-box:nth-child(6n + 4) .box-indicator {
		right: -118px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box:nth-child(6n + 7) .box-indicator {
		left: -118px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box.week_1:nth-child(6n + 1) + #compact .timeline-box.week_2 .box-indicator::before,
	#compact .timeline-box.week_1:nth-child(6n + 2) + #compact .timeline-box.week_2 .box-indicator::before,
	#compact .timeline-box.week_1:nth-child(6n + 3) + #compact .timeline-box.week_2 .box-indicator::before {
		border-left-color: var(--week1);
	}
	#compact .timeline-box:nth-child(6n + 6).week_2 + #compact .timeline-box.week_3 .box-indicator::before {
		border-left-color: var(--week3);
	}
	#compact .timeline-box:nth-child(6n + 4).week_2 + #compact .timeline-box.week_3 .box-indicator::after,
	#compact .timeline-box:nth-child(6n + 5).week_2 + #compact .timeline-box.week_3 .box-indicator::after,
	#compact .timeline-box:nth-child(6n + 6).week_2 + #compact .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(6n + 6).week_3 + #compact .timeline-box.week_4 .box-indicator::before {
		border-left-color: var(--week4);
	}
	#compact .timeline-box:nth-child(6n + 3).week_2 + #compact .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(6n + 4) .week_day,
	#compact .timeline-box:nth-child(6n + 5) .week_day,
	#compact .timeline-box:nth-child(6n + 6) .week_day {
		left: auto;
		right: -60px;
	}
	#compact .timeline-box:nth-child(6n + 1):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(6n + 2):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(6n + 3):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		right: -25px;
	}
	#compact .timeline-box:nth-child(6n + 4):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(6n + 5):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(6n + 6):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		left: -25px;
	}
	#compact .timeline-box:nth-child(6n + 1) .timeline-details::before,
	#compact .timeline-box:nth-child(6n + 2) .timeline-details::before,
	#compact .timeline-box:nth-child(6n + 3) .timeline-details::before {
		left: 30px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(6n + 1) .timeline-details::after,
	#compact .timeline-box:nth-child(6n + 2) .timeline-details::after {
		right: -10px;
		top: -15px;
	}	
	#compact .timeline-box:nth-child(6n + 4) .timeline-details::before,
	#compact .timeline-box:nth-child(6n + 5) .timeline-details::before {
		left: 20px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(6n + 4) .timeline-details::after,
	#compact .timeline-box:nth-child(6n + 5) .timeline-details::after,
	#compact .timeline-box:nth-child(6n + 6) .timeline-details::after {
		right: 0;
		top: -15px;
	}	
	#compact .timeline-box:nth-child(6n + 3) .timeline-details::after,
	#compact .timeline-box:nth-child(6n + 4) .timeline-details::after,
	#compact .timeline-box:nth-child(6n + 6) .timeline-details::before,
	#compact .timeline-box:nth-child(6n + 7) .timeline-details::before {
		width: 0;
		height: 0;
	}
	#compact .timeline-box:nth-child(6n + 3):nth-last-child(2) .timeline-details::after {
		width: 6px;
		height: 6px;
		top: -15px;
		right: -18px;
	}
	#compact .timeline-box:nth-child(6n + 6):nth-last-child(2) .timeline-details::before {
		width: 6px;
		height: 6px;
		left: -20px;
	}
	#compact .timeline-box:nth-child(6n + 4) + .endflagbox .endflag,
	#compact .timeline-box:nth-child(6n + 5) + .endflagbox .endflag,
	#compact .timeline-box:nth-child(6n + 6) + .endflagbox .endflag {
		left: -100px;
	}
}

@media (min-width: 1200px) {
	#compact .timeline-wrapper {
		max-width: 100%;
		margin: 0 auto;
	}

	#compact .timeline-box {
		margin: 2rem 15px;
		width: calc(25% - 30px);
		float: left;
		height: 100px;
	}

	#compact .timeline-box:nth-child(8n + 5),
	#compact .timeline-box:nth-child(8n + 6),
	#compact .timeline-box:nth-child(8n + 7),
	#compact .timeline-box:nth-child(8n + 8) {
		float: right;
	}

	#compact .timeline-box:nth-child(8n + 1)::before,
	#compact .timeline-box:nth-child(8n + 2)::before,
	#compact .timeline-box:nth-child(8n + 3)::before {
		top: -20px;
		left: auto;
		right: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(8n + 1)::after,
	#compact .timeline-box:nth-child(8n + 2)::after,
	#compact .timeline-box:nth-child(8n + 3)::after {
		top: auto;
	}

	/* .timeline-box:nth-child(8n + 5)::before, */
	#compact .timeline-box:nth-child(8n + 6)::before,
	#compact .timeline-box:nth-child(8n + 7)::before {
		top: -20px;
		right: auto;
		left: -15px;
		border-bottom: 16px solid var(--bs-gray-300);
		bottom: auto;
		width: calc(100% + 30px);
	}

	#compact .timeline-box:nth-child(8n + 5)::after,
	#compact .timeline-box:nth-child(8n + 6)::after,
	#compact .timeline-box:nth-child(8n + 7)::after {
		top: auto;
	}

	#compact .timeline-box:nth-child(8n + 4)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: auto;
		bottom: 0;
		right: -110px;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% + 125px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:last-child:before {
		display: none;
	}

	#compact .timeline-box:nth-child(8n + 8)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: -110px;
		bottom: 0;
		right: 100%;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% + 125px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-child(8n + 5)::before {
		top: -86px;
		right: auto;
		left: -15px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-left: 0;
		border-top: 0;
		width: calc(100% + 125px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(8n + 1)::before {
		top: -86px;
		right: auto;
		left: -110px;
		bottom: 0;
		border: 16px solid var(--bs-gray-300);
		border-right: 0;
		border-top: 0;
		width: calc(100% + 125px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box::after {
		top: -27px !important;
		left: auto;
		right: 0;
		border-bottom: 2px dashed rgba(255,255,255,0.35);
		bottom: auto;
		width: calc(100% - 40px);
	}

	#compact .timeline-box:nth-child(8n + 5)::after,
	#compact .timeline-box:nth-child(8n + 6)::after,
	#compact .timeline-box:nth-child(8n + 7)::after,
	#compact .timeline-box:nth-child(8n + 8)::after {
		right: 10px;
	}
	#compact .timeline-box:nth-child(8n + 4)::after {
		content: "";
		position: absolute;
		top: -13px !important;
		left: auto;
		bottom: 0;
		right: -106px;
		border: 2px dashed rgba(255,255,255,0.35);
		border-left: 0;
		border-bottom: 0;
		width: calc(100% + 65px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 0 100px 0 0;
	}
	#compact .timeline-box:nth-child(8n + 5)::after {
		top: -93px !important;
		right: auto;
		left: 30px;
		bottom: 0;
		border: 2px dashed rgba(255,255,255,0.35);
		border-left: 0;
		border-top: 0;
		width: calc(100% + 75px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 100px 0;
	}
	#compact .timeline-box:nth-child(8n + 8)::after {
		content: "";
		position: absolute;
		top: -13px !important;
		left: -106px;
		bottom: 0;
		right: 100%;
		border: 2px dashed rgba(255,255,255,0.35);
		border-right: 0;
		border-bottom: 0;
		width: calc(100% + 95px);
		height: calc(50px + 16px + 2rem);
		background-color: transparent;
		border-radius: 100px 0 0 0;
	}
	#compact .timeline-box:nth-child(8n + 9)::after {
		top: -93px !important;
		right: auto;
		left: -106px;
		bottom: 0;
		border: 2px dashed rgba(255,255,255,0.35);
		border-right: 0;
		border-top: 0;
		width: calc(100% + 110px);
		height: calc(50px + 2rem);
		background-color: transparent;
		border-radius: 0 0 0 100px;
	}
	#compact .timeline-box:nth-child(8n + 4):nth-last-child(2)::before {
		border-radius: 0;
		border-right: 0;
		width: calc(100% + 30px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(8n + 8):nth-last-child(2)::before {
		border-radius: 0;
		border-left: 0;
		width: calc(100% + 30px);
		left: -15px;
	}
	#compact .timeline-box:nth-child(8n + 4):nth-last-child(2)::after {
		border-radius: 0;
		border-right: 0;
		width: calc(100% - 30px);
		left: 40px;
	}
	#compact .timeline-box:nth-child(8n + 8):nth-last-child(2)::after {
		border-radius: 0;
		border-left: 0;
		width: calc(100% + 0px);
		left: -12px;
	}
	#compact .timeline-box:nth-child(8n + 5) .box-indicator::before,
	#compact .timeline-box:nth-child(8n + 6) .box-indicator::before,
	#compact .timeline-box:nth-child(8n + 7) .box-indicator::before,
	#compact .timeline-box:nth-child(8n + 8) .box-indicator::before {
		border-left: 0;
		border-right: 10px solid #E5F0FF;
		left: -10px;
	}
	#compact .timeline-box:nth-child(8n + 5) .box-indicator::after,
	#compact .timeline-box:nth-child(8n + 6) .box-indicator::after,
	#compact .timeline-box:nth-child(8n + 7) .box-indicator::after,
	#compact .timeline-box:nth-child(8n + 8) .box-indicator::after {
		border-left: 0;
		border-right: 10px solid #E5F0FF;
		right: 0;
		top: 0px;
	}
	#compact .timeline-box:nth-child(8n + 5) .box-indicator::after {
		top: 3px !important;
	}
	#compact .timeline-box:nth-child(8n + 5) .box-indicator .box-circle,
	#compact .timeline-box:nth-child(8n + 6) .box-indicator .box-circle,
	#compact .timeline-box:nth-child(8n + 7) .box-indicator .box-circle,
	#compact .timeline-box:nth-child(8n + 8) .box-indicator .box-circle {
		padding-left: 0;
		padding-right: 10px;
	}
	#compact .timeline-box:nth-child(8n + 5) .box-indicator,
	#compact .timeline-box:nth-child(8n + 6) .box-indicator,
	#compact .timeline-box:nth-child(8n + 7) .box-indicator,
	#compact .timeline-box:nth-child(8n + 8) .box-indicator {
		left: auto;
		right: -45px;
	}
	#compact .timeline-box:nth-child(8n + 5) .box-indicator {
		right: -118px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box:nth-child(8n + 9) .box-indicator {
		left: -118px;
		top: calc(-50px - (16px + 2rem));
		transform: rotate(270deg);
		width: 36px;
		height: 20px;
	}
	#compact .timeline-box.week_1:nth-child(8n + 1) + .timeline-box.week_2 .box-indicator::before,
	#compact .timeline-box.week_1:nth-child(8n + 2) + .timeline-box.week_2 .box-indicator::before,
	#compact .timeline-box.week_1:nth-child(8n + 3) + .timeline-box.week_2 .box-indicator::before,
	#compact .timeline-box.week_1:nth-child(8n + 4) + .timeline-box.week_2 .box-indicator::before {
		border-left-color: var(--week1);
	}
	#compact .timeline-box:nth-child(8n + 8).week_2 + .timeline-box.week_3 .box-indicator::before {
		border-left-color: var(--week3);
	}
	#compact .timeline-box:nth-child(8n + 5).week_2 + .timeline-box.week_3 .box-indicator::after,
	#compact .timeline-box:nth-child(8n + 6).week_2 + .timeline-box.week_3 .box-indicator::after,
	#compact .timeline-box:nth-child(8n + 7).week_2 + .timeline-box.week_3 .box-indicator::after,
	#compact .timeline-box:nth-child(8n + 8).week_2 + .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(8n + 8).week_3 + .timeline-box.week_4 .box-indicator::before {
		border-left-color: var(--week4);
	}
	#compact .timeline-box:nth-child(8n + 4).week_2 + .timeline-box.week_3 .box-indicator::after {
		border-right-color: var(--week2);
	}
	#compact .timeline-box:nth-child(8n + 5) .week_day,
	#compact .timeline-box:nth-child(8n + 6) .week_day,
	#compact .timeline-box:nth-child(8n + 7) .week_day,
	#compact .timeline-box:nth-child(8n + 8) .week_day {
		left: auto;
		right: -60px;
	}
	#compact .timeline-box:nth-child(8n + 1):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(8n + 2):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(8n + 3):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(8n + 4):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		right: -25px;
	}
	#compact .timeline-box:nth-child(8n + 5):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(8n + 6):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(8n + 7):nth-last-child(2) .timeline-innerbox::after,
	#compact .timeline-box:nth-child(8n + 8):nth-last-child(2) .timeline-innerbox::after {
		top: -20px;
		left: -25px;
	}
	#compact .timeline-box:nth-child(8n + 1) .timeline-details::before,
	#compact .timeline-box:nth-child(8n + 2) .timeline-details::before,
	#compact .timeline-box:nth-child(8n + 3) .timeline-details::before,
	#compact .timeline-box:nth-child(8n + 4) .timeline-details::before {
		left: 30px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(8n + 1) .timeline-details::after,
	#compact .timeline-box:nth-child(8n + 2) .timeline-details::after,
	#compact .timeline-box:nth-child(8n + 3) .timeline-details::after {
		right: -10px;
		top: -15px;
	}	
	#compact .timeline-box:nth-child(8n + 5) .timeline-details::before,
	#compact .timeline-box:nth-child(8n + 6) .timeline-details::before,
	#compact .timeline-box:nth-child(8n + 7) .timeline-details::before {
		left: 20px;
		top: -15px;
	}
	#compact .timeline-box:nth-child(8n + 5) .timeline-details::after,
	#compact .timeline-box:nth-child(8n + 6) .timeline-details::after,
	#compact .timeline-box:nth-child(8n + 7) .timeline-details::after,
	#compact .timeline-box:nth-child(8n + 8) .timeline-details::after {
		right: 0;
		top: -15px;
	}	
	#compact .timeline-box:nth-child(8n + 4) .timeline-details::after,
	#compact .timeline-box:nth-child(8n + 5) .timeline-details::after,
    #compact .timeline-box:nth-child(8n + 8) .timeline-details::before,
	#compact .timeline-box:nth-child(8n + 9) .timeline-details::before {
		width: 0;
		height: 0;
	}
	#compact .timeline-box:nth-child(8n + 4):nth-last-child(2) .timeline-details::after {
		width: 6px;
		height: 6px;
		top: -15px;
		right: -18px;
	}
	#compact .timeline-box:nth-child(8n + 8):nth-last-child(2) .timeline-details::before {
		width: 6px;
		height: 6px;
		left: -20px;
	}
	#compact .timeline-box:nth-child(8n + 5) + .endflagbox .endflag,
	#compact .timeline-box:nth-child(8n + 6) + .endflagbox .endflag,
	#compact .timeline-box:nth-child(8n + 7) + .endflagbox .endflag,
	#compact .timeline-box:nth-child(8n + 8) + .endflagbox .endflag {
		left: -100px;
	}
}

#compact .timeline-box:nth-last-child(2) .timeline-innerbox::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 8px solid var(--bs-gray-300);
	border-radius: 10px;
}
#compact .timeline-box.week_1:nth-last-child(2) .timeline-innerbox::after {
	border-color: var(--week1);
}
#compact .timeline-box.week_2:nth-last-child(2) .timeline-innerbox::after {
	border-color: var(--week2);
}
#compact .timeline-box.week_3:nth-last-child(2) .timeline-innerbox::after {
	border-color: var(--week3);
}
#compact .timeline-box.week_4:nth-last-child(2) .timeline-innerbox::after {
	border-color: var(--week4);
}
#compact .timeline-box.week_5:nth-last-child(2) .timeline-innerbox::after {
	border-color: var(--user-event);
}
#compact .timeline-box.week_6:nth-last-child(2) .timeline-innerbox::after {
	border-color: var(--yellogreen);
}
#compact .timeline-box:nth-child(1) .timeline-innerbox::before {
	content: '';
	top: -86px;
	right: auto;
	left: -110px;
	bottom: 0;
	border: 16px solid var(--weekstarter);
	border-right: 0;
	border-top: 0;
	width: 98px;
	height: calc(50px + 2rem);
	background: transparent;
	border-radius: 0 0 0 100px;
	position: absolute;
	display: inline-block;
}
#compact .timeline-box.week_1::before {
	border-color: var(--week1);
}
#compact .timeline-box.week_2::before {
	border-color: var(--week2);
}
#compact .timeline-box.week_3::before {
	border-color: var(--week3);
}
#compact .timeline-box.week_4::before {
	border-color: var(--week4);
}
#compact .timeline-box.week_5::before {
	border-color: var(--user-event);
}
#compact .timeline-box.week_6::before {
	border-color: var(--yellogreen);
}

#compact .endflagbox,
#compact .endflagbox .timeline-innerbox {
	background-color: transparent;
	box-shadow: none;
	border: 0;
	height: 0;
	width: 0;
	margin: 0;
}
#compact .endflagbox .endflag {
	width: 100px;
	position: relative;
	top: -30px;
	left: 20px;
}
#compact .endflagbox .endflag img {
	width: 90px;
}
#compact .endflagbox::after {
	display: none;
}

#compact .endflag::before {
	display: none;
}
#compact .timeline-box .box-indicator {
	position: absolute;
	top: -20px;
	bottom: auto;
	left: -15px;
	right: auto;
	margin: 0;
	width: 30px;
	height: 16px;
	background-color: var(--bs-theme-bg);
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	z-index: 1;
}
#compact .timeline-box.week_1 .box-indicator {
	color: var(--week1);
}
#compact .timeline-box.week_2 .box-indicator {
	color: var(--week2);
}
#compact .timeline-box.week_3 .box-indicator {
	color: var(--week3);
}
#compact .timeline-box.week_4 .box-indicator {
	color: var(--week4);
}
#compact .timeline-box.week_5 .box-indicator {
	color: var(--user-event);
}
#compact .timeline-box.week_6 .box-indicator {
	color: var(--yellogreen);
}
#compact .timeline-box .box-indicator::before,
#compact .timeline-box .box-indicator::after {
	content: "";
	border-top: 8px solid transparent;
	border-left: 10px solid var(--bs-gray-300);
	border-bottom: 8px solid transparent;
	position: absolute;
}
#compact .timeline-box .box-indicator::before {
	left: 0;
}
#compact .timeline-box .box-indicator::after {
	right: -10px;
	border-left-color: var(--bs-theme-bg);
}
#compact .timeline-box.week_1 .box-indicator::before {
	border-left-color: var(--week1);
}
#compact .timeline-box.week_2 .box-indicator::before {
	border-left-color: var(--week2);
}
#compact .timeline-box.week_3 .box-indicator::before {
	border-left-color: var(--week3);
}
#compact .timeline-box.week_4 .box-indicator::before {
	border-left-color: var(--week4);
}
#compact .timeline-box.week_5 .box-indicator::before {
	border-left-color: var(--user-event);
}
#compact .timeline-box.week_6 .box-indicator::before {
	border-left-color: var(--yellogreen);
}
#compact .timeline-box.week_1 .box-indicator::after {
	border-right-color: var(--week1);
}
#compact .timeline-box.week_2 .box-indicator::after {
	border-right-color: var(--week2);
}
#compact .timeline-box.week_3 .box-indicator::after {
	border-right-color: var(--week3);
}
#compact .timeline-box.week_4 .box-indicator::after {
	border-right-color: var(--week4);
}
#compact .timeline-box.week_5 .box-indicator::after {
	border-right-color: var(--user-event);
}
#compact .timeline-box.week_6 .box-indicator::after {
	border-right-color: var(--yellogreen);
}
#compact .timeline-box .box-indicator .box-circle {
	padding-left: 10px;
}
#compact .timeline-details {
	position: relative;
}
#compact .timeline-details::before,
#compact .timeline-details::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 20px;
	background: rgba(255,255,255,0.35);
	z-index: 20;
}
#compact .timeline-box.week_1 + .timeline-box.week_2 .box-indicator::before {
	border-left-color: var(--week1);
}
#compact .timeline-box.week_2 + .timeline-box.week_3 .box-indicator::after {
	border-right-color: var(--week2);
}
#compact .timeline-box.week_3 + .timeline-box.week_4 .box-indicator::after {
	border-right-color: var(--week3);
}
#compact .timeline-box.week_3 + .timeline-box.week_4 .box-indicator::before {
	border-left-color: var(--week3);
}

#compact .timeline-box.week_2 + .timeline-box.week_4 .box-indicator::before {
	border-left-color: var(--week2);
}
#compact .timeline-box.week_4 + .timeline-box.week_5 .box-indicator::after {
	border-right-color: var(--week4);
}
#compact .timeline-box.week_5 + .timeline-box.week_6 .box-indicator::before {
	border-left-color: var(--user-event);
}
#compact .timeline-box.week_5 + .timeline-box.week_6 .box-indicator::after {
	border-right-color: var(--user-event);
}
#compact .timeline-box.week_5 + .timeline-box.week_6 .box-indicator::before {
	border-left-color: var(--user-event);
}
#compact .timeline-box:nth-child(1) .box-indicator::before {
	border-left-color: var(--weekstarter);
}
#compact .timeline-box.week_1 + #compact .timeline-box.week_1 .week_day,
#compact .timeline-box.week_2 + #compact .timeline-box.week_2 .week_day,
#compact .timeline-box.week_3 + #compact .timeline-box.week_3 .week_day,
#compact .timeline-box.week_4 + #compact .timeline-box.week_4 .week_day,
#compact .timeline-box.week_5 + #compact .timeline-box.week_5 .week_day,
#compact .timeline-box.week_6 + #compact .timeline-box.week_6 .week_day,
#compact .timeline-box.week_7 + #compact .timeline-box.week_7 .week_day,
#compact .timeline-box.week_8 + #compact .timeline-box.week_8 .week_day,
#compact .timeline-box.week_9 + #compact .timeline-box.week_9 .week_day,
#compact .timeline-box.week_10 + #compact.timeline-box.week_10 .week_day {
	display: none;
}

/* week_day */
#compact .week_day {
    position: absolute;
    left: -30px;
    right: auto;
    top: -100px;
	width: 71px;
	height: 86px;
	filter: drop-shadow(0 3px 4px rgba(0,0,0,0.2));
}
#compact .week_day .week_name {
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    padding: 0;
    color: #fff;
	width: 50px;
    height: 50px;
	text-transform: uppercase;
}
#compact .week_day .week_name .week_num {
	display: block;
}
#compact .timeline-box.week_1 .week_day svg path.fillcolor {
	fill: var(--week1);
}
#compact .timeline-box.week_2 .week_day svg path.fillcolor {
	fill: var(--week2);
}
#compact .timeline-box.week_3 .week_day svg path.fillcolor {
	fill: var(--week3);
}
#compact .timeline-box.week_4 .week_day svg path.fillcolor {
	fill: var(--week4);
}
#compact .timeline-box.week_5 .week_day svg path.fillcolor {
	fill: var(--user-event);
}
#compact .timeline-box.week_6 .week_day svg path.fillcolor {
	fill: var(--yellogreen);
}
#page-course-program_detail div[role=main] {
	flex-direction: column !important;
}

/*** timeline end ***/

/**************** Template 3 Journey *****************/
/* Template 3 CSS */
#template3 .attachment_block {
	/* background: grey; */
	background: white;
	float: left;
	width: 100%;
	padding: 20px; 
}
#template3 .attachement_title {
	margin-bottom: 15px;
}
#template3 .disable_is_informationl{
	cursor: auto;
}
#template3 .program_details_tabs {
	padding-left: 60px;
	position: relative;
    top: -45px;
}
#template3 .program_details_tabs .nav-link {
	background-color: var(--bs-white);
	font-style: normal !important;
	color: var(--bs-gray-900);
	font-weight: normal;
	margin-right: 3px;
	margin-top: 5px;
	height: 34px;
}
#template3 .program_details_tabs .nav-link.active {
	background-color: var(--bs-primary);
	color: var(--bs-white);
	font-weight: normal !important;
}
#template3 .program_details_tabs .nav-link:hover {
	box-shadow: none !important;
	color: var(--bs-primary);
}
#template3 .program_details_tabs .nav-link.active:hover {
	color: var(--bs-white);
}
#template3 .program_content_tabs {
	padding: 15px 0;
}
#template3 .program_details_tabs .nav-timetabs {
	border-bottom: 0;
}
#template3 .program_details_tabs .nav-timetabs .nav-link {
	border-radius: 0;
	margin: 0;
	color: #1B365D;
	padding: 3px 15px !important;
	margin-bottom: 0;
}
#template3 .program_details_tabs .nav-timetabs .nav-link.compact-tablink {
	border-radius: 30px;
}
#template3 .program_details_tabs .nav-timetabs .nav-link.detailed-tablink {
	border-radius: 30px;
	margin-right: 20px;
	margin-left: 10px;
}
#template3 .program_details_tabs .nav-timetabs .nav-link svg {
	margin-right: 4px;
	position: relative;
	top: -2px;
}
#template3 .program_details_tabs .nav-timetabs .nav-link.active {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}
#template3 .program_details_tabs .nav-timetabs .nav-link.active svg path {
	fill: #ffffff;
	stroke: transparent;
}
#template3.detailed-timeline-container {
	padding-left: 8px;
    position: relative;
    top: 0;
	padding-top: 10px;
}
#template3 .detailed-weeks-button {
	display: none;
}
#template3 .program_details_tabs .nav-timetabs .nav-link.detailed-tablink.active + .detailed-weeks-button {
	display: block;
}
#template3 .detailed-weeks-button .weeks-button-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#template3 .detailed-weeks-button .weeks-button-row .week-button {
	width: auto;
	min-width: 86px;
	height: 34px;
	background-color: var(--bs-white);
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--bs-gray-900);
	padding: 0 10px;
	margin: 0 5px 10px 5px;
	border: 1px solid rgba(233, 236, 239, 0.5);
}
#template3 .detailed-weeks-button .weeks-button-row .week-button:hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
#template3 .timeline-day-fieldset {	
	position: relative;
	padding-top: 0px;
}
#template3 .timeline-day-fieldset .timeline-day-fieldset-inside {
	position: relative;	
	padding: 0 30px 0 30px;
}
#template3 .timeline-day-fieldset::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: rgba(6, 100, 177, 0.5);
}
#template3 .timeline-day-fieldset::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
    left: 1px;
    width: 1px;
    height: 100%;
    border-left: 1px dashed rgba(255,255,255,1);
}
#template3 .timeline-day-fieldset:first-child::before,
#template3 .timeline-day-fieldset:first-child::after {
	height: calc(100% - 15px);
	top: 15px;
}
#template3 .timeline-day-fieldset:last-child::before,
#template3 .timeline-day-fieldset:last-child::after {
	height: 34px;
	bottom: 15px;
}
#template3 .collapse-week {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: -10px;
	left: 35px;
}
#template3 .collapse-week span i {
	margin-right: 10px;
}
#template3 .timeline-day-fieldset::before {
	background: rgba(6, 100, 177, 0.5);
}

#template3 .timeline-lebeltext {
	width: 100%;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 0px;
}
#template3 .timeline-lebeltext:hover {
	color: var(--bs-theme-bg);
}
#template3 .timeline-lebeltext::before {
	content: '\f054';
	font-family: var(--fa);
	font-weight: 900;
	display: inline-block;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	left: -38px;
	transition: background-color .2s ease-in-out;
	transition: margin-top .2s ease-in-out;
	width: 20px;
    height: 20px;
	text-align: center;
	line-height: 16px;
	color: var(--bs-primary);
	border: 2px solid var(--bs-primary);
	outline: 3px solid var(--bs-theme-bg);
	background-color: var(--bs-theme-bg);
	border-radius: 30px;
	padding-left: 1.5px;
	top: 11px;
}
#template3 .timeline-lebeltext.active::before {
	content: '\f078';
	background-color: var(--bs-primary);
	color: var(--bs-white);
	padding-left: 0;
	padding-top: 0.7px;
	margin-top: 15px;
}
#template3 .timeline-lebeltext:hover::before {
	background: var(--bs-primary);
	color: var(--bs-white);
}
#template3 .timeline-lebeltext .timeline-heading {
	width: 100%;
	height: 66px;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(6, 100, 177, 0.19);
	transition: all .3s ease-in-out;
}
#template3 .timeline-day-fieldset:last-child .timeline-lebeltext .timeline-heading {
	/* border-bottom: 0; */
}
#template3 .timeline-lebeltext .timeline-heading .timeline-heading-label {
	font-size: 16px;
	font-weight: 700;
	color: var(--bs-primary);
	flex: 2;
}
#template3 .timeline-lebeltext .timeline-heading .timeline-heading-completion_range{
	flex: 1;
	text-align: right;
    padding-right: 16px;

}
#template3 .timeline-lebeltext .timeline-heading .timeline-heading-duration{ padding-left: 15px;}
#template3 .timeline-lebeltext .timeline-heading .madality_name {
    display: block;
    font-size: 14px;
    font-weight: normal;
	position: relative;
    top: -4px;
	color: var(--bs-primary);
}
#template3 .timeline-lebeltext.active .timeline-heading,
#template3 .timeline-lebeltext:hover .timeline-heading {
	background-color: var(--bs-theme-dark);
	padding: 5px 15px;
}
#template3 .timeline-lebeltext.active .timeline-heading {
	margin-top: 15px;
	border-radius: 6px 6px 0 0;
}
#template3 .timeline-day-fieldset:first-child .timeline-lebeltext.active .timeline-heading,
#template3 .timeline-day-fieldset:first-child .timeline-lebeltext.active::before {
	margin-top: 0;
}
#template3 .new-course-box .new-course-col.Completed .progress_text,
#template3 .new-course-box .new-course-col.NotStarted .progress_text,
#template3 .new-course-box .new-course-col.incomplete .progress_text,
#template3 .timeline-day-fieldset .statusbox {
	min-width: 94px;
	width: 94px;
	height: 22px;
	border-radius: 50px;
	padding: 7px;
	border: 1px solid var(--border-color-light);
	background-color: var(--bs-white);
	font-size: 12px;
	color: #000;
	display: flex;
	align-items: center;
	font-weight: 400;
	text-align: center;
	justify-content: center;
}
#template3 .timeline-day-fieldset .statusbox i {
	font-size: 8px;
	margin-right: 4px;
	margin-top: 1px;
	display: none;
}
#template3 .new-course-box .new-course-col.Completed .progress_text::before,
#template3 .timeline-day-fieldset .statusbox.completed-color i {
	color: var(--status-completed);
}
#template3 .new-course-box .new-course-col.incomplete .progress_text::before,
#template3 .timeline-day-fieldset .statusbox.started-color i {
	color: var(--status-started);
}
#template3 .new-course-box .new-course-col.NotStarted .progress_text::before,
#template3 .timeline-day-fieldset .statusbox.notstarted-color i {
	color: var(--notstarted-color);
}
#template3 .new-course-box .new-course-col.Completed .progress_text::before,
#template3 .new-course-box .new-course-col.NotStarted .progress_text::before,
#template3 .new-course-box .new-course-col.incomplete .progress_text::before {
	content: '\f111';
	display: inline-block;
	font-weight: 900;
	font-family: var(--fa);
	font-size: 8px;
	margin-right: 4px;
	margin-top: 1px;
	display: none;
}
#template3 .timeline-day-toggle {
	width: 100%;
	padding: 0;
	display: none;
	transition: all .3s ease-in-out;
	border-radius: 0 0 6px 6px;
	background-color: var(--bs-theme-dark);
}
#template3 .timeline-day-toggle .course_deschere {
    padding: 15px 15px;
}
#template3 .timeline-day-toggle .course_deschere p {
	margin-bottom: 0;
}
#template3 .timeline-day-toggle .classroom_session_wrapper,
#template3 .timeline-day-toggle .new-course-inner-box {
	margin-bottom: 0 !important;
}
#template3 .timeline-day-toggle .timeline-day-col-inside {
	background-color: var(--bs-white);
	padding: 15px 15px 0 15px;
	border-radius: 6px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
#template3 .timeline-day-toggle .col-sm-6 {
	margin-bottom: 20px;
}
#template3 .timeline-day-toggle .timeline-day-col-top {
	margin-bottom: auto;
}
#template3 .timeline-day-toggle .timeline-day-col-inside .day-col-heading {
	color: var(--bs-primary);
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}
#template3 .timeline-day-toggle .timeline-day-col-inside .day-col-text {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	margin-bottom: 15px;
}
#template3 .timeline-day-toggle .timeline-day-col-inside .timeline-day-col-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #E9ECEF;
	padding: 7px 0;
	min-height: 44px;
}
#template3 .timeline-day-toggle .new-course-box.section-box {
	display: block;
	padding: 0;
	background: none;
	margin-bottom: 0px;
}
#template3 .timeline-day-toggle .new-course-box .modality-col {
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	line-height: 18px;
}
#template3 .timeline-day-toggle .new-course-box .assest_wrapper .asset_wrapper_right,
#template3 .timeline-day-toggle .new-course-box .new-course-inner-box {
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}
#template3 .timeline-day-toggle .assest_wrapper .asset_wrapper_right,
#template3 .timeline-day-toggle .assest_wrapper .asset_wrapper_right .session_wrapper .col {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;	
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
#template3 .timeline-day-toggle .assest_wrapper .asset_wrapper_right .session_wrapper {
	--bs-gutter-x: 0;
}
#template3 .timeline-day-toggle .session_block .card {
	flex-direction: row;
	flex-wrap: wrap;
	transition: all .3s ease-in-out;
}
#template3 .timeline-day-toggle .session_block .session_name {
	flex: 1 0 auto;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-line-clamp: 1;
}
#template3 .timeline-day-toggle .session_block .session_name_icon {
	display: flex;
	align-items: center;
	flex: 1 0 auto;
	word-break: break-word;
}
#template3 .classroom_session_wrapper .launch_wrapper,
#template3 .classroom_session_wrapper .pre_req_wrapper {
	display: none;
}
#template3 .statusbox_and_arrow {
	display: flex;
	align-items: center;
}
#template3 .statusbox_and_arrow a {
	color: var(--purple-medium-new);
	padding-left: 80px;
	font-size: 16px;
}
#template3 .timeline-day-toggle .session_block .session_location, 
#template3 .timeline-day-toggle .session_block .session_date, 
#template3 .timeline-day-toggle .session_block .session_weblink {
	width: auto;
	padding-right: 30px;
}
.timeline-day-toggle .session_block .session_date, 
.timeline-day-toggle .session_block .session_weblink {
	/* padding-left: 15px; */
}
#template3 .timeline-day-toggle .session_block .session_weblink a {
	color: var(--purple-medium-new);
}
#template3 .timeline-day-toggle .session_block .session_weblink a p {
	text-decoration: underline;
}
#template3 .timeline-day-toggle .session_block .card:hover {
	border-color: var(--bs-primary) !important;
	padding: 10px 15px;
	box-shadow: 0px 0px 10px 0px rgba(83, 42, 122, 0.25);
}
#template3 .timeline-day-toggle .asset_type {
	background-color: var(--purple-medium-new);
	width: 36px;
	height: 36px;
	border-radius: 6px;
	padding: 10px;
	margin-right: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#template3 .timeline-day-toggle .asset_type svg {
	width: 16px;
	height: 16px;
}
#template3 .timeline-day-toggle .assest_wrapper {
	height: auto;
	padding: 8px 15px;
	margin-top: 0;
	transition: all .3s ease-in-out;
	border-radius: 0px;
}
#template3 .timeline-day-toggle .assest_wrapper:hover {
	height: auto;
	padding: 10px 15px;
}
#template3 .classroom_session_wrapper.assest_wrapper {
	background-color: #fff;
    border: 0;
    border-radius: 6px;
    margin: 15px;
    width: calc(100% - 30px);
}
#template3 .classroom_session_wrapper.assest_wrapper .session_block {
	width: 100%;
}

#template3 .classroom_session_wrapper.assest_wrapper .session_wrapper .card {
    border-color: var(--border-color-light);
}
#template3 .new-course-box .new-course-col .assest_wrapper .asset_wrapper_right {
    padding-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-top: 0px;
}
#template3 .timeline-day-toggle .new-course-box .new-course-col .asset_wrapper_right .assest_middle_container {
	flex: 1;
}
#template3 .cheveron_tooltip_span {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1;
    left: -39px;
    text-indent: -999px;    
	margin: 0 !important;
}
#template3 .timeline-lebeltext .cheveron_expand {
	display: inline-block;
}
#template3 .timeline-lebeltext.active .cheveron_expand {
	display: none;
}
#template3 .timeline-lebeltext.active .cheveron_collapse {
	display: inline-block;
}
#template3 .timeline-lebeltext .cheveron_collapse {
	display: none;
}
#template3 .program_details_tabs .nav-timetabs-outer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#template3 .navtabs_right_button {
	display: flex;
}
#template3 .navtabs_right_button .btn {
	height: 28px;
	border: 0 !important;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	margin-left: 10px;
}

#template3 .tooltip .tooltip-inner {
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 400;
}
.tooltip[data-popper-placement^=top] .tooltip-arrow {
  top: calc(100% - 10px);
}
.tooltip[data-popper-placement^=left] .tooltip-arrow {
  left: calc(100% - 10px);
}
.tooltip[data-popper-placement^=right] .tooltip-arrow {
  left: 2px;
}
.tooltip[data-popper-placement^=right] .tooltip-inner {
  left: 0px;
  top: 1px;
  position: relative;
}

#cboxLoadedContent .region-main-inner{ padding:10px}

/* course details new design */
#template3 .new-course-box.section-box .new-course-inner-box {
	background: var(--light-color-purple);
	padding: 7.5px;
	margin-bottom: 15px;
	border-radius: 6px;
}
#template3 .new-course-box .modality-col {
	font-size: 16px;
	display: none;
}
#template3 .new-course-box .new-course-inner-box {
	width: 100%;
	flex-basis: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#template3 .new-course-box .new-course-col {
	padding: 0 7.5px;	
	height: auto;
	min-height: auto;
	margin: 0px;
	position: relative;
}
#template3 .timeline-day-toggle .new-course-box .new-course-col {
    width: 100%;
}
#template3 .new-course-box .new-course-col .assest_wrapper {
	border-radius: 6px;
	margin: 0;
	cursor: pointer;
	
}
#template3 .new-course-box .new-course-col .assest_left_container,
#template3 .new-course-box .new-course-col .asset-link span,
#template3 .new-course-box .new-course-col .asset_details_bottom div:not(.assest_acknowlege, .launch_wrapper),
#page-course-course_detail .twoColumnsFS.assest_wrapper,
#page-course-course_detail .btn-rate {
	display: none;
}
#template3 .new-course-box .new-course-col .asset_details_bottom .assest_acknowlege {
	margin-right: 0;
}
#template3 .new-course-box .new-course-col .asset_details_bottom {
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	align-items: center;
}
#template3 .new-course-box .new-course-col .asset_wrapper_right .assest_middle_container {
	flex-basis: 100%;
	width: 100%;
	max-width: 100%;
}
#template3 .new-course-box .new-course-col .asset_wrapper_right .assest_middle_container,
#template3 .new-course-box .new-course-col .asset_wrapper_right {
	flex-direction: column;
	flex-wrap: inherit;
	display: flex;
}
#template3 .new-course-box .new-course-col .asset_wrapper_right .assest_right_container {
	flex-basis: auto;
	max-width: none;
	justify-content: flex-start;
	position: relative;
}
#template3 .new-course-box .new-course-col .asset-link a::before,
#template3 .new-course-box .new-course-col .launch_icon::before {
	content: '\f061';
	font-size: 1rem;
	color: var(--purple-medium-new);
}
#template3 .new-course-box .new-course-col .asset_title {
	color: #000000;
}
#template3 .toggle-day-btnarea {
	display: flex;
	align-items: center;
}
#template3 .toggle-day-btnarea .assest_right_container {
	padding-left: 80px;
}
#template3 .toggle-day-btnarea .acknowledge {
	padding-right: 80px;
}
#template3 .toggle-day-btnarea .acknowledge .form-check-input[disabled] {
	border-color: rgba(0,0,0,.25);
}
#template3 .toggle-day-btnarea .acknowledge .form-check-input[disabled]:checked {
	background-color: #0d6efd;
}
#template3 .toggle-day-btnarea .acknowledge.form-check {
	line-height: normal;
	margin-bottom: 0;
	position: relative;
	top: 3px;
}
#template3 .up_down_button {
	text-align: right;
	padding: 10px 15px 15px 15px;
}
#template3 .up_down_button .ud_button {
	cursor: pointer;
	margin-left: 4px;
}
#template3 .up_down_button .ud_button i {
	width: 24px;
	height: 24px;
	color: var(--purple-medium-new);
	background: rgba(255, 255, 255, 0.8);
	border-radius: 40px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
}
#template3 .up_down_button .ud_button.down_button i::before {
	position: relative;
	top: 1px;
}
#template3 .up_down_button .ud_button:hover i {
	background: var(--gradient-color);
	color: var(--bs-white);
	border: 1px solid var(--bs-white);
}
/* .week1 .new-course-box {
	border-left: 6px solid var(--week1);
}
.week2 .new-course-box {
	border-left: 6px solid var(--week2);
}
.week3 .new-course-box {
	border-left: 6px solid var(--week3);
}
.week4 .new-course-box {
	border-left: 6px solid var(--week4);
} */
/* .new-course-box .new-course-col.InProgress .assest_wrapper {
	background-color: rgba(255, 169, 76, 0.2);
}
.new-course-box .new-course-col.Completed .assest_wrapper {
	background-color: rgba(51, 255, 144, 0.2);
}
.new-course-box .new-course-col.InProgress .assest_wrapper .asset_details_bottom,
.new-course-box .new-course-col.Completed .assest_wrapper .asset_details_bottom {
	border-top-color: rgba(255, 255, 255, 0.2);
} */


@media screen and (max-width: 767.98px) {
	#template3 .new-course-box .new-course-col,
	#template3 .timeline-day-toggle .new-course-box .new-course-col  {
		width: calc(100% - 5px);	
		margin-right: 0;	
		min-height: auto;
	}
	#template3 .assest_wrapper .asset_wrapper_right .asset_details_bottom {
		align-items: flex-end;
	}
}
@media screen and (max-width: 569.98px) {
	#template3 .new-course-box.section-box,
	#template3 .new-course-box .new-course-inner-box {
		flex-direction: column;
	}
	#template3 .new-course-box .new-course-col,
	#template3 .timeline-day-toggle .new-course-box .new-course-col  {
		width: calc(100% - 5px);	
		margin-right: 0;	
	}
	#template3 .new-course-box .modality-col,
	#template3 .new-course-box .new-course-inner-box {
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}
/* end of template 3 css */

#detailed .list-card.cont_box .listview_right, 
#detailed .assest_wrapper .asset_wrapper_right, 
#detailed .assest_wrapper .asset_wrapper_right .assest_middle_container {
	flex-basis: 100%;
    max-width: 100%;
}
 
#detailed .assest_wrapper .asset_wrapper_right .assest_right_container {
	flex-basis: 100%;
    max-width: 100%;
	justify-content: space-between;
	order: 3;
	border-top: 1px solid var(--bs-gray-200);
	margin-top: 15px;
    padding-top: 5px;
}

#detailed .assest_wrapper .asset_wrapper_right .asset_details_bottom {
	border-top: 0px none;
	margin-top: 0px;
	padding-top: 6px;
}

#detailed .assest_wrapper .asset_wrapper_right {
	justify-content: space-between;
	max-width: 100%;
    flex-basis: 100%;
}

.asset-link a::before, .launch_icon::before, .download_icon::before,
.assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon::before {
	font-family: var(--fa);
	font-weight: 900;
	font-size: 2rem;
	display: block;
	color: var(--link-color);
}

#detailed .asset-link a::before, .launch_icon::before,
#detailed .assest_wrapper.twoColumnsFS .forum_review_block_wrapper .list a.playIcon::before {
	content: "\f061";
	font-size: 1rem;
}
#detailed.detailed-timeline-container {
	left: 12px;
}
.modality_type_wrapper {
    margin-top: 20px;
}
.modality_type_wrapper .modality_type {
    padding-right: 20px;
    position: relative;
    color: var(--link-color);
    display: inline-block;
}
.modality_type_wrapper .modality_type::before {
	content: "";
    width: 5px;
    height: 21px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    top: 5px;
    margin-right: 8px;
}
.timeline-lebeltext .timeline-heading .modality_color::before {
    content: "";
    width: 5px;
    height: 21px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    top: 0px;
    margin-left: 12px;
}
.modality_type_wrapper .modality_type#color_1::before, .timeline-lebeltext .timeline-heading .modality_color.color_1::before {
    background: #FFAA90;
}
.modality_type_wrapper .modality_type#color_2::before, .timeline-lebeltext .timeline-heading .modality_color.color_2::before {
    background: #2FCBCB;
}
.modality_type_wrapper .modality_type#color_3::before, .timeline-lebeltext .timeline-heading .modality_color.color_3::before {
    background: #65ACFF;
}

.timeline-day-fieldset[class^="week_"]:first-child .day-box-indicator::after {
	display: none;
}

.new-course-col.Passed .assest_wrapper {
	background-color: rgba(51, 255, 144, 0.2);
}

.timeline-maincontent.timeline-pipe {
    padding: 0px 0 0 12px;
} 
.timeline-maincontent.timeline-pipe::before {
	display: none;
}

.sumeerypara{ display: inline !important;}
.showmoretext{position: relative;  left: 0px;}
.sumeerypara p:last-child:not(.showmoretext p) {
	display: inline;
}

.nav-tabs.nav-timetabs {
	border-bottom: 0px none;
}

.h5p-course-presentation p{
	margin: 0 0 0.5em!important; 
}
.h5p-advanced-text ul{
	margin: 0.5em 0!important;
}
.h5p-advanced-text ul > li, .h5p-advanced-text ol > li{
	margin: 0 0 0.5em 1em!important;
}
.h5p-course-presentation .h5p-element .h5p-advancedtext-outer-element{
	overflow-y: auto!important;
}


*:focus {
	outline: none;
}

:focus-visible {
	outline: 2px solid var(--bs-gray-600);
}