body{
	/*padding-top: 0;*/
}
.page-header{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0;
	padding: 10px;
	background-color: #ff9f00;
}
.page-header h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.page-header h3>img {
    border: 2px solid #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -5px;
    height: 42px;
}
#backBtn {
	padding: 1px;
}
#content-wrapper{
	max-width: none;
}
.page-body{
	max-width: 1200px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 30px;
    padding: 5px 0 0;
}
#subtopic-holder {
	padding: 25px 40px;
}
.form-wrapper label {
	font-weight: normal;
	color: #666;
	width: 55px;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td{
	vertical-align: middle;
}
.sorting_disabled{
	padding-right: 5px !important;
}
.sub_header{
	background-color: #668b96;
	padding-left: 10px !important;
	color: #fff !important;
	pointer-events: none;
}
.sub_header:before{
	display: none !important;
}
.mastered{
	background-color: rgba(0, 181, 128, .1) !important;
}
.at-risk{
	background-color: rgba(239, 100, 95, .1) !important;
}
.assess-in-progress{
	background-color: rgba(54, 127, 198, .1) !important;
}
.not-started{
	background-color: rgba(167, 163, 158, .1) !important;
}

.white-col {
	background-color: #fff !important; 
}
.icon-holder{
	padding-left: 30px !important;
}
.icon-holder:before{
	top: 22px !important;
}
table.dataTable>tbody>tr.child span.dtr-title{
	width: 155px;
	font-size: 14px;
	color: #666;
	vertical-align: top;
	font-weight: normal;
}
table.dataTable>tbody>tr>td .ace-button{
	min-width: auto;
	border-width: 3px;
	padding: 3px 10px;
	font-size: 15px;
	line-height: normal;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	background-color: #337ab7;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
	background-color: #d33333;
	line-height: 13px;
}
.assessment-in-progress{
	display: inline-block;
}
.assessment-in-progress img{
	padding-left: 5px;
	height: 18px;
}
.dtr-data .progress{
	margin-bottom: 0;
	width: 150px;
}
.dtr-data .progress .progress-bar-success{
	font-size: 16px;
	color: #333;
	padding-top: 1px;
	background-color: #adda97;
}

.progress-legends{
	border-collapse: collapse;
	width: 100%;
	max-width: 320px;
	text-align: center;
}
.progress-legends tr>.content{
	/*border: 1px solid #ccc;*/
	width: 80px;
	line-height: 1;
	color: #fff;
}
.progress-legends tr>.content.at-risk{
	background-color: #ef645f !important;
}
.progress-legends tr>.content.below-average{
	background-color: #367fc6 !important;
}
.progress-legends tr>.content.passed{
	background-color: #00b580 !important;
}
.progress-legends tr>.content.mastered{
	background-color: #fea203 !important;
}
.progress-legends tr td{
	padding: 8px 2px;
}
.progress-legends tr td div{
	padding: 0 40px;
}
.progress-legends table{
	border-collapse: collapse;
	width: 100%;
}
.progress-legends table tr td{
	padding: 0;
}

.legends-box{
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 14px;
}
.legends-box>.title{
	font-size: 16px;
	font-weight: bold;
	color: #9c4444;
	padding-bottom: 20px;
	padding-left: 20px;
}
.legends-box>table td{
	padding: 15px 5px;
	border-top: 2px solid #fff;
}
.legends-box>table .icon-box{
	width: 62px;
	vertical-align: top;
	text-align: center;
	padding-left: 20px;
}
.legends-box>table .icon-box img{
	width: 32px;
	height: 32px;
}
.legends-box>table .title{
	font-size: 18px;
	font-weight: bold;
	color: #666;
}
.legends-box>table .content{
	font-size: 16px;
	color: #666;
}

.progress-bar-holder{
	width: 200px;
}
.progress-bar-holder .progress{
	height:30px;
	background-color:#f5f5f5;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.progress-bar-holder .progress-bar {
	line-height: 30px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align: middle;
}
.progress{
	margin-bottom: 0px;
}

.bg-color-gray{
	background-color: #a7a39e !important;
}
.bg-color-blue{
	background-color: #367fc6 !important;
}
.bg-color-green{
	background-color: #00b580 !important;
}
.bg-color-red{
	background-color: #ef645f !important;
}
.bg-color-orange{
	background-color: #f9a202 !important;
}
.bg-color-violet{
	background-color: #885cdb !important;
}

.reward-table{
	display: table;
}
.reward-table-row{
	display: table-row;
}
.reward-table-cell{
	display: table-cell;
	padding: 5px 10px 5px 0;
}
#legends-holder{
	margin-top: 30px;
    padding: 10px 0;
    background-color: #f7f7f7;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 1200px){
	#content-wrapper .light-drop-shadow {
		box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.page-body{
		margin: 0;
		border-radius: 0;
	}
	#subtopic-holder {
		padding: 15px 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	body {
		/*padding-top: 0;*/
		/*background: transparent !important;*/
	}
	.page-body{
		margin: 0;
		background: transparent !important;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.page-header h3>img{
		display: none;
	}
	.legends-box>table .icon-box{
		width: 42px;
		padding-left: 0;
	}
}