html {
  background: none #ffffff;
}
body {
     background: none #ffffff;
     line-height:normal;
    -webkit-touch-callout: none;
     -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.container {
	font-size: 1.2em;
}

.marginModal {
	 margin-top: 0px;
    margin-bottom: 0px;
}
.container h2 {
	font-size: 1em;
	line-height: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 20px;
	text-rendering: optimizeLegibility;
}

#main {
	margin-left: 0;
}

.toolbar {
	margin-top: 6px;
}

.toolbar_button {
	margin-top: -4px; 
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px
		rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px
		rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px
		rgba(0, 0, 0, .05);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 1em;
	line-height: 1.143em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #000
}
.page-header-panel h1{
	
	font-weight: normal;
	float: left;
}

.page-header-title {
	  line-height: 28px;
	  font-size: 1.1em;
	  font-weight: normal;
	  padding-left: 7px;
	  padding-top: 5px;
}

.jarviswidget > header {
  height: 60px;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url(../fonts/OpenSansLight.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff)
		format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url(../fonts/OpenSansBold.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url(../fonts/OpenSansItalic.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url(../fonts/OpenSansBoldItalic.woff) format('woff');
}

.font-bold {
	font-weight: bold;
}

.font-normal {
	font-weight: normal;
}

.font-italic {
	font-style: italic;
}

.text-underline {
	text-decoration: underline;
}

/*---- New login page css classes----*/
.login-main {
	border: none;
}

#login1 #panel1 {
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 800px;
	padding: 60px 0;
}

#panel2 {
	background: url("../images/stacked_circles.png") repeat scroll left top
		#666666;
	border-bottom: 1px solid #ffffff;
	display: block;
	padding: 40px 0;
}

#panel3 {
	display: block;
	padding: 30px 0;
}

.home-mobile {
	display: none;
}

.home-big-screen {
	display: inherit;
}

.big-user-ico {
	min-height: 40px !important;
	/*margin-top: 10px !important;*/
	padding-top: 0 !important;
	border-radius: 100% !important;
	max-width: 40px;
}

.placeholder {
	color: #aaa !important;
}

.custom-grid-select {
	width: 60px;
}

/*-- IE-9 Hack for top button alignment --*/
span.pull-right,div.pull-right {
	text-align: right !important;
}

#logo-group {
	min-width: 215px;
}

#logo-group * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hide-menu.menuIcon i {
    font-size: 1.33333em;
}

#hide-menu.menuIcon a {
    width: 40px !important;
}

#hide-menu.menuIcon a:hover i {
    color: #222;
}

.catHeader #hide-menu.btn-header a {
    margin-top: 10px !important;
    line-height: 1.42857 !important;
}

.catHeader .btn-header span a {
    margin-top: 10px !important;
    line-height: 1.42857 !important;
}

.catHeader #activity.btn-header .dropdown-menu a {
    height: auto !important;
    width: auto !important;
    line-height: 1.42857 !important;
    margin-top: 0px !important;
}

.catHeader #project-context .dropdown-menu {
    right: 13px;
}

@media (min-width: 768px) {
    .catHeader #activity.btn-header .dropdown-menu {
        display: none;
    }
}

/*-- Extending boorstrap dialog with fixed height--*/
.modal-body {
	box-sizing: border-box;
	display: block;
	max-height: 650px;
	overflow: auto;
	width: 100%;
	overflow-x: hidden;
}

@media only screen and (max-height: 900px) {
	.modal-body {
		max-height: 580px;
	}
}

@media only screen and (max-height: 768px) {
	.modal-body {
		max-height: 480px;
	}
	
	/*---- For all other popups to support small devices -----*/
	.custom-dialog .modal-body {
		max-height: 430px !important;
	}
}

.custom-dialog .modal-body {
	max-height: 560px;
}
/*-- Bootstrap wizard completed step override --*/
.bootstrapWizard li.complete .step {
	padding: 7px 12px !important;
}

.widget-toolbar,.widget-toolbar>a {
	cursor: default !important;
}

#content {
	min-height: 100%;
	padding-top: 15px;
}

#main-container {
	margin-bottom: -25px;
}

.fixed-header #main {
    margin-top: 10px;
}

.footer {
	margin-top: -25px;
	height: 30px;
	clear: both;
}

.version {
	margin-top: 50px;
	margin-left: 10px;
	word-wrap: break-word;
}

.fixed-header .catHeader {
	position: fixed;
	width: 100%;
	z-index: 997;
	top: 0px;
	left: 0;
	border-bottom: 2px solid #999999;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1);
}

.catHeader>*:first-child,aside {
	width: 220px;
}

.catHeader>div {
	display: inline-block;
	float: left;
	height: 65px;
	vertical-align: middle;
}

#loginContainer h4 {
	font-weight: 500;
}

#voucherContainer h4 {
	font-weight: 500;
}

.systemContent {
	display: none;
}

#rptSearchCollapsible,.panel-group.smart-accordion-default {
	/*-- Hack for IE-9 resolution --*/
	padding: 1px;
}

aside#left-panel {
	margin-top: 1px;
}

.toggle-full-screen {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	overflow: auto;
	background-color: #fff;
}

;
.jqstooltip {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	background: rgb(0, 0, 0) transparent;
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,
		endColorstr=#99000000);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	color: white;
	font: 10px arial, san serif;
	text-align: left;
	white-space: nowrap;
	padding: 5px;
	border: 1px solid white;
	z-index: 10000;
}

.jqsfield {
	color: white;
	font: 10px arial, san serif;
	text-align: left;
}

/*-- Helper Classes for horizontal Spacing in pages */
.hspacer-10 {
	height: 10px;
	display: block;
}

.hspacer-15 {
	height: 15px;
	display: block;
}

.hspacer-20 {
	height: 40px;
	display: block;
}

.hspacer-25 {
	height: 25px;
	display: block;
}

.custom-width-25 {
	width: 25%;
}

.custom-action-grid {
	width: 75px;
}

.widget-spacer {
	height: 12px;
}

.form-group label {
	font-size: 1em;
    line-height: 1.429em;
}

.required label:before {
	content: "* " !important;
	font-size:1.25em;
	color: #D00000;
	font-weight: bold;
}

.required h3:before {
	content: "* " !important;
}

.errmsg {
	font-family: "Open Sans", Arial, Helvetica, Sans-Serif !important;
	display: block !important;
	margin-top: 6px !important;
	padding: 0 1px !important;
	/*font-style: italic ;*/
	font-size: 11px !important;
	line-height: 15px !important;
	color: #D56161 !important;
}

.erripf input {
	background: #fff0f0 !important;
	border-color: #A90329 !important;
}

.erripf select {
	background: #fff0f0 !important;
	border-color: #A90329 !important;
}

.erripf label {
	color:inherit;
}

.erripf .select2.select2-container .select2-search-field{
	background: #fff0f0 !important;
	border-color: 1px solid #A90329 !important;
}
.erripf span {
	font-family: "Open Sans", Arial, Helvetica, Sans-Serif !important;
	/*display: block !important;*/
	padding: 0 1px !important;
	font-style: italic;
	font-size: 11px !important;
	line-height: 15px !important;
	color: inherit;
}

.text_color_white .erripf label, .text_color_white .erripf span, .text_color_white .alert,.text_color_white label.erripf {
	color: #fff !important;
}

.text_color_black .erripf label, .text_color_black .erripf span, .text_color_black .alert ,.text_color_black label.erripf {
	color: #000 !important;
}
 
.text_color_yellow .erripf label, .text_color_yellow .erripf span, .text_color_yellow .alert ,.text_color_yellow label.erripf {
	color: #ff0 !important;
}

.text_color_green .erripf label, .text_color_green .erripf span, .text_color_green .alert ,.text_color_green label.erripf {
	color : #0f0 !important;
}

.err-mail-phone input {
	background: #fff0f0 !important;
	border-color: #A90329 !important;
}

.errisr {
	color: #D56161 !important;
}

.err-mail-phone label {
	color: #D56161;
	font-size: 11px;
    font-style: italic;
}

.err-mail-phone span {
	color: #D56161 !important;
	font-size: 11px;
    font-style: italic;
}

.err-mail-phone span.err-text {
	font-family: "Open Sans", Arial, Helvetica, Sans-Serif !important;
	color: #D56161 !important;
	font-style: italic;
	font-size: 11px !important;
	line-height: 15px !important;
	color: #D56161 !important;
}

.fixedContent {
	position: fixed;
}

.norecords {
	margin-top: 10px;
	text-align: center;
}

/* Custom dialog/modal headers */
.dialog-header-error {
	background-color: #d2322d;
}

.dialog-header-wait {
	background-color: #428bca;
}

.dialog-header-notify {
	background-color: #eeeeee;
}

.dialog-header-confirm {
	background-color: #333333;
}

.dialog-header-error span,.dialog-header-error h4,.dialog-header-wait span,.dialog-header-wait h4,.dialog-header-confirm span,.dialog-header-confirm h4
	{
	color: #ffffff;
}

table .sorting {
	background: url(../images/theme/sort_both.png) no-repeat center right
}

table .sorting_asc {
	background: url(../images/theme/sort_asc.png) no-repeat center right
}

.table .sorting_desc {
	background: url(../images/theme/sort_desc.png) no-repeat center right
}

.table .sorting_asc_disabled {
	background: url(../images/theme/sort_asc_disabled.png) no-repeat center
		right
}

.table .sorting_desc_disabled {
	background: url(../images/theme/sort_desc_disabled.png) no-repeat center
		right
}

/* show the hand cursor for sortable table headers */
th.sorting {
	cursor: pointer;
}

.requiredInfo {
	margin-top: 0px;
	height: 30px;
	font-size: 12px !important;
}

/*.view {
    width: 100%;
    padding-left: 1em;
    position:absolute;
    top: 0;
    left: 0;
}*/
.slideLeft.ng-enter,.slideLeft.ng-leave,.slideRight.ng-enter,.slideRight.ng-leave
	{
	-webkit-transition: all 1s;
	transition: all 1s;
}

.slideLeft.ng-enter {
	left: 100%;
}

.slideLeft.ng-enter.ng-enter-active {
	left: 0;
}

.slideLeft.ng-leave.ng-leave-active {
	left: -100%;
}

.slideRight.ng-enter {
	left: -100%;
}

.slideRight.ng-enter.ng-enter-active {
	left: 0;
}

.slideRight.ng-leave.ng-leave-active {
	left: 100%;
}

.catHeader1 {
	height: 47px;
	border: 1px solid #114885;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: 0;
	background: url('../images/blue_header.png');
	box-sizing: border-box;
	direction: ltr;
}

.catHeader2 {
	height: 52px;
	border: 1px solid #114885;
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: 0;
	direction: ltr;
	box-sizing: border-box;
	/*background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.28, #7B94E0),
  color-stop(1, #43D3F0)
);
background-image: -o-linear-gradient(bottom, #7B94E0 28%, #43D3F0 100%);
background-image: -moz-linear-gradient(bottom, #7B94E0 28%, #43D3F0 100%);
background-image: -webkit-linear-gradient(bottom, #7B94E0 28%, #43D3F0 100%);
background-image: -ms-linear-gradient(bottom, #7B94E0 28%, #43D3F0 100%);
background-image: linear-gradient(to bottom, #7B94E0 28%, #43D3F0 100%);*/
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.45, #5D6ADE
		), color-stop(1, #1DBEDE));
	background-image: -o-linear-gradient(bottom, #5D6ADE 45%, #1DBEDE 100%);
	background-image: -moz-linear-gradient(bottom, #5D6ADE 45%, #1DBEDE 100%);
	background-image: -webkit-linear-gradient(bottom, #5D6ADE 45%, #1DBEDE 100%);
	background-image: -ms-linear-gradient(bottom, #5D6ADE 45%, #1DBEDE 100%);
	background-image: linear-gradient(to bottom, #5D6ADE 45%, #1DBEDE 100%);
}

.catHeader {
	display: block;
	height: 60px;
	position: relative;
	margin: 0;
	padding: 0 13px 0 0;
	background-color: #0199fe;
	/* background-image: -moz-linear-gradient(top, #0199fe, #0199fe);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0199fe),
		to(#0199fe));
	background-image: -webkit-linear-gradient(top, #0199fe, #0199fe);
	background-image: -o-linear-gradient(top, #0199fe, #0199fe);
	background-image: linear-gradient(to bottom, #0199fe, #0199fe);
	background-repeat: repeat-x; */
}

.catHeader #logo,.catHeader #logo img.login-page {
	margin-top: 0px;
	width: 150px;
}

#left-panel {
	top: 59px;
}

.table tbody>tr>td.vert-align {
	vertical-align: middle;
}

.border-dashed {
	border: 2px dashed #dddddd;
}

dl.asterisk-definition {
	margin-bottom: 10px;
}

dl.asterisk-definition>dt,dl.asterisk-definition>dd {
	float: left;
}

dl.asterisk-definition>dt {
	width: 20px;
	margin-right: 5px;
}

.well.border-dashed {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* decrease font size so text fits nicely on one line on small devices */
@media only screen and (max-width: 420px) {
	#ribbon .breadcrumb li {
		font-size: 9px;
		letter-spacing: -.5px;
		padding: 0;
	}
	h1.page-title {
		font-size: 16px;
	}
	h1.page-title span {
		font-size: 14px;
	}
	.btn-group>.btn {
		font-size: 11px;
		padding-left: 9px;
		padding-right: 9px;
	}
	.pagination>li>a {
		font-size: 11px;
		padding-left: 9px;
		padding-right: 9px;
	}
}

/*********************************************/
/******* Test Center Management Page *********/
/*********************************************/
.tsm-txt-color-green {
	color: #339900;
}

.tsm-txt-color-red {
	color: #cc3300;
}

.tsm-txt-color-blue {
	color: #0099ff;
}

.tsm-txt-color-greenLight {
	color: #aad89a;
}

.tsm-txt-color-redLight {
	color: #f7b39d;
}

.tsm-txt-color-blueLight {
	color: #afdefd;
}

.tsm-txt-color-grayLight {
	color: #999999;
}

h5>.tooltip {
	text-transform: none;
}

#liveStats {
	display: block;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#liveStats li {
	vertical-align: top;
	display: inline-block;
	text-align: left;
	min-height: 70px;
	width: 16%;
	overflow: visible;
	border-left: 1px dotted #c7c7c7;
	padding: 20px 0 5px 7px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#liveStats.past li {
	width: 30%;
}

#liveStats li:last-child {
	padding-right: 0;
}

#liveStats li:first-child {
	border-left: none;
	padding-left: 10px;
}

#liveStats>li>span.font-xxl {
	text-align: left;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	margin-right: 10px;
}

#liveStats li h5 {
	color: #555;
	font-size: 8px;
	text-align: left;
	text-transform: uppercase;
	margin-top: 3px;
}

.edit-test-width {
	width: 100%;
}

.error-align {
	height: 102px;
	overflow-y: auto;
}

.group-name {
	border-bottom: 0 none;
	margin-bottom: 5px
}
/* display of Live Stats on small screen */
@media only screen and (min-width: 321px) {
	#liveStats>li>span.font-xxl {
		font-size: 24px;
		line-height: 24px;
	}
	#liveStats li h5 {
		font-size: 11px;
	}
}

/* display of Live Stats on medium screen */
@media only screen and (min-width: 700px) {
	#liveStats {
		padding: 0 10px 0;
	}
	#liveStats li {
		width: 17%;
		padding: 20px 10px 10px;
	}
	#liveStats li:first-child {
		padding-left: 0;
	}
	#liveStats>li>span.font-xxl {
		font-size: 35px;
		line-height: 35px;
	}
}

/* display of Live Stats on big screen */
@media only screen and (min-width: 1230px) {
	#liveStats {
		padding: 0 10px 0;
	}
	#liveStats li {
		width: 18%;
		padding: 20px 9px 20px;
	}
	#liveStats li:first-child {
		padding-left: 0;
	}
	#liveStats>li>span.font-xxl {
		font-size: 50px;
		line-height: 50px;
	}
	#liveStats li h5 {
		font-size: 12px;
		margin-top: 5px;
	}
}

/* color table cells of Test Center Management table when the Status column is hidden */
/* this max-width number is the first break-point of the Test Center Management table. This needs a script written so it (background color on footable td) works for the first break point on all sizes of tables. */
@media only screen and (max-width: 1301px) {
	.footable.breakpoint>tbody>tr>td.footable-visible.statusActive {
		background-color: #e0f5d8;
	}
	.footable.breakpoint>tbody>tr>td.footable-visible.statusStarted {
		background-color: #fee1d7;
	}
	.footable.breakpoint>tbody>tr>td.footable-visible.statusCompleted {
		background-color: #d9effd;
	}
}

.dimension {
	top: 0;
	left: 0;
	margin: auto;
	bottom: 0;
	right: 0;
}

.dialogDim {
	width: 60%;
	height: 100%;
}

.error {
	display: block;
}

.error input {
	background: #fff0f0 !important;
	border-color: #A90329 !important;
}

.error span {
	color: #A90329 !important;
}

#remoteTestSite {
	display: none;
}

.fileDrop {
	cursor: pointer;
	background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%,
		transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%,
		rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-size: 16px 16px;
	border: 1px solid rgba(0, 0, 0, .03);
	min-height: 100px;
	border-radius: 3px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .08);
	/*background: rgba(0,0,0,.02);*/
	padding: 1em;
	box-sizing: border-box;
	margin: 5px;
}

.panel-title span {
	font-family: 'Open Sans';
	font-size: 15px !important;
	font-weight: 400;
}

.page-title span {
	font-weight: noraml;
}

#localTestEditModal .modal-dialog {
	width: 836px;
}

.custom-dialog-testsettings {
	width: 780px;
}

.dialog-previewer .gradient-block {
	background: url("../images/body_content_gradient.gif") repeat-x;
	padding: 7px;
	font-size: 12px;
}

.dialog-previewer a.tweeked-close-btn {
	margin-left: 10px;
}

.dialog-previewer {
	width: 852px;
}

.dialog-previewer #header {
	padding: 5px !important;
	position: relative;
	height: 60px;
}

.dialog-previewer #header .pull-right.replica {
	margin-right: 20px;
}

.dialog-previewer .message-body {
	padding: 0 75px;
}

.dialog-previewer .test-complete-linkblock {
	background-color: #015288;
	height: 25px;
	padding-top: 3px
}

.dialog-previewer .test-complete-linkblock a.leftlinks {
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
	margin-left: 5px;
}

.dialog-previewer .test-complete-linkblock a.leftlinks-sap {
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	margin-left: 5px;
}

.dialog-previewer .test-complete-linkblock a.leftlinks:hover {
	text-decoration: none;
}

.dialog-previewer .test-complete-linkblock label.label-heading {
	color: #F8F882;
	font-size: 10pt;
	font-weight: bold;
}

.dialog-previewer .test-complete-linkblock label.label-data {
	color: #fff;
	font-size: 10pt;
	margin: 0 5px 0 5px
}

.dialog-previewer .score-report-tbl {
	border: solid 1px #ABCAD9;
	width: 100%;
	border-spacing: 2px !important;
	border-collapse: separate;
}

.dialog-previewer .score-report-tbl td.tbl-column {
	background-color: #2F74A2;
	color: #ffffff;
	margin: 1px;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
}

.dialog-previewer .score-report-tbl>div>label {
	font-weight: bold;
}

.dialog-previewer hr.line-break {
	border-bottom: dotted 1px #000;
	border-top: 0
}

.dialog-previewer #footer {
	background: #9ED3F7;
	padding-top: 10px;
	font-size: 12px;
}

.dialog-previewer .custom-testvoucher-preview-header {
	border-top-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
}

.dialog-previewer .custom-testvoucher-preview-header .heading h1 {
	color: #ffffff;
	margin-left: 20px;
	font-weight: bold;
	font-size: 38px;
}

.dialog-previewer .test-voucher-items {
	margin-top: 15px;
	padding: 10px;
}

.dialog-previewer #welcomeCBAData {
	min-height: 150px;
}

.dialog-previewer .test-voucher-items .voucher-card {
	background: #ADDCF3;
	width: 100%;
	height: 300px;
	display: block;
	padding: 30px 30px 40px 30px;
	border-radius: 50px;
}

.dialog-previewer .test-voucher-items .voucher-card h3 {
	font-size: 30px;
	font-weight: bold;
}

.dialog-previewer .test-voucher-items .voucher-card label {
	font-size: 24px;
	font-weight: bold;
}

.dialog-previewer .test-voucher-items p {
	font-size: 21px;
}

.dialog-previewer .test-voucher-items .test-voucher-message-top {
	background: #F0F0F0;
	height: 30px;
	margin-bottom: 10px;
	width: 100%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.dialog-previewer .test-voucher-items .test-voucher-message-bottom {
	background: #ADDCF3;
	height: 60px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom-left-radius: 49px;
	border-bottom-right-radius: 49px;
}

/** Custom Dialog Header Settings **/
.custom-dialog .modal-header {
	margin: 0;
	padding: 0;
}

.custom-dialog #header {
	background: #0099FF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.custom-dialog .close-btn {
	margin-top: 17px;
	float: right;
}

.custom-dialog #logo {
	margin: 0;
}

.custom-dialog .login-contents {
	background: #ffffff;
	padding: 5px;
}

.custom-dialog .dialog-content-area {
	padding: 10px 10px 0 20px;
	overflow: scroll;
}

.custom-dialog .dialog-content-area img {
	margin-right: 10px;
}

.custom-dialog .dialog-content-area .panel-body {
	border: solid 1px #c3c3c3;
	border-top: none;
}

.caption {
	font-weight: bold;
	color: #990000;
}

/* Fixing row dropdown position when a datatable is displayed in modal */
.widget-body.modal-data-tbl .widget-body-toolbar {
	margin: -8px 0;
	border: 1px solid #ddd;
}

a.login-link {
	font-size: 12px;
}

#remoteTestSessionWizard.bootstrapWizard li {
	width: 16.6% !important;
}

#changePasswordWizard.bootstrapWizard li,#generateVoucherWizard.bootstrapWizard li
	{
	width: 25% !important;
}

#lockOutWizard.bootstrapWizard li {
	width: 48% !important;
}

div.action-buttons  a, a.action-buttons {
	text-decoration: none !important;
}

/*CSS Classes for Vector Test Configuration */

/* FF Specific hack
.testConfig select,  x:-moz-any-link, x:default {
	min-width: 40px;
}
*/
.testConfig select {
	min-width: 42px;
	min-width: 60px !important;
	-webkit-appearance: none;
}

/*-- Vector config color coding --*/
.color-col-1 {
	background: #e0f5d8;
}

.color-col-2 {
	background: #fee1d7;
}

.color-col-3 {
	background: #d9effd;
}

.color-col-4 {
	background: #d9effd;
}

/*END OF CSS Classes for Vector Test Configuration */

/* Properties for word wrap long text where toggle button is present*/
td>span.wrapped-text-toggle {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	float: right;
	width: calc(100% - 25px); /* 25px for the toggle button */
	-ms-word-break: break-all;
	word-break: break-all;
	word-wrap: break-word;
}

/* Properties for word wrap long text */
td>span.wrapped-text {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	float: right;
	width: 100%;
	-ms-word-break: break-all;
	word-break: break-all;
	word-wrap: break-word;
}

/* Overriding property from cat-theme.css */
nav>ul>li>ul:before {
	bottom: 21.5px;
}

.smart-accordion-default .panel-title>div>:first-child {
	display: none !important
}

.smart-accordion-default .panel-title>div.collapsed>.fa {
	display: none !important
}

.smart-accordion-default .panel-title>div.collapsed>:first-child {
	display: inline-block !important
}

;
.row-success {
	background-color: #dff0d8
}

.collapse-block {
	display: none;
}

/* Header's buttons background color, to be same always
   Overriding property from cat-theme.css */
.btn-header>:first-child>a {
	background-color: #f8f8f8;
	min-height: 40px;
	min-width: 40px;

}
.btn-header>:first-child>a>i{
	margin-top: 9px;
}

.fa-header-icon{
	height:25px !important;
	width:25px !important;
}

.textarea-no-resize {
	overflow-y: auto;
	padding: 0;
	resize: vertical;
}

//
Added by Swapnil START
.multiSelect {
	overflow: auto;
	width: 600px;
}

.multiSelect .mselect {
	margin-right: 20px;
	float: left;
	width: 200px;
}

.multiSelect .text {
	clear: both;
	font-size: 11px;
}

.multiSelect label::after {
	content: ":";
}

.btn.mover {
	display: block;
	margin-top: 25px;
	vertical-align: top;
}

.btn.mover.left {
	padding: 4px 8px 4px 8px;
	background-color: #009900;
	border-color: #008400;
}

.btn.mover.right {
	margin-top: 9px;
	padding: 4px 8px 4px 8px;
	background-color: #009900;
}

.clrblk {
	color: #000000;
	font-size: 16px;
	font-weight: 600;
}
/* demo css */
.fL {
	float: left !important;
}

.fR {
	float: right !important;
}

.width10p {
	width: 8%;
	padding-left: 5px;
}

.leftms {
	width: 36%;
}

//
Added by Swapnil END /* CSS Classes for common use. */   
.apply-border {
	border: solid 1px #000;
}

.dotted-line-break {
	border-top: dotted 1px #000;
	border-bottom: none;
}

label.erripf {
	color: #C13353 !important;
}

/*added to fix CATTECH-928*/
.minified #hide-menu {
	display: block;
}
/*added to fix CATTECH-928*/
.alert-warning {
	padding-right: 15px
}

.error-message {
	float: left;
	padding-left: 3px;
	width: calc(100% - 35px);
}

.cat-warning {
	float: left;
	margin-top: 5px;
}

.date .dropdown-menu {
	min-width: 254px;
}

/* Checkbox style active/inactibe button hack allignment issue */
a.blue,a.red>.btn.btn-default {
	max-width: 22px;
}

a.blue:hover,a.red:hover {
	text-decoration: none;
}

.smart-form .checkbox input:checked:hover+i:after {
	content: '\f00c' !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.0) {
	.smart-form .checkbox input:checked:hover+i:after {
		content: '\f00c' !important;
	}
}

/*End of fix CATTECH-1173 and CATTECH-1124*/
.smart-form.cb-status {
	width: 65px;
}

.smart-form .toggle i {
	width: 65px;
}

.smart-form .toggle input:checked+i:before {
	right: 48px;
}

.smart-form .select i {
	height: 12px;
	right: 10px;
}

.singleErr {
	margin-top: -19px;
}

/* pahse 10 feature styling*/
.inst-style {
	display: block;
	margin-top: 2px;
}
/* pahse 10 feature styling end*/

/* force elements to be inline */
.elem-inline {
	display: inline !important
}

/*---- Creating Loading screen Overlay ------- */
#cover {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 998;
	width: 100%;
	height: 100%;
	display: none;
}

#overlay {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid;
	height: auto;
	opacity: 0.9;
	position: absolute;
	left: 40%;
	top: 350px;
	width: 250px;
	z-index: 999;
	display: none;
	min-height: 100px;
}

#loading {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 20%;
}

#overlay:target,#overlay:target+#cover {
	display: block;
	opacity: 1;
}

.rpt-detail-custom-header {
	color: #000;
	font-weight: bold;
	background: #F5F5F5;
	border-top: 1px solid #C4C5BF
}

.loginButton input:before {
	content: "<i class='fa fa-refresh fa'></i>" !important;
}

select[multiple].form-control {
	padding: 6px 0px;
}

.hide {
	display: none;
}

div.stickyHeader {
	top: 60px;
	position: fixed;
	z-index: 999;
}

div.stickyHeader > .has-tickbox th:first-child {
	width: 20px !important;
}

.form-label {
	font-size: 14px !important;
}

.downloadAchor span {
	margin: 0px;
}

.bdreport-custom-width {
	width: 15%;
}

.rptWidgt {
	position: fixed;
	right: 10px;
	bottom: 10px;
	background-color: #739e73;
	padding-left: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	width: auto;
	height: 35px;
	color: white;
	z-index: 999;
	box-sizing: content-box;
	border-radius: 10px;
	border-left: 5px solid rgba(0, 0, 0, 0.15);
	/*background-color: rgb(115, 158, 115)*/
}
/*.rptWidgt #rptd div span i{
	padding-top: 5px;
	top:10px;
	
}*/
.rptWidgt .btnClose {
	position: relative;
	right: 0px;
	height: 16px;
	width: 15px;
	cursor: pointer;
	font-size: 18px;
	opacity: .5;
	display: block;
	top: 8px;
}

.onlineABut {
	top: 2px;
	/*padding-top: 7px;*/
	height: 35px;
}

.arrow {
	display: block;
	width: 14px !important;
	height: 14px;
	line-height: 14px;
	text-shadow: none;
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 12px;
	padding: 0;
	text-align: center;
}

.hackdate {
	position: relative;
}

/*position it on top of input*/
.hackdate .dropdown-menu {
	top: -255px !important;
}

.over-form {
	position: static !important;
}

.export-button {
	margin-left: 30px;
	margin-top: 18px;
}

.errors {
	color: #D00000;
}

/**End of reposive home page css**/

/** Custom Reset Password Modal **/
.lockout-resetPasswordModal {
	width: 98%;
	margin-top: 50px !important;
}

#resetPasswordWizard.bootstrapWizard li {
	width: 50% !important;
}

/* write place report dialog */
.writer-res {
	word-wrap: break-word;
	width: 100px;
	display: block;
}

.wp-dailog {
	overflow-y: auto;
	overflow-x: hidden;
	width: 60%;
}

.jarviswidget .wp-row {
	border-bottom-width: 1px;
}
/*End of write place report dialog*/
#project-context>:first-child {
	color: #FFFFFF;
}

.in-toggle {
	position: relative;
	z-index: 0;
}
/*Fix for icon and title not aligned in widget */
.jarviswidget header .widget-icon {
	padding-top: 2px;
}

/*CSS to show cursor as Pointer on Resources Page*/
div#preDefinedFields td>a,div#userDefinedFields td>a {
	cursor: pointer;
}

.no-padding>.table-bordered tbody tr:last-child td.footable-visible {
	border-bottom-width: 1px !important;
}

.textarea-pad {
	padding: 6px 12px;
}

.datepicker-left .dropdown-menu {
	left: -88px !important;
}

.login-close {
	font-size: 19px;
}

.question-dailog {
	width: 760px;
}

.toggle-td {
	width: 10%;
}

.report-savequery-block {
	padding-left: 20px;
}

.report-savequery-block label {
	display: inline;
}

.report-savequery-block input[type="text"] {
	width: calc(100% - 125px);
	margin-left: 10px;
	display: inline
}


/*Overriding bootstrap default padding of 20px for data-tables.  */
.radio-inline.datagrid-radio,.checkbox-inline.datagrid-checkbox {
	padding-left: 10px;
}

/*---- Generate Voucher Printing -----*/
.voucher-container {
	margin: 10px;
}

.voucher-data {
	margin-bottom: 10px;
}

.voucher-title > h1 {
	font-family: arial tahoma vardana;
	font-size: 29px;
	text-align: center;
}

.voucher_header_content {
	font-size: 20px;
	vertical-align: top;
	text-align: center;
}

.voucher_details_body_content {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	font-size: 20px;
	padding: 10px;
}

.custom_message {
	font-size: 25px;
}

.voucher_footer_content>p {
	font-size: 11px;
}

span.information {
	font-family: "Courier New", "Lucida Console", monospace;
	font-size: 20px;
}

.menu-overflow {
	overflow: inherit;
}

.popErr {
	margin: 15px 15px;
}

.how-to {
	margin: 10px -16px;
}

.well {
	background: #fff;
}

.pad6 {
	padding: 6px;
}

/*-- Edit Vector Config --*/
.sel-box {
	position: relative;
}

.ddl-data {
	display: block;
	width: 35px;
	height: 30px;
	text-align: center;
	border: solid 1px #999;
	padding-top: 5px;
}

.toc-odd {
	position: absolute;
	background: #f1f1f1;
	width: 30px;
	display: none;
	padding: 0;
	text-align: center;
	width: 27px !important;
	z-index: 9;
}

.toc-odd li {
	list-style: none;
	width: 35px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	cursor: pointer;
}

.toc-odd li:last-child {
	border-bottom: solid 1px #999;
}

/*overwrite button color*/
.txt-color-blue {
	color: #333 !important;
}

.txt-color-red-bold {
	color: red !important;
	font-weight: bold !important;
}

.reportWidget-title {
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -1px;
	padding: 5px 0 !important;
	display: block;
}

.reportWidget-body {
	font-size: 13px;
	margin: 10px;
}

.well-header-section {
	padding-top: 0px;
}

/*.well-header-section  h4 {
	display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: normal;
}*/

/* bigBoxes */
.bigBox {
	width: 270px;
	border-radius: 10px;
	height: 110px;
	padding: 5px 5px 10px;
}

.bigBox .bigboxicon {
	font-size: 17px;
	position: relative;
	top: 0;
}

.bigBox .bigboxicon .fa-check {
	display: none;
}

.bigBox p {
	margin: 5px;
}

#divMiniIcons {
	right: 10px;
	bottom: 138px;
	width: auto;
}

.botClose {
	font-size: 15px;
}

#divMiniIcons .cajita {
	font-size: 15px;
	border-radius: 5px;
}

.bigBox .export-button {
	margin-left: 0px;
	margin-top: 5px;
}
/* End of  bigBoxes */
#gvPrintModel .modal-dialog {
	width: 750px;
}

/*overwriting btn-success*/
.btn-success {
	background-color: #428bca;
	border-color: #357ebd;
	color: #fff;
	min-width: 56px; /*-- To Support tooltip --*/
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success.active[disabled],fieldset[disabled] .btn-success.active
	{
	background-color: #428bca;
	border-color: #357ebd;
}

.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover
	{
	color: #fff;
	background-color: #3071a9;
	border-color: #285e8e;
}
/*overwriting btn-success*/

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808;
}



.jarviswidget header .widget-toolbar .btn-success {
	background-color: #efefef !important;
	border: 1px solid #d5d5d5 !important;
	color: #444444 !important;
}

/*---- Widget row count dropdown ---*/
#childrowsize {
	min-width: 65px !important;
}

#rowItemVal,#rowItemValCh {
	margin-right: 8px;
	width: 21px;
}

/*-- moved from student Pre Registration --*/
.my-drop-zone {
	border: dotted 3px lightgray;
}

.ng-file-over { /* Default class applied to drop zones on over */
	border: dotted 3px red;
}

.another-file-over-class {
	border: dotted 3px green;
}

/*making text in success message bold*/
.alert-warning,.alert-success {
	font-weight: bold;
}

.ie-spinner-white {
	background: url("/assets/images/loading-spinner-white.gif") no-repeat 0
		5px;
	width: 16px;
	height: 19px;
	display: inline-block;
}

.ie-spinner-black {
	background: url("/assets/images/loading-spinner-black.gif") no-repeat;
	height: 36px;
	padding-left: 28px;
	display: inline-block;
}

.admTest {
	margin: 5px 0;
}

/*Reports for expand and collapse*/
.txt-color-grey {
	color: #888;
}

.adminTest li:first-child {
	width: 50% !important;
}

.no-wrap .wrapped-text {
	word-break: normal;
	word-wrap: normal;
}

/*Overriding the btn-default color*/
.btn-default {
	background-color: #f6f6f6;
}

.btn-info {
	background-color: #5bc0de !important;
}

/* ---Composit Score Report CSS implementation --*/
.cs-table {
	margin: 5px;
}

.cs-row {
	margin-top: 5px;
}

.cs-row>td {
	padding: 5px 5px;
}

.cs-row>div {
	display: inline-block;
}

.cs-input-block {
	width: 9%;
}

.cs-text-block {
	width: 9%;
}

.cs-operator-block {
	width: 12%;
}

div.cs-operator-block {
	padding-left: 8px;
}

.cs-action-column-block {
	width: 11%;
}

.cs-col-addcondition-section {
	display: inline-block;
	width: 75.7%;
}

/*--- Branching Profile alignment implementation -- */
.bp-table {
	margin: 5px;
	width: 100%;
}

.bp-row {
	margin-top: 5px;
}

.bp-row>div,.bp-responsive-section>div {
	display: inline-block;
	vertical-align: middle;
}

.bp-responsive-section>div {
	padding: 0 3px;
}

.bp-responsive-section {
	display: inline-block;
	width: 79%;
}

.bp-input-block {
	width: 7.6%;
}

.bp-text-block {
	width: 8.2%;
	min-width: 63px;
}

.bp-large-text-block {
	width: 16.9%;
}

.bp-large-text-block-1 {
	width: 16.5%;
}

.bp-parenthesis-block {
	width: 9.5%;
	min-width: 74px;
}

.bp-parenthesis-block select,.bp-operator-block select {
	padding-left: 8px !important;
}

.bp-static-section {
	display: inline-block;
	width: 19%;
	min-width: 188px;
}

.bp-operator-block {
	display: inline-block;
	width: 44%;
}

.bp-action-column-block {
	display: inline-block;
	text-align: right;
	width: 50%;
	min-width: 100px;
}

.bp-ddl-custom-width-1 {
	width: 31.4%;
	width: 32.8% !important;
}

.bp-ddl-custom-width-2 {
	width: 23.2%;
	width: 22.8% !important;
}

.bp-ddl-custom-width-3 {
	width: 51%;
	width: 49.8% !important;
}

.bp-ddl-custom-width-4 {
	width: 26.4%
}

#report-print-template {
	display: none;
}

.report-print-row {
	padding: 0 15px;	
}

#welcomeData img, #whatsNewContainer img {
   	max-height: 100% !important;
    max-width: 100% !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bp-ddl-custom-width-2 {
		width: 24%;
	}
	.bp-ddl-custom-width-3 {
		width: 49.8%;
	}
	.bp-ddl-custom-width-4 {
		width: 26.4%;
	}
}

@media only screen and (max-width: 1024px) {
	.bp-responsive-section {
		display: inline-block;
		width: 72%
	}
	.bp-responsive-section>div {
		display: block;
		vertical-align: middle;
		margin-bottom: 5px;
		width: auto !important;
	}
	.bp-static-section {
		display: inline-block;
		width: 19%;
		min-width: 188px;
		vertical-align: top !important;
	}
}

#login1 #panel1 {
	max-height: 980px !important;
}

.wrap-word .wrapped-text {
	word-break: break-word;
	word-wrap: break-all;
}

.wrap-word>span.wrapped-text-toggle {
	word-break: break-all;
    word-wrap: break-word;
}

/*CATTECH-3770:E is not displaying properly.*/

h4 {
	font-weight: 400;
}

/*-------ng-sortable-------------- */
#sort {
	overflow: auto;
}

#sort .sortables {
	cursor: move
}

.resource-placeholder {
	height: 1.5em;
	line-height: 1.2em;
	border: dotted 1px #000;
}

.geneVoucher {
	margin-bottom: -30px !important;
}

.menu-icon{
	max-height: 30px !important;
}

.SmallBox{
	background-color:rgba(182, 79, 56, 0.89) !important;
	border-radius: 7px;
}

@media only screen and (min-width : 768px) and (max-width
	: 1024px) {
	
	.date-control {
		display: none;
	}
	
	.smart-form .checkbox input:checked:hover+i:after {
		content: '\f00c' !important;
	}
	.dialog-previewer {
		width: 730px;
	}
	.dialog-previewer>div {
		width: 730px;
	}
	
	.md-device {
		margin-right:20px;
	}
}

@media only screen and (max-width : 768px) {
	.dialog-previewer {
		width: 97%;
	}
}

/*---------------- Media query css for mobile devices-------------- */

@media only screen and (min-width : 320px) and (max-width: 480px) {
	.login-main {
		border: solid 3px #000 !important;
	}
	.home-mobile {
		display: block;
	}
	.home-big-screen {
		display: none;
	}
	
	#login1 #panel1 {
		max-height: 1200px !important;
	}
	
	#login1 #panel1 h1 {
		font-size: 235% !important;
	}
	
	.welcome-text {
		font-size: 100% !important;
	}
	
	.date-control {
		display: none;
	}
	
	.smart-form .checkbox input:checked:hover+i:after {
		content: '\f00c' !important;
	}
	
	.dialog-previewer {
		width: 94%;
	}
	
	.modal-body > img {
		width: 100% !important;
	}
}

.pager li > a, .pager li > span {
	border-radius: 2px !important;
	font-size: 14px;
    padding: 7px 15px;
	
}

.pager li > #nextbtn {
	border: none;
	font-size: 14px;
    padding: 7px 15px;
}

/*------- ie-9 Specific fixes -----------------*/

.modal-body.no-flicker {
	padding: 0 15px 0 15px !important; 
}

.modal-body.no-flicker > div {
	margin-top: 15px !important;
}

.accessibility_icon{
	background:url('/assets/images/accessibility_black.png');
	height: 30px !important;
    width: 30px !important;
    background-size: cover;
   	display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/*-- IE-10 and IE-11 Specific hack---*/
 body {
 	padding-right: 10px;
 }
 
 .ie-header-shift {
 	padding-right: 10px;
 }
} 

.prvw_item_bottom{
   margin-bottom: 30px;
}
.prvw_item_bottom{
 margin-bottom: 50px;
}
.panel-padding{
 margin-top: 20px;
 margin-bottom: 20px;
}
.writeplacer_prompt {
	font-size: 20px;
	margin-bottom: 40px;
	line-height: 30px;
	margin-top: 20px   
}

.diag-header-item {
	padding-top: 7px;
	padding-bottom: 7px
}

.nrml-fontweight {
	font-size: 21px;
	font-weight: normal;
	height: 40px;
	margin-bottom: 4.19999980926514px;
	text-rendering: optimizeLegibility;
}

.nrml-fontweight_Items {
	font-size: 20px;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
.nrml-fontweight_Selection {
	font-size: 1.2em inherit;
	font-weight: normal !important;
}

.nrml-fontweight_InstText {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.nrml-fontweight_Question {
	padding-left: 23px;
}

.nrml-fontweight_Passage {
	padding-left: 29px;
	margin-bottom: 10px;
}

.prvw-itm-pad {
	padding-top: 20px;
}

.prvw-itm-ques {
	line-height: 1.2;
}

.play-button{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px
}

.display-webkit-box{
	display: -webkit-box;
}

.user {
	color: white;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
	font-size: 16px;
}

.tutorial, .save {
	padding-top: 5px;
	height: 50px;
	color: white;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	border-left: 2px solid #fff;
	margin-top: 15px;
	font-weight: bold;
}

.nav-list {
	list-style-type: none;
	color: white;
}

.tutorial, .save {
	border-left: 2px solid #fff;
	margin-top: 15px;
}

.instruct-body {
    font-size: 16px !important;
}

.black-bordered{
	border: 3px solid black;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.confirm-bar{
	padding-top: 20px;
}
/* hT*/
.catHeader{
	border: 1px solid #d4d4d4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    position: relative !important;
    display: table;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    color: #FFF;
  /*  margin-bottom: 20px; */
}

.divider {
	padding-top: 1.6em;
    padding-bottom: 1.6em;
    margin: 5px;
}

.fixed-ribbon #content{
	padding-top: 0px !important;
}

.catHeader .header_contents {
	padding-top: 10px;
}

.viewTutorial, .studentInfo, .saveAndFinish{
	padding: 10px 5px;
}

.studentInfo{
	text-align: right;
	line-height: normal;
}

.saveAndFinish{
	cursor: pointer;
}


body {
	height: auto !important;  
	padding-right: 0px !important; 
}

.margintop55{
	margin-top:55px;
}

.fontSize
{
	font-size: 13.2px;
}

.btn-color
{
	 background-color: #373638; 
	  color: #ffffff !important;
}

.margin-model-header
{
	margin-top:10px;
	margin-bottom:10px;
}


/*------- accessibilityUI -----------------*/

.text_color_black {
	color: #000
}

.text_color_black #overlay {
	color: #000
}

.text_color_black .text-info{
	color: #000
}

.text_color_black .color-black {
	color: #000
}

.text_color_black .text-muted {
	color: #000
}

.text_color_black .btn-default {
	color: #000 !important
}

.text_color_black .btn-primary{
	color: #000 !important
}

.text_color_black .dialog-header-error span, .text_color_black .dialog-header-error h4, .text_color_black .dialog-header-wait span, .text_color_black .dialog-header-wait h4, .text_color_black .dialog-header-confirm span, .text_color_black .dialog-header-confirm h4 {
	color: #000
}

.text_color_black .catHeader {
	color: #000
}

.text_color_black .catHeader a {
	color: #000
}

.text_color_black .rationale-background  {
	color: #000 !important;
}

.text_color_black .lv-globalHeader-widget a, .text_color_black .lv-globalHeader-widget a:active,
 .text_color_black .lv-globalHeader-widget a:hover, 
 .text_color_black .lv-globalHeader-widget a:link,.text_color_black .lv-globalHeader-widget a:visited {
	color: #000;
}


.text_color_black .demo_site_text .demo_site_text_content {
	color: #000
}

.text_color_black header {
	color: #000
}

.text_color_black .page_header .page_header_inner .subtitle {
	color: #000
}

.text_color_black .errors .errors_inner .errors_text {
	color: #000
}

.text_color_black .control-group.error .control-label {
	color: #000
}

.text_color_black .control-group.error input, .text_color_black .control-group.error select
	{
	color: #000
}

.text_color_black .test_instructions_content .instruction_item {
	color: #000
}

.text_color_black .test_item_instructions_content .instruction_item {
	color: #000
}

.text_color_black .test_item_heading_content h2 {
	color: #000
}

.text_color_black .required_asterisk {
	color: #000
}

.text_color_black .button, .text_color_black .submit_button,
	.text_color_black button[data-audio-file] {
	color: #000
}

.text_color_black textarea, .text_color_black select, .text_color_black select2-choices,.text_color_black select2-search-choice,
.text_color_black .select2-container-multi .select2-choices .select2-search-choice ,
.text_color_black input,.text_color_black .select2-drop
	{
	color: #000 !important;
}

.text_color_black a {
	color: #000;
	text-decoration: underline
}

.text_color_black a:hover {
	text-decoration: none
}

.text_color_black .nav-tabs > li > a  {
	color: #000 !important;
}

.text_color_white {
	color: #fff
}

.text_color_white #overlay {
	color: #fff
}

.text_color_white .text-info{
	color: #fff;
}

.text_color_white .color-black {
	color: #fff
}

.text_color_white .text-muted {
	color: #fff
}
 .text_color_white .btn-default {
	color: #fff !important
}

.text_color_white .btn-primary{
	color: #fff !important
}

.text_color_white .dialog-header-error span, .text_color_white .dialog-header-error h4, .text_color_white .dialog-header-wait span, .text_color_white .dialog-header-wait h4, .text_color_white .dialog-header-confirm span, .text_color_white  .dialog-header-confirm h4 {
	color: #fff
}

.text_color_white .catHeader {
	color: #fff
}

.text_color_white .catHeader a {
	color: #fff
}

.text_color_white .rationale-background  {
	color: #fff !important;
}

.text_color_white .lv-globalHeader-widget a, .text_color_white .lv-globalHeader-widget a:active,
 .text_color_white .lv-globalHeader-widget a:hover, 
 .text_color_white .lv-globalHeader-widget a:link,.text_color_white .lv-globalHeader-widget a:visited {
	color: #fff;
}

.text_color_white .demo_site_text .demo_site_text_content {
	color: #ccc
}

.text_color_white header {
	color: #fff
}

.text_color_white .page_header .page_header_inner .subtitle {
	color: #ccc
}

.text_color_white .errors .errors_inner .errors_text {
	color: #fff
}

.text_color_white .control-group.error .control-label {
	color: #fff
}

.text_color_white .control-group.error input, .text_color_white .control-group.error select
	{
	color: #fff
}

.text_color_white .test_instructions_content .instruction_item {
	color: #ccc
}

.text_color_white .test_item_instructions_content .instruction_item {
	color: #ccc
}

.text_color_white .test_item_heading_content h2 {
	color: #ccc
}

.text_color_white .required_asterisk {
	color: #fff
}

.text_color_white .button, .text_color_white .submit_button,
	.text_color_white button[data-audio-file] {
	color: #fff
}

.text_color_white textarea, .text_color_white select, .text_color_white select2-choices,.text_color_white select2-search-choice, 
.text_color_white .select2-container-multi .select2-choices .select2-search-choice ,
.text_color_white input,.text_color_white .select2-drop
	{
	color: #fff !important;
}

.text_color_white a {
	color: #fff;
	text-decoration: underline
}

.text_color_white a:hover {
	text-decoration: none
}

.text_color_white .nav-tabs > li > a  {
	color: #fff !important;
}

.text_color_green {
	color: #0f0
}

.text_color_green #overlay {
	color: #0f0
}

.text_color_green .text-info{
	color: #0f0;
}

.text_color_green .color-black {
	color: #0f0
}
.text_color_green .text-muted {
	color: #0f0
}

.text_color_green .btn-default{
	color: #0f0 !important
}

.text_color_green .btn-primary {
	color: #0f0 !important
}

.text_color_green  .dialog-header-confirm span, .text_color_green .dialog-header-confirm h4 {
	color: #0f0
}

.text_color_green  .dialog-header-error span,.text_color_green .dialog-header-error h4, .text_color_green .dialog-header-wait span, .text_color_green .dialog-header-wait h4, .text_color_green .dialog-header-confirm span, .text_color_green .dialog-header-confirm h4 {
	color: #0f0
}

.text_color_green .catHeader {
	color: #0f0
}

.text_color_green .catHeader a {
	color: #0f0
}

.text_color_green .rationale-background  {
	color: #0f0 !important;
}

.text_color_green .lv-globalHeader-widget a, .text_color_green .lv-globalHeader-widget a:active,
 .text_color_green .lv-globalHeader-widget a:hover, 
 .text_color_green .lv-globalHeader-widget a:link,.text_color_green .lv-globalHeader-widget a:visited {
	color: #0f0;
}


.text_color_green .demo_site_text .demo_site_text_content {
	color: #090
}

.text_color_green header{
	color: #0f0
}

.text_color_green .page_header .page_header_inner .subtitle {
	color: #090
}

.text_color_green .errors .errors_inner .errors_text {
	color: #0f0
}

.text_color_green .control-group.error .control-label {
	color: #0f0
}

.text_color_green .control-group.error input, .text_color_green .control-group.error select
	{
	color: #0f0
}

.text_color_green .test_instructions_content .instruction_item {
	color: #090
}

.text_color_green .test_item_instructions_content .instruction_item {
	color: #090
}

.text_color_green .test_item_heading_content h2 {
	color: #090
}

.text_color_green .required_asterisk {
	color: #0f0
}

.text_color_green .button, .text_color_green .submit_button,
	.text_color_green button[data-audio-file] {
	color: #0f0
}

.text_color_green textarea, .text_color_green select, .text_color_green select2-choices,.text_color_green select2-search-choice,
.text_color_green .select2-container-multi .select2-choices .select2-search-choice ,
.text_color_green input, .text_color_green .select2-drop
	{
	color: #0f0 !important;
}

.text_color_green a {
	color: #0f0;
	text-decoration: underline
}

.text_color_green a:hover {
	text-decoration: none
}

.text_color_green .nav-tabs > li > a  {
	color: #0f0 !important;
}

.text_color_yellow {
	color: #ff0
}

.text_color_yellow #overlay {
	color: #ff0
}

.text_color_yellow .text-info{
	color: #ff0;
}

.text_color_yellow .color-black {
	color: #ff0
}

.text_color_yellow .text-muted {
	color: #ff0
}

.text_color_yellow .btn-default {
	color: #ff0 !important
}

.text_color_yellow .btn-primary{
	color: #ff0 !important
}

.text_color_yellow .dialog-header-error span,.text_color_yellow .dialog-header-error h4, .text_color_yellow .dialog-header-wait span,.text_color_yellow .dialog-header-wait h4,.text_color_yellow .dialog-header-confirm span, .text_color_yellow .dialog-header-confirm h4 {
	color: #ff0
}

.text_color_yellow .catHeader{
	color: #ff0
}

.text_color_yellow .catHeader a {
	color: #ff0
}

.text_color_yellow .rationale-background  {
	color: #ff0 !important;
}

.text_color_yellow .lv-globalHeader-widget a, .text_color_yellow .lv-globalHeader-widget a:active,
 .text_color_yellow .lv-globalHeader-widget a:hover, 
 .text_color_yellow .lv-globalHeader-widget a:link,.text_color_yellow .lv-globalHeader-widget a:visited {
	color: #ff0;
}

.text_color_yellow .demo_site_text .demo_site_text_content {
	color: #990
}

.text_color_yellow header {
	color: #ff0
}

.text_color_yellow .page_header .page_header_inner .subtitle {
	color: #990
}

.text_color_yellow .errors .errors_inner .errors_text {
	color: #ff0
}

.text_color_yellow .control-group.error .control-label {
	color: #ff0
}

.text_color_yellow .control-group.error input, .text_color_yellow .control-group.error select
	{
	color: #ff0
}

.text_color_yellow .test_instructions_content .instruction_item {
	color: #990
}

.text_color_yellow .test_item_instructions_content .instruction_item {
	color: #990
}

.text_color_yellow .test_item_heading_content h2 {
	color: #990
}

.text_color_yellow .required_asterisk {
	color: #ff0
}

.text_color_yellow .button, .text_color_yellow .submit_button,
	.text_color_yellow button[data-audio-file] {
	color: #ff0
}

.text_color_yellow textarea, .text_color_yellow select, .text_color_yellow select2-choices,.text_color_yellow select2-search-choice,
.text_color_yellow .select2-container-multi .select2-choices .select2-search-choice ,
	.text_color_yellow input,.text_color_yellow .select2-drop {
	color: #ff0 !important;
}

.text_color_yellow a {
	color: #ff0;
	text-decoration: underline
}

.text_color_yellow a:hover {
	text-decoration: none
}

.text_color_yellow .nav-tabs > li > a  {
	color: #ff0; !important;
}

.demo_site_text .demo_site_text_content {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #c09853;
	font-weight: bold;
	font-size: 15px;
}

.line_spacing_double {
	line-height: 2.857em
}

.line_spacing_double  .selectLineHeight{
	line-height:initial;
}

.line_spacing_double .form-horizontal .control-label {
    padding-top: 0px !important;
}

.size_large {
	font-size: 1.8em !important;
}

.size_large p{
	font-size: 1.8em !important;
}

.size_large .instruct-body p {
    font-size: 1em !important;
}

.size_large #accessibilityModalId {
	font-size: .6em;
}

.size_large .jarviswidget > header {
	    height: 70px;
}

.size_large  select{
	font-size: 1.8em
	
}

.size_large  label{
	font-size: 1.8em
}

.size_large  .form-control{
    height: 38px;
}

.size_large h1 {
	font-size: 1.5em
}

.size_large h2 {
	font-size: 2.2em
}

.size_large h3{
    font-size: 1.8em !important;
    line-height: normal !important;
}

.size_large #displayPassage p span {
    font-size: 0.52em !important;
}

.size_large .title{
    font-size: 1.8em !important;
    line-height: normal !important;
}

.size_large .text-muted{
    font-size: 1.8em !important;
    line-height: normal !important;
}

.size_large .instruct-body{
    font-size: 1.5em !important;
    line-height: normal !important;
}

.size_large textarea{
    font-size: 1.5em !important;
    line-height: normal !important;
}
.size_large a{
    font-size: 1.5em !important;
    line-height: normal !important;
}

.size_large .catHeader #logo
{
	width: 230px;
    height: 100px;
	background-size: 230px,100px;
}

.size_large .catHeader{
	display: block;
	height: 120px;
	position: relative;
	margin: 0;
	padding: 0 13px 0 0;
	background-color: #0199fe;
}
.size_large .brand {
	background-size: 304.5px;
	width: 304.5px;
	height: 85.5px
}


.size_large .submit_button {
     font-size: 24px;
}


.size_large .accessibility_icon {
	height: 54px !important;
	width: 54px !important;
}

.size_large .calculator_icon {
	height: 54px !important;
	width: auto
}

.size_large img {
	zoom: 2 !important;
}

.size_xlarge {
	font-size: 2.2em !important;
}

.size_xlarge p{
	font-size: 2.2em !important;
}

.size_xlarge .instruct-body p {
    font-size: 1em !important;
}

.size_xlarge  select{
	font-size: 2.1em
	
}
.size_xlarge  label{
	font-size: 2.1em
}

.size_xlarge  .form-control{
    height: 42px;
}	
.size_xlarge #accessibilityModalId {
	font-size: .8em
}

.size_xlarge h1 {
	font-size: 1.7em
	line-height: normal;
}

.size_xlarge h2 {
	font-size: 2.5em
}

.size_xlarge h3{
  	font-size:  2.1em !important;
    line-height: normal !important;
}

.size_xlarge #displayPassage p span {
	font-size: 0.43em !important;
}

.size_xlarge .text-muted{
  	font-size:  2.1em !important;
    line-height: normal !important;
}

.size_xlarge .instruct-body{
    font-size: 2.0em !important;
    line-height: normal !important;
}

.size_xlarge textarea{
    font-size: 2.0em !important;
    line-height: normal !important;
}

.size_xlarge a{
    font-size: 2.0em !important;
    line-height: normal !important;
}

.size_xlarge .jarviswidget > header {
	    height: 130px;
}

.size_xlarge .brand {
	background-size: 406px;
	width: 406px;
	height: 114px
}

.size_xlarge .submit_button {
     font-size: 29px;
}

.size_xlarge .catHeader #logo
{
	width: 300px;
    height: 150px;
	background-size: 300px,150px;
}

.size_xlarge .catHeader{
	display: block;
	height: 170px;
	position: relative;
	margin: 0;
	padding: 0 13px 0 0;
	background-color: #0199fe;
}

.size_xlarge .calculator_icon  {
	height: 72px !important;
	width: auto
}

.size_xlarge .accessibility_icon {
	height: 72px !important;
	width: 72px !important;
}

.size_xlarge img {
	zoom: 3 !important;
}

#calculator img {
    zoom: 1 !important;
}

.background_color_black.size_large .calculator, .background_color_black.size_large .accessibility_wizard
	{
	background-size: auto 54px;
}

.background_color_black.size_xlarge .calculator, .background_color_black.size_xlarge .accessibility_wizard
	{
	background-size: auto 72px;
}

.cursor_blue {
	cursor: url("../images/blue_arrow.cur"), url("../images/blue_arrow.gif"),
		default
}

.cursor_green {
	cursor: url("../images/green_arrow.cur"), url("../images/green_arrow.gif"),
		default
}

.cursor_red {
	cursor: url("../images/red_arrow.cur"), url("../images/red_arrow.gif"),
		default
}

.cursor_yellow {
	cursor: url("../images/yellow_arrow.cur"),
		url("../images/yellow_arrow.gif"), default
}



.font_serif {
	font-family: "Times New Roman", Times, serif
}

.font_serif  h2{
	font-family: "Times New Roman", Times, serif
}

.font_serif .page-header-title {
	font-family: "Times New Roman", Times, serif
}

.font_serif .button, .font_serif .submit_button, .font_serif button[data-audio-file]
	{
	font-family: "Times New Roman", Times, serif
}

.font_serif textarea, .font_serif select, .font_serif input {
	font-family: "Times New Roman", Times, serif
}



.background_color_black {
	background-color: #000
}

.background_color_black .black-bordered {
	border: 3px solid #fff;
}

.background_color_black .catHeader {
	background-color: #1a1a1a
}

.background_color_black  .catHeader .header_contents  .divider  {
	border-color: #fff
}

.background_color_black .demo_site_text .demo_site_text_content,  .background_color_black .well , .background_color_black .color-black, .background_color_black #overlay, .background_color_black .erripf label, .background_color_black .erripf span, .background_color_black .alert, .background_color_black .alert-warning {
	background-color: #000 !important;
	text-shadow: none
}

.background_color_black header {
	background-color: #1a1a1a;
	border: 1px solid #fff !important;
}

.background_color_black .errors .errors_inner .errors_text {
	background-color: #1a1a1a;
	border-color: #fff;
	text-shadow: none
}

.background_color_black .button, .background_color_black .submit_button, .background_color_black .btn-default,.background_color_black .btn-primary,
	.background_color_black .toolbar_button, .background_color_black button[data-audio-file]
	{
	background-color: #1a1a1a !important;
	background-image: none;
	text-shadow: none;
	border: 1px solid #fff
}

.background_color_black .toolbar_button {
	color: #fff
}


.background_color_black .accessibility_wizard {
	background: url("/assets/images/accessibility_white.png") no-repeat center;
	background-color: #000;
	background-size: auto 30px
}

.background_color_black .calculator_icon, .background_color_black .accessibility_icon
	{
	visibility: hidden
}

.background_color_black .bg-info{
	background-color: #1a1a1a;
	border: 1px solid #fff
}

.background_color_black .test_submit_answer .test_submit_answer_content
	{
	border-color: #fff
}

.background_color_black .test_submit_answer .test_submit_answer_content .test_submit_heading .test_submit_heading_content
	{
	background-color: #1a1a1a
}

.background_color_black .modal {
	
	border-color: #fff
}

.background_color_black .modal-header  {
	background-color: #000;
	border-color: #fff;
	box-shadow: none
}

.background_color_black .confirm-head  {
	background-color: #000;
	border-color: #fff;
	box-shadow: none
}

.background_color_black .rationale-background , .background_color_black .rationale_confirm_dialog ,.background_color_black .float_confirm_dialog {
	background-color: #000;
	box-shadow: none
}

.background_color_black .modal-content  {
    background-color: #000;
	border-color: #fff;
}

.background_color_black .modal-body
{
	background-color: #000;
	border-color: #fff;
	box-shadow: none
}

.background_color_black .modal-footer {
	background-color: #000;
	border-color: #fff;
	box-shadow: none
}

.background_color_black textarea, .background_color_black select,
.background_color_black .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_black .select2-container-multi .select2-choices,
	.background_color_black input,.background_color_black .select2-drop {
	background-color: #333 !important;
}

.background_color_black hr {
	border-color: #fff;
	border-top: 0
}

.background_color_black .nav-tabs>li.active>a{
	background-color:  #000 !important;
}

.background_color_black .nav-tabs.bordered {
	background-color:  #1a1a1a !important;
}

.background_color_white,
.background_color_white .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_white .select2-container-multi .select2-choices,.background_color_white .select2-drop
   {
	background-color: #fff !important;
}

.background_color_white #logo img{
	display:none
}

.background_color_white #logo
 {
 	margin-top: 0px;
 	width: 150px;
    height: 64px;
 	/* height: 64px; */
 	background-image: url(../images/collegeboard_black.png) !important;
}

.background_color_white .catHeader {
	background-color: #e6e6e6;
	border-color: #000
}

.background_color_white .catHeader .header_contents  .divider {
	border-color: #000
}

.background_color_white .demo_site_text .demo_site_text_content, .background_color_white .well, .background_color_white .color-black, .background_color_white #overlay , .background_color_white .alert , .background_color_white .alert-warning, .background_color_white .erripf label, .background_color_white .erripf span {
	background-color: #fff !important;
	text-shadow: none
}

.background_color_white header {
	background-color: #e6e6e6;
	border: 1px solid #000
}

.background_color_white .black-bordered {
	border: 3px solid #000;
}

.background_color_white .errors .errors_inner .errors_text {
	background-color: #e6e6e6;
	border-color: #000;
	text-shadow: none
}

.background_color_white .button, .background_color_white .submit_button, .background_color_white .btn-default,.background_color_white .btn-primary,
	.background_color_white .toolbar_button, .background_color_white button[data-audio-file]
	{
	background-color: #e6e6e6 !important;
	background-image: none;
	text-shadow: none;
	border: 1px solid #000
}

.background_color_white .toolbar_button {
	color: #000
}

.background_color_white .bg-info {
	background-color: #e6e6e6;
	border: 1px solid #000
}

.background_color_white .test_submit_answer .test_submit_answer_content
	{
	border-color: #000
}

.background_color_white .test_submit_answer .test_submit_answer_content .test_submit_heading .test_submit_heading_content
	{
	background-color: #e6e6e6
}

.background_color_white .modal {
	
	border-color: #000
}

.background_color_white .modal-header  {
	background-color: #fff;
	border-color: #000;
	box-shadow: none
}

.background_color_white .confirm-head  {
	background-color: #fff;
	border-color: #000;
	box-shadow: none
}

.background_color_white .rationale-background , .background_color_white .rationale_confirm_dialog ,.background_color_white .float_confirm_dialog {
	background-color: #fff;
	box-shadow: none
}

.background_color_white .modal-content  {
	background-color: #fff;
	border-color: #000;
}

.background_color_white .modal-body
{
	background-color: #fff;
	border-color: #000;
	box-shadow: none
}

.background_color_white .modal-footer {
	background-color: #fff;
	border-color: #000;
	box-shadow: none
}

.background_color_white textarea, .background_color_white select,
.background_color_white .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_white .select2-container-multi .select2-choices
	.background_color_white input,.background_color_white .select2-drop {
	background-color: #ccc !important;
	border-color: #000
}

.background_color_white hr {
	border-color: #000;
	border-top: 0
}

.background_color_white .nav-tabs.bordered {
	background-color:  #e6e6e6 !important;
}

.background_color_white .nav-tabs>li.active>a{
	background-color: #fff !important;
}

.background_color_yellow,
.background_color_yellow .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_yellow .select2-container-multi .select2-choices ,.background_color_yellow .select2-drop{
	background-color: #ff0 !important;
}

.background_color_yellow #logo img{
	display:none
}

.background_color_yellow #logo
 {
 	margin-top: 0px;
 	width: 150px;
    height: 64px;
 	/* height: 64px; */
 	background-image: url(../images/collegeboard_black.png) !important;
}

.background_color_yellow .catHeader {
	background-color: #cc0;
	border-color: #000
}

.background_color_yellow .catHeader .header_contents  .divider {
	border-color: #000
}

.background_color_yellow .demo_site_text .demo_site_text_content, .background_color_yellow .well, .background_color_yellow .color-black, .background_color_yellow  #overlay, .background_color_yellow .erripf label, .background_color_yellow .erripf span, .background_color_yellow .alert, .background_color_yellow .alert-warning {
	background-color: #ff0 !important;
	text-shadow: none
}

.background_color_yellow header {
	background-color: #cc0;
	border: 1px solid #000
}

.background_color_yellow .black-bordered {
	border: 3px solid #000;
}

.background_color_yellow .errors .errors_inner .errors_text {
	background-color: #cc0;
	border-color: #000;
	text-shadow: none
}

.background_color_yellow .button, .background_color_yellow .submit_button, .background_color_yellow .btn-default,.background_color_yellow .btn-primary,
	.background_color_yellow .toolbar_button, .background_color_yellow button[data-audio-file]
	{
	background-color: #cc0 !important;
	background-image: none;
	text-shadow: none;
	border: 1px solid #000
}

.background_color_yellow .toolbar_button {
	color: #000
}

.background_color_yellow .bg-info {
	background-color: #cc0;
	border: 1px solid #000
}

.background_color_yellow .test_submit_answer .test_submit_answer_content
	{
	border-color: #000
}

.background_color_yellow .test_submit_answer .test_submit_answer_content .test_submit_heading .test_submit_heading_content
	{
	background-color: #cc0
}

.background_color_yellow .modal {
	
	border-color: #000
}

.background_color_yellow .modal-header  {
	background-color: #ff0;
	border-color: #000;
	box-shadow: none
}

.background_color_yellow .confirm-head  {
	background-color: #ff0;
	border-color: #000;
	box-shadow: none
}

.background_color_yellow .rationale-background , .background_color_yellow .rationale_confirm_dialog ,.background_color_yellow .float_confirm_dialog {
	background-color: #ff0;
	box-shadow: none
}


.background_color_yellow .modal-content  {
	background-color: #ff0;
	border-color: #000
}

.background_color_yellow .modal-body
{
	background-color: #ff0;
	border-color: #000;
	box-shadow: none
}

.background_color_yellow .modal-footer {
	background-color: #ff0;
	border-color: #000;
	box-shadow: none
}

.background_color_yellow textarea, .background_color_yellow select, .background_color_yellow select2-choices,.background_color_yellow select2-search-choice,
.background_color_yellow .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_yellow .select2-container-multi .select2-choices,.background_color_yellow .select2-drop,
	.background_color_yellow input {
	background-color: #990 !important;
	border-color: #000 !important;
}

.background_color_yellow hr {
	border-color: #000;
	border-top: 0
}

.background_color_yellow .nav-tabs.bordered {
	background-color: #cc0;
}

.background_color_yellow .nav-tabs>li.active>a {
	background-color: #ff0 !important;
}

.background_color_green,
.background_color_green .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_green .select2-container-multi .select2-choices ,.background_color_green .select2-drop{
	background-color: #0f0 !important;
}

.background_color_green #logo img{
	display:none
}

.background_color_green #logo
 {
 	margin-top: 0px;
 	width: 150px;
    height: 64px;
 	/* height: 64px; */
 	background-image: url(../images/collegeboard_black.png) !important;
}
.background_color_green .catHeader {
	background-color: #0c0;
	border-color: #000
}

.background_color_green .black-bordered {
	border: 3px solid #000;
}

.background_color_green .catHeader .header_contents  .divider {
	border-color: #000
}

.background_color_green .demo_site_text .demo_site_text_content, .background_color_green .well, .background_color_green .color-black, .background_color_green #overlay, .background_color_green .erripf label, .background_color_green .erripf span, .background_color_green .alert, .background_color_green .alert-warning {
	background-color: #0f0 !important;
	text-shadow: none
}

.background_color_green header {
	background-color: #0c0;
	border: 1px solid #000
}

.background_color_green .errors .errors_inner .errors_text {
	background-color: #0c0;
	border-color: #000;
	text-shadow: none
}

.background_color_green .button, .background_color_green .submit_button, .background_color_green .btn-default,.background_color_green .btn-primary,
	.background_color_green .toolbar_button, .background_color_green button[data-audio-file]
	{
	background-color: #0c0 !important;
	background-image: none;
	text-shadow: none;
	border: 1px solid #000
}

.background_color_green .toolbar_button {
	color: #000
}

.background_color_green .bg-info {
	background-color: #0c0;
	border: 1px solid #000
}

.background_color_green .test_submit_answer .test_submit_answer_content
	{
	border-color: #000
}

.background_color_green .test_submit_answer .test_submit_answer_content .test_submit_heading .test_submit_heading_content
	{
	background-color: #0c0
}

.background_color_green .modal {
	
	border-color: #000
}

.background_color_green .modal-header   {
	background-color: #0f0;
	border-color: #000;
	box-shadow: none
}

.background_color_green .confirm-head  {
	background-color: #0f0;
	border-color: #000;
	box-shadow: none
}

.background_color_green .rationale-background , .background_color_green .rationale_confirm_dialog ,.background_color_green .float_confirm_dialog {
	background-color: #0f0;
	box-shadow: none
}

.background_color_green .modal-content  {
	background-color: #0f0;
	border-color: #000
}

.background_color_green .modal-body
{
	background-color: #0f0;
	border-color: #000;
	box-shadow: none
}

.background_color_green .modal-footer {
	background-color: #0f0;
	border-color: #000;
	box-shadow: none
}

.background_color_green textarea, .background_color_green select, .background_color_green select2-choices,.background_color_green select2-search-choice,
.background_color_green .select2-container-multi .select2-choices .select2-search-choice ,
.background_color_green .select2-container-multi .select2-choices,.background_color_green .select2-drop,
	.background_color_green input {
	background-color: #090 !important;
	border-color: #000
}

.background_color_green hr {
	border-color: #000;
	border-top: 0
}

.background_color_green .nav-tabs.bordered {
	background-color: #0c0;
}

.background_color_green .nav-tabs>li.active>a {
	background-color: #0f0;
}

.horizontalScrollBar
{
	overflow-x: auto !important;
}

.modalDialogBasic
{
	width: 310px; 
	height: 380px;
}

.modalDialogSqrt
{
	width: 315px; 
	height: 380px;
}

.modalDialogSci
{
	width: 330px; 
	height: 380px;
}

.udf_header{
	min-height: 36px;
}

.buttonPaddingleft{
	margin-left:-20px !important;
}

.declineButtonPadding{
	
    padding-top: 20px;
     padding-bottom: 20px;
	
}

.buttonDeclineleft{
	margin-left:-12px;
}


.font-sizeLabel{
	    font-size: 1.2em;
}

.table-bordered-studInfo{
	
	    border: 1px solid #000 !important; 
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.table-marginLeft{
	margin-right: 46.5px;
    margin-left: 46.5px;
}

.button-PaddingStuInfo{
	padding-top: 175px;
}

.button-PaddingStuSearchInfo{
padding-top: 602px;
padding-bottom:20px;
}

.header_margin{
	    margin: 0 -15px 30px -15px;
	
}
#calcModal .modal-header {
	
	cursor:move;
}

#annotationModal .modal-header {
	
	cursor:move;
}
.radio label{
 	margin-bottom: 1.2em !important;
    line-height: 1.19em;
    min-height: 0px !important;
    padding-top: 0px !important;
}

.padding-top-Voucher{
    padding-top: 145px;
    }
    
.voucher-margin{
	margin-left: 46.5px;
    margin-right: 46.5px;
}


.esl_button_right{
	 margin-right: 16px;
}
.Wp_submit_button{
 	padding-top: 10px !important;
    padding-left: 37px !important;
}
 #calcModal{
	width:340px !important;
	height: 780px !important;
	left:500px;
}

.use_authenticate{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;

    }
    
    .h1_header{
	font-size: 1.25em;
    font-weight: normal;
    line-height: 1.25em;
    float: left;
    margin-left: .5em;
    margin-right: .5em;
    margin-bottom: .6em;
    margin-top: .6em;
    text-rendering: optimizelegibility;
    letter-spacing: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.print_left{
	    padding-left: 33px;
}
.a_white{
color: #FFF;
}

.a_white:focus,.a_white:hover{
	color: #FFF !important;
}

.heading_h2{
 font-weight: 700;
 font-size: 17px !important;
 margin: 0px 0;
 line-height: normal; 
}
.heading_h3{
	font-style: normal !important;
    font-weight: normal !important;
    line-height: 20px !important;
    font-size: 17.4px !important; 
    margin-bottom: 20px;
}
.instruction_heading{
	font-style: normal;
    font-weight: bold !important;
    font-size: 17.4px !important;
}
.heading_h3_confirm{
	font-style: normal !important;
    font-weight: bold !important;
    line-height: 20px !important;
    font-size: 1.2em !important;
    margin : 10px 0 !important;
}
.heading_h3_question{
	font-style: normal !important;
    font-weight: normal !important;
    line-height: 20px !important;
    font-size: 17.4px !important;
    margin-bottom: 20px;
}
.mutliple_isr_newline{
	margin-bottom:25px;
	
}
.container img{
	max-height:100%;
	max-width:100%;
	height:100%;
}
.diagnosticMsgWidget{
    background-color: white !important;
    padding-bottom:19px;
    -webkit-box-shadow: 0 0 18px #999;
     box-shadow: 0 0 14px #999; 
}
.isr-validFlag{
	padding-top: 5px !important;
    padding-left: 16px;
    background-color: #ffffff;
    padding-bottom: 2px;
}
/*.form_bottom{
	margin-bottom:2.5em;
}

.authenticate_form_margin{
	margin-left: 60px;
    margin-right: 60px; 
}*/
.pull-left {
	float: left !important;
}
.fontSize16 span, .fontSize16{
font-size: 21px !important;
}

.placement .testScoreFont{
font-size: 20px !important;
font-weight: bold;
}
.placement .fontSize12 span{
font-size: 12px !important;
}
.word_wrap{
	word-wrap: break-word !important;
}
.font-bold{
	font-weight: bold;
}
.div1 {
  height: auto;  
  border:1px solid;
  display: table;
}

.div2, .div3 {
  display: table-cell;
}
.div2 {

  height:auto;
  background-color: #F4A460;  

}
.div3 {
  height:auto;
  background-color: #FFFFE0;  
}
.header-min-height{
	
	min-height: 25px;
}
.font-size-35{
	
	font-size:35px;
}
.text-center{
	text-align:center;
}
.font-size-16{
		font-size:16px;
}
.marginTop16{
	    margin-top: 16px;
}
.marginBot16{
	margin-bottom: 16px;
}
.placement .fontSize40{
	font-size:35px !important;
	line-height: 37px !important;
}
.border-left{
	border-left: 1px solid #EBECEC;
}
.time-record-border-hide{
border-right: initial !important;
}
.placement .textFontForScore{
	font-size: 19px !important;
	
}
.initialFont{
	font-size: inherit;
}
.PaddingRightTime{
	text-align: right;
    padding-right: 0px;
}
.PaddingleftTime{
	text-align: left;
    padding-left: 0px;
}
.Lightblue-bar {
    background-color: #428BCA;
}
.paddingLeftRight0{
	padding-left: 0px;
	padding-right: 0px;
}
.textAlign-left
{
	    text-align: left !important;
}
.textAlign-right{

	 text-align: right !important;
}
.student-info-text  .fontSize12 span{
	font-size:12px !important;
}
.marginLeftRight5
{
	margin-left:5px;
	margin-right:5px;
}
.fontNormal th{
    font-weight: normal !important;
    padding-left: 15px !important;
}
.displayLogoOnPrint{
	display:none;
}
.text-center{
	text-align:center !important;
}
.width7em{
	    width: 7em !important;
}
.padding15{
	padding-left:15px;
}

.paddingLeftRight0{
	padding-left:0px;
	padding-right:0px;
}

.erripf {
	color: #C13353 !important;
}
.certificationHeading{
	    font-weight: normal !important;
	    font-size: 38px !important;
	    text-align: center;
        padding-top: 10px;
}
.certificationHeading h1{
	    font-weight: normal !important;
	    font-size: 40px !important;
}
.marginTop-20{
	margin-top: -20px;
}
.font20 {
	font-size: 20px !important;
}

.paddingBottom25 {
	padding-bottom: 25px;
}

.certificateBody {
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 50px;
}

.size_xlarge li > a, .size_xlarge p > a, .size_xlarge #catHeaderHome a {
	font-size: inherit !important;
    word-wrap: break-word;
}

.size_xlarge li {
    font-size: 2.2em !important;
    word-wrap: break-word;
}

.size_xlarge .studentInfoMain b, .size_xlarge .searchStudentInfoMain b {
    font-size: 2.2em !important;
}


.line_spacing_double {
    /* This will make it twice of what the normal line-height is */
    line-height: 2 !important;
}

.size_xlarge .form-control {
    height: 70px;
    font-size: 2.1em; /*Need to check on the font size*/
}

.size_xlarge button, .size_xlarge button i {
    font-size: 40px !important;
}

.size_xlarge #accessibilityModalId .modal-dialog {
	width: 800px;
}

.size_xlarge #accessibilityModalId button {
    font-size: 30px !important;
}

.size_xlarge .erripf span{
    font-size: 1.5em !important;
    line-height: normal !important;
}
.size_xlarge .header_contents, .size_xlarge .alert, .size_xlarge .nrml-fontweight_Items,  .size_xlarge .nrml-fontweight_Selection{
	font-size: 2.2em !important;
}

.size_xlarge input[type="radio"], .size_xlarge input[type="checkbox"] {
    height: 25px;
    width: 25px;
    margin-top: 15px;
    margin-left: -35px;
}

.size_xlarge .errors * {
    font-size: 50px !important;
}

.size_xlarge #overlay {
	width: 450px;
	min-height: 200px;
}

.line_spacing_double .text-muted, .line_spacing_double .erripf span {
   line-height: 2 !important;  
}

.size_xlarge .heading_h3_question {
    font-size: 2.2em !important;
    line-height: normal !important;
}

.size_large .heading_h3_question {
    font-size: 1.8em !important;
    line-height: normal !important;
}
.size_large .select2-container-multi .select2-choices .select2-search-choice .select2-drop{
	line-height: normal !important;
}
.size_xlarge .select2-container-multi .select2-choices .select2-search-choice .select2-drop{
	line-height: normal !important;
}
.size_xlarge .heading_h3 {
    font-size: 2.2em !important;
    line-height: normal !important;
}

.size_large .heading_h3 {
    font-size: 1.8em !important;
    line-height: normal !important;
}

.size_large li > a, .size_large p > a, .size_large #catHeaderHome a {
    font-size: inherit !important;
    word-wrap: break-word;
}

.size_large li {
    font-size: 1.8em !important;
    word-wrap: break-word;
}

.size_large .studentInfoMain b, .size_large .searchStudentInfoMain b {
   font-size: 1.8em !important;
}

.size_large .form-control {
    height: 50px;
    font-size: 1.8em; /*Need to check on the font size*/
}

.size_large button {
    font-size: 25px !important;
}

.size_large .erripf span{
    font-size: 1em !important;
    line-height: normal !important;
}

.size_large .header_contents, .size_large .alert, .size_large .nrml-fontweight_Items,.size_large .nrml-fontweight_Selection{
    font-size: 1.8em !important;
}

.size_large input[type="radio"], .size_large input[type="checkbox"] {
    height: 15px;
    width: 15px;
    margin-top: 15px;
    margin-left: -20px;
}

.size_large .errors * {
    font-size: 30px !important;
}

.size_large #overlay {
    width: 400px;
    min-height: 160px;
}

.size_xlarge .nrml-fontweight_Items h2 {
    font-size: 1.2em !important;
}

.size_xlarge .nrml-fontweight_Items h3{
    font-size:  1.1em !important;
}

.size_xlarge .nrml-fontweight_Selection span {
    font-size:  2.2em !important;
}

.size_large .nrml-fontweight_Selection span {
	font-size: 1.8em !important;
}

.size_large .nrml-fontweight_Items h2 {
    font-size: 1.2em !important;
}

.size_large .nrml-fontweight_Items h3{
    font-size:  1.1em !important;
}

h2.nrml-fontweight{
    font-size: 21px;
}

@media only screen and (min-width: 1500px) {
	.marginTop-2 {
		    margin-top: -2px;
	}
}
.margin-left-15 {
	margin-left: 15px;
}

.bookmarkButton {
	font-size: 1.6em;
	!
	importatnt
}

.bookmarked {
	background-image: linear-gradient(to bottom, #fff, #2F5DDE) !important;
}

.float-right {
	float: right !important;
}

.testSummaryButton {
	position: relative;
	min-height: 40px;
	width: 100px;
	margin-right: 9px;
	margin-bottom: 9px;
}

.testSummaryDropDown {
	padding: 2px;
	width: 260px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
	animation: none !important;
}

.testSummaryDropDownButton {
	position: relative;
	min-height: 41px;
	width: 100%;
}

.buttonMarginLeft {
	margin: 0 0 0 5px;
}

.buttonMarginRight {
	margin: 0 5px 0 0;
}

.testSummaryLegends {
	text-align: center;
}

.fixedHeader {
	margin-left: -47px;
	margin-right: -47px;
	margin-top: -11px;
}

.fixedHeader>header {
	border-radius: 0px !important;
	color: #fff !important;
}

.jarviswidget-ctrls {
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
	margin-right: 5px !important;
	line-height: 40px;
}

.jarviswidget-ctrls .button-icon {
	min-width: 30px;
	height: 32px;
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid rgba(0, 0, 0, .09);
}

.jarviswidget-ctrls a {
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	line-height: 32px;
	padding: 0;
	margin: 0;
	color: #333;
}

.paddingLeftRight5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.marginBottom4 {
	margin-bottom: 4px;
}

.widget-toolbar-header {
	display: inline-block;
	float: right;
	width: auto;
	height: 32px;
	line-height: 32px;
	position: relative;
	border-left: 1px solid rgba(0, 0, 0, .09);
	cursor: pointer;
	padding: 0 8px;
	text-align: center;
}

.accessibility_icon_white {
	background: url('/assets/images/accessibility_white.png');
	height: 30px !important;
	width: 30px !important;
	background-size: cover;
	display: block;
}

.calculatorButton {
	background-color: #333 !important;
	border-color: #333 !important;
}

.fa-calculator:before {
	content: "\f1ec"
}

;
.calculatorColor {
	color: #262626 !important;
}

.margin5 {
	margin: 5px !important;
}

.marginRight8 {
	margin-right: 8px !important;
}

.marginBottom0 {
	margin-bottom: 0px;
}

a#calci-basic, a#calci-square, a#calci-sci {
	color: black !important;
	font-size: 14px !important;
}

.customBadge {
	display: inline-block;
	min-width: 10px;
	padding: 9px 17px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 10px;
}

.badgeWidth40 {
	min-width: 40px !important;
	padding: 6px 12px !important;
}

.fontSize22 {
	font-size: 22px !important;
}

.bgColorRed {
	background-color: Red !important;
}

.bgColorV {
	background-color: #777 !important;
}

.bgColorBlue {
	background-color: green !important;
}

.background-red {
	background-color: red;
}

.background-cb-blue {
	background-color: #0199fe !important;
}

.color-cb-blue {
	color: blue !important;
}

.color-black {
	color: black;
}

.color-not-answered {
	color: #D67600;
}

.color-answered {
	color: darkgreen;
}

.background-green {
	background-color: green;
}

.jarviswidget-ctrls>a {
	margin: 0 3px;
}

.jarviswidget-ctrls>div {
	margin: 0 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.no-animation {
	animation: none !important;
}

.triangle-up-icon {
	width: 0;
	height: 0;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 2em solid;
}

fieldset.studentInfoFieldSet {
	border: 1px dotted #CCC !important;
	padding: 10px;
	margin-top: 5px;
}

fieldset.studentInfoFieldSet legend {
	width: auto;
	margin: 0 25px;
	padding: 5px;
	border: none !important;
	font-size: 14px;
}

.text-shadow-dark {
	text-shadow: 1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black, -1px
		1px 0 black, 1px 1px 0 black;
}

.text-shadow-light {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.margin-left-0 {
	margin-left: 0 !important; 
}

.accessibilityBtnFont{
	font-size: 32px !important;
}

.accessibilityBtnWidth {
	min-width: 45px !important;
}

.calculatorText a{
	text-align : left !important;
}
.HeaderHeight{
	height: 60px;
}
.autoHeaderHieght {
	height: auto !important;
	float: left !important;
	width: 100% !important;
}

header.autoHeaderHieght > h1.page-header-title {
	max-width: 66%;
}

.maxWidthHeader {
	max-width: 60%;
}

.height-auto {
    height: auto !important;
}

.min-height-46 {
	min-height: 46px !important;
}

.width-92-percent {
	    width: 91.666667% !important;
}
.nav>li>a:hover, .nav>li>a:focus {
    background: none;
}

#itemBody .jarviswidget-ctrls a {
	text-align : left !important;
}

.widget-toolbar .jarviswidget-ctrls a {
	text-align : left !important;
}

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

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

.newLine {
	display: block !important;
	font-size: 0.7em;
	word-wrap: break-word; 
}

.no-top-bottom-border {
	border-top: none !important;
	border-bottom: none !important;
}

.no-left-right-border {
	border-left: none !important;
	border-right: none !important;
}

table.likert tr {
	font-size: inherit;
}
.size_large table.likert tr{
	font-size: 1.8em !important;
}
.size_xlarge table.likert tr{
	font-size: 2.2em !important;
}
table.likert>tbody>tr>td{
	vertical-align: middle;
}
table.table-layout-fixed{
	table-layout: fixed;
}
.background_color_black tr.info>th {
    background-color: #1a1a1a !important;
}
.background_color_white tr.info>th {
    background-color: #e6e6e6 !important;
}
.background_color_yellow tr.info>th {
    background-color: #cc0 !important;
}
.background_color_green tr.info>th {
    background-color: #0c0 !important;
}
.background_color_black .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: black !important;
}
.background_color_white .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef !important;
}
.background_color_yellow .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ee0 !important;
}
.background_color_green .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #0e0;
}
.float_confirm_dialog {
	z-index: 997;
	background: white;
}

.rationale_confirm_dialog {
	z-index: 997;
	background: white;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.confirm-cover{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 997;
    background-color: #000;
    opacity: 0.05;
}

.practiceQA .table{
	    margin-bottom: 0px;
}
.practiceQA .panel-body{
	padding: 0px;
	padding-left:7.3%;
}
.practiceQA .panel-heading{
	padding:0px;
	cursor:pointer;
}
.practiceQA .question-no{
	border-right: 1px solid #dddddd;
	padding: 10px 43px;	
}
.practiceQA .question-heading{
	padding: 10px 43px;	
}
.practiceQA .fa-times{
	color:red;
	font-size:15px
}
.practiceQA .fa-check{
	color:green;
	font-size:15px
}
.practiceQA .panel{
	border: none;
}
.practiceQA .nav-tabs>li.active>a{
 background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
}
.alignPracticeReviewDropdown{
  right: -15%;
  left: auto;
}

#cat_radioquestion_content_pt img , .practiceTest_review_summary img {
	max-height: 100%;
    max-width: 35%;
   height: inherit !important;
}

.divider {
	border-right: 1px solid #cacaca;
}
.bg-red {
	background-color: red !important;
}
.bg-darkgreen {
	background-color: darkgreen !important;
}

#itemBody fieldset .actualQuestion{
	display: none !important;
}

.audioQuestion{
	display: none !important;
}

#itemBody fieldset .audioQuestion{
	display: block !important;
}

.red {
	color:#FF0000;
	font-size:0.75em;
}

.red2 {
	color:#FF0000;
}
.isr-benchmark-slider {
  /*margin: 65px 0;*/
  padding: 10px 0;
  
}
.isr-benchmark-slider .ui-slider-horizontal, .isr-benchmark-slider .ui-slider-range {
  height: 5px !important;
  background: inherit !important;
}

.isr-benchmark-slider .ui-slider-handle {
  height: 12px !important;
  width: 12px !important;
  border-radius: 12px !important;
  background: yellow !important;
} 

.isr-benchmark-slider .ui-state-disabled {
  opacity: 1 !important;
}

.isr-benchmark-slider .ui-slider .slider-tooltip {
  display: inline-block;
  border-bottom: 1px dotted black;
}

.isr-benchmark-slider .slider-tooltip .slider-tooltiptext-bottom {
  width: 88px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1px;
  position: absolute;
  z-index: 1;
  margin-top: 3px;
  margin-left: -40px;
}

.isr-benchmark-slider .slider-tooltip .slider-tooltiptext-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.isr-benchmark-slider .slider-tooltip .slider-tooltiptext-top {
  width: 88px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  margin-bottom: 2px;
  margin-left: -40px;
}

.isr-benchmark-slider .slider-tooltip .slider-tooltiptext-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.isr-benchmark-slider .tooltip-label {
  font-size: 12px;
  font-weight: bold;
}
.isr-benchmark-slider .tooltip-value {
  font-size: 18px;
  font-weight: bold;
}

.isr-benchmark-slider .your-score{
  background: black !important;
}

.isr-benchmark-slider .your-score .slider-tooltip > span{
  background : white !important;
  color: black !important;
  border: 1px solid #0c6b90 !important;
}

.isr-benchmark-slider .benchmark .slider-tooltip > span{
  background : #0c6b90 !important;
  color: white !important;
  border: 1px solid black !important;
}
.isr-benchmark-slider .green {
  background: green !important;
}
.isr-benchmark-slider .red {
  background: red !important;
}

.highlightspanyellow {
    background-color: #FFFF00;
    color: #000000;
}

.highlightspangreen {
    background-color: #00FF00;
    color: #000000;
}

.highlightspanblue {
	color: #FFFFFF;
    background-color: #0000FF;
}

.highlightspanpink {
	color: #FFFFFF;
    background-color: #FF00FF;
}

.yellow-dot {
  height: 25px;
  width: 25px;
  background-color: #FFFF00;
  border-radius: 50%;
  display: inline-block;
}

.green-dot {
  height: 25px;
  width: 25px;
  background-color: #00FF00;
  border-radius: 50%;
  display: inline-block;
}

.blue-dot {
  height: 25px;
  width: 25px;
  background-color: #0000FF;
  border-radius: 50%;
  display: inline-block;
}

.pink-dot {
  height: 25px;
  width: 25px;
  background-color: #FF00FF;
  border-radius: 50%;
  display: inline-block;
}

.yellow-square {
  height: 22px;
  width: 22px;
  background-color: #FFFF00;
  display: inline-block;
  border: 1px solid #ccc;
}

.green-square {
  height: 22px;
  width: 22px;
  background-color: #00FF00;
  display: inline-block;
  border: 1px solid #ccc;
}

.blue-square {
  height: 22px;
  width: 22px;
  background-color: #0000FF;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ccc;
}

.pink-square {
  height: 22px;
  width: 22px;
  background-color: #FF00FF;
  display: inline-block;
  border: 1px solid #ccc;
}

.highlight-menu {
	min-width: 200px !important;
}

.remove {
	background: white;
	padding-top:0px;
	padding-bottom:0px;
}
 .confirm-cover-pt{
	pointer-events: none;
} 
ul.highlight-menu > li {
    width: 100%;
    float: left;
}

.highlight-remove {
	color: #FF0000;
    font-size: 0.75em;
	padding: 0px;
}

#highlight-menu-dropdown a {
	color: #333 !important;
	width: 100%;
	float: left;
}

.highlight-icon {
	font-size: 1.5em;
}
.highlight-yellow {
	color: #FFFF00;
}
.highlight-green {
    color: #00FF00;
}
.highlight-blue {
    color: #0000FF;
}
.highlight-pink {
    color: #FF00FF;
}
.border-1-ccc {
    border: 1px solid #ccc;
}
.border-b-1-ccc {
	border-bottom: 1px solid #ccc;
}
.highlightBtnFont{
    font-size: 30px !important;
}

.highlightBtnWidth {
    min-width: 45px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    border-radius: 4px !important;
}

.lv-globalHeader-widget {
	font-size: 1em !important;
}

.size_large #collegeBoardLogo, .size_large  #accuplacerLogo {
	zoom: 1.5;
}

.size_xlarge #accuplacerLogo, .size_xlarge #collegeBoardLogoSmall {
	zoom: 2;
}

.size_xlarge  #collegeBoardLogo {
	display: none !important;
}
.size_xlarge  #collegeBoardLogoSmall {
	display: block !important;
}

.size_large .header_contents, .size_xlarge .header_contents, .size_large .header_contents a, .size_xlarge .header_contents a {
    font-size: 1.2em !important;
    line-height: 1.2em !important;
}

.header_contents .divider {
	padding-top: 1em;
    padding-bottom: 1em;
}
.size_xlarge .header_contents .divider, .size_xlarge .header_contents .divider {
	padding-top: 1em;
    padding-bottom: 1em;
}
.cb-logo-acorn {
	display: block;
    background-image: url(../images/cb-acorn.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 130% 130%;
    width: 44px;
    height: 44px;
}

.size_xlarge .highlight-menu {
    min-width: 355px !important;
}
.size_large .highlight-menu {
    min-width: 300px !important;
}

#accuplacerLogoAnchor {
	line-height: 44px !important;
}

.name{
	font-weight: bold;
}

@media print {
	#isRationalFeedback {
		display: block;
	}
}

.ti108-bg {
 background-color: #305a84 !important;
}
.ti84-bg {
 background-color: #000000 !important;
}

.ti-modal-shadow {
 -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
 box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
}

#calcModalTI108, #calcModalTI84{
 left: 60%;
 top: 200px;
}

.size_large #calcModalTI108, .size_large #modalDialogIdTI108 {
 width: 345px;
 height: 540px;
 float: left;
}

.size_xlarge #calcModalTI108, .size_xlarge #modalDialogIdTI108 {
 width: 460px;
 height: 720px;
 float: left;
}

#calcModalTI108, #modalDialogIdTI108 {
 width: 240px;
 height: 368px;
 float: left;
}

#calcModalTI84, #modalDialogIdTI84 {
 width: 288px;
 height: 656px;
 float: left;
}

div.calculatorDiv {
    box-shadow: none !important;
}

.ti_disabled_keys {
 display: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline-offset: 0px;
}

.ui-draggable {
    cursor: move;/*fall-back for grab*/ 
    cursor: grab; 
}

.ui-draggable:active, .ui-draggable.dragging {
    cursor: grabbing;
}
.accessibility-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.accessibility-button {
    margin-top: 4px;
}
.calculator-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 10px;
}
.calculator-button {
	width: 45px;
	margin-top: 4px;
}
.highlighter-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.highlighter-button  {
	margin-top: 4px;
}
.calculator-text {
    cursor: pointer;
    display: block;
    text-align: center;
	font-size: 12px;
    margin-top: -9px;
}
.highlighter-text {
	cursor: pointer; 
	display: block; 
	text-align: center; 
	font-size: 12px;
    margin-top: -9px;
}
.accessibility-text {
	cursor: pointer; 
	display: block; 
	text-align: center; 
	font-size: 12px;
    margin-top: -9px;
}

.summary-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-right: 15px;
}

.summary-button{
	width: 45px;
	margin-top: 4px;
}

.summary-text{
	cursor: pointer;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: -9px;
}

.review-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-right: 10px;
}

.review-button{
	width: 45px;
	margin-top: 4px;
}

.review-text{
	cursor: pointer;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: -9px;
}

.summary-font-size{
	font-size: 29px;
    margin-top: 2.5px;
}

.review-font-size{
	font-size: 29px;
    margin-top: 2.5px;
}