.checkbox input[type=checkbox]:checked + .checkbox-material .check{background-color: #9c27b0;}
.checkbox{padding-left:5px;margin-top:2px;margin-bottom:2px !important;}
.bdr-rgt {border-right: solid 4px #cfcfcf;}
.form-control:invalid {
    background-image: linear-gradient(to top, #9c27b0 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.sidebar{ background:url(../../static/img/sidebar-1.jpg); background-attachment:fixed;}

.sidebar-wrapper li:before{
  position: relative;
  top:15px;
  font-weight: bold;
  float:right;
}
.sidebar-wrapper li.tick:before {
  content: "\2713";
  color: #ab47bc;
}
.sidebar-wrapper li.cross:before {
  content: "\2717";
  color: crimson;
}
a.disabled {
   pointer-events: none;
   cursor: default;
}

.uploaded-lab{top:-40px !important;}
/*  */
.sucess{color:#fff !important;}

/*================= Status active inactive Auditor =================*/
.status-ac{color:#090;}
.status-in{color:#F00;}
/*================= Status active inactive Auditor =================*/

/*Star*/
.cont {width: 93%;max-width: 350px; text-align: center;margin: 4% auto;padding: 30px 0; background: #111;color: #EEE; border-radius: 5px; border: thin solid #444; overflow: hidden;}
div.stars { width: 270px; display: inline-block;float:right;}
input.star { display: none; }
label.star {float: right; padding: 10px; font-size: 20px; color: #444; transition: all .2s;}
input.star:checked ~ label.star:before { content: '\f005'; color: #F62; transition: all .25s;}
input.star-5:checked ~ label.star:before { color: #F62; text-shadow: 0 0 20px #952;}
input.star-1:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before { content: '\f006'; font-family: FontAwesome;}
label.star.active, input.star.active{ color:#F62}
.main-panel>.content {margin-top:10px;}
.label-error{background:red !important;height:1px;margin-top:-9px;}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 2px;
    color: #fff;
    text-align: center;
    background-color: green;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    margin-top:-9px !important;
}
.progress-bar{overflow:hidden;color:green}

.wrapper { height:auto;}

#statusMessage.modal-body{
	margin: 0 auto;
	padding-top: 10px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	margin-top:0 !important;
}

.cookies {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	height: auto;
	text-align: center;
	z-index: 99999 !important;
	bottom: 0;
	padding:10px 0;
}

.cookies p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 15px 0;
	margin: 0 auto;
	display:inline-block;
}

.cookies p strong {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px
}

.cookies p a {
	background: #ff8600;
	padding: 10px;
	transition: all 0.3s;
	border: solid 1px #fff;
	border-radius:50px;
	color:#fff;
	display:inline-block;
}

.cookies p a:hover {
	background: #fff;
	padding: 10px;
	color: #ff8600;
	border: solid 1px #ff8600;
}

.cookies .cks-cls {
	float: right;
	position: absolute;
	right: 80px;
	text-decoration: none;
	color: #000;
	top: 15px;
	border: solid 1px #cfcfcf;
	padding: 3px 7px;
	border-radius: 50%;
	background: #cfcfcf;
	cursor: pointer;
	transition: all 0.3s;
}

.cookies .cks-cls:hover {
	background: purple;
	color: #fff;
}



/* LOADER */
.loader-bg{ background:rgba(0,0,0,0.5); width:100%; height:100%; min-height:100%; z-index: 9999; left: 0; top: 0; position: fixed;}
.loader{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 150px;height: 150px;background: transparent;border: 3px solid #fff;border-radius: 50%;text-align: center;line-height: 150px;font-family: sans-serif;font-size: 20px;color: #fff;letter-spacing:4px;text-transform: uppercase;box-shadow: 0 0 10px rgba(0,159,255,0.3);}
.loader:before {content: '';position: absolute;top: -3px;left: -3px;width: 100%;height: 100%;border: 3px solid transparent;border-top: 3px solid #009fff;border-right: 3px solid #009fff;border-radius: 50%;animation: animateCircle 2s linear infinite;}
.loader span {display: block;position: absolute;top: calc(50% - 2px);left: 50%;width: 50%;height: 4px;background: transparent;transform-origin:left;animation: animate 2s linear infinite;}
.loader span:before {content:'';position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #009fff;top: -6px;right: -8px;box-shadow: 0 0 20px #009fff;}

@keyframes animateCircle
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes animate
{
	0%
	{
		transform: rotate(45deg);
	}
	100%
	{
		transform: rotate(405deg);
	}
}


.stu-upload{position:relative; background:#007fff; padding:5px 6px; color:#fff; border-radius:20px; overflow:hidden;float:left;margin-right:5px;width:30px;}
.stu-upload input{opacity:0; background:none; width:15px; z-index:1; position:absolute; overflow:hidden;}
.stu-view{background:green;padding:5px 6px;color:#fff;border-radius:25px;width:30px;float:left;margin-right:5px;padding:4px;}
.stu-delete{background:red;padding:5px 6px;color:#fff;border-radius:20px;float:left;width:30px;padding:4px;}

.tooltip{ font-size:14px;}


/* .btn-finish{
		animation: blinkingText 1s infinite;
	} */
.btn-blink{
		animation: blinkingText 1s infinite;
	}
	@keyframes blinkingText{
		0%		{ background: #10c018;}
		25%		{ background: #1056c0;}
		50%		{ background: #ef0a1a;}
		75%		{ background: #254878;}
		100%	{ background: #04a1d5;}
	}


/* .table-responsive{ display:block; width:100%;}
@media only screen and (max-width: 800px){
		.table-responsive{ display:block}
} */

.ck-editor__editable {
    min-height: 200px;
    max-height: 200px;
    min-width: 260px;
}
.ck-editor__top {
    min-width: 260px;
}
/* Modal CSS */
.modal-content{margin-top: 70px !important;}
.modal-header{width: 97% !important; margin: 0 auto !important; border-radius: 0 !important;position:relative !important;
top:-25px !important;background-color:#001173 !important}
.modal-body{padding-bottom:10px !important;margin-top: -26px !important;}
.modal-header .modal-title{color:#fff !important;}
.modal-body.delete-modal{margin-top:0 !important;}
/*Scroll Down Style*/
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}

.scroll-down {
  margin: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  position: fixed;
  left: 88%;
  width: 100px;
  height: 100px !important;
  margin-left: -50px;
  margin-top: 0px;
  background: rgba(0, 119, 255, 0.6);}
.scroll-down a {
  display: block;
  opacity: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 0;
  font-size: 0;
  color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  -moz-background-size: 0 auto;
  -o-background-size: 0 auto;
  -webkit-background-size: 0 auto;
  background-size: 0 auto;
  -webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0s infinite normal ease forwards;
  animation: pulse 1.5s 0s infinite normal ease forwards;
  background-image: url("https://jamesmuspratt.com/codepen/img/arrow-down.svg");
  background-repeat: no-repeat;
  cursor:default !important;
}
.scroll-down a:before, .scroll-down a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://jamesmuspratt.com/codepen/img/arrow-down.svg") no-repeat center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.scroll-down a:before {
  -webkit-animation: pulse 1.5s 0.20s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.20s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.20s infinite normal ease forwards;
  animation: pulse 1.5s 0.20s infinite normal ease forwards;
}
.scroll-down a:after {
  -webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  animation: pulse 1.5s 0.5s infinite normal ease forwards;
}
/*Scroll Down Style*/
/* .greenDiv{background:#62ce66 !important;color:#fff!important} */
.greenDiv {
	background: green !important;
	color: #fff !important;
	border-right:solid 1px #fff;
}
/* .greenDiv {
	background: green !important;
	color: #fff !important
}
.greenDiv {
	background: green !important;
	color: #fff !important;
	border-right:solid 1px #fff;
} */

#lms-button::after{content:none !important;}
.card .card-body{padding:15px 20px !important;}

/*Lead CSS*/
/* New Lead Form */
.demoRequest,.others{display:none;}
/* New Lead Form */

/* Follow up Form */
.followCall,.followMail,.iNotSure,.heNotSure{display:none;}
.green-badge{color:#81ff81}
.yellow-badge{color:#ffff7f}
.red-badge{color:#ff7e7e}
.white-badge{color:#c0c1bc}
.green-bg{background-color:#cef5ce !important}
.red-bg{background-color:#ffcfcf !important}
.yellow-bg{background-color:#ffffb9 !important}
/* Follow up Form */

/*Lead CSS*/
label,p{font-size:12px !important;}