@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-color: #702f8a;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #666666;
	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,.logo-group {
	min-width: 215px;
}
.logo-group * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#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%;
}

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

.sitelist {
	max-height:300px;
	overflow:auto;
}

.dropdown-menu-form a[disabled] {
	pointer-events: none !important;
	cursor: default;
  	opacity: 0.6;
}

.role-list-group-item {
	min-height:55px !important;
}

.table-col-center{
	text-align:center;
}

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

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

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

.fixed-header .catHeader {
	position: fixed;
	width: 100%;
	z-index: 1003;
	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: 20px;
	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: 12px;
}

.required label:before {
	content: "* " !important;
	color:red;
}

.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: #D56161 !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: #D56161 !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%);
}
.lv-globalheader-init {
	height: 65px;
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
	padding: 0 13px 0 0;
	background: #ffffff;
}
.lv-globalHeader-widget {
	border-bottom: 0px solid #fff;
}
.lv-globalheader-init a {
	color: #000000;
}

.lv-globalheader-dialog {
	height: 50px !important;
}

.bg-info {
	background-color: #f8f2fb;
}

.catHeader {
    display: block;
    height: 65px;
    position: relative;
    margin: 0;
    padding: 0 13px 0 0;
    border-top: solid 4px #702f8a;
    background-color: #ffffff;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}

.catHeader a {
	color: #000000;
}
.logo img{
	height:70px;
	padding:5px;
}
.catHeader #logo,.catHeader #logo img.login-page {
	margin-top: 0px;
	width: 150px;
	padding-top:1px;
}

#left-panel {
	top: 65px;
}

.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: #007ACC;
}

.tsm-txt-color-greenLight {
	color: #5FA24F;
}

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

.tsm-txt-color-blueLight {
	color: #2C9ADE;
}

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

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;
}

.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,h2 {
	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,.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,.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;
	width: 100%;
	-ms-word-break: break-all;
	word-break: break-all;
	word-wrap: break-word;
}

.wrapped-text {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	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: #D56161 !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: 1000;
	width: 100%;
	height: 100%;
	display: none;
}

#overlay {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #dddddd;
	height: 100px;
	opacity: 0.9;
	position: fixed;       /* changed from absolute -> fixed */
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); /* centre exactly */
	width: 250px;
	z-index: 1070;
	display: none;
}

#loading {
	left: 3em;
	position: absolute;
	top: 1em;
}

#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: red;
}

/**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;
}

.table-bordered-black {
	border: 1px solid #000 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
.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: 100%;
	margin-bottom: 10px;
}


/*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: #20809D !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%;
	min-width: 63px;
}

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

.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%;
	min-width: 63px;
}

.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: 7.5%;
	min-width: 69px;
}

.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;
}

#bpForm .bp-table, #pRForm .bp-table{
	margin: auto;
}

#bpForm .bp-responsive-section, #pRForm .bp-responsive-section{
	width: auto;
}

#bpForm .bp-static-section, #pRForm .bp-static-section{
	width: auto;
	min-width: auto;
}

#bpForm .bp-operator-block, #pRForm .bp-operator-block{
	width: auto;
	padding: 3px 3px;
}

.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, .wrapWordBreak {
	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 : 280px) and (max-width: 540px) {
	.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;
}

@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;
 }


}
.voucher-header > header {
    height: 46px !important;
}


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

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

#table-loading{
	left: 30px;
	position: absolute;
	top: 10px;
}

#table-overlay:target,#table-overlay:target+#table-cover {
	display: block;
	opacity: 1;
}
.testing{
	width: 1px !important;
    height: 1px !important;
}
.composite-test-type{
  /*   margin-top: 24px;
   */  font-weight: normal !important;

}

.borderexample
{
margin-top: -16px;

padding-left: 50px;
padding-top: 1px;
height: 34px;
width: 335px;
border-style:solid;
border-color:gray;
border-width:thin;
}

.borderexample.editBPBorderExample{
	padding-left: 15px;
	width:15em;
}

.composite-radio
{
 font-weight: normal !important;
}

.placement-rule-test-type{
     margin-top: 6px;
     font-size: 13px;

}
#writeplacerTermsAndCondition .paddingtext{
	padding-left: 35px;
}

#writeplacerTermsAndCondition .paddingul{
	padding-left: 14px;
}

.activegreyout{
	opacity : 0.5;
}
.colorWhite{
	color : white !important;
}
.anchorTagDisabled{
  pointer-events: none;
  cursor: default;
}

.batchwrap-word{
	word-break: initial !important;

}
.textLeft{
text-align : left !important;
}
.coverOverModal{
z-index: 1060 !important;
}
.rptWidgtZIndex{
	z-index: 1250 !important;
}

.textColorRed{
color: #FF0000 !important;
}

.not-active {
   pointer-events: none;
   cursor: default;
}

@media ( min-width : 768px) {
	.modal-xl {
		width: 90%;
		max-width: 1200px;
	}
}
@media ( max-width : 768px) {
	#catTableWidget .row .col-sm-1 {
		width: 6.1%;
	}
}
@media ( max-width : 1024px) {
		#catTableWidget .row{
		margin-left: -4px !important;
	}
}

.disabledLeftNavigation {
    pointer-events: none;
    opacity: 0.4;
}
.hideLeftNavigation{
	    margin-left: 0px !important;
}

element.style {
}
cat_theme.css:16154
nav ul span.menu-item-parent {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.convertToNGTab {
    width: 80%;
}
.disabledCheckBox{
	    cursor: not-allowed !important;
}

.csConversion .cs-input-block{
	width:13%;
}

.marginTop25{
	margin-top: 25px;
}

.convertToNGTabIcon{
	vertical-align: 50%;
}

.allowConversionNClassic{
	padding-top: 15px;
}
.piLabelwidth{
	padding: 5px;
    margin-right: 0px;
}
.piLabel {
	font: 11.5px arial, san serif;
	text-align: left;
	white-space: nowrap;
	padding-left:2px;
}

.greenPie {
    background-color: #196F3D;
}
.yellowPie{
    background-color: #D68910;
}
.lighterBluePie{
    background-color: #2874A6;
}
.amberPie{
    background-color: #EC7063;
}
.redPie{
    background-color: #A93226;
}
.darkerBluePie{
    background-color: #2ECC71;
}
.brightPinkPie{
    background-color: #F4D03F;
}
.paddingBottom25{
	    padding-bottom: 25px;
}
 .col-sm-12 .col-sm-3 .col-sm-10{
    padding-right: 0px;
 }
 .paddingCenterLegend {
 	    text-align: center;
 }
 .paddingBottom7 .piLabelwidth {
    padding-right: 8px;
    padding-left: 0px;
    margin-left:10px;
 }
 .piLabelText{
     font-size: 8.7px;
 }
 .padingLeft5{
 padding-left : 7px;
 }
 .noDataInPie{
     text-align: center;
     padding-top: 135px !important;
 }

.paddingTop20 {
	padding-top: 20px;
}
.paddingRight8 {
	padding-right: 10px;
}

.removePaddingLeft {
	padding-left:0;
}

.removePaddingRight {
	padding-right:0;
}

/*vouchers start*/
.modalFooterAddStudents {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.genVouchersStepBtns{
	margin-top:24px;
}

.dateAlignRight .date .dropdown-menu {
    min-width: 254px;
    left: auto !important;
    right: 0;
}

#addStudents .modal-body {
    max-height: 750px;
}

#createStudent .modal-body {
    max-height: 700px;
}

#viewEmail .modal-dialog{
	width: 80%;
}

#viewRemoteEmail .modal-dialog{
	width: 60%;
}

.cetificationdownload{
	margin: 20px -13px 0;
}
/*vouchers end*/

.width80 {
    width: 80%;
}
.verticalAlign50{
	vertical-align: 50%;
}
.disabledAnchorTag{
    pointer-events: none;
    cursor: default;
    opacity: 0.65;
    float: left;
    margin-left: 2px;
}
.noWrap {
	white-space: nowrap !important;
}

.overflowX-auto{
	overflow-x: auto !important;
}
.paddingRight20{
	padding-right: 20px;
    float: left;
}
.font-size12{
	font-size: 12px;
}
.edit-user-account-date{
	height:415px;
}

.fontweight800{
	font-weight:800;
}

#collegeBoardLogo a {
	height:59px;
	width:153px;
}

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

.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 !important;
    height: 44px !important;
}

.visible-xs-override {
	width: 59px !important;
    height: 59px !important;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.p-5 {
	padding:5px;
}


.btn-primary {
  color: #1e1e1e;
  background-color: #fedb00;
  border-color: #ccc;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,.btn-primary:active:hover,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #1e1e1e;
  background-color: #fedb00;
  border-color: #adadad;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #fedb00;
}

.btn-success {
  color: #1e1e1e !important;
  background-color: #fedb00 !important;
  border-color: #ccc;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,.btn-success:active:hover,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #1e1e1e !important;
  background-color: #fedb00 !important;
  border-color: #adadad;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none !important;
}
.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[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #fedb00 !important;
}

.bootstrapWizard li.active .step {
	background-color: #fedb00 !important;
	color: #1e1e1e !important;
}

.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
	background-color: #fedb00 !important;
	color: #1e1e1e !important;
}

.pagination > li > a,
.pagination > li > span {
  color: #1e1e1e !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #1e1e1e !important;
  background-color: #eee !important;
  border-color: #ddd !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #1e1e1e !important;
  background-color: #fedb00 !important;
  border-color: #ddd !important;
}

.custom-header-nav {
	background-color:#e4e4e4;
	height:59px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}
/* CATTECH-17047 STYLE START */
#roleSiteMapping .multiAssignedBox{
    border: 1px solid;
    padding: 2px;
    position: absolute;
    z-index: 999;
    background: white;
}

#roleSiteMapping .assignedCount{
    padding: 5px;
    background: #d6dde7;
    border: 1px solid;
	cursor: pointer;
	font-weight: bold;
}
#roleSiteMapping .assignedDisable{
    padding: 5px;
    background: #d6dde7;
    border: 1px solid;
    opacity: 0.5;
    cursor: not-allowed;
}
.siteMultiSelect .multiAssignedSiteBox{
    border: 1px solid;
    padding: 2px;
    margin-top: 4px;
    position: absolute;
    z-index: 999;
    background: white;
    max-height: 150px;
    overflow-y: scroll;
}
#collapseThree .removeBtn{
    background: none;
    box-shadow: none;
}
#collapseThree .table-header{
	font-weight: bold;
	font-size: 1em;
	}
#collapseThree td,tr {
	vertical-align: middle;
}
#collapseThree .roleMgmtMargin{
	margin-bottom: 1%;
	margin-left:0%;
}
.switchRoleTable tbody {
	display:block;
	max-height:200px;
	overflow:auto;
  }

  .switchRoleTable thead, .switchRoleTable tbody tr {
	display:table;
	width:100%;
	table-layout:fixed;/* even columns width , fix width of table too*/
  }

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

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

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

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

  .iti {
	width: 100% !important;
}
.iti__country-list {
	z-index: 9 !important;
}
.iti__selected-flag {
	z-index: 4 !important;
	padding: 0 6px 0 8px !important;
}
.iti__arrow {
	margin-left: 6px !important;
}
.iti__country {
	padding: 5px 10px !important;
}
.iti__flag-box, .iti__country-name {
	margin-right: 6px !important;
}

.cb-logo-home{
	width: 130% !important;
    height: 133% !important;
}

.readOnly {
    pointer-events: none;
}
.vc-recaptcha{
	margin-left: 15px;
}

.show-hide{
    cursor: pointer;
    bottom: 5px;
    position: relative;
    right: 8px;
    background-color: #ffffff;
    opacity: 1;
    width: 18px;
    margin-right: 0px;
    padding-right: 5px;
    margin-top: 0px;
    height: 19px;
    padding-top: 3px;
    top: -26px;
}

.delete-all-Button{
	border: 2px solid #4C4F53 !important;
    color: #1d1c1d !important;
	margin:5px;
	background-color: #efefef !important;
}
.btn-drBG-focusOnTab {
	background-color: #efefef !important;
	border: 2px solid #D47FF5 !important;
	color: #D47FF5 !important;
}

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

.btn-drBG-focusOnTab:active,
.btn-drBG-focusOnTab.active,
.open > .dropdown-toggle.btn-drBG-focusOnTab {
  background-image: none !important;
}

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

.btn-drBG-focusOnTab:focus,
.btn-drBG-focusOnTab.active,
.btn-drBG-focusOnTab:active:focus,
.btn-drBG-focusOnTab:active:hover
{
	background-color: #efefef !important;
	border-color: 2px solid #D47FF5 !important;
	outline: 2px solid #D47FF5 !important;

}
.bg-drBG-color-orange{
	background-color: #c79121 !important;
}

.bg-drBG-color-orange:focus,
.bg-drBG-color-orange:hover
{
	background-color: #c79121 !important;
    border-color: 2px solid #D47FF5 !important;
	outline: 2px solid #D47FF5 !important;
}
.orgId{
	margin-top: 10px;
	width: 15rem;
	padding-right: 10px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #702f8a;
  width: 200px;
  height: 200px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  top: 40%;
  left: 43%;
  position: absolute;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.paymentMode{
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
	font-size: 16px;
    font-weight: 300;
    color: #232323;
	display: block;
	padding: 8px 0;
	margin-right: 15px;
	margin-left: 10px;
}
.paymentButton{
	margin-left: 10px;
	margin-bottom: 20px;
}

.disabled-section {
    pointer-events: none; /* Disables all click, hover, etc. interactions */
    opacity: 0.5; /* Grays out the section */
    background-color: #f2f2f2; /* Optional: Lightens the background for more emphasis */
}

.disabled-text {
	color: grey !important;
}

.po-number{
	margin-top: 0.5em;
	font-weight: 400;
    font-size: 13px;
    color: #333;
}

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

#payment-overlay:target,#payment-overlay:target+#cover {
	display: block;
	opacity: 1;
}
#onlineOrderIdcol{
	width: 10%;
}
#onlineOrderActionCol{
	width:10%;
}

.hidden-button {
    display: none;
  }

#mfa_section{
  background:#f5f7f8;
  border:1px solid #acc3ce;
  padding:9px;
  border-radius:3px;
  position: relative;
  min-height:20px;
  margin-bottom:20px;
  margin-top: 10px;
}


.verification-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  font-size: 12px;
}

.verify-button {
  padding: 1px 10px;
}

.vc-input {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  font-size: 12px;
  width: 40%;
}

.status-text {
  padding: 1px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.status-verified {
  background: #edfff1;
  color: #1dc743;
  border: 1px solid #1dc743;
}

.status-unverified {
  background: #ffdfdf;
  color: #D56161;
  border: 1px solid #D56161;
}

.mfa-verification-modal {
  margin-top: 15%;
  width: 45%
}

.mfa-setup-verification-modal {
  margin-top: 15%;
  width: 50%
}

.mfa_otsc_wrapper {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.mfa-verification-modal-header {
  text-align: center;
  margin-bottom: 15px;
}

.mfa-verification-modal-title {
  color: #333;
  margin-bottom: 10px;
  font-weight: 600;
}

.mfa-verification-modal-message {
  color: #666;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}

.mfa-verification-modal-message-bold {
  color: #666;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

.mfa-verification-modal-body {
  margin-bottom: 10px;
  margin-top: 10px;
}

.mfa-verification-modal-footer {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.mfa-verification-modal-resend-section {
  text-align: center;
  margin-bottom: 15px;
}


.mfa-verification-modal-code-input {
  width: 60%;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 30px;
  font-weight: 600;
  transition: border-color 0.3s ease;
  padding-left: 32px;
  height: 5rem;
}

/*.mfa-verification-modal-code-input:focus {*/
/*  outline: none;*/
/*  border-color: #007bff;*/
/*}*/

.mfa-verification-modal-code-input-container {
  text-align: center;
}

.mfa-verification-modal-btn {
  font-size: 15px;
  width: 125px;
}

.mfa-verification-modal-resend {
  text-align: center;
  margin-bottom: 15px;
}

.mfa-verification-modal-remember {
  text-align: center;
  margin-bottom: 15px;
}

.otp-wrapper {
  display: flex;
  gap: 0.5rem;
  margin-left: 95px;
}
.vc-input {
  width: 5rem;
  height: 5rem;
  font-size: 2.5rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.countdown {
  font-size: 20px;
}

.success-message {
  font-size: 24px;
  font-weight: bold;
  color: #28a745;
  margin-bottom: 30px;
  animation: bounce 0.5s ease-in-out;
}

.resend-btn {
  background: linear-gradient(45deg, #667eea, #764ba2);
  color: white;
  border: none;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.resend-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.resend-btn:active {
  transform: translateY(0);
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.mfa_verification_modal_error {
  margin-bottom: 5px;
  height: auto;
  text-align: center;
}


div#s2id_selectProctor {
	padding: 0px !important;
}

.rosterExportDropDownAlign{
	    right: 18% !important;
}
.test_ticket_details_body_content {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	font-size: 20px;
	padding: 10px;
}
.test_ticket_footer_content>p {
	font-size: 11px;
}

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

div#s2id_assignedTo {
	padding: 0px !important;
}

/* Handle nested modal scrolling */
.modal.fade.in {
    overflow-y: auto;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

/* Ensure the parent modal remains scrollable when child modal is open */
body.modal-open {
    overflow: hidden;
}

.modal-backdrop.in ~ .modal {
    overflow-y: auto;
}

/* Fix for multiple modals */
.modal {
    overflow-x: hidden;
    overflow-y: auto;
}