@charset "UTF-8";

#feedbackDiv {
	margin-top: 20px;
}

#pt-scroll-box {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.site-main {
	margin-left: 0px;
	padding: 0em;
	width: 100%; 
	padding-bottom :150px;
}

.errormessage {
	color: #071f2e;
	font-weight: bold;
}

.custom-control-input:disabled, .custom-control-label {
	color: black !important;
}
.custom-control{
	margin-left: 15px;
}

.btn-ct {
	/* getting from Gillian Wordpress theme */
	background-color: #7e7380;
	color: #ffffff;
	margin: 5px;
}

.progress-star {
	color: #D4AF37;
	font-size: 200%;
}

.site-main a:link, .site-main a:visited {
	border-bottom: 2px solid #7e7380;
}

button, input[type="button"], input[type="reset"], input[type="submit"]
	{
	margin-top: 0px;
}

.btn:visited {
	color: white;
}

a.btn-outline-ct, .btn-outline-ct {
	color: #7e7380;
	font-weight: 400;
	padding: .375rem .75rem;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color: #7e7380;
}

.btn-outline-ct:hover, .btn-outline-ct:focus {
	background-color: #7e7380;
	color: white;
}

.btn-outline-ct:focus, .btn-outline-ct.focus {
	box-shadow: 0 0 0 .2rem #b5afb6;
}

.btn-outline-ct:disabled, .btn-outline-ct.is-disabled {
	opacity: .25;
}

a.btn-outline-ct:visited {
	color: #7e7380;
}

a.btn-outline-ct:visited:hover, a.btn-outline-ct:visited:focus {
	color: white;
}

.card-btn {
	margin: 0.25rem;
}

.ct-form {
	padding: 2em;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	background-color: #ffffff;
	box-shadow: .1em .3em .5em #333333;
}

form>* {
	padding: .5em;
}

span.errormessage {
	text-align: center;
}

.table {
	width: auto;
	min-width: 0;
	display: table;
	margin: 0 4em 0;
}

thead {
	background-color: #7e7380;
	color: white;
}

tfoot {
	border-top: thin double black;
}

#reportTable {
	width: 100%;
}

.score {
	font-weight: bold;
}

.breadcrumb{
    background: transparent;        
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">>";
}

h1.title {
	text-align: center;
}
h2 {
	margin-left: 1.0rem!important; 
	margin-top: 1.5rem!important; 
}
.students-table {
	border: 1px solid black;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	vertical-align: middle;
}
.problemImage{
    display: block;
    border: 1px solid black;
  	margin-left: auto;
  	margin-right: auto;
  	/* max-width: 50%;	 */
}