.pulse-black {
	animation: pulse-black 1s infinite;
}

@keyframes pulse-black {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.pulse-white {
	animation: pulse-white 1s infinite;
}

@keyframes pulse-white {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.pulse-red {
	animation: pulse-red 1s infinite;
}

@keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}

.pulse-orange {
	animation: pulse-orange 1s infinite;
}

@keyframes pulse-orange {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
	}
}

.pulse-yellow {
	animation: pulse-yellow 1s infinite;
}

@keyframes pulse-yellow {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}

.pulse-blue {
	animation: pulse-blue 1s infinite;
}

@keyframes pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

.pulse-green {
	animation: pulse-green 1s infinite;
}

@keyframes pulse-green {
	0% {
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
	}
}

.pulse-purple {
	animation: pulse-purple 1s infinite;
}

@keyframes pulse-purple {
	0% {
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
	}
}

.btn-light {
	border: 1px solid #000;
}
.card {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.card-header {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
	padding-right: 5px;
	background: #005c45; /* Old browsers */
	background: -moz-linear-gradient(top,  #005c45 0%, #004c3a 53%, #005c45 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005c45 0%,#004c3a 53%,#005c45 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005c45 0%,#004c3a 53%,#005c45 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c45', endColorstr='#005c45',GradientType=0 ); /* IE6-9 */
	color: #fff!important;
}
.grad1 {
	background: #cb2d3e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grad2 {
	background: #42275a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #734b6d, #42275a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #734b6d, #42275a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
@media (min-width: 1100px) {
.container{
        max-width: 1400px;
    }
}
.accordion-button:after {
	color: #fff!important;
}

.bordered {
	box-shadow:0 1px 3px rgba(3,0,71,.09)!important;
	border-radius: 8px;
}
.lead-sm {
	font-size: 15px;
}
.locked {
	background: #999!important;
	border:0px!important;
	color: #333!important;
}
.completed {
	color: #005C45;
	background: #f5fcfb;
}
.icon {
	font-size: 20px;
}
object,iframe {
	border-radius: 8px;
	background: #323639!important;
	border-bottom: 5px solid #323639;
}
.line {
	border-bottom: 1px solid #ccc;
	padding: 20px;
}

.left-arrow {
	font-size: 23px;
}
.right-arrow {
	font-size: 23px;
}
.question_box {
	position: relative;
	background: #005c45; /* Old browsers */
	background: -moz-linear-gradient(top,  #005c45 0%, #004c3a 53%, #005c45 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005c45 0%,#004c3a 53%,#005c45 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005c45 0%,#004c3a 53%,#005c45 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c45', endColorstr='#005c45',GradientType=0 ); /* IE6-9 */
	color: #fff!important;
	padding: 10px;
	border-radius: 8px;
	border-right: 4px solid #005C45;
}
#examdocs {
	border: 3px solid #ccc;
	background: #f7f7f7;
	padding: 10px;
	border-radius: 8px;
}
#examdocs img {
	max-width: 400px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.question {
	font-size: 20px;
}
.locked-exam {
	color: #ccc;
}
.form-status-holder {
	background: #c5fcec;
	color: #00513D;
	width: 100%;
}
.answer {
	border: 3px solid #d7d9c1;
	background: #fefff0;
	border-radius: 8px;
}
.answerlabel {
	font-size: 18px;
}
.not_added {
	background: #ebebeb;
	padding: 20px;
	border:2px dashed #ccc;
}
.list-group .active {
	background: #323639!important;
}
.btn-back {
	padding: 5px;
	background: #e6e6e6;
}
.bg-black {
	background: #323639!important;
}
.form-control {
	border: 1px solid #ccc;
	border-radius: 0px;
}
.form-label {
	color: #323639!important;
	font-weight: bold;
}
.quillArea1 {
	min-height: 300px;
}
.quillArea2 {
	min-height: 300px;
}
.quillArea3 {
	min-height: 300px;
}
.quillArea4 {
	min-height: 300px;
}
.btn-green {
	color: #004E3B;
	border:1px solid #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #b5b5b5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b5b5b5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#b5b5b5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 );
}
.btn-green:hover {
	color: #004E3B;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #a0a0a0 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#a0a0a0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#a0a0a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a0a0',GradientType=0 );
}
.pulse-black {
	animation: pulse-black 1s infinite;
}

@keyframes pulse-black {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.pulse-white {
	animation: pulse-white 1s infinite;
}

@keyframes pulse-white {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.pulse-red {
	animation: pulse-red 1.3s infinite;
}

@keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}

.pulse-orange {
	animation: pulse-orange 1s infinite;
}

@keyframes pulse-orange {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
	}
}

.pulse-yellow {
	animation: pulse-yellow 1s infinite;
}

@keyframes pulse-yellow {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}

.pulse-blue {
	animation: pulse-blue 1s infinite;
}

@keyframes pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

.pulse-green {
	animation: pulse-green 1s infinite;
}

@keyframes pulse-green {
	0% {
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
	}
}

.pulse-purple {
	animation: pulse-purple 1s infinite;
}

@keyframes pulse-purple {
	0% {
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
	}
}

.btn-light {
	border: 1px solid #000;
}
.card {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.card-header {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
	padding-right: 5px;
	background: #005c45; /* Old browsers */
	background: -moz-linear-gradient(top,  #005c45 0%, #004c3a 53%, #005c45 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005c45 0%,#004c3a 53%,#005c45 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005c45 0%,#004c3a 53%,#005c45 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c45', endColorstr='#005c45',GradientType=0 ); /* IE6-9 */
	color: #fff!important;
	font-size: 12px;
}
.grad1 {
	background: #cb2d3e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grad2 {
	background: #42275a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #734b6d, #42275a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #734b6d, #42275a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
@media (min-width: 1100px) {
    .container{
        max-width: 1190px;
    }
}
@media (min-width: 1100px) {
#admin .container{
        max-width: 1600px!important;
    }
}
.accordion-button:after {
	color: #fff!important;
}
.timerbox {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005c45+0,004c3a+53,005c45+95;Green+Flat+%233 */
	background: #005c45; /* Old browsers */
	background: -moz-linear-gradient(top,  #005c45 0%, #004c3a 53%, #005c45 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005c45 0%,#004c3a 53%,#005c45 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005c45 0%,#004c3a 53%,#005c45 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c45', endColorstr='#005c45',GradientType=0 ); /* IE6-9 */
	color: #fff!important;
	font-size: 24px;
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	position: relative;
	z-index: 99!important;
	width: 100%;
}
#accordionExample .accordion-header {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 8px;
}
#accordionExample .accordion-body {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: #ccc!important;
}
.accordion-body {
	border: 5px solid #005C45;
}
.bordered {
	box-shadow:0 1px 3px rgba(3,0,71,.09)!important;
	border-radius: 8px;
}
.lead-sm {
	font-size: 15px;
}
.locked {
	background: #999!important;
	border:0px!important;
	color: #333!important;
}
.completed {
	color: #005C45;
	background: #f5fcfb;
}
.icon {
	font-size: 20px;
}
object {
	border-radius: 8px;
	background: #323639!important;
	border-bottom: 5px solid #323639;
}
.list-group li {
	border-bottom: 3px solid #ccc!important;
}
.line {
	border-bottom: 1px solid #ccc;
	padding: 20px;
}
.question_box {
	position: relative;
	background: #005c45; /* Old browsers */
	background: -moz-linear-gradient(top,  #005c45 0%, #004c3a 53%, #005c45 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005c45 0%,#004c3a 53%,#005c45 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005c45 0%,#004c3a 53%,#005c45 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c45', endColorstr='#005c45',GradientType=0 ); /* IE6-9 */
	color: #fff!important;
	padding: 10px;
	border-radius: 8px;
	border-right: 4px solid #005C45;
}
#examdocs {
	border: 3px solid #ccc;
	background: #fff;
	padding: 10px;
	border-radius: 8px;
}
#examdocs img {
	max-width: 400px;
	display: block;
	margin-left: 0;
	width: 50%;
}
.question {
	font-size: 20px;
}
.locked-exam {
	color: #ccc;
}
.form-status-holder {
	background: #c5fcec;
	color: #00513D;
	width: 100%;
}
.answer {
	border: 3px solid #d7d9c1;
	background: #fefff0;
	border-radius: 8px;
}
.answerlabel {
	font-size: 18px;
}
.form-label {
	color: #005A44;
	font-weight: bold;
	font-size: 13px;
}
.bg-grey {
	background: #333;
	border-bottom: 4px solid #A38836;
}
#header li {
  padding-right: 10px;
  position: relative;
}

#header a { 
	border-bottom: 1px solid #005C45;
}
#header a:hover { 
	cursor: pointer!important;
	border-bottom: 1px solid #fff;
	border-radius: 0px!important;
}

#header li:before{
    content: " | ";
    position: absolute;
    color: #b0b0b0!important;
    right: 0;
    top : 8px;
    height: 30px;
}
#header li:last-child a:after{
    content: ""!important;
}

#header {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
h1 {
	font-size: 21px;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
}
h1:before{
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    bottom: 0;
    left: 0%;
    border-bottom: 3px solid #A38836;
}
h4 {
	color: #F1CF69;
	font-size: 20px;
}
.dashed {
	background: #e3e3e3;
	border-radius: 8px;
	border: 2px solid #ccc;
}
.new {
	padding: 20px;
	border-radius: 8px;
	border: 2px solid #e3e3e3;
}
.bg-banner {
	background: rgba(0,0,0, 0.5);
}
.btn-green {
	color: #004E3B;
	border:1px solid #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #b5b5b5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b5b5b5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#b5b5b5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 );
}
.btn-green:hover {
	color: #004E3B;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #a0a0a0 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#a0a0a0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#a0a0a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a0a0',GradientType=0 );
}
.p-1-a {
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 8px;
}
.pending {
	background: #333!important;
}
.in_progress {
	padding: 10px;
	background: #E3E3E3;
	color: #000;
	border-radius: 8px;
}
.btn-link {
	color: #004E3B;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #ccc;
	text-decoration: none;
}
.btn-link:hover {
	color: #004E3B;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #a6a6a6;
	text-decoration: none;
}
#material .list-group {
	border-radius: 8px!important;
}
video {
	border: 2px solid #333;
	width: 100%;
	background: #333;
	min-height: 320px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.list-group a {
	border-radius: 8px!important;
	margin-bottom: 10px;
}

.list-group .active {
	background: #E3E3E3!important;
	color: #000!important;
	border-bottom: 3px solid #e87c17!important;
}

.quiz {
	background: #ccc!important;
}
.bold {
	color: #005C45;
	font-weight: 600;
}
.exam-in-progress {
	background: #e64543;
	color: #fff;
	padding: 10px;
	border-radius: 8px;
}
.exambox {
	background: #e64543;
	color: #fff;
	width: 100%;
	padding: 10px;
}
.exam_completed {
	background: #f28313!important;
}
.waiting {
	color: #f28313;
}
.text-grey {
	color: #dedede;
}
.light2 li {
	background: #ebebeb!important;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  transform: scale(1.3);
  padding: 10px;
  margin-right: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
  padding: 10px;
}
.title1 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.form-check {
    display: flex;
    align-items: center;
}
.form-check label {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 500;
}
.form-check .form-check-input[type=checkbox] {
    border-radius: .25em;
    height: 20px;
    width: 20px;
}
.form-switch .form-check-input[type=checkbox] {
    border-radius: 1em;
    height: 20px;
    width: 40px;
}
.red {
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.ribbon {
	padding: 4px;
	border-radius: 8px;
	position: absolute;
	background: #eb8334;  
	right: 10px;
	color: #fff;
	text-align: center;
	top: 10px;
	font-size: 13px;
}
.cart-header {
	color: #000;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.cart-alert {
	border: 2px dashed #bf3232;
	background: #ffd1d1;
}
.border-bottom {
	border-bottom: 2px solid #ccc;	
}
.payment-title {
	color:#fff;
	height: 45px;
	background: #333;
}
.selected .card-body {
	background: #E3E3E3;
	color: #444;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.selected .card-header {
	background: #333;
	color: #fff!important;
	border-bottom: 1px solid #bdbdbd;
}
.selected .card-footer {
	background: #ccc;
	color: #444;
	border-bottom-left-radius: 8px!important;
}
.not_active .card-header {
	color: #000!important;
	background: #ccc!important;
}

.border-all {
	border: 1px solid #ccc;
}
.rad8 {
	border-radius: 8px;
}
.bg-discount {
	background: #e0e0e0;
}
.bg-total {
	background: #FCECB1;
	color: #000;
}
.bg-sub-total {
	background: #e0e0e0;	
}
@media only screen and (min-width: 1028px) {
.p10 {
	padding-left: 30px!important;
}
}
.btn-checkout {
	background: #ffc800;
	color: #000;
}
.cart {
	border: 2px solid #000;
}
.info1 {
	background: #fcecb1;
	border-bottom: 2px solid #ccc;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 0.35em;
}

table th,
table td {
  padding: 0.625em;
  text-align: left;
}

table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
    padding: 10px;
  }

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}
.invoice-title {
	height: 45px;
}
#register .card-header {
	height: auto!important;
}
#login .card-header {
	height: auto!important;
}
.capslock {
	background: #ff8400;
	color: #fff;
}
.tagline {
	border-left: 3px solid #f78c00;
	padding-left: 10px;
	background: #e6e6e6;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
	width: 100%;
}
.badge-orange {
	color: #F59313!important;
}
.bg-orange {
	background: #222;
	height: 48px!important;
}
.adminbox {
	background: #E53F3C;
	color: #fff;
	padding: 15px;
}
.exambox .lead{
	font-size: 20px;
}
#header .lead{
	font-size: 16px!important;
}
#dataTableBasic td {
	font-size: 13px;
}
#dataTableBasicExport td {
	font-size: 13px;
}

#gradingtable input[type="text"] {
    width: 45px!important;
    background: #fcf8eb;
    border: 1px solid #000;
    border-radius: 3px;
}
@media (max-width: 970px) {
#gradingtable table {
	font-size: 12px!important;
}
}
@media (min-width: 970px) {
#gradingtable input[type="text"] {
    width: 45px!important;
    background: #fcf8eb;
    border: 1px solid #000;
}
}
#gradingtable table {
	border-color: #999;
	color: #000!important;
}