@charset "utf-8";

* {
	box-sizing: border-box;
	/*    border:0;padding:0;margin:0;text-decoration:none; */
}

.content-table-newux {
	display: inline-block;
	width: 1000px;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: top;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.vertical-middle {
	vertical-align: middle;
}
.vertical-top {
	 vertical-align:top;
}
.text-align-left{
	text-align:left;
}
.text-align-right{
	text-align:right;
}
.text-align-center{
	text-align: center;
}
.right-menu {
	display: inline-block;
	width: 200px; /* 180px; */
	padding-left: 8px;
	padding-top: 5px;
}
.no-margin {
	margin: 0;
}
.margin-top-bottom-0{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.margin-bottom-0 {
	margin-bottom: 0px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-34 {
	margin-top: 34px;
}
.margin-left-6 {
	margin-left: 6px;
}
.margin-left-5 {
	margin-left: 5px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-left-8 {
	margin-left: 8px;
}

.font-small {
	font-size: small;
}
.font-normal {
	font-weight: normal;
}
.font-normal-imp {
	font-weight: normal !important;
}
.font-size-30px-imp{
	font-size: 30px !important;
}
.font-color-{
	
}
.wcag-mainPage-type1{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-weight: normal !important;
	font-size: 30px !important;
	color:#555555 !important 
}
.wcag-mainPage-type2{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-weight: normal !important;
	font-size: 28px;
	color:#555555 !important;
	padding:0px;
}
.font-08em {
	font-size: 0.8em;
}
.font-1em{
	font-size: 1em;
}
.font-12em {
	font-size: 1.2em;
}
.font-bold {
	font-weight: bold;
}
.padding-top-5 {
	padding-top: 5px;
}
.padding-top-7 {
	padding-top: 6px;
}
.padding-top-10 {
	padding-top: 10px;
}
.padding-top-12 {
	padding-top: 12px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.padding-bottom-5 {
	padding-bottom: 5px;
}
.padding-bottom-88 {
	padding-bottom: 88px;
}
.padding-right-5 {
	padding-right: 5px;
}
.padding-right-20 {
	padding-right: 20px;
}
.padding-left-2 {
	padding-left: 2px;
}
.padding-left-5 {
	padding-left: 5px;
}
.padding-left-10 {
	padding-left: 10px;
}
.padding-left-15 {
	padding-left: 15px;
}
.padding-left-20 {
	padding-left: 20px;
}
.padding-10 {
	padding: 10px;
}
.padding-line {
	padding: 5px 2px;
}
.height-10 {
	height: 10px;
}
.height-34 {
	height: 34px;
}
.height-auto {
	height: auto;	
}
.height-40 {
	height: 40px;
}
.width-20 {
	width: 20px;
}
.border-left {
	border-left: 1px solid #cccccc;
}
.border-right{
	border-right: 1px solid #cccccc;
}
.border-bottom{
	border-bottom: 1px solid #cccccc;
}
.border {
	border: 1px solid #cccccc;
}
.line {
	/*display:block;*/
	display:flex;
}
.list-type-none {
	list-style-type:none;
}
.text-underline{
	text-decoration: underline;
}
.display-none {
	display:none;
}
.display-block {
	display:block;
}
.display-inline-block {
	display:inline-block;
}
.border-collapse {
	border-collapse:collapse;
}

.header {
	color: #243670;
	font-weight: bold;
}

.main-show-area {
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #555555;
}

.main-box {
	display: block;
}

.main-box-left {
	float: left;
	margin-right: 15px;
}

body {
	background-image: none;
	background-color: transparent;
	margin: 8px;
}

.container-content {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #555555;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0;
	border: 0;
}

.container-content a {
	font-weight: 600;
	color: #243670;
	text-decoration: none;
}

.container-content a:hover {
	color: #157d9d;
}

.container-content a.normal {
	font-weight: 400;
}
.container-content a.underline {
	text-decoration: underline;
}

.container-content .headline a {
	color: #157d9d;	
}
.container-content .headline a:hover {
	color: #243670;	
}

.container-content .splitter {
	text-align: center;
	display: inline-block
}

.container-content h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 32px;
	color: #546f39;
	padding-top: 0;
	margin-top: 0;
	line-height: 1.2;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.container-content h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 26px;
	padding: 0 0 40px 0;
	color: #157d9d;
	line-height: 1.2;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	border: 0;
	margin: 0;
	text-decoration: none;
}

.container-content h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 19px;
	color: #fff;
	background-color: #458136;
	padding: 0 0 2px 3px ;
	line-height: 1.5;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin: 0;
	border: 0
}

.container-content h3 a {
	color: #fff;
}

.container-content h3 a:hover {
	color: #546f39;
}

.container-content h4 {
	padding: 2px 0px;
	height: 40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin: 2px 0px;
	font-size: 15px;
	color: #243670;
	line-height: 1;
}

.container-content hr {
	margin: 20px 0px;
}

.container-content .textarea {
	width: calc(100% - 6px);
	resize: vertical;
	margin: 0 3px;
}

.container-content .container-sub{
	margin-bottom: 20px;
}

/* ---==== Message ====--- */
div#success {
    width: 1000px;
    padding: 10px 10px 0 10px;
    margin: 0 0 30px 0;
    background-color: #f6f6f6;
    border: 2px solid #58a545;
}
div#success  .title, div#errors .title {
	color: #243670;
	font-weight: 600;
}
div#errors {
    width: 1000px;
    padding: 10px 10px 0 10px;
    margin: 0 0 30px 0;
    background-color: #f6f6f6;
    border: 2px solid #ee3b38;
}
div#errors > ul > li {
    color: #555555;
}
/* ---====  Top Progress Bar  ===---  */
.progress-bar {
	padding-top: 5px;
}

.progress-bar > ul > li > a:focus {
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.75);
}

.progress-bar ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.progress-bar li {
	flex-grow: 1;
	float: left;
	border-right: 2px solid #fff;
}

.progress-bar li:last-child {
	border-right: none;
}

.progress-bar li a {
	display: block;
	min-width: 128px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	background-color: #157d9d;
}

.progress-bar li a.current, .progress-bar li div.current  {
	display: block;
	min-width: 128px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	border-bottom: 2px solid #fff;
	background-color: #11647E;
}

.progress-bar li a.complete, .progress-bar li div.complete {
	display: block;
	min-width: 128px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	background-color: #127FA1;
}

.progress-bar li span {
	display: block;
	min-width: 130px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	background-color: #11647E;
}

.progress-bar li span.inactive {
	display: block;
	min-width: 130px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #E9E9E9;
	font-weight: 400;
	font-size: 12px;
	background-color: #67aabf;
}

.progress-bar li a:hover {
	background-color: #1492b7;
	color: #fff;
	text-decoration: none;
}

/* ---====  Top Progress Bar 2 ===---  */
.progress-bar-2 {
	padding-top: 5px;
}
.progress-bar-2 ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.progress-bar-2 li {
	flex-grow: 1;
	float: left;
	border-right: 2px solid #fff;
}

.progress-bar-2 li:last-child {
	border-right: none;
}

.progress-bar-2 li a, .progress-bar-2 li div {
	height: 50px;
	display: block;
	min-width: 128px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	background: #157E9E url(../css/images/bg-survey-composing-arrow.png) no-repeat right top/50px 100%;
	padding-top: 8px;
}

.progress-bar-2 li a.current, .progress-bar-2 li div.current  {
	display: block;
	min-width: 128px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	background-color: #0B5065;
}

.progress-bar-2 li a.complete, .progress-bar-2 li div.complete {
	display: block;
	min-width: 128px;
	flex-grow: 1;
	text-align: center;
	text-decoration: none;
	line-height: 2;
	color: #ffffff;
	font-weight: 400;
	background-color: #757575;
}

.progress-bar-2 li a:hover {
	background-color: #157E9E;
	color: #fff;
	text-decoration: none;
}

/*  ---====  Styled Radio Buttons  ===---  */

/*  ---====  Survey Select Radio Buttons and Checkboxes - Vertical column  ===--- */
.survey-select input[type=radio]:not(old), .radio-lang-select  input[type=radio]:not(old),
	.container-content input[type=checkbox]:not(old), .si-chart2 input[type=radio]:not(old),
	.list-table input[type=radio]:not(old) {
	width: 2em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	opacity: 0;
	cursor: pointer;
}

.survey-select input[type=radio]:not(old)+label, .radio-lang-select input[type=radio]:not(old)+label,
	.container-content input[type=checkbox]:not(old)+label, .si-chart2 input[type=radio]:not(old)+label,
	.list-table input[type=radio]:not(old)+label {
	display: inline-block;
	margin-left: -2em;
	line-height: 1.5em;
	cursor: pointer;
}

.survey-select input[type=radio]:not(old)+label,
	.container-content input[type=checkbox]:not(old):focus+label > span,
	.container-content input[type=radio]:not(old):focus+label > span {
	border:1px solid #2693ff;
}

.rollup-select-measure-table .column .display-block input[type=checkbox]:not(old)+label{
	margin-left:0;
	/* margin-top: -10px; */
}

table.inner-table {
	margin: 5px 0;
	border-collapse: collapse;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	font: 0.8em Arial;
	color: #555;
}

table.inner-table tr td {
	text-align: left;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

.survey-select input[type=radio]:not(old)+label>span, .radio-lang-select input[type=radio]:not(old)+label>span,
	.container-content input[type=checkbox]:not(old)+label>span, .si-chart2 input[type=radio]:not(old)+label>span,
	.list-table input[type=radio]:not(old)+label>span {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: 0.25em 0.5em 0.25em 0.25em;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -ms-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -o-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -webkit-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
	ign: bottom;
}
.list-table input[type=radio]:not(old)+label>span {
	width: 1.2em;
	height: 1.2em;
}
.survey-select input[type=radio]:not(old):checked+label>span,
	.radio-lang-select input[type=radio]:not(old):checked+label>span,
	.container-content input[type=checkbox]:not(old):checked+label>span,
	.si-chart2 input[type=radio]:not(old):checked+label>span,
	.list-table input[type=radio]:not(old):checked+label>span {
	background-image: -moz-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -ms-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -o-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -webkit-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}

.survey-select input[type=radio]:not(old):checked+label>span>span,
	.radio-lang-select input[type=radio]:not(old):checked+label>span>span,
	.si-chart2 input[type=radio]:not(old):checked+label>span>span,
	.list-table input[type=radio]:not(old):checked+label>span>span {
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin: 0.125em;
	border: 0.0625em solid rgb(115, 153, 77);
	border-radius: 0.125em;
	background: rgb(126, 171, 64);
	background-image: -moz-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: -ms-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: -o-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: -webkit-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: linear-gradient(rgb(179, 217, 140), rgb(126, 171, 64));
}
.list-table input[type=radio]:not(old):checked+label>span>span {
	width: 0.75em;
	height: 0.75em;
	margin: 0.16em 0.15em;
}
.container-content input[type=checkbox]:not(old):checked+label>span:before
	{
	content: '✓';
	display: block;
	width: 1em;
	color: rgb(153, 204, 102);
	font-size: 0.875em;
	line-height: 1em;
	text-align: center;
	text-shadow: 0 0 0.0714em rgb(115, 153, 77);
	font-weight: bold;
}


.survey-select-dec {
	font-size: 14px;
	padding-left: 34px;
	display: none;
}

.morecontent span {
	display: none;
}

.morelink {
	display: block;
}

/* 
Workaround to make a checkbox show inside a container-content 
*/
.opaque-checkbox input[type=checkbox]:not(old) {
	opacity: 1;
}

/*  ---====  Language Select Radio Buttons - Horizontal Row  ===--- */
.radio-lang-select input[type=radio]:not(old)+label>span {
	margin: 0.25em 0.75em 0.25em 1em;
}

/* ---====  Row and column setup  ===--- */
.row::after {
	content: "";
	clear: both;
	display: block;
}

[class*="col-"] {
	float: left;
	padding: 5px 2px;
	margin: 0;
	border: none;
	background-color: transparent;
}

.col-1 {
	width: 16%;
}

.col-2 {
	width: 33%;
}

.col-3 {
	width: 48%;
}

.col-4 {
	width: 66%;
}

.col-5 {
	width: 83%;
}

.col-6 {
	width: 100%;
}

.col-.5 {
	width: 4%;
}

.col-auto{
	width: auto;
}

/*  ---====  Survey Schedule section  ===--- */
.survey-sched-option {
	font-size: .9em;
}

.survey-option-table {
	background-color: #e6eddc;
}

.survey-option-table img {
	margin: 15px auto 5px;
	display: block;
	cursor: pointer;
}

.survey-option-table [class*="col-"] {
	border: 1px solid #6A6A6A;
	padding: 10px;
	margin: 1%;
	background-color: #fff;
}

.survey-option-dec {
	font-size: .8em;
}

.more {
	font-size: .8em;
	position: relative;
	margin-left: 20px;
}

.morelink {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	margin-left: -20px;
}

/*  ---====  Bottom Nav Bar and buttons  ===---  */
.container-nav-bar {
	height: 40px;
}

.container-nav {
	float: right;
}

.container-nav::after {
	clear: both;
}

.container-content a.button {
	float: right;
	background-color: #fff;
	color: black;
	border: 1px solid #cccccc;
	padding: 2px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	min-width: 60px;
	font-size: 16px;
	font-weight: 400;
	margin: 4px 2px 4px 10px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

.container-content button, .container-content input[type="submit"], .container-content input[type="button"] {
	float: right;
	background-color: #fff;
	color: #555555;
	border: 1px solid #cccccc;
	padding: 2px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	min-width: 60px;
	font-size: 1em;
	margin: 4px 2px 4px 10px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.container-content input[type="button"].equal-margin {
	margin: 4px 2px 4px 2px;
}
.container-content input[type="button"].equal-margin:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.container-content input[type="submit"].no-right-margin {
	margin-right: 0;
}
.container-content input[type="button"].no-left-margin {
	margin-left: 0;
}
.container-content input[type="button"].float-none{
	float:none;
}
.container-content button:hover {
	background-color: #555555;
	color: #fff;
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.container-content input[type="submit"]:hover,
.container-content input[type=reset]:hover,
.container-content input[type=button]:hover,
.container-content a.button:hover,
.container-content button:hover {
	background-color: #555555;
	color: #fff;
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.container-footer {
	height: 40px;
	padding-top: 10px;
}

/*  ---====  Survey Select Tables  ===---  */
.active-survey-table {
	font-size: .8em;
	background-color: #ededed;
}
.active-survey-table .header {
	color: #000;
	font-weight:600;
	background-color: #ededed;
	font-size: 1.1em;
}
.active-survey-table div.data:hover {
	background-color: #555555;
	color: #fff;
}
.active-survey-table div.data:hover a {
	color: #fff;
}
.active-survey-table h1 {
	color: #fff;
	background-color: #58A545;
	-webkit-margin-after: 0;
}
.active-survey-table .even {
	background-color: #fafafa;
}
.active-survey-table .light {
	background-color: #f9faf6;
}

.inactive-survey-table {
	font-size: .8em;
	background-color: #fce3e5;
}

.inactive-survey-table div.data:hover {
	background-color: #ededed;
}

.inactive-survey-table .light {
	background-color: #fdf5f6;
}

.inactive-survey-table h1 {
	color: #fff;
	background-color: #ef4e5d;
	-webkit-margin-after: 0;
}

.table .inactive-table-even {
	background-color: #fdf5f6;
}
.inactive-survey-table input.delete-btn, .inactive-table input.delete-btn {
	display: block;
	text-transform: capitalize;
	margin: 0;
	padding: 20px 0 0 0;
	border: none;
	width: 20px;
	height: 20px;
	background: url(../css/images/icon-delete-off.png) no-repeat left top;
	cursor: pointer;
	text-indent: -9000px;
	float: none;
}

.inactive-survey-table input[type=button], .inactive-table input[type=button] {
	min-width: 20px;
	margin: 0;
	border: none;
	background-color: transparent;
}
.inactive-survey-table input[type=button]:hover, .inactive-table input[type=button]:hover{
	box-shadow: none;
	background-color: transparent;
}
.inactive-survey-table input.delete-btn:hover, .inactive-table input.delete-btn:hover {
	background: url(../css/images/icon-delete-on.png) no-repeat left top;
}
.inactive-survey-table input.confirm-btn, .inactive-table input.confirm-btn {
	display: block;
	text-transform: capitalize;
	margin: 0;
	padding: 20px 0 0 0;
	border: none;
	width: 20px;
	height: 20px;
	background: url(../css/images/icon-confirm-off.png) no-repeat left top;
	cursor: pointer;
	text-indent: -9000px;
	float: none;
}
.inactive-survey-table .confirm-btn:hover, .inactive-table .confirm-btn:hover {
	background: url(../css/images/icon-confirm-on.png) no-repeat left top;
}
.table-header {
	font-size: 1.2em;
	font-weight: 600;
}

/*  ---====  Tables  ===---  */
.container-content-table {
	font-size: 1em;
}
.container-content-table input[type="checkbox"].normal {
	float: left; 
	clear: left; 
	margin: 0px 0px 0px 5px;
}

.container-content-table input[type="checkbox"].normal:not(old) + label > span,
.container-content-table input[type="checkbox"].normal:checked:not(old) + label > span,
.container-content-table .new-ux-radio-button input[type="radio"]:not(old) + label > span, 
.container-content-table .new-ux-radio-button input[type="radio"]:checked:not(old) + label > span {
	background-image: linear-gradient(#fff, #fff);
}
.container-content-table input[type="text"].limit {
	float: none;
	border: none;
	width: auto;
	color: #555;
}
/*  ---====  Monitor Progress  ===---  */
.monitor-progress-email-btn{
	padding:0 !important;
	margin:0 !important;
	min-width:10px !important;
	float:none !important;
	border: none !important;
}


.monitor-progress-info-table {
	/*float: left;*/
	display:block;
	width: 100%;
	padding-top: 20px;
	margin: 0;
	border: 0;
}

.monitor-progress-info-table .monitor-progress-info-table-year {
	width: 165px;
	display: inline-block;
	vertical-align: top;
	padding-right: 16px;
}

.monitor-progress-info-table .monitor-progress-info-table-year select {
	margin: 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	width: 100%;
	height: 25px;
	background: url(../css/images/icon-down-arrow-off.png) no-repeat;
	background-position: calc(100% - 10px) 8px;
	background-size: 10% 30%;
	cursor: pointer;
	border: 1px solid #b0b7c4;
}
.monitor-progress-info-table .monitor-progress-info-table-year select:hover
	{
	background: url(../css/images/icon-down-arrow-on.png) no-repeat;
	background-position: calc(100% - 10px) 8px;
	background-size: 10% 30%;
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.space {
	width: 16px;
}

.monitor-progress-info-table .coordinator-table {
	display: inline-block;
	vertical-align: top;
	font-size: 0.75em;
	text-align: left;
	-webkit-text-size-adjust: none;
}

.monitor-progress-info-table .sub-table {
	width: 730px;
}

.monitor-progress-info-table .coordinator-table .line {
	width: 100%;
}

.monitor-progress-info-table .coordinator-table .line .role {
	display: inline-block;
	vertical-align: top;
	width: 175px;
	color: #243670;
	font-weight: 500;
}

.monitor-progress-info-table .coordinator-table .line .content {
	display: inline-block;
	vertical-align: top;
	width: 175px;
	min-height: 25px;
}

.monitor-progress-info-table .coordinator-table .line .activate {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 25px;
}

.monitor-progress-info-table .coordinator-table .line .content a {
	font-weight: 500;
	color: #3f3f3f;
	text-decoration: underline;
}

.monitor-progress-info-table .coordinator-table .line .content a:hover {
	color: #546f39;
}

.subscript {
	font-size: x-small;
}

.monitor-progress-info-table .action {
	height: 20px;
	width: 51px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 0.75em;
	padding: 0;
	margin: 0;
	border: 0;
}

.monitor-progress-nav {
	color: #546f39;
	font-size: 18px;
	margin: 0;
	border: 0;
	display: block;
}

.monitor-progress-nav a {
	font-size: 1.25em;
	font-weight: 100;
	text-decoration: none;
}

.comment-area {
	background-color: #58a545;
	margin-top: 3px;
}
h3 .comment-area {
	margin-left: -3px;
	margin-top: -3px;
	margin-bottom: -2px;
}
.comment-area input[type="submit"] {
    border: 1px solid #cccccc;
    background: none;
    width: 10%;
    background-color: #fff;
    margin: 3px;
    padding: 0;
    font-size: 0.9em;
}
.comment-area input[type="submit"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.comment-area form {
	margin: 0;
}
.comment-hint {
	display: inline-block;
	color: #fff;
	font-style: italic;
	font-weight: 300;
	font-size: 0.8em;
	padding: 2px 0 2px 5px;
}

.show-area {
	width: 100%;
	background-color: #fff;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
	border: 0;
}
.show-area .school-area, .view-report-single-table {
	border-left: 1px dotted #cccccc;	
	border-right: 1px dotted #cccccc;	
	border-bottom: 1px dotted #cccccc;	
	padding-left: 5px;
	padding-right: 5px;
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
}

.role-table {
	width: 100%;
	display: block;
	text-align: left;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 20px;
}

.asm-font {
	font-size: 0.75em;
}

.role-table .line {
	width: 100%;
}

.role-table .line .role {
	display: inline-block;
	vertical-align: top;
	width: 165px;
	color: #243670;
	font-weight: 500;
}

.role-table .line .content, .action {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 25px;
}

.action a {
    font-weight: 500;
	text-decoration: underline;
}

.role-table .line .other {
	width: 8%;
	float: left;
}

.role-table .content a {
	font-weight: 500;
	color: #3f3f3f;
	text-decoration: underline;
}

.role-table .content a:hover {
	color: #546f39;
}

.role-tale .action a {
	font-size: 1em;
	font-weight: 600;
	color: #7eab40;
}

.role-table .line .content a.monitorWarn {
	color: #E61714;
}
.role-table .line .content a.monitorWarn:hover {
	color: #ec706d;
}

.survey-table {
	float: left;
	width: 100%;
	background-color: #fff;
	padding-top: 10px;
}

.survey-table .title {
	float: left;
	background-color: #d1e7c5;
	font-size: 1em;
	font-weight: 600;
	color: #3f3f3f;
	min-height: 22px;
	width: 100%;
}

.survey-table .title-incomplete {
	float: left;
	background-color: #d1e7c5;
	font-size: 1em;
	font-weight: 600;
	color: #f47421;
	min-height: 22px;
	width: 100%;
}

.survey-table .line {
	float: left;
}

.vr-survey-table .first-column{
	border-top: none !important ;
}

.survey-table .line-role {
	float: left;
	border: none;
}

#line-role {
	border: none;
}

.survey-table .line-role{
	float:left;
	border: none;
}

#line-role{
	border:none;
}

.survey-table .region-summary-line {
	width: 100%;
	font-size: 12px;
}

.survey-table .region-summary-line .col-1 {
	width: 16.6%;
}

.survey-table .region-summary-line .in-line {
	float: left;
	border-top: 1px solid #cccccc;
	width: 100%;
	height: 50%;
}

.survey-table .region-summary-line .header {
	height: 82px;
	color: #546f39;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.survey-table .region-summary-line .content {
	height: 32px;
	margin: 0;
	padding: 0;
}

.survey-table .region-summary-line .sub-content {
	display: inline-block;
	width: 25%;
	height: 100%;
	vertical-align: middle;
}

.survey-table .region-summary-line .sub-border {
	border-left: 1px solid #cccccc;
}

.survey-table .region-summary-line .first-level {
	font-weight: 600;
}

.survey-table .content-line {
	width: 670px;
	font-size: 11px;
	color: #555555;
}

.survey-table .last-line {
	height: 15px;
	width: 100%;
}

.survey-table .content-header-complete {
	color: #243670;
	font-weight: 600;
	min-height: 30px;
}

.survey-table .new-label{
	background-image: url(../css/images/new-corner-banner-green.png);
	background-position: left 0px top 0px;
	background-repeat: no-repeat;
}
.survey-table .content {
	color: #555555;
	font-weight: 500;
	height: 30px;
}

.survey-table .content-header-incomplete {
	color: #243670;
	font-weight: 600;
	min-height: 50px;
}

.survey-table .first-column {
	float:left;
	border-top:2px solid #cccccc;
	text-align:center;
	width:130px;
	height:100%;
	/* font-size:11px; */
}

.view-report-overview .survey-table .first-column{
	font-size: 1em;
}

.survey-table .first-column-region-summary {
	display: inline-block;
	text-align: left;
}

.survey-table .first-column-region-summary .column-1 {
	display: inline-block;
	width: 18%;
	height: 100%;
	vertical-align: middle;
}

.survey-table .first-column-region-summary .column-2 {
	display: inline-block;
	width: 81%;
	height: 100%;
	vertical-align: middle;
}

.survey-table .first-column-height-single {
	height:30px;
}

.survey-table .first-column-height-double {
	min-height:60px;
}

.survey-table a {
	font-weight: 600;
	color: #243670;
	text-decoration: none;
}

.survey-table a:hover {
	font-weight: 600;
	color: #157d9d;
	text-decoration: none;
}

.survey-table .first-column a {
	color: #243670;
	font-weight: 400;
}

.survey-table .first-column a:hover {
	color: #157d9d;
	font-weight: 400;
}

.survey-table .first-column a:focus {
	border: 1px solid #0000ff;
}

.survey-table .other-column a {
	color: #243670;
	font-weight: 400;
}

.survey-table .other-column a:focus{
	border: 1px solid #0000ff;
}

.survey-table .other-column a:hover {
	color: #157d9d;
	font-weight: 400;
}

.survey-table .line .other-column {
	display: inline-block;
	border-left: 2px solid #cccccc;
	text-align: center;
	vertical-align: middle;
}

.vr-survey-table .line .other-column{
	border-left: none !important ;
}

.survey-table .line .admin-width {
	width: 80px;
}

.survey-table .line .common-width {
	width: 90px;
}

.survey-table2 {
	width:100%;
	background-color: #fff;
	padding-top:10px;
	font-size: 0.8em;
	position: relative;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #555;
}
.survey-table2.noborder{
		width:100%;
	background-color: #fff;
	padding-top:10px;
	font-size: 0.8em;
	position: relative;
	border-left: none;
	border-right: none;
	color: #555;
}
.survey-table2 .bordered-right {
	border-right: 1px solid #ccc;
}

.survey-table2.shadow {
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
}

.ou-name {
    font-size:19px;
	font-weight: 700;
	padding-left: 10px;
}

.survey-table2 .title1 {
	margin:0;
	padding-left: 10px;	
	padding-bottom: 2px;	
	background-color:#fafafa;
	font-size:18px;
	font-weight:600;
	color:#555555;
	min-height:22px;
	width:100%;
}

.survey-table2 .title2 {
	margin:0;
	padding-left: 20px;	
	padding-bottom: 2px;
	background-color:#d1e7c5;
	font-size:18px;
	font-weight:600;
	color:#000;
	min-height:22px;
	/*width:100%;*/
}

.survey-table2 .column {
	border-left:1px solid #cccccc;
}

.survey-table2 .column-noborder {
	border: 0;
}

.survey-table2.join-table {
	margin-top:-1px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	/*border-bottom: 1px solid #cccccc;*/
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
}	
.survey-table2 .header {
	color: #000;
	font-weight:600;
	margin:0;
	padding:0;	
	text-align:center;
	background-color: #ededed;
}

.survey-table2 .header-cell1 {
	margin-right: 2px;
	background-color: #d1e7c5;	
}

.survey-table2 .header-row {
	width: 100%;
	border-top:1px solid #cccccc;
}
.survey-table2 .row {
	width: 100%;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	min-height: 40px;
	height: 40px;
}
.survey-table2 .content-row {
	color: #555;
	font-weight: 600;
	text-align:center;
}
.survey-table2 .detail-row {
	color: #555;
	font-weight: 500;
	text-align:center;
}
.survey-table2 .cell-header {
	border-top:1px solid #cccccc;
}
.survey-table2 .cell-content {
	vertical-align: middle;
	padding:3px;
}
.survey-table2 .cell-content-break{
	vertical-align: middle;
	padding:3px;
	word-break:break-all;
}
.survey-table2 .startDate1 {
	color: #E60000;
}
.survey-table2 .startDate2 {
	color: #476024;
}

.cell-content a {
}

.survey-table2 .cell-left {
	text-align: left;
}

.survey-table2 .active-survey-name {
	padding-left: 15px;
	padding-right: 15px;
}

.survey-table2 .detail-row .active-survey-name a {
	font-weight: 500;
}
.survey-table2 .detail-row .active-survey-name a:hover {
	font-weight: 500;
}

.survey-table2 .setup-survey-name {
	padding-left: 15px;
	padding-right: 15px;
	color: #243670;	
}

.survey-table2 .sub-table {
	width: 100%;	
	height: 50%;
}
.survey-table2 .sub-row {
	border-top:1px solid #cccccc;
}

.survey-table2 .sub-column {
	border-left:1px solid #cccccc;
}

.survey-table2 .null-cell {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}
.survey-table2 .hide-row {
	display:none;
}

.survey-table2 a, .vr-survey-table a,
.resources-video .content-element a,
.measure-chart a, .survey-oeq a,
.user-serach-result-table a,
#createUserForm a,
.select-table a,
.content-table-newux a,
#infoPopup p a{
	color:#243670;
	font-weight: normal;
	text-decoration: underline;
}
.survey-table2 a:hover, .vr-survey-table a:hover,
.resources-video .content-element a:hover,
.measure-chart a:hover, .survey-oeq a:hover,
.user-search-result-table a:hover,
#createUserForm a:hover,
.select-table a:hover,
.content-table-newux a:hover,
#infoPopup p a:hover{
    font-weight: 400;
    color:#157d9d;
    text-decoration: underline;
    cursor: pointer;
}

.user-search-result-table a:hover{
	color: #157d9d;
}

/*
.survey-table2 .detail-row a {
	color:#2c430c;
	font-weight: 600;
}
.survey-table2 .detail-row a:hover {
    font-weight: 600;
    color:#7eab40;
    text-decoration: none;
}
*/
#loadingBox-newux {
	display: none;
	position: absolute;
	top: 40%;
	left: 35%;
	width: 20%;
	height: 10%;
	padding: 10px;
	border: 10px solid #d1e7c5;
	background-color: white;
	z-index: 1005;
	overflow: auto;
}

#loadingBox-background-newux {
	display: none;
	position: fixed; /* absolute; */
	top: 0%;
	left: 0%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity = 80);
}

#infoPopup-newux {
	display: none;
	position:  absolute;
	top: 30%;
	left: 30%;
	min-width: 30%;
	/*min-height: 30%;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: white;
	z-index: 1002;
	overflow: visible;
}
#infoPopup-topbar-newux {
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: #d1e7c5;
	overflow: hidden;
	min-width: 300px;
	height: 20px;
}
#infoPopup-email-newux h3 {
	margin: 0;
	padding: 0;
	color: #546f39;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

#infoPopup-topbar-newux > a > span {
	display: inline-block;
    height: 20px;
    width: 20px;
    background: url(images/icon-delete-off.png) no-repeat;
}
#infoPopup-topbar-newux > a > span:hover {
    background: url(images/icon-delete-on.png) no-repeat;
}
survey-table .line .view-report{
	width:100px;
}

/*  ---====  Form Elements  ===---  */
.container-content select {
	margin: 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	width: 100%;
	height: 34px;
	background: url(../css/images/icon-down-arrow-off.png) no-repeat;
	background-position: calc(100% - 10px) 10px;
	cursor: pointer;
}
.container-content select:focus {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}

.container-content select:hover {
	background: url(../css/images/icon-down-arrow-on.png) no-repeat;
	background-position: calc(100% - 10px) 10px;
}
.container-content input[type="text"], 
.container-content input[type="password"]{
	margin: 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	width: 100%;
	height: 34px;
	border: 1px solid #ccc;
}

.container-content input[type="text"]:focus {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
/*  ***********************************************  */
/*  ---====  New content for Main Menu Page  ===---  */
/*  ***********************************************  */
.main-wrapper {
	width: 1200px;
	/*min-height: 100%;*/
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #3f3f3f;
	margin-left: auto;
	margin-right: auto;
}

.footer {
	clear: both;
	display: block;
	height: 40px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 0.0625em solid #cccccc;
}

.footer a {
	font-weight: 600;
	color: #243670;
	text-decoration: none;
}

.footer a:hover {
	color: #157d9d;
}

iframe#launcher {
    position: absolute !important;
    bottom: auto !important;
    margin: -35px 0px !important;
}

@media screen and (min-width: 1201px) {
    iframe#launcher {
        right: calc((100% - 1200px) / 2) !important;
    }
}
			
.contact-link {
	display: inline-block;
	float: right;
}

.copyright {
	display: inline-block;
	float: left;
}

.main-header {
	width: 100%;
	margin-bottom: 40px;
}

.main-header-right-content {
	float: right
}

.main-header input[type="text"] {
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 400px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: 30px;
	border: 1px solid #cccccc;
	float: left;
}

.main-header input[type="text"]:focus {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}

.message-box {
	display: inline-block;
	width: 800px;
	background: url(../images/bg-info-box.png) right no-repeat;
	background-color: #107d9d;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 20px;
	margin: 0px 0 20px;
	color: white;
}

.message-box h1 {
	font-size: 40px;
	font-weight: 200;
	line-height: 40px;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 5px;
}

.main-menu {
	display: inline-block;
	width: 100%;
}

[class*="menu-"] {
	display: inline-block;
	border: 0.0625em solid #cccccc;
	width: 235px;
	height: 500px;
	background: #f4f4f4;
	float: left;
	margin-right: 20px;
}

[class*="menu-"]:last-child {
	margin-right: 0;
}

[class*="menu-"] ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

[class*="menu-"] li {
	margin: 0;
	border-bottom: 0.0625em solid #cccccc;
}

[class*="menu-"] li:last-child {
	margin: 0;
	border-bottom: none;
}

[class*="menu-"] a {
	margin: 0;
	padding: 10px 10px;
	display: block;
	color: #3f3f3f;
	font-weight: 400;
}

.admin-head {
	margin: -1px -1px 0 -1px;
	height: 126px;
	border-top: solid 20px #69a05b;
	border-bottom: solid 5px #69a05b;
	background: url(../images/bg-admin-menu.png) bottom no-repeat;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	padding-left: 6px;
}

.menu-admin a:hover {
	color: #fff;
	background-color: #69a05b;
	margin-left: -0.0625em;
	margin-right: -0.0625em;
}

.surveys-head {
	margin: -1px -1px 0 -1px;
	height: 126px;
	border-top: solid 20px #ecb22c;
	border-bottom: solid 5px #ecb22c;
	background: url(../images/bg-surveys-menu.png) bottom no-repeat;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	padding-left: 6px;
}

.menu-surveys a:hover {
	color: #fff;
	background-color: #ecb22c;
	/**
	margin-left: -0.0625em;
	margin-right: -0.0625em;
	*/
}

.reports-head {
	margin: -1px -1px 0 -1px;
	height: 126px;
	border-top: solid 20px #d3813b;
	border-bottom: solid 5px #d3813b;
	background: url(../images/bg-reports-menu.png) bottom no-repeat;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	padding-left: 6px;
}

.menu-reports a:hover {
	color: #fff;
	background-color: #d3813b;
	margin-left: -0.0625em;
	margin-right: -0.0625em;
}

.resources-head {
	margin: -1px -1px 0 -1px;
	height: 126px;
	border-top: solid 20px #a1222c;
	border-bottom: solid 5px #a1222c;
	background: url(../images/bg-resources-menu.png) bottom no-repeat;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.2;
	padding-left: 6px;
}

.menu-resources a:hover {
	color: #fff;
	background-color: #a1222c;
	
}

.right_menu {
	font-family: 'Open Sans', sans-serif;
	display: block;
	float: right;
	vertical-align: top;
	width: 185px;
}

[class*="menu_"] {
	background: #f4f4f4;
	border-right: 0.0625em solid #cccccc;
	/*border-bottom: 0.0625em solid #cccccc;*/
}

[class*="menu_"] ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 0.0625em solid #cccccc;
}

[class*="menu_"] li {
	margin: 0;
}

[class*="menu_"] a {
	padding: 6px 8px 6px 8px;
	margin: 0;
	display: block;
	color: #3f3f3f;
	font-weight: 400;
	text-decoration: none;
}

.read-more {
	text-align: right;
	margin-right: 10px;
}


.side-menuV2 {
	border-style: solid;
	border-width: 0.0625em;
	border-color: #cccccc;
	margin-bottom: 10px;
	width: 185px;
}

.side-menu_admin {}
.side-menu_my-admin {}
.side-menu_news {}
.side-menu_reports {}
.side-menu_surveys {}
.side-menu_resources {}


.side-menu_head{
	height: 50px;
	font-size: 28px;
	padding-left: 6px;
	color: #555555;
	
	border-style: solid;	
	border-left-style: none;
	border-right-style: none;
	border-left-weight: 0px;	
	border-top-width: 10px;
	border-bottom-width: 5px;
}

.side-menu_news-head {
	border-color: #69a05b;	
}

.side-menu_admin-head  {
	border-color: #157D9D;
}

.side-menu_my-admin-head {
	border-color: #69a05b;
}

.side-menu_surveys-head {
	border-color: #ecb22c;
}

.side-menu_reports-head{
	border-color: #d3813b;
}

.side-menu_resources-head {
	border-color: #a1222c;
}


.side-menu_news h4{
	margin-left: 5px;
}

.side-menu_news a {
	display: block;
	font-size: 14px;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 1.3;
	color: #555555;
	text-decoration: none;
	max-height: 99px;
	overflow: hidden;
}

.side-menu_news li:last-child a {
	margin: 0;	
}

.side-menu_news a:hover {
	color: #fff;
	background: #69a05b;
}

.side-menu_news a .new-tag {
	color: #555555;
	font-weight: bold;
	padding-right: 5px;
}

.side-menu_news a:hover .new-tag {
	color: #fff;
	background: #69a05b;
}

.side-menu_admin a:hover {
	color: #fff;
	background: #157D9D;
}

.side-menu_admin-head h4  {
	margin-left: 5px;
}


.side-menu_my-admin a:hover {
	color: #fff;
	background: #69a05b;
}

.side-menu_my-admin-head h4 {
	margin-left: 5px;
}


.side-menu_surveys a:hover {
	color: #fff;
	background: #ecb22c;
}

.side-menu_surveys-head h4 {
	margin-left: 5px;
}


.side-menu_reports a:hover {
	color: #fff;
	background: #d3813b;
}


.side-menu_reports-head h4 {
	margin-left: 5px;
}

.side-menu_resources a:hover {
	color: #fff;
	background: #a1222c;
}


.side-menu_resources-head h4 {
	margin-left: 5px;
}

.user-button {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url(../images/icon-user.png) no-repeat 50% 50%;
	cursor: pointer;
	text-indent: -9000px;
	margin-top: 10px;
}

.search-button {
	width: 30px;
	height: 30px;
	border: none;
	background: none;
	float: left;
	background: url(../images/icon-search.png) no-repeat 50% 50%;
	cursor: pointer;
	text-indent: -9000px;
}

.header-search {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
}

.user-dropdown {
	display: block;
	float: right;
}

.user-dropdown-content {
	display: none;
	float: right;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	/*border: 1px solid #cccccc;*/
	min-width: 160px;
	box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.1);
}

.user-dropdown-content a {
	font-size: 16px;
	color: black;
	padding: 10px 4px;
	text-decoration: none;
	display: block;
}

.user-dropdown-content a:hover {
	color: #fff;
	background-color: #243670;
}

.user-dropdown:hover .user-dropdown-content {
	display: block;
}

/*
.user-dropdown:hover .user-button {
	background-color: #729fcf;
	background: url(../images/icon-user-over.png) no-repeat 50% 50%;
}
*/
/* ---==== common table page ====--- */

.page-title h2 {
}

.container-content .headline {
	/*padding-bottom: 20px;*/
}

.select-table {
	width: 100%;
}

.select-table h3 {
	display: none;
	margin-bottom: 30px;
	padding-left: 5px;
}

.select-table .line {
	padding-bottom: 30px;
}
.select-table .line-no-height {
	padding-bottom: 30px;
}	
.select-table .other-line {
	padding-bottom: 30px;
	min-height: 40px;
}

.select-table .field-name {
	display: inline-block;
	padding-right: 30px;
	width: 25%;
	vertical-align: middle;
	font-weight: 600;
}

.select-table .field-name-nowidth {
	display: inline-block;
	padding-right: 30px;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 0;
}

.select-table .field-value {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
	margin-left: auto;
}

.select-table .field-value-2 {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.select-table .field-value-no-width {
	display:inline-block;
	vertical-align: middle;
}

.select-table .field-value-right {
	display: inline-block;
	width: 40%;
	text-align: right;
	vertical-align: middle;
}

.select-table .field-single {
	display: inline-block;
	width: 100%;
}

.select-table .field-5col {
	display: inline-block;
	width: 20%;
}

.select-table .left {
	text-align: left;
}

.select-table select {
	background: url(../css/images/icon-down-arrow-off.png) no-repeat;
	background-position: calc(100% - 10px) 12px;;
	background-size: 17px 10px;
	border: 1px solid #cccccc;
}
.select-table select:hover {
	background: url(../css/images/icon-down-arrow-on.png) no-repeat;
	background-position: calc(100% - 10px) 10px;
	background-size: 17px 10px;
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}

.select-table select.multiple {
	background: none;
	height: auto;
	padding-right: 0;
}
.select-table input[type="submit"], .select-table input[type="button"]  {
	float: none;
	border: 1px solid #cccccc;
	width: 25%;
	height: 34px;
	margin: 0;
	font-size: 1em;
	cursor: pointer;
}
.select-table input[type="button"].fixed-width1, .select-table input[type="submit"].fixed-width1 {
	width: 170px;
	height: 25px;
	/* background-color: #fff; */
	cursor: pointer;
}
.select-table input[type="button"].fixed-width1[disabled] {
	background-color: #F2F1F0;
	cursor: default;
	color: inherit;
}
.select-table input[type="submit"]:hover, .select-table input[type="button"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.select-table input[type="button"].fixed-width1[disabled]:hover {
	background-color: #F2F1F0;
	box-shadow: unset;
}

/* #rollupSelOU .select-table input[type="submit"]:hover, #rollupSelOU .select-table input[type="button"]:hover{
	color: inherit;
	background-color: buttonface;
} */

.select-table  input[type="text"] {
	border: 1px solid #cccccc;
}
.select-table input[type="text"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.info-table {
	width: 100%;
}

.info-table .title {
	padding-bottom: 20px;
}

.info-table .line {
	padding-bottom: 10px;
}

.info-table .field-name {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	width: 35%;
	vertical-align: top;
	color: #243670;
	font-weight: 600;
}

.info-table .field-value {
	display: inline-block;
	width: 35%;
	/*color: #243670;*/
	vertical-align: middle;
}

.info-table .info {
	font-size: 0.75em;
	padding-left:20px;
}

.info-table input[type="checkbox"]:not(old)+label {
	margin-left: -2.5em;
	display: inline-block;
	line-height: 1.5em;
}

.info-table input[type="submit"] {
	border: 1px solid #58a545;
	background: none;
	width: 15%;
	min-height: 30px;
	font-size: 1em;
}
.info-table input[type="submit"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.edit-table {
	width: 100%;
}

.edit-table h3 {
	margin-bottom: 20px;
}

.edit-table .line {
	padding-bottom: 15px;
	min-height: 44px;
}

.edit-table .line2 {
	/*
	margin-top: 5px;
	margin-bottom: 5px;
	height:33px;
	*/
}
.edit-table .field-name {
	display: inline-block;
	padding: 6px 10px 0 0px;
	width: 25%;
	color: #243670;
	font-weight: 700;
}

.edit-table .field-value {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
}

.edit-table .field-name-2 {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	width: 70%;
	vertical-align: top;
	color: #3f3f3f;
	font-weight: 600;
}

.field-value-2 {
	display: inline-block;
	width: 18%;
	color: #3f3f3f;
	vertical-align: top;
	padding-right: 10px;
}

.edit-table .field-function-2 {
	display: inline-block;
	width: 10%;
	color: #3f3f3f;
	vertical-align: top;
}

.edit-table .field-checkbox {
	display: inline-block;
	vertical-align: middle;
}

.edit-table .line .edit-col3 {
	display: inline-block;
	width: 33%;
	font-size: 0.75em;
}

.edit-table input[type="checkbox"]:not(old)+label {
	display: inline-block;
	vertical-align: middle;
}

.edit-table input[type="checkbox"]:not(old)+label>span {
	vertical-align: middle;
	margin: 0 0.25em 0.25em 0;
	/*margin: 0.25em 0.5em 0.25em 0em;*/
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}

.edit-table input[type="checkbox"]:not(old):checked+label>span {
	/*margin: 0.25em 0.5em 0.25em 0em;*/
	vertical-align: middle;
	margin: 0 0.25em 0.25em 0;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}
/*
.edit-table input[type="checkbox"]:not(old):focus+label{
	border:1px solid #2693ff;
}
Phoebe commented*/
.edit-table input[type="checkbox"]:not(old):disabled+label>span {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	line-height: 1em;
	margin: 0.25em 0.5em 0.25em 0em;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -ms-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -o-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -webkit-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
	ign: bottom;
}

.edit-table input[type=checkbox]:not(old):checked+label>span:before {
	color: #58a545;
	width: 0em;
	line-height: 1em;
	font-size: 1em;
}

.edit-table input[type="radio"] {
	opacity: 0;
}
.edit-table input[type="radio"]:not(old) + label {
    display: inline-block;
	margin-left: -1.7em;
	cursor: pointer;
}
/*
.edit-table input[type="radio"]:not(old):focus + label {
    border:1px solid #2693ff;
}
Phoebe commented*/
.edit-table input[type="radio"]:not(old) + label.other {
	margin-left: -1.6em;
}

.edit-table input[type="radio"]:checked:not(old) + label > span > span {
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin: 0.13em;
	border-radius: 0.13em;
	background: rgb(126, 171, 64);
	border: 0.0625em solid rgb(115, 153, 77);
}
.edit-table input[type="radio"]:not(old) + label > span {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: -0.2em 0 0 0;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	vertical-align: middle;
	cursor: pointer;
	background-image: linear-gradient(#fff, #fff);	
}

.edit-table input[type="radio"]:not(old):focus + label > span{
	border:1px solid #2693ff;
}

.edit-table select {
	background-position: calc(100% - 10px) 12px;;
	background-size: 17px 10px;
	border: 1px solid #cccccc;
}
.edit-table select:hover {
	background-size: 17px 10px;
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.edit-table input[type="submit"], .edit-table input[type="button"] {
	border: 1px solid #cccccc;
	background: none;
	min-width: 25%;
	width: auto;
	min-height: 34px;
	margin: 4px 0px 4px 10px;
}
.edit-table input[type="submit"].width-auto {
	width: auto;
}
.edit-table input[type="submit"].wide {
	border: 1px solid #cccccc;
	background: none;
	width: 100%;
	height: 34px;
	min-height: 30px;
	font-size: 1em;
}

.edit-table input[type="submit"].center {
	float: none;
}
.edit-table input[type="submit"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.edit-table  input[type="text"], .edit-table input[type="password"] {
	margin: 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	width: 100%;
	height: 34px;
	border: 1px solid #cccccc;
}
.edit-table input[type="text"]:hover, .edit-table input[type="password"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.list-table {
	width: 100%;
	padding: 0;
	border: 1 solid;
	margin: 0;
	text-align: center;
	font-size: 0.9em;
}

.list-table .title-line {
	color: #243670;
	font-weight: 600;
	min-height: 20px;
	padding: 10px 0 10px 0;
}

.list-table .content {
	color: #555555;
	font-weight: 400;
}

.list-table .function-line {
	border-top: 1px solid #CCCCCC;
	text-align: right;
	min-height: 20px;
	padding: 15px 0 15px 0;
}

.list-table .line {
	border-top: 1px solid #CCCCCC;
	min-height: 20px;
	padding: 10px 0 10px 0;
}

.list-table .other-line {
	paddint-top: 10px;
	min-height: 30px;
}

.list-table .field-small {
	display: inline-block;
	width: 10%;
	vertical-align: middle;
}

.list-table .field {
	display: inline-block;
	width: 15%;
	vertical-align: middle;
	padding: 0 5px 0 5px;
}

.list-table input[type="submit"] {
	border: 1px solid #cccccc;
	background: none;
	width: 15%;
	min-height: 30px;
	font-size: 1em;
}
.list-table input[type="submit"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.search-result-table {
	width: 100%;
	overflow-x: scroll;
}
/*
.search-result-table.shadow {
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}
*/
.search-result-table .title {
	padding-left: 5px;
	padding-right: 5px;
	min-height: 30px;
	color: #555555;
	width: 100%;
	line-height: 2em;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.search-result-table .content {
	/*border: 1px solid #cccccc;*/
}

.search-result-table .other-line {
	padding-bottom: 30px;
	min-height: 40px;
}

.search-result-table .field-name {
	display: inline-block;	
}

.search-result-table .field-value {
	display: inline-block;	
}

.search-result-table .exportlinksTLB {
	position: inherit;
	top: 0;
	left: 0;
	text-align: center;
}

#export-placeholder a:link {
	color: #243670;
	font-weight: normal;
	text-decoration: underline;
}

#export-placeholder a:hover {
	color: #157d9d;
}

.desc-table-small {
	font-size: 0.9em;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
}

.desc-table-small u {
	font-weight: 600;
}

.desc-table-small .title {
	padding-left: 7px;
	padding-bottom: 2px;
	background-color: #202020; /* #9A9A9A; */
	color: #fff;
	vertical-align: middle;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: 700; /* 400; */
}

.desc-table-small .active-title {
	background-color: #69A05B;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	padding-top: 1px;
	
	/* wcag */
	font-weight: 700;
	font-size: 14pt;
}
.desc-table-small .column {
	border-left: 1px solid #cccccc;
}
.desc-table-small .report-only-title {
	background-color: #d3813b;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	padding-top: 1px;
	
	/* wcag */
	font-weight: 700;
	font-size: 14pt;
}
.desc-table-small .inactive-title {
	background-color: #6e6e6e;  /* #cccccc; */
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	padding-top: 1px;
	
	/* wcag */
	font-weight: 700;
	font-size: 14pt;
	
}
.desc-table-small .content {
	width: 100%;
	padding: 5px 10px;
}
.desc-table-small .icon {
	display: block;
	width: 100%;
	height: 25px;
	margin: 10px 10px 15px 10px;
	line-height: 1em;
}

.desc-table-small .icon .desc {
	padding-top: 5px;
	vertical-align: top;
}

.ou h2 {
	padding-bottom: 20px;
}
.ou h3 {
	background-color: #1392B6;
	padding-left: 7px;
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
}
.small-img {
	height: 20px;
	width: 20px;
}
.member-operation {
    font-size: 1em;
    border-spacing: 0px;
}
.member-operation td {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
	padding-top: 0;
}
.member-operation td.no-border {
	border: none;
	box-shadow: none;
	padding: 2px 0;
	background-color: #fff;
}
.member-operation .active_users_caption {
	border-width: 1px 1px 0 1px;
	border-color: #69A05B;
	border-style: solid;
	padding:1px 3px 3px 7px;
	background-color: #69A05B;
	color: #fff;
	font-size: 14pt; /* 1.1em */;
	font-weight: 700; /* wcag */
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -1px;
}
.member-operation .active_users_table, .member-operation .previous_users_table, .member-operation .disabled_users_table {
	width: 100%;
	font-size: 0.8em;
	height: 30px;
	min-height: 30px;
}
.member-operation .previous_users_caption {
	border-width: 1px 1px 0 1px;
	border-color: #D3813B;
	border-style: solid;
	padding:1px 3px 3px 7px;
	background-color: #D3813B;
	color: #fff;
	font-size: 14pt; /* wcag,  was 1.1em; */
	font-weight: 700; /* wcag */
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -1px;
}
.member-operation .disabled_users_caption {
	border-width: 1px 1px 0 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 1px 3px 3px 7px;
	background-color: #6e6e6e;
	color: #fff;
	font-size: 14pt; /* wcag,  was 1.1em; */
	font-weight: 700; /* wcag */
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -1px;
}

.member-operation thead tr{
	background-color: #1392B6;
}

.member-operation thead th{
	padding-left: 7px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14pt;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    border: 0;
}

.member-operation thead th.inactive-ou {
	color: #fff; /* #ee3b38; */
}

.user-active {
	color: #69A05C;
}

.user-previous {
	color:#D4813B;
}

.user-disabled {
	color: #cccccc;
}

.inactive-box {
    background-color: #ededed;
}

.vspacer-small {
	height:5px;
}
.vspacer-normal{
	height:10px;
}
.vspacer-big {
	height: 15px;
}
.vspacer-large{
	height:20px;
}
.vspacer-xlarge{
	height: 30px;
}
.vspacer-xxlarge {
	min-height: 40px;
}

.vspacer-big td{
	border: none;
}

.container-content h3.red {
	color: #ee3b38;	
}
.container-content h3.reversed {
	background-color: #fff;
	color: #546f39;	
	font-weight:600;
}
.container-content h3.red a{
	color: #fff;
}
.container-content h3.red a:hover{
	color: #555555;
}
.container-content #infoPopup-topbar {
    background-color: #58a545;
}

.field-name-nowidth-padding-right {
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
	word-wrap:break-word;
}
.field-name-nowidth{
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	word-wrap:break-word;
}
.field-value-nowidth {
	display:inline-block;
	word-wrap:break-word;
}

table#form-table {
	border-collapse: collapse;
	font-size: 0.95em;
	/*text-align: center;*/
	border: 1px solid #cccccc;
}
table#form-table.no-td-border {
	color: #555;
}
table#form-table th {
	border: 1px solid #cccccc;
	background-color: #ededed;
	color: #000;	
}
table#form-table td {
	border: 1px solid #cccccc;
}
table#form-table.no-td-border td {
	border: none; 
	padding: 8px 10px;
}
table#form-table a:hover {
	color: #1492b7;
}

table#search-result-table {
	border-collapse: collapse;
	font-size: 0.95em;
	text-align: center;
	border: 0;
}
table#search-result-table tr {
	height: 30px;	
}
table#search-result-table tr th {
	border: 1px solid #cccccc;
	padding: 5px;
	color: #000;
	background-color: #ededed;
}
table#search-result-table td {
	border: 1px solid #cccccc;
}

table#search-result-table .even {
    background: #fafafa;
}
table#search-result-table th.sorted {
	background-color: #555555;
}
table#search-result-table th.sorted a {
	color: #fff;
}
table#search-result-table th a:link{
	text-decoration: underline;
	font-weight: bold;
}

table#search-result-table th.sorted a:hover {
	color: #1492b7;
}

table#search-result-table tr.alt td {
	background-color: #ededed;
}

table#search-result-table td.hovered {
	background-color: #555555;
	color: #fff;
}
table#search-result-table td.hovered a {
	background-color: #555555;
	color: #fff;
}
table#search-result-table th.sortable:hover {
	background-color: #555555;
	color: #fff;
}
table#search-result-table th.sortable:hover a {
	color: #fff;
}

table#search-result-table a.link {
	font-weight: normal;
	color: #243670;
	text-decoration: underline;
}

table#search-result-table a.link:hover {
	color: #fff;
}

table.rollup-select-measure-table {
	border: none;
	border-spacing: 10px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right:  -10px;
}
table.rollup-select-measure-table.survey-composing {
	margin: 0;
}
table.rollup-select-measure-table .composing{
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	border-spacing: 0;
	padding: 1px;
	border: none;
	font-size: 0.9em;
	margin-left: -4px;
	margin-top: -7px;
	border-spacing: 0px;
}
table.rollup-select-measure-table ul {
	/*padding-left: 0.5em;*/
	padding-left: 0em;
	list-style: none;
}
table.rollup-select-measure-table ul li {
	padding-left: 1em;
}
table.rollup-select-measure-table .column, .si-content .si-column {
	border: 2px solid #cccccc;
	/*width: 25%;*/
	vertical-align: top;
	border-radius: 8px;
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
}
table.rollup-select-measure-table.survey-composing .column {
	width: 280px;
}
table.rollup-select-measure-table.survey-composing .column.wider {
	width: 340px;
}
table.rollup-select-measure-table table th.header, .si-header {
	height:50px; 
	color: #157d9d;
	font-size: 1.3em;
}
table.rollup-select-measure-table table td {
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
}
table.rollup-select-measure-table.survey-composing table td {
	padding-right: 10px;
	padding-bottom: 10px;
}
table.rollup-select-measure-table.survey-composing table td.padding-top-0 {
	padding-top: 0;
}
table.rollup-select-measure-table.survey-composing table td.nopadding {
	padding-right: 0px;
	padding-left: 0px;
}
table.rollup-select-measure-table.survey-composing table td.top-left-radius {
	border-top-left-radius: 8px;
}
table.rollup-select-measure-table table td div.content{
	/*padding-bottom: 5px;*/
}
table.rollup-select-measure-table .composing .title {
	color: #243670;
	font-size: 1.1em;
}
table.rollup-select-measure-table table input[type="button"] {
	float: none;
	width: 90%;
	border-color: #cccccc;
} 
table.rollup-select-measure-table table input[type=checkbox]:not(old):checked+label>span:before {
	color: #6BB0C7;
	text-shadow: 0 0 0.0714em #cccccc;	
}
table.rollup-select-measure-table input[type="checkbox"]:not(old) {
	margin-bottom: -0.9em;
	height: 18px;
}
table.rollup-select-measure-table table input[type="radio"]:not(old) + label > span {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: 0 0 0 -0.25em;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	vertical-align: bottom;
	cursor: pointer;
	background-image: linear-gradient(#fff, #fff);	
}
table.rollup-select-measure-table table input[type="radio"]:checked:not(old) + label > span > span {
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin: 0.13em;
	/*border: 0.0625em solid #6BB0C7;*/
	border-radius: 0.13em;
	background: #6BB0C7;
	/*background-image: linear-gradient(#6BB0C7, #6BB0C7);*/
}



.container-content table input[type="checkbox"]:not(old)+label {
	vertical-align: middle;
}
	
.container-content table input[type="checkbox"]:not(old)+label>span {
	vertical-align: middle;
	margin: 0 0.25em 0.25em 0;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}

.container-content table input[type="checkbox"]:not(old):checked+label>span {
	/*margin: 0.25em 0.5em 0.25em 0em;*/
	vertical-align: middle;
	margin: 0 0.25em 0.25em 0;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}

.container-content table input[type=checkbox]:not(old):checked+label>span:before {
	color: #58a545;
}

.container-content table input[type="checkbox"][disabled]:not(old)+label>span {
	background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
	background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
	background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
	background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
	background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}
.container-content table input[type="button"][disabled] {
	background-color: #F2F1F0;
}
.container-content table input[type="button"][disabled]:hover {
	background-color: #F2F1F0;
	box-shadow: unset;
}
.resources-video #video{
	display: inline-block;
/*
	float:left;
	width: auto;
	height: auto;
	padding-right: 15px;
*/
}

.resources-video .table-div{
	display: inline-block;
	/*
	float: left;
	width: 60%;
	*/
	width: 780px;
	height: auto;
}

.resources-video .table .table-content{
	float: left;
	display: inline-block;
	width: 100%;
	height: auto;
}

.resources-video .table .element-content{
	display: inline-block;
	float: left;
	width: 75%;
}

.resources-video .table .table-content .element-time{
	text-align: center;
}

.resources-video .table .element-time{
	display: inline-block;
	float: right;
	width: 25%;
}

.resources-video .table .content-element-parent-background{
	width: 100%;
	height: auto;
	background: #D1E7C5;
	display: inline-block;
}

.resources-video .table .content-element-parent{
	font-weight: bold;
}

.resources-video .table .content-element-child{
	font-weight: normal;
}

/* Modified yearTab elements */
#div-yearTab {
	margin-bottom: 40px !important;
	height: auto;
	display: inline-block;
}
#div-yearTab > ul > li:focus > a{
	box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.75);
}

ul.yearTab li a:focus{
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}



ul.yearTab li {
	/*font-family: 'Open Sans Demi Bold' !important;*/
	background-color: #59a646 !important;
	/* margin-bottom: 5px; */
	float: left;
	width: 150px;
	list-style: none;
	border: 4px solid #cccccc;
}

ul.yearTab li.first {
	border-left: 6px solid #cccccc;	
}
ul.yearTab li.end{
	border-right: 6px solid #cccccc;	
}
ul.yearTab li a {
	border: none !important;
	color: #fff !important;
	text-decoration: none;
	display: block;
	font-size: 1.5em;
	outline: none;
	text-align: center;
}
ul.yearTab li a:hover {
	font-weight: 600;	
	text-decoration: none;
}
ul.yearTab li.active {
	background-color: #34712c !important;
}

ul.yearTab {
	padding: 0px !important;
	margin: 0px !important;
}


.vr-survey-table .line .vr-col-1, .vr-survey-table .vr-col-2 {
	display: table-cell;
	/* white-space: nowrap; */
	float: none;
}

.vr-survey-table .line .other-column{
	display: table-cell;
	float: none;
	vertical-align: middle;
	text-align: center;
	width: auto;
	padding-left: 2px;		
    padding-right: 2px;		
    padding-top: 5px;		
    padding-bottom: 5px;		
}

.vr-survey-table .row {
	display: table-row;
	width: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;
	/* text-align: center; */
}

.vr-survey-table .content-line {
	width: 100%;
}

.vr-survey-table .content-line div{
	padding: 3px;
}

.vr-survey-table {
	display: table;
	float: none;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	padding-top: 30px;
	font-size: 1em;
	margin: auto;
}

.vr-survey-table .first-column {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	float: none;
	width: auto;
	padding-left: 2px;		
    padding-right: 2px;		
    padding-top: 5px;		
    padding-bottom: 5px;
}

.vr-survey-table .content, .vr-survey-table .content-header-complete {
	color: #243670;
}

.vr-survey-table .content-header-complete{
	font-weight: 600;
}

.vr-table-column-group {
	display: table-column-group;
}

.vr-table-column{
	display: table-column;
}

.vr-survey-table .vr-table-column-single {
	border-left: 1px solid #cccccc;
}

.vr-survey-table .vr-table-column-group .first-column{
	display: table-column;
	border-left: none;
}

.vr-survey-table .title {
	display: table-caption;
	width: 100%;
	float: none;
	padding-left: 20px;
}

.vr-survey-table .line{
	float: none;
	font-size: 0.8em;
}

.vr-survey-table .vr-row-header {
	display: table-header-group;
}

.vr-survey-table .vr-row-header .row{
	border-bottom: 0;
	float: none;
}

.vr-table-column-group .col1-admin {
	width: 18%;
}

.vr-table-column-group .col2-admin {
	width: 27.3%;
}

.vr-table-column-group .col1-common {
	width: 20%;
}

.vr-table-column-group .col2-common {
	width: 16%;
}

.vr-table-column-group .col3-common {
	width: 14%;
}

.survey-table .first-column-height-single {
	height: 30px;
}

.survey-table .first-column-height-double {
	height: 60px;
}

.vr-row-header .row .first-column {
	border: none;
}

.container-content .vr-row .first-column {
	border: none;
}


.user-search-result-table {
	width: 100%;
	color: #243670;
	border-collapse:collapse;
}

.user-search-result-table .title {
	padding-left: 5px;
	min-height: 30px;
	background-color: #7eab40;
	color: #2c430c;
	width: 100%;
	border: 0;
	line-height: 2em;
}

.user-search-result-table th {
	/*padding-left: 5px;*/
	/*min-height: 30px;*/
	background-color: #58a545;
	color: #ffffff;
	/*width: 100%;*/
	border-collapse: collapse; 
	border: none;
	/*line-height: 2em;*/
}

.user-search-result-table td {
	padding: 3px;
}

.user-search-result-table tr {
	padding-left: 5px;
	background-color:  #ffffff;
	border-collapse: collapse; 
	border: none;
}

.user-search-result-table tr.alt {
	background-color: #fafafa;
}

.user-search-result-table .content {
    border: 1px solid #787878;
}

.user-search-result-table .other-line {
	padding-bottom:30px;
	min-height:40px;
}

.user-search-result-table .field-name {
}

.user-search-result-table .field-value {
}

.user-search-result-table .exportlinksTLB {
	position: inherit;
	top: 0;
	left: 0;
	text-align: "left";
}

.user-search-result-table tr:hover {
 	background-color: #555555;
  	color: #fff;
}
.user-search-result-table tr:hover a {
  	color: #fff;
}
.user-search-result-table a.link{
	font-size:12px;
}

.vr-row-header .row .first-column {
	border: none;
}

.container-content .vr-row .first-column {
	border: none;
}

.inline-table {
	display:inline-table; 
	border-collapse: collapse;
	padding:0;
	margin:0;
}
.table { 
	display:table; 
	border-collapse: collapse;
	padding:0;
	margin:0;
}
.table .table-caption, .inline-table .table-caption { display:table-caption;}
.table .table-header-group, .inline-table .table-header-group { display:table-header-group;}
.table .table-column-group, .inline-table .table-column-group { display:table-column-group;}
.table .table-column, .inline-table .table-column { display:table-column;}
.table .table-row-group, .inline-table .table-row-group { display: table-row-group; }
.table .table-row, .inline-table .table-row { display:table-row;}
.table .table-cell, .inline-table .table-cell{ 
	display:table-cell;
	padding: 5px 2px;
}
.table .table-cell-nopadding {
	display:table-cell;
}
.table .table-cell.empty, .inline-table .table-cell.empty
{
  border: none;
}
.table .table-cell.rowspanned, .inline-table .table-cell.rowspanned {
  position: absolute;
  top: 0;
  bottom: 0;
}
.table .table-header-style {
	background-color: #ededed;
	color: #000000;
}
.table .table-header-inactive-style {
	background-color: #fce3e5;
	color: #000000;
}
.table .table-cell-style {
	padding: 5px 2px;
}
.table a:hover {
	color: #1492b7;
}
.table .even {
	background-color: #fafafa;
}
.col12 { width: 100%; }
.col11half { width: 95.833333333%; }
.col11 { width: 91.666666667%; }
.col10{ width: 83.33333333%; }
.col9quarter3 { width: 81.25%;}
.col9half { width:79.166666667%;}
.col9 { width:75%;}
.col8half { width: 70.833333334%; }
.col8 { width:66.666666667%;}
.col7 { width:58.333333333%;}
.col6quarter3 { width: 56.25%;}
.col6half{ width: 54.166666667%;}
.col6{ width: 50%;}
.col5half{ width: 45.833333333%; }
.col5{ width: 41.66666665%; }
.col4half{ width: 37.5%; }
.col4quarter1{ width: 35.416666667%; }
.col4-adjustment{ width: 36%; }
.col4{ width: 33.33333333%; }
.col3half{ width: 29.166666665%;}
.col3quarter1{ width: 31.25%; }
.col3{ width: 25%; }
.col2quarter3{ width: 22.916666696%; }
.col2half{ width: 20.833333333%; }
.col2quarter { width: 18.750000004%;}
.col2{ width: 16.66666667%; }
.col1half{ width: 12.499999995%; }
.col1quarter3{ width: 14.583333328%; }
.col1third{ width: 11.111111111%; }
.col1quarter1{ width: 10.416666663%; }
.col1-adjustment{ width: 9%; }
.col1{ width: 8.33333333%; }
.colhalf{ width: 4.166666665%; }
.col0{ width: 0px; }

.width49_25{width: 49.25%;}
.width1_5{width: 1.5%;}
.member-operation .even{
	background-color: #fafafa;
}
.member-operation .cell-content {
	vertical-align: top;
	padding: 10px 5px 3px 10px;
}

.table .cell-table {
	vertical-align: top;
	/* padding:3px; */
	padding-top: 10px;
	padding-bottom: 10px;
}


.survey-table .si-table {
	height: auto;
}

.survey-table .si-line .si-common-width {
	width: 125px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 15px;
	min-height: 35px;
}

.survey-table .si-line {
	width: auto;
	border-right: 2px solid #3f3f3f;
}

.survey-table .si-content {
	width: auto;
	margin-bottom: 20px;
	column-count: 3;
}

.si-table {
	height: auto;
}

.survey-table .line .si-column .si-button {
	width: auto;
	border: none;
	height: auto;
	padding: 3px;
}

.survey-table .line .si-header {
	float: none;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 16px;
	height: auto;
	padding: 3px;
	text-align: center;
}

/* .survey-table .line .si-column .si-button .si-button-inner {
	float: none;
	display: block;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}*/



.user-search-result-table th{
	text-align: left;
	padding-left: 4px;
	padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 700;
    font-size: 19px;
}

.user-search-result-table a{
	color: #243670;
    text-decoration: underline;
}

.user-search-result-table tr.main-header th{
	background-color: #58A545;
	padding-left: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 300;
	font-size: 32px;
	font-family: 'Open Sans', sans-serif;
}

.user-search-result-table tr.sub-header th{
	background-color: #d1e7c5;
	color: #243670;
	text-align: left;
	padding-left: 4px;
	/*
	padding-bottom:10px;
	padding-top:2px;
	*/
}

.user-search-result-table a.small-link{
    font-size: 15px;
    font-weight: 400;
}

.si-button input[type="button"], .si-button input[type="submit"], .si-button input[type="reset"] {
	border: 1px solid #cccccc;
	background: none;
	min-width: 30%;
	width: auto;
	min-height: 25px;
	height: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}

.measure-chart .si-button input{
	font-size: 16px;
}

.si-button input[type="submit"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
} 

.survey-table .line .si-column {
	width: 100%;
	height: auto;
	float: left;
	display: inline-block;
	/* 	border-left: 2px solid #3f3f3f; */
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	break-inside: avoid;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
}

.survey-table .line .si-break-line-side {
	width: 150px;
	height: auto;
	border-left: 2px solid #3f3f3f;
}

.si-break-line-bottom {
	width: auto;
	border-bottom: 2px solid #3f3f3f;
}

.survey-table .line .si-break-line-side {
	float: left;
	display: inline-block;
	width: 0px;
	border-left: 2px solid #3f3f3f;
	flex: 1;
}

.si-chart-table {
	width: auto;
	height: auto;
	display: flex;
	/* border: 2px solid #3f3f3f; */
	padding-bottom: 10px;
}

.si-chart-table .si-chart-column {
	width: 33%;
	display: inline-block;
	float: left;
}

.si-chart-table .si-chart-column .si-chart-header {
	text-align: left;
	display: block;
	float: none;
	font-weight: bold;
	font-size: 1em;
	color: #243670;
	margin-bottom: 15px;
}

.si-chart-table .si-chart-column .si-chart-inner {
	display: block;
	float: none;
	width: 100%;
}

.si-chart .si-chart-inner-row {
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	float: left;
}

.container-content .si-chart .si-chart-field-name {
	float: left;
	display: inline-block;
	width: 30%;
	margin-right: 1px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}

.container-content .si-chart .si-chart-field-value {
	width: 65%;
	float: left;
	display: inline-block;
}

.si-chart-top {
	display: inline-block;
	padding: 10px 10px 20px;
	border: 1px solid #cccccc;
	margin-bottom: 16px;
}


.container-content .si-chart .select-grades {
	background: none;
	height: auto;
}

.si-chart-survey .si-chart-curious {
	width: 40%;
	font-size: 1em;
	float: left;
	display: inline-block;
	padding-right: 55px;
}

.si-chart-survey .si-chart-result {
	width: auto;
	float: left;
	display: inline-block;
}

.si-chart-survey .si-chart-result img {
	/* max-width: 100%; */
	width: 520px;
}

.si-chart-curious-row .si-chart-field-name {
	padding-right: 5px;
}

.si-chart .si-chart-curious-row {
	height: 100%;
	width: 100%;
	display: inline-block;
}

.si-chart .si-chart-curious-header {
	padding-bottom: 15px;
}

.si-chart .si-chart-curious-content {
	padding-bottom: 15px;
}

.si-chart .si-chart-curious .si-button input[type=button] {
	width: 100%;
}

.si-chart .si-chart-survey {
	width: auto;
	height: auto;
	display: table;
	padding: 10px;
    margin-bottom: 16px;
    border: 1px solid #cccccc;
}

.si-chart h3 {
	margin-bottom: 5px;
}

.si-chart .si-chart-survey-table .si-chart-survey-divide {
	width: auto;
	height: 2px;
	display: block;
}

.si-chart .si-chart-field-value select {
	color: #546f39;
}

.si-chart {
	font-family: 'Open Sans', sans-serif;
}

.si-chart .si-chart-top .si-button{
	height: auto;
	width: 100%;	
	display: block;
	padding-right: 15px;
}
.si-chart input[type="checkbox"] + label > span {
	vertical-align: middle;
}
.si-chart input[type="checkbox"]:checked:not(old) + label > span::before {
	color: #555555;
}

.si-chart .si-chart-top .si-button input[type="submit"],
.si-chart2 .si-chart-top .si-button input[type="submit"],
.measure-chart .si-button input[type="submit"]{
	min-width: 30%;
	width: auto;
}

.si-chart2 {}
.si-chart2 .chart-report-condition-table {
	border-top: 1px dotted #2c430c;
	border-bottom: 1px dotted #2c430c;
	margin-bottom: 20px;
	color: #555;
}
.si-chart2 .chart-report-condition-table .sub-table {
	font-size: 0.9em;
	border-collapse: collapse;
	margin-left: 4px;
	margin-right: 4px;	
	min-width: 80%;
	color: #555;
}
.si-chart2 .chart-report-condition-table .sub-table  .table-row-height {
	height: 40px;
}
.si-chart2 .chart-report-condition-table .sub-table .header {
	font-size: 1.1em;
}

.si-chart2 input[type="button"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;	
}

.si-chart2 input[type="button"].filled-button {
	min-width: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;	
	border: none;
}
.si-chart2  input[type="checkbox"]:not(old) + label {
	margin-left: -2em;
	cursor: auto;
}
.si-chart2 input[type="checkbox"]:not(old) + label.right {
	margin-left: -1em;
}
.si-chart2 input[type="checkbox"]:not(old) + label > span, 
.si-chart2 .chart-report-condition-table input[type="checkbox"]:not(old) + label > span,
.si-chart2 input[type="radio"]:not(old) + label > span {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	margin: 0.15em 0.25em 0.25em 0;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}
.si-chart2 input[type="checkbox"]:checked:not(old) + label > span, .si-chart2 .chart-report-condition-table input[type="checkbox"]:checked:not(old) + label > span {
	margin: 0.15em 0.25em 0.25em 0;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}
.si-chart2  input[type="checkbox"]:checked:not(old) + label > span::before {
	font-size: 1em;
	color: #58a545;
}
.si-chart2 .chart-report-condition-table .sub-table input[type="checkbox"]:not(old) + label,
.si-chart2 input[type="radio"]:not(old) + label {
	margin-left: -2.2em;
}
.si-chart2 .chart-report-condition-table .sub-table input[type="checkbox"]:not(old) + label > span {
}
.si-chart2 .chart-report-condition-table .sub-table input[type="checkbox"]:not(old):hover {
	border: 0.0625em solid #58a545;
}
.si-chart2 .chart-report-condition-table .sub-table input[type="checkbox"]:checked:not(old) + label > span::before {
	margin-top: 1px;
}
.si-chart2 input[type="checkbox"]:checked:not(old) + label > span::before {
	line-height: 12px;
	width: 14px;
}	
/*
.si-chart2 input[type="radio"]:not(old) + label > span {
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
	vertical-align: middle;
	width: 1.11em;
	height: 1.11em;
}
*/
.si-chart2 input[type="radio"]:checked:not(old) + label > span > span {
	width: 0.6em;
	height: 0.6em;
	margin: 0.14em;
	border-radius: 0.16em;
}
.si-chart2 .chart-report-condition-table .sub-table input[type="radio"]:not(old) + label > span {
	/*
	width: 1.25em;
	height: 1.25em;
	*/
}
.si-chart2 .chart-report-condition-table .sub-table input[type="radio"]:checked:not(old) + label > span > span {
	/*
	width: 0.78em;
	height: 0.78em;
	margin: 0.16em;
	*/
}
.si-chart2 .hideOptions {
    display: none;
    z-index: 1002;
}
.si-chart2 .showOptions {
    clear: left;
    z-index: 1002;
    margin-left: -8px;
}
.si-chart2 ul {
	margin: 5px 0;
}
.si-chart2 .chart-report-condition-table .column-with-right-border {
	border-right: 1px dotted #2c430c;
}
.si-chart2 .numberSpan {
	font-weight: 600;
}
.si-chart2 .side-menu {
	padding-left: 0px;	
}
.si-chart2 .chart {
	/*font-size: 0.9em;*/
	margin-bottom: 25px;
	/*
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	*/
	/* box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); */
	border: 1px solid #cccccc;
}
.si-chart2 .ou-info {
    font-size: 0.9em;
}
.si-chart2 .side-menu .line{
	margin-bottom: 5px;
}
.si-chart2 .side-menu .drill-down-type{
	font-weight: 600;
}
.si-chart2 .button-collumn {
	width: 15px;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.arrow-img {
	width: 18px;
	height: 15px;
	display: inline-block;
	background-size: 16px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top: 5px;
	cursor: pointer;
}
.arrow-down-img {
	background-image: url(images/icon-down-arrow-off.png);
}
.arrow-down-img:hover {
	background-image: url(images/icon-down-arrow-on.png);
}
.arrow-up-img {
	background-image: url(images/icon-up-arrow-off.png);
}
.arrow-up-img:hover {
	background-image: url(images/icon-up-arrow-on.png);
}
.si-chart2 .measureHelpDescription-icon {
	color:#58a545;
	text-decoration:underline;
	cursor: hand; 
	cursor:pointer;
}
.chart-icon-span {
	width: fit-content;
	height: fit-content;
	display: inline-block;
}
.chart-icon-span:focus-within {
	border:1px solid #2693ff;
}
.focus-div:focus-within{
	border:1px solid #2693ff;
	background-color: #555555;
	color: #fff;
}
.si-chart2 .measureHelpDescription {
	padding-left: 5px;
	padding-right: 5px;
}
.si-chart2 .measureHelpDescription h4 {
	text-align: center;
}
.si-chart2 .measure-help-div {
	/*height:460px; */
	width: 520px;
	margin: 0 0 0 25px;
}

.si-chart2 .chart-report-condition-table .chart-report-condition-header {
	font-weight: bold;
	color: #3f3f3f;
	margin-bottom: 15px;
	padding-left: 2px;
}

.si-chart2 .chart-report-condition-table .field-name {
	display: inline-block;
	width: 30%;
	padding-left: 2px;
	margin-right: 5px;
	vertical-align: middle;
}

.si-chart2 .chart-report-condition-table .field-value {
	width: 65%;
	display: inline-block;
	vertical-align: middle;
}
.si-chart2 .chart-report-condition-table input[type=button] {
	width: 80%;
	float: none;
	font-size: 1em;
	height: 25px;
}
.si-chart2 .download-options  input[type=button], .si-chart2 .download-options  input[type=submit] {
	float: none;	
}
.si-chart2 input[type="submit"], .si-chart2 input[type="button"] {
    font-size: 0.9em;
    height: 25px;
    margin-right: 5px;
}
.si-chart2 .chart-report-condition-table input[type=button]:hover {
}
.si-chart2 select {
	background: url(../css/images/icon-down-arrow-off.png) no-repeat;
	background-position: calc(100% - 7px) 7px;;
	background-size: 17px 10px;
	border: 1px solid #cccccc;
	font-size: 1em;
	height: 25px;
	padding-right: 30px;
}
.si-chart2 select.select-grades {
	background: none;
	height: auto;
	padding-right: 0;
}
.si-chart2 select.select-grades:hover {
	background: none;
	height: auto;
}
.si-chart2 .chart-div {
	min-height:460px; 
	width: 520px; 
	background-repeat: no-repeat;
	margin:0 0 0 23px;
}
.si-chart2 .chart-div .div-graph-sign {
	padding: 3px;
	width: 30px;
	float: right;
	padding-right: 40px;
}
.si-chart2 select:hover {
	background: url(../css/images/icon-down-arrow-on.png) no-repeat;
	background-position: calc(100% - 7px) 6px;
	background-size: 17px 10px;
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.si-chart2 .refresh {
	padding-bottom: 40px;
}
.si-chart2 .refresh input[type="button"] {
	width: 100%;
	font-size: 1em;
}	
.arrow-img-button {
	background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    height: 20px; 
    width: 24px;
    position: absolute;
    padding: 0;
    margin: -1px; 
    min-width:24px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    outline:none;
}
.si-chart2 .chart-report-condition-table input.arrow-img-button {
	background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    height: 20px; 
    width: 24px;
    position: absolute;
    padding: 0;
    margin: -1px; 
    min-width:24px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    outline:none;
}
.arrow-img:focus-within{
	border:1px solid #2693ff;
}
table.rollup-schools {
	width: 100%;
	margin-top: 5px;
	padding: 0;
	border-collapse: collapse;
	font-size: 0.9em;
	border-top: 1px solid #2c430c;
	border-bottom: 1px solid #2c430c;
}
table.rollup-schools th {
	background-color: #58a545;
}
 table.rollup-schools tr.cat{
	background-color: #d1e7c5;
}
table.rollup-schools tr td.border-top-bottom {
	border-top: 1px solid #2c430c;
	border-bottom: 1px solid #2c430c;
}
table.rollup-schools tr td.border-left {
	border-left: 1px solid #2c430c;
}

.si-chart2 .si-chart-curious-row {
	height: 100%;
	width: 100%;
	display: inline-block;
}

.si-chart2 .si-chart-curious-header {
	padding-bottom: 15px;
}

.si-chart2 .si-chart-curious-content {
	padding-bottom: 15px;
}

.si-chart2 .si-chart-curious .si-button input[type=button] {
	width: 100%;
}

.si-chart2 .si-chart-survey {
	width: auto;
	height: auto;
	display: table;
	padding-bottom: 15px;
}

.si-chart2 h3 {
	margin-bottom: 5px;	
	font-size: 1.05em;
	font-weight: 500;
}

.si-chart2 .si-chart-survey-table .si-chart-survey-divide {
	width: auto;
	height: 2px;
	display: block;
}

.si-chart2 .si-chart-top .si-button input, .si-chart .si-chart-curious .si-button input
{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
}

.si-chart2 .si-chart-top .si-button{
	height: auto;
	width: 100%;	
	display: block;
	padding-right: 15px;
}


/* SCRAPBOOK COMPONENT */
.scrapbook-list .scrapbook-element{
	float: none;
	display: block;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
}

.scrapbook-list .new-ux-radio-button input[type="radio"]:checked:not(old) + label > span > span,
.scrapbook-book .new-ux-radio-button input[type="radio"]:checked:not(old) + label > span > span {
	margin: 0.13em;
}
.scrapbook-book .new-ux-radio-button input[type="checkbox"] + label > span {
	margin-left: 0.79em;
}
.scrapbook-list .year{
	font-weight: bold;
	color: #243670;
}

.scrapbook-list .si-button{
	padding-top: 15px;
}

.scrapbook-book .scrapbook-book-row{
	float: none;
	display: block;
	width: 100%;
	height: auto;
	/* min-height: 50px; */
	
}

.scrapbook-book select{
	width: 100%;
	border: 1px solid #cccccc;
}

.scrapbook-book .scrapbook-book-row .scrapbook-book-row-span.scrapbook-book-row-span-header {
}
.scrapbook-book .scrapbook-book-row .scrapbook-book-row-span{
	display: inline-block;
	/*width: 20%;*/
	height: auto;
	vertical-align: middle;
}

.scrapbook-book .scrapbook-book-row .scrapbook-book-row-span-field{
}

.scrapbook-book .si-button input[type="button"],
.scrapbook-book .si-button input[type="submit"]{
	width: auto;
	min-width: 0%;
	float:none;
}
.si-button input[type="button"].high {
	height: 34px;
	margin: 0;
	width: 100%;	
}

.scrapbook-book .scrapbook-table .scrapbook-single-label{
	width: auto;
	height:auto;
}

.scrapbook-book .scrapbook-table .scrapbook-single-label-field{
	/* width: 90%; */
	height: auto;
	padding: 0px;
	margin: auto;
	margin-left: -3em;
}

.scrapbook-book .scrapbook-downloads{
	display: inline-block;
	float:none;
	/*width: auto;*/
	height: auto;
	padding-top: 15px;
	padding-bottom: 5px;
}

.scrapbook-book .scrapbook-downloads #downloadSelected{
	margin-left: 0;
}
.scrapbook-download-span{
	float: right;
}

.scrapbook-book .scrapbook-table .scrapbook-downloads .scrapbook-downloads-field{
	display: inline-block;
	float: none;
	margin: 0px;
}

.scrapbook-book p.chartHeader{
	margin-top: 2px;
	font-family: 'Open Sans', sans-serif;
}

.scrapbook-book .scrapbook-table .scrapbook-downloads input[type="radio"]{
	margin: 0px;
	margin-right: 5px;
}


.measure-select{
	padding-top: 10px;
}
.measure-chart .measure-chart-topics{
	width: 100%;
	height: auto;
	column-count: 3;
}
.measure-chart .meausre-chart-button{
	display: inline-block;
}

.measure-chart .measure-chart-topics .measure-chart-column{
	float: left;
	display: inline-block; 
	width: 100%;
	margin: 5px;
	break-inside: avoid;
}

.measure-chart .si-button input{
	width: auto;
}

.measure-chart-header-drilldown-inner{
	font-weight: regular;
}

.measure-chart .measure-chart-table .si-chart-field-name{
	font-size: 14px;
	margin-right: 5px;
}

.measure-chart .measure-chart-inner-header{
	font-size: 0.85em;
}

.measure-chart .measure-chart-header{
	display: inline-block;	
}

.measure-chart .downloadOptionsInput, .measure-chart-responses-breakdown .downloadOptionsInput{
	color: black;
}

.measure-chart-survey-graph-overlay-options{
	text-align: right;
	vertical-align: top;
	padding: 3px;
	padding-top: 20px;
}

.measure-chart .measure-chart-survey-graph-overlay-options a{
	display: block;
	padding-right: 8px;
}

.measure-chart .measure-chart-survey-graph-overlay-options [id*="graph"]{
	padding-right: 8px;
}

.measure-chart .measure-chart-survey-graph div[id*="graph"]{
}

.measure-chart .measure-chart-survey-middle{
	height: 100%;
}

.measure-chart .measure-chart-survey-table .measure-chart-survey-single-table .measure-chart-middle-button{
	padding: 0px; 
	margin: 0px; 
	height: 100%; 
	background-color: #ebebeb;
	width: 20px;
	min-width:0px;
}
/*
.measure-chart input.measure-chart-middle-button:hover{
	color:inherit;
} 
*/
.measure-chart #downloadOptions input[type=button]{
	float:none;
}

.measure-chart #downloadOptions input[type=button], 
.measure-chart #downloadOptions input[type=submit]{
	min-width: 0;
}

.measure-chart .measure-chart-topic-name{
	display: block;
	width: auto;
	height: auto;
	padding-bottom: 15px;
}

.measure-chart .si-button input[type="submit"]{
	width: 30%;
}

.measure-chart .measure-chart-survey-middle{
	display: table-cell;
	vertical-align: top;
	/* display: inline-block;
	float: left; */
	
}

.measure-chart .measure-chart-curious{
	display: table-cell;
	vertical-align: top;
	/* display: inline-block;
	float: left;
	height: auto; */
	
}

.measure-chart .measure-chart-survey{
	/* display: inline-block;
	float: left;
	vertical-align: top; */
	display: table-cell;
	vertical-align: top;
	height: 507px;
	min-width: 520px;
}

.measure-chart .measure-chart-survey-help{
}

.measure-chart .measure-chart-survey-single-table{
	display: table;
	padding-bottom: 50px;
	height: auto;
}

.measure-chart .measure-chart-top #scrapbookLink{
	width: auto;
	height: auto;
}

.measure-chart .measure-chart-top .si-button{
	display: inline-block;
}

.measure-chart .measure-chart-survey-table [id*="measureHelp"]{
	padding: 10px;
}

/* .measure-chart .measure-chart-survey-table .clickable{
	color: #2c430c !important;
} */

.scrapbook-tab .scrapbook-title, #scrapbook-popup-tabs #graphNameLabel {
	width: 100%;
	text-align: center;
	color: #157d9d;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 26px;
	padding: 10px 0px;
	line-height: 1.2;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	border: 0;
	margin: 0;
	text-decoration: none;
}

.scrapbook-tab{
	font-size: 1em;
	background: white;
}

.scrapbook-tab .scrapbook-header{
	padding-right: 15px;
}
.scrapbook-tab .scrapbook-row{
	padding: 10px;
	/*width: auto;*/
	height: auto;
}

.si-button input[type="button"]:hover{
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
	transition-duration: 0.4s;
	cursor: pointer;
}
.si-button input[type="submit"]:hover {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
	transition-duration: 0.4s;
	cursor: pointer;
} 
.si-button input[type="button"]:hover, 		
.si-button input[type="submit"]:hover,		
.si-button input[type="reset"]:hover,
#userSearch input[type=submit]:hover{		
	background-color: #555555;		
	color: #fff;		
	cursor: pointer;		
	border-color: #a7a7a7;		
	box-shadow: 0 0 4px #cccccc;		
	transition-duration: 0.4s;				
}

.scrapbook-tab #menuTopBar{
	width: 100%;
	text-align: center;
}

.scrapbook-tab select {
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	width: 100%;
	height: 34px;
	background: url(../css/images/icon-down-arrow-off.png) no-repeat;
	background-position: calc(100% - 10px) 10px;
	cursor: pointer;
	padding-right: 35px;
}

.scrapbook-tab select:focus {
	border-color: #a7a7a7;
	box-shadow: 0 0 4px #cccccc;
}
.scrapbook-tab select:hover {
	background: url(../css/images/icon-down-arrow-on.png) no-repeat;
	background-position: calc(100% - 10px) 10px;
}
#scrapbookCount .measure-chart-header{
	font-size: 14px;
}

.form-table-wide, .form-table-wide-oeq, .form-table-wide-mcq {
	width: 99%;
	border: 0;
	border-collapse: collapse;
	font-size: 14px;
}

.form-table-wide .bordered {
	border-bottom: 1px solid #ccc;
}

.form-table-wide .bordered-top {
	border-top: 1px solid #ccc;
}

.form-table-wide .bordered-bottom {
	border-bottom: 1px solid #ccc;
}

.form-table-wide .bordered-left {
	border-left: 1px solid #ccc;
}

.form-table-wide .bordered-right {
	border-right: 1px solid #ccc;
}

.form-table-wide .bordered-full {
	border: 1px solid #ccc;
}

.form-table-wide th, .form-table-wide-oeq th, 
.form-table-wide-mcq th{
	text-align: center;
	border: 1px solid #ccc;
	color: #000;
	background-color: #ededed;
	font-weight: 600;
}

.form-table-wide-oeq td{
	text-align: left;
	border: 1px solid black;
	padding: 2px;
	color: #546f39;
}

.form-table-wide-mcq td{
	text-align: left;
	border: 1px solid black;
	padding: 2px;
	color: #546f39;
}

.survey-table input[type=radio]:not(old){
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

/* .survey-table input[type=radio]:not(old)+label {
	display: inline-block;
	
	line-height: 1.5em;
} */

.new-ux-radio-button input[type=radio]:not(old)+label>span {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: 0.25em 0.1em 0.25em 0.25em;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -ms-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -o-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -webkit-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
	vertical-align: bottom;
	cursor:pointer;
}

.new-ux-radio-button input[type=radio]:not(old):focus + label>span {
	border:1px solid #2693ff;
}
.new-ux-radio-button input[type=radio]:not(old):checked+label>span {
	background-image: -moz-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -ms-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -o-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -webkit-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}

.new-ux-radio-button input[type=radio]:not(old):checked+label>span>span {
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin: 0.1215em;
	border: 0.0625em solid rgb(115, 153, 77);
	border-radius: 0.125em;
	background: rgb(126, 171, 64);
	background-image: -moz-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: -ms-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: -o-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: -webkit-linear-gradient(rgb(179, 217, 140),
		rgb(126, 171, 64));
	background-image: linear-gradient(rgb(179, 217, 140), rgb(126, 171, 64));
}

.si-table .line .other-column{
	text-align: left;
} 

.si-table .si-button-inner{
	padding-bottom: 15px;
}

.si-chart input[type=checkbox]:not(old)+label{
	margin-left: 0;
	margin-top: -18px;
}

.si-chart .si-chart-field-header {
	float: left;
	display: inline-block;
	min-width: 20%;
	width: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #3f3f3f;
}

.container-content .si-chart .si-chart-checkbox{
	min-width: 10%;
	width: 10%;
	margin-top: 3px;
}

.view-report-measures-table{
	display: flex;
	color: 2C430C;
	font-size: 14px;
}

.view-report-measures-table ul{
	margin-top: 0;
    padding-left: 1.5em;
    margin-bottom: 0;
}

.view-report-measures-topic{
	display: inline-block;
	height: auto;
	border-left: 2px solid #3f3f3f;
	width: auto;
	min-width: 15%;
	border-bottom: 2px solid #3f3f3f;
}

.view-report-measures-header{
	height: 60px;
	font-weight: 600;
	width: 100%;
	border-top: 2px solid #3f3f3f;
	padding: 5px;
}

.view-report-measures-line{
	width: 100%;
	border-bottom: 2px solid #3f3f3f;
}

.view-report-measures-table .view-report-measures-values{
	padding: 5px;
}

.view-report-measures-table .view-report-measures-last-right-line{
	float: left;
	display: inline-block;
	width: 0px;
	border-left: 2px solid #3f3f3f;
	flex: 1;
}

.scrapbook-list input[type=radio]{
	opacity: 0;
}

.scrapbook-list .new-ux-radio-button label{
	margin-left: -1.5em;
}

.scrapbook-book .scrapbook-book-top{
	padding-bottom: 15px;
}

.new-ux-input{
	float: left;
	width: 30%;
	padding-top: 5px;
}

.scrapbook-book #scrapbook-addmorecharts{
	float:right;
}

.scrapbook-book .new-ux-input .scrapbook-book-row-span-header{
	width: 61%;
	padding-right: 5px;
	float: left;
	margin-top: 0.5em;
}

/* .scrapbook-book .scrapbook-book-top .new-ux-input .scrapbook-book-row-span-header{
	width: 30%;
} */

.scrapbook-book .scrapbook-book-row #scrapbook-addmoreCharts{
	margin-top: 0.5em;
}

.new-ux-input label>span{
	cursor: pointer;
}



.scrapbook-book .scrapbook-downloads{
	text-align: left;
}

.scrapbook-book .scrapbook-downloads input{
	/*float: left;*/
}

.scrapbook-book .sortable-grid span>span{
	width: auto;
	height: auto;
}

.scrapbook-book .sortable-grid{
	margin-bottom: 10px;
}

.scrapbook-book .scrapbook-book-row .new-ux-radio-button input[type=radio]{
	opacity: 0;
}

.scrapbook-book .new-ux-radio-button{
	/* margin-left: -1.4em; */
	display: inline-block;
	float: middle;
}

.measure-chart input[type=radio]{
	opacity: 1;
}

.si-table .si-content input[type=radio]{
	visibility: hidden;
	display: none;
}

.visibility-hidden{
	visibility: hidden;
}

.scrapbook-book .scrapbook-book-row .new-ux-radio-button label>span{
	/*margin-right: 13px;*/
}

.scrapbook-book .scrapbook-book-row .new-ux-input label{
	margin-left: 0;
}

.scrapbook-book .scrapbook-book-row .new-ux-input input{
	visibility: hidden;
	opacity: 0;
}

.scrapbook-book .scrapbook-book-downloads-div{
	display: inline-block;
	margin-right: 15px;
}

.scrapbook-book .scrapbook-book-downloads-div .scrapbook-book-row-span-header{
	width: auto;
	margin-top: -5px;
}

.measure-chart-single-span .measure-chart-field-header{
	display: inline-block;
	float:left;
	margin-right: 4px;
	vertical-align: middle;
	height: auto;
	width: 65%;
}

.measure-chart-single-span .measure-chart-checkbox{
	display: inline-block;
	float: left;
	vertical-align: middle;
	width: auto;
	height: auto;
}

.measure-chart .measure-chart-column .measure-chart-single-span{
	float: none;
	display: inline-block;
	width: 100%;
	height: auto;
	min-height: 50px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.measure-chart .measure-chart-row-span{
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.measure-chart .new-ux-input{
	width: 100%;
}

.measure-chart .new-ux-input .new-ux-input{
	width: 30%;
}

.measure-chart .new-ux-input .new-ux-input label{
	/* margin-left: -1.5em; */
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-input label{		
	margin-top: 0px;		
}

.measure-chart-inner .measure-chart-single-span  .new-ux-input .new-ux-input{
	width: 10%;
}

.measure-chart-inner .measure-chart-single-span .measure-chart-field-header{
	display: inline-block;
	float:left;
	margin-right: 4px;
	vertical-align: middle;
	height: auto;
	width: 70%;
	/* min-height: 36px; */
}

.measure-chart-inner .measure-chart-single-span .new-ux-input input[type=checkbox]:not(old):checked+label>span:before
{
	content: '✓';
	display: block;
	width: 1em;
	color: rgb(153, 204, 102);
	font-size: 0.875em;
	line-height: 1em;
	text-align: center;
	text-shadow: 0 0 0.0714em rgb(115, 153, 77);
	font-weight: bold;
}

.measure-chart-inner .measure-chart-single-span input[type=checkbox]:not(old)+label{
	line-height: normal;
	/* margin-top: 0px; */
}


.measure-chart-inner .measure-chart-single-span .new-ux-input input[type=checkbox]:not(old)+label>span {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: 0.25em 0.5em 0.25em 0.25em;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -ms-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -o-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -webkit-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
	ign: bottom;
}

.measure-chart .measure-chart-curious-row-drilldown{
	width: 100%;
	display: inline-block;
	min-height: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.measure-chart .measure-chart-curious-row-drilldown .measure-chart-field-header{
	width: 38%;
	margin-top: 8px;
	margin-right: -5px;
	margin-left: 5px;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-radio-button{
	/* margin-left: 15px; */
	width: auto;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-radio-button label{
	
	display: inline-block;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-radio-button input[type=radio]{
	z-index: 9999;
	opacity: 0;
	cursor: pointer;
}

.scrapbook-scroll .scrapbookTag  input[type=checkbox]{
	opacity: 0;
	margin-top: 3px;
	vertical-align: top;
}

.measure-chart .measure-chart-top fieldset .measure-chart-field-header{
	width: 50%;
}

.measure-chart .measure-chart-top .new-ux-input fieldset .measure-chart-row-span {
	/* margin-top: 1px; */
}

.scrapbook-book .scrapbook-book-row-notes{
	width: 100%;
	height: 50px;
	display: inline-block;	
}

.scrapbook-book .scrapbook-book-row-notes-my-notes{
	min-height: 30px;
}

.scrapbook-book .scrapbook-book-row-notes-description{
	margin-bottom: 15px;
}
/*
.scrapbook-book .scrapbook-book-row-select-all{
	height: 30px;
}
*/
.measure-chart .measure-chart-top .new-ux-radio-button{
	margin-left: 0;
}

.measure-chart .new-ux-radio-button{
	margin-top: -3px;
}

.measure-chart  .measure-chart-curious-row-drilldown .new-ux-input{
	width: auto;
	float: left;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-input .new-ux-input{
	margin-top: -13px;
	margin-left: -5px;
}

.measure-chart-single-span .measure-chart-curious-row-drilldown .measure-chart-row-span .measure-chart-row-span{
	margin-top: 0px;
}

.measure-chart-survey-single-table .measure-chart-single-span .measure-chart-curious-row-drilldown .measure-chart-row-span{
	margin-top: 5px;
}

.measure-chart-survey-single-table .measure-chart-single-span .measure-chart-curious-row-drilldown .measure-chart-row-span .new-ux-radio-button{
	margin-top: -5px;
}


.measure-chart .measure-chart-curious-row-drilldown .new-ux-radio-button input{
	margin-top: 12px;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-input label{
	margin-top: -17px;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-radio-button label{
	margin-top: -23px;
}

.measure-chart .measure-chart-curious-row-drilldown .new-ux-input .new-ux-input{
	display:inline-block;
	width: auto;
	height: auto;
}


.measure-chart .measure-chart-top .measure-chart-curious-row-drilldown .new-ux-input input[type=radio]+label{
	margin-top: -18px;
}

.si-table{
	padding-top: 0;
}

.measure-chart .measure-chart-topics .measure-chart-column .new-ux-input.new-ux-input{
	padding-top: 0;
}

.measure-chart .measure-chart-column .si-button{
	padding-bottom: 5px;
}

.si-chart-top-column-side-line{
	height: auto;
	border-left: 1px solid #ccc;
	float: left;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.measure-chart-header{
	margin-bottom: 5px;
}

.measure-chart-responses-breakdown .title{
	margin-bottom: 5px;
}

.measure-chart-responses-breakdown .new-ux-input{
	padding-top: 0;
	width: 20%;
}

.measure-chart-responses-breakdown .new-ux-input .new-ux-input{
	width: 20%;
	margin-top: -3px;
}

.measure-chart-responses-breakdown input[type=radio]:not(old)+label{
	margin-left: -25px;
}

.measure-chart-responses-breakdown input[type=radio]{
	z-index: 9999;
	opacity: 0;
	cursor: pointer;
}

.measure-chart-responses-breakdown #downloadOptions{
	display: inline-block;
	width: 100%;
}

.measure-chart #downloadOptions{
	margin-bottom: 15px;
}

#measure-chart-responses-breakdown-drilldown{
	margin-bottom: 15px;
	width: 100%;
	display: inline-block;
}

#measure-chart-responses-breakdown-submit-button{
	width: 100%;
	float: left;
}

#measure-chart-responses-breakdown-submit-button input[type="submit"]{
	float: left;
	margin-left: 0;
}

.measure-chart-responses-breakdown .si-button{
	width: 40%;
	display: inline-block;
}
.measure-chart-responses-breakdown .si-button input[type="button"]{
	width: auto;
}

#scrapbookLink{
	display: inline-block;
}

#scrapbookCount{
	margin-bottom: 15px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

#scrapbookCountVal{
	color:#E60000;
}

.measure-chart-responses-breakdown .measure-chart-survey{
	margin-bottom: 20px;
}

.scrapbook-book .scrapbook-change{
	margin-bottom: 5px;
}

.scrapbook-book .scrapbook-book-row-span-field{
	margin-bottom: 5px;
}

/* Scrapbok checkboxes */
.scrapbook-book .container-content input[type=checkbox]:not(old) {
	width: 2em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	opacity: 0;
	cursor: pointer;
}

.scrapbook-book.container-content input[type=checkbox]:not(old)+label {
	display: inline-block;
	margin-left: -2em;
	line-height: 1.5em;
}

.scrapbook-book input[type=checkbox]:not(old)+label>div {
	display: inline-block;
	width: 0.875em;
	height: 0.875em;
	margin: 0.25em 0.5em 0.25em 0.25em;
	border: 0.0625em solid rgb(192, 192, 192);
	border-radius: 0.25em;
	background: rgb(224, 224, 224);
	background-image: -moz-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -ms-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -o-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: -webkit-linear-gradient(rgb(240, 240, 240),
		rgb(224, 224, 224));
	background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
	ign: bottom;
}

.scrapbook-book input[type=checkbox]:not(old):checked+label>div {
	background-image: -moz-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -ms-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -o-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: -webkit-linear-gradient(rgb(224, 224, 224),
		rgb(240, 240, 240));
	background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}


.scrapbook-book input[type=checkbox]:not(old):checked+label>div:before
	{
	content: '✓';
	display: block;
	width: 1em;
	color: rgb(153, 204, 102);
	font-size: 0.875em;
	line-height: 1em;
	text-align: center;
	text-shadow: 0 0 0.0714em rgb(115, 153, 77);
	font-weight: bold;
}

.scrapbook-book ipnut[type=checkbox]+label{
	display: inline-block;
}
.scrapbook-book input[type="checkbox"]:not(old)+label {
	vertical-align: middle;
	margin-left: -2.5em;
}

.scrapbook-book .chartHeader{
	min-height: 50px;
	display:inline-block;
	vertical-align: top;
	/* width: 80%; */
	text-align: center;
	max-width: 80%;

}

.scrapbook-book .sortable-grid span{
	height: 200px;
}

.scrapbook-tab .scrapbook-field input{
	margin: 5px;
	width: 100%;
}

.scrapbook-tab .new-ux-radio-button input[type=radio]{
	opacity: 0;
	visibility: hidden;	
}

.scrapbook-tab .new-ux-radio-button{
	display: inline-block;
}

.scrapbook-tab .new-ux-radio-button label{
	margin-left: -20px;
}

.scrapbook-tab .scrapbook-field{
	display: inline-block;
	/*width: auto;*/
}

.scrapbook-tab .scrapbook-header-label{
	vertical-align: top;
	display: inline-block;
	padding-top: 8px;
	padding-right: 5px;
}

#scrapbook-popup-tabs {		
	width: auto;		
	font-size: 14px;		
	/* padding-right: 40px; */		
}		

#scrapbook-popup-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color: #fafafa;
}
#scrapbook-popup-tabs .ui-state-default a, #scrapbook-popup-tabs .ui-state-default a:link,		
	#scrapbook-popup-tabs .ui-state-active a, #scrapbook-popup-tabs .ui-state-active a:link		
	{		
	color: #546f39;		
}		
#scrapbook-popup-tabs .scrapbook-popup-tabs-edit-header {		
	width: 20%;		
	vertical-align: top;		
	display:inline-block;		
}		
#scrapbook-popup-tabs .scrapbook-popup-tabs-edit-field input[type=text]{		
	width: 80%;		
}		
#scrapbook-popup-tabs .scrapbook-popup-tabs-edit-field textarea{		
	width: 80%;		
}		
#scrapbook-popup-tabs .chartHeader{		
	padding-left: 5px;		
}		
/* #scrapbook-popup-tabs .container-content{		
	display: inline-block;		
} */		
#scrapbook-popup-tabs .scrapbook-popup-tabs-edit-field input[type=text] {		
	width: 80%;		
}		
#scrapbook-popup-tabs .scrapbook-popup-tabs-edit-field textarea {		
	width: 80%;		
}		
#scrapbook-popup-tabs .chartHeader {		
	padding-left: 5px;		
}		
#scrapbook-popup-tabs .container-content {		
	display: inline-block;		
	background-color: transparent;		
	margin-left: -10px;		
}		
.scrapbook-popup-tabs-edit-row input[type=submit]:hover{		
	border-color: #a7a7a7;		
	box-shadow: 0 0 4px #cccccc;
}		
.hideinfo-button {		
	float: right;		
	padding-left: 10px;		
	top: 3px;		
	right: 3px;		
}		
#loadingBox-background {		
	display: none;		
	position: absolute;		
	top: 0%;		
	left: 0%;		
	background-color: black;		
	z-index: 1001;		
	-moz-opacity: 0.8;		
	opacity: .80;		
	filter: alpha(opacity = 80);		
}		
#infoPopup {		
	display: none;		
	position: absolute;		
	top: 30%;		
	left: 30%;		
	min-width: 30%;		
	min-height: 30%;		
	padding-top: 5px;		
	padding-bottom: 5px;		
	padding-left: 15px;		
	padding-right: 15px;		
	background-color: white;		
	z-index: 1002;		
	overflow: visible;		
}		
.measure-chart #dropdown-label{		
	min-height: 20px;		
	height: auto;		
	width: auto;		
	max-width: 140px;		
	display: inline-block;
	padding-left: 6px;
}		
#scrapbook-popup-tabs .hideinfo-button{		
	float: right;		
	padding-left: 10px;		
	top: 3px;		
	right: 3px;		
}		
#scrapbook-popup-tabs #chartView{		
	width: auto !important;		
			
}		
.edit-table input[type="reset"] {		
	border: 1px solid #58a545;		
	background: none;		
	width: 25%;		
	min-height: 34px;		
	margin: 4px 0px 4px 10px;		
	float: right;		
	font-size: 16px;		
}	
.edit-table input[type="reset"]:hover {		
	background-color: #555555;		
	color: #fff;		
	transition-duration: 0.4s;		
	cursor: pointer;		
	border-color: #a7a7a7;		
	box-shadow: 0 0 4px #cccccc;
}		
.font-tiny{		
	font-size: x-small;		
}		
.newux-table {		
	border-collapse: collapse;		
	border: 1px solid #2c430c;		
	width: 100%;		
}		
.newux-table td, .newux-table th{		
	border: 1px solid #2c430c;		
	text-align: center;		
	padding: 5px;		
}		
.newux-table a{		
	color: #2c430c;		
	font-weight: 400;		
	text-decoration: underline;		
}		
.newux-table a:hover{		
	#7eab40;		
	text-decoration:underline;		
	font-weight: 500;		
}		
.newux-table th{		
	font-size: 1.2em;		
}		
.half-size{		
	width: 50%;		
}		
.measure-chart-field-header #dropdown-label+img{		
	vertical-align: top;		
}		
#survey-setup-select-survey{		
	vertical-align: top;		
	padding-top: 5px;
}
	
#loadingBox {		
	display: none;		
	position: absolute;		
	top: 40%;		
	left: 35%;		
	width: 20%;		
	height: 10%;		
	padding: 10px;		
	border: 10px solid #dce5fe;		
	background-color: white;		
	z-index: 1005;		
	overflow: auto;		
}		
#loadingBox-background {		
	display: none;		
	position: absolute;		
	top: 0%;		
	left: 0%;		
	background-color: black;		
	z-index: 1001;		
	-moz-opacity: 0.8;		
	opacity: .80;		
	filter: alpha(opacity = 80);		
}		
#infoPopup {		
	display: none;		
	position: absolute;		
	top: 30%;		
	left: 30%;		
	min-width: 30%;		
	min-height: 30%;		
	padding-top: 5px;		
	padding-bottom: 5px;		
	padding-left: 15px;		
	padding-right: 15px;		
	background-color: white;		
	z-index: 1002;		
	overflow: visible;		
}		
#infoPopup-topbar {		
	margin-top: -5px;		
	margin-bottom: -5px;		
	margin-left: -15px;		
	margin-right: -15px;		
	background-color: #D1E7C5;		
	overflow: hidden;		
	min-width: 300px;		
}		
.new-ux-radio-button-margin-left{		
	margin-left: -25px;		
}		
.opacity-zero{		
	opacity: 0;		
}		
.new-ux-radio-button input{		
	cursor: pointer;		
}		
.uppercase{		
	text-transform: uppercase;		
}		
.measure-chart-topic-title{		
	font-size: 16px;		
	float:left;		
	display:inline-block;		
	width: 100%;		
}		
.measure-chart-topic-title .title{		
	width: 75%;		
	margin-right: 4px;		
}		
.measure-chart-topic-title .new-ux-input{		
	width: 20%;		
}		
.measure-chart-topic-title span{		
	display:inline-block;		
	float:left;		
	vertical-align: middle;		
	height: auto;		
}		
.measure-chart-topic-measures{		
	padding-left: 10px;		
	padding-right: 10px;		
}		
.measure-chart .si-break-line-bottom{		
	width: 100%;		
	border: 1.5px dashed #3f3f3f;		
	display: inline-block;		
	margin-top: 3px;		
	margin-bottom: 3px;		
}		

.measure-chart-survey-help a.clickable{		
	float:right;		
}		
.measure-chart-survey-help .measureHelpDescription{		
	display: inline-block;		
}

.survey-table .si-column .content{
	color: black;
}

.resources-video .content-element-parent,
.resources-video .content-element-child {
	padding-left: 5px;
}

.resources-video a:hover{
	cursor: pointer;
}

.container-content .scrapbook-book a{
	color:#2c430c;
	font-weight: 500;
	text-decoration: underline;
}

.container-content .scrapbook-book a:hover{
    font-weight: 500;
    color:#7eab40;
    text-decoration: underline;
}

.sortable-grid {
	padding: 0px;
	margin: 0px;
	font: 0.8em "Trebuchet MS";
}

.sortable-grid span {
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width: 180px;
	height: 192px;
	text-align: center;
	font: 0.8em;
}

.sortable-grid img {
	cursor: hand;
	cursor: pointer;
}

.sortable-grid-placeholder {
	background-color: #E4E4FF;
}

.scrapbook-scroll {
	height: 450px;
	min-height: 450px;
	max-height: 450px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #cccccc;
	background-color: #eee;
	padding-top: 5px;
	margin-right: 5px;
	align: center;
	position: relative;
}

.vertical-align-middle{
	vertical-align: middle
}

.text-align-left{
	text-align: left;
}
.text-align-right{
	text-align: right;
}

/*
.survey-oeq .edit-table input[type=checkbox]+label{
	margin-top: -15px;
}
*/
.survey-oeq input[type=radio]{
	opacity: 0;
}
.survey-oeq input[type=radio]+label{
	margin-left: -1.5em;
}
.survey-oeq #wordCloudLink{
	/*float: left;*/
	padding-right: 5px;
}
#wordCloudLink input[type=button]{
	width:auto;
	margin-left: 0;
}
table.search-results {
	width: 90%;
	margin:auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
	color: #555;
	font-size: 0.8em;
	table-layout: fixed;
	word-wrap: break-word;
}
table.search-results-nowidth {
	margin:auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
	color: #555;
	font-size: 0.8em;
	table-layout: fixed;
	word-wrap: break-word;
}
.search-results-answer {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

table tr td, table tr th {
	padding: 5px 2px;
}
table tr.even {
	background-color: #fafafa;
}
table.search-results tr th {
	text-align: left;
	background-color: #dce5fe;
	border-bottom: 1px solid #787878;
	padding: 5px;
}

table.search-results th.sorted {
	background-color: #d7fbdb;
}

table.search-results tr td {
	padding: 5px;
}

table.search-results tr.alt td {
	background-color: #D1E7C5;
}

.measure-chart  div.hideOptions {
    display: none;
    z-index: 1002;
}
.measure-chart  div.showOptions {
    clear: left;
    background: #d1e7c5;
    z-index: 1002;
}

.si-chart-main-div input[type=radio]{
	opacity: 0;
}

.si-chart-main-div input[type=radio]+label{
	margin-top: -18px;
	display:inline-block;
}

.si-chart-main-div .composing{
	font-size: 1em;
}
.si-chart-main-div .rollup-select-measure-table{
	font-size: 1em;
}

.error{
  text-align: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  align-self: center;
  -webkit-align-self: center;
  margin-top: 90px;

  .panel-heading {
    margin-top: 0px;

    h1 {
      font-style: italic;
      font-weight: bold;
      font-size: 18px;
      padding-top: 20px;
    }
  }
}

.formError{
	color: red;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}

.error p{
  font-size: 14px;
}
.error img{
  max-width: 100px;
  min-width: 50px;
  width: 100%;
}


.survey-setup-available-grades{
	margin-top: -5px;
	height: 35px;
}

.margin-auto{
	margin:auto;
}

.survey-oeq select[multiple=multiple]#grades{
	background: none;
	height: auto;
}

.search-results-index {
	width: 10%;
}

/* View One Click Report; */
.dataTable th {
	border-top: 0px #ccc;
	border-left: 0px #bababa;
	border-right: 0px #bababa;
	border-spacing: 0px;
	color: #333;
	background-color: #bababa;
	background-position: -0px -144px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

.dataTable {
	margin-top: 0.5em;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #fff;
	width: 100%;
}

.dataTable td {
	padding: 3px 3px 3px 3px
}

.dataTable tr.alt td {
	background: #ecf6fc
}

.dataTable tr.highlight td {
	background: #fbfac1
}

.dataTable tr:hover td {
	background: #fbfac1
}

.dataTable td table {
	width: 100%;
}
/* */

.ou-name-header .ou-name+a{
	text-decoration: none;
}

.measure-chart .arrow-img{
	vertical-align: top;
}

div.hiddenDiv {
	display: none;
}

.scrapbook-book .si-button input[disabled]{
	/* background:buttonface; */
	color: graytext;
	pointer-events: none;
	display: none;
}

.measure-chart .measure-chart-single-span .new-ux-input .measure-chart-row-span{
	margin-top: -2px;
}
.measure-chart .measure-chart-top .measure-chart-curious-row-drilldown .measure-chart-row-span:first-child{
	margin-top: 2px;
}
.measure-chart .measure-chart-curious-row-drilldown .measure-chart-row-span:first-child{
	margin-top: 4px;
}


@-moz-document url-prefix()
{
  	/* .rollup-select-measure-table .column .display-block input[type=checkbox]:not(old)+label{		
		margin-top: -15px;
	} */
	.measure-chart .measure-chart-single-span .new-ux-input .measure-chart-row-span{
		margin-top: -3px;
	}
	.measure-chart .measure-chart-single-span .new-ux-input > .measure-chart-row-span{
		margin-top: -6px;
	}
	.rollup-select-measure-table .composing .new-ux-radio-button > .display-inline-block:first-child{
		margin-top: -4px;
	}
	.si-chart .si-chart-inner-row .si-chart-field-header {
		margin-top: 5px;
	}
	.measure-chart .measure-chart-curious-row-drilldown .measure-chart-row-span:first-child{
		margin-top: 0;
	}
	.si-chart .si-chart-curious .si-button input[type=button] {		
		font-size: 0.8em;		
	}
	.measure-chart .measure-chart-top .measure-chart-curious-row-drilldown .measure-chart-row-span:first-child{
		margin-top: 0px;
	}
	.measure-chart .measure-chart-top .new-ux-radio-button{
		margin-top: -8px;
	}
}


.yearTab .year-selected{
	font-weight: bold;
}

.yearTab li a:after{
	display: block;
	content:attr(title);
	font-weight: bold;
	height: 1px;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
}

.measure-chart .si-button input{
	margin: 1px;
}

.measure-chart #downloadOptions #download_to_zip{
	width: auto;
	float: none;
} 

.active-survey-table hr{
	margin:0;
}

#nBox {
	display: none;
	position: absolute;
	padding: 8px;
	font: 0.9em Arial;
	text-align: center;
	background-color: #FF8888;
	z-index: 1002;
	overflow: auto;
	height: 35px;
	valign: center;
}

.measure-chart input[type=checkbox]{
	/* visibility: hidden; */
}

#dialog-tchPerGradeQtn table{
	font-size: 1em;
}

.container-content input[type=checkbox][disabled]{
	cursor: default;
}
.container-content input[type=checkbox][disabled]+label{
	cursor: default;
}

.dynatree-container span.dynatree-folder a{
	font-weight: bold;
	
}
.dynatree-container span.dynatree-folder a:hover{
	text-decroation:underline;
	font-weight: bold;
}

.measure-chart-selection-div .rollup-select-measure-table .display-block span+span{
	margin-top: 2px;
}

/*  ---====  Restyle Jquery UI dialog box  ===---  */

/*
.ui-widget-header {
	border: none;
  	background: none;
  	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 26px;
	padding: 10px 0px;
	color: #546f39;
	line-height: 1.2;
}*/

.ui-widget {
  	font-family: 'Open Sans', sans-serif;
	color: #555555;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  	font-family: 'Open Sans', sans-serif;
}
.ui-widget-content {
	background: #fff none;
}
.ui-widget-header {
	background: #ededed none;
	border: 1px solid #cccccc;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: transparent none;
	color: #555555;
}

.ui-datepicker-header{
	background: #2191c0;
}

.video {
    width: 1000px;
    height: 564px;
}

.keywordGroup1 {
	font-size: 35px;
}
.keywordGroup2 {
	font-size: 24px;
}
.keywordGroup3 {
	font-size: 19px;
}
.keywordGroup4 {
	font-size: 15px;
}
.keywordGroup5 {
	font-size: 13px;
}
.keywordGroup6 {
	font-size: 11px;
}

/* adminHeader */
#adminHeader,#adminHeader ul,#adminHeader li #adminHeader a {
	list-style: none;
	margin: 0;
	padding: 15 60 0 0;
	border: 0;
	font-size: 18px;
	line-height: 1;
}

#adminHeader ul {
	background: #243670 top left repeat; /* #67A9BF */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	padding: 0;
	width: 1000px;
}

#adminHeader ul:before {
	content: '';
	display: block;
}

#adminHeader ul:after {
	content: '';
	display: table;
	clear: both;
}

#adminHeader a,#adminHeader a:link,#adminHeader a:visited {
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border-right: 1px solid #fff;
}
#adminHeader a.end {
	border-right: none;
}

#adminHeader li {
	float: left;
	border-right: 1px solid #;
	width: 20%;
}

#adminHeader li:hover {
	background: #1492b7 top left repeat;
}

#adminHeader li:first-child {
	border-left: none;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

#adminHeader li.selected a{
	background: #58A545 top left repeat; /* 80a237 */
	font-weight: 700;
	font-size: 14pt;
}

#adminHeaderBreadcrumbs {
	margin: 10 0 0 0;
	font-size: 14px;
	line-height: 1;
}

table#form-table th.activeHeader {
	color: #fff;
	background-color: #53824A;
}
table#form-table th.inactiveHeader {
	color: #fff;
	background-color: #A1222D;
}
table#form-table th.composableHeader {
	color: #fff;
	background-color: #157E9E;
}
table#form-table th.normalHeader {
	color: #fff;
	background-color: #757575;
}

#feedback-button {
  background: #69A05B;
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 16px;
  padding: 8px 10px 8px 15px;
  text-decoration: none;
  transition-duration: 0.4s;
  border: 1px solid #cccccc;
  width: 140px;
}

#feedback-button:hover {
  background-color: #555555;
  color: #fff;
  border-color: #a7a7a7;
  box-shadow: 0 0 4px #cccccc;
  text-decoration: none;
}

#feedback-button {
	position: fixed;
    bottom: 0;
    z-index: 999;
}

.view-report-overview .new-line-block-span{
	display: block;
}

iframe#external-frame{
	/*padding-top: 5px;*/
	margin-top: 5px;
}
iframe#external-frame.interactive {
	/*padding-top: 5px;*/
	margin-top: 0px;
	/*
	position: relative;
	z-index: 999;
	*/
}


h2.container-content-h2{
	/*font-size: 18px;*/
	font-size:14pt;
	font-weight:700;
	color: #fff;
	background-color: #58a545;
	padding: 0 0 2px 3px;
	line-height: 1.5;
    margin-bottom: 20px;
}

h1.container-content-h1{
	font-size: 26px;
	font-weight: 400;
	color: #157d9d;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 40px;
}

.bg-color-127FA1{
	background-color:#127FA1;
}

.bg-color-E60000{
	background-color:#E60000;
}

.accessSkipLink{
	height: 1px;
	left: -10000px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	transition: top .2s ease-out;
}

.accessSkipLink:focus{
	position: relative;
	left: 0px;
	z-index: 10;
	color: #000080;
}

.accessSkipLinkDiv{
	position:absolute;
	background-color: white;
	z-index: 10;
	height: 15px;
}

.container-content .userManagerBtn{
	margin:0;
	margin-left:4px;
	margin-top:4px;
	padding:0;
	min-width: 10px;
	width:20px;
	height:20px;
	border-style:none;	
}

/* Hides things offscreen */
.hidden{
	position:absolute;
	left:-999999px;
	width: 500px;
}

.newAlert{
	border: 3px solid red;
	margin: 10px;;
}


/* Stuff for the interactive-charts, Further-Details, Breakdown tables 
( ictable = interactive charts table)   */

.ictableTitle{
	text-align:center;
	font-weight:700;
}

.ictable{
	border-collapse: collapse;
	min-width: 400px;
}

.ictable th{
	background-color: #bababa;
	border:1px solid;
	padding:5px;
	font-weight: 700;
	text-align: center;
	padding: 2px 2px 2px 2px;
	text-transform: capitalize;
}

.ictable td{
	border:1px solid;
	padding:5px;
}

.ictable .number-cell{
	text-align: right;
}
.ictable tr:hover td {
	background: #fbfac1
}
caption{
	padding-bottom: 5px;
}



/* Begin Stuff for ParentOU table in view reports */

.fou-table{
	display:flex;
	flex-flow:column;
	flex-grow:1;
}

.fou-table-row{
	justify-content: space-evenly;
	display:flex;
	flex-flow:row;
	align-items: space-between;
}

.fou-table-column{
	display:flex;
	flex-flow:column;
	align-items: space-between;
	flex-grow:1;
}

.fou-table-cell{
	padding:4px;
	
	width:100%;
	height:100%;
	
	display:flex;
	flex-flow:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	
	border-width:1px;
	border-style:solid;
	border-color:rgb(204, 204, 204);
	
	border-bottom:none;
	border-left:none;
}

.fou-table-firstCol{
	width:20%;
}

.fou-table-otherCol{
	width:26%;
}

.fou-table-cell-item{
	font-family: "Open Sans", sans-serif;
	font-size: 12.8px;
	margin:3px;
}

.fou-table-cell-header{
	font-weight:600;
	color: #243670;
}


.pou-table{
	margin:0px;flex-grow:1;
}

.pou-table .first-column{
	width: 130px;
}

/* END Stuff for ParentOU table in view reports */

/* ManageUserRole specific styles */
.manageUserRoleContainer {
	position: relative;
    font-size: 0.9em;
}

.manageUserRoleContainer .loading-spinner {
    position: absolute;
    top: 40%;
    left: 45%;
    transform: translate(-50%, -50%);
    /* other styles you may have */
}

.manageUserRoleContainer table {
    width: 100%;
    border-collapse: collapse;
}

.manageUserRoleContainer th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.manageUserRoleContainer tr {
	border-bottom: 1px solid #e0e0e0;
}

.manageUserRoleContainer button {
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    border: 1px solid #cccccc;
}

.manageUserRoleContainer .addRoleButton {
	float: left;
}

div[aria-describedby="add-role-dialog"] .ui-dialog-titlebar {
    background-color: #d1e7c5;
}
/* End ManageUserRole specific styles */