* {
	margin: 0;
}
h1, h2, h3, h4, h5, h6, input, select, textarea, ul, ol, li, p, span, div {
	margin: 0;
	padding: 0;
}
html {
	min-height: 100%;
	position: relative;
}
body {
	min-height: 100%;
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
	background: #f0f3f3;
	padding-bottom: 56px;
	min-height: 576px;
} 
::focus {
 outline: -webkit-focus-ring-color auto 0px;
}
:focus, a:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

::-webkit-input-placeholder {
 color:  rgba(179,181,182,0.8) !important;
}

:-moz-placeholder {
 color: rgba(179,181,182,0.8) !important;
}
::-moz-placeholder {
 color:  rgba(179,181,182,0.8) !important;
}
:-ms-input-placeholder {
 color: rgba(179,181,182,0.8) !important;
}

 @media (min-width: 1062px) {
.container {
	width: 1032px;
}
}
/*------------------------------------fonts-------------------------------------------*/
@font-face {
	font-family: 'open_sanslight';
	src: url('../fonts/opensans-light-webfont.eot');
	src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('../fonts/opensans-bold.eot');
	src: url('../fonts/opensans-bold.eot') format('embedded-opentype'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'), url('../fonts/opensans-bold.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansSemibold';
	src: url('../fonts/opensans-semibold.eot');
	src: url('../fonts/opensans-semibold.eot') format('embedded-opentype'), url('../fonts/opensans-semibold.woff') format('woff'), url('../fonts/opensans-semibold.ttf') format('truetype'), url('../fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
}

.light-text{font-family: 'open_sanslight';}
.regular-text{font-family: 'OpenSansRegular';}
.bold-text{font-family: 'OpenSansBold';}
@font-face {
	font-family: 'Reports-font';
	src:url('../fonts/Reports-font.eot?k0xc74');
	src:url('../fonts/Reports-font.eot?#iefixk0xc74') format('embedded-opentype'),
		url('../fonts/Reports-font.ttf?k0xc74') format('truetype'),
		url('../fonts/Reports-font.woff?k0xc74') format('woff'),
		url('../fonts/Reports-font.svg?k0xc74#Reports-font') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],.ui-state-default .ui-icon,.bookwise-move-to-next,.full-screen-view,
.opr-custom-drops-wrap:before {
	font-family: 'Reports-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-File:before {
	content: "\e600";
}
.highlight_created-icon:before {
	content: "\e601";
}
.hyperlink_created-icon:before {
	content: "\e602";
}
.weblink_created-icon:before {
	content: "\e603";
}
.icon-graph:before {
	content: "\e604";
}
.icon-table:before {
	content: "\e605";
}
.bookmarks_created-icon:before {
	content: "\e606";
}
.icon-breadcrumb-arrow:before {
	content: "\e607";
}
.icon-Data-sync:before {
	content: "\e608";
}
.icon-DropdownArrow:before,.ui-state-default .ui-icon:before{
	content: "\e609";
	color:#646566;
    font-size: 11px;
    left: 9px;
    top: 9px;
    position: relative;
}
.ui-state-default .ui-icon:before{
	top:5px;
}

.icon-Enrichment-viewed:before,.enrichment_count-icon:before {
	content: "\e60a";
}
.icon-info:before {
	content: "\e60b";
}
.icon-Keyword-search:before,.keyword_searched-icon:before  {

	content: "\e60c";
}
.notes_created-icon:before {
	content: "\e60d";
}
.icon-popout:before,.full-screen-view:before {
	content: "\e60e";
	color: #B1B1B1;

}
.icon-Quizzes-attempted:before {
	content: "\e60f";
}
.icon-reset:before {
	content: "\e610";
}
.icon-Row-arrow:before,.bookwise-move-to-next:before {
	content: "\e611";
	font-size: 20px;
	color: #6f7b8a;
}


.icon-Search:before {
	content: "\e612";
}
.icon-Sorting-arrow:before {
	content: "\e613";
}
.icon-user:before {
	content: "\e614";
}
.voice_note_created-icon:before {
	content: "\e615";
}




/*------------------------------------bootstrap css over write-------------------------------------------*/

/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left:20px;
	padding-right:20px;
}*/


/*------------------------------------header css-------------------------------------------*/
.header {
	padding-top: 17px;
	padding-bottom: 17px;
}
.navbar-brand {
	/*background: url(../images/logo.png) no-repeat;
	*/text-indent: -9999px;
	width: 205px;
	height: 47px!important;
	padding: 0;
	background-size: 205px 34px;
	top: 6px;
  	position: relative;
}


.username {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}
.username_saas {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	/*cursor: pointer;*/
}
.username-text {
	display: inline-block;
	vertical-align: middle;
	max-width: 112px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	font-size: 12px;
	color: #c9c9c9;
	font-family: openSansRegular;
	margin-right: 5px;
}
.username_saas-text {
	display: inline-block;
	vertical-align: middle;
	max-width: 112px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*cursor: pointer;*/
	font-size: 12px;
	/*color: #c9c9c9;*/
	font-family: openSansRegular;
	margin-right: 5px;
}
.username:after {
	content: '';
	background: url(../images/user-arrow.png) center -5px no-repeat;
	width: 20px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	border-left:1px solid #d0d0d0;
}
.username_saas:after {
	content: '';
	/*background: url(../images/user-arrow.png) center -5px no-repeat;*/
	width: 20px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	/*border-left:1px solid #d0d0d0;*/
}
.user-image {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.user-icon {
	  background: url(../images/user-icon.png) no-repeat center center;
  display: table-cell;
  vertical-align: middle;
  width: 46px;
  height: 47px;
}
.dropdown-menu {
	background-color: #ffffff;
	border: 1px solid rgba(143, 142, 137, 0.5);
	font-size: 12px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0;
        z-index: 99999;
}
.userdropdown {
	left: auto;
  min-width: 146px;
  right: 0;
  margin: 0;
  top: 35px;
}
.userdropdown li a{
	padding:10px 20px;
}
.userdropdown:before, .userdropdown:after, .select-book-dropdown:before, .select-book-dropdown:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.userdropdown:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: rgba(143, 142, 137, 0.5);
	border-width: 8px;
	left: auto;
	right: 3px;
}
.userdropdown:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	left: auto;
	right: 4px;
}
.breadcrumb-border {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 7px;
	padding-bottom: 7px;
}
.header-bottom-border {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 20px;
	margin-top: 0px;
	display: flex;
	align-items: flex-end;
}
.header-bottom-border .header_right{
	display: flex;
	align-items: flex-end;
}
.breadcrumb {
	background-color: transparent;
	font-size: 0.8em;
	color: #979797;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 0;
	border-radius: 0;
}
.breadcrumb a{
	color: #047A9C;
	text-decoration: none;
}
/*heading css*/
h1 {
	font-family: 'open_sanslight', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: #37474f;
	display: inline-block;
	vertical-align: middle;
}
.duration {
	display: block;
	font-size: 11px;
	color: #999999;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.select-box button {
	background: #fff;
	border: 1px solid #d0cfcf;
	vertical-align: middle;
	display: inline-block;
	width: 224px;
    position: relative;
	padding: 0 5px 0 7px;
}

.select-box button,.select-box button.ui-state-focus {
	min-width: inherit!important;
	width: 217px;
        height: 32px;
	font-weight: normal;
	margin-right: 0;
}

.select-box button.ui-button-text-icon-secondary .ui-button-text {
	white-space: nowrap;
	/*background: url(../images/time-icon.png) left 7px no-repeat;*/
    font-size: 12px;
    padding-left: 0;
	color: #999999;
	display: inline-block;
	width: 208px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: openSansRegular;
	line-height: 21px;
	height: 28px;
}
.drop-arrow {
	width: 21px;
	height: 20px;
	background: url(../images/user-arrow.png) left no-repeat;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 13px;
	top: 48px;
	display: none;
}
.student-topics-text {
	display: inline-block;
}
/*------------------------------------chart css-------------------------------------------*/
.chart-wrapper {
	margin-bottom: 30px;
	position: relative;
	background-color: #fff;
	padding:20px;
    box-shadow: 1px 2px 2px #cacaca;
    -webkit-box-shadow: 1px 2px 8px #cacaca;
    -moz-box-shadow: 1px 2px 2px #cacaca;
    min-height: 300px;
	
}
h2 {
	font-size: 1.1em;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}
/*------------------------------------footer css-------------------------------------------*/
.footer {
	position:  absolute;
    max-width: 1002px;
    bottom: 0;
    border-top: 1px solid #e4e4e4;
    padding: 10px;
    left: 0;
    color: #999999;
    font-size: 0.85em;
    right: 0;
    margin: auto;
}
.excel-b-logo {
	background: url(../images/excel-logo.svg) right center no-repeat;
	height: 26px;
	width: 88px;
	float: right;
}/*------------------------------------book meta data-------------------------------------------*/
#book-wise svg.nvd3-svg, #book-wise-time-distribution svg.nvd3-svg {
	height: 400px;
	cursor: pointer;
}

#chart-place{ margin-top: -24px;}
.minHeightSections{ height: 450px; overflow: hidden;}
#popupbookperformance svg.nvd3-svg {
	height: 400px;
}

/*------------------------------------Tooltip CSS-------------------------------------------*/

.nvtooltip.xy-tooltip {
	min-height: 80px;
	max-width: 266px;
	min-width: 245px;
	background: rgba(47,50,52,.9);
	color: #fff;
	padding: 10px;
	font-family: openSansRegular;
  display:block;
  height: auto;
}
.nvtooltip.xy-tooltip{
position: relative;
}

.nvtooltip.xy-tooltip .green-title{
  color:#a7c984;
  font-size: 11px;
  display: block;
  margin-bottom:10px;
  white-space: normal;
}
.nvtooltip.xy-tooltip .yellow-title{
  color:#f5d76e;
  font-size: 11px;
  display: block;
  margin-bottom:10px;
  white-space: normal;
}
.nvtooltip.xy-tooltip .yellow-hours{
  display: block;
  text-align: center;
  color:#dfdfdf;
  font-size: 12px;
}
.nvtooltip.xy-tooltip .yellow-per{
  color:#fff;
  font-size: 18px;
  display:inline-block;
}

.nvtooltip.xy-tooltip .percentage-wrapper{
  width: 70px;
  display:inline-block;
  vertical-align: middle;
}
.nvtooltip.xy-tooltip .percentage{
  color:#fff;
  font-size: 18px;
  display:block;
  line-height: 15px;
}
.nvtooltip.xy-tooltip .scores{
  color:#dfdfdf;
  font-size: 12px;
  display:block;
}
.attempted{
  display:inline-block ;
  width:150px;
  font-size: 12px;
  color: #dfdfdf;
}
.attempt-numbers{
  font-family:'OpenSansBold';
  color:#fff;
}
.nvtooltip.xy-tooltip .performance-tooltip .tooltip-thumb{
float:left;
width:45px;
margin-right:20px;
}
.nvtooltip.xy-tooltip .performance-tooltip .performance-text{
float:left;
width:158px;
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.nvtooltip.xy-tooltip .performance-tooltip.platform-tooltip .performance-text{
width:126px;
}
.nvtooltip.xy-tooltip .performance-tooltip .performance-text span{
  display: block;
  color: #dfdfdf;
  white-space: normal;
  font-size: 12px;
}
.nvtooltip.xy-tooltip .performance-tooltip .performance-text span.attempt{
font-family:'OpenSansBold';
font-size: 14px;
display:inline-block;
color:#fff;
}
.nvtooltip.xy-tooltip .performance-tooltip .performance-text span.hours{
  font-family: openSansRegular;
display:inline-block;
}
.tooltip-thumb img {
	width: 100%;
	height: auto;
	margin: 0;
	max-width: 49px;
	max-height: 60px;
    min-height: 60px;
}


/*------------------------------------END of Tooltip CSS-------------------------------------------*/


/*------------------------------------Book Details CSS-------------------------------------------*/

.book-meta-details {
	font-size: 18px;
	color: #36393b;
	font-family: 'OpenSansSemibold';
	line-height: 35px;
}
.book-meta-thumb {
	margin-right: 12px;
}
.meta-author,.listing-view-details {
	display: block;
	font-size: 12px;
	color: #999999;
        max-width: 250px
	/*margin-bottom: 27px;*/
}
.book-meta-listing {
	display: inline-block;
	/*border: 1px solid #e5e4e4;*/
	width: 460px;
        
}
.book-meta-thumb img {
	width: 128px;
	height: 178px;
	border: 1px solid #e1e1e1;
}
.book-meta-listing li {
	display: inline-block;
	width: 138px;
	font-size: 12px;
	color: #999999;
	white-space: nowrap;
	border: solid 1px #e4e4e4;
	text-align: center;
	padding: 1px;
	margin-right: 15px;
}
.book-meta-listing li span {
	display: block;
	text-align: center;
}
.metalisting-label-value {
	font-size: 25px;
	color: #333;
	font-family: 'OpenSansSemibold';
	overflow: hidden;
	padding-top: 29px;
}
.metalisting {
    color: #666;
    font-size: 11px;
    max-width: 60px;
    white-space: normal;
    margin: auto;
}

.full-screen-popup {
	background: #fff;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	display: none;
	  padding: 20px;
}
/*Activity log icons*/
.chart-wrapper h2 {
	font-size: 1.3em;
	/*background: url("../images/question-icon.png") no-repeat right center;*/
	padding-right:30px;
	line-height: 20px;
	margin-bottom:30px;
	position: relative;
    z-index: 1;
}
.chart-place ul {
	margin: 0 0 0 0;
	list-style: none;
	padding-left: 0;
	font-size: 13px;
	color: #595959;
}
#divUseractivityLog.chart-place {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	margin-top: 0px;
	margin-right: 20px;
}
/*------------------------------------END Book Details CSS-------------------------------------------*/

/*------------------------------------Right Section Scrollbar CSS-------------------------------------------*/
#divUseractivityLog.chart-place::-webkit-scrollbar,.donut-right-svg::-webkit-scrollbar,#chart1::-webkit-scrollbar,.mega-menu-content-right::-webkit-scrollbar {
 width: 5px;
}
 
/* Track */
#divUseractivityLog.chart-place::-webkit-scrollbar-track,.donut-right-svg::-webkit-scrollbar-track,#chart1::-webkit-scrollbar-track,.mega-menu-content-right::-webkit-scrollbar-track {
 background:#d5d5d5;
}
 
/* Handle */
#divUseractivityLog.chart-place::-webkit-scrollbar-thumb,.donut-right-svg::-webkit-scrollbar-thumb,#chart1::-webkit-scrollbar-thumb,.mega-menu-content-right::-webkit-scrollbar-thumb {
background: #acabab;
}
#divUseractivityLog.chart-place::-webkit-scrollbar-thumb:window-inactive,.donut-right-svg::-webkit-scrollbar-thumb:window-inactive,#chart1::-webkit-scrollbar-thumb:window-inactive,.mega-menu-content-right::-webkit-scrollbar-thumb:window-inactive {
 background: #acabab;
}
#chart1{ min-width: 460px;}
header {	background: #000;}
#chart-place{ margin-top: -40px;}


/*-------------------Activity log icons & images-------------------------*/
#divUseractivityLog.chart-place ul li {
	padding:8px 0  8px 0;
	color:#787878;
	line-height: 24px;
}
#divUseractivityLog.chart-place ul li:before{ font-family: 'Reports-font';font-size: 23px;position: relative;top: 5px;margin-right: 12px;
    margin-left: 1px;}
#divUseractivityLog.chart-place ul li:first-child{
	padding-top:0;
}
#divUseractivityLog.chart-place ul li span {
	font-family: 'openSansBold';
}
/*.enrichment_count-icon {
	background: url("../images/enrichmentsViewed.png") no-repeat left center;
}
.notes_created-icon {
	background: url("../images/notesCreated.png") no-repeat left center;
}
.voice_note_created-icon {
	background: url("../images/voicenNotesCreated.png") no-repeat left center;
}
.hyperlink_created-icon {
	background: url("../images/bookmarksCreated.png") no-repeat left center;
}
.weblink_created-icon {
	background: url("../images/weblink_created.png") no-repeat left center;
}*/
.quiz_created-icon {
	background: url("../images/Quizzes_attempted.png") no-repeat left center;
}
.file_annotation_created-icon {
	background: url("../images/file_annotation_created-icon.png") no-repeat left center;
        display:none;
}
/*.bookmarks_created-icon {
	background: url("../images/bookmarksCreated.png") no-repeat left center;
}
.hyperlink_created-icon {
	background: url("../images/hyperlink_created.png") no-repeat left center;
}
.highlight_created-icon {
	background: url("../images/highlight_created.png") no-repeat left center;
}*/

.dataSync-icon {
	background: url("../images/dataSync.png") no-repeat left center;
}
.nvtooltip.xy-tooltip div.pull-left:before {
	height: 20px;
	width: 20px;
	background: red;
	display: inline-block;
	bottom: -30px;
}
.main-heading {
	font-size: 24px;
	font-family: openSansSemiBold;
	padding-top: 15px;
	  color: #36393b;
}
.full-screen-view {
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0;
	cursor: pointer;
    top: 5px;
    position: relative;
}
.help-view-link {
	display: none;
	background: url("../images/helpIcon.png") no-repeat left center;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	margin-left: 4px;
	cursor: pointer;
}
.bookwise-circular-progress-bar svg.nvd3-svg, .bookwise-time-spent-meter svg.nvd3-svg {
	height: 120px;
	position: absolute;
	top: -4px;
	width: 120px;
	margin: auto;
	left: 18px;
	right: 0;
}
.bookwise-circular-progress-bar svg.nvd3-svg{ height: 100px; width:100px;}
.bookwise-range-picker{
    margin-top: 12px;
    display: block;
}
.bookwise-range-picker svg {
	height: 55px;        
}
.bookwise-time-spent-meter svg.nvd3-svg {
	width: 160px;
	height: 160px;
	  left: 17px;
}
/*---------------------------Overriding of D3 CSS-------------------------*/
#divChapScorePerformance svg.nvd3-svg {
	height: 400px;
}
#divChapTimePerformance svg.nvd3-svg {
	height: 400px;
	margin-bottom: 15px;
}
#divchapterwiseEngagement svg.nvd3-svg {
	height: 650px;
}
.nv-axislabel, .tick {
	fill: #000;
	font-size: 11px;
	font-family: openSansRegular;
}
.nv-axislabel {
	text-transform: uppercase;
}
.container .chart-wrapper .nvd3 text, .nvd3 .nv-axis .nv-axisMaxMin text {
	font-family: openSansRegular;
	fill: #6f7b8a;
	font-weight: normal!important;
  height: 100px;
 
}
.container .chart-wrapper .nvd3 .nv-axis path.domain {
	stroke-opacity: 0!important;
}
#book-wise .nvd3 .nv-multibar .nv-groups rect, #book-wise .nvd3 .nv-multibarHorizontal .nv-groups rect, #book-wise .nvd3 .nv-discretebar .nv-groups rect {
/*	width: 70px;*/
}
/*---------------------Section grid classes-----------------------------------*/
.section-grid, .chart-place ul.section-grid {
	display: table;
	margin-top: 6px;
	width: 100%;
	min-width: 688px;
}
.section-grid li {
	display: inline-block;
	vertical-align: top;
}
.section-grid li > span {
	position: relative;
}
.section-grid li:last-child{ border:none;}
.grid-header {
	color: #6f7b8a;
	font-size: 1em;
	font-family: openSansSemiBold;
	height: 35px;
}
.column-next, .column-averagescore, .column-resources, .column-annotation, .column-timespent, .column-bookwise-details {
	text-align: center;
	display: table-cell;
	vertical-align: top;
        position: relative; 
}
.column-bookwise-details {
	width: 274px;
	text-align: left;
}
.column-timespent {
	width: 162px;
	position: relative;
}
.bookwise-range-value {
	position: absolute;
	top: 40px;
	left: 45px !important;
}
.column-averagescore .bookwise-range-value {
	top: 43px;
}
.annotation-bookwise-range-value {
	position: absolute;
	top: 48px;
	left: 55px;
}
.resource-bookwise-range-value {
	position: absolute;
	top: 48px;
	left: 55px;
}
.column-annotation {
	width: 185px;
}
.column-resources {
	width: 162px;
}
.column-averagescore {
	width: 133px;
 }
.column-next {
	width: 47px;
        top:15px;
}
.column-next a{
    margin-top: 16px;
display: inline-block;
  float: right;
}
.bookwise-info-image img {
	width: 58px;
	height: 70px;
	border: solid 1px #e0e0e0;
}
.grid-content-row {
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 26px;
	padding-top: 26px;
	position: relative;
	min-height: 105px;
}
.grid-content-row a span{ color:#595959;}

.bookwise-name,.grid-content-row a span.bookwise-name {
	font-family: openSansSemiBold;
	font-size: 14px;
	color: #2f3234;
	max-width: 255px;
	display: block;
}
.bookwise-info-image {
	margin-right: 9px;
}
.inlineBlock {
	display: inline-block;
	vertical-align: middle;
}
.bookwise-author-name {
	font-size: 12px;
	color: #999999;
	font-family: openSansRegular;
	display: block;
}
.bookwise-move-to-next {
/*	background: url("../images/arrow-next.png") no-repeat left center;*/
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.bookwise-range-picker bullet nvd3 nvd3-svg {
	width: 112px;
}
.big-font {
	font-size: 28px;
	font-family: openSansBold;
}
.column-timespent .bookwise-range-value {
	left: 45px;
}
.comiseo-daterangepicker * {
	font-family: openSansRegular;
	font-weight: normal!important;
	text-shadow: none;
	font-size: .978em!important;
	border-radius: 0!important;
	background-color:transparent;
}
.ui-state-selected {
    background-color: #f0f0f0 !important; /* Light gray background */
}
/* .comiseo-daterangepicker #ui-id-2, .comiseo-daterangepicker #ui-id-3, .comiseo-aterangepicker #ui-id-7, .comiseo-daterangepicker #ui-id-5, .comiseo-daterangepicker #ui-id-11, .comiseo-daterangepicker #ui-id-10, .comiseo-daterangepicker #ui-id-13, .comiseo-daterangepicker #ui-id-15 {
	display: none;
} */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .comiseo-daterangepicker td a.ui-state-default, .ui-widget-header {
	background: none!important;
	background-image: none !important;
	border: none!important;
}
.comiseo-daterangepicker td.ui-state-highlight a.ui-state-default {
	background: rgb(138, 138, 138)!important;
	border: none!important;
}
.ui-datepicker-multi .ui-datepicker-group table:first-child, .ui-datepicker-multi .ui-datepicker-group table {
	width: 100%!important;
	margin: 0 auto 0!important;
}
.username.pRelative.dropdown.select-box {
	width: 170px;
	min-height: 33px;
	padding: 4px;
}
.username.pRelative.dropdown.select-box:after {
	content: '';
	background: url(../images/user-arrow.png) center center no-repeat;
	width: 29px!important;
	height: 9px;
	display: inline-block;
	width: 20px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 6px;
}
.dropdown.select-box .username-text {
	color: #999999;
}
#bookmeta {
	display: inline-block;
	width: 100%;
}
.progress-bar-outer-container {
	height: 40px;
	display: block;
	position: relative;
}
/*.progress-bar-outer-container *{ display: inline-block; vertical-align: middle; }*/
#student-topics-text, #student-resources-text {
	width: 145px;
	font-family: openSansRegular;
	font-size: 11px;
	color: #6f7b8a;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
#student-topics, #student-resources {
	width: 460px;
	display: inline-block;
	vertical-align: middle
}
.footer-label-view {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f8f8f8;
	height: 38px;
	font-size:12px;
	color:#999999;
}
.book-details-left-section {
	padding-bottom: 40px;
	min-height: 400px;

}
.book-details-right-section {
	min-height: 400px;
}
.teacher-wise-report-xls-button{
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	border: none;
	padding: 6px 15px;
	background-color: #047A9C;
	background-image: url(../images/xls.png);
	background-repeat: no-repeat;
	background-position: 7px 8px;
	padding-left: 27px;
	font-family: 'OpenSansSemibold';
	}

/*--------------login page css start------------*/
.login-main {
	position: absolute;
	top: 89px;
	bottom: 77px;
	left: 0;
	right: 0;
	overflow: auto;
}
.login-wrapper {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}
.login-wrapper-cell {
	display: table-cell;
	vertical-align: middle;
}
.login-center-wrapper {
	width: 560px;
	margin: 0 auto;
	padding: 1%;
	border: 1px solid #e7e5e5;
	background: #fff;
}
.login-center-wrapper h1 {
	font-size: 25px;
	color: rgba(2,158,227,1);
	font-weight: normal;
	text-align: center;
	margin-bottom: 15px;
	display: block;
	font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
}
.login-center-wrapper .form-horizontal {
	padding: 1.0em 1em 0 1em;
}
.login-center-wrapper .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2em;
}
.login-center-wrapper .form-horizontal .control-label {
	display: none;
}
.login-center-wrapper .form-horizontal .form-control {
	font-size: 18px;
	line-height: 1.42857143;
	color: #89949b;
	border: 1px solid #b5b4b4;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 49px;
	margin-bottom: 0;
	background: #fff;
}
.forgot-password a {
	color: #b2babe;
	text-decoration: underline;
	padding: 5px 0;
}
.forgot-password a:hover {
	text-decoration: none;
}
.login-center-wrapper .form-horizontal .controls .btn {
font-size: 20px;
  line-height: 35px;
  font-family: 'OpenSansSemiBold';
  color: #fff;
  background-color: #047A9C;
  padding: 9px 40px 9px;
  border: 0px;
  border-radius: 0px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 1em;
}
.login-massage {
	display: none;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -264px;
	padding: 8px 10px;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
	max-width: 506px;
	font-size: 14px;
}
.login-message-error, .login-message-success {
	padding: 8px 10px;
	max-width: 506px;
	margin-left: -253px;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
}
.login-message-error {
	color: #c97212;
	background: #fcf8e3;
	border: 1px solid #fdc689;
}
.login-message-success {
	color: #c97212;
	background: #fcf8e3;
	border: 1px solid #fdc689;
}


.login-bottom {
  color: #777777;
  height: 36px;
}
.login-bottom-row {
  padding: 7px 0px 0px 0px;
  margin: 0 25px;
}
.poweredby {
  color: #B5B5B5;
  float: left;
  width: 25%;
}
.powered {
  background-image: url(../images/openpage-logo.svg);
  height: 26px;
  width: 80px;
  margin-left: 15px;
}

.footer-text {
  width: 39%;
  text-align: left;
  color: #7d7d7e;
  font-size: 12px;
  float: left;
  margin-top: 3px;
}
.footer-right{
	float:right;
}
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 background-color:#fff;
}
.advance {
	padding: 13px 0;
	border: 1px solid #bdbcbc;
}
.advance .accordion-view-login a {
	color: rgba(179,181,182,0.8);
	text-decoration: none;
	font-size:18px;
}
.advance .accordion-view-login a:hover {
	text-decoration: none;
}
.login-center-wrapper .caret {
	float: right;
	border-top: 6px solid #666666;
	border-right: 4px solid transparent;
	margin-top: 8px;
}
.meta-data-labels {
	
	padding-top: 10px;
}
.current-time, .outside-time, .not-viewed {
	width: 12px;
	height: 12px;
	background: #9dd4ff;
    display: inline-block;
    margin-right: 6px;
    top: 1px;
    position: relative;
}
.outside-time {
	background: #e8be81;
}
.not-viewed {
	background: #e8e8e8;
}
input[type=radio].css-rediobox {
	display: none;
}
input[type=radio].css-rediobox + label.css-label-radio {
	padding-left: 25px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	background-image: url(../images/rediobtn.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 12px;
	vertical-align: middle;
	cursor: pointer;
	font-weight: normal;
	text-transform: capitalize;
	color: #979797;
	letter-spacing: 0;
}
input[type=radio].css-rediobox + label.css-label-radio:hover {
	background-position: -0px -27px;
}
input[type=radio].css-rediobox:checked + label.css-label-radio {
	background-position: 0px -54px;
}

label.css-label-radio {
	/*background-image: url(../images/radio-btn.png);*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
	border-radius: 0px !important;
}
.ui-button.ui-state-focus{
	border:none !important;
}
.meta-data-score-student-topics, .meta-data-score-student-resources {
	position: absolute;
	top: -12px;
	left: 145px;
	right: 0;
}

/*-------select book filter csss----------*/
.select-book-filter{
	background: #fff;
  border: 1px solid #d0cfcf;
  vertical-align: middle;
  display: inline-block;
  width: 175px;
  padding: 4px 5px 5px;
  cursor: pointer;
  height: 32px;
}
.select-book-search{
	background: #fff;
  border: 1px solid #d0cfcf;
  vertical-align: middle;
  display: inline-block;
  width: 175px;
  padding: 4px 5px 5px;
  cursor: pointer;
  height: 32px;
}
.select-book-search input{
	border:none;
	font-size: 1em;
}
.select-book-search input::placeholder{
	font-size: 1em;
    color: #999999;
}
.select-box input{ display: none;}
.selectbooks{
	display:inline-block;
	width:85%;
	white-space: nowrap;
  font-size: 0.85em;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
   position: relative;
  top: 2px;

}

.select-book-filter.dropdown-toggle:after {
  width: 30px;
  height: 27px;
  position: absolute;
  right: 0px;
  top: 2px;
  content: '';
  background: url(../images/dropdown-arrow.png) center center no-repeat;
  border-left: 1px solid #d0cfcf;
}
.select-book-dropdown{
	min-width:310px;
	margin:0;
	top:52px;
	max-height: 150px;
	overflow: hidden;
	overflow-y:auto;
}
.select-book-dropdown > li > a{
	padding:10px 10px;
  white-space:normal;
  word-break: break-word;
}
.select-book-dropdown:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: rgba(143, 142, 137, 0.5);
	border-width: 8px;
	left: auto;
	right: 7px;
}
.select-book-dropdown:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	left: auto;
	right: 8px;
}
.ui-state-default .ui-icon{
  width: 30px;
  height: 27px;
  position: absolute;
  right: 0px;
  top: 9px;
  content: '';
  background-image: none;
  border-left: 1px solid #d0cfcf;
  text-indent:0;
  background-image: none;
  }

.comiseo-daterangepicker{
  border-radius: 0px !important;
  background: #fff !important;
  background-image: none !important;
  padding:20px !important;
}
.ui-widget-content{
background: #fff !important;	
}
.ui-widget-header{
	background-color:#047A9C !important;
}
.ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon{
background: url("../images/calender-next-arrow.png") no-repeat left center;
}
.ui-datepicker .ui-datepicker-prev span.ui-icon{
background: url("../images/calender-pre-arrow.png") no-repeat left center;
}
.comiseo-daterangepicker-presets{
	float: left;
  border-right: 1px solid #e7e7e7;
  margin-right: 10px;
  padding: 0 20px 0 0 !important;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar{
	float:right;
	border-right-width: 0px !important;
	padding-right: 0 !important;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content{
	float:left !important;
}
.comiseo-daterangepicker ul.ui-widget-content li a{
font-size: 12px !important;
color:#333333 !important;
}
.ui-state-focus, .ui-widget-content .ui-state-focus{
	background-color:#f8f8f8 !important;
	background-image: none !important;
	border:1px solid #e7e7e7 !important;
}
.comiseo-daterangepicker-buttonpanel .ui-priority-primary{
	background-color:#047A9C!important;
	color:#fff;
	border:none;
}
.comiseo-daterangepicker-buttonpanel .ui-priority-secondary{
  color: #43494c !important;
  background: #f0f0f0 !important;
  border: 1px solid #c8c8c8 !important;
}
.comiseo-daterangepicker-buttonpanel .ui-priority-secondary.ui-state-hover {
  background: #ebebeb !important;
}
.ui-datepicker .ui-datepicker-calendar th{
	text-align: center;
	font-family: 'OpenSansBold' !important;
	color:#000;
}
.ui-datepicker-group.ui-datepicker-group-first{
border-right: 1px dashed #e7e7e7;
  padding-right: 20px;

}
.ui-datepicker-group.ui-datepicker-group-last{
padding-left: 20px;
}
.ui-datepicker-calendar .ui-state-default{
	color:#333;
}


.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-highlight{
	background-color: #047A9C !important;
	color:#fff !important;
}
.ui-datepicker td span, .ui-datepicker td a{
	text-align: center !important;
}
.no-data{
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  font-weight: normal;
}
.no-data-found{
    font-size: 18px;
    text-align: center;
    display:block;
    line-height: 160px;


}

/*------------------------------------Google Charts CSS-------------------------------------------*/

div.google-visualization-tooltip { 
  min-height: 95px;
  height: auto!important;
  width: 230px;
  background: rgba(47,50,52,.9);
  color: #fff;
  padding: 10px;
  font-family: openSansRegular;
  display: block;
  border: none;
  box-shadow: none;
  border-radius: 0px;
}

.comiseo-daterangepicker-buttonpanel button:nth-child(2),.google-visualization-tooltip-item > span,.google-visualization-tooltip-square,.google-visualization-tooltip li.google-visualization-tooltip-item:nth-child(1),.google-visualization-tooltip li.google-visualization-tooltip-item:nth-child(2),.google-visualization-tooltip li.google-visualization-tooltip-item:nth-child(3),.google-visualization-tooltip li.google-visualization-tooltip-item:nth-child(4){ display: none!important;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:first-child {
  font-size: 11px;
  color: #f5d76e;
  font-weight: normal;
  float: left;
  width: 95%;
  margin-bottom: 8px;

}
.performance-tooltip.platform-tooltip div{ white-space: normal;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(2){  margin-top: 9px;width:60px;}

.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3){padding-left: 11px;  width: 167px;}

.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(2) span:nth-child(1){
    font-size: 18px;
    font-family: openSansBold;
        color: #fff;
}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(2) span:nth-child(2){
    color: #dfdfdf;
    font-size: 12px;
    display: block;
    margin-top: -3px;
}

.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(2),.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) { float: left;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(1) span:nth-child(1) { height: 8px; width: 8px; display: inline-block;  background-color: rgb(246, 220, 121); margin-right: 3px;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(1) span:nth-child(2) { font-size: 12px;color: #fff;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(2) span:nth-child(1) {  background-color: rgb(176, 208, 143);height: 8px; width: 8px; display: inline-block;margin-right: 3px;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(2) span:nth-child(2) {   font-size: 12px; color: #fff;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(3) span:nth-child(1) {  background-color: rgb(84, 154, 210);height: 8px; width: 8px; display: inline-block;margin-right: 3px;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(3) span:nth-child(2) {    font-size: 12px;color: #fff;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(4) span:nth-child(1) {    background-color: rgb(0, 0, 0);height: 8px; width: 8px; display: inline-block;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip div:nth-child(3) p:nth-child(4) span:nth-child(2) {   font-size: 12px; color: #fff;}
.google-visualization-tooltip li.google-visualization-tooltip-item #divIdToolTip{ display: block!important;width: 227px; padding-bottom: 10px;   margin-top: -14px;
  position: relative; }
.google-visualization-tooltip-item-list, .google-visualization-tooltip-item {
  margin: 0;
}

.column-averagescore .bookwise-range-value{
    left: 0!important;
    right: 0;
    margin: auto;
}

/*------------------------------------END of Google Charts CSS-------------------------------------------*/



/*------------------------------------Publisher side CSS-----------------------------------------------------------------*/

.column-timespent .bookwise-range-value {
  left: 0 !important;
  right: 11px;
  margin: auto;
  margin-top: 9px;
}
  #divIdToolTip div:first-child{ color:#cacaca;}

.column-annotation .annotation-bookwise-range-value,.column-resources .resource-bookwise-range-value{
  left: 44px;
  margin: auto;
  width: 62px;
  text-align: center;
  display: block;
  padding: 0;
}
.boldText{ font-family: openSansBold;}
.full-screen-popup h1{ font-family: openSansSemiBold;
  margin-top: 35px;
  display: block;
  text-align: center;}

.full-screen-popup .full-screen-view:before{content:'';}
.full-screen-popup   .full-screen-view{background: url("../images/iconClosePopup.png") no-repeat left center;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  cursor: pointer;
  background-size: 30px;
}
.column-bookwise-details .inlineBlock{max-width: 200px;}


.nv-axis.nv-x .tick line{ display: none;}
.meterArrow {
   height: 42px;
  width: 5px;
  background: url(../images/meterArrow.png) no-repeat;
  display: block;
  position: absolute;
  left: 72px;
  z-index: 9;
  top: 2px;
  background-position: -8px;
  -webkit-transition: transform 1s linear;
  -webkit-transform-origin: bottom center;
  -webkit-transform-style: preserve-3D;
  transition: transform 1s linear;
  transform-origin: bottom center;
  transform-style: preserve-3D;

}
#divreadingtrends{ height: 400px;}
#instsubscibtop, #instsubscibbottom{ margin-left: 10px;}
#bookwiseredingtrends #divreadingtrends{ height: 300px; margin-left: -18px; position: relative;}
.min-height-publisher{ min-height: 492px;}
.book-meta-listing.listing-publisher-view{width:564px;}
.book-meta-listing.listing-publisher-view li{   width: 122px;  float: left;    height: 134px;    margin-right: 9px; border:solid 1px #e1e0e0; }


.book-meta-listing.listing-publisher-view li:nth-child(2){ border-bottom: solid 8px #6bb9f0; }
.book-meta-listing.listing-publisher-view li:nth-child(3){ border-bottom: solid 8px #e8be81; }
.book-meta-listing.listing-publisher-view li:nth-child(4){ border-bottom: solid 8px #bcd693; }
.book-meta-listing.listing-publisher-view li:nth-child(5){ border-bottom: solid 8px #cb7e74; }


.book-meta-listing.listing-publisher-view li.book-listing-view-header{  display: block;  width: 100%;border-right: 0; height: auto; border:none;     margin-bottom: 6px;}
.book-meta-listing.listing-publisher-view li.book-listing-view-header .listing-view-details{  margin: 9px 3px 9px 3px;
  display: inline-block; padding: 0px 10px 0px 2px;      font-size: 16px;
    line-height: 11px;
    color: #666666;}
  .book-meta-listing.listing-publisher-view li.book-listing-view-header .listing-view-details:nth-child(2){ border-right:none;}
  .greyBottomBorder{ border-bottom: solid 1px #dcdcdc;  display: block; margin-bottom: 25px;  margin-left: 16px;  margin-right: 15px;  max-width: 1000px; clear: both;}

  .preloader{
    width: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.6em solid rgba(62, 62, 62, 0.2);
    border-right: 0.6em solid rgba(62, 62, 62, 0.2);
    border-bottom: 0.6em solid rgba(62, 62, 62, 0.2);
    border-left: 0.6em solid #6f6f6f;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	
}
.preloader, .preloader:after {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
 @-webkit-keyframes load8 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes load8 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

.preloader-container,.usagereadingtrend-preloader-container,.pub-usageplatform-preloader-container,.pub-usagebookwiseengagement-preloader-container, .ins-usageplatform-preloader-container,.studentwiseclassperformance-preloader-container,.performanceByStudent-preloader-container,.classPerformanceByQuiz-preloader-container,.corelation-preloader-container,.student-book-progress-preloader-container,.student-time-spent-books-preloader-container{   top: 0;position:absolute;left:0; right:0; background: rgba(0,0,0,0.1); height:100%; width:100%; z-index:999; text-align:center;}

.time-distribution-footer{ position: absolute; bottom: 0; height: 78px;  left: 1px;
  right: 0;
  max-width: 100%;}
/*
* Porting | BugId: 68576 | BugId: 68577 |
* Platform-wise Distribution | Android Title is appearing slightly outside from the platfrom list
* & Book-wise Engagement | Duration drop down is appearing outside of the book details boundary
* Commit: b02c4c0231e6eed430c99a4f90eb19a249218201
*/
.time-distribution-footer ul{
    width: 100%;
    height: 77px;
    white-space: nowrap;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
/*
.time-distribution-footer li{ background: #f9f9f9; margin-right: 0; width: 33%; display: inline-block; height: 77px; text-align: center;  padding-top: 15px;}
.time-distribution-footer li span:first-child{ display:block; font-size:20px; font-family:OpenSansBold; color:#595959;}
.time-distribution-footer li span:nth-child(2){ display:block; font-size:12px; font-family:OpenSansRegular; color:#a1a1a1;}*/


.time-distribution-footer li{ background: #f9f9f9; margin-right: 0; width: 33.78% !important; display: inline-block; height: 77px; text-align: center;  padding-top: 20px;}
.time-distribution-footer li span:first-child{ display:block; font-size:20px; font-family:OpenSansBold; color:#595959;}
.time-distribution-footer li span:nth-child(2){ display:block; font-size:12px; font-family:OpenSansRegular; color:#a1a1a1;}


.hidden{ overflow: hidden;}
.top-green-border{ 
	-webkit-box-shadow: 0px -6px 0px 0px rgba(188,214,147,1); 
    -moz-box-shadow: 0px -6px 0px 0px rgba(188,214,147,1);
     box-shadow: 0px -6px 0px 0px rgba(188,214,147,1); 
    -webkit-box-shadow: inset 0px 6px 0px 0px rgba(188,214,147,1);
    -moz-box-shadow: inset 0px 6px 0px 0px rgba(188,214,147,1);
    box-shadow: inset 0px 6px 0px 0px rgba(188,214,147,1);
}
.top-blue-border{ 
	border-left: 5px solid #fff;
    -webkit-box-shadow: 0px -6px 0px 0px rgba(232,190,129,1); 
    -moz-box-shadow: 0px -6px 0px 0px rgba(232,190,129,1);
     box-shadow: 0px -6px 0px 0px rgba(232,190,129,1); 
    -webkit-box-shadow: inset 0px 6px 0px 0px rgba(232,190,129,1);
    -moz-box-shadow: inset 0px 6px 0px 0px rgba(232,190,129,1);
    box-shadow: inset 0px 6px 0px 0px rgba(232,190,129,1);
}
.top-peach-border{ border-top: solid 6px #ffb8a2;}
.top-yellow-border{ 
	border-left: 5px solid #fff;
     -webkit-box-shadow: 0px -6px 0px 0px rgba(157,213,255,1); 
    -moz-box-shadow: 0px -6px 0px 0px rgba(157,213,255,1);
     box-shadow: 0px -6px 0px 0px rgba(157,213,255,1); 
    -webkit-box-shadow: inset 0px 6px 0px 0px rgba(157,213,255,1);
    -moz-box-shadow: inset 0px 6px 0px 0px rgba(157,213,255,1);
    box-shadow: inset 0px 6px 0px 0px rgba(157,213,255,1);
}
.legend-dark-text{   font-size: 18px;color: #1E1E1E;}
.legend-light-text{  font-size: 12px;color: #999999;fill: #999999;  line-height: .5;}
#instsubscibtop,#drildowntop,#instsubscibtopbookwise{ height: 250px;}
#instsubscibbottom,#drildownbottom,#instsubscibbottombookwise{ height: 200px; margin-top: 30px;}
svg:not(:root){ overflow: initial;}
.nvd3 .nv-multibar .nv-groups rect{  fill-opacity: 1!important; cursor: pointer;}
.legend-width{  height: 8px; width: 8px; display: inline-block;  margin-right: 6px;}
.yellow-legend span:first-child{ background: #f5d76e; height: 8px; width: 8px; display: inline-block;  margin: 0;}
.blue-legend span:first-child{background: #4a90cc; height: 8px; width: 8px; display: inline-block;  margin: 0;}
.pink-legend span:first-child{ background: #ff9d9d; height: 8px; width: 8px; display: inline-block;  margin: 0;}
.green-legend span:first-child{background: #61c4b5; height: 8px; width: 8px; display: inline-block;  margin: 0;}
.institution-details-row .col-md-4,.institution-details-row .col-md-2{ padding:0 10px 0 0;}
.tooltip-legend{ height: 10px; width: 10px; display: inline-block;}
.listing-details-below .listing-view-details{ margin-bottom: 2px;}
.platform-tooltip .attempt.pull-right{font-size:16px;}
.pblshr-back-button{cursor: pointer;  position: absolute;  padding: 5px 12px;  right: 31px;  top: 42px;background-color: #ebebeb;color: #6e7071;border-radius: 3px; font-size:12px; z-index: 999}
.pblshr-back-button:hover,.pblshr-back-button:active {
  background-color: #4a90cc;
  color: #fff;
}
.pblshr-back-button,#showcorelationgraph, #showcorelationpagegraph {
  -webkit-transition:background-color 0.3s ease, color 0.3s ease;
  -moz-transition:background-color 0.3s ease, color 0.3s ease;
  -o-transition:background-color 0.3s ease, color 0.3s ease;
  transition:background-color 0.3s ease, color 0.3s ease;
  margin-top:-10px;
  /* margin-right: -11px; */
}

.yellow-legend .legend-dark-text,.blue-legend .legend-dark-text,.pink-legend .legend-dark-text,.green-legend .legend-dark-text{ font-size:14px; margin-left: 6px;}
.subscription-border-right{ border-right:solid 1px #e4e4e4;}
.book-meta-details-publisher{display: inline-block;  line-height: 1.5;  margin-bottom: 10px;  margin-top: 10px;}

.subs-left{width: 92px; white-space:normal;}
.subs-left span:first-child{ font-size:18px;}
.subs-left span:nth-child(2){display:inline-block; width: 82px; color: #CCCCCC;font-size:11px;}
.sub-drill-down-right{width:auto;}
.sub-drill-down-right{  color: #CCCCCC;font-size:11px;}
.sub-drill-down-right{ vertical-align: middle;min-width: 104px;margin-top: 8px;}
.nvd3.nv-noData{ font-weight: normal!important;}
.listing-details-below{ margin-top: 15px;  max-width: 290px;}
.nvd3 .nv-axis line{ stroke-opacity:.5;}
.comiseo-daterangepicker-buttonpanel{ clear: both;}
#bookmeta .book-meta-details {max-width:450px;}
.bookwise-circular-progress-bar svg.nvd3-svg, .bookwise-time-spent-meter svg.nvd3-svg { padding-top: 2px; top: -6px;}
/* .comiseo-daterangepicker{ min-width: 680px;} */
/*------------------------------------END of Publisher side CSS-----------------------------------------------------------------*/

/*----------------------------------------Error Page-------------------------------------------------*/
.whiteBg-center{ background:  url("../images/error_minus_icon.png") #fff no-repeat 45px center; position: relative; left: 0; right: 0; margin:auto; width: 600px; top: 0;   padding: 124px 45px 100px 207px;
  min-height: 400px;}
.error-message-h1{ font-size: 48px; color: #36393b;}
.error-message-h2{ font-size: 24px; color: #5c6061; margin-top: 7px;}
.error-message-h6{ font-size: 12px;color: #979797; margin-top: 33px;}
.error-message-h6 a{ color: #047A9C;}
.middle-align-container{ width: 100%;position:absolute;top: 82px;bottom: 64px;}
.middle-align-container #content {display: table;height: 100%;width: 100%;  position: relative;}
.outer-whiteBg-center{display: table-cell;vertical-align: middle;}
.section-grid .nvd3.nv-pie .hover path {fill-opacity: 1!important;stroke: inherit;}
/*-----------------------------------End of Error Page-------------------------------------------------*/


/*IE 10 Specific CSS*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#student-topics-text,#student-resources-text{ vertical-align: top; top:4px; position: relative;}
.footer{ width: 1002px;}
}

/*Media Query for Desktop*/

@media (max-width: 1024px){
		.access-code-active-view .col-md-4{width:30%;    display: inline-block;}
	.institution-details-row .blue-legend{ white-space: nowrap;}
	.max-250{ max-width: 250px;}
}

@media (min-width: 940px) and (max-width: 1200px){
	.access-code-active-view .col-md-4{width:31%;    display: inline-block;}
#bookmeta .max-width-450{ max-width:350px;}	
.book-meta-listing li{width: 29%;}
.book-meta-listing li:last-child{ width:124px;}
.book-meta-listing{width: 412px;}

}

@media (min-width: 768px) and (max-width: 1024px){ 
	body > .container {  width: auto;}
/*        .book-details-right-section{
        min-height: 434px;
        }*/
        .book-meta-listing.listing-publisher-view {float: none!important; width: auto;}
}
/*Media Query for Projection & Below Resolution*/
_::-moz-svg-foreign-content, :root .column-averagescore .bookwise-range-value {
    top: 35px;
}
@media (max-width: 1060px){
.column-bookwise-details .inlineBlock {
    max-width: 108px;
}
.column-bookwise-details {
    width: 224px;}


}
@media (max-width: 850px){
.column-bookwise-details .inlineBlock {max-width: 139px;}
.column-bookwise-details{width: 25%;}
.column-resources .resource-bookwise-range-value { left: 24px;}
.column-resources {width: 15%;}
.column-annotation .annotation-bookwise-range-value {left: 24px;}
.chart-place{ min-width: 630px;}
#content,header{ min-width: 730px;}
.section-grid, .chart-place ul.section-grid{ border-collapse: collapse;}
.column-averagescore .bookwise-range-value{ top:35px;}
.student-side #divTimedistribution{ max-width: 500px; margin: auto;}
.section-grid li{display: table-row;}
.grid-content-row{ height: auto; }
.grid-content-row > span{ height: 112px; position: relative;top:20px;}
.column-bookwise-details{ min-width: 184px;}
#frmFilter .pull-right{/* float: none!important;*/ clear: both; padding-top: 40px;}
.max-width-550{ max-width: 550px; display: inline-block;}
}
.ui-state-default .ui-icon{top:9px;}
.v-middle-align-na{ font-size: 12px; }

@media (max-device-width: 1024px){
.column-averagescore .bookwise-range-value{ top:35px;}
.top-links-header li:nth-child(2) ul.dropdown-menu{    left: -106px;
    position: absolute;}

}

@media (max-width: 940px){
.column-bookwise-details .inlineBlock {max-width: 60%;}
.column-bookwise-details {width: 28%;}
.column-averagescore {width: 15%;}
.column-annotation {width: 15%;}
.column-annotation .annotation-bookwise-range-value {left: 26px;}
.listing-details-below{ float: none!important;}
.book-meta-listing.listing-publisher-view {float: none!important; width: auto;}
.book-meta-thumb{ margin-top: 15px;}
#bookmeta .book-meta-thumb{ margin-top: 9px;}
.bookwise-author-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

}
@media (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait){
.column-timespent .bookwise-range-value {
    left: 51px !important;}
.grid-content-row .column-timespent{    left: -34px;}
.grid-content-row .column-resources{ left:-10px; }
.grid-header > span{ font-size:11px; }
.grid-content-row .column-resources .resource-bookwise-range-value{ left:23px; }
.column-annotation .annotation-bookwise-range-value {
    left: -15px!important;
}

}

@media all and (max-width: 800px){
.header-bottom-border > .col-md-5{ float: left; }	
}

@media all and (max-width: 750px){
	.column-timespent .bookwise-range-value {
    left: 32px !important;}
.grid-content-row .column-timespent{left: -6%;}
.grid-content-row .column-resources{left: -5%;}
.grid-content-row .column-annotation{left: -7%;}
.v-middle-align-na{ font-size:11px;}
.grid-content-row .column-averagescore{left: -10%;}
.column-bookwise-details {
    width: 21%;
}
.grid-content-row .column-annotation .annotation-bookwise-range-value{ left:-4%;}
.grid-content-row .column-resources .resource-bookwise-range-value{left: 20%;}
.bookwise-range-picker{width: 70px;margin-left: 15px;}
.column-bookwise-details .inlineBlock {
    width: 80px;
    max-width: inherit;
    float: none;
    clear: both;
    display: block;
}
.bookwise-move-to-next{
    position: absolute;
    right: 4px;
    }
.bookwise-name, .grid-content-row a span.bookwise-name { font-size: 12px; margin-top:10px; }
.column-timespent{width: 25%;}
.column-resources,.column-annotation{ width: 20%; }
.grid-content-row{ clear:both;width:100%;}
.column-averagescore{width: 15%;}
.grid-content-row .column-averagescore{ left:-9%;}
.grid-header > span{ font-size: 10px; }
.grid-content-row a span.bookwise-author-name{ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  }
.comiseo-daterangepicker{min-width: 400px!important;}
.comiseo-daterangepicker .ui-widget-content{width:27em!important;}
.comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar {
    display: inline-block;
    vertical-align: top;
    height: auto!important;
    border-right: none;
    border-top: 1px solid #e7e7e7;
    margin-top: 14px;
    margin-bottom: 16px;
}
}


@media (min-width: 1025px){
.institution-details-row .col-md-4:nth-child(1){padding-right: 0;}
.institution-details-row .col-md-4:nth-child(2).subscription-border-right{  padding-right: 20px;  padding-left: 20px;}
} 

.institution-details-row .col-md-4{ border:solid 1px #e4e4e4; margin-right:3%; padding:10px 0 10px 0;}
.institution-details-row .col-md-4:last-child{ margin-right:0;}
.institution-details-row .col-md-4{ width: 31%;}

 #book-wise-time-distribution svg.nvd3-svg:first-child{ position: relative; }
 .donut-right-svg{z-index: 1;top: -351px; float:right;position: relative; overflow-x: hidden;overflow-y: hidden;width:145px; max-height:250px;}
 .donut-right-svg svg{width:145px;}
.donut-graph-popup{z-index: 1;top: -300px; position: relative; overflow-x: hidden;overflow-y: hidden;width:145px; max-height: 250px;}

.iScrollVerticalScrollbar.iScrollLoneScrollbar,.iScrollHorizontalScrollbar.iScrollBothScrollbars,.iScrollHorizontalScrollbar.iScrollLoneScrollbar{ opacity: 1!important;}
#book-wise-time-distribution svg.nvd3-svg{ max-width: 494px; margin:auto; }

.scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.top-links-header{ background: #333333; color: #fff; }
.top-links-header ul{ text-align: right;max-width: 1032px; margin: auto;}
.top-links-header ul li{ display: inline-block; padding: 6px 12px; font-size: 11px;}
.custom-bs-dropdown a{ color: #fff; text-decoration: none;}
.dropdown-menu.custom-bs-dropdown > li > a,.top-links-header ul.dropdown-menu,.top-links-header ul.dropdown-menu li a,.top-links-header ul.dropdown-menu li{ text-align: left!important; padding: 3px;}
.custom-bs-dropdown a span{ display: inline-block;font-size: 18px; line-height: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
    display: inline-block; height: 10px;width: 10px;margin-left: 6px;}
.top-links-header ul li ul li{ display: block;}
#substop,#subdrilldownstop{ height: 300px;}
#subsbottom,#subdrilldownstopbottom{ height:270px; margin-top: 50px; }
.performance-tooltip.platform-tooltip.school-tooltip{ width:200px; color: #ccc;}
.performance-tooltip.platform-tooltip.school-tooltip .subs-left{ width: 198px;}
.white-text{ color: #fff;}
.performance-tooltip.platform-tooltip.school-tooltip .subs-left span:nth-child(2){ display:block; width: 100px;}


#studentwiseclassperformance svg{ height : 400px}
#studentwiseclassperformancedrill svg{ height : 400px}
#chapterclassperformancescemain svg{ height : 400px}
#chapterclassperformancedrillsvg svg{ height : 400px}


#paging ul{ display:block; margin:auto; list-style-type:none;}
#paging ul li{ display:inline-block; margin:0 -1px 0 0;padding:8px 15px;border:solid 1px #c8c8c8;color:#616161;cursor:pointer;}
#paging ul li:hover{background:#59bdf5;color:#fff;}
#paging ul li.page-selected{ background:#59bdf5; color:#fff!important;}
.disabled{opacity:.5;}
.page-move-next{color:#47a8e4!important;}

#paging{text-align: center;position: relative;z-index: 999; margin: 40px 0;}
#showcorelationgraph,#showcorelationpagegraph{color:#757575;padding:5px 12px;border:solid 1px #d7d7d7;list-style-type:none;font-family:'reports-font'; display:inline-block;}
#showcorelationgraph:hover,#showcorelationpagegraph:hover,.selectedBg-toggle{ background:#656565; color: #ffffff;}
#showcorelationgraph:hover:before,.selectedBg-toggle{color:#ffffff!important;}
#showcorelationgraph:before{content: "\e604";}
#showcorelationpagegraph:before{content: "\e605"; }
#showcorelationpagegraph{left:-4px;position:relative;}
.teacher-report .bookwise-move-to-next{ visibility: hidden;}
#studentchapterclassperformance .nv-bar{cursor: pointer;}
#chapterclassperformancessvg .nv-bar{cursor: pointer;}
#chapterclassperformancedrillsvg .nv-bar{cursor: pointer;}
#studentchapterclassperformancedrill .nv-bar{cursor: pointer;}

.nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{
    fill-opacity: 1;}
#chapterclassperformance{-webkit-overflow-scrolling: touch; position: relative; min-height: 400px; }

.sort-up {
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #047A9C;
top: 8px;
left: 75px;
position:absolute;
}
.sort-down {
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #047A9C;
top: 8px;
left: 75px;
position:absolute;
}

.quiz_attempted-icon:before{
content: "\e60b";
}

/*Overriding datepicker CSS*/
.select-box button.ui-state-focus{ background-color:#fff!important;border: 1px solid #d0cfcf!important;}


 .ui-datepicker-week-end.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled,.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled{ opacity: 0!important; background: none!important; background-color: none!important;}
.pblshr-institution-name{display: block;margin: 0 3px 11px 0;}


/*Graph CSS
.legend-rect{ display: inline-block; height: 8px; width:8px;background: #cacaca;}
.blue-color-legend{background: #179DEF;}

.legend-right span{ margin:0 9px 0 12px;}
.apply-button{
    position: absolute;
    right: 150px;
    bottom: 23px;
}

.legend-right li label{ width: 138px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden; vertical-align: middle;}
.legend-right{ width: 20%; position: absolute; right: 10px; height: 267px; overflow-y: auto; top: 67px;}
*/
#s2id_booklist a.select2-choice{ background: #fff;
border: 1px solid #d0cfcf;
vertical-align: middle;
display: inline-block;
width: 395px;
position: relative;
color: #999999;
 font-size: 12px; border-radius: 0; padding: 3px 5px; height: 33px;}

.select2-result-label{ color: #999999;}
#s2id_booklist .select2-arrow{background-color: transparent;background-image:none;width: 36px;
padding-left: 12px;}
.select2-results .select2-highlighted{ background: #DDDADA!important;
color: #000!important;}
#s2id_booklist{ margin-right: 6px;}
.apply-button{height: 33px;
background: #ebebeb;
color: #6e7071;
border: none;
padding: 0 14px;
float: right;font-size: 12px;border-radius: 3px;
}
.back-btn-drill-down{position: relative;
float: right;
right: inherit;
top: inherit;
height: 33px;
margin-left: 16px;
line-height: 25px;}

.label-inline{color: #999;
font-family: opensanssemiBold;
padding: 7px;}


#divreadingtrends .highcharts-title, .highcharts-subtitle{display:none}

 
#divreadingtrends svg text,.highcharts-container svg{ font-weight:normal!important;font-family: openSansRegular!important; font-size: 11px!important; color:#2f3234!important;}
.light-grey-text{ color: #CCCCCC;}
#divreadingtrends svg text, #divreadingtrends .highcharts-container svg text{ font-size:12px!important;}
.highcharts-legend-item .js-ellipse{width: 390px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    font-family: opensansRegular;
    padding-left: 3px;
}

#divTimedistribution{ position: relative;; top:-25px; margin-bottom: 35px;}
.mb0{ margin-bottom: 0!important;}
.pie-header{ color: #2f3234; font-weight: normal;font-size: 14px;font-family: opensansSemiBold;    display: block;
    text-align: center;}
.pie-details{ color: #999; font-weight: normal; font-size: 12px;}
.connector-line{    background: #eee;height: 0;}
#divTimedistribution .highcharts-tooltip > span {
    background-color:rgba(0,0,0,0.7);
    z-index:9999!important;
    padding: 11px;
}

.modal{  z-index: 99999; }
.mega-menu .modal-header,.mega-menu .modal-footer{ border-bottom:solid 1px #e1e1e1;border-top:0;    padding-left: 23px;}
.modal-dialog,.modal-content{border-radius:0;}
.modal-mega-menu .modal-dialog{min-width: 959px;height: 485px;top: 0; bottom: 0;margin: auto;position: absolute;left: 0;right: 0;}
.mega-menu-header-sortable{padding-left: 190px;min-width: 526px;font-size: 11px;}
.modal-body.mega-menu-content{ min-height:400px; padding-top:0;}
.mega-menu-content-left-fixed.pull-left{ min-width:236px; padding-top:20px;padding-left: 8px;}
.modal-header.mega-menu-header{ background: #f2f2f2; height: 45px; padding-left:21px;}
.mega-menu-content-left-fixed li{ width:202px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border: solid 1px #cacaca;margin: 8px 0;border-radius: 100px;font-size: 12px;padding: 2px 8px 2px 12px;padding-right: 21px;}
.mega-menu-content-left-fixed.pull-left li,.mega-menu-content-right.pull-left li{ list-style-type:none;}
.mega-menu-content-right.pull-left li .book-listing-caption{ display:block; font-family:'OpenSansSemibold'; margin-bottom:5px;}
.mega-menu-content-right.pull-left li input{ margin-right:6px;}
.mega-menu-footer button{ background:transparent; border:none;    color: #666666;font-size: 13px; text-decoration: underline;}
.mega-menu-footer button:nth-child(2){ background:#047A9C;padding: 6px 28px;color: #fff;margin: 0 0px 0 13px;text-decoration: none;font-family: OpenSansSemiBold;}
.mega-menu-header-sortable span{cursor:pointer; padding: 0 1px;color:#4c4c4c;font-family: Arial;}
.mega-menu-header-sortable .mega-menu-keys-selected{    background-color: #9E9D9D; color: #fff;}
.mega-menu-content-right{ height: 400px;    padding-top: 24px;
    overflow-x: auto;
    width: 680px;
    overflow-y: hidden;
    padding-left: 25px;
    white-space: nowrap;
border-left: solid 1px #e1e1e1;
}
.mega-menu-content-right ul{     width: 194px;    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 57px;}
    .book-name-section{    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 19px;
    color:#7d7d7d;
    right: 10px;
font-weight: normal;}
    .mega-menu-content-right .book-listing-header-each{ color:#047A9C; font-size:20px;padding: 5px 0 5px 0;
    line-height: 20px;}
    .mega-menu-content-right li{ font-size:12px; padding: 4px 0; position:relative;}
    .filter-text{ font-size:18px;    line-height: 17px; }
    .selected-books-header{ font-family:'OpenSansSemibold';color:#1b1b1b; font-size:13px;}
    #searchByBookName{padding: 3px;
    font-size: 12px;
    width: 211px;
    height: 26px;
    padding-right: 44px;
    border: solid 1px #e8e7e7; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
    .search-book-name{ margin-right: 24px;position: relative;top: -4px;}
    .modal-mega-menu .close { opacity: 1!important;font-size: 30px;color:#47494a;margin-top: -7px;}
     #searchBookIcon{
    background: url('../images/searchKeywords.png') no-repeat center center;
    height: 17px;
    width: 17px;
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 5px;
    cursor: pointer;
    border: solid 1px #ffffff;
    cursor:pointer;

    }

  .icon-close-book-selected{
    display: inline-block;
    float: right;
    position: relative;
    right: -14px;
    padding: 3px;
    cursor: pointer;
    background: url(../images/cancelBtnSelectBook.png) no-repeat;
    text-indent: -9999px;
    width: 15px;
    top: 1px;
    }



    #bookSelectionMaxMessage{ margin-top: 12px;    font-size: 12px;    color: #666666;}


 .page-loader{ 
    position: fixed;
    top: 0;
    z-index: 100;
    min-height: 460px;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}

.page-loader a{ position: absolute;background-size: 300px;height: 300px!important;width: 300px!important;margin: auto;left: 0;right: 0;top: 150px;}



/*----------------------------Page loader CSS------------------------------------------*/

.ip-header  {
	position: fixed;
	top: 0;
	z-index: 9999999!important;
	min-height: 460px;
	width: 100%;
	height: 100%;
	background: #ffffff!important;
}

.ip-header h1 {
	margin: 0;
}

.ip-logo,
.ip-loader {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.ip-logo {
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(0,25%,0);
	transform: translate3d(0,25%,0);
}

.ip-loader {
	top: 55%;
}

.ip-header .ip-inner {
	display: block;
	margin: 0 auto;
}

.ip-header .ip-logo svg  {
	position: absolute;
	min-height: 200px;
	height: 25%;
}

.loaded .ip-header .ip-logo svg {
	max-height: 300px;
}

.ip-header .ip-logo svg path {
	fill: #1c9ccd;
}

.ip-header .ip-loader svg path  {
	fill: none;
	stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
	
	stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle  {
	-webkit-transition: stroke-dashoffset 0.2s;
	transition: stroke-dashoffset 0.2s;
	stroke: #1c9ccd;
}


.ip-main h2 {
	font-size: 18px;

}

.browser {
	margin: 0 auto;
	padding-top: 8%;
	min-height: 400px;
	max-width: 1000px;
	width: 100%;
	border-radius: 8px;
	background: #fff url(../img/browser.png) no-repeat 50% 0;
	background-size: 100%;
	color: #d3d3d3;
}

.box {
	float: left;
	padding: 3.5em;
	width: 33.3%;
	font-size: 0.7em;
	line-height: 1.5;
}

.box p {
	font-family: 'Blokk', Arial, sans-serif;
}

[class^="icon-"]::before, 
[class*=" icon-"]::before {
	display: block;
	margin-bottom: 0.5em;
	padding: 0.5em;
	border-radius: 5px;
	background: #dfdfdf;
	color: #fff;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 5em;
	font-family: 'feather';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bell:before {
	content: "\e006";
}

.icon-cog:before {
	content: "\e023";
}

.icon-heart:before {
	content: "\e024";
}

/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
	opacity: 1;
}

.loading .ip-logo {
	-webkit-animation: animInitialLogo 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animInitialLogo 1s cubic-bezier(0.7,0,0.3,1) both;
}

@-webkit-keyframes animInitialLogo {
	from { opacity: 0; }
}

@keyframes animInitialLogo {
	from { opacity: 0; }
}

.loading .ip-loader {
	-webkit-animation: animInitialLoader 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animInitialLoader 1s cubic-bezier(0.7,0,0.3,1) both;
}

@-webkit-keyframes animInitialLoader {
	from { opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); }
}

@keyframes animInitialLoader {
	from { opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
}

/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader {
	opacity: 1;
}

.loaded .ip-logo {
 display: none;
}

@-webkit-keyframes animLoadedLogo {
	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

.loaded .ip-loader {
	-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
	-webkit-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
	fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
	-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
	to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
	to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
	-webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loaded .ip-main h2,
.loaded .ip-main .browser .box:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.loaded .codrops-demos,
.loaded .ip-main .browser .box:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.loaded .ip-main .browser .box:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); }
}

@keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); transform: scale3d(0.3,0.3,1); }
}

/* Change layout class for header */
.layout-switch .ip-header {
	position: absolute;
}

/* No JS */
.no-js .ip-header {
	position: relative;
	min-height: 0px;
}

.no-js .ip-header .ip-logo {
	margin-top: 20px;
	height: 180px;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .ip-header .ip-logo svg path {
	fill: #fff;
}

/* Media queries */

@media screen and (max-width: 45em) {

/*	.ip-main h2 {
		font-size: 2.25em;
		font-size: 10vw;
	}*/

	.box {
		width: 100%;
	}

}
svg.ip-inner{ height: 60px; width:60px;}
.loading-data{ font-family:open_sanslight; font-size:16px; color:#bcbcbc;position: relative;top: 10px;height: 52px;width: 100%; text-align: center;}
.v-middle-align-na{     margin-top: 15px;display: block;} 
.ellipsis{ white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.apply-button:hover{ background:#4a90cc; color:#fff;}
.filter-button.apply-button .caret{background: url(../images/pearsonfilterIconButton.png) no-repeat 3px 5px;border: none;height: 20px;width: 20px; display:inline-block;}
.filter-button.apply-button{
background: #047A9C;
color: #fff;
border: none;padding: 2px 8px 2px 3px;
float: right;font-size: 12px;border-radius: 3px;height: 27px;text-align: center;}
.book-name-drill-down{color:#999999;  font-size:13px; font-family: 'OpenSansSemiBold';    position: relative;top: -20px; left:3px;}
#chapterclassperformancessvg,#chapterclassperformancedrillsvg,#studentchapterclassperformance,#studentchapterclassperformancedrill{ height: 340px;}
.height-trans{ 
height: 350px;
 -webkit-transition: height 1s; 
  -moz-transition: height 1s; 
  -ms-transition: height 1s; 
  -o-transition: height 1s; 
  transition: height 1s;  
}
.alert-text{ color:red;margin-top: 12px; font-size: 12px;}
.tooltip-teacher{ min-width: 220px;padding-top: 6px;}
.left-column{ }
.right-column{
    padding-top: 10px;
    color: #CCCCCC;
}

.left-column .white-text{ font-size:18px; font-family:OpenSansBold;display: block;}
#divreadingtrends .highcharts-tooltip > span{ padding:4px;z-index: 9999999999;position: absolute!important;height: auto;width: 330px!important;white-space: normal!important;}
.highcharts-tooltip > span{ padding:4px;}
.highcharts-tooltip table{ font-size: inherit;}
.highcharts-tooltip{ min-width: 220px;  border-radius: 5px;}
/*#chapterclassperformancessvg .highcharts-tooltip{ top:5px !important;}
#studentchapterclassperformance .highcharts-tooltip{ top:15px !important;}
#studentchapterclassperformancedrill  .highcharts-tooltip{ top:45px !important}*/
.mega-menu-content-right::-webkit-scrollbar{ height: 8px;}
.score-section{ margin-top:6px; min-width:240px;    padding-left: 0!important;
}
.score-section .text-center div{ font-size:18px; font-family:OpenSansBold;}
.highcharts-tooltip small{ color: #fff;}

/*Page Loader style*/
.la-anim-1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 3px;
	background: #ed4e6e;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	pointer-events: none;
}

.la-anim-1::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background: #ed4e6e;
	box-shadow: 0 0 15px #ed4e6e, 0 0 5px #ed4e6e;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, box-shadow 2s 4s;
	transition: opacity 0.2s, box-shadow 2s 4s;
	-webkit-transform: rotate(2deg) translateY(-2px);
	transform: rotate(2deg) translateY(-2px);
}

.la-anim-1.la-animate {
	z-index: 100;
	opacity: 0;
	-webkit-transition: -webkit-transform 1s ease-in, opacity 1s 1s;
	transition: transform 1s ease-in, opacity 1s 1s;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.la-anim-1.la-animate::after {
	box-shadow: 0 0 3px #ed4e6e, 0 0 1px #ed4e6e;
	opacity: 1;
}

.institution-details-row{ margin-bottom: 30px;}
.vertical-text{display: block;
-webkit-transform: rotate(-90deg);
position: absolute;
left: -56px;
bottom: 355px;
color: #999999;
z-index: 999;
}



@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.book-image-tooltip{
    display: inline-block;
    width: 49px;
    height: 60px;
    background-size: 100%!important;
    border:solid 1px #a4a4a4;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.performance-tooltip{  min-height: 60px; }  
.performance-tooltip div.light-grey-text{ max-width:220px; display: block; white-space: normal;line-height: 14px; font-size:12px; margin-bottom: 10px; }
.bold-text{ font-family: "OpenSansBold"; font-size: 14px; }
.border-none{ border:none; }
.score-section span b{ display:inline-block; margin-right:6px;}
.subs-left{ font-size:18px;}
.subs-left .small-font{display:inline-block; width: 82px; color: #CCCCCC;font-size:11px;}

.bookwise-name {
overflow: hidden;
    height: 39px;
    line-height: 19px;
}

.bookwise-name:before {
content:"";
float: left;
width: 5px; height: 39px; }

.bookwise-name > *:first-child {
float: right;
width: 100%;
margin-left: -5px; }		

.bookwise-name:after {
content: "\02026";  

box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
float: right; position: relative;
top: -20px; left: 100%; 
width: 1em; margin-left: -1em;
padding-right: 5px;
text-align: right;
background: -webkit-gradient(linear, left top, right top,
	from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }
.score-section .v-align-middle{ margin-right:29px;}
.bookwise-name p{ word-break:break-word;word-wrap:break-word; }
.book-meta-details{	max-width: 250px;}
/*#r8-graph-render .chart{ height: 180px;}*/
#subs-only-graph-render .chart{ height: 140px;}
.legend-block{ display: inline-block; height: 12px; width:12px;}
.subscriptions-header{ display: inline-block; margin-right:20px;    color: #606060;font-size: 13px;font-family: OpenSansSemibold;}
#r8-graph-render .chart{ height:140px!important;  }
#r8-graph-render .chart:nth-child(4){ height:170px!important;  }
.legend-block{ height: 12px;
width: 12px;
display: inline-block;
margin-right: 6px; position: relative; top:2px;}
#info_institution_withoutPO  .highcharts-tooltip,#r8-graph-render .highcharts-tooltip{ left: -9px!important; top:-15px!important; }
.font-size-15{ font-size: 13px; font-family:opensansSemiBold; }
.spn-value{ font-size:13px; font-family:opensansSemiBold;}
.grid-content-row a{ text-decoration: none;}
.arrow-button-icon {
    background: url("../images/right_arrow_icon.png") no-repeat scroll 0 0 / 16px auto #fff;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 254px;
    position: absolute;
    top: 12px;
    width: 20px;
    z-index: 9999;
}
.full-width .mega-menu-content-right {
    border: medium none;
    left: 20px;
    right: 20px;
    width: inherit;
    position: absolute;
}
.dataerrordiv {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 4px #bbb;
    color: red;
    display: inline;
    left: 25px;
    padding: 10px 20px;
    position: absolute;
    top: 28px;
    z-index: 999;
}
.full-width .arrow-button-icon {
    left: 2px;
    top: 78px;
}
.search-close-icon {
    background: url("../images/search_results_close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    cursor: pointer;
    display: none;
    height: 15px;
    line-height: 13px;
    position: absolute;
    right: 24px;
    top: 8px;
    width: 15px;
}
.mega-menu-content-left-fixed.pull-left li {
    padding-left: 12px;
}
.mega-menu-content-left-fixed.pull-left {
    padding-left: 14px;
}
#confirm {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#confirm .modal-dialog {
    margin-top: 180px;
}

.mega-menu-header-sortable a{ color: #666; }
.full-width .mega-menu-content-right { border:none; left:20px;right: 20px; width: inherit}
.full-width .arrow-button-icon{-webkit-transform: rotate(-180deg); left:2px;top: 12px;}
#megamenu-confirm{z-index: 999999999999;background: rgba(0,0,0,0.5);}
#megamenu-confirm .modal-content{width: 420px;
top: 134px;
margin: auto;}

.excel-export{background: url(../images/export_excel.png) no-repeat 6px 5px;
padding: 4px 4px 4px 30px;
display: block;
z-index: 999999999;
cursor: pointer;
height: 30px;
background-size: 22px;position: relative;}

.pdf-export{}
.filter-button.apply-button.pdf-export .caret{background: url(../images/pdf_icon_export.png) no-repeat 3px 3px;}
.separator-vertical{    display: inline-block!important;
    font-size: 16px;
    position: relative;
    margin-right: 10px;
}

.shadow-box{    box-shadow: 1px 2px 2px #cacaca;
    -webkit-box-shadow: 1px 2px 8px #cacaca;
    -moz-box-shadow: 1px 2px 2px #cacaca;
    background: #fff;
}
#info_institution_subs .subscriptions-header{left: -40px;position: relative;top: -15px;}
#info_institution_subs_po .subscriptions-header{ left: 0;}

#bookmeta li{ padding-bottom: 20px; }
#bookmeta li:nth-child(1){    border-bottom: solid 8px #6bb9f0;}

#bookmeta li:nth-child(2){    border-bottom: solid 8px #bcd693;}

#bookmeta li:nth-child(3){    border-bottom: solid 8px #e8be81;}
#bookmeta  .metalisting{ max-width: 128px; }
#bookmeta .book-meta-listing{ margin-top: 15px; }
#bookmeta  .meta-author{color:#f5893f; margin-top: 5px;}
.pull-left.max-width-450{    display: inline-block;
    float: none!important;
    vertical-align: middle;}
#bookmeta .book-meta-thumb {
    margin-right: 12px;
    display: inline-block;
    float: none!important;
}
.grey-light-text-right{ color: #999999; font-size:12px;} 
#subs-only-graph-render .chart:nth-child(4){ height: 170px; }

.no-result-found{ 
    position:absolute;
    top: 50%;
    left: 230px;
    right:0;
    margin:auto;
    width: 241px;
    font-size: 30px;
    color: #B3B3B3;
    font-family: open_sansLight;
    margin-top: -20px;
}

a:hover, a:active, a:focus {
  outline: 0;
}

.comiseo-daterangepicker-main {
    margin: 6px;
}

.comiseo-daterangepicker-calendar {
    margin: 0 2px;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button {
    margin-right: 8px;

}
.column-annotation .annotation-bookwise-range-value {
  left: -15px;
  right: 0;
}

#divTimedistribution .dblk.text-center{color:#acabab;    font-size: 13px;}
.top-yellow-border{     
    /*float: right;*/
    position: relative;
    width: 33.3%!important;
 }
 /*.errordiv-right{    left: -110px;}*/
 .errordiv-right{    left: inherit; right:190px;}
 #backdropModal{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}
.mega-menu-content-left-fixed ul{ padding-left:0;}

 .container-fixed {
	width: 100%;
	margin: auto;
	background: #fff;
	border-bottom: 1px solid #DCD5D5;
}
 .container-fixed  h1 {
	font-size: 48px;
	color: #000;
	padding-top: 15%;
}
 .container-fixed  h3 {
	font-size: 20px;
	color: #000;
	padding: 25px;
	text-align: left;
}
.mt80 .container-fixed {
	background: red;
}
.summeryDiv {
	width: 649px;
	display: inline-block;
	background: #fff;
	margin-top: 40px;
	border-right: 1px solid #DCD5D5;
	clear: both;
}
.mr20{ margin-right:20px;}
.pull-left{ float:left;}
.dataTable {
	width: 650px;
}
.dataTable table tr th {
	background: #eee;
	border-right: 1px solid #DCD5D5;
	border-bottom: 2px solid #DCD5D5;
	padding: 15px 23px 15px 35px;
	font-size: 18px;
}
.dataTable table tr {
	background: #fff;
}
.dataTable table tr td {
	padding: 10px;
	border-right: 1px solid #DCD5D5;
	border-bottom: 1px solid #DCD5D5;
	padding: 15px 23px 15px 35px;
	font-size: 14px;
	color: #797979;
}
.float-left {
	float: left;
	padding: 35px;
	font-size: 18px;
}
.float-right {
	float: right;
	padding: 27px 35px 0 0;
}
.float-right .button1 {
	background: #eee;
	padding: 10px;
	border: 1px solid #DCD5D5;
}
.buttonDiv {
	width: 650px;
	margin-top: 40px;
}
.buttonDiv .button2 {
	padding: 10px;
	background: #E2E0E0;
	border: 1px solid #DCD5D5;
	margin-bottom: 40px;
}

.container.header.home-parallax{ width:100%; clear:both;}
.button1 a,.button2 a{ text-decoration: none; color:#999; }
.clearfix{    position: relative; }
/*    z-index: 99; */
.clear{ clear: both;}
.mega-menu-content.full-width .no-result-found{ left:0;}
.small-text{    display: block;
    font-size: 12px;
    margin-top: 11px;
}


.access-code-active-view .col-md-4{ background: #fff; max-width: 313px; margin-right: 30px; padding-top:20px; padding-bottom:20px;margin-bottom: 30px;    box-shadow: 1px 2px 1px #dedede;padding-left: 32px; }

.access-code-active-view .col-md-4:nth-child(1){ border-left: solid 4px #009fd4;  }
.access-code-active-view .col-md-4:nth-child(2){ border-left: solid 4px #00aa55;  }
.access-code-active-view .col-md-4:nth-child(3){ border-left: solid 4px #e26a6a; margin-right:0; }

.info-icon {
    background: url(../images/info_icon.png) center no-repeat;
    height: 20px;
    width: 22px;
    display: inline-block;    top: 5px;
    position: relative;
    cursor: pointer;
}
.access-code-tip ul{padding: 14px;top:-30px;left:30px;width: 410px;background: #f8f8f8;border: none;box-shadow: 1px 1px 9px #cacaca;font-size: 13px; border-radius:2px;}
.access-code-tip ul strong{ font-weight:normal;font-family: 'OpenSansSemibold';}

.subscriptions h2{    font-size: 16px; color: #222222;}
.access-code-tip ul li:nth-child(2){     margin-bottom: 13px; }
.access-code-tip ul span{ display: inline-block; }
.access-code-tip ul span:nth-child(1){width:35%;}
.access-code-tip ul span:nth-child(2){ width:60%; vertical-align:top;}

.access-code-tip ul:after{height:10px; width:10px; background:red; display:inline-block;}
.dropdown-arrow {
    height: 10px;
    width: 10px!important;
    display: inline-block;
    position: absolute;
left: 2px;
    top: 32%;
}

.date-time{color:#777777; font-size: 12px;    margin-top: 5px;
    margin-bottom: 13px;}
.access-code-active-view h4{ font-size: 15px;color:#000; }
.active-no{     font-size: 24px;color:#000000; }


.dropdown-arrow {

	background: #f8f8f8;
	border: 5px solid #f8f8f8;
}
.dropdown-arrow:after, .dropdown-arrowbefore {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdown-arrow:after {
	border-right-color: #f8f8f8 ;
	border-width: 20px;
	margin-top: -20px;
}
.dropdown-arrow:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #f8f8f8;
	border-width: 27px;
	margin-top: -27px;
}

.highcharts-legend-item text {
    fill: #777777!important;
    font-weight: normal!important;
}

#activatedAccessCodes{
	position: relative;
    top: -60px;
}
.subs-acess-codes .clearfix{
       height: 410px;
    margin-bottom: 29px;
}

.activiy-label,.activity-value{    color: #848484;
    font-size: 12px;
    margin-top: 5px;font-family: 'OpenSansSemibold'!important;
    margin-bottom: 13px;}
    .activity-value{ color:#000; font-size: 15px; position: relative;top:1px;}

  #activatedaccesssynchronized .chart{ height:270px; }

  .custom-code-tooltip .date-text{ font-size: 12px;color:#222222; margin-bottom: 6px; }
.legend-text{ font-family: 'openSansSemiBold'; font-size: 14px;color:#222222; }
  .legend{ display: inline-block; height: 9px; width: 9px; vertical-align: middle; position: relative;top:-1px; margin-right: 3px;}
#activatedAccessCodes .highcharts-tooltip{ min-width: inherit; }

#activatedAccessCodes .highcharts-tooltip > span {
    padding: 10px;
    left: 0!important;
    top: 0!important;

}
.rp-tabs .nav-tabs{ margin-top: 20px; }

.validate-data .pull-left{ width:45%;}
.summeryDiv .float-left{    padding: 9px;}
.validate-data{    overflow: hidden;}
.layout-switch .ip-container.loaded #after-login-loder{position: relative;z-index: -9999;}

@media screen and (min-width:993px) and (max-width:1024px){

.chapter-performancereports .chart-wrapper{ min-height:460px;}

}

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

.chapter-performancereports .book-details-right-section{ min-height:inherit;}

}


@media (min-device-width: 880px) and (max-device-width:992px) {
.column-timespent .bookwise-range-value {
    left: 51px !important;}
.grid-content-row .column-timespent{    left: -34px;}
.grid-content-row .column-resources{ left:-10px; }
.grid-header > span{ font-size:11px; }
.grid-content-row .column-resources .resource-bookwise-range-value{ left:23px; }
.column-annotation .annotation-bookwise-range-value {
    left: -15px!important;
}
}

@media (min-width: 550px) and (max-width:1024px){
.modal-mega-menu .modal-dialog{ max-width:800px; min-width:550px!important;}	
.mega-menu-content-right{width:300px;}
.mega-menu-header-sortable{ display:none;}
}



@media (min-device-width: 800px) and (max-device-width:1024px) {
#student-topics-text{top:-20px;position: relative;}
#student-resources-text{top: -15px;position: relative;}
.meta-data-score-student-topics, .meta-data-score-student-resources{left:0;top:0;}
.progress-bar-outer-container#prgbarresources{
   margin-top: 28px!important;
}
}


/*#chapterclassperformancessvg .highcharts-tooltip > span , #studentchapterclassperformance .highcharts-tooltip > span{ padding:4px;  top:33px;
}*/



#chapterclassperformancedrillsvg .highcharts-tooltip > span,
#studentchapterclassperformancedrill .highcharts-tooltip > span
{ top:35px!important;}

.rp-tabs .nav-tabs > li.active > a,.rp-tabs .nav-tabs > li.active > a:hover,.rp-tabs .nav-tabs > li.active > a:focus{ background-color: transparent; border: none; padding:10px 0; }
.rp-tabs .nav-tabs > li.active > a{border-bottom: solid 3px #047A9C!important;color: #047A9C!important;}
.rp-tabs .nav-tabs > li > a{color:#666;margin: 0;padding: 9px 0; margin-right:35px;}
.rp-tabs .nav-tabs > li > a:hover{ background:transparent;border-bottom:none; }

/* Changes added by Utkarsh for aligning dropdowns properly */
@media (min-width: 992px) {
    .header-bottom-border > .col-md-5 {
        width: 37.666667%;
    }
}

@media (min-width: 992px) {}
.header-bottom-border > .col-md-7 {
    width: 62.333333%;
}
/* 3rd new update css*/

span.column-bookwise-details.hodder-details {
    width: 350px;
}
span.column-timespent.hodder-timespent, span.column-resources.hodder-resource, span.column-annotation.hodder-annotation {
    width: 220px;
}
.book-meta-listing.listing-publisher-view li.hodder-details {
    width: 165px;
    float: left;
    height: 134px;
    margin-right: 20px;
    border: solid 1px #e1e0e0;
}

.book-meta-listing.listing-publisher-view li.hodder-details:nth-child(2){ border-bottom: solid 8px #6bb9f0; }
.book-meta-listing.listing-publisher-view li.hodder-details:nth-child(3){ border-bottom: solid 8px #e8be81; }
.book-meta-listing.listing-publisher-view li.hodder-details:nth-child(4){ border-bottom: solid 8px #bcd693; }
.book-meta-listing.listing-publisher-view li.hodder-details:nth-child(5){ border-bottom: solid 8px #cb7e74; }
.text-center{ text-align:center;}
.right-align-text{ font-family: openSansSemiBold;color:#2f3234; }
.bookwise-title {font-family: openSansSemiBold;}

#duration_filter{
	margin-right: 14px;

}

div.book-listing-view-header{  display: block;  width: 100%;border-right: 0; height: auto; border:none;     margin-bottom: 6px;}
.highcharts-tooltip .mt6{
    margin-top: 6px;
}
.scorevisible-coloumn-timespent{
    width: 180px;
}
.scorevisible-coloumn-timespent .meterArrow{
    left: 74px;
}


.student-wise-report-search{
    float: left;
    margin-top: 25px;
    min-width: 194px;
    margin-right: 0;
    position: relative;
    left: -20px;
	border:solid 1px #cacaca;
}

.searchByBookName {
    padding: 10px 12px;
    font-size: 12px;
    width: 223px;
    height: 33px;
    border: none;

	}
.searchBookIcon{
    background: url(../images/searchKeywords.png) no-repeat center center;
    height: 17px;
    width: 17px;
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 5px;
    cursor: pointer;
    border: solid 1px #fff;
    cursor: pointer;
	
	}

.table-container {
display: table;
margin: 0;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}


/* #studentbook_details_data .flex-table .flex-row:nth-child(2){
width: 25%;
} */

/*#studentbook_details_data .flex-table .flex-row:nth-child(3){
width: 25%;
}
*/
#studentbook_details_data .flex-table .flex-row:nth-child(4){
width: 165px;
}

#studentbook_details_data .flex-table .flex-row:nth-child(5){
width: 90px;
}




.flex-table {
  display:table-row;
  border-left: solid 1px #d9d9d9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-bottom:0!important;

}
.flex-table:first-of-type {
  border-top: solid 1px #d9d9d9;
  font-family: 'OpenSansSemibold';
}
.flex-table.row:nth-child(odd) .flex-row {
  background: #f4f2f1;
}
.flex-table:hover {
  background: #F5F5F5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.flex-row {
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  background:#fff;
  display: table-cell;
  vertical-align: middle;
}
.flex-table .flex-row:nth-child(3){
	width:150px;
}
#studentbook_details_data .flex-table .flex-row:nth-child(2){
	width:160px;
}
#studentbook_details_data .flex-table .flex-row:nth-child(3){
width:165px;
}

.flex-table .flex-row:nth-child(4){
width:150px;
}

#arm_institute_details_data .flex-table .flex-row:nth-child(2){
	width:150px;
}

.flex-table .flex-row:nth-child(5){
width:120px;
}
#arm_institute_details_data .flex-table .flex-row:nth-child(5){
	width:150px;
	}


.rowspan {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
          justify-content: center;
}

.column {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  width: 75%;
  padding: 0;
}
.column .flex-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}
.column .flex-row:hover {
  background: #F5F5F5;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  .flex-row {
    width: calc(100% / 3);
  }
  .flex-row.first {
    width: 100%;
  }

  .column {
    width: 100%;
  }
}
@media all and (max-width: 430px) {
  .flex-table .flex-row {
    border-bottom: 0;
  }
  .flex-table .flex-row:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }

  .header .flex-row {
    border-bottom: solid 1px;
  }

  .flex-row {
    width: 100%;
  }
  .flex-row.first {
    width: 100%;
    border-bottom: solid 1px #d9d9d9;
  }

  .column {
    width: 100%;
  }
  .column .flex-row {
    border-bottom: solid 1px #d9d9d9;
  }

  .flex-cell {
    width: 100%;
  }
}
.student-wise-report-footer-paging{
	padding-top:30px;
	position:relative;
	overflow: hidden;
margin-bottom: 30px;
min-width: 200px;
}

.student-wise-report-footer-paging .pull-left:first-child{
font-style: normal;
    font-size: 12px;
    color: #999999;
	}
.student-wise-report-arrow-left{
    border: solid #047A9C;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	margin-right:15px;
	position:relative;
	top:-5px;
}
.student-wise-report-arrow-right{
    border: solid #047A9C;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
	margin-left:15px;  
		position:relative;
	top:-5px;
}

.student-wise-report-paging-each{
 height:20px;
 width:20px;
 margin:0 5px;
     display: inline-block;
    text-align: center;
    color:#333;
}
.teacher-wise-grid-pagination-outer .student-wise-grid-pagination{
	bottom: 20px;
}
.student-wise-grid-pagination{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 400px;
    text-align: center;
	}

.student-wise-grid-pagination-outer{
	position:relative;
	top:-50px;

}
.student-wise-report-xls-button{
font-style: normal;
font-size: 12px;
color: #FFFFFF;
border: none;
padding: 7px 15px;
background-color: #047A9C;
background-image: url(../images/xls.png);
background-repeat: no-repeat;
background-position: 7px 8px;
padding-left: 27px;
font-family: 'OpenSansSemibold';
margin: 0px 7.5px ;
}
.header_tab .student-wise-report-xls-button{
	margin: 1px 15px ;
}
.student-wise-grid-pagination .page-selected{
	background:#047A9C;
	color:#fff;
	border-radius:50%;
}
.student-wise-selected-groups {
position:relative;
top:-25px;
margin-bottom:6px;}
.student-wise-selected-groups span{
font-size:12px;}
.student-wise-selected-groups span.selected-group-seprator{
	font-size:14px;
}

.student-wise-sort-by-icon{
display: inline-block;
height: 20px;
width: 10px;
vertical-align: middle;
background: url('../images/sortby.png')  no-repeat center center;
margin-left: 4px;
}


.student-wise-report-view-icon{
display: inline-block;
height: 18px;
width: 20px;
vertical-align: middle;
background: url('../images/view.png') no-repeat center center;
margin-right: 4px;
}

.student-wise-report-search input.searchByBookName{
padding-right: 50px;
font-size: 12px;
width: 223px;
height: 29px;
border: none;
}

.student-wise-duration-dropdown .select-box button, .student-wise-duration-dropdown  .select-box button.ui-state-focus{
	width:200px;
}


#class_group_dropdown .select-book-dropdown > li.dropdown-level-0 > a{
	padding-left: 15px;
}

#class_group_dropdown .select-book-dropdown > li.dropdown-level-1 > a{
	padding-left: 30px;
}

#class_group_dropdown .select-book-dropdown > li.dropdown-level-2 >  a{
	padding-left: 45px;
}

#class_group_dropdown .select-book-dropdown  > li.dropdown-level-3 > a{
	padding-left: 60px;
}

#class_group_dropdown .select-book-dropdown > li.dropdown-level-4 > a{
	padding-left: 75px;
}
#class_group_dropdown .select-book-dropdown  > li.dropdown-level-5 > a{
	padding-left: 90px;
}

.search-book-name.student-wise-report-search #search_error_msg #search_book_error_msg,.search_book_error_msg{
position: absolute;
font-size: 11px;
top: 30px;
left:0;
margin-top: 2px;
}
.no-data-available-student-table{
	text-align:center; margin-top:40px; font-size:18px;
}
#export_xls_error_msg{
font-size: 11px;
top: 30px;
left:0;
color:red;
}

#export_xls_success_msg{
font-size: 11px;
top: 30px;
left:0;
color:green;
}

#student_view_icon{
	background: transparent;
	border:none;
}

#class_group_dropdown .select-book-dropdown > li > a {
    padding: 4px 10px;
}

#studentwisebookreports .chart-wrapper{
	padding-bottom: 0;
}

#studentbook_details_data .flex-table.table-hide-column-score  .flex-row:nth-child(1){
width: 16% !important;
}

#studentbook_details_data .flex-table.table-hide-column-score .flex-row:nth-child(2) {
    width: 18%;
	text-align: center;
}

#studentbook_details_data .flex-table.table-hide-column-score  .flex-row:nth-child(3){
	width: 20%;
	}

#studentbook_details_data .flex-table.table-hide-column-score  .flex-row:nth-child(4){
width: 17%;
}

#studentbook_details_data .flex-table.table-hide-column-score  .flex-row:nth-child(5){
width: 14%;
}
#studentbook_details_data .flex-table.table-hide-column-score  .flex-row:nth-child(6){
	width: 14%;
	}

#studentbook_details_data .flex-table.table-hide-column-score  .flex-row:nth-child(7){
	width: 15%;
	}

#searchclear {
	position:absolute;
	right:5px;
	top:0;
	bottom:0;
	height:14px;
	margin:auto;
	font-size:14px;
	cursor:pointer;
	color:#808080;
}
#booksearchclear {
	position:absolute;
	right:5px;
	top:0;
	bottom:0;
	height:14px;
	margin:auto;
	font-size:14px;
	cursor:pointer;
	color:#808080;
}

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

	#heading,.clearfix.mb30.header-bottom-border .col-md-7.col-sm-8.pad-r-none{
		width:100%;
		float:none;
	}
}

/* institute report box start */
.instUsage-box{
	display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    min-height: 240px;
    padding: 20px !important;
}
.usage-blue, .usage-orange , .usage-grey, .usage-green{
	border-top: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    height: 190px;
    color: #666;
    font-size: 18px;
    width: 210px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    word-break: break-word;
    padding: 0 5px;
}
.usage-blue{
	border-bottom:10px solid #40C3F4;
}
.usage-orange{
	border-bottom:10px solid #F7C07E;
}

.usage-green{
	border-bottom:10px solid #96e491;
}
.usage-grey{
	border-bottom:10px solid #bebcba;
}
.user-total{
	color:#333333;
	font-size: 26px;
	display: block;
	margin-bottom: 10px;
}

/* institute report Box end */
.btn-primary{
	background-color: #047A9C;
    border-color: #047A9C;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
	background-color: #047A9C;
    border-color: #047A9C;	
}
.searchBarIsbn{
	padding: 0;
	background: none;
	height: inherit;
	border: none;
	min-width: 190px;
    margin-right: 15px
}

.searchBarIsbn .form-control{
	height: 32px;
	border: 1px solid #d0cfcf;
    border-radius: 0;
    box-shadow: none;
	font-size: 12px;
}
.searchBarIsbn .searchBookIcon{
	top:29px;
	
}
.searchBarIsbn #searchclear #booksearchclear{
	top: 21px;
	font-size: 12px;
}
.student-Isbn-dropdown button{
   width: 200px !important;
}
.searchBarIsbn .search_book_error_msg{
	top:49px;
}
.inst-search-wrapper{
	min-width: 250px;
	margin: 0;
	top: 51px;
	overflow: hidden;
	right: calc(100% - 77%) !important;
}
.inst-search-wrapper button{
	position: relative;
	bottom: 0;
}
.header_tab .inst-search-wrapper{
	top: 65px;
}
.isbn-search-dropdown{
	position: relative;
	max-height: 150px;
	overflow: hidden;
	overflow-y: auto;
}
.isbn-search-dropdown li{
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;

}
.isbn-search-dropdown li a{
 padding: 0 !important;
}

.isbn-search-dropdown li input[type="checkbox"]{
	margin-top:0;
	margin-right: 10px;
}


.isbn-search-dropdown li:nth-last-child(2),
.isbn-search-dropdown li:nth-last-child(1){
	display: none;
}

.searchBarIsbn .institute-remove{
	position: absolute;
    top: 32px;
    right: 23px;
	color: gray;
    font-size: 12px;
}
.searchBarIsbn #searchclear{    
	position: absolute;    
	top: 32px;    
	right: 5px;    
	color: gray;    
	font-size: 12px;    
	margin:0;
}
.position-relative{
	position: relative;
}
/* export xls popup css start */
.opr-export-xls-popup.in{
	display: flex !important;
	align-items: center;
  	justify-content: center;
}
.opr-export-xls-popup .modal-dialog{
	width:420px;
	border-radius: 5px;
}
.opr-export-xls-popup p{
	margin-bottom:15px;
	font-size: 14px;
}
.opr-export-xls-popup .form-group label{
	width:120px;
}
.opr-export-xls-popup .form-group p{
	display: block;
	margin-left: 123px;
	font-size: 10px;
	color: #999;
	margin-top: 10px;
}
.opr-custom-drops-wrap{
	height: 32px;
	border: 1px solid #d0cfcf;
	display: inline-block;
	width:230px;
	line-height: 32px;
	position: relative;
	padding-left:10px;
	/* padding-right:35px; */
	background-color:#f9f9f9;
}
.opr-custom-drops-wrap:before{
	content: "\e609";
	color: #646566;
	font-size: 11px;
	right: 9px;
	top: 12px;
	position: absolute;
}

.footer-text-hngn {
	width: 39%;
	text-align: center;
	color: #7d7d7e;
	font-size: 12px;
	float: left;
	margin-top: 3px;
}

/*To Disable enable pagination icon based on the currentpagevalue*/

.student-wise-report-arrow-right-pos-last{
    border: solid #989c9c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
    margin-left:15px;  
        position:relative;
    top:-5px;
}

.student-wise-report-arrow-left-pos-1{
    border: solid #7c8080;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    /* -webkit-transform: rotate(135deg); */
    margin-right:15px;
    position:relative;
    top:-5px;
}
.hasError{
	display: none;
}
.d-block{
	display:block;
}
.float-container{
	float: left;
}
.float-right-hidden {
    float: right;
    display: none;
}
.inline-margin-right {
    margin-right: 19px;
    display: inline-block;
}
.ml-13 {
    margin-left: 13px;
}

.d-none {
    display: none;
}

.pr-49 {
    padding-right: 49px;
}

.mr-20 {
    margin-right: 20px;
	margin-right: 20px !important;
}

.text-gray {
    color: gray;
}

.text-red {
    color: red;
}
.float-r {
    float: right;
}

.width-25 {
    width: 25% !important;
}

.width-33 {
    width: 33.33% !important;
}
.mt-28 {
    margin-top: 28px;
}
.disabled-cursor {
    cursor: default;
}
.border-none {
    border: none;
}
.chart-visible {
    height: 600px;
    display: block; /* 'show' is not a valid display value */
}
.padding-5 {
  padding: 5px;
}
.cursor-pointer {
  cursor: pointer;
}
.p-0 {
  padding: 0;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.range-bar-wrapper {
  width: 100%;
  height: 6px;
  display: inline-block;
}

.range-bar-filled {
  height: 5px;
  background: #cb7e74;
  display: inline-block;
}

.range-bar-empty {
  height: 5px;
  background: #f1f1f1;
  display: inline-block;
}
.back-position {
    top: 21px;
}
.student-report-title {
    font-weight: normal;
    font-size: medium;
}
.visible {
  visibility: visible;
}
.total-time-text {
    font-size: 28px;
    font-family: 'openSansBold', sans-serif;
}
.chart-caption-text {
    color: #acabab;
    font-size: 13px;
    display: block;
    text-align: center;
}
.distribution-title {
    font-weight: bold;
    font-size: 16px;
}
.learner-duration-filter {
    float: right;
    display: inline-block;
}
.chart-height-600 {
    height: 600px;
}
.book-meta-details-long {
    line-height: 22px !important;
}