/*Styles for Graphs*/
#header-menu li [class^="fa-"] {
width: auto; }
#menu-buddypanel li [class^="fa-"] {
text-align: left;
width: auto;
}
.wdm-click-here
{
	display:none;
}

@media screen and (max-width:1089px){

	.page #myProgressModal .modal-content .modal-body, .page .row #TopCategoriesTagContainer.portlet
	{
		overflow: hidden;
	}
	.page #myProgressModal .modal-content .modal-body .col-md-12, .page #wdm-pdf-image .row .portlet.box > .portlet-body
	{
		overflow-x:auto;
	}
	.modal-body .portlet.box > .portlet-body
	{
		width:1000px;
		position:relative;
	}
	.page .portlet-body #myQuizzesComparisonChart.chart
	{
		position:static;
	}

	.page .modal-body .portlet
	{
		line-height:1;
	}

	.page .portlet #questionsDetailsDiv, .page .modal-body #myLearningStyleChartContainer, .page #myQuizzesComparisonChartContainer.portlet .portlet-body
	{
		overflow-x:auto;
	}
	.page #myLearningStyleChartContainer.portlet .portlet-title
	{
		width:992px;
	}
	.page #myQuizzesComparisonChartContainer.portlet .portlet-body #myQuizzesComparisonChart
	{
		width:992px !important;
	}
	.page #quizDetailsModal #TopCategoriesTagContainer .portlet-body
	{
		width: 1160px;
		overflow: auto;
	}
	.page #myLearnstyleModal .modal-dialog, .page #myProgressModal .modal-dialog
	{
		width:90% !important;
		margin:0 auto;
	}
	.page .portlet-body div#categoriesComparisonChart, .page .portlet-body div#topStudentByCategoryChart, .page .portlet-body div#TopStudentsChart, .page #TopStudentsChartBySpantTimeContiner .portlet-body div#TopStudentsBySpentTime
	{
		width:1180px !important;
	}

	/*modal styles*/

	.page .tabbable .modal{
		top:20%;
	}

	::-webkit-scrollbar {
	    -webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
	    width: 12px;
	}

	::-webkit-scrollbar:horizontal {
	    height: 12px;
	}

	::-webkit-scrollbar-thumb {
	    background-color: rgba(0, 0, 0, .5);
	    border-radius: 10px;
	    border: 2px solid #ffffff;
	}

	::-webkit-scrollbar-track {
	    border-radius: 10px;
	    background-color: #ffffff;
	}

	/*Print Pdf Button*/
	.page #quizDetailsModal .quizDetailFooter #extractQuizPDF
	{
		display:none;
		opacity:0;
	}
}

@media screen and (max-width:686px)
{
	.page #quizDetailsModal #TopCategoriesTagContainer .portlet-body
	{
		width: 100%;
		overflow: auto;
	}

	.page #TopCategoriesTagContainer .portlet-body div#TopCategoriesTagChart.chart
	{
		width:1160px !important;
	}
	.page .tab-pane ul.timeline > li.timeline-noline:before
	{
		display:none;
	}

}

/*Timeline Styles*/
@media screen and (max-width:767px)
{
	.page ul.timeline >li > .timeline-icon
	{
		display:none;
	}
	.page ul.timeline li.timeline-blue
	{
		border:1px solid #ddd;
		padding:15px;
		margin:10px;
	}

	.page .timeline li.timeline-blue .timeline-body
	{
		display:block;
		margin: 0 auto;
	}
	.page .timeline .timeline-body h4
	{
		display:inline-block;
	}

}

/*Font size for timeline*/
@media screen and (max-width:450px)
{
	.page .tab-content .timeline > li .timeline-time span.date
	{
		font-size:10px;
	}
	.page .tab-content .timeline > li .timeline-time span.time
	{
		font-size:30px;
	}
}


/*Tabs Styles*/
@media screen and (min-width:919px) and (max-width:1126px)
{
	.tabbable .nav > li > span
	{
		padding:10px 9px;
	}
	.tabbable .nav > li > span > a
	{
		font-size: 12px;
	}


}

@media screen and (max-width:918px)
{
	.page .entry-content .tabbable .nav-tabs > li
	{
		display:block;
		float:none;
		width:100%;
	}
	.page .tab-content .col-md-8 .portlet.box.blue-green-madison.tasks-widget
	{
		overflow-y:auto;
	}
	.page .tabbable-custom > .nav-tabs
	{
		border:1px solid #ddd;
	}
	.page .tabbable .nav-tabs > li > span{
		margin-right:0;
	}
	/*click here styles*/
	.wdm-click-here
	{
		display:inline-block;
		font-size:12px;
	}
}

/*Course Activity Page*/
@media screen and (max-width:991px)
{
	.page .tab-content #tab_4 .row{
		margin-left:0 !important;
	}
	.page .tab-content #tab_4 .row .col-md-8{
		padding-left:0;
	}

}

/*Responsive Grid*/
@media only screen and (max-width:2470px) and (min-width:1051px)
{
	.x-column.x-1-5 {
	    width: 20%;
	    float: left;
	    padding: 1%;
	}
}

@media only screen and (max-width:1050px) and (min-width:767px)
{
	.x-column.wdm-col {
    width: 33%;
    float: left;
    padding: 10px;
}
	.tab-pane .x-column{
		margin:0 auto;
	}
}

@media only screen and (max-width:766px) and (min-width:550px)
{
	.x-column.wdm-col {
    width: 33.33%;
    float: left;
    padding: 10px;
	}
}
@media only screen and (max-width:549px)
{
	#wdm-course-grade-level-select-graph {
    margin-top: 10px;
	}
}
@media only screen and (max-width:549px) and (min-width:400px)
{
	.x-column.wdm-col {
    width: 50%;
    float: left;
    padding: 10px;
}
}

@media only screen and (max-width:399px)
{
	.x-promo .x-promo-image-wrap{
		height:260px;
	}
}

.page .entry-wrap{
	box-shadow:none;
}
.page #myProgressModal .modal-content .modal-body .col-md-12, .page .modal-body #myLearningStyleChartContainer
{
	overflow-x:auto;
}
.x-promo-image-wrap{
	height:160px;
}
.x-promo-image-wrap img
{
	width: 100%;
	height:100%;
}
.modal-body .flot-x-axis .flot-tick-label.tickLabel
{
/*	transform: translate(-89%);
	-webkit-transform: translate(-89%);
	-moz-transform: translate(-89%);
	-ms-transform: translate(-89%);
	-o-transform: translate(-89%);*/
}
.modal-body  #myQuizzesComparisonChart .flot-x-axis .flot-tick-label.tickLabel
{
	transform: translate(-42%);
	-webkit-transform: translate(-42%);
	-moz-transform: translate(-42%);
	-ms-transform: translate(-42%);
	-o-transform: translate(-42%);
}

#myQuizzesComparisonChart .flot-x-axis .flot-tick-label
{
	/*font-size:9px;*/
}
#myQuizzesComparisonChartContainer .chart{
	height: 548px;
}
.flot-x-axis .flot-tick-label.tickLabel {
    /*word-spacing: 89px;*/
    /*font-size: 10px;*/
    word-spacing: 8px;
    width:100%;
    }
.page .portlet-body div#topStudentByCategoryChart .flot-x-axis .flot-tick-label.tickLabel, .page .portlet-body div#TopStudentsChart .flot-x-axis .flot-tick-label.tickLabel, .page #TopStudentsChartBySpantTimeContiner .portlet-body div#TopStudentsBySpentTime .flot-x-axis .flot-tick-label.tickLabel, .portlet-body div#TopCategoriesTagChart .flot-x-axis .flot-tick-label.tickLabel, #myQuizzesComparisonChart .flot-x-axis .flot-tick-label.tickLabel{
	word-spacing: 89px;
}
#TopCategoriesTagChart canvas.flot-base, #TopCategoriesTagChart {
	/*max-height :none;*/
    height: 100%;
}

/*.flot-base,
.flot-overlay{
	width: 980px !important;
	height: 300px !important;
}*/

.export_pdf #wdm_export_pdf_button {
    color:black;
    margin-left:2%;
}

.nav > li > span {
   position: relative;
   display: block;
   padding: 10px 15px;
}
.nav-tabs > li.active > span, .nav-tabs > li.active > span:hover,.nav-tabs > li.active > span:focus {
   color: #555;
   cursor: default;
   background-color: #fff;
   border: 1px solid #ddd;
   border-bottom-color: transparent;
}
.nav-tabs li span {
    margin-right: 2px;
   line-height: 1.42857143;
}
ul.nav li span a {
   text-shadow: none;
   color: #428bca;
}