@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'),
    url('../fonts/myriadpro-regular.woff2') format('woff2'),
    url('../fonts/myriadpro-regular.woff') format('woff'),
    url('../fonts/myriadpro-regular.ttf') format('truetype'),
    url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'MyriadWebProBold';
    src: url('../fonts/myriadwebpro-bold.eot');
    src: url('../fonts/myriadwebpro-bold.eot') format('embedded-opentype'),
    url('../fonts/myriadwebpro-bold.woff2') format('woff2'),
    url('../fonts/myriadwebpro-bold.woff') format('woff'),
    url('../fonts/myriadwebpro-bold.ttf') format('truetype'),
    url('../fonts/myriadwebpro-bold.svg#MyriadWebProBold') format('svg');
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/myriadpro-light.eot');
    src: url('../fonts/myriadpro-light.eot') format('embedded-opentype'),
    url('../fonts/myriadpro-light.woff2') format('woff2'),
    url('../fonts/myriadpro-light.woff') format('woff'),
    url('../fonts/myriadpro-light.ttf') format('truetype'),
    url('../fonts/myriadpro-light.svg#MyriadProLight') format('svg');
}


@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold.eot');
    src: url('../fonts/myriadpro-bold.eot') format('embedded-opentype'),
    url('../fonts/myriadpro-bold.woff2') format('woff2'),
    url('../fonts/myriadpro-bold.woff') format('woff'),
    url('../fonts/myriadpro-bold.ttf') format('truetype'),
    url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}
html, body, div, span, applet, object, iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.checkbox-item ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.checkbox-item ul li{
    list-style: none;
}
table,tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
#breadcrumbs ol, #breadcrumbs ul {
    list-style: none;
    margin:0;
    margin-left: -40px;
}
label{
    cursor: pointer;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section {
    display: block;
    font-family: MyriadProRegular !important;
}

.block{
    font-family: MyriadProRegular !important;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: MyriadProRegular !important;
	font-size: 14px;
	
}
/* .page-wrapper {
} */
* html .page-wrapper {
    height: 100%;
}
/* .page-buffer {
} */

ul{
    list-style: none !important;
}

.inner{
	width: 1000px;
	margin: 0 auto;
}
.wide-page .inner{
	width: 90%;
}


h1{
	font-family: MyriadProLight;
	font-size: 27px;
	color: #000000;
	padding: 0px;
}
	h2{
		font-family: MyriadProLight;
		color: #000000;
        font-size: 27px;
        padding: 29px 0 7px;
        margin: 0px;
	}
	h3{
		font-size: 16px;
		color: #000000;
        margin: 0px;
	}
    h3.center{
        height: 50px;
        margin-top: 215px;
        width: 300px;

    }
	h4{
		font-size: 15px;
		color: #000000;
	}

a{
	color: #00a7e5;
	text-decoration: underline;
}
	a:hover{
		text-decoration: none;
	}


.fright{
	text-align: right;
    font-family: MyriadProRegular !important;
    margin-top: -52px;
    position: relative;
    z-index: 1;
}
.fleft{
	text-align: left;
}
.button {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
.button.grey {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    color: #121212;
}
.button.grey:hover {
    background: #ffffff;
    border: 1px solid #121212;
    color: #121212;
}
.button.grey.active{
    background: #9c9c9c;
    border: 1px solid #9c9c9c;
    color: #3c3f41;
}

.button.grey.disabled,.button.grey.disabled:hover {
    background: #6a6e70;
    border: 1px solid #6a6e70;
    color: #3c3f41;
}

.button.grey.with-arrow-right:after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background: url(../img/button-arrow.png) no-repeat;
	
	margin: 0px 0px 0px 11px;
}
.button.grey.with-arrow-left:before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    background: url(../img/button-arrow-left.png) no-repeat;
	margin: 0px 11px 0px 0px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.button.grey.disabled.with-arrow-left:before{
	display: hidden;
    background: url(../img/button-arrow-left-grey.png) no-repeat;
}
.button.grey.disabled.with-arrow-right:after{
    background: url(../img/button-arrow-right-grey.png) no-repeat;
}

.button{
	font-size: 20px;
	color: #fff;
	padding: 8px 20px;
	background: #00a7e5;
	display: inline-block;
	text-decoration: none;
	margin-top: 15px;
	cursor: pointer;
	border: 1px solid #00a7e5;
	font-family: MyriadProRegular;
	text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	outline: none
}
.button.small{
	font-size: 16px;
	min-width: 172px;
	margin-top: 0px;
	margin-bottom: 10px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
}

.button.active{
	background: #0384b4;
}
.button.disabled{
    background: #7A7267;
    border: 1px solid #7A7267;
    /*
	background: #CACACA;
	border: 1px solid #90AAB3;
	*/
    cursor: default;
}
.button.disabled:hover{
    background: #7A7267;
    border: 1px solid #7A7267;

    /*
        background: #CACACA !important;
        border: 1px solid #90AAB3 !important;
    */
    cursor: default;
}
.button-wrap {
    width: 25%;
	height: fit-content;
	display: inline-flex;
}
.button-wrap .button {
    white-space: nowrap;

}

.fright.multi .button:first-child{
	margin-left: 0px;
	float: left;
}
.fright.multi .button{
	margin: 20px 0px 0px 11px;
	padding: 8px 20px;
	font-size: 18px;
}

.fleft.double .button{
	margin: 0px 0px 0px 20px;
}

.fright.double .button{
    margin: 4px 0 0 4px;
    min-width: 83px;
}
.fright.double .curr{
    width: 110px;
    padding: 3px;
}
.fright.double [type="radio"]{
	display: none
}
.fright.double .button.small{
	padding: 8px 35px;
}
.fright.double>div{
	float: left;
	margin-top: 20px;
	text-align: left;
	font-size: 17px;
	line-height: 24px;
}
.fright.double>div h1{
	padding: 5px 0px;
}
.fright.double>div h2{
	padding: 0px;
}
	.fright.double>div b{
		font-family: MyriadWebProBold
	}
	.button.with-dots:after{
		content: "";
		display: inline-block;
		width: 24px;
		height: 5px;
		background: url(../img/dots.png) no-repeat;
		margin: 0px 0px 2px 9px;
	}
	.button.with-arrow-right:after{
		content: "";
		display: inline-block;
		width: 14px;
		height: 11px;
		background: url(../img/button-arrow.png) no-repeat;
		margin: 0px 0px 0px 11px;
	}
	.button.with-arrow-left:before{
		content: "";
		display: inline-block;
		width: 14px;
		height: 11px;
		background: url(../img/button-arrow-left.png) no-repeat;
		margin: 0px 11px 0px 0px;
	}
	.fright.double  .button.chart{
		margin: 20px 0px;
	}
	.button.chart:before{
		content: "";
		display: inline-block;
		width: 14px;
		height: 11px;
		background: url(../img/chart-icon.png) no-repeat;
		margin: 0px 11px 0px 0px;
	}
.button:hover{
	background: #40bdec;
	border: 1px solid #00a7e5;
}

.divider{
	border-top: 1px solid #eaebe6;
	width: 100%;
	margin: 20px 0px;
}
	.table+.divider{
		margin: 50px 0 0 0;
	}

.divider.dark{
	border-top: 1px solid #a39b90;
}
.divider.dark+h2{
	padding-top: 0px
}

.editor{
	padding-bottom: 25px;
}


nav ul{
    background: none repeat scroll 0 0 #005ead;
    border-bottom: 1px solid #eaebe6;
    display: table;
    font-size: 0;
    height: 41px;
    margin-bottom: 45px;
    padding: 0px;
}
	nav ul li{
        background: none repeat scroll 0 0 #005ead;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #1b6eb5;
	}

    nav ul li:last-child {
        border-right: 0px !important;
    }

	nav ul li a{
        /*color: #b8c9e0;
        background: #005ead;*/
        color: #fff !important;
		text-decoration: none;
        font-size: 16px;
        padding: 12px 21px;
		display: block;
	}

    nav ul li a.user-score{
        font-size: 15px;
        padding: 13px 10px;
    }

	nav ul li.active, nav ul li:hover,nav ul li.active{
		color: #fff !important;
		background: #00a7e5;
		border-right: 1px solid #00a7e5;
	}

    nav ul li:hover {
        background: #00a7e5;
    }




#topLine{
	background: #4c4844;
	height: 50px;
	line-height: 55px;
	text-align: right;
	font-family: MyriadWebProBold;
	font-size: 24px;
	color: #ffffff;
}
	#topLine a{
		color: #ffd800;
		font-family: MyriadProRegular;
		font-size: 18px;
		text-decoration: none;
		margin-left: 35px;
		display: inline-block;
	}

.boldTitle{
	font-family: MyriadWebProBold,MyriadProRegular;
	font-size: 38px;
	color: #005ead;
	float: right;
	margin-top: 50px;
}

header .inner, #breadcrumbs .inner{
	overflow: hidden;
}

#logoDiv{
	float: left;
	margin: 0px;
}
#logoDiv a{
    display: flex;
    width: 174px;
    height: 100px;
    align-items: center;
}
#logoDiv a img{
	width: 174px;
	outline: unset;
	visibility: visible;
}


.main{
	/*padding-bottom: 55px;*/

	/* Fix the bottom padding */
	padding: 0;
	margin:0;

}
	.main.main-top{
		padding-top: 0;
		
	}


p{
	font-size: 16px;
	line-height: 18px;
}


.center{
	text-align: center;
    font-family: MyriadProRegular !important;
}
	h1.blue{
		font-size: 36px;
		color: #005ead;
		font-family: MyriadProRegular;
	}
	h1.blue span{
		color: #000000;
	}
	h1.blue + h2{
		padding-top: 15px
	}
	.name{
		font-family: MyriadProBold;
		font-size: 24px;
		display: inline-block;
	}
	.center .name{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.center p{
		font-size: 20px;
		line-height: 34px;
	}
	.center p b{
		font-family: MyriadProBold;
	}
	.center .hint-text{
		color: #000000;
		padding: 90px 0px 125px;
		font-size: 15px;
	}
	.center + .divider{
		border-color: #000000
	}

.text{
	padding-top: 20px;
    font-family: MyriadProRegular !important;
}
/* .text p{
	padding-bottom: 20px;
} */
.text.large p{
	font-size: 17px
}
.text p b{
	font-family: MyriadProBold;
}


.mainMenu{
	float: right;
	margin-top: 45px;
	margin-right: -10px;
}
.mainMenu ul{
	font-size: 0px;
}
	.mainMenu ul li{
		display: inline-block;
	}
		.mainMenu ul li a{
			font-size: 18px;
			color: #7a7267;
			text-decoration: none;
			padding: 6px 28px;
			border-right: 1px solid #f2f1ed;
			line-height: 15px;
			display: inline-block;
		}
		.mainMenu ul li.active a, .mainMenu ul li a:hover{
			color: #00a7e5;
		}
	.mainMenu ul li:last-child a{
		border-right: none
	}

#stripedLine{
	height: 50px;
	background: url(../img/menu_bg.png);
}
	#blueWideLine+#stripedLine{
		height: 25px;
	}

#blueLine{
	height: 10px;
	background: #005ead;
}
#blueWideLine{
	background: #005ead;
	height :54px;
}
	#blueWideLine span{
		color: #ffd800;
		font-size: 24px;
		line-height: 54px;
	}

#breadcrumbs{
	height: auto;
    min-height: 35px;
    padding-top: 10px;
	background: #005ead;
	line-height: 25px;
	color: #fff;
}
	#breadcrumbs ul li{
		float: left;
		font-size: 18px;
		padding-right: 7px
	}
	#breadcrumbs a{
		text-decoration: none;
		color: #7bc3fc
	}
	#breadcrumbs i{
		display: inline-block;
		width: 10px;
		height: 9px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NzYxZmViNy04MmY5LTJiNDItYjExMS0yYWUwYTdiZGVjMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODk1MkQ5M0M1MkFBMTFFNEFGRENDM0MwMjRFNEIwQUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODk1MkQ5M0I1MkFBMTFFNEFGRENDM0MwMjRFNEIwQUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0OTBiYjJmLTcwZmQtN2Q0OC1hOTJhLWE1NWFiNjYwOWIxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NzYxZmViNy04MmY5LTJiNDItYjExMS0yYWUwYTdiZGVjMTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zOMUzAAAAcklEQVR42mL4//8/AxYcBcQmyGJMDNgBPxDvBGIDmAALELtgUagBxEJAvAuInYH4MuN/kLn4wWsgdiBGIQjsBjmUELgGxKIgNypjMSEaiJuA+BbUja9BCu9hUfgGiO9AFT0HCeAKngdA7ATET2ACAAEGADcmW0r2zxwxAAAAAElFTkSuQmCC');
		margin-right: 9px;
	}
	#breadcrumbs a i{
		display: inline-block;
		width: 10px;
		height: 9px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NzYxZmViNy04MmY5LTJiNDItYjExMS0yYWUwYTdiZGVjMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc1QjBBMkI2NEQwMTFFNEFEMTJBMTRFQUJBNDUyMUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjc1QjBBMkE2NEQwMTFFNEFEMTJBMTRFQUJBNDUyMUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5NTJEOTNCNTJBQTExRTRBRkRDQzNDMDI0RTRCMEFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5NTJEOTNDNTJBQTExRTRBRkRDQzNDMDI0RTRCMEFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1QWyywAAAHlJREFUeNpi+P//PwM6rj78JwqITZDFmBiwA34g3llz5K8BTIARqNMFi0JfIM4D4tdA7Nxiw3wZpPA/A34AUuzAxEAYiALxBGIUXgfiaJBCZSy4DqroFtSNrxlBXkcHQN9mAqkiIHYEKnoCEsNl9QMgdoIpAgGAAAMACAU7I3CBh5wAAAAASUVORK5CYII=');
		margin-right: 9px;
	}


footer{
	background: #4c4844;
	height: 60px;
	color: #a59a8b;
	text-align: center;
}
	footer>div{
		padding-top: 25px;
	}



.table{
    font-family: MyriadProRegular !important;
	width: 100%;
	/* __margin-bottom: 40px; */
}

	h2+.table{
		margin-top: 20px
	}

	.table th{
		font-size: 16px;
		color: #fff;
		background: #7a7267;
		text-align: left;
		padding: 10px;
		vertical-align: middle;
	}
	.table.large th, .table.large td{
		padding: 10px 12px;
	}
	.table td{
		font-size: 15px;
		color: #000000;
		text-align: left;
		border: 1px solid #eaebe6;
		padding: 10px 30px;
	}
	.table td.with-icon{
		padding: 5px;
		vertical-align: middle;
		text-align: center;
		width: 47px;
	}
	.table td a.link{
		text-decoration: none
	}
	.table td a.link:hover{
		color: #005ead;
	}
		.table td a.link:after{
			content: '';
			/*background: url(../img/link-arrow.png) right center no-repeat;*/
			display: inline-block;
			/*width: 13px;*/
			height :11px;
			/*margin: -1px 14px;*/
		}
			.table td a.link:hover:after{
				background-position: left center;
			}
	.table tr:hover{
		background: #f8f7f3
	}
		.table tr:hover td{
			border-right: 1px solid #f8f7f3;
			border-left: 1px solid #f8f7f3;
		}
		.table tr:hover td:first-child{
			border-left: 1px solid #eaebe6;
		}
		.table tr:hover td:last-child{
			border-right: 1px solid #eaebe6;
		}
	.table tr:first-child+tr td{
		padding-top: 20px;
	}
	.table tr:last-child td{
		padding-bottom: 20px;
	}

.scroll .table tr:first-child+tr td{
	padding-top: 10px;
}
.scroll .table tr:last-child td{
	padding-bottom: 10px;
}

.arrow-link:before, .text-arrow-link:before{
	content: '';
	background: url(../img/arrow-link.png) no-repeat #a39b90 center center;
	width: 19px;
	height: 19px;
	display: inline-block;
	margin: 0px 10px -4px 0px;
    cursor: pointer;
    position: relative;
    z-index: 11111111;
}

.searchBlock{
	margin-bottom: 10px;
	text-align: right
}
.searchBlock.fleft{
	text-align: left
}
.searchBlock.fleft .button.small{
	float:right;
    margin-bottom: 15px;
    min-width: 0;
    padding: 5px 10px;
}
	.searchBlock span,label{
		color: #000000;
		font-size: 16px;
		display: inline-block;
	}

	.searchBlock div{
		display: inline-block;
	}
	.searchBlock div h4{
		padding: 6px 0px;
	}
	.searchBlock input{
		background: url(../img/search-icon.png) no-repeat 5px center !important;
		margin-left: 10px;
		padding-left: 30px !important;
        border: 1px solid #eaebe6;
        box-shadow: none;
        box-sizing: border-box;
        color: #7a7267;
        font-family: MyriadProRegular;
        font-size: 14.5px;
        height: 34px;
        line-height: 34px;
        outline: medium none;
        width: 270px;
	}
.searchBlock.fleft div input{
	border: 1px solid #a39b90;
	margin-left: 0px;
}

.edit, .delete, .percentage-but{
	display: inline-block;
	width: 23px;
	height: 23px;
}
.edit:hover, .delete:hover, .percentage-but:hover {
	opacity: 0.9
}
	.edit{
		background: url(../img/edit-icon.png) no-repeat center center;
	}
	.delete{
		background: url(../img/delete-icon.png) no-repeat center center;
	}
	.percentage-but{
		background: url(../img/percentage_icon.png) no-repeat center center;
        background-size: 23px;
	}


input[type="text"],input[type="password"], .selectbox{
		width: 270px;
		height: 34px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #eaebe6;
		box-shadow: none;
		outline: none;
		background: #fff;
		font-family: MyriadProRegular;
		color: #7a7267;
		font-size: 14.5px
}
input[type="text"]{
	padding: 0px 10px;
}

.clear{
	clear: both;
}

.afterTable{
	background: #eaebe6;
	margin-top: 10px;
	padding: 20px 0px 17px 20px;
}
	.afterTable>div:not(.clear){
		float:left;
		margin-right: 10px;
		position: relative;
	}
	.afterTable>div:not(.clear) label.error{
		position: absolute;
		top: 68px;
		left: 0px;
		width: 100%;
		padding-top: 2px;
		font-size: 16px;
		color: #ff9600;
		font-style: italic;
		font-family: MyriadProRegular;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.afterTable>div.buttonsDiv{
		margin-right: 0px;
	}
	.afterTable>div.buttonsDiv.floatright{
		float:right
	}
	.afterTable input{
		width :420px;
	}
	.afterTable .selectbox{
		width: 440px;
	}
		.afterTable.threeColumns input{
			width: 280px;
		}
		.afterTable.threeColumns .selectbox{
			width: 286px;
		}
	.buttonsDiv a{
		display: inline-block;
		width: 18px;
		height: 18px;
		padding: 8px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-right: 10px;
	}
		.buttonsDiv a.save{
			background: url(../img/save-icon.png) no-repeat center center #005ead;
		}
		.buttonsDiv a.cancel{
			background: url(../img/cross-icon.png) no-repeat center center #a39b90;
            margin-right: 15px;
		}


.selectbox {
	cursor: pointer;
}
.selectbox .select {
	padding: 5px 45px 10px 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 111 !important;
}
.selectbox .select .text {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 0px;
	font-size: 14.5px
}
.selectbox .trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
}
.selectbox .trigger .arrow {
	position: absolute;
	top: 14px;
	right: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #a39b90;
	width: 0;
	height: 0;
	overflow: hidden;
}
.selectbox:hover .arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}
.selectbox .dropdown {
	top: 33px;
	width: 100%;
	margin: 0;
	padding: 0px;
	background: #FFF;
	font-family: MyriadProRegular;
	border: 1px solid #eaebe6;
}
.selectbox li {
	padding: 5px 10px 6px;
	color: #231F20;
}
.selectbox li.selected {
	background: #7a7267;
	color: #FFF;
}
.selectbox li:hover {
	background: #005ead;
	color: #FFF;
}
.selectbox li.disabled {
	color: #AAA;
}
.selectbox li.disabled:hover {
	background: none;
}

.dropdown ul{
    margin: 0px;
    list-style: none;
    padding: 0px;
}

/* .form{
    font-family: MyriadProRegular !important;
	padding-top: 20px;
} */
	h1+.form{
		padding-top: 0px
	}

.form .left,.form .right{
	float: left;
	width: 47%;
}
	.form .left{
		margin-right: 6%
	}
	.form .form-item{
		margin-bottom: 20px
	}
	.form .form-item.fright .label{
		padding-right: 20px
	}
	.form .form-item.fright .label+.selectbox{
		text-align: left;
		border: 1px solid #a39b90;
	}
	.form .form-item label{
		float:left;
		color: #000000;
		font-size: 15px;
		padding-top: 10px
	}
	.form .form-item label.long{
		margin-top: -9px;
	}

	.form .form-item.editor-item label{
		width: 400px;
		margin-bottom: 20px;
	}

	.form .form-item.editor-item .button.small{
		float: right
	}

	.form .form-item.small-item label{
		width: 105px;
	}
    .form .form-item.small-item .text-input .alert-label{
		width: 200px;
	}

	.form .form-item.small-item .text-input label{
		float:none;
		padding-left: 18px
	}
	.form .form-item.small-item input{
		width: 79px;
	}

	.form .form-item.large-label label{
		font-size: 15px;
		padding-right: 15px;
	}
	.form .form-item.large-label .selectbox{
		width: 480px;
	}


	.form  .check-with-inp, .form .form-item.small-item:first-child{
		position: relative;
	}
	.form .form-item.small-item label.error{
		position: absolute;
		top: 44px;
		left: 38px;
		width: 100%;
		padding-top: 2px;
		font-size: 16px;
		color: #ff9600;
		font-style: italic;
		font-family: MyriadProRegular;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0px;
		padding-left: 0px;
	}
	.form .form-item.small-item:first-child label.error{
		left: 0px;
	}
	.form  .check-with-inp .checkbox{
		float: left;
	}
	.form  .check-with-inp .form-item{
		float:right
	}

	.form .form-item label.error{
		width: 100%;
		padding-top: 2px;
		margin-left: 126px;
		font-size: 15px;
		color: #ff9600;
		font-style: italic;
		font-family: MyriadProRegular;
	}

		.form .form-item.right-error .text-input{
			position: relative;
		}
		.form .form-item.right-error .text-input label.error{
			position: absolute;
			left: 430px;
			top: 8px;
			margin-left: 0px;
		}


	.form .form-item .hint{
		font-size: 15px;
		font-style: italic;
		color: #000000;
		margin-top: 5px;
		padding-left: 126px;
	}
	.form .blue-hint{
		color: #40bdec;
		font-style: italic;
	}
	.form .form-item.big {
		margin-bottom: 67px;
		margin-top: 37px;
	}

	.form .form-action{
		text-align: center;
	}
	.form .form-action .button{
		min-width: 132px
	}
	.form .form-action .button:first-child{
		margin-right: 60px
	}
	.button.gray{
		background: #7A7267;
		border: 1px solid #7A7267;
	}
	.button.gray:hover{
		background: #8C8479;
	}


input[type="text"]:hover, .selectbox:hover, input[type="text"]:focus, .selectbox:focus{
	background-color: #f8f7f3
}
input[type="text"].error{
	border-color: #ff9600;
	background-color: #f8f7f3
}





.checkbox{
	display: block;
	position: relative;
	box-sizing: border-box;
    line-height: 34px;
    padding-left: 25px;
}
	.checkbox label{
		color: #000000;
		font-size: 15px;
		padding-left: 20px;
		display: inline-block;
	}
	.checkbox label:before{
		content: '';
		display: block;
		width: 14px;
		height: 14px;
		background: #fff;
		position: absolute;
		top: 8px;
		left: 0px;
		border: 1px solid #eaebe6;
		margin-top: 1px;
		margin-left: 1px;
	}
	.checkbox input[type=checkbox]{
		display: none
	}
	.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=checkbox]:checked + span:after{
		content: '';
		position: absolute;
		width: 10px;
		height: 4px;
		background: transparent;
		top: 13px;
		left: 4px;
		border: 2px solid #7a7267;
		border-top: none;
		border-right: none;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}



.form .form-item .radio-group label{
	display: block;
	margin-bottom: 15px;
	position: relative;
	font-size: 15px;
	width: 100%;
	padding: 0px 0px 0px 25px;
    font-family: MyriadProRegular !important;
}
/* .form .form-item .radio-group{
    
	margin-left: 68px;
	padding-top: 10px;
	overflow: hidden;
	
} */
.form .form-item .radio-group.dark{
	margin-left: 0px
}
	.form .form-item .radio-group label:before{
		content: '';
		display: block;
		width: 13px;
		height: 13px;
		border-radius: 50%;
		background: #fff;
		position: absolute;
		top: 0px;
		left: 0px;
		border: 1px solid #eaebe6;
		margin-top: 5px;
		margin-left: 1px;
		
	}
	.form .form-item .radio-group input[type=radio]{
		display: none
	}
	.form .form-item .radio-group input[type=radio]:checked + label:after{
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #101010;
		position: absolute;
		top: 6px;
		left: 6px;
		z-index: 1;
	}

	#slidesBlock .radio-group input[type=radio]:checked + label:after{
		top: 10px;
		
	}


.form .form-item .radio-group [disabled] + label:before, .checkbox input[type=checkbox][disabled] + label:before, .checkbox input[type=checkbox][disabled] + label:after{
	border-color: #a1a1a1!important;
	background: #e5e5e5;
}
.form .form-item .radio-group [disabled] + label, .checkbox input[type=checkbox][disabled] + label{
	color: #a1a1a1!important;
}
.form .form-item .radio-group input[type=radio][disabled]:checked + label:after{
	background: #a1a1a1!important;
}




.form.form-edit .left .form-item>label, .form.form-edit .form-item.large-label>label{
	width: 106px;
	min-width: 106px;
	padding-right :0px;
}
.form.form-edit .right .form-item>label{
	width: 150px;
}
.form.form-edit .form-item label.error{
	margin-left: 106px;
}
.form.form-edit .right .form-item label.error{
	margin-left: 150px;
}

.form.form-edit .left, .form.form-edit .right{
	width: 42%;
}
.form.form-edit .left{
	margin-right: 16%;
}

.top-grey {
  
    background: #a6a6a6;
    color: #fff;
    margin: 0 -1% 0 -1%;
 
}
.bottom-grey {
    margin: 0 -1% -1% -1%;
    background: #006daa;
    
    
}
.leftBlock h1{
	font-family: MyriadProRegular;
}
	.leftBlock h1 span{
		font-size: 24px;
		color: #005ead;
	}

.leftBlock, .rightBlock{
	float:left;
	width: 49%;
	/*border: 1px solid #a39b90;*/
	/*border: 1px solid #7A7267;*/
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	height: 100%;
}
.rightBlock{
	float:right;
	/*padding: 33px 0px 33px 0px;*/
    width: 49%;
}
.rightBlock .form{
	padding-top: 0px;
}


.leftBlock p{
	font-size: 16px;
	/*padding: 10px 10px 10px 0px;*/
}

#block_questions h2.user-scroll-help {
    display: none;
}
#block_questions h2.user-scroll-help:first-of-type {
    display: block !important;
}
.scroll{
	height: 580px;
}



.img{
	margin: 20px 0px 10px 40px;
}



.title-bold{
	font-size: 15px;
	font-family: MyriadProBold;
}

.item-block h3{
	background: #eaebe6;
	line-height: 25px;
	padding: 0px 0px 0px 10px;
    margin: 0px;
}
.item-block > div:not(.radio-item):not(.title):not(.checkbox-item){
    padding: 9px 10px !important
}
.form .item-block .form-item .radio-group{
	margin: 0px;
    padding-top: 9px;
}
	.form .item-block .form-item .radio-group label:before, .form .form-item .radio-group.dark label:before, .form .item-block .checkbox label:before, .checkbox.dark label:before{
		border-color: #a39b90;
		height: 10px;
		width: 10px;
		margin-top: 3px;
		margin-left: 3px;
	}


	/* .form .item-block .form-item .radio-group label:after, .form .form-item .radio-group.dark label:after{
		background: #2e2c2a!important;
	} */


.item-block{
	border: 2px solid #fff;
}
/* .item-block.active{
	border: 2px solid #1AA8E3
} */
.rightBlock > *{
	outline:none;
}
	.item-block.active h3{
		background: #3c3f41;
        color: #fff;
		position: relative;
	}
	.item-block.marked h3:after{
		content:'';
		/*background: url(../img/marked-icon.png) no-repeat;*/
		width: 14px;
		height :16px;
		display: inline-block;
		margin-left: 20px;
	}


.popup-box {
	position: fixed;
	background: #fff;
	display: none;
	font-family: Arial, sans-serif;
	z-index: 99999999999;
	font-size: 14px;
    border: 1px solid grey;
    top: 10%;
    left: 20%;
}
.popup-box.big {
    width: auto;
    max-height: 720px;
    top: 10%;
    left: unset;
    margin: auto;
    overflow: auto;

}
.popup-box .top{
	padding-bottom: 0px;
	text-align: center;
	line-height: 20px;
	font-size: 15px;
	font-family: MyriadProRegular;
    padding: 30px;
    padding-bottom: 0px;
}
.popup-box .top.fleft{
	text-align: left
}
.popup-box .bottom {
	background: #fff;
	padding: 20px;
	text-align: center;
	padding-bottom: 30px;
}
.popup-box .button.gray{
	width: 132px;
	margin-top: 10px;
    margin-left:40px;
}
.popup-box .button.gray:first-child{
	margin-left: 0px;
}
/*
.popup-box#popup-box-2{
	width: 762px!important;
}
*/
.popup-box .buttonsDiv{
	text-align: right;
}


#blackout {
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 9999;
	left: 0;
	display: none;
}


.disabled{
	position: relative;
}
.disabled:after{
	content: '';
	width: 100%;
	height: 100%;
	/*position: absolute;*/
	z-index: 9;
	top: 0px;
	left:0px;
}




.wrong-answer .title, .correct-answer .title{
	background: #ff9600;
	color: #fff;
	position: relative;
	padding: 15px 0px 15px 70px;
	margin-top: 5px
}
	.wrong-answer .title:before, .correct-answer .title:before{
		content: '';
		background: url(../img/review-icons.png) no-repeat right;
		width: 24px;
		height: 24px;
		display: inline-block;
		position: absolute;
		left: 30px;
		top: 50%;
		margin-top: -12px;
	}
.correct-answer .title{
	background: #40bdec;
}
	.correct-answer .title:before{
		background: url(../img/review-icons.png) no-repeat left;
	}
.correct-answer-description, .wrong-answer-description{
	color: #000000;
	background: #ddeef5;
	font-style: italic;
	padding: 10px;
	margin-left: 40px;
	clear: left;
}
.wrong-answer-description{
	color: #ff9600;
	background: none
}



[type="checkbox"].correct + label:before, [type="checkbox"].correct + label:after, [type="radio"].correct + label:before{
	border-color: #00a7e5!important;
	background: #ddeef5!important;
}
.form .item-block .form-item .radio-group [type="radio"].correct+label:after{
	background: #00a7e5!important;
}

[type="checkbox"].wrong + label:before, [type="checkbox"].wrong + label:after, [type="radio"].wrong + label:before{
	border-color: #ff9600!important;
	background: #fff6ea!important;
}
.form .item-block .form-item .radio-group [type="radio"].wrong+label:after{
	background: #ff9600!important;
}




#overflow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: 999999999999999999;
	background: rgba(0, 0, 0, 0.17);
}
#overflow img{
	margin: 0 auto;
	display: block;
	margin-top: 350px;
	text-align: center;
}




.grid-4{
	width: auto;
    float: left;
    min-width: 180px;
}
.grid-5{
	width: 16%;
	float:left;
	margin-right: 5%
}
.grid-4:first-child,.grid-5:first-child{
	margin-left: 0px
}

.form .grid-4 .form-item, .form .grid-5 .form-item{
	margin-bottom: 0px
}
.form .grid-4 .checkbox, .form .grid-5 .checkbox{
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.form .grid-4 .item-block, .form .grid-5 .item-block{
	border: none;
}

.topic-list{
	overflow: hidden;
}
.topic-list>div{
	padding: 10px 0 10px 20px!important;
	line-height: 21px;
}
.topic-list .grid-4:nth-child(4n+1){
	/*margin-left: 0px;*/
	clear: left;
}



 .clickable label{
	cursor: pointer;
}
.clickable .span{
    cursor: pointer;
}
.label{
    float: left;
}

.clickable span.line-through{
	/*text-decoration: line-through !important;*/
    position: relative;
    text-decoration: line-through;
}

/*
.clickable span.line-through:before {
    position: absolute;
    content: "";
    left: 0;
    top: 55%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}
*/

.clickable span.line-through .img-before{
    /*text-decoration: line-through !important;*/
    position: absolute;
    content: "";
    left: 0;
    top: -250%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}

/*
span.line-through img:after, span.line-through img:before{
    content:'ffff';
    position:absolute;
    display:block;
    width:200px;
    height:200px;
    left:0;
    top:0;
    background:  url('/img/cross.svg') no-repeat;
    background-size:100% 100%;
    z-index: 1111111;
}
*/

.form .form-item.clickable .radio-group label{
	user-select: all;
	width: 0px;
	float: left;
	clear: left;
	width: 12px;
    height: 12px;
    margin: 6px 6px 0px 0px;
    padding: 6px 6px 0px 0px;
}

.form .form-item.clickable .radio-group label:first-child{
    margin-bottom: 35px;
}

.form .form-item.clickable .radio-group .span{

    display: block;
    margin-bottom: 3px;
    position: relative;
    /* font-size: 15px; */
    padding: 0px;
    margin-left: 25px;

    /*margin-bottom: 1px;
    float: left;
    font-size: 16px;*/
    /*
    width: 93%;
    width: 95%;
    /*
	display: block;
    margin-top: 0px;
	position: relative;
	padding: 0px;
	*/
}
/* .form .form-item.clickable .radio-group .span span{
    
    float: right;
    padding-top: 1px;
    width: 97%;
   
} */

/* .form .form-item.clickable .radio-group .span span span{
   float: left;
    width: auto;
} */
.form .form-item.clickable .radio-group .span span span span{
    /*float: left;*/
    width: auto;
}
/* .form .form-item.clickable .radio-group .span span span span span{
   float: left;
    width: auto;
} */

.dynamic-block .item{
	margin-bottom: 10px
}
.dynamic-block table{
	width: 100%;
}
	.dynamic-block table td{
		padding: 0px 3px;
		text-align: center
	}
	.dynamic-block table td .selectbox{
		width: 70px;
	}
	.dynamic-block table td input{
		width: 80px;
	}



.delete-button{
	cursor: pointer;
}


.highlight{
	color: #000000;
	background: yellow !important;
    display: inline;
    font-style: 15px;
}

.un-highlight{
    color: #000000;
    background: #ffffff;
    font-style: normal !important;
}


*.searchResult{
	color: #000000;
	background: #FDE664;
    font-style: normal !important;
}

.alert{
    color: #dd4814;
}

#loading {
    display: none;
}

#loading .loading{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    opacity: 0.5;
    z-index: 111111111111;
    top: 0px;
    left: 0px;
}

#loading .img{
    position: fixed;
    height: 141px;
    width: 141px;
    border: 1px solid #eaebe6;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    background: url("/img/loading.gif") no-repeat;
    opacity: 1;
    z-index: 11111111111;
}

#loading2 {
    display: none;
}

#loading2 .loading{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    opacity: 0.5;
    z-index: 111111111111;
    top: 0px;
    left: 0px;
}

#loading2 .img{
    position: fixed;
    height: 141px;
    width: 141px;
    border: 1px solid #eaebe6;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    /*background: url("/img/please_wait.png") no-repeat;*/
    background: url("/img/loading.gif") no-repeat;
    opacity: 1;
	z-index: 11111111111;
	border-radius: 50%;
}
#accordion .left{
    margin-right: 1%;
    float: left;
    width: 49%;
}
#accordion .right{
    float: right;
    width: 49%;
}

#accordion li h1{
    padding-bottom: 0px;
    cursor: pointer;
}
#accordion li h2{
    padding-top: 20px
}
#accordion li h1:before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/accordion-icons.png) right;
    margin: 0px 20px -2px 0px;
}
#accordion li h1:hover:before{
    opacity: 0.8;
}
#accordion li .toggleBlock{
    display: none
}
#accordion li.open .toggleBlock{
    display: block
}
#accordion li.open h1:before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/accordion-icons.png) left;
    margin: 0px 20px -2px 0px;
}


.t-center{
    text-align: center
}

.buttonsDiv a{
    cursor: pointer
}
.buttonsDiv a:hover{
    opacity: 0.8
}
.popup-box .bottom{
    padding: 20px 50px;
}
.buttonsDiv a.cancel.blue{
    background-color: #005ead;
    position: absolute;
    right: 0;
    top: 10px;
}

.table td a.link{
    cursor: pointer;
}

/* .likeATable{
} */

.likeATable .tr{
    overflow: hidden;
    display: table;
}

.likeATable .tr:hover{
    background: #f8f7f3;
}
.likeATable .th{
    font-size: 16px;
    color: #fff;
    background: #7a7267;
    text-align: left;
    padding: 10px 12px;
    vertical-align: middle;
    border: 1px solid #7a7267;
    border-right: none;
}
.likeATable .th:last-child{
    border-right: 1px solid #7a7267;
}

.likeATable .td{
    font-size: 15px;
    color: #000000;
    text-align: left;
    border: 1px solid #eaebe6;
    border-right: none;
    border-top: none;
    padding: 9px 12px;
}
.likeATable .td:last-child{
    border-right: 1px solid #eaebe6;
}
.likeATable .th, .likeATable .td{
    display: table-cell;
    width: 250px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.likeATable .arrow-link{
    cursor: pointer;
}

.likeATable .hidden{
    background: #f8f7f3;
    display: none;
}
.likeATable .hidden > .tr .td{
    padding-left: 42px;
    height: 100%;
}


.likeATable>.tr.open .arrow-link:before{
    -moz-transform: scale(1) rotate(90deg);
    -webkit-transform: scale(1) rotate(90deg);
    -o-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
}
.likeATable>.tr:not(.open) .arrow-link:before{
    background-color: #00a7e5
}

.link-inverse{
    cursor: pointer;
}
.link-inverse:before{
    content: '';
    background: url(../img/link-arrow.png) right center no-repeat;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin: -1px 14px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
table.dataTable tbody .drag {
    background: url("/real/img/dragndrop-icon.jpg") no-repeat scroll center rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 40px;
    min-width: 40px;
    text-align: center;
    width: 40px;
    vertical-align: middle;
}

.table td{
    height: 40px !important;
    padding: 5px 15px !important;
    vertical-align: middle !important;
}

/* added table in results */
.question-review-fields {
    color: #000000;
}
.question-review-fields td {
    padding: 5px 10px;
}

/*
 ============================================ Client Side Remade ==============================================
*/

.text.large h3{
    font-size: 22px;
    font-weight: 700;
}

.h1 {
    font-family: MyriadProLight;
    font-size: 30px;
    color: #000000;
}
.delivery-options.h1 {
    margin: -10px 0 25px 0;
}
.underline {text-decoration: underline;}

/* Score block text after arrow alignment */
#score_block table td:first-child{
    padding-left: 40px !important;
}
#score_block table td:first-child .arrow-link {
    margin-left: -30px;
}
input[type="text"],input[type="password"] {
    line-height: 34px;
}
.inputDiv {float: left;}
.clear {
    height:0 !important;
    overflow:hidden;
}

/* height of pagr (no-scrolling) fo exam */
.passage_page {
    margin-bottom: -70px;
    color: #000000 !important;

}
.passage_page .after-info {
    padding-top: 5px;
}



/*
.passage_page .form .form-item{margin-bottom: 0;}
.passage_page #passage, .passage_page #questions {height: 540px; overflow: auto; position: relative;}
.passage_page #passage .passage {padding: 10px; padding-top: 0px; min-height: 510px; overflow: auto;}



.passage_page .form .form-item{margin-bottom: 0;}
.passage_page #passage,.passage_page #questions {
    overflow: auto;
    position: relative;
    height: 540px;
}
.passage_page #passage .passage {
    padding: 10px;
    padding-top: 0px;
    min-height: 510px;
    overflow: auto;
}
*/

.passage_page .form .form-item{margin-bottom: 0;}
.passage_page #passage,.passage_page #questions {
	height: 820px;

}
.passage_page #passage .passage {padding: 10px; padding-top: 0px;}/*min-height: 510px;}*/


.passage_page img{
    max-width: 800px;
    height: auto !important;
}
.passage_page img{
    /* width: unset !important;
    height: unset !important; */
}

.passage_page .after-info > div {
    margin-top: 0 !important;
}
.passage_page .mCustomScrollbar {
    padding:0 !important;
}
.passage h2{
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
}
.passage p{
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    background: inherit;
}

.question h2{
    margin: 0px;
    padding-left: 10px;
}
.question p{
    margin: 0px;
}

.clickable ul{
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
}

/* styles for CKEDITOR */
strong {font-weight: bold;}
ul,ol {margin: 10px 0;}
ul {list-style: disc;}
ol {list-style:numeric;}
em,i {font-style: italic;}

.radio-group table{
    font-size: 13px !important;
}

.answer-desc table td, .answer-sol table td{
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px !important;
}

.answer-desc table tr, .answer-sol table tr{
    border: none;
}

.small-p{
    font-size:14px;
    font-weight: normal;
    padding-left: 11px;
}
*|html[xmlns*=""] .small-p {
    padding-left: 5px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .small-p{
        padding-left: 5px;
    }
}
:root .small-p {
    padding-left: 5px;
}


#reviews{
    margin: 0;
    padding-left: 30px;
    padding-top: 60px;
    position: absolute;
    width: 95%;
}


small{
    font-size: 16px;
    color: #000000;
}
.close-highlight{
    background: url("/img/menu-close.png") no-repeat;
    height: 15px;
    position: absolute;
    width: 15px;
    margin-left: -8px;
    margin-top: -3px;
    cursor: pointer;
}
i{
    background: inherit;
    font-style: 15px;
    font-style: inherit;
}
.hi-pop-up{
    position: absolute;
    margin-bottom: -15px;
    background: #ffffff;
    /*padding: 5px;*/
    border: 1px solid #d5d5d5;
    color: #ff5427;
    z-index: 111111;
    display: none;
}
.scor{
    width: inherit;
    display: block;
    cursor: pointer;
    text-decoration: none;
}
.scor img {
    width: 30px;
    margin: 7px;
    float: left;
}
.scor span {
    padding-top: 17px;
    display: block;
}










































/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/



text{
    font-family: "Times New Roman" !important;
}

.tick{
    background: url(/img/tick-icon.png) no-repeat 21px 11px;
    cursor: pointer;
}
.an-tick{
    background: url(/img/an-tick-icon.png) no-repeat 21px 11px;
    cursor: pointer;
}

form{
    display: block !important;
}


/* -------------------- pagination ----------------------- */

/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
.paginationControl {
    padding: 3px;
    margin: 3px;
    text-align:center;
    margin-top: 20px;
}

.paginationControl a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    text-decoration: none; /* no underline */
    color: #036CB4;
}

.paginationControl a:hover,
.paginationControl a:active {
    border: 1px solid #999;
    color: #666;
}
.paginationControl .current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #036CB4;
    font-weight: bold;
    background-color: #036CB4;
    color: #FFF;
}
.paginationControl .disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}

.err-comment{margin-bottom: 10px;}
.error-saved-message{color:grey;}
.save-err-comment-pending,.save-err-notes-pending{background: grey !important;border-color: grey !important;}
.buttonsDiv a.archive-button {
    background: grey url("../img/save-icon.png") no-repeat scroll center center;
}
.button.hi-save {
    background: grey url("../img/save-icon.png") no-repeat scroll center center !important;
    padding: 0 10px !important;
    margin: 0 !important;
}

/* slides before-after exam */
#slidesBlock .slide-item {
    display:none;
}
#slidesBlock .slide-item.active {
    display:block;
}
#slidesBlock .fright.double .curr {
    min-width: 110px;
    width: auto;
}

/* new design tasks */
.exam-top-bar-buffer {	
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 20px;
	background-color: #006daa;
	color: white;
	height: 47px;
    margin: 0 -1% 0 -1%;
}

.exam-title-user{
	font-size: 15pt;
	top: 3px;
	position: relative;
	line-height: 32px;
}

.toprightCounter{
	background-color: transparent;
	font-size:16px;
    position: absolute;
    right: 1%;
    top: 25px;
	display: inline-block;
}

.toprightTimer{
	font-size: 16px;
	float: right;
    right: 1%;
    top: 0;
	display: inline-block;
	background-color: transparent;
}

.exam-top-bar {
    height: 30px;
    background: #80aee0;
	margin: 2px -1% 2px -1%;
    text-align: center;
}

.exam-top-bar span{
	float: left;
	color: white;
	font-size: 12pt;
	font-family: Verdana;
	margin-left: 1%;
}

.exam-top-bar span:hover{
	color: yellow;
	cursor: pointer;
}

.exam-top-bar a{
	outline: none;
	text-decoration:none;
	float: left;
	color: white;
	font-size: 12pt;
	font-family: Verdana;
	margin-left: 1%;
}
.exam-top-bar a img{
	outline: none;
	text-decoration:none;
	
}



.exam-top-bar .flagCls{
    float: right;
    margin-right: 2%;
    position: relative;
    bottom: -1px;
    width: 172px;
}

#flagForReviewIcon{
	background: url(../icons/flag.gif) no-repeat;
    display: inline-block;
    width: 30px;
    height: 22px;
}

.isMarked #flagForReviewIcon{
	background: url(../icons/flag_yellow.gif) no-repeat;
}

.exam-top-bar img{
	position: relative;
	top:4px;
}

#highlightButton{
	border: 1px white solid;
	background-color: yellow;
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;
	top: 2px;
}

#downPointer{
	font-size: 10px;
	display: inline;
}
.pauseBar{
	text-align: center;
}

.exam-top-bar i{
	font-size: 10px;
}


.tcenter{text-align:center}
.questionCount{float: left;}
.timeCount{
    float: right;
    line-height: 22px;
    font-size: 16pt;
}
.timeCount b{
    float: right;
}
button.same {
    height: 25px;
	width: 60px;
	padding: 0;
    margin-top: 1px;
    cursor: hand;
    cursor: pointer;
    FONT-FAMILY: Verdana;
	FONT-SIZE: 12pt;
	border: 2px outset;
	background-color: #f1f1f1;
	border-color: #dddddd #d4d4d4 #d4d4d4 #dddddd; 
}


.question p{
	padding-left: 16px;
}

#passage{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-color: white;
	width: 48.5%;
	float: left;
	margin-left: 1%;
	overflow-y: auto;
}

#questions{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-color: white;
	width: 48.5%;
	padding: 10px;
	float: right;
	margin-right: 1%;
	overflow-y: auto;
}

/*playing with scrollbar to bring it back to default*/



.hlite-menu{
	display: flex;
    position: fixed;
    top: 78px;
    left: 1%;
    flex-direction: column;
    border: 1px solid;
    background-color: #006daa;
    width: 189px;
    align-items: flex-start;
    height: 60px;
    justify-content: space-evenly;
}



.hlite-menu > div{
	width:100%;
	display: flex;
    flex-direction: row;
    white-space: nowrap;
}

.yellow-box, .empty-box{
	min-width: 20px;
	max-width: 20px;
	min-height: 20px;
	max-height: 20px;
	border: 1px white solid;
}
.yellow-box{
	background:yellow;
}

.QAdiv{
	margin: 0 -1% 0 -1%;
	user-select: text;
}

#questions h3{
	padding: 30px 0 5px 15px;
	background-color: white;
	color:black;
	font-weight: bolder;
}

#questions .paren{
	font-size: 12pt;
	margin-top: 12px;
	padding-left: 36px;
	width: fit-content;
}
.paren  span{
	font-size: 12pt;
}

#questions .paren:focus{
	outline: none;
}
#questions .paren:focus .label{
	outline: 1px solid;
}


#passage p{
	padding-bottom: 10px;

}
#passage h3{
	padding-bottom: 8px;
}






#review{
	float: left;
	width: fit-content;
	background-color: transparent;
	border-width: 0 1px 0 0;
	color: white;
	font-size: 18px;
	font-family: "Verdana";
}


#bottomDiv{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 38px;
	background-color: #006daa;
	z-index: 9;
	font-family: "Verdana";
	color: white;
	font-size: 18px;
	padding: 5px 1% 0 1%;
	white-space: nowrap;
}

#bottomDiv a{
	color: white;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	width: fit-content;
	height: 32px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#bottomDiv a:hover{
color:yellow;
cursor: pointer;
}

html{
	user-select: none;
}


.exam-top-bar span:hover i{
	color: white;
}
 
#prev:disabled{
	visibility: hidden;
}

#bottomDiv img{
	vertical-align: middle;
	outline: none;
	padding: 0;
	margin: 0;
	position: relative;
}
#bottomleftCorner img{
	margin-right: -5px;
}

#bottomrightCorner{
	float: right;
	padding-right: 1.8%;
	border-width: 0 1px 0 0;
	border-color: white;
	display: block;
	white-space: nowrap;
}


a:hover .navQuest{
	background: url('../icons/navigation_yellow.gif') no-repeat;
	width: 28px;
	height: 32px;;
	display: inline-block;
}

#bottomleftCorner{
	float: left;
	white-space: nowrap;
	display: block;

}

#bottomleftCorner a{
	border-right: 1px white  solid;
	padding-right: 6px; 
	margin-left: -5px;
}

a#revScreen{
	padding-left: 5.5px;
}

#bottomrightCorner a{
	border-left: 1px white  solid;
	padding-left: 6px;
	
}

a#prevLink {
	padding-left: 0;
	
}




.button.same.start-break {
    margin-top:2px;
    font-size: 17px;
}
.button.same.exhibit{
    margin: 7px 0;
    border: 1px solid #000;
    background-color: #E0E0E0;
    color: #000;
    font-size: 17px;
}
#mark.active{
    background: url(../img/marked_flag.png) no-repeat 80px 2px #FFF;
    padding-right: 20px;
}
#mark.active:after{
    content: '   ';
}
.user-row {
    cursor: pointer;
}
.top-space {
    height: 55px;
}


/*****************Periodic Table**********************/

#periodicTableDiv{
    width: 1052px;
    height: 782px;
    max-width: 1052px;
    max-height: 782px;
    min-height: 327px;
    min-width: 400px;
    border: 2px solid black;
    top: 0px;
    background-color: #006daa;
    position: absolute;
    margin: -391px 0 0 -522px;
    top: 50%;
    left: 50%;
    z-index: 997;
}

#ptHeader{
	height:32px;
	position: relative;
	border-bottom: 1px solid white;
	cursor: move;
}
.xTopRight{
	cursor: pointer;
}

.pTableTitle{
top: 5px;
left: 38px;
position: absolute;
width: 200px;
color: white;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 16px;
}

.iconTopLeft{
	position: absolute;
}

.xTopRight{
	position: absolute;
	top:2px;
	right: 3px;
}

#ptBody{
	background-color: white;
	position: relative;
	margin-left: 11px;
	margin-right: 18px;
	border-top: 1px solid white;
}

#ptFooter{
	height: 42px;
	position: absolute;
	background: #006daa;
	bottom:0;
	width: 100%;

}

#ptFooter span{
	color:white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	position: absolute;
	bottom: 2px;
	right: 40px;
	cursor: pointer;
}

#xBottomClose{
	position: relative;
	top:4px;
}

#expandBR{
	position: absolute;
	bottom: 0;
	right: 0;
}


/*****************************************************/
	
/******************** Icons change on hover  *******************/

.disabled{
	visibility: none;
	display: none !important;
}

a:hover img{
	visibility: hidden;
}

a:hover .rightarrow{
	background: url('../icons/right_arrow_yellow.gif') no-repeat;
	width: 28px;
	height: 32px;;
	display: inline-block;
}

a:hover .leftarrow{
	background: url('../icons/left_arrow_yellow.gif') no-repeat;
	width: 28px;
	height: 32px;;
	display: inline-block;
}

a:hover .periodicTableIcon{
	background: url('../icons/periodic_table_yellow.gif') no-repeat;
	width: 33px;
	height: 32px;;
	display: inline-block;
}

.timerSpan:hover{
	color:yellow;
}


#strkThr:hover .strkThr {
	background: url('../icons/pencil_yellow.gif') no-repeat;

}

#strkThr:hover{
	color:yellow;
	cursor: pointer;
}

#hlite:hover {
	color: yellow;
	cursor: pointer;
}

#strkThr .strkThr{
	background: url('../icons/pencil.gif') no-repeat;
	width: 19px;
	height: 19px;
	margin-right: 5px;
	margin-top: 3px;
	margin-left: -5px;

}

.timerSpan{
	display: flex; padding-right: 18px;
}

.timerSpan:hover{
	color: yellow;
	cursor: pointer;
}

.timerSpan:hover .timerIcon{
background: url('../icons/timer_yellow.gif') no-repeat;

}

.timerIcon{
	background: url('../icons/timer.gif') no-repeat;
	display: inline-block;
	height: 32px;
	width: 28px;
	margin-top: 4px;
}


.counterSpan{
	display:inline-flex;
}

.counterSpan:hover
{
	color: yellow;
	cursor: pointer;
}


.questionCounterIcon{
	background: url('../icons/questions_toggle.gif') no-repeat;
	height: 18px;
	width: 31px;
	margin-top: 4px;
}

.counterSpan:hover .questionCounterIcon{
	background: url('../icons/questions_toggle_yellow.gif') no-repeat;
}



#strkThr{
	height:19px;
	display: flex;
}

/*********************************************/

/****************Navigation Popup******************/

#navigation{
	width: 1000px;
	max-height: 819px;
	position: absolute;
    background-color: #006daa;
    border: 2px solid black;
    z-index: 997;
    min-width: 580px;
	min-height: 210px;
    margin: -300px 0 0 -500px;
    top: 50%;
	left: 50%;
}

#navigationHeader .navIcon{
	background: url('../icons/navigation.gif') no-repeat;
	width:28px;
	height: 32px;
	margin-top: -3px;
	margin-left: 10px;
	padding-right: 2px;
}

#navigationHeader {
	padding-top: 3px;
	display: flex;
	color:white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	border-bottom: 1px white solid;
	height: 30px;
}

.navigationTable{
	width: 98.5%;
	max-height:600px ;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13pt;
	margin: 0 .75% 0 .75%;
	padding-top: 2px white;
	overflow-Y: scroll;
    overflow-x: hidden;
    min-height: 98px;
    min-width: 567px;
    position: relative;
    height: 450px;
	background-color: white;
	display: inline-block;
	margin-bottom: 50px;
	padding-bottom:110px;
}
.navigationTable tbody{
	width: 100%;
	max-width: 100%;
	display: table;
}


.navigationTable th{
	background: #80aee0;
	color: white;
	border: white solid 1px;
}

.navigationTable td{
	border: black solid 1px;
	padding-left: 4px;
}

.incompleteRemaining {
	position: fixed;
	bottom: 0;
	left: 22px;
	font-weight: bolder;
	padding-bottom: 16px;
}

.navigationTable tbody tr:nth-child(even){
	background-color: rgb(240, 240, 240);
}
.navigationTable tbody tr:hover{
	background-color: yellow;
	cursor: pointer;
}
.navigationTable tbody .review-question:hover :first-child {
	color: #005ead;
	text-decoration: underline;
}

.navFlag{
	background: url('../icons/flag_blue.gif') no-repeat;
	width: 23px;
	height: 17px;
	display: inline-block;
}

/**************************************************/



/*****************Reviews Section******************/

#reviews_top{
font-family: Verdana, Geneva, Tahoma, sans-serif;

overflow:hidden;
}

#reviews{
	overflow-x: hidden;
	top: 0;
	left: 0;
	position: absolute;
	background: white;
	width: 100%;
	padding:0;
	margin:0;
	font-size: 15px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	z-index: 3000;
	overflow:hidden;
	height: 100%;
}

#reviews_contents{
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	background-color: #006daa;
	height: 100%;
}
#reviews_contents > *{
	background: white;
}

.reviews_top_row1{
	height: 47px;
	background-color: #006daa;
	margin: 0 0 0 0;
	color: white;
}

.reviews_top_row2{
	height: 30px;
	background-color: #80aee0;
	margin: 2px 0 2px 0;
}
.reviews_top_row3{
	height: 29px;
	background-color: #a6a6a6;
	margin: 2px 0 0 0;
	text-align: center;
	display: flex;
    justify-content: center;
}

#class-mode-button {
	color: white;
	border: 1px white solid;
	background: #006daa;
	padding: 4px;
	font-weight: bold;
	cursor: pointer;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.classroom-mode {
	color: #006daa;
    text-indent: 20px;
    padding-left: 60px;
}

.hideable{
	overflow-x:hidden;
	overflow-y:auto;
}

#questions_parent {
	overflow-x:hidden;
	background-color: white;
}
#questions_container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
	max-height: 800px;
	padding-left: -1px;
	background-color: white;
	overflow-y: hidden;
}
#questions_container > * {
	height: 28px;
	border: black solid 0px;
    border-right: black solid 1px;
    border-bottom: solid black 1px;
	width: 32.5%;
	margin: 0;
	font-size: 16px;
	padding: 5px 12px 5px 0px;
}

#reviews_top h1{
    text-align: center;
	font-size: 18px;
    font-weight: bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 22px 0 8px 0;
    margin: 0;
}

#reviews h2{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12pt;
    color: white;
	padding: 0;
	min-width: 100%;
    display: inline-block;
    margin: 0;
    background: #80aee0;
}

.tabHeader:hover{
	cursor: pointer;
}

#reviews h2 span{
	border: 1px solid white;
    width: 28px;
    height: 24px;
    padding-top: 2px;
    text-align: center;
    display: inline-block;
    margin: 4px;
}

#review_instructions{
	
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: 550;
} 

#review_instructions p{
	font-size: 12pt;
}

#sectionReview_bottom{
	position: fixed;
	text-align: right;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #006daa;
	padding: 0;
	margin: 0;
	height:38px;
	padding-top: 5px;
	vertical-align: middle;
}

#sectionReview_bottom > *{
	background: transparent;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	border: none;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#end_sec{
	float: left;
	border-right: white solid 1px;
	padding-right: 8px;
}


#exit_icon{
	display: inline-block;
	background: url('../icons/finish_icon.gif') no-repeat;
	height: 28px;
	width: 24px;
	margin-bottom: -4px;
	margin-left: 4px;
}


#sectionReview_bottom label{
	float: right;
	padding-right: 8px;
	border-left: 1px white solid;
	margin-left: 8px;
}



.review_all_icon{
	display: inline-block;
	background: url('../icons/review_all.gif') no-repeat;
	height: 28px;
	width: 28px;
	margin-bottom: -4px;
	margin-right: 4px;

}

.review_flagged_icon{
	display: inline-block;
	background: url('../icons/Review_Mark.gif') no-repeat;
	height: 28px;
	width: 28px;
	margin-bottom: -4px;
	margin-right: 4px;
}

.review_incomplete_icon{
	display: inline-block;
	background: url('../icons/x_white.gif') no-repeat;
	height: 28px;
	width: 28px;
	margin-bottom: -4px;
	margin-right: 4px;
}

#sectionReview_bottom > *:hover{
	color: yellow;
	cursor: pointer;
}

*:hover >.review_all_icon{
	background: url('../icons/review_all_yellow.gif') no-repeat;
}
 #end_sec:hover #exit_icon{
	background: url('../icons/finish_icon_yellow.gif') no-repeat;
}

*:hover > .review_incomplete_icon{
	background: url(../icons/yellow_x.gif) no-repeat;
	}


*:hover > .review_flagged_icon{
	background: url('../icons/Review_Mark_yellow.gif') no-repeat;
}


#questions_container div:hover :first-child{
	color: blue;
	text-decoration: underline;
} 
#questions_container div:hover {
	cursor: pointer;
}

.revFlaggy{
	background:url('../icons/Review_unmarked_flag.gif') no-repeat;
	width:34px;
	height:25px;
	display: inline-block;
	margin-bottom: -6px
}

.flagged{
	background:url('../icons/Review_marked_flag.gif') no-repeat;
}

/**************************************************/

/****************Score Report**********************/

#leftBlueLine {
	position: fixed;
	width: 1%;
	height: 100%;
	top: 108px;
	left: 0;
	background-color: #006daa;
}
#rightBlueLine {
	position: fixed;
	width: 1%;
	height: 100%;
	top: 108px;
	right: 0;
	background-color: #006daa;
}
#fixed_bottom{
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #006daa;
	width: 100%;
	z-index: 20000000;
	height: 39px;
}

#fixed_bottom *{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
	margin-bottom: -5px;
}
#fixed_bottom *>span{
	margin-right: 4px;
}

#fixed_bottom a , #fixed_bottom label{
	background: transparent;
	border: 0;
	margin: 4px 0 0 0;
	padding: 0 20px 0 10px;
	float: right;
}

#fixed_bottom label{
	border-left: 1px white solid;
}

#layoutHeader{
	position: fixed;
    width: 100%;
    top: 0;
    z-index: 20000000;
    background-color: white;
}

.PrintIcon{
    background: url(../icons/print_icon.gif) no-repeat;
    width: 32px;
    height: 24px;
    display: inline-block;
}

.EndIcon{
	background: url(../icons/circle_X.gif) no-repeat;
    width: 32px;
    height: 24px;
	display: inline-block;
	
}
#end_print a{
border-right: 1px white solid;
height: 30px;
}

#export_to_flagged span{
	margin-right: 4px;
    margin-bottom: -6px;
}

#export_to_flagged *:hover{
	color: yellow;
	cursor: pointer;
}
#end_print *:hover{
	color: yellow;
	cursor: pointer;
}

*:hover>.PrintIcon{
	background: url(../icons/print_icon_yellow.gif) no-repeat;
}

*:hover>.EndIcon{
	background: url(../icons/circle_X_yellow.gif) no-repeat;
}



.altiusLogo{
	margin-top: 20px;
    width: 176px;
    height: 100px;
    display: flex;
    align-items: center;
}
.altiusLogo img {
	width: 174px;
}

#user_exam_info {
    display: flex;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12pt;
    color: #0a205b;
    flex-direction: column;
    justify-content: space-evenly;
}


#score_header{
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.blueLine, .skyblueLine{
    height: 24px;
    width: 1300px;
    display: table;
    margin-left: -150px;
    background-color: #006daa;
}
.skyblueLine{
	background-color: #80aee0;
	margin-bottom: 30px;
}

#blocks_container tbody{
	display: contents;
}


/**************************************************/


/*****************Popups******************/


#popup-box-pause a{
	color: white;
	padding: 3px 5px;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	border: 1px white solid;
}

#popup-box-pause>*{
	background :#006daa;
	color: white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	border:  1px black solid;

}


#popup-box-pause .bottom{
border-top: none;
}


#popup-box-pause .top{
	border-bottom: none;
	border-top: none;
	text-align: left;
}

#popup-box-pause .popup-header{
	padding: 4px;
	border-bottom: white 1px solid;
}

#endsection_all>*{
	background-color: #006daa;
	color: white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}


#endsection_all> .end_section_header{
	background-color: #80aee0;
	padding: 4px;
	border-bottom: 1px white solid;
}

#endsection_all .top{
	text-align: left;
}

#endsection_all .bottom > *{
	color: white;
	padding: 3px 5px;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	border: 1px white solid;
}

.EndSectionClose{
	background: url(/real/icons/pTable_x.gif) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	float: right;
}

.warningIcon{
    background: url(../img/warning.jpg) no-repeat;
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    top: 64px;
    left: 20px;

}

#endsection_all .top{
	padding-left: 80px;
}

.EndSectionClose,
#endsection_all .bottom >*,
#popup-box-pause a {
	cursor: pointer;
}


#popup-box-pause{
	z-index: 9999999999;
}

#endsection_all{
    width: 700px !important;
	top: 25% !important;
    border: 2px solid black !important;
}
/**************************************************/


/******************Delivery Options*****************/

#testDelivery {
	background: #4f098a;
	border-bottom: 1.8px #DDD solid;
	width: 100%;
}

#testDelivery .inner{

	color:white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 17px;
	margin-bottom: 5px;
}

.white-logo{
	text-decoration: none;
    outline: none;
    width: 96px;

}
a:hover img.white-logo{
	visibility: visible;
}

#testDelivery #logoDiv a{
	background: none;
}


  fieldset {
	border-style: solid;
	border-color: rgb(235, 228, 228);
	height: fit-content;
}

legend{
	color: grey;
}

.selection-group{
	background-color: white;
	width: 100%;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
	display: inline-block;
	margin-bottom: 5px;
}

a.with-arrow-right.start{
	color:white;
	background-color:  #4f098a;
	outline: none;
	text-decoration: none;
	border: 1.5px solid white;
	border-left-color: #903fd3;
	border-top-color: #963ae2;
	border-bottom-color:#1b042e;
	border-right-color: #1d0431;
	float: right;
	font-size: 16px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding: 5px 10px;
	cursor: pointer;
}

#testDeliv  .fright{
	margin-bottom: 40px;
}




/**************************************************/


#exam_block{    
	height: auto;
	overflow-y: auto;
	overflow-x: none;
	margin-bottom: 20px;
	margin-top: 5px;
	margin-right: -4%;
	margin-left: -4%;
	
}


#exam_score_review{
	position: fixed;
	bottom: 0;
	height: 39px;
	background-color: #006daa;
	width:	100%;
	margin-left:-2%;
	margin-right: -4%;
	padding-left: 1%;
	vertical-align: middle;
	color: white;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
	z-index: 200;

}

#exam_score_review a{
	outline: none;
	text-decoration: none;
	color: white;
	
}

#exam_score_review a:hover{
	color:yellow;
	cursor: pointer;
}


#exam_score_review a#periTableLink{
	padding-left:10px;
}

#exam_score_review img{
	margin-bottom:-8px;
}

a > .rightArrowLine{
	width: 30px;
	background: url(../icons/right_arrow_line.gif) no-repeat;
	height: 25px;
	display: inline-block;
    margin-left: 2px;
    margin-bottom: -2px;
}

a:hover > .rightArrowLine {
	color: yellow;
	background: url(../icons/right_arrow_line_yellow.gif) no-repeat;
	
}

#block_P{
	overflow-y: auto;
	height: inherit;
	width: 47%;
}

#block_Q{
	overflow-y: auto;
	height: inherit;
}

#exam_block #solution{

	position: fixed;
	top: 82px;
	left: 45%;
	z-index: 20000001;
	background: #f1f1f1;
	height: 24px;
	font-size: 14px;
	padding:0;
	padding-left: 2px;
	padding-right: 2px;
	color: #000;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	border-width: 2px;
	border-color:#dddddd #a8a8a8 #a8a8a8 #dddddd;
}

#PQdiv{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.passageName{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.passageText{
	
	margin-left: 25px;
	margin-right: 25px;
}

.questionName{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.questionText{

	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.questionChoices{
	font-size: 16px;
	margin-left: 66px;
	margin-right: 30px;
}

.questionChoices> div{
	margin-bottom: 15px;
}

.explain{
	margin-left: 35px;
	color: #3563ea;
}

.questionIcons{
	margin-bottom: -54px;
	display: table-caption;
}

.coverPage{

	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-justify: auto;
	-webkit-margin-start: auto;
    -webkit-margin-end: auto;
    width: 440px;

}
.coverPage p {
    padding-bottom: 22px;
	text-align: justify;
	
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.coverPage h2{
	text-align: center;
    font-size: 17px;
    font-weight: bolder;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-bottom: 19px;
}

.coverPage h1 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    text-align: center;
}

.FirstPageSection1, .FirstPageSection2 , .FirstPageSection3, 
.FirstPageSection4{
	display: none;
}

#coverHolder{
	position: absolute;
	top:110px;
	left: 1%;
	width: 98%;
	background: white;
	overflow-y: auto;
	z-index: 19000;
	
	justify-content: center;
}

.instructions_content{
	font-size: 12pt;
	font-weight: normal;
	height: 226px;
}
.instructions_content p{
	padding-top: 18px;
    margin: 0;
}
#review_instructions  ol{
	padding-top: 16px;
    margin: 0;
}
#review_instructions ol li{
	line-height: 20px;
}

.questionData{
	margin-left: 43px;
	color: #3563ea;
	margin-bottom: 30px;
}

.conceptID, .contentID , .disciplineID, .sientificID{
	display: inline-block;
}

.conceptData, .contentData , .disciplineData, .sientificData{
	margin-bottom: 30px;;
}


.userFeedback{
	margin-top: 30px;
	margin-left: 35px;
}

.userFeedback>*{
	margin-top: 20px;
	margin-bottom: 20px;
}

.missedBecause .selectbox{
	display: inline-block;
    margin-bottom: -13px;
    margin-left: 41px;
    position: relative;
}
.reportingTypo{
	margin-top: 55px;
}

/**************************************************/

/******************Break popup******************/

#break_active {
    width: 490px !important;
    height: 750px !important;
    border: 2px black solid;
    background-color: #e0e0c2;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13pt;
    flex-direction: column;
    outline: 1000px solid #006daa;
    position: fixed;
    top: 130px;
    left: 39%;
}
.ui-dialog{
	outline:none;
}

#break_active:focus{
	outline:none;
}

.break_header {
    background: #006daa;
    color: white;
    font-family: verdana;
	padding: 5px;
	border-bottom: 1px white solid;
}

.white_box {
    background-color: white;
    height: 395px;
    width: 469px;
    margin: 10px;
}

#break_active legend{
	color: black;
}
#break_active fieldset{

	border: black 1px solid;

}

#break_active fieldset >*{
	margin-bottom: 19px;
	color: black;
}

.break_info{
	margin:10px;
}

.popup-link-endbreak{
    margin: 0;
    background-color: #e0e0c2;
    border: 2px black solid;
    color: black;
    font-size: 14pt;
    padding: 6px 18px;
}

.popup-link-endbreak:hover{
	
	background: #80aee0;
	border: black 2px solid;
	cursor: unset;
}

#resumeDiv{
	text-align: center;
}



#break {
    position: fixed !important;
    top: 25% !important;
    width: 546px !important;
    height: 345px !important;
    border: 2px black solid !important;
    background-color: #e1decc !important;
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
	font-size: 13px !important;
	z-index: 20000;
	outline: 1000px solid #006daa;
}

#fullscreen-blue-background{

	height: 100%;
	width: 100%;
	position: fixed;
	background-color: aliceblue;
	z-index: 9999;
	top: 0;
	left: 0;
	
}
.ui-dialog-titlebar-close {
	visibility: hidden;
}

#break p{
	margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 20px;
}
#break .ask_break_info {
	display: flex;
    flex-direction: row;
}

#break .ask_break_info img{
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 15px;
}

#break .blueLineHeader{
	height: 30px;
	background-color: #006daa;
	border-bottom: 1px white solid;
}

.questionBubbleIcon{
	background: url(../icons/question_bubble.gif) no-repeat;
	display: block;
	margin-left: 4px;
}

.breakOptions{
    display: flex;
    line-height: 20px;
    width: 30%;
    justify-content: space-evenly;
    padding-bottom: 5px;
}

.break-footer-options{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
}
.break-body{
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.breakOptions a{
	border: 2px solid black;
	text-decoration: none;
	outline: none;
	color: black;
    font-size: 12pt;
	padding: 4px 20px;
	cursor: unset;

}
.breakOptions a:hover{
    background: #80aee0;
}

.ui-dialog {
	z-index: 20000;
}


/**************************************************/


.passageVideoButton {
    cursor: pointer;
    border-radius: 5px;
    background-color: #8056b5;
    border: 0px black solid;
    color: white;
    padding: 4px 4px 4px 4px;
    width: 215px;
    height: 35px;
    font-size: 10pt;
	font-family: verdana;
	margin: 5px;
	display: none;
}


.videoButton {
    cursor: pointer;
    border-radius: 5px;
    background-color: #00a7e5;
    border: 0px black solid;
    color: white;
    padding: 4px 4px 4px 4px;
    width: 215px;
    height: 35px;
    font-size: 10pt;
	font-family: verdana;
	margin: 5px;
	display: none;
}

#videoModal{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
	height:100%;
	z-index: 200000000;
	background-color: black;
}


#videoModal .close{
	background-color: #56c2ff;
	width: 80px;
	height: 80px;
	border-radius: 51%;
	font-family: verdana;
	font-size: 12pt;
	color: white;
	cursor: pointer;
	top: 2%;
	position: fixed;
	left: 1%;
}

.QAdiv .line-through{
text-decoration: line-through;
}

.flex-center{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 975px;
	margin: 0 auto;
	word-wrap: break-word;
}
.delivery-header-title{
	max-width: 975px;
	margin: 0 auto;
	word-wrap: break-word;
	font-family: verdana;
	width: 98%;
	height: 40px;
	display: flex;
	align-items: center;
}
.delivery-exam-name{
	font-size: 1.3em;
	font-weight: bold;
	color: #474747;
	margin-bottom: .5em;
}
.delivery-select{
	width: 98%;
}

.one-half-em{
	font-size:1.5em;
}
.one-eight-em{
	font-size:1.8em;
}

.grey-666{
	color: #666;
}
.delivery-group {
	padding: 15px;
	width: calc(100% - 30px) !important;
}

.selection-group-start{
	background-color: white;
	display: block;
	box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

.delivery-start {

	cursor: pointer;
	font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #623494;
	border-top: 2px solid #9270b1;
	border-right: 2px solid #4e2d7f;
	border-bottom: 2px solid #4e2d7f;
	border-left: 2px solid #6d4099;
	color: #fff;
	font-weight: 700;
	margin: 0;
	padding: 6px 8px;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	display: flex;
	width: fit-content;
	height: fit-content;
	align-items: center;
	justify-content: center;
}
.delivery-start:hover{
	background-color: #734d9f;
	border-top: 2px solid #9a78b6;
	border-right: 2px solid #653996;
	border-bottom: 2px solid #653996;
	border-left: 2px solid #9a78b6;
}
.delivery-a{
	color: #7a3fbf;
    border-bottom: 1px dotted #7a3fbf;
    text-decoration: none;
	word-wrap: break-word;
	margin-left: 15px;
}



.spinner-loading {
	font-size: 10px;
	/* margin: 50px auto; */
	margin-left: 35px;
	text-indent: -9999em;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	background: #0084d2;
	background: -moz-linear-gradient(left, #0084d2 10%, rgba(0,132,210, 0) 42%);
	background: -webkit-linear-gradient(left, #0084d2 10%, rgba(0,132,210, 0) 42%);
	background: -o-linear-gradient(left, #0084d2 10%, rgba(0,132,210, 0) 42%);
	background: -ms-linear-gradient(left, #0084d2 10%, rgba(0,132,210, 0) 42%);
	background: linear-gradient(to right, #0084d2 10%, rgba(0,132,210, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	display: none;
  }
  .spinner-loading:before {
	width: 50%;
	height: 50%;
	background: #0084d2;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
  }
  .spinner-loading:after {
	background: #ffffff;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  @-webkit-keyframes load3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes load3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }