html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 45px !important;
}
 body.lms-container{
	background:#f1f1f2!important;margin-bottom:0!important;	
} 

h1 {
	font-size: 1.602em
}

h2 {
	font-size: 1.424em;
}

h3 {
	font-size: 1.266em
}

h4 {
	font-size: 1.125em
}
.text-shadow{
	text-shadow: 0px 1px
}
/*Spaces
------------------------------------*/
.margin-left-4 {
	margin-left: 4px;
}
.margin-left-5 {
	margin-left: 5px;
}

.margin-left-7 {
	margin-left: 7px;
}

.margin-left-12 {
	margin-left: 12px;
}
.margin-left-15 {
	margin-left: 15px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-right-25 {
	margin-right: 25px;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-right-50 {
	margin-right: 50px;
}
.margin-right-70{
	margin-right: 70px;
}
.margin-left-23 {
	margin-left: 23px;
}
.margin-left-25 {
	margin-left: 25px!important;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-bottom-minus15 {
	margin-bottom: -15px;
}
.body-sm-margin{
	margin-bottom:0!important;
}
.margin-bottom-minus10 {
	margin-bottom: -15px;
}
.margin-top-minus10{
	margin-top: -10px;
}
.margin-top-minus20{
	margin-top: -20px;
}
.margin-top-minus2{
	margin-top: -2px;
}
.padding-left-0 {
	padding-left: 0px;
}
.padding-right-md-0{
	padding-right: 0;
}
.padding-right-0 {
	padding-right: 0px;
}
.padding-bottom-0{
	padding-bottom:0px!important;
}
.no-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no-margin {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.bold {
	font-weight: bold!important;
}

.padding-left-15 {
	padding-left: 15px;
}

.overflow-auto {
	overflow: auto;
}

.no-top-space {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.no-bottom-space {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.padding-top-10, .padding-top-20, .margin-top-20, .margin-top-30,
	.margin-top-50, .margin-top-60, .margin-top-100, .margin-bottom-5,
	.margin-bottom-10, .margin-bottom-15, .margin-bottom-20,
	.margin-bottom-25, .margin-bottom-30, .margin-bottom-35,
	.margin-bottom-40, .margin-bottom-45, .margin-bottom-50,
	.margin-bottom-55, .margin-bottom-60, .margin-bottom-100,
	.padding-left-10, .padding-5 {
	clear: both;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-2 {
	padding-top: 2px !important;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-left-2 {
	padding-left: 2px !important;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-left-50 {
	padding-left: 50px;
}

.padding-right-2 {
	padding-right: 2px !important;
}

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-25 {
	padding-right: 25px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-22 {
	padding-top: 22px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-30 {
	padding: 30px;
}

.padding-20 {
	padding: 20px;
}
.padding-30-20 {
	padding: 30px 20px;
}
.padding-20-30 {
	padding: 20px 30px;
}

.padding-15 {
	padding: 15px !important;
}

.padding-10 {
	padding: 10px;
}

.padding-5 {
	padding: 5px !important;
}
.padding-0{
	padding:0 !important;
}

.padding-50 {
	padding: 50px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-2 {
	margin-top: 2px !important;
}

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

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-12 {
	margin-top: 12px !important;
}

.margin-top-18 {
	margin-top: 18px !important;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-24 {
	margin-top: 24px;
}
.margin-top-25 {
	margin-top: 25px;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-70 {
	margin-top: 70px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-top-150 {
	margin-top: 150px !important;
}

.margin-top-5-per{
	margin-top: 5% !important;
}
.margin-top-10-per{
	margin-top: 10% !important;
}
.margin-top-15-per{
	margin-top: 15% !important;
}
.margin-top-25-per{
	margin-top: 25% !important;
}
.margin-top-65-per{
	margin-top: 65% !important;
}
.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-8 {
	margin-bottom: 8px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-13 {
	margin-bottom: 13px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-22 {
	margin-bottom: 22px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-43 {
	margin-bottom: 43px;
}
.margin-bottom-45 {
	margin-bottom: 45px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-55 {
	margin-bottom: 55px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-bottom-100 {
	margin-bottom: 100px;
}

.margin-bottom-200 {
	margin-bottom: 200px;
}

.margin-bottom-250 {
	margin-bottom: 250px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-right-0 {
	margin-right: 0 !important;
}

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

.margin-left-2 {
	margin-left: 2px;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.label-text {
	margin-top: 8px;
	color: #3079AB;
	font-size: 16px;
}

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

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

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

.display-inline-block {
	display: inline-block;
}
/* .mysanghan-nav-green{
	color: #53B7AE !important;
	
}
.mysanghan-nav-green>li{
	color: #53B7AE !important;
	 */
}
.mysanghan-green-navbar .mysanghan-green-navbar-nav>li>a:hover {
	color: #045b5B !important;
	background-color: #337ab7;
}

.mysanghan-green-navbar .mysanghan-green-navbar-nav>li>a {
	/* 	color: #E3A305 !important; */
	/*color: #53B7AE !important;  */
	/* font-size: 17px; */
	
}

.pointer-cursor {
	cursor: pointer;
}

.border-color {
	border: 1px solid #e2e2e2;
}

.mysangham-green-heading {
	font-size: 25px;
	text-align: left;
	background: #53B7AE;
	color: #fff;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mysangham-blue-heading {
	font-size: 25px;
	text-align: left;
	background: #006b9c;
	color: #fff;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mysangham-blue-text { /* 	color: #E3A305 !important; */
	color: #006b9c !important;
	font-weight: 600;
	/* font-size: 17px; */
}

.mysangham-heading {
	background-color: #C5BCB7;
	color: #514843;
	/*     background-color:#80ccff;
  color: #fff ; */
	padding: 5px 10px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mysangham-heading1 {
	background-color: #fff;
	color: #53B7AE;
	text-align: center;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mysangham-heading2 { /*   background-color: #C7D4D8  ;
  color: #164850  ; */
	/*     background-color: #80ccff ;
  color: #fff  ; */
	background-color: #f5f5f5;
	color: #000;
	padding: 15px 10px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mysangham-sub-heading {
	background-color: #fcf8e3;
	color: #000;
	padding: 10px 10px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mysangham-panel {
	border: 3px solid #C5BCB7;
}

.mysangham-button {
	color: #fff !important;
	/*   background-color:#675B55 ; */
	background-color: #337ab7 !important;
	/*   border-color:  #3D3632  ; */
	padding: 3px 12px !important;
}

.mysangham-glyphicon-button {
	color: #514843;
	/*   background-color:#675B55 ; */
	/*   border-color:  #3D3632  ; */
	padding: 3px 12px;
}

.mysangham-button:hover, .mysangham-button:focus {
	color: #fff;
	background-color: #2d6a9f;
	border-color: #88b5dd;
	padding: 3px 12px;
}

.mysangham-button:focus {
	outline: #675B55;
}

.mysangham-button2 { /*        color: #fff;
  background-color: #1B535D  ; */
	/*   background-color: #2583d3 ; */
	background-color: #337ab7;
	color: #fff;
	border-color: #006bb3;
	/*   border-color:#164850  ; */
	padding: 3px 12px;
}

.mysangham-button2:hover, .mysangham-button:focus { /*      color: #fff;
  background-color: #164850  ; */
	background-color: #2d6a9f;
	color: #fff;
	border-color: #88b5dd;
	padding: 3px 12px;
}

.mysangham-panel2 {
	border: 3px solid #C7D4D8;
}

.label-mysangham {
	background-color: #514843;
	font-size: 15px;
}

/* .mysangham-heading {
    background-color: #56858d;
    color: #fff;
        padding: 5px 10px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

  .mysangham-heading2 {
    background-color: #56698d;
    color: #fff;
        padding: 5px 10px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
} 

.mysangham-button{
	    color: #fff;
    background-color: #164850;
    border-color: #164850;
      padding: 3px 12px;
}

.mysangham-button:hover{
	  color: #fff;
    background-color: #1B535D;
    border-color: #164850;
        padding: 3px 12px;
}

 .mysangham-button2{
	    color: #fff;
    background-color: #455471;
    border-color:#343F55;
      padding: 3px 12px;
}

.mysangham-button2:hover{
	  color: #fff;
    background-color: #343F55;
    border-color: #455471;
        padding: 3px 12px;
}  */
.paragraph-truncate {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.font-color-white {
	color: white;
}

.font-bold {
	font-weight: 600!important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-left-40 {
	margin-left: 40px;
}
.margin-left-50 {
	margin-left: 50px;
}
.margin-left-60 {
	margin-left: 60px;
}
.margin-left-70 {
	margin-left: 70px;
}
.margin-left-80 {
	margin-left: 80px;
}

.no-border {
	border: none !important;
}

.no-border-radius {
	border-radius: 0 !important;
}
.font-60 {
	font-size: 60px !important;
}
.font-50 {
	font-size: 50px !important;
}
.font-40 {
	font-size: 40px;
}

.font-35 {
	font-size: 35px;
}

.font-20 {
	font-size: 20px !important;
}

.font-25 {
	font-size: 25px;
}

.font-28 {
	font-size: 28px;
}



.font-38 {
	font-size: 38px;
}

.font-30 {
	font-size: 30px;
}

.font-22 {
	font-size: 22px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-15 {
	font-size: 15px !important;
}

.font-14 {
	font-size: 14px !important;
}
.font-13 {
	font-size: 13px !important;
}

.font-12 {
	font-size: 12px !important;
}
.font-11 {
	font-size: 11px !important;
}
.font-8 {
	font-size: 8px !important;
}

[contentEditable=true]:empty:not (:focus ):before {
	content: attr(data-text);
	display: block;
}

.orange {
	color: #EF6C00;
}

.bg-color-white {
	background: #ffffff;
}

.teal {
	color: #00897B;
}

.badge-class {
	margin-bottom: 5px;
	margin-left: 127px;
}

.badge-bg {
	background: #d43f3a;
}

.nounderline, .nounderline:HOVER {
	color: #000000;
	text-decoration: none
}

.padding-8 {
	padding: 8px;
}

#editModuleModal>.modal-dialog, #editRoleModal>.modal-dialog,
	#confirmdeletionModal>.modal-dialog {
	width: 400px;
	margin: 200px auto;
}

#learnerMockCourseModal>.modal-dialog {
	width: 500px;
	margin: 100px auto;
}

.checkbox-Margin-left input[type=checkbox] {
	margin-left: 0px;
}

.step-wizard a {
	border-radius: 10px !important;
	color: #fff;
	background-color: #E3A328;
	border-color: #E3A328;
}

.margin-left-15 {
	margin-left: 15px;
}

[ng :cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}

.background-space {
	background-color: #f6f4f4 !important;
}

#LPfooter {
	background: #333333;
}

.copy-right {
	font-size: 11px;
	color: white;
	margin-top: 10px;
	/* margin-bottom: 10px; */
}

.mysangham-heading-subText1 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.mysangham-heading-subText2 {
	color: #f5f5f5;
	font-size: 14px;
}

.question_type_container {
	max-height: 400px;
	overflow-y: auto;
}

.panel_list {
	font: 400 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    /* line-height: 73%; */
    /* white-space: pre-line; */
    padding: 8px 15px;
    margin: 5px 0;
}

 div.question_type_container>div:nth-of-type(odd) {
	background-color: #efefef;
} 

div.question_type_container>div:nth-of-type(even) {
	background-color: #efefef;
}

#gridQ.table>tbody>tr>td {
	border-top: 0px solid #ddd;
}

.question-block {
	border: 1px solid #dddddd;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(221, 221, 221, 1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(221, 221, 221, 1);
	box-shadow: 0px 0px 10px 0px rgba(221, 221, 221, 1);
	padding: 20px 50px;
}

.selectParent {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: white url("../resources/product/images/caret.png");
	background-size: 30px 35px;
	background-repeat: no-repeat;
	background-position: right;
}

.selectParentTwo {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: white url("../resources/product/images/caret-orange.png");
	background-size: 30px 35px;
	background-repeat: no-repeat;
	background-position: right;
}

/* make sidebar nav vertical */
@media ( min-width : 768px) {
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.col-sm-1-lms {
	    width: 6%!important;
	}
	.col-sm-2less {
	    width: 14%!important;
	}
	.col-sm-0 {
	    width: 2.333333333333332%!important;
	 }
	 .col-sm-5dot5 {
	    width: 45%!important;
	 }
	.sidebar-nav .navbar ul {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.explore-tile {
		margin: 10px 17px 20px 47px;
	}
	.prin-img-responsive-single {
		margin-left: 0;
	}
	.lms-col-sm-8{
	    width: 72%!important;
	}
	.lms-col-sm-11{
		    width: 96.5%!important;
	}
}

/* @media (max-width:768px) {
	
	.container{
	padding-left:auto;
	}

} */
@media ( max-width : 700px) {
	.mysangham-heading-height {
		min-height: 50px;
	}
	.mysangham-sidebar-height {
		min-height: 400px;
	}
}

@media ( min-width : 700px) {
	.mysangham-heading-height {
		min-height: 100px;
		/* overflow: auto; */
	}
	.mysangham-sidebar-height {
		min-height: 575px;
	}
}

.mysangham-list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}

a.list-group-item:hover { /* color: #fff;

    background-color: #337ab7; */
	
}

@media ( max-width : 480px) {
	.mysangham-blocks {
		margin-left: 0 !important;
		height: 100% !important;
	}
}

.mysangham-blocks {
	background-color: #FFFFFF;
	margin: 0px 10px 25px 0px;
	border: 1px solid #C9C9C9;
	/* padding: 12px 15px; */
	height: 200px;
}

.mysangham-blocks:hover {
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	-webkit-transition: all .2s ease-in-out;
}

.mysangham-centreList-heading {
	font-size: 18px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid gainsboro;
	padding: 15px;
	text-align: center;
	background: #a5d9d5;
	color: #000;
	cursor: pointer;
	overflow-wrap: break-word;
	height: 82px;
}

.mysangham-batchList-heading {
	font-size: 15px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid gainsboro;
	padding: 10px;
	text-align: left;
	background: #fcf8e3;
	color: #000;
	cursor: pointer;
	border-left: 4px solid #39d2cb;
}

.mysangham-mycentreList-heading {
	font-size: 18px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid gainsboro;
	padding: 15px;
	background: #a5d9d5;
	color: #000;
	cursor: pointer;
	overflow-wrap: break-word;
}

.loader {
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #3498db;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@
-webkit-keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
}

100%
{
-webkit-transform




:


 


rotate




(360
deg


);
}
}
@
keyframes spin { 0% {
	transform: rotate(0deg);
}

100%
{
transform




:


 


rotate




(360
deg


);
}
}
.truncate {
	white-space: nowrap !important;
	width: 80% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: inline-block !important;
}
.truncate95 {
	white-space: nowrap !important;
	width: 95% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: inline-block !important;
}
.truncate98 {
	white-space: nowrap !important;
	width: 98% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: inline-block !important;
}
.truncate1 {
	white-space: nowrap;
	width: 83%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.cmstruncate {
	white-space: nowrap;
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding-top: 5px;
    padding-bottom: 5px;
}

.truncate-nowidth {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
/*Image upload*/
.image-upload input[type=file] {
	display: none !important;
}

.image-upload span label span {
	font-size: 20px;
	cursor: pointer;
}
/* 
.active {
	font-weight: 700
} */

.activeNew {
	color: #588e9a !important;
	background: #f5f5f5 !important;
	font-weight: bold;
}

/* .active:hover {
	font-weight: 700 !important;
	text-shadow: 0 1px white !important;
} */

.no-margin-bottom {
	margin-bottom: 0;
}

.container-scroll {
	height: 350px;
	overflow: auto;
}

/* Common button*/
.btn-red {
	height: 100%;
	border-radius: 2px;
	background-color: #C8432A !important;
	border-color: #C8432A !important;
	color: #FFFFFF !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn-red:focus, .btn-red.focus, .btn-red:active, .btn-red.active {
	background-color: #9E3521 !important;
	color: #FFFFFF !important;
	border-radius: 2px;
	outline: 0px !important;
	border-color: #C8432A !important;
}

.btn-red:hover {
	background-color: #D9624C !important;
	color: #FFFFFF !important;
	border-color: #C8432A !important;
}

.btn-green {
	height: 100%;
	border-radius: 2px;
	background-color: #8CC152 !important;
	border-color: #8CC152 !important;
	color: #FFFFFF !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.certifiedIcon {
	color: #337ab7;
	font-size: 17px;
	margin-left:5px;
	top:0px
}

.certifiedIcon-lg {
	color: #337ab7;
	font-size: 22px;
	margin-right: 5px;	
}

.certifyText {
	margin-left: 15px;
	font-weight: bold;
	float: left;
	color: grey;
	margin-top: 5px;
}

.btn-green:focus, .btn-green.focus, .btn-green:active, .btn-green.active
	{
	background-color: #72A53B !important;
	border-color: #8CC152 !important;
	color: #FFFFFF !important;
	border-radius: 2px;
	outline: 0px !important;
}

.btn-green:hover {
	background-color: #A5CE78 !important;
	border-color: #8CC152 !important;
	color: #FFFFFF !important;
}

.btn-yellow {
	height: 100%;
	border-radius: 2px;
	background-color: #E3A328 !important;
	border-color: #E3A328 !important;
	color: #FFFFFF !important;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn-yellow:focus, .btn-yellow.focus, .btn-yellow:active, .btn-yellow.active
	{
	background-color: #B07C1A !important;
	border-color: #E3A328 !important;
	color: #FFFFFF !important;
	border-radius: 2px;
	outline: 0px !important;
}

.btn-yellow:hover {
	background-color: #D5AE61 !important;
	border-color: #E3A328 !important;
	color: #FFFFFF !important;
}

.align_center {
	text-align: center;
}

.btn-grey {
	height: 100%;
	border-radius: 2px;
	background-color: #B2BAC4 !important;
	border-color: #B2BAC4 !important;
	color: #FFFFFF !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn-grey:focus, .btn-grey.focus, .btn-grey:active, .btn-grey.active {
	background-color: #989fa7 !important;
	border-color: #B2BAC4 !important;
	color: #FFFFFF !important;
	border-radius: 2px;
	outline: 0px !important;
}

.btn-grey:hover {
	background-color: #cacccf !important;
	border-color: #B2BAC4 !important;
	color: #FFFFFF !important;
}

.btn-bluegreen {
	height: 100%;
	border-radius: 2px;
	background-color: #45818e !important;
	border-color: #9f9f9f !important;
	color: #FFFFFF !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn-bluegreen:focus, .btn-bluegreen.focus, .btn-bluegreen:active,
	.btn-bluegreen.active {
	background-color: #499298 !important;
	border-color: #9f9f9f !important;
	color: #FFFFFF !important;
	border-radius: 2px;
	outline: 0px !important;
}

.btn-bluegreen:hover {
	background-color: #499298 !important;
	border-color: #9f9f9f !important;
	color: #FFFFFF !important;
}

.modal-bgcolor {
	background-color: #EBE9E9 !important;
	border: 1px solid #e4e0e0 !important
}

.text-link {
	color: #E3A328;
	font-size: 14px;
	font-weight: bold;
}

.text-link:hover {
	color: #eabf69;
	text-decoration: none !important;
}

.text-link:focus, .text-link.focus, .text-link:active, .text-link.active
	{
	color: #B07C1A !important;
	text-decoration: none;
}

.confirm-modal-btn {
	width: 100px;
	padding: 8px 12px;
}

.category-enabledisable .switch.wide {
	width: 95px;
}

.category-enabledisable .switch.wide.checked small {
	left: 65px;
}

.align_center {
	text-align: center;
}

.width_100 {
	width: 100px;
}
.width_70 {
	width: 70px;
}
.width_80 {
	width: 80px;
}

.page-title-1 {
	background-color: #544741;
}

.page-title-3 {
	background-color: #588E9B;
}

.page-title-font {
	padding: 7px 0;
	font-size: 23px;
	color: #FFFFFF;
}

.margin-10 {
	margin: 10px
}

.margin-5 {
	margin: 5px
}

.margin-15 {
	margin: 15px;
}

.margin-20 {
	margin: 20px !important;
}

.margin-20-30 {
	margin: 20px 30px;
}

.margin-0-20 {
	margin: 0 20px;
}
.margin-20-0 {
	margin: 20px 0;
}
.margin-30-0 {
	margin: 30px 0;
}
.margin-30 {
	margin: 30px;
}

.margin-40 {
	margin: 40px;
}

.align_right {
	text-align: right;
}

.modal-bgcolor-white {
	background-color: #ffffff !important;
	border: 1px solid #ffffff !important;
}

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

.switch.checked {
	background-color: #62cb31 !important;
	border-color: #62cb31 !important;
}

.strong {
	font-weight: bold !important;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

.course-title-header {
	background-color: #E3A328;
	border: 1px solid #E3A328;
	color: white
}

.course-title-header-2 {
	background-color: #D8D8D8;
	border: 1px solid #D8D8D8;
	color: #4e4e4e;
}

.list-tile {
	min-height: 90px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	padding: 15px;
	margin-top: 12px;
	margin-bottom: 12px;
	overflow: auto;
}

.list-tile-font-1 {
	font-size: 24px;
	font-weight: bold;
	color: #588E9A;
}

.padding-10-15 {
	padding: 10px 15px;
}
.padding-10-0 {
	padding: 10px 0;
}
.padding-0-15 {
	padding: 0 15px;
}

.margin-10-0 {
	margin: 10px 0;
}
.margin-5-0 {
	margin: 5px 0;
}
#course-key-info tr>td:nth-child(2) {
	margin: 7px 0;
	display: inline-block !important;
}

.pre-registration-div-table tr>td {
	padding: 5px 0;
}

.btn-courseinfo {
	padding: 10px 20px;
	font-size: 19px;
}

.float-left {
	float: left;
}

.footer { position: absolute; 
	bottom: 0;
	width: 100%;	
	background-image: linear-gradient(#dedada,#a7a4a4);
}
.footerht50{
	height:50px;
}
.footerhtxs{
	min-height: 50px;
}
.footercopyrighttext{
	font-size: 13px;
    margin-top: 15px;
    margin-bottom:15px
}
.footer-links1 {
    border-right: 1px solid #e4dddd;
    padding-left: 5px;
    padding-right: 8px;
}

.footer-links2 {
	padding-left: 5px;
}

.footer-links li {
	color: #226eae;
	float: left;
	/* font-size: 10px; */
	/* padding: 6px; */
	padding-left: 10px;
	padding-right: 10px;
}

.footer-links li a {
	color: #226eae;
}
.footer-links {
		/* width: 275px; 
		margin-left: auto;
		margin-right: auto;*/
		margin-top: 11px;
	}
h1,h2,h3,h4,h5,ul,li {
	list-style: none;
}

.note-editable ul, .note-editable ul>li ,.ng-binding ul, .ng-binding ul>li,.lmsAgenda ul, .lmsAgenda ul>li{
    list-style: disc !important;
}

.note-editable ol , .note-editable ol>li,.ng-binding ol , .ng-binding ol>li{
    list-style: decimal !important;
}
.btn-blue {
	height: 100%;
	border-radius: 2px;
	background-color: #588E9A;
	border-color: #588E9A;
	color: #FFFFFF !important;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn-blue:focus, .btn-blue.focus, .btn-blue:active, .btn-blue.active {
	background-color: #588E9A;
	border-color: #588E9A;
	color: #FFFFFF !important;
	border-radius: 2px;
	outline: 0px !important;
}

.btn-blue:hover {
	background-color: #43818e;
	border-color: #588E9A;
	color: #FFFFFF !important;
}

.logo-responsive {
	max-width: 45%;
	float: left;
}

.logoNew-responsive {
	float: left;
	max-width: 60%;
	margin: 0px 0 0 9px;
	padding: 5px 0;
}

.logoNew-responsive1 {
	float: left;    
    padding: 4px 5px 4px 2px;    
}

.amplelogo-responsive {
		float: left;
	/* max-width: 60%; */
	margin: 0px 0 0 9px;
	padding: 12px 11px 8px 0;
		height: 58px !important;
	}
.profile-link {
	padding: 11px 15px 9px !important;
}

@media ( min-width : 976px) and (max-width: 1148px) {
	.logoNew-responsive {
		float: left;
		max-width: 60%;
		margin: 4px 0 0 0px !important;
		padding: 5px 0;
		height: 60px !important;
	}
	
	.profile-img-default {
		width: 24px !important;
		height: 24px !important;
		object-fit: contain;
		border-radius: 35px;
	}
	.profile-link {
		padding: 13px 10px 15px !important;
	}
	.navbar-default.affix .nav>li>a {
		padding: 13px 10px 15px !important;
		min-width: 90px !important;
	}
	.amplelogo-responsive {
		float: left;
		margin: 4px 0 0 0px !important;
		padding: 12px 11px 8px 0;
		height: 44px !important;
	}
}

@media ( min-width : 955px) and (max-width: 975px) {
	.logoNew-responsive {
		float: left;
		max-width: 60%;
		margin: 4px 0 0 0px !important;
		padding: 5px 0;
		height: 55px !important;
	}
	.profile-img-default {
		width: 28px !important;
		height: 28px !important;
		object-fit: contain;
		border-radius: 35px;
	}
	.profile-link {
		padding: 13px 10px 15px !important;
	}
	.navbar-default.affix .nav>li>a {
		padding: 13px 10px 10px !important;
		min-width: 90px !important;
	}
	
	.amplelogo-responsive {
		float: left;
		/* max-width: 60%; */
		margin: 4px 0 0 0px !important;
		padding: 12px 11px 8px 0;
		height: 47px !important;
	}
}

@media ( min-width : 913px) and (max-width: 954px) {
	.logoNew-responsive {
		float: left;
		max-width: 60%;
		margin: 4px 0 0 0px !important;
		padding: 5px 0;
		height: 52px !important;
	}
	.profile-img-default {
		width: 28px !important;
		height: 28px !important;
		object-fit: contain;
		border-radius: 35px;
	}
	.profile-link {
		padding: 10px 10px 15px !important;
	}
	.navbar-default.affix .nav>li>a {
		padding: 10px 10px 15px !important;
		min-width: 85px !important;
	}
	.lms-course-header-container {
		margin-top: 75px !important;
	}
	.amplelogo-responsive {
		float: left;
		/* max-width: 60%; */
		margin: 4px 0 0 0px !important;
		padding: 12px 11px 8px 0;
		height: 44px !important;
	}
}

.header-profile-link {
	padding-top: 13px;
	padding-right: 10px;
}

.font-size-13 {
	font-size: 13px !important;
}

.navlink-border {
	border-left: 1px solid #ddd;
}

.navbar-default.affix {
	background-color: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.01);
}

.navbar-default.affix .nav>li>a {
	padding: 15px 10px 10px;
    text-align: center;
    min-width: 90px;
    line-height: 24px;
    letter-spacing: 0.7px;
}

.navbar-default.affix .nav>li>a:hover {
	background: #f5f5f5;
}

.navbar-default.affix .nav .open>a, .navbar-default.affix .nav .open>a:focus,
	.navbar-default.affix  .nav .open>a:hover {
	border-color: #dddddd;
	background: #f5f5f5
}

.navbar-icons {
	height: 27px;
}

.navlink-border img.profile-img-default {
	border: 1px solid #588e9b;
}

.explore-search-container {
	background-color: #588E9B;
}

.fa-user-circle-o:before {
	font-family: FontAwesome;
	font-size: 32px;
	font-weight: normal;
	color: #588e9a;
	margin-top: 7px;
	content: "\f2be";
}

.fa-caret-down:before {
	font-family: FontAwesome;
	font-size: 15px;
	font-weight: normal;
	/* color: #000000; */
	content: "\f0d7";
}

.pagetopMargin ,.pagetopMarginLogin{
	margin-top: 74px;
}


.font-weight-normal {
	font-weight: normal !important;
}

.form-horizontal .school-label {
	padding-top: 7px;
	margin-bottom: 0;
	padding-left: 0;
	text-align: left;
}

.imgPreview {
	width: 100px;
	height: 100px; /* border: 1px solid black; */
}
.imgPreviewWH {
	width: 130px;
	height: 100px; 
	border: 1px solid black;
}
.imgPreview-lg {
	width: 130px;
	height: 130px; 
	border: 1px solid #c0c0c0;
    margin: 5px 0;
}
.list-tile-3 {
	min-height: 175px;
	background-color: rgba(239, 239, 239, 0.8);
	box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.explore-tile {
	/* height: 180px; */
	background-color: rgba(239, 239, 239, 0.8);
	box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	margin: 10px 47px 20px 47px;
	padding: 10px 15px;
}

.explore-tile-content-ht {
	height: 145px;
}

.explore-tile .enrolbtn {
	text-align: right;
	margin-top: 5px;
}

.dropdown-menu>li>a.active {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

.note {
	color: #a29c9c;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.exportPdf {
	color: #969494;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.permission-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: center;
}

.capitalize {
	text-transform: capitalize;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform:uppercase;
}

.numbertype::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

.numbertype {
	-moz-appearance: textfield;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
	/* WebKit browsers */
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
	color: #808080;
}

textarea::-moz-placeholder, input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
	color: #CCCCCC;
}

.font-link {
	font-size: 18px !important;
}

.verifybtn {
	padding: 2px 5px;
	margin-top: 4px;
}

.verifymsg1 {
	color: green;
	font-weight: bold;
	font-style: italic;
}

.verifymsg2 {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.list-tile-font {
	font-size: 20px;
	font-weight: bold;
	color: #588E9A;
	word-wrap: break-word;
}

.logo-responsive1 {
	max-width: 45%;
}

.profile-pic {
	border: 3px solid #EEEEEE;
	border-radius: 5px;
	width: 150px;
}

.stats-tile-pie {
	height: 310px;
	background-color: #FFFFFF;
	border-radius: 4px;
}

.stats-tile-chart-height {
	height: 310px;
}

.table-tile {
	background-color: #FFFFFF;
}

.profile-info-tile {
	/* background: #d2d2d2 !important; */
	background: #f5f5f5 !important;
	border-radius: 0px !important;
	border: 6px solid #fff !important;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2) !important;
	min-height: 310px;
	padding: 20px;
	margin-bottom: 10px;
}

.classDetailText {
	font-size: 1.125em !important;
}

.table-scroll-style::-webkit-scrollbar-track,.cb-sideBar::-webkit-scrollbar-track ,.customscroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgb(213 213 213 / 30%);
    border-radius: 10px;
    background-color: rgb(238 238 238 / 17%);
}

.table-scroll-style::-webkit-scrollbar ,.cb-sideBar::-webkit-scrollbar,.customscroll::-webkit-scrollbar{
	width: 14.12px;
	height: 8px;
	background-color: rgb(226 226 231 / 0%);
}

.table-scroll-style::-webkit-scrollbar-thumb,.cb-sideBar::-webkit-scrollbar-thumb,.customscroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: rgb(241 242 243 / 0%);
}

.table-scroll-style,.cb-sideBar {
	/* border: 1px solid #ddd; */
}

.tableDetail {
	padding: 20px;
	background-color: #d2d2d2;
	margin-top: 10px;
	border-radius: 5px;
}

.form-staticDetailsText {
	font-size: 14px;
}

.padding-graph {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.practiceTestTable, .gradedTestTable, .PLTestTable {
	/*  width: 100%; */
	/*  overflow-x: auto; */
	
}

.practiceTestTable th, .gradedTestTable th {
	min-width: 300px;
	width: 100%
}

.PLTestTable th, .PLTestTable td {
	min-width: 300px;
}

.practiceTestTable td, .gradedTestTable td {
	min-width: 300px;
	width: 100%
}

.practiceTestTable tbody, .gradedTestTable tbody, .PLTestTable tbody {
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	max-height: 300px;
}

.practiceTestTable thead, .gradedTestTable thead, .PLTestTable thead {
	display: table-row;
}

.practiceTestTabletbody::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #e6e6e6;
}

.practiceTestTabletbody::-webkit-scrollbar {
	width: 14.12px;
	height: 8px;
	background-color: #e6e6e6;
}

.practiceTestTabletbody::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(191, 195, 197);
}

.gradedTestTabletbody::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #c3c3c3;
}

.gradedTestTabletbody::-webkit-scrollbar {
	width: 8.12px;
	height: 8px;
	background-color: rgba(226, 226, 231, 1);
}

.gradedTestTabletbody::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(191, 195, 197);
}

.redCol {
	background-color: #E57373 !important;
	border-bottom: 1px solid #d4d4d4;
}

.greenCol {
	background-color: #81C784 !important;
	border-bottom: 1px solid #d4d4d4;
}

.margin-top-6 {
	margin-top: 6px !important;
}

.font-italic,.italic {
	font-style: italic
}

.udisecodelist {
	font-size: 12px;
	margin: 0 50px 20px 10px;
	font-style: italic;
	color: grey;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 10px;
	max-height: 315px;
	overflow-x: hidden;
	overflow-y: auto;
}

.donutvalue {
	font-size: 3em;
	text-align: center;
}

@media screen and (max-width: 1280px) and (min-width : 1152px) {
	
	.amplelogo-responsive {
		float: left;
		/* max-width: 60%; */
		margin: 4px 0 0 9px;
		padding: 12px 11px 8px 0;
		height: 60px !important;
	}
}
@media screen and (max-width: 820px) and (min-width : 767px) {
.teachertopmargin
{
	margin-top:140px;
}
}

@media screen and (max-width: 1280px) and (min-width : 700px) {
	.donutvalue {
		font-size: 2em;
		text-align: center;
	}
	.explore-tile {
		margin: 10px 30px 20px 30px;
	}
}

.cursor-not-allowed {
	cursor: not-allowed !important;
}

.stats-profile-pic {
	border: 5px solid #EEEEEE;
	border-radius: 5px;
	width: 150px;
}

.stats-tile-pie {
	height: 310px;
	background-color: #FFFFFF;
	/* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); */
	border-radius: 4px;
}

.stats-tile-chart-height {
	height: 310px;
}
/* 
.table-tile{
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
background-color: #FFFFFF;
} */
.stats-profile-info-tile {
	background: #d2d2d2 !important;
	color: #000;
	border-radius: 0px !important;
	border: 6px solid #fff !important;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2) !important;
	/* box-shadow: 4px 4px 2px 2px rgba(50, 50, 50, 0.75); */
	height: 310px;
}

.text-header {
	color: #0E0E0E;
}

.text-blue-header {
	color: #0E0E0E;
}

.points_table thead {
	width: 100%;
}

.points_table {
	width: 90%;
	margin: 30px 30px;
}

#admindashboard .points_table {
	width: 100%;
	margin: 0 0 10px;
}

.points_table tbody {
	max-height: 146px;
	overflow-y: auto;
	width: 100%;
}

.points_table thead tr {
	width: 100%;
}

.points_table tr {
	width: 100%;
}

.points_table thead, .points_table tbody, .points_table tr,
	.points_table td, .points_table th {
	display: inline-block;
}

.points_table thead {
	background: #d2d2d2 !important;
	color: #000;
}

.points_table tbody td, .points_table thead>tr>th {
	float: left;
	border-bottom-width: 0;
}

.points_table>tbody>tr>td, .points_table>tbody>tr>th, .points_table>tfoot>tr>td,
	.points_table>tfoot>tr>th, .points_table>thead>tr>td, .points_table>thead>tr>th
	{
	padding: 8px;
	min-height: 50px;
	text-align: center;
	/* line-height: 32px; */
	padding-top: 15px;
}

.responseTable th {
	background: #d2d2d2 !important;
	color: #000;
}

.responseTable>tbody>tr>th,.responseTable>tbody>tr>td  {
	border: 1px solid #ccc !important;
}

.odd {
	background: #ffffff;
	color: #000;
}

.even {
	background: #efefef;
	color: #000;
}

.points_table_scrollbar {
	max-height: 612px;
	overflow-y: scroll;
}

.points_table_scrollbar::-webkit-scrollbar-track {
	border: 1px solid #e6e6e6;
}

.points_table_scrollbar::-webkit-scrollbar {
	width: 1%;
	min-width: 5px;
	background-color: #e6e6e6;
}

.points_table_scrollbar::-webkit-scrollbar-thumb {
	background-color: #c3c3c3;
	border: 1px solid #e6e6e6;
}

.assess_points_table thead {
	width: 100%;
}

.assess_points_table {
	width: 100%;
	margin: 0 0 10px;
}

.assess_points_table tbody {
	/* max-height: 450px; */
	overflow-y: auto;
	width: 100%;
}

.assess_points_table thead tr {
	width: 100%;
}

.assess_points_table tr {
	width: 100%;
}

.assess_points_table thead, .assess_points_table tbody,
	.assess_points_table tr, .assess_points_table td, .assess_points_table th
	{
	display: inline-block;
}

.assess_points_table thead {
	background: #d2d2d2 !important;
	color: #000;
}

.assess_points_table tbody td, .assess_points_table thead>tr>th {
	float: left;
	border-bottom-width: 0;
}

.assess_points_table>tbody>tr>td, .assess_points_table>tbody>tr>th,
	.assess_points_table>tfoot>tr>td, .assess_points_table>tfoot>tr>th,
	.assess_points_table>thead>tr>td, .assess_points_table>thead>tr>th {
	padding: 8px;
	height: 50px;
	text-align: center;
	line-height: 32px;
}

.assess_points_table_scrollbar {
	max-height: 612px;
	overflow-y: scroll;
}

.assess_points_table_scrollbar::-webkit-scrollbar-track {
	border: 1px solid #e6e6e6;
}

.assess_points_table_scrollbar::-webkit-scrollbar {
	width: 1%;
	min-width: 5px;
	background-color: #e6e6e6;
}

.assess_points_table_scrollbar::-webkit-scrollbar-thumb {
	background-color: #c3c3c3;
	border: 1px solid #e6e6e6;
}

.reportTableone {
	/*  width: 100%; */
	/* overflow-x: auto; */
	
}

.reportTableone th {
	min-width: 300px;
	width: 100%
}

.reportTableone td {
	min-width: 300px;
	width: 100%
}

.reportTableone tbody {
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	max-height: 300px;
}

.reportTableone thead {
	display: table-row;
}

.reportTableone table, .teacherdashboard table {
	margin-bottom: 0px !important;
}

.course-heading {
	background-color: #EDEFF0;
	border: 1px solid #FFFFFF;
	padding-bottom: 85px;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.panel-body-custom {
	margin-right: 22px;
	margin-top: 13px;
}

.teacherdashboard table .table-th-align {
	text-align: center;
	vertical-align: middle !important;
}

.teachermyclasses .fa-caret-down:before {
	color: #588E9B !important;
}

#editmarkscontainer .grid {
	min-height: 575px;
	width: 100%
}

#editmarkscontainer .grid  .ui-grid-header-cell {
	background: #eaeaea;
	font-size: 15px;
}

#editmarkscontainer .ui-grid-viewport .ui-grid-cell-contents {
	word-wrap: normal !important;
	white-space: nowrap !important;
}

#editmarkscontainer .ui-grid-category {
	text-align: center;
	border-right: 0px;
	box-shadow: -1px 1px #d4d4d4
}

#editmarkscontainer .ui-grid-cell-focus {
	background-color: inherit;
}
.cloudcentreClass {
	background-color: #d5ffff !important;
    padding: 6px 2px;
    font-weight: 600;
}
.confidencelevel1 {
	background-color: #f7cd7c !important;
    color: red!important;
}

.confidencelevel2 {
	background-color: #d5ffff!important;
	color: red;
}

.btn-width-100 {
	width: 100px !important;
}
.btn-minwidth-135 {
	min-width: 135px !important;
}

.table-th-background {
	background: #d2d2d2
}

.pldetails {
	background-color: #eae7e76e;
	border-radius: 5px;
	width: 50%;
	margin: 10px auto;
	display: table;
	border: 1px solid #dad3d3;
	padding: 10px 20px;
}

#studentdashboard .grid {
	min-height: 158px;
	max-height: 300px;
}

.ui-grid-cell-contents {
	
	white-space: normal !important;	
}

/*  #LODependancyModal .modal-dialog {
  width: 100%;
  height: 80%;
  margin: 6% 0 0 0;
  padding: 0;
}

#LODependancyModal .modal-content {
  height: auto;
  min-height: 80%;
  border-radius: 0;
} 
#LODependancyModal .chart {
    height: 450px!important;
    margin: 5px !important; 
    width: auto!important; 
} */
.body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}

.ui-grid-filter-container {
	margin-top: -7px;
}

.explorefilter {
	border: 2px solid rgb(200, 218, 222);
	margin-bottom: 5px;
}

.coursecaption {
	margin-bottom: 10px;
	font-size: 14px;
	color: #2A2D33;
	height: 48px;
}

.dependencyicon {
    width: 13px;
    top: -2px;
    position: relative;
    margin-right: 4px;
}

.grid .catnme {
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	padding: 7px;
}

#reportscontainer .grid {
	min-height: 480px;
	width: 100%
}

select {
	padding: 0 30px 0 10px !important;
	-webkit-padding-end: 30px !important;
	-webkit-padding-start: 10px !important;
}

#loading-img {
	background: url("../resources/product/images/ajax-loader1.gif") center center
		no-repeat;
	height: 100%;
	z-index: 20;
}

.centre-overlay {
	background: rgba(233, 233, 233, 0.2);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pmschooltype {
	margin: 0 5px 0 3px;
	top: -2px;
	position: relative;
}

.pmsummary {
	padding:10px;
    box-shadow: 0 0 6px #ddd;
    border: 1px solid #ddd;
    border-radius: 4px;
    /* margin-right: 20px; */
    min-height: 142px;
    text-align: center;
}
.pmsummaryNha {
	padding:10px;
    box-shadow: 0 0 6px #ddd;
    border: 1px solid #ddd;
    border-radius: 4px;    
    min-height: 315px;
    text-align: center;
}
.pmsummary2 {
	padding:10px;
    box-shadow: 0 0 6px #ddd;
    border: 1px solid #ddd;
    border-radius: 4px;      
    text-align: center;
}

.pmsummary img {
	margin-bottom: 5px;
}

.pmdonut {
	margin-right: 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 0 6px #ddd;
}

.PMdetailsSection {
	background: #fff;
	/* padding:1px 40px 15px; */
}

.ui-grid-cell-contents .progress {
	/* height: 27px; */
	margin: 0 10px 2px 10px;
	white-space: nowrap;
}

.gridlabel {
	width: 58px;
	display: inline-block;
	padding: 0.7em .6em .6em;
}

.PMdetailsSection #map {
	width: 100%;
	height: 501px;
	border: 1px solid #bdbdbd
}

.PMdetailsSection .grid {
	min-height: 498px;
	width: 100%
}

input[type="text"].ui-grid-filter-input {
	padding: 0 5px 0!important;
	font-weight: normal;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]
	{
	margin-top: -20px!important;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
	margin-top: -20px!important;

	}
.ui-grid-cell-contents .dropdown-menu{
    position: absolute;
    /* top: 14px; */
    right: 3px;
    left: auto;
    /* font-size: 13px; */
}
 .ui-grid-pager-control button {
	padding: 6px 7px !important;
	background-color: transparent !important;
	border: none !important;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
	vertical-align: middle !important;
	font-size: 13px;
}

.ui-grid-pager-row-count-picker select {
	padding: 5px 4px !important;
	width: 55px;
	font-size: 13px;
}

.ui-grid-pager-control input {
	width: 40px !important;
	padding: 5px 7px !important;
	border: none !important;
}

.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
	font-size: 13px;
	color: #1f4d58;
}

.ui-grid-pager-count-container .ui-grid-pager-count {
	font-size: 13px;
	color: #1f4d58;
} 

.ui-grid-viewport .ui-grid-cell-contents {
	word-wrap: break-word;
	white-space: normal !important;	
}

.ui-grid-row, .ui-grid-cell {
	height: auto !important;
}

.ui-grid-row div[role=row] {
	display: flex;
	align-content: stretch;
}

.icon-bar {
	position: fixed;
	background-color: #1f4a50eb;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 150px;
	width: 28px;
	color: #d2d0d0;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	cursor: pointer;
	font-size: 19px;
}

.pm-img-responsive {
	display: inline-block;
	max-width: 85px;
	height: auto;
}
.pm-img-responsive-nha {	
	max-width: 50px;
}
.prin-img-responsive {	
	margin-top: 10px;
}

.prin-img-responsive-lg {
	max-width: 78px;
	margin-top: 5px;
}

.prin-img-responsive-single {
	display: inline-block;
	max-width: 180px;
	height: auto;
	margin: 30px 0;
	margin-left: 75px;
}

.teacherdashboard .grid {
	min-height: 300px;
	width: 100%;
}

.dashboardTileA {
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #bbb;
	min-height:285px; 
	box-shadow: 6px 6px 2px #ccc;
}

.dashboardTileB {
	padding: 15px 15px;
	border-radius: 5px;
	border: 1px solid #d2cece;
	box-shadow: 6px 6px 2px #ccc;
}

.studentdashboardTile {
	    border-radius: 0px;
    border: 1px solid #bbb;
    /* box-shadow: 6px 6px 2px #ccc; */
    /* padding: 10px; */ 
}

.progress-bar {
/* 	padding-left: 5px; */
	color: black;
	font-weight: bolder;
}

.PMdetailsSection label {
	margin-top: 5px;
	font-weight: normal;
}

.inline-block {
	display: inline-block
}

.dashboardSeclabel {
	padding: 0 5px;
	background: white;
	font-weight: bold;
	top: -13px;
	position: absolute;
}

.word-break-text {
	word-break: break-word !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-5 {
	border-radius: 5px !important;
}

.normal {
	font-weight: normal !important;
}

.hideprofile {
	cursor: pointer;
	margin-top: -20px;
}

.showprofile {
	cursor: pointer;
	margin-top: 10px;
	margin-right: 100px;
}

.centredetailsSection .tab-content {
	padding: 10px;
	border: 1px solid #dddddd;
	border-top: 0;
	box-shadow: 6px 6px 2px #ccc;
	border-radius: 5px;
}

.centredetailsSection select {
	height: 25px;
	font-size: 13px;
}

.centredetailsSection .stats {
	color: #1559a5;
	font-size: 2.4em;
	text-align: center;
	font-weight: normal
}

.centredetailsSection .statsfont {
	font-size: 0.6em;
}

.centredetailsSection .gradedstats {
	color: #1559a5;
	font-size: 3em;
	font-weight: bold;
	font-family: open sans;
	display: block;
	margin-top: 50px;
}

.heatlegend {
	display: inline-block;
    padding: 6px;
    width: 10px;
    margin: 0 9px 0 7px;
    border-radius: 50%;
}

.heatlegend-text {
	position: relative;
	top: -2px;
}

.heatContainer {
	max-width: 712px;
	margin: 0px auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 6px 6px 2px #ccc;
}

.black {
	color: #000000 !important;
}

.filtersection label {
	font-weight: normal
}

.text-link-color {
	color: #E3A328 !important;
}

.forwardItem {
	width: 35px;
	height: 20px;
	margin-right: 8px;
}

.centredetailsSection  hr {
	margin-top: 10px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #eee;
}

.usagesummary .heading {
	font-weight: bold;
	color: grey;
	margin: 10px 0;
	font-size: 15px;
}

.h1Font {
	font-size: 1.602em;
	font-weight: normal;
}

.h1Font-bold {
	font-size: 1.602em;
	font-weight: bold;
}

.h2Font {
	font-size: 1.424em;
	font-weight: normal;
}

.h2Font-bold {
	font-size: 1.424em;
	font-weight: bold;
}

.h3Font-bold {
	font-size: 1.266em;
	font-weight: bold;
}

.select-control {
	display: inline;
	width: auto;
}

/* .certifiedcheckbox {
	height: 15px;
	width: 15px;
	margin-left:4px !important;
} */

.inline {
	display: inline;
}

.grey {
	color: grey;
}

.donutImg {
	width: 45px;
	height: 45px;
}

.donutImg-lg {
	width: 65px;
	height: 65px;
}

.donutImg-sm {
	width: 26px;
	height: 26px;
}

.sunImg {
	width: 80px;
	height: 80px;
}

.teacherstats .ui-grid-cell-contents {	
	font-size: 15px;
	cursor:pointer;
}
.teacherstats .ui-grid-row:hover .ui-grid-cell{
    background-color: #c9dde1!important;
} 
.teacherstats  .link {
	width: 35px;
	height: 35px;
	cursor: pointer;
	margin-top: 5px;
}

.gallery-image {
	position: relative;
	display: inline-block;
}

.gallery-text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 45px;
	height: 45px;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	vertical-align: middle;
}

.gallery-text h2 {
	display: inline-table;
	vertical-align: middle;
	line-height: 100%;
	margin-top: 12px;
	font-size: 18px !important;
}

.gallery-text-lg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 65px;
	height: 65px;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	vertical-align: middle;
}

.gallery-text-lg h2 {
	display: inline-table;
	vertical-align: middle;
	line-height: 100%;
	margin-top: 23px;
}

.sunImg-text {
	position: absolute;
	top: 10px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 80px;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	vertical-align: middle;
}

.border-bottom {
    margin: 7px 0;
    border-bottom: 1px solid #e5e5e5;
}

.preview .summary {
	border: 1px solid #c1c0c0;
	padding: 7px 10px;
	background: #eaeaeab8;
	border-radius: 5px;
	font-size: 14px;
	margin-top: 5px;
}

.preview .summary div {
	margin-bottom: 2px
}



.translate-cloak {
	visibility: hidden;
}

.break-word {
	word-wrap: break-word;
}
/* HOMER css*/
.progress { 
    border-radius: 2px;
    margin-bottom: 2px;
}
.full .progress-bar {
    color: #fff;
}
.full .progress-bar-success {
    background-color: #62cb31;
    border-right: 2px solid #58b62c;
}
.progress-small{
    height: 10px;
}
.progress-medium{
    height: 15px;
}
.progress-large{
    height: 20px;
}
.btn-xs {
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.5;
    padding: 1px 7px;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
/* HOMER css*/

.profile-img-default {
    width: 31px;
    height: 28px;
    object-fit: contain;
    border-radius: 35px;
    border: 1px solid #000;
    margin-top: 3px;
}
#description .editable-wrap ,#description .editable-wrap input{
    width: 100%;
}
.modal-header {    
    border-bottom: 0; 
}
sup.duedate{
	font-size:100%
}
.assessmentlist .ui-grid-cell-contents {
    padding-left: 10px !important; 
    white-space: normal !important;  
}
.center-div{	
	padding-left:8%!important;
	padding-right: 8%!important;
	padding-top: 1%!important;
}
.remedial-exam{
	margin-left:4%!important;
	margin-right:4%;
}
.resultbox{
	padding:6px 10px;
	border:1px solid grey;
	text-align: center;
	margin:10px 0 10px
}
.label-lg{
	padding: .4em .6em .4em;
    font-size: 85%;
}
.notifications {
    min-width: 420px;
}
.menu-title-2 {
    color: #525250;
    font-size: 1.5rem;
    font-weight: bold;
}
.item-empty {
    color: #bbbbbb;
    margin: 10px;
}
.notifications-number {
    position: absolute;
    background-color: #e38f28;
    border-radius: 50%;
    color: #fcf8e3;
    width: 20px;
    height: 19px;
    font-size: 12px;
    text-align: center;
    margin-left: 22px;
    margin-top: -11px;
    z-index: 1;
}
.assessnotification{
    font-weight: bold;
    position: absolute;
    background-color: #d60303;
    border-radius: 50%;
    color: #fcf8e3;
    width: 18px;
    height: 19px;
    text-align: center;
  	top: -12px;
    left: 28px;
    z-index: 1;
    font-size: 13px;
}
.notification-heading, .notification-footer {
    padding: 2px 10px;
    font-size: 1.3rem;
}
.notifications-wrapper {
    overflow: auto;
    max-height: 250px;
}
.menu-title {
    color: #E3A328;
    font-size: 1.4rem;
    font-weight: bold;
}
.notification-item {
    padding: 10px;
    margin: 5px 15px;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #dddddd99;
    border-left: 3px solid #53b7ae;
}
.item-title {
    font-size: 1.3rem;
    color: #000;
}
.displaynone-lg{
	display:none;
}
.file-third-party {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity = 0);
    opacity: 0;
    outline: none;
    background: white;
    display: block;
    line-height: 32px;
    cursor: pointer;
    /* margin-top: 260px; */
}
.file-upload {
    position: absolute;
    top: 0;
    right: 0;    
    filter: alpha(opacity = 0);
    opacity: 0;
    outline: none;
    background: white;
    display: block; 
    cursor: pointer;   
}
.multiSelect > button {
    width: 100%;
    min-height: 30px !important;
    text-align: left ;
}
.multiSelect .checkBoxContainer {
    max-height: 120px !important;
    overflow-y: auto !important;
    font-size: 14px;
}
 .centreSection.multiSelect .checkboxLayer {
	 max-height: 170px;
	 overflow: auto;
 }
 .multiSelect .multiSelectItem {   
    min-height: 30px;
}	

.multiSelect .checkboxLayer {
	max-height: 300px; 
    overflow: auto; 
}
.PMdetailsSection .multiSelect .checkboxLayer {
    max-height: 440px;    
}
.margin-top-50-xs0{
	margin-top:50px
}
.lms-iframe {
    border: 0px !important;
    background: #F4F4F4;
    min-height: 700px;
    overflow: hidden;
}
.CIimage{
    margin: 0 10px 10px;
}
.margin-top-sm-50{
	margin-top:50px
}
.logoNew-ks{
	margin: 20px 0;    
}
@media only screen and (max-width: 767px) { /* For mobile phones: */
	.tile-img {
    height: 190px;
	}
	.vaBannercontainer img {	    
	    height: 145px;
	}
	.margin-top-minus10{
		margin-top: 0;
	}
	.margin-top-minus20{
		margin-top: 0;
	}
	.CIimage{
	    margin: 0 0 10px;
	}
	.padding-right-md-0{
		padding-right: 15px;
	}
	.margin-top-sm-50{
		margin-top:0
	}
	.padding-bottom-xs-50{
		padding-bottom:50px
	}
	.padding-bottom-xs-40{
		padding-bottom:40px
	}
	.stats-profile-info-tile {
		height: auto !important;
	}
	.navbar-default.affix .nav>li>a {
		text-align: left;
	}
	.logo-responsive {
		max-width: 38%;
	}
	.logoNew-responsive {
		max-width: 35%;
	}
	.header-profile-link {
		padding-top: 13px;
		padding-right: 0;
		padding-left: 15px;
	}
	.logoNew-responsive1 {
		height: 57px;
	}
	
	.pagetopMargin {
		margin-top: 84px !important;
		padding-bottom: 50px;
	}
	.pagetopMarginLogin{
		margin-top: 61px !important;
	}
	.explore-tile {
		margin: 0px 0px 20px 0px !important;
	}
	.explore-tile .enrolbtn button {
		width: 60%;
	}
	.explore-tile .enrolbtn {
		text-align: center;
	}
	.coursecaption {
		height: auto;
	}
	.prin-img-responsive-single {
		margin-left: 0;
		max-width: 150px;
	}
	.center-div{
		padding-top: 15px!important;
	    padding-left: 15px!important;
	    padding-right: 15px!important;
	}
	.resultbox{
		margin:20px 0 20px
	}
	.margin-xs-top10{
		margin-top:10px;
	}
	.margin-xs-bottom10{
		margin-bottom:10px;
	}
	.margin-xs-top20{
		margin-top:20px;
	}
	.margin-xs-top5{
		margin-top:5px!important;
	}
	.hideprofile {	    
	    margin-top: -7px;
	}
	.text-left-xs{
		text-align:left!important
	}
	.padding-snip{
		padding-right: 15px!important;padding-left: 15px!important;
	}
	.displaynone-xs{
		display:none
	}
	.displaynone-lg{
		display:block;
	}
	.h2Font {
		font-size: 1.3em;		
	}
	.form-control-static {	  
	    padding-top: 0px;	    
	}
	.centredetailsSection .stats {	    
	    font-size: 2.6em;
	}
	.padding-xs-0{
		padding:0
	}
	.margin-top-50-xs0{
		margin-top:0
	}
	sup.duedate {
	    top: 0;
	}
	.font-22 {
		font-size: 17px !important;
	}
	.body-sm-margin{
		margin-bottom:45px!important;
	}
	.border-left-sm {
		border-left: none !important;	
	}
	.pmsummaryNha,.pmsummary  {
		min-height: unset;
	}
	.logoNew-ks{
		margin: 20px 5px 20px 10px;  
		max-width:30%  
	}
}

@media only screen and (max-width: 400px) { /* For mobile phones: */
	.centredetailsSection {
	    padding: 15px 0px 20px!important;
	}
	.centredetailsSection .tab-content {
	    padding: 10px 20px 30px;	    
	}
}

.no-overflow{
	overflow:hidden;
}
.errorText {
    color: red;
    font-style: italic; 
    font-weight:normal!important;
}
.qnImageupload{
	position: absolute;
    top: 0px;
    right: -64px;
    width: 50%;
    height: 100%;
    filter: alpha(opacity = 0);
    opacity: 0;
    outline: none;
    background: white;
    display: block;
    line-height: 32px;
    cursor: pointer;   
}
.label_nw{
    border: 1px solid #ccc;    
    padding: 4px 15px;
    border-radius: 3px;
    background: #f5f1f1e3;
}
.text-red {
	color: #d3180f;
}
.text-orange {
	color: #f78956;
}
.text-yellow {
	color: #f7c61a;
}
.text-green {
	color: #108c18;
}
.mobile-nav-bar{
	background-color: #fff;
	border-color: rgba(34, 34, 34, .05);
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav li a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
   	display: block;
    transition: 0.3s;
}

/* .sidenav li a:hover {
    color: #f1f1f1;
} */

.sidenav .closebtn {
    position: absolute;
    top: 0;
    /* right: 25px; */
    font-size: 36px;
    margin-left: 15px;
    color: #111 !important ;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media ( max-width : 767px) {
	.align_center{
	text-align: left !important;}
	
	.margin-left-5-sm{
	margin-left : 10px !important; }
	
	.padding-notification-xs{
	padding :20px !important; }
	.mysangham-blocks {
		margin-left: 0 !important;
		height: 100% !important;
	}
	.footercopyrighttext{
		font-size: 11px;
	}
	.footer-links {
   		 margin-top: 0;
	}
	.footer-links1  {
		font-size: 11px;
	}
	.footer-links2 {
		padding-left: 5px;
		font-size: 11px;
	}
	.margin-bottom-50-xs{
		margin-bottom : 50px !important;
	}
}
.inline-block{
	display:inline-block;
}
.glyphicon-margin{
    margin-top: 3px;
    margin-left: 5px;
}
.offlinefont p{
	font-size:1.1em;
}
.reportTable tr.heading1{
	font-size:14px!important;
}
.reportTable td,.reportTable table th{
	padding:15px!important;
}
.individualReportWindowModal .modal-dialog {
	width: 98%;	
}
.assessmentaction .glyphicon, .assessmentaction i.fa{
	margin-right:5px
}
.hint{
    color: #aba9a9;
    font-size: 19px!important;
    cursor: pointer;
    margin-left:10px;
    margin-top: 8px;
} 
html::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
    background-color: white;
}

html::-webkit-scrollbar{
	width: 14.12px;
	background-color: rgba(226, 226, 231, 1);
}

html::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(112, 115, 117, 1);
}
.note-editor.note-frame {
    border: 1px solid #eaeaea!important;
}
.summernote  + .panel{
	margin-bottom: 0;
}
.lms-container .hpanel{
	margin-bottom:0
}
.hidecss{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    left: 3px;
}
.showcss{
    display: table-cell;
    vertical-align: middle;
    position: relative;    
}
.containerResponse {    
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
  	grid-column-gap: 3px;
  	grid-row-gap: 3px;

  }
/*ui-grid*/
abbr {
	text-decoration: none !important;
}

abbr:hover {
	cursor: default !important;
}

abbr[data-original-title], abbr[title] {
	text-decoration: none !important;
	cursor: default !important;
	border-bottom: none !important;
}
  .mathclass{
 	border: 1px solid #e8e8e8;
    padding: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow-y: scroll;
    max-height: 250px;
  }
  .matheqn{
  	border: 1px solid #c5c5c5;
    padding: 3px;
    color: #0b4794;
    margin: 2px;
    cursor: pointer;
    box-shadow: inset 0px 0px 3px 0px #c5c5c5;
    text-align: center;
  }
   .matheqn:hover{
  	background: rgba(27,31,35,.05);
  }
  .myassessments{
 	    background: ivory;
	    text-align: center;
	    padding: 11px 0;
	    font-weight: bold;
	    font-size: 16px;
	    cursor: pointer;
	    margin:0
  }
  .myassessments:hover{
 	    background: #f9f9de;
  } 	    
  
  .note-toolbar {
    z-index: unset!important;
}
.surveytable td ,.surveytable th{
    padding: 4px 5px;
    text-align: center;
    font-size: 13px;
	}
	.surveytable td p{
   		margin-bottom:0
	}
	.correctanswer{
	    border:1px solid rgb(195, 232, 198);
	    padding: 5px;
	    border-radius: 4px;
	    background: #cef1b847;
	}
#menuitem-0{
    display: none;
}
	
#dashbOptions .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {  
    left: -180px!important;
}
#dashbOptions .open>.dropdown-menu {    
    left: -40px;    
}
.contentPrevwdiv {
    margin: 10px;
    padding: 20px;   
    background: white;
    box-shadow: 0px 1px 6px 0px grey;
}
#enterMarksgrid .ui-grid-viewport .ui-grid-cell-contents {   
    height: 38px;
}
.highlighterror1{
	position: relative;
    top: -2px;
    margin-right: 15px;
    text-decoration: underline;
    font-weight:600
}
.highlighterror2{
	border:1px solid #c3bcbc;
    padding: 1px 12px;
    font-size: 13px;
    background: #d5ffff;
    color: red;   
}
.disabled{
	cursor: not-allowed !important;
	opacity :0.5;
}
.font-weight-700 {
	font-weight: 700 !important;
}
.dashboard-index-img {
	height: 150px;
	width: 100%;
	object-fit: contain;
}
.normalfont{
	font-weight:normal;
}
.lms-preview-iframe {
	border: 0px !important;
	background: #F4F4F4;
	height: 678px;	
	overflow: hidden;
}

.LMSPreviewmodal {
	width: 100% ! important;
	margin-top: 0px ! important;
	margin-bottom: 0px ! important;
}

.assessmentmodal {
	width:85% ! important;
	margin-top: 0px ! important;
	margin-bottom: 0px ! important;
}
table.InstructorPanel>thead>tr>th{
	font-weight : bold;
}
@media (max-width:1024px){
	.hidden-md-down{display:none!important}
}
@media (min-width:1025px){
	.hidden-lg-up{display:none!important}
}
.kaushal-bn-hgt{
	height:108px;
}
.common-bn-hgt{
	 height: 404px;
}
@media (min-width:1280px){ /*  hp monitor */
	.kaushal-bn-hgt{
		height:115px;
	}	
	
}
.fullscreenIcon{
    height: 20px;
    border: 1px solid #a9a6a6;
    padding: 2px;
    border-radius: 2px;
    margin-top: -3px;
}
.fullscreenIcon:hover{
	height:21px;
}
@media ( max-width : 448px) {
	.footer-links {
   		 margin-top: 0;
	}
	
	 .footer-links1  {
		font-size: 11px;
	}
	.footer-links2 {
		padding-left: 5px;
		font-size: 11px;
	} 	
	
}
.previewMsg{
	text-align:center;
	margin:30px 20px;
	font-size: 1.3em;
}
#course-info-container .btn
{
	font-variant: all-petite-caps;
	font-size:17px;
}
.cmsCourseTileht{
	height : 298px !important;
}
.tag {
	position: absolute;
    background-color: #3498db;
    color: #fff;
    padding: 2px 10px;
    right: 3px;
    top: 115px;
    z-index : 1;
}

.tagafter { 
 	width: 0;
    height: 0;
    border-left: 6px solid #ccc;
    border-right: 6px solid transparent;
    border-bottom: 4px solid #ccc;
    border-top: 4px solid transparent;
    position: absolute;
    right: 3px;
    top: 107px;
}
.ht-50px{
	height: 50px !important;
}
.ht-60px{
	height: 60px !important;
}
.ht-35px{
	height: 35px !important;
}
.ht-22px{
	height: 22px !important;
}
.ht-17px{
	height: 17px !important;
}
.ht-20px{
	height: 20px !important;
}
.ht-18px{
	height: 18px !important;
}
.ht-24px{
	height: 24px !important;
}
.ht-30px{
	height: 30px !important;
}
.ht-250px{
	min-height: 250px !important;
}
.ht-200px{
	min-height: 200px !important;
}
.ht-100px{
	min-height: 100px !important;
}
.font-90Per {
	font-size: 90% !important;
}
.font-94Per {
	font-size: 94% !important;
}
.border-top{
	border-top: 1px solid #ddddddc7;
}

.border-left {
	border-left: 1px solid #ddddddc7;
}
.border-left-sm {
	border-left: 1px solid #ddddddc7;
}
.tile-img {
	height: 150px;
	width: 100%;
	object-fit: fill;
	/* background: #F1F1FA;
	display: block; */
}
.box-shadow-none{
	box-shadow: none !important;
}
.dashboard-dropdown-menu-teacher {
    left: -111px !important;
}
.dashboard-dropdown-menu-learning {
    left: -119px !important;
}
.courseTileShadow{
	box-shadow: 6px 6px 2px #deddddad !important;
	border: 1px solid #bbb !important;
}   
.marksError{
	position: absolute;
    top: 140px;
    left: 61px;
    color: #ca3232;
    z-index: 1060;
    padding: 6px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
}
.tileSubMenu{
	font-size: 13px;
    text-align: left;
}
.tileSubMenu a{
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
	color: #333 !important;
}

.tileSubMenu :hover{
	color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.margin-5px-0px{
	margin: 5px 0px 5px 0px;
}

.mycartNumber{
	background-color: #e38f28;
    border-radius: 50%;
    color: #fcf8e3;
    padding: 0px 5px;
}
.clickable,.gridClickable{
	    cursor: pointer;
}
.clickable:hover{	
	text-shadow: 0 0 1px;
}
.gridClickable:hover{
	background:#d6d5d5;
}
.uLogin :hover .contents{
	background:#d6d5d5;
}
.rangeTable {
	/* border: 1px solid #333;
	border-radius: 18px; */
	padding: 10px;
}

.square1 {
	border: 1px solid rgb(128, 0, 128);
	padding: 0px 8px;
	background-color: rgb(128, 0, 128);
}

.square2 {
	border: 1px solid rgba(216, 17, 17, 0.83);
	padding: 0px 8px;
	background-color: rgba(216, 17, 17, 0.83);
}

.square3 {
	border: 1px solid rgb(0, 128, 0);
	padding: 0px 8px;
	background-color: rgb( 0, 128, 0);
}

.chart-title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica,
		sans-serif;
	margin-top: 10px;
}
.border-warning{
	border:1px solid #ffb606;
}
.border-danger{
	border:1px solid #d53323 ! important;
}
.competencymodal .modal-dialog{
    width: 95% ! important;
}
.addQuestionWindowModal .modal-dialog{
    width: 90% ! important;
}
.lms-col-sm-8{
	    width: 72%!important;
}
.lms-col-sm-11{
	    width: 96.5%!important;
}
.lms-col-sm-12{
	    width: 100%!important;
}

#qnAssessGrid .ui-grid-row, #qnAssessGrid .ui-grid-cell {
    height: 40px!important
}
#addQntoAsess .ui-grid-row, #addQntoAsess .ui-grid-cell {
    height: 31px!important
}
#qnAssessGrid .ui-grid-viewport .ui-grid-cell-contents {
    white-space: nowrap !important;
    word-wrap: unset !important;
}
#importSurveyGrid .ui-grid-row, #importSurveyGrid .ui-grid-cell {
    height: 35px!important
}
.text-grey {
	color: #b9b8b8;
}
.position-absolute{
	position: absolute;
}
.hr-line-dashed-sm{
    border-top: 1px dotted #e3e5e6;
    height: 1px;
    margin: 10px 0;
}
.hr-line-dashed {   
    border-top: 1px dotted #f1f3f6;
    color: transparent;
    height: 1px;
    margin: 20px 0;
}
.hr-black{
    border-top: 1px solid #d7d7d7;
}
.local-student-login{
	background-color: #ECF0F1 !important;
	padding : 20px;
}
@keyframes zoominoutsinglefeatured {
    0% {
    	margin-left:10px;    	
        transform: scale(1,1);
    }
    50% {
    	margin-left:10px;
        transform: scale(1.1,1.1);
    }
    100% {
    	margin-left:10px;
        transform: scale(1,1);
    }
}

img.cardcontainer {
	animation: zoominoutsinglefeatured 1s infinite ;
}

.text-blue {
	color: #1559a5 !important;
	font-weight: bold !important;
}

.text-underline{
	text-decoration: underline !important;
}

.text-nounderline{
	text-decoration: none !important;
}
.centerMapDiv {
    background: #fff;
    padding:10px 20px 5px
}

.centerMapDiv #map {
	width: 100%;
	height: 437px;
	border: 1px solid #bdbdbd
}
.center-DashProfilepic{
	width: 170px !important;
    margin: 10px 0 10px !important;
}
.center-Dash-ResyncBtn {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
}
.centreDashImage{
	height:190px !important;
}
.purple-abv-bg{
	background:rgb(128,0,128)
} 
.green-at-bg{
	background:rgb(128,0,128)
}
.red-below-bg{
	background:rgb(128,0,128)
}
.text-purple{
	color:rgb(128,0,128);
}
.centredetails {
	background: #f5f5f5;	
	padding: 0 0 5px 15px !important;
	box-shadow: 0 0 5px 4px #dcd8d8;
	border: 6px solid white;
}
.centredetailsDiv {
	/* background: #f5f5f5;	 */
	padding: 0 0 5px 15px !important;
	box-shadow: 0 0 5px 2px #dcd8d8;
	border: 6px solid white;
}
.popupmsg1{
    margin: 10px 30px 20px;
    text-align: center;
    line-height: 26px;
    padding: 20px;
    background: #f5f5f5;
    box-shadow: 0 0 5px 4px #dcd8d8;
    border: 6px solid white;    
}
#compSummary hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
}
/* #sn-checkbox-open-in-new-window{
	opacity: 1 !important;
	z-index: 0 !important;
} */
.tilepopOver{
	
}			
.node-popover {
    visibility: hidden;
    width: auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;   
    left: -15px;
    z-index: 1010;
    min-width: 100px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);    
    opacity: 1;
    max-width: 300px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
   }		
.node-popover-text{
	visibility: hidden;
    width: auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    top:120px;   
    left: 2px;
    z-index: 1010;
    min-width: 100px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);    
    opacity: 1;
    max-width: 300px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    font-size:14px;
}
 .tiledescclass:hover .description-popover , .tileCourseName:hover .coursename-popover , .tiletagName:hover .courseTag-popover {
  visibility: visible;
}
tip-arrow-white{
    border-top: 7px solid rgba(97, 86, 86, 0.85);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px;    
    
}
.summernote h1, .summernote h2, .summernote h3,.summernote h4,.summernote h5,.summernote ul,.summernote li {
  list-style: unset!important;
}
.compentecysubLevel {
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important;
	border: 1px solid #faebcc !important;
}

.compentecyLevel {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
	border: 1px solid #d6e9c6 !important;
}
.centerMapDiv1 #map {
    width: 100%;
    height: 220px;
    border: 1px solid #bdbdbd;
}
.panel-body-border{
	background: #fff !important;
    
    border-radius: 2px !important;
    position: relative !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid #eaeaea !important;
    border-left: 1px solid #eaeaea !important;
    border-bottom: 1px solid #eaeaea !important;
    
}
.text-white{
	color:#fff !important;
}
.dashboardTileB  .ui-grid-viewport .ui-grid-cell-contents{
	    cursor: pointer;
}
.evidya-bn-hgt{
	height:300px;
}
@media (min-width:1367px)   { 
	.kaushal-bn-hgt{
		height:162px;
	}
	.common-bn-hgt{
	 height: 500px;
	}
	.evidya-bn-hgt{
		height:360px;
	}
}
@media (min-width:1920px)   { 	
	.evidya-bn-hgt{
		height:410px;
	}
	.common-bn-hgt{
	 height: 574px;
	}
}

.multiSelect .disabled, .multiSelect .disabled:hover, .multiSelect .disabled label input:hover ~ span{
	opacity: 1 !important;
}
.PMdetailsSection .checkBoxContainer label,#getExcelReportModal .checkBoxContainer label{
     margin-top: 0;
     margin-bottom:0;
     font-size:13px;
     font-weight:normal
}

.loBackground {
	color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.mainCompetency{
	color: #333;
    background-color: #d8d3d3;
    border-color: #ddd;
}

.alinkClass :hover{
	text-decoration: underline;
	font-size : 18px !important;
}
.assignLearnermodal .modal-dialog{
    width: 99% ! important;
}
.parent-vertical{
	display: table;
    text-align: center;
    width: 100%;
}
.child-vertical{
	display: table-cell;
    vertical-align: middle;
}
.legend-box{
	background: rgb(252, 253, 219);    
    font-size: 13px;
    padding: 10px 0 6px;   
}

/* video::-webkit-media-controls-timeline {display:none;}
video::-webkit-media-controls-time {display:none;} */
.legendpostion{	
    margin-top: -40px;	
}
#bmBatchgrid div div select option:first-child[value=""] {
   display: none;
}
.gridNoDataText {
position: absolute;
top : 80px;
opacity: 0.50;
font-size: 1.5em;
width: 100%;
text-align: center;
z-index: 1000;
}
.gridNoDataMsg{
	position: relative;
	top : -300px;
	opacity: 0.50;
	font-size: 1.5em;	
	text-align: center;	
}
.noDataText{
	top : 80px;
opacity: 0.50;
font-size: 1.5em;
width: 100%;
text-align: center;
z-index: 1000;
}

.border-right-line{
	border-right: 1px solid #eaeaea;
}

.border-top-line{
	border-top: 1px solid #eaeaea;
}
.border-left-line{
	border-left: 1px solid #eaeaea;
}
.largemodal .modal-dialog{
    width: 95% ! important;
}
.competencyIconGrey{
	font-size: 17px; 
	font-weight: 800;  
	color: grey;
	font-family: sans-serif;
}
.competencyIconBlue{
	font-size: 17px; 
	font-weight: 800;  
	color:#3498db;
	font-family: sans-serif;
}
.tileBorder
{
border-color:#008000;
border-style:solid;
border-width:1px
}
.uPicture a .large {display:none;}
.uPicture a.small:hover .large {display:block; position:absolute;  left:150px; width:130px; height:130px; }

.uLogin div.large {display:none;}
.uLogin div.base:hover .large {display:block; position:absolute; width: auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1010;    
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    opacity: 1;    
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.btn-icon {
    background-color: #01AA91;
    line-height: 1.8!important;
    color:white;
    border: 1px solid #6294a1;
}
.btn-icon:hover {
    box-shadow: 0px 0px 15px -5px grey;
    background-color: #03927d;
}
div.table .th{
	padding:8px 10px;
    line-height: 1.42857143;
    vertical-align: top;    
    font-weight:bold;
    border-right: 1px solid #ddd;
}
div.table .td{
	padding: 8px 10px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;       
}	
.iconClasslms{
	display: inline-grid;
    text-align: -webkit-center;       
    min-width: 60px;
}
.iconClasslms2{
	display: inline-grid;
    text-align: -webkit-center;        
    min-width: 60px;
}
.livesession{
    padding: 20px;
    background: rgb(44,50,113);
    color: white;
	text-align: left;
	font-size:15px;
}
.joinbutton{
	background:#6668ab;	
}
@media (min-width: 1200px){
	.col-lg-3Tile {
	    width: 20%!important;
	}
}
#addQntoAsess .ui-grid-cell-contents{
	white-space: nowrap!important;	
}

.vaBannercontainer {
  position: relative;
  width: 100%;
}

.vaBannercontainer img {
  width: 100%;
  height: auto;
}

.vaBannercontainer .btn {
  position: absolute;
  top: 60%;
  left: 15%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  width:100px;
  background-color: #C06A2F; 
  color:white
}

.vaBannercontainer .btn:hover {
  background-color: #D26E3C;
}

.vaSignupBtn {
  position: relative;
  width: 100%;
  height:35px;
  padding-right:10px;
}

.vaSignupBtn .btn{
	font-size: 16px;
  	border: none;
  	cursor: pointer;
  	border-radius: 20px;
  	text-align: center;
  	width:100px;
	background-color: #46A5B1; 
	color:white;
	height:35px;
}

.vaSignupBtn .btn:hover {
  background-color: #4DB2BC; 
}
#qnfilter td{padding:0px 10px 8px}
.selectionhover .ui-grid-row:hover .ui-grid-cell {
  background-color: #c9dde1;
  cursor:pointer;
}

.moreOptionsContainer{
	border: 1px solid #006b9c;
    width: 150px;
    height: 36px;
    border-radius: 3px;
}

/* 
	These CSS used for disable assessment Duration & Late submission clocktimer.
*/

.timer-group .form-control:first-child, .timer-group-addon:first-child, .timer-group-btn:first-child>.btn, 
.timer-group-btn:first-child>.btn-group>.btn, .timer-group-btn:first-child>.dropdown-toggle, 
.timer-group-btn:last-child>.btn-group:not(:last-child)>.btn, 
.timer-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.timer-group-btn{
	display: table-cell;
	background: #fafbfc;
    border-color: #eaeaea!important;
}
.timer-group .form-control, .timer-group-addon, .timer-group-btn {
    display: table-cell;
}
.timer-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timer-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.timer-group-addon{
	padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;    
    ackground-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(250, 251, 252);
}
.timer-group-form:first-child{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.timer-group-addon:last-child{
	border-left-width: 0px;
    border-left-style: initial;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.timer-group-addon, .timer-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.disabledState{
	cursor: pointer;
}
.licenseExpiry{
	padding: 10px;
    background: bisque;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    box-shadow: 0px 0px 15px -5px grey;
}
.internalerrorDialog{
	box-shadow: 0px 0px 15px -5px grey;
    padding: 8px;
    background: #fdeddae3;
    font-style: italic;
    text-align: center;
    color: red;
    margin-bottom: 5px;
    display:none;   
}
.internalerrorDialog2{
    padding: 8px;  
    font-style: italic;
    text-align: center;
    color: red;
    margin-bottom: 5px;
}
.autorefreshswitch {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 26px;
  background-color: white;
}

.autorefreshswitch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  top:2px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #62cb31;
}

input:focus + .slider {
  box-shadow: 0 0 1px #62cb31;
}

input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 25px;
}

.slider.round:before {
  border-radius: 50%;
}
.tooltipDiv {
	overflow: hidden;
	border: none;
	top: 2px;
	left: 4px;
	bottom: 4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 6px;
	/*   background-color: #e0dfdc; */
	text-align: left;
	max-width: 300px;
	color: black;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 0px;
}
.selectboxmodel1{
	border: 0;
    box-shadow: none;
    padding: 0px 2px 0px 8px!important;
    font-size: 13px;
    background: transparent;
}
.lotexthover:hover{
	text-shadow: 0 0 1px;
	cursor: pointer;
}
.studentClass .ui-grid-cell-contents {
	height: 31px !important;
	border-bottom: 1px solid #d4d4d4;
}
.pdf-page {
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
	background-color: #fff;
	color: #333;
	position: relative;
}

.pdf-header {
	position: absolute;
	top: .5in;
	height: .6in;
	left: .5in;
	right: .5in;
	border-bottom: 1px solid #e5e5e5;
}

.invoice-number {
	padding-top: .17in;
	float: right;
}

.pdf-footer {
	position: absolute;
	bottom: .5in;
	height: .6in;
	left: .5in;
	right: .5in;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
	text-align: left;
	color: #787878;
	font-size: 12px;
}

.pdf-body {
	position: absolute;
	top: 3.7in;
	bottom: 1.2in;
	left: .5in;
	right: .5in;
}

.size-a4 {
	width: 8.3in;
	height: 11.7in;
}
.font-cursive{
	font-family: cursive;
}

/*input[disabled]:checked::after {
    position: relative;
    top: 2px;
    right: -3px;
    content: '';
    display: block;
    width: 61%;
    height: 61%;
    border-radius: 50%;
    background-color: #afadad;

  }*/
.more-ot-alert {
    display: none;
    padding: 0.6rem 1rem;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 38%) 2px 2px 8px;
    background-color: gold;
    border: 2px solid #9e9e9e;
    transform: translateZ(0);
    animation: move .4s ease 3;    
    position: absolute;
    left:1%;
    top: 47%;   
    width: 98%;
    z-index: 155;
    font-size: 13px;
}
 @keyframes move {  
  50% { transform: translate(0, 15px);}  
}
.more-ot-alert .close-ot-alert { 
  clear: both;
  cursor: pointer;
  float: right;
  margin: -5px -4px 0 0;
}
.more-ot-alert .close-ot-alert i {
  color: #cc0000;
}
.more-ot-alert:before {
    content: "";
    position: absolute;
    top: 88%;
    left: 44%;
    border-style: solid;
    border-width: 14px 15px 14px 0;
    border-color: transparent #9e9e9e;
    display: block;
    width: 0;
    z-index: 1;
    transform: rotateZ(270deg);
}
.more-ot-alert:after {
    content: "";
    position: absolute;
    top: 88%;
    left: 45%;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent gold;
    display: block;
    width: 0;
    z-index: 1;
    transform: rotateZ(270deg);
}
.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}
.breakword{
    white-space: break-spaces;
}
.modal-xlg{
   width:100%;
}
.border-top-left-pane{
	border-top: 1px solid #ddd;
}
.border-bottom-left-pane{
	border-bottom: 1px solid #ddd;
}
.switch-Options-Pos1{
	position: absolute;
    top: 9px;
    left: 25px;
}
.switch-Options-Pos2{
	position: absolute;
    top: -15px;
    left: 25px;
}
.overflow-x-hide{
	overflow-x:hidden
}
.htmlText img {
    max-width: 50%;
    max-height: 50%;
        display: block;
}
.level-activation-toggle{
	margin: 10px 12px -8px 0;
    text-align: right;
}
.department-icon{
	border: 1px solid #e3dede;
    padding: 6px;
    border-radius: 50px;
    margin-top: 10px;
    background-color: #e3dede;
    color: #000066;
    font-size: 18px;
}
#viewBookmark{
	display:none;
}
.table-display{
	display:table
}
.table-cell-display{
	display:table-cell
}
.disabledSection{	
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    cursor: not-allowed !important;
}
.comment-div {
    padding: 5px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.comment-main-div{
	padding: 0px 20px 0px 20px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom:10px;
}
.border-left-color-blue {
    border-left-color: #0081c9 !important;
}
.border-left-color-green {
    border-left-color: #01ab90 !important;
}

.quickQnTextarearownr {overflow-y: hidden; background-color:  #c7c9cd;  color: white; text-align: right; vertical-align:top; z-index: 0}
.quickQnTextareatxt {width: 95%; overflow-x: scroll; background: transparent; z-index: 0}
.dateContainer{
	    padding: 6px 10px;
    background-color: #ccc;
    text-align: center;
}	
.sessionContainer{
	border: 1px solid #e2e2e2 !important;
}
.gridNoborder .ui-grid-filter-container {
    padding: 0 15px 7px 6px !important;
    margin-top: -3px;
}
.gridNoborder input[type="text"].ui-grid-filter-input{
	border: 1px solid #cac8c8!important;
    border-radius: 4px;
    padding: 2px 5px 2px!important;
    margin: 0 5px 5px;
    color: black;
}
.gridNoborder .ui-grid-header-cell {
   border: 0;
    /* color: white; */
    /* background-color: #c6c8cbd4; */
   }
.gridNoborder .ui-grid {
    border: 0;
}
.gridNoborder .ui-grid-header {
     border-bottom: 0; 
}    
.gridNoborder .ui-grid-cell {
   border-right: 0;
   border-bottom: 1px solid #d2d2d2;
}
.gridNoborder .ui-grid-cell-contents {
    padding: 10px;
}
 
.btn-default.activeblue {
    background-color: #34495e;
    border-color: #34495e;
    color: white;
    box-shadow: 0 0 6px 0 rgb(0 79 182 / 25%);
}

.course-info-tile {
	border: 1px solid #eaeaea !important;
	border-radius: 5px;
	padding: 10px;
}

.course-info-tile-hover:hover {
	cursor: pointer;
	box-shadow: 1px 1px 5px 3px rgba(107, 196, 217, 0.75);
	-webkit-box-shadow: 1px 1px 5px 3px rgba(107, 196, 217, 0.75);
	-moz-box-shadow: 1px 1px 5px 3px rgba(107, 196, 217, 0.75);
}
.opacity-point-25{
	opacity:0.25 !important;
}
.bg-circle{
	height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;   
    line-height: 1.7; 
    font-size:12px;
    text-align:center
}
.text-theme-blue{
	color:#0083c7
}
.bg-b-theme-blue-green{
	 background:linear-gradient(45deg, #0083c7, #01b089);
}
.bg-b-theme-blue{
	background: #0083c7;
	color:white;
}
.betaText {
	position:absolute;
	margin-top:10px;
}
 h5, .h5, h6, .h6 {
    margin-top: 8px;
    margin-bottom: 8px;
}
input[type="radio"], input[type="checkbox"] {    
    margin-right: 5px;   
}
.nycm-bg{
	background:rgb(255,0,0)
}
.nyc-bg{
	background:rgb(255, 182, 6)
}
.cAt-bg{
	background:rgb(0,128,0)
}
.cAbove-bg{
	background:rgb(128,0,128)
}
.text-dark{
	color:#0e0e0e;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #e5fbf5bf;
    border-color: #ddd;
}
:focus-visible {
    outline: unset;
}
@media (min-width: 992px) {
  .modal-lg {
    width: 1100px;
  }
}
.markComplete{
	position: absolute;
    right: 40px;
    top: 10px;
    font-weight: 600;
    text-decoration: underline;
    z-index: 100;
}
.clearCalender{
	background: #fafbfc;
    border: 1px solid #eaeaea;
    padding: 5px 0px 4px;
    display: block;
    text-align: center;
    margin-left: -5px;
    border-left: 0;
}
@media (min-width: 768px){
.modal-sm {
    width: 400px;
}}
.switchuiLinkold{
	text-transform: uppercase;
    position: absolute;
    bottom: 60px;
    right: 28px;
}