@font-face {
	font-family: openSans;
	src: url('OpenSans-Light.ttf');
}

@font-face {
	font-family: openSans;
	src: url("OpenSans-Light.eot") /* EOT file for IE */
}

dd, .hide, #dropDown, #dropDownGweinyddu, #dropDownHanesyddol, .matrixHide, .completedActions {
	display: none
}
/* May have to remove this before live if not js dependant- it is inserted in JS init, but this prevents the flash at the start */

body {
	font-family: openSans;
	color: #3c3c3b;
}

.en {
	display: none;
}
/*fonts and text*/
h1 {
	font-weight: normal;
	font-size: 30px;
}

h4 {
	font-weight: normal;
}

.small {
	font-size: 12px;
}

.ysgol {
	font-size: 24px;
}

.title {
	padding: 5px 0 10px 0;
	font-size: 32px;
	color: #17a5c6;
	font-weight: lighter;
	float: left;
}

.frontpagedetails {
	display: inline-block;
	float: left;
	margin-bottom: 25px;
}

.logos {
	float: right;
	display: inline-block;
}

ul {
	list-style-position: outside !important;
	margin-left: 20px !important;
}

li {
	line-height: 20px;
	color: #3c3c3b;
}

	li:before {
		color: #3c3c3b; /* or whatever color you prefer */
	}

.strong {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.6px;
}

.matrix .strong {
	font-size: 20px;
}

input[type="submit"] {
	background: #17a5c6;
	color: #FFFFFF;
	border: none;
	font-family: openSans;
	padding: 6px 30px 6px 30px;
}

.clear {
	clear: both;
}

input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

	a.existingFile {
		color: #17a5c6;
	}

input[type="submit"].warningButton {
	width: auto;
	margin-top: -3px;
	height: 31px !important;
}

input#search {
	width: 170px;
	height: 25px;
	background: #1e1e1e;
	border: none;
	font-size: 10pt;
	color: #575757;
	padding-left: 30px;
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
}

	input#search:hover {
		background: #FFFFFF;
	}

	input#search:focus {
		background: #FFFFFF;
	}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #575757;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #575757;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #575757;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #575757;
}

.searchIcon {
	position: absolute;
	margin-left: 10px;
	margin-top: 3px;
	z-index: 1;
	color: #4f5b66;
	float: left;
}

.titleFront {
	margin-top: 10px;
}
/*DIVS*/


/* Header Styles */
#headerWrapper #header #topBar #subBar {
	width: 100%;
}

#strapline {
	text-align: right;
	padding: 3px 5% 0 0;
	color: #a8dadf;
}

#topBar {
	height: 25px;
}

#subBar {
	height: 50px;
	background-image: url('../img/menu_backdrop.png') !important;
	background-repeat: no-repeat !important;
	background-position: left top;
}

#logo {
	float: left;
	color: #FFFFFF;
	padding: 17px 0px 0px 5%;
}

#lincs {
	float: right;
	color: #FFFFFF;
	padding: 0px 5% 0px 0px;
}

#home_image {
	margin-top: 30px;
	margin-bottom: 6px;
}

#dropDown {
	clear: both;
	width: 100%;
	/* padding: 20px; */
	/*background: #17a5c6;*/
	/* display:none; */
}

.dropDownItems {
	padding: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.lincItem {
	float: left;
	border-left: solid 1px #555555;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
}

	.lincItem a, .lincItem span {
		display: block;
		padding: 0 10px 0 10px;
	}

.last {
	border-right: solid 1px #555555;
}


/* Ensure Chart.js canvases scale correctly within their containers */
.areaMenu canvas, .dropDownItems canvas {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.areaMenu {
	color: #FFFFFF;
	text-align: center;
	width: 25%;
	cursor: pointer;
	float: left;
	padding: 20px 0 20px 0;
}

.hidden {
	display: none;
}

.areaMenu p {
	padding-top: 14px;
	font-size: 14px;
	letter-spacing: 0.6px;
	line-height: 17px;
	min-height: 35px;
}

.areaMenu img:hover {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(25deg) scale(1.1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
	-moz-transform: rotate(25deg) scale(1.1); /* Fx 3.5-15 */
	-ms-transform: rotate(25deg) scale(1.1); /* IE 9 */
	-o-transform: rotate(25deg) scale(1.1); /* Op 10.5-12 */
	transform: rotate(25deg) scale(1.1); /* Fx 16+, IE 10+ */
}

.areaMenu img {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(0deg) scale(1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
	-moz-transform: rotate(0deg) scale(1); /* Fx 3.5-15 */
	-ms-transform: rotate(0deg) scale(1); /* IE 9 */
	-o-transform: rotate(0deg) scale(1); /* Op 10.5-12 */
	transform: rotate(0deg) scale(1); /* Fx 16+, IE 10+ */
}

.disabled {
	background: #3c3c3b;
}

.enabled {
	background: url('../img/triongl.png') no-repeat center bottom #3c3c3b;
}

/*Content */
#loginWrapper {
	width: 100%;
	background:;
	height: 250px;
	background: url('../img/login_trianles.jpg') no-repeat #17a5c6;
	background-position: 200px 0px;
}

#loginContent {
	padding: 60px 0px 80px 0px;
}

#ForgorPasswordPosition {
	width: 25%;
	margin: 0 auto;
}

#loginText {
	float: left;
	color: #FFFFFF;
	font-size: 40px;
	text-align: right;
	width: 49%;
	margin-right: 1%;
}

#loginForm {
	float: left;
	width: 49%;
	text-align: left;
	margin-top: 4px;
}

	#loginForm input {
		clear: both;
		height: 30px;
		width: 200px;
		border: none;
		margin-bottom: 10px;
		padding-left: 10px;
	}

		#loginForm input[type='submit'] {
			clear: both;
			height: auto;
			width: auto;
			padding: 5px 30px 5px 30px;
			border: 1px solid #FFFFFF;
			cursor: pointer;
		}

			#loginForm input[type='submit']:hover {
				color: #17a5c6;
				background: #FFFFFF;
			}

#contentWrapper {
	clear: both;
	margin-top: 40px;
	padding: 0px 5% 0px 5%;
}

.elementInfo {
	width: 98%;
	margin: auto;
}

.contentBox {
	width: 100%;
	font-size: 14px;
	clear: both;
	margin-bottom: 30px;
}

.boxHeader {
	color: #FFFFFF;
	font-size: 14px;
	padding: 8px 0 8px 8px;
}

.boxHeaderSmall {
	padding: 5px 0 0px 1px;
}

.boxHeaderNo {
	border-top: 1px solid #9e9e9e;
}

.boxContent {
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	background: #f5f5f5;
	line-height: 20px;
}

.assessment {
	width: 100% !important;
	float: left;
	margin-right: 0.5%;
}

.matrix {
	color: #FFFFFF;
	width: 25% !important;
}

.matrixWidth {
	width: 10%;
}

.matrixClick {
	cursor: pointer;
}

.actionColumn {
	color: #FFFFFF;
}

.off {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 5px solid #f5f5f5;
}

.on {
	/*
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		border:5px solid #3c3c3b;
		z-index:10000;
		position:relative;*/
}

.matrix p {
	padding: 10px 18px 0px 10px;
	font-weight: normal;
	letter-spacing: 0.8px;
	line-height: 20px;
}

.matrixHide td {
	padding-bottom: 10px;
}

.ipmroveSuggest {
	clear: none;
	width: 29% !important;
	float: right;
	height: 50px;
}

.leftHeader {
	padding-top: 0px
}

.greyClick {
	background: #17a5c6;
	width: 100%;
	height: 6px;
	text-align: center;
	cursor: pointer;
}

.arrow {
	line-height: 20px;
	height: 20px;
	z-index: 1000;
	position: absolute;
	margin-left: 43%;
	background: #17a5c6;
	padding: 0px 15px 0px 15px;
}

.improv {
	height: 500px;
}

.tagiau {
	padding-top: 12px;
}

.titles {
	font-weight: normal;
	font-size: 15px;
}

.quater {
	float: left;
	width: 25%;
	height: 6px !important;
	line-height: 32px;
}

.lastEdited {
	float: right;
	padding: 4px;
	color: #3c3c3b;
	max-width: 260px;
	text-align: center;
	margin-bottom: 10px;
	border-top: 1px solid #9e9e9e;
	font-size: 14px;
}

.strandTitle {
	float: left;
	width: 50% !important;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

.assessMarking {
	float: left;
	width: 12.4%;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

.matrixClick {
	width: 100%;
	height: 50px;
	margin-top: 10px;
}

.row {
	border-bottom: 4px solid #f5f5f5;
	background: #d8d8d8;
}

#overlay {
	display: none;
	top: 0;
	left: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	background: url('../img/opacity.png');
	z-index: 10001;
}

#warning, #saveFed {
	color: #FFFFFF;
	text-align: center;
	padding: 20px;
	padding-bottom: 40px;
}

	#warning .errorText, #saveFed .errorText {
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	#warning p, #saveFed p {
		font-size: 14px;
	}

#warningWrapper, #saveFedWrapper, #showCommentWrapper, #previousVersionWrapper, #sureDeleteWrapper {
	display: none;
	top: 40%;
	left: 0;
	width: 100%;
	position: fixed;
	background: #17a5c6;
	z-index: 10002;
}

#previousVersionWrapper {
	top: 20% !important;
}

#showCommentWrapper {
	top: 20% !important;
}

#sureDeleteWrapper {
	top: 40% !important;
}

#showComment .tox-toolbar-overlord {
	margin-bottom: 20px;
}

#showComment, #previousVersion, #deleteMessage {
	color: #FFFFFF;
	text-align: center;
	padding: 20px;
	padding-bottom: 40px;
}

#previousVersion {
	overflow-y: auto;
	max-height: 600px;
}

#deleteMessage {
	padding-bottom: 20px;
}

	#deleteMessage .errorText {
		margin-bottom: 20px;
		font-size: 14px;
	}

	#deleteMessage p {
		font-size: 14px;
		margin-bottom: 5px;
	}

#saveWrapper {
	display: none;
	top: 40%;
	width: 100%;
	position: fixed;
	background: #17a5c6;
	z-index: 10002;
}

#saveMessage {
	color: #FFFFFF;
	text-align: center;
	padding: 20px;
	padding-bottom: 40px;
}

.previousVersion {
	float: right;
	padding: 8px;
	margin-top: -8px;
	border-left: 4px solid #ffffff;
	text-align: center;
}

#showComment .errorText, #previousVersion .errorText {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 40px;
}

#showComment, #previousVersion p {
	font-size: 14px;
	margin-top: 20px;
}

.actionRow {
	width: 100%;
	margin-bottom: 10px;
}

.actionPlans {
	margin-top: 10px;
	margin-left: 10px;
}

.actualActionWrapper {
	width: 100%;
	margin-bottom: 10px;
}

.actualAction {
	width: 70%;
	border: 1px solid #9e9e9e;
	background: #FFFFFF;
	padding: 10px;
	color: #000000;
}

.actualAction_100 {
	width: 100%;
	border: 1px solid #9e9e9e;
	background: #FFFFFF;
	padding: 10px;
	color: #000000;
}

.actionWhom {
	vertical-align: top;
	width: 20%;
	padding: 0% 1% 0% 1%;
	border-right: 1px solid #9e9e9e;
}

	.actionWhom input {
		width: 90%;
	}

.dateText {
	font-size: 12px;
	color: #a0a0a0;
}

.actionCompleted {
	text-align: center;
	vertical-align: middle;
}

.tickBox {
	cursor: pointer;
}

.completedStrands {
	background: #00b050;
	color: #FFFFFF;
	padding: 5px 0px 5px 10px;
}

.strandClick {
	background: #3c3c3b;
	width: 100%;
	height: 6px;
	text-align: center;
	margin-bottom: 18px;
	cursor: pointer;
}

	.strandClick .arrow {
		background: #3c3c3b !important;
	}

.nonCompleted {
	margin-top: 10px;
}

.completedActions {
	margin-top: 10px;
}

.actionTitle {
	float: left;
	width: 79%;
}

.inStrand {
	float: right;
	width: 20%;
	clear: right;
	text-align: center;
	border-left: 1px solid #FFFFFF;
}

.warningButton {
	border: 1px solid #FFFFFF !important;
	padding: 5px 50px 5px 50px !important;
	cursor: pointer;
	margin-right: 4px;
}

	.warningButton:hover {
		background: #FFFFFF !important;
		color: #17a5c6 !important;
		cursor: pointer;
	}

.uploadedDocuments {
	padding: 20px 20px 20px 20px;
	width: 100%;
	box-sizing: border-box;
}

.sourcesEvidence, .uploadDocs {
	margin-top: 20px;
	float: left;
	width: 50%;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}

.evidenceUpload .boxContent {
	overflow: hidden;
	box-sizing: border-box;
}

.evidenceUpload .sourcesEvidence,
.evidenceUpload .uploadDocs {
	float: left !important;
	width: 50% !important;
	clear: none !important;
	box-sizing: border-box;
}

.sourcesEvidence ul {
	margin-top: 20px;
}

.rightBorder {
	border-right: 1px solid #c9c9c9;
	min-height: 430px;
}

.bottomBorder {
	border-bottom: 1px solid #c9c9c9;
}

.dropzone {
	min-height: 200px !important;
	margin-top: 10px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.existing {
	width: 300px;
	height: 30px;
}

.uploadedDocuments table {
	margin-top: 10px;
	width: 100%;
}

.uploadedDocuments tr:hover {
	background: #dbdbdb;
}

.uploadedDocuments td {
	padding: 6px;
}

.file {
	width: 34%;
	color: #17a5c6;
}

	.file img {
		padding-right: 10px;
	}

.comment, .delFile {
	display: none;
}

.col10 {
	width: 10%;
}

.evidenceHeight {
	height: 303px;
}

.botwmUwchlwytho {
	margin-top: 20px;
}

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

	.improv {
		height: 600px;
	}
}

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


	.improv {
		height: 900px;
	}
}

@media screen and (max-width: 820px) {
	.removeFile {
		padding: 0px !important;
	}
}

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

	.contentBox, .improveSuggest {
		width: 100% !important;
		clear: both;
		float: none;
		height: auto;
	}

	.improv {
		height: auto;
	}
}

@media screen and (max-width: 1050px) {
	#subBar {
		height: 130px;
		background: #3c3c3b;
		background-image: none !important;
	}

	#logo {
		float: none;
		text-align: center;
	}

	#lincs {
		float: none;
		clear: both;
		padding-top: 40px;
		width: 90%;
		margin: auto;
	}
}



@media screen and (max-width: 952px) {
	.matrix {
		float: left;
		height: auto;
		clear: both;
		width: 100% !important;
	}

	.contentBox, .improveSuggest {
		width: 100% !important;
		clear: both;
		float: none;
		height: auto;
	}

	.improv {
		height: auto;
	}

	.sourcesEvidence, .uploadDocs {
		clear: both;
		width: 100%;
		min-height: auto !important;
		border-right: none !important;
		border-bottom: 1px solid #c9c9c9;
	}

	#loginText {
		clear: both;
		text-align: center;
		float: none;
		width: 100%;
		margin: auto;
		margin-top: -60px;
	}

	#loginForm {
		clear: both;
		text-align: center;
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	#subBar {
		height: 130px;
		background: #3c3c3b;
	}

	#logo {
		float: none;
		text-align: center;
	}

	#lincs {
		float: none;
		clear: both;
		padding-top: 40px;
		width: 90%;
		margin: auto;
	}

	#strapline {
		float: none;
		text-align: center;
	}

	#topBar {
		height: 40px;
	}

	.gweinydduMenuWrapper, .headerMenuWrapper {
		padding: 20px 0px 20px 0px !important;
		width: 80% !important;
	}
}

@media screen and (max-width: 895px) {
	#subBar {
		height: 180px;
		background: #3c3c3b;
	}
}

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

	#logo {
		float: none;
		text-align: center;
	}

	#lincs {
		float: none;
		clear: both;
		padding-top: 40px;
		width: 90%;
		margin: auto;
	}

	#strapline {
		float: none;
		text-align: center;
	}

	#topBar {
		height: 40px;
	}

	.titles {
		font-size: 12px;
	}

	.matrixTable td.strandText {
		font-size: 12px;
	}

	.matrixTable td.actionColumn {
		font-size: 10px;
	}

	.uploadedDocuments td {
		padding: 1px;
		font-size: 12px;
	}
}


@media screen and (max-width: 480px) {
	#subBar {
		height: auto;
		background: #3c3c3b;
	}

	.areaMenu {
		clear: both;
		margin-bottom: 20px;
	}

	.gweinydduMenuWrapper, .headerMenuWrapper {
		padding: 20px 0px 20px 35% !important;
	}

	.areaMenu p {
		margin-left: 30px;
	}

	.lincItem {
		float: none;
		width: 90%;
		clear: both;
	}

	.last {
		border-right: none;
	}
}


@media screen and (max-width: 415px) {
	#subBar {
		height: auto;
		background: #3c3c3b;
	}
}

@media screen and (max-width: 340px) {
	#subBar {
		height: auto;
		background: #3c3c3b;
	}
}

.suggestEvidence {
	float: left;
	width: 29%;
}

.evidenceSupportJudgement {
	clear: none;
	float: right;
	width: 100%;
}

.actionsImprov {
	clear: none;
	float: right;
	width: 100%;
}

.actionPlanAdd {
	clear: both;
}

.addNewAction {
	color: #FFFFFF;
}

.textbox {
	padding: 0px;
}

.arbedWrapper {
	clear: both;
	float: right;
	/* padding-bottom: 20px; */
	position: fixed;
	z-index: 1000;
	background: rgba(60, 60, 59, 0.6);
	/* height: 40px; */
	/* width: 200px; */
	bottom: 0%;
	margin-left: -10%;
	width: 110%;
	text-align: center;
	padding: 10px 0px 10px 0px;
	/*box-shadow: 2px 2px 20px #000000;		*/
}

	.arbedWrapper input[type='submit'] {
		width: 20% !important;
	}

.textbox {
	border: none;
}

.botwm {
	cursor: pointer;
}

/*Colors*/
.matrixTable td {
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.strandText {
	vertical-align: top;
	padding: 10px;
	text-align: left !important;
}

.blue {
	background: #17a5c6 !important;
}

	.blue a {
		color: #fff !important;
		text-decoration: underline;
	}

.blueText {
	color: #17a5c6;
}

.black {
	background: #3c3c3b !important;
}

th.black {
	padding: 0px 6px 0px 6px;
}

.green {
	background: #00b050 !important;
	color: #FFFFFF;
	line-height: 32px;
	border-right: 3px solid #ffffff;
}

th.green {
	padding: 0px 6px 0px 6px;
}

.green.on {
	background: url('../img/tick.png') no-repeat right bottom #00b050;
}

.yellow {
	background: #e4b905 !important; /*#e5ba05*/
	;
	color: #FFFFFF;
	border-right: 3px solid #ffffff;
}

th.yellow {
	padding: 0px 6px 0px 6px;
}

.yellow.on {
	background: url('../img/tick.png') no-repeat right bottom #e4b905 /*e5ba05*/;
}

.orange {
	background: #e5332a !important;
	color: #FFFFFF;
	border-right: 3px solid #ffffff;
}

th.orange {
	padding: 0px 6px 0px 6px;
}

.orange.on {
	background: url('../img/tick.png') no-repeat right bottom #e5332a;
}

.red {
	background: #e5332a !important;
	margin-right: 0px;
	color: #FFFFFF;
}

th.red {
	padding: 0px 6px 0px 6px;
}

.red.on {
	background: url('../img/tick.png') no-repeat right bottom #e5332a;
	margin-right: 0px;
}

.addAction {
	cursor: pointer;
}

	.addAction img {
		Margin-top: 6px
	}


/*Accordion CSS*/
.accordion {
}
	/*padding inside the block*/
	.accordion dt {
		clear: both;
		margin-top: 10px;
	}

	.accordion dd {
		padding: 10px;
	}

		.accordion dt:last-of-type, .accordion dd:last-of-type {
		}

		.accordion dt h4, .accordion dd h4 {
			color: #FFFFFF;
			line-height: 130%;
			cursor: pointer;
			padding: 10px;
		}

.nonActive {
	background: url('../img/icon_closed.png') no-repeat right;
	margin-right: 10px;
}

.active {
	background: url('../img/icon_opened.png') no-repeat right;
	margin-right: 10px;
}


.accordion dd {
	border-top: 0;
	font-size: 12px;
}

	.accordion dd:last-of-type {
		position: relative;
		top: -1px;
	}

a {
	text-decoration: none;
}

.actionHeader {
	padding: 10px;
	color: #FFFFFF;
}

.actionsImprov .tox-editor-container {
}

.noBorder {
	border-left: none;
}

/* Edited specific for ICT */
.error {
	display: block;
	padding: 6px;
	text-align: center;
	color: #FFb7b7;
	background-color: #e5332a;
	margin-bottom: 4px;
}

.message {
	display: block;
	padding: 6px;
	text-align: center;
	color: #b3f7b3;
	background-color: #14d069;
	margin-bottom: 4px;
}

.edit, .removeMCE, .returnAction, .previousVersion, .removeMCESimple, .comment, .delFile {
	cursor: pointer;
}
/*
IE 8 Message
*/

.browserChange {
	width: 100%;
	color: #FFFFFF;
	background: #1AC0A0;
	height: 140px;
}

.browserText {
	padding: 20px;
}

	.browserText p {
		font-weight: bold;
		margin-top: 18px;
		margin-left: 100px;
	}

/*Gareth CSS*/

/* Main Content Styles */
#contentWrapper {
	clear: both;
	margin-top: 40px;
	margin-bottom: 20px;
}

.contentTemplate {
	width: 100%;
	background: #f4f4f4;
	height: auto;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 10px;
}

.pageTitle {
	padding-bottom: 30px;
}

input[type="submit"] {
	width: 232px;
	height: 32px !important;
	color: #FFFFFF;
	background: #17a5c6;
	padding: 5px;
	cursor: pointer;
}

	input[type="submit"]:hover {
		background: #30b3d6;
	}

.btn:link, .btn:visited {
	text-decoration: none;
	font-size: 13px;
	height: 22px;
	color: #FFFFFF;
	background: #17A5C6;
	padding: 5px 14px 5px 14px;
	display: inline-block;
	line-height: 20px;
	width: auto;
}

.btn:hover, .btn:active {
	background: #30b3d6;
	color: #fff;
}

.contentTemplate select {
	border: 1px solid #999999;
	color: #000000;
	padding: 5px;
	width: 262px;
	font-family: openSans;
}

.contentTemplate input[type="text"], .searchBar input[type="text"] {
	border: 1px solid #999999;
	color: #000000;
}

.contentTemplate input[type="password"] {
	border: 1px solid #999999;
	color: #000000;
}

.contentTemplate input, .searchBar input {
	padding: 5px;
	width: 250px;
	font-family: openSans;
}

	.contentTemplate input[type="submit"], .searchBar input[type="submit"] {
		width: auto !important;
		padding: 0 14px 0 14px;
	}

	.contentTemplate input[type="submit"], .searchBar input[type="submit"], a.btn {
		margin: 4px 0px;
	}

.editTable {
	margin-bottom: 40px;
}

	.editTable td {
		padding: 6px;
		width: 260px;
	}

.floatingPanel {
	float: left;
	padding-right: 8px;
}

.members {
	margin-top: 8px;
}

/* Full Width Table Style */
table {
	font-size: 14px !important;
	margin: 10px 0px 8px 0px !important;
}

.tableContent {
	padding-top: 0px;
	background: none;
}
/* Full Width */
.fullWidthTable {
	width: 100%;
}

	.fullWidthTable td, .fullWidthTable th {
		text-align: left;
		padding: 8px 4px 8px 4px;
	}

		.fullWidthTable td:nth-child(1), .fullWidthTable th:nth-child(1) {
			padding-left: 5%;
		}

	.fullWidthTable tr {
		border-bottom: 1px solid #dadada;
	}

	.fullWidthTable thead tr {
		background: #ededed
	}

	.fullWidthTable tbody tr:nth-child(odd) {
		background: #f4f4f4
	}

	.fullWidthTable tbody tr:nth-child(even) {
		background: #ededed
	}
/* end full width */

/* Constrained*/
.constrainedTable {
	margin-top: 30px;
	width: 100%;
}

	.constrainedTable td, .constrainedTable th {
		text-align: left;
		padding: 8px 6px 8px 6px;
	}

		.constrainedTable td:nth-child(1), .constrainedTable th:nth-child(1) {
			padding-left: 0%;
		}

	.constrainedTable tr {
		border-bottom: 1px solid #dadada;
	}

		.constrainedTable tr:nth-child(even) {
			background: #f4f4f4
		}

		.constrainedTable tr:nth-child(odd) {
			background: #ededed
		}
/*end*/

.sub {
	margin-top: 6px;
	color: #C1BBBB;
	font-weight: normal;
	font-size: 12pt;
}

.main {
	font-size: 22pt;
	font-weight: normal;
}

/*Gethin*/
#grwpiau a {
	color: #17a5c6;
}

#defnyddwyr a {
	color: #17a5c6;
}

.enabledGweinyddu {
	background: url('../img/trionglGweinyddu.png') no-repeat center bottom #3c3c3b;
}

#dropDownGweinyddu, #dropDownHanesyddol {
	background: #17a5c6;
	color: #fff;
}

#dropDownGweinyddu, .headerDropDown {
	clear: both;
	width: 100%;
}

.gweinydduMenuWrapper, .headerMenuWrapper {
	padding: 20px 0px 20px 0px;
	width: 50%;
	margin: auto;
}

	.gweinydduMenuWrapper .areaMenu {
		width: 33%;
	}

.canol {
	padding: 20px 0px 20px 40% !important;
}

.loginLinks {
	font-size: 85%;
	line-height: 18px;
}

	.loginLinks a:hover {
		color: #bbf9ff;
	}

.anghofioCyfrinair {
	color: white;
	font-size: 25px;
	padding-bottom: 20px;
}

.commentHeight {
	margin-top: 20px;
}

.uploadCompStyle {
	color: #17a5c6;
	font-size: 24px !important;
	margin-top: 60px;
	line-height: 25px !important;
}



/*ESTYN*/

.estyn {
	border-collapse: collapse;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 20px;
}

	.estyn td {
		padding: 10px;
		background: #f5f5f5;
	}

.estynHeader td {
	background: #3c3c3b !important;
	color: #FFFFFF;
	font-size: 28px;
	padding: 10px 0px 10px 10px;
}

	.estynHeader td:nth-child(1) {
		width: 10%;
		border-right: 1px solid #FFFFFF;
	}

	.estynHeader td:nth-child(2) {
		width: 30%;
		border-right: 1px solid #FFFFFF;
	}

	.estynHeader td:nth-child(3) {
		width: 49%;
	}

.estynHeader {
	clear: both;
}

.estyn p {
	text-indent: -40px;
	margin-left: 40px;
	line-height: 20px;
	margin-bottom: 20px;
}

.estyn .teitl {
	font-size: 28px;
}

.blueCell {
	background: #17a5c6 !important;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.firstCol {
	border-collapse: collapse;
	border-top: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
}

.secondCol {
	border-collapse: collapse;
	border-top: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
}

.firstRow {
	height: 10px;
	border-top: 2px solid #d8d8d8;
}

.lastRow {
	border-bottom: 2px solid #d8d8d8;
}

a.blueLink {
	color: #17a5c6;
}

.botwmUwchlwytho input[type="submit"] {
	width: 150px !important;
}

/*PAGINTATION*/
ul.pagination {
	list-style: none;
	clear: both;
	margin-left: 0px !important;
	margin-top: 10px;
	margin-bottom: 15px;
}

.pagination li {
	display: inline;
	background: #17a5c6;
	padding: 5px;
}

li.current {
	background: #00b050;
	color: #FFFFFF;
}

li.disabled {
	color: #FFFFFF;
}

.reportButton {
	float: left;
	width: 16%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 5%;
}

.reportButtonWrapper {
	padding: 10%;
}

	.reportButtonWrapper p {
		margin-top: 10px;
	}

#reportSection {
	clear: both;
	margin-top: 10px;
	padding-top: 19px;
}

.reportWrapper {
	margin-top: 20px;
	clear: both;
}

.reportHeader {
	font-size: 30px;
}

@media screen and (max-width: 415px) {
	.reportButton {
		float: left;
		width: 90%;
		margin-top: 5%;
		margin-left: 5%;
		text-align: center;
		min-width: 160px;
		min-height: 230px;
	}
}

.reportButtonWrapper img:hover {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(25deg) scale(1.1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
	-moz-transform: rotate(25deg) scale(1.1); /* Fx 3.5-15 */
	-ms-transform: rotate(25deg) scale(1.1); /* IE 9 */
	-o-transform: rotate(25deg) scale(1.1); /* Op 10.5-12 */
	transform: rotate(25deg) scale(1.1); /* Fx 16+, IE 10+ */
}

.reportButtonWrapper img {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(0deg) scale(1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
	-moz-transform: rotate(0deg) scale(1); /* Fx 3.5-15 */
	-ms-transform: rotate(0deg) scale(1); /* IE 9 */
	-o-transform: rotate(0deg) scale(1); /* Op 10.5-12 */
	transform: rotate(0deg) scale(1); /* Fx 16+, IE 10+ */
}

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

#defnyddwyr a {
	margin-right: 10px;
	padding-right: 3px;
}

#defnyddwyr tr:nth-child(1), #grwpiau tr:nth-child(1) {
	border-top: 1px solid #dadada;
}

.spacing {
	margin-bottom: 10px;
}


/* NEW PHASE 2 STYLES */

#portalButtonWrapper {
	width: 100%;
	margin-top: 10px;
	height: auto;
	position: relative;
}

.portalButton {
	color: #FFFFFF;
	float: left;
	width: 50%;
	font-size: 18px;
	height: 100px;
	max-height: 100px;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.portalBtnWraper {
	margin-right: 10px;
	background: #17a5c6;
	height: 100%;
}

	.portalBtnWraper:hover {
		background: #128eab;
	}

.noMargin {
	margin-right: 0px !important;
}

.left {
	float: left;
}

#buttonTitle {
	margin-top: 30px;
	width: 35%;
	text-align: right;
}

#buttonChart {
	position: relative;
	width: 25%;
	text-align: center;
}

#buttonTotals {
	margin-top: 41px;
	width: 35%;
	text-align: left;
}

#overviewBtn {
	padding-top: 41px;
}

#chartPercentage {
	position: absolute;
	left: 42%;
	right: 40%;
	top: 39%;
}

#portalButtonWrapper a {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.toggleWrapper {
	width: 100%;
	clear: both;
	/*margin-top:10px;*/
	position: relative;
	font-size: 14px;
	line-height: 18px;
}

.toggleButton {
	float: right;
}

	.toggleButton.showPer {
		background: #17a5c6;
	}

	.toggleButton.hidePer {
		background: #888882;
	}

.toggleWrapper .active {
	margin: 0px !important;
	background: none;
}

.toggleBox {
	width: 60px;
	height: 24px;
}

.toggleSliderWrapper {
	width: 30px;
	height: 24px;
	float: left;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggleSlider {
	margin-top: 3px;
	height: 18px;
	background: #FFFFFF;
	cursor: pointer;
}

.toggleLeg {
	float: right;
	margin-top: 4px;
	margin-right: 10px;
}

.toggleBox.showPer .toggleSliderWrapper {
	float: right;
}

.toggleBox.hidePer .toggleSliderWrapper {
	float: left;
}

.toggleBox.showPer .toggleSlider {
	margin-right: 3px;
}

.toggleBox.hidePer .toggleSlider {
	margin-left: 3px;
}

.tableWrapper .boxHeader.black {
	border-right: 0px;
}

.sectionTableWrapper {
	clear: both;
	width: 100%;
	padding-top: 16px;
}

.tableWrapper table {
	width: 100%;
	margin-top: 3px !important;
}

	.tableWrapper table thead {
		color: #FFFFFF;
	}

.tableWrapper .blue, .tableWrapper .black {
	border-right: 3px solid #ffffff;
}

.tableWrapper td {
	background: #d8d8d8;
	padding: 10px;
	border-top: 3px solid #ffffff;
}

.filterTable th {
	cursor: pointer;
	height: 36px;
}

	.filterTable th:hover {
		opacity: 0.6;
	}

	.filterTable th.green {
		line-height: inherit;
	}

.filterArrows {
	margin-right: 4px;
	position: absolute;
	right: 0;
	top: 33%;
}

#overviewTable th, #overviewTable td, .reviewTable th, .reviewTable td, .progressTable th, .progressTable td {
	width: 10%;
	text-align: center;
	vertical-align: middle;
}

.tickTableWrapper .reviewTable td {
	height: 65px;
}

#overviewTable .maes, .reviewTable .maes, .progressTable .maes {
	width: 50%;
	text-align: left;
	padding-left: 8px;
	line-height: 18px;
}

#overviewTable a, .reviewTable a, .progressTable a {
	color: #3c3c3b;
}

.clickPopUp {
	cursor: pointer;
}

	.clickPopUp:hover {
		background: #c3c3c3;
	}

.width40 {
	width: 20% !important;
	text-align: left !important;
	padding-left: 10px;
}

.popupRow {
	display: none;
}

.popupCell {
	width: 100%;
	height: 100%;
	padding: 0px !important;
}

.popup {
	display: none;
	min-height: 50px;
	text-align: left;
	position: relative;
	width: 100%;
	/*height:100%;*/
	color: #FFFFFF !important;
	border-right: 0px !important;
}

.popupList {
	width: 23%;
	margin-right: 1%;
	margin-left: 0.5%;
	float: left;
	padding-bottom: 12px;
}

	.popupList p {
		margin-top: 5px;
		line-height: 16px;
	}

	.popupList a {
		color: #FFFFFF !important;
	}

		.popupList a:hover {
			color: rgba(255,255,255,0.7) !important;
		}

.closePopUp {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.clickPopUp.black {
	color: #FFFFFF;
	background: #3c3c3b !important;
	border-right: none !important;
}

.clickPopUp.green {
	color: #FFFFFF;
	background: #00b050 !important;
	border-right: none !important;
	line-height: 14px;
}

.popup.green {
	line-height: 20px;
}

.clickPopUp.yellow {
	color: #FFFFFF;
	background: #e4b905 !important;
	border-right: none !important;
}

.clickPopUp.orange {
	color: #FFFFFF;
	background: #e5332a !important;
	border-right: none !important;
}

.clickPopUp.red {
	color: #FFFFFF;
	background: #e5332a !important;
	border-right: none !important;
}

.strandOverview .blackWrapper {
	padding-top: 13px;
}

.blackWrapper {
	padding-top: 6px;
	padding-left: 6px;
	margin-top: 10px;
	margin-right: 24px;
	line-height: 18px;
}

.strandOverview .blackWrapper {
	margin-top: 0px !important;
}

.uncompleted {
	margin-top: 10px;
	display: none;
}

.completed {
	margin-top: 10px;
}

.blackButn {
	padding: 5px 12px 5px 12px;
	background: #FFFFFF;
	color: #3c3c3b;
	cursor: pointer;
	opacity: 0.5;
}

th {
	font-weight: normal;
}

.blackButn.act {
	opacity: 1;
}

#reportSection {
	margin: 0;
	position: relative;
	width: 100%;
}

.reportButton {
	width: 100%;
	float: none;
	margin-bottom: 5px;
	min-height: auto;
	height: auto;
}

.showSchoolsBtn {
	cursor: pointer;
}

.reportButtonWrapper {
	width: 100%;
	padding: 10px;
}

	.reportButtonWrapper img {
		width: 36px;
		float: left;
		text-align: left;
		margin-right: 10px;
	}

.reportButton p {
	color: #FFFFFF;
	text-align: left;
}

.buttonContent {
	float: left;
	width: 60%;
}

.downloadButtonWrapper {
	float: right;
	width: 35%;
}

	.downloadButtonWrapper p {
		text-align: right;
		margin-right: 20px;
	}

		.downloadButtonWrapper p span {
			text-align: center;
			display: inlne-block;
		}

.whiteButton {
	background: #FFFFFF;
	color: #17a5c6;
	padding: 3px 10px;
	margin-right: 5px;
}

	.whiteButton:hover {
		background: rgba(255,255,255,0.7);
	}

	.whiteButton a {
		color: #17a5c6 !important;
		text-decoration: none !important;
	}

.inputFilter {
	padding: 10px 0 6px 6px;
}

.schoolFilter {
	height: 18px;
	width: 200px;
}

.greyText {
	color: #3c3c3b;
}

.alphabet span {
	padding-right: 4px;
	cursor: pointer;
	color: #a0a0a0;
}

	.alphabet span[data-id="showAll"] {
		padding-left: 12px;
	}

.alphabet {
	padding: 5px 0px 0px 7px;
}

.searchResults {
	display: none;
}

.activeAlpha {
	color: #ffffff !important;
	font-weight: bold;
	/*font-weight:bold;*/
}

#reportSection .popup {
	margin-bottom: 5px;
	margin-top: -6px;
}

.comparison thead td {
	background: initial;
	padding: 0px;
}

	.comparison thead td:nth-child(1) {
		background: none;
	}

	.comparison thead td:last-child {
		border-right: 0px !important;
		border-left: 3px solid #f5f5f5 !important;
	}

.fullComparison .strand, .fullComparison tbody .reg, .fullComparison th:nth-child(1), .targetSupport .strand, .targetSupport th:nth-child(1) {
	border-right: 3px solid white;
}

.fullComparison .strand {
	width: 100px !important;
	padding-left: 6px;
}

.fullComparison td:nth-child(1) {
	padding-right: 4px !important;
}

.fullComparison tbody td, .targetSupport tbody td {
	border-right: 1px solid #c7c7c7;
}

	.fullComparison tbody td:last-child {
		border-right: 0px solid #c7c7c7 !important;
	}

.fullComparison td.popupCell {
	padding: 10px;
	padding-right: 0px !important;
}

.tableWrapper .boxHeader.blue {
	border-right: none;
}

.comparison .strand {
	text-align: left;
	cursor: pointer;
}

.comparison .blackWrapper {
	margin-top: 0px;
	padding-bottom: 5px;
}

.comparison th, .comparison td {
	width: 7% !important;
}

.fullComparison th, .fullComparison td {
	width: 3.01% !important;
}

.reg {
	font-weight: bold;
}

.fullComparison thead td.red, .targetSupport thead td.red {
	border-right: 3px solid #f5f5f5 !important;
}

.fullComparison thead td:last-child, .targetSupport thead th:last-child, {
	border-right: 0px !important;
}

.overflowScroll {
	overflow-x: auto;
}

.targetSupport {
	clear: both;
	border-collapse: separate !important;
}

	.targetSupport thead td:last-child, .targetSupport thead th:last-child {
		border-right: 3px solid #FFFFFF !important;
		border-left: 0px !important;
	}

.cellHover:hover {
	background: #C3C3C3 !important;
}

.cellHover.black {
	color: #FFFFFF;
}

#tableFilterButtons {
	clear: both;
	width: 100%;
}

#tableFilterButtonsWrapper #grading {
	margin-top: 0px;
}

.btn, .Linkbtn {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 4px;
}

	.btn.green {
		line-height: inherit;
	}

#regions.btn, #regionsHome .Linkbtn {
	color: #FFFFFF;
	padding: 8px 10px 8px 10px;
	opacity: 0.5;
	font-size: 14px;
	margin-right: 4px !important;
}

#regions, #authorities {
	float: left;
}

	#regions.active {
		margin-right: 4px;
	}

.regionalOverview #authorities {
	margin-bottom: 10px;
}

.regionalOverview #areas {
	clear: both;
	float: none;
}

p.filterBtns {
	margin-top: 6px;
}

#authorities {
}

.regionalHome {
	margin-top: 0px !important;
}

#frameworksHome {
	clear: both;
}

	#authorities .btn, #authoritiesHome .Linkbtn, #frameworksHome .Linkbtn {
		margin-right: 0px;
		color: #FFFFFF;
		padding: 8px 10px 8px 10px;
		opacity: 0.5;
		text-align: center;
		font-size: 14px;
	}

.btn.active, .Linkbtn.active {
	opacity: 1 !important;
}

.targetSupport td {
	width: 2% !important;
}

.targetSupport .borderRight {
	border-right: 3px solid #FFFFFF;
}

.targetSupport td img {
	width: 18px;
}

.targetSupport th:last-child {
	border-right: 0px !important;
}

.fullComparison thead td:last-child {
	border-right: 0px !important;
}

.targetSupport td {
	padding: 5px 2px 3px 2px !important;
}


	.targetSupport th:first-child, .targetSupport td:first-child {
		min-width: 150px !important;
		max-width: 200px !important;
		padding-left: 5px !important;
	}

.targetSupport th {
	padding: 6px;
}

.targetSupport thead td.blue {
	cursor: pointer;
}

#tableFilterButtonsWrapper #grading {
	margin-top: 6px;
	margin-bottom: 10px;
}

	#tableFilterButtonsWrapper #grading .btn {
		padding: 8px 10px 8px 10px;
		font-size: 14px;
		opacity: 0.5;
	}

	#tableFilterButtonsWrapper #grading .btn {
		border-right: 0px solid #FFFFFF !important;
		;
	}

	#tableFilterButtonsWrapper #grading .active {
		margin-right: 0px;
	}

#tableFilterButtonsWrapper #areas {
	margin-top: 6px;
	margin-bottom: 10px;
}

	#tableFilterButtonsWrapper #areas .btn {
		color: #FFFFFF;
		padding: 8px 10px 8px 10px;
		font-size: 14px;
		opacity: 0.5;
		margin-right: 0px !important;
	}

.targetSupport .popupCell {
	padding: 0px !important;
}

footer {
	margin-top: 0px !important;
	padding: 5px !important;
}




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

	#chartPercentage {
		position: absolute;
		left: 40%;
		top: 39%;
	}
}

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

	#chartPercentage {
		position: absolute;
		left: 40%;
		top: 39%;
	}
}

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

	#chartPercentage {
		position: absolute;
		left: 38%;
		top: 39%;
	}
}

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

	#chartPercentage {
		position: absolute;
		left: 36%;
		top: 39%;
	}
}





@media screen and (max-width: 1023px) {
	.portalButton {
		color: #FFFFFF;
		float: none;
		width: 100%;
		background: #17a5c6;
		font-size: 18px;
		height: 100px;
		max-height: 100px;
		position: relative;
		text-align: center;
		cursor: pointer;
		clear: both;
		margin: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}

		.portalButton:nth-child(1) {
			margin-right: 0%;
		}

	#buttonChart {
		position: relative;
		width: 30%;
		text-align: center;
	}

	#buttonTotals {
		margin-top: 37px;
		width: 35%;
		text-align: left;
	}

	#chartPercentage {
		position: absolute;
		left: 42%;
		top: 39%;
	}
}

@media screen and (max-width: 952px) {
	#subBar {
		background-image: none !important;
	}
}

@media screen and (max-width: 835px) {
	.downloadButtonWrapper p span {
		text-align: center;
		display: block;
		margin-bottom: 4px;
	}
}

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

	#chartPercentage {
		position: absolute;
		left: 38%;
		top: 39%;
	}

	.areaMenu {
		float: none;
		clear: both;
		width: 100% !important;
		margin-bottom: 20px;
	}

	.areasItems h1 {
		display: block !important;
	}

	.areaMenu p {
		margin-left: 0px;
	}
}

@media print {
	.overflowScroll {
		overflow: visible;
	}

	#contentWrapper {
		padding: 0px 0px 0px 0px !important;
	}
}
/* END PHASE 2 STYLES */

.footerTxt {
	margin-top: 20px;
	font-style: italic;
	font-size: 11pt;
}



.lightTeal {
	background: #206879;
}

.darkTeal {
	background: #235865;
	color: #FFF;
}

.grey {
	background-color: #595959;
}

.areasItems h1 {
	text-align: center;
	color: #fff;
	padding-top: 10px;
	font-size: 1.2em;
	display: none;
}

.strandText a, #details a {
	color: #17a5c6 !important;
	text-decoration: underline;
}

	.strandText a:hover, .strandText a:active {
		text-decoration: underline;
	}

.strandSplitter {
	background-color: #aaa !important;
	color: #fff;
	padding: 10px;
}

	.strandSplitter p {
		font-weight: bold;
		font-size: 1.1em;
		text-align: left;
	}

.boxContent ol, .boxContent ul {
	margin-left: 40px;
}

.matrixBox table {
	width: 100%;
}



.textHolder {
	background-color: #fff;
	border: 1px solid #000;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

.catCommentHolder {
	border-top: #3c3c3b solid 1px;
	text-align: left;
	padding: 10px 10px 1px 10px;
}

	.catCommentHolder h2 {
		color: #fff;
	}

	.catCommentHolder .textHolder {
		border-color: #9e9e9e;
	}

.textHolder .text {
	padding-bottom: 3px;
}

.textHolder img {
	margin-top: 10px;
}

.frontpage_edit, .frontpage_returnAction {
	cursor: pointer;
}

.paddingTopBottom {
	padding: 20px 0px 20px 0px;
}

.center {
	text-align: center;
}

.btnLlwyd {
	background-color: #3c3c3b;
	color: #fff;
	padding: 3px 10px;
	margin-left: 10px;
	cursor: pointer;
}

	.btnLlwyd:hover, .btnLlwyd:active {
		background-color: #585857;
	}

.headerDropDown input {
	padding: 3px;
}

.padBottom {
	padding-bottom: 20px;
}

.warningWrapper {
	padding: 5px 5%;
	color: #fff;
	background-color: #f15847;
}

	.warningWrapper span {
		line-height: 25px;
		display: inline-block;
	}

	.warningWrapper img {
		vertical-align: middle;
		margin-right: 20px;
	}

.warningBtn {
	background-color: #b53937;
	padding: 3px 10px;
	margin-left: 10px;
	cursor: pointer;
}

.tox-fullscreen {
	z-index: 20000 !important;
}

.blueLink {
	color: #17a5c6;
	text-decoration: underline !important;
}

/* ── jQuery UI datepicker overrides ── */
/* Override default orange theme to match site style (plain grey like VB) */
.ui-datepicker .ui-datepicker-header {
	background: #e0e0e0 !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
	font-weight: bold;
}

	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
		top: 4px;
	}

.ui-datepicker .ui-datepicker-title {
	color: #333 !important;
}

.ui-datepicker td .ui-state-default {
	color: #333;
	background: #fff;
	border: 1px solid #ddd;
}

.ui-datepicker td .ui-state-highlight,
.ui-datepicker td.ui-datepicker-today .ui-state-default {
	background: #ffffa0;
	border-color: #c0c0c0;
	color: #333;
}

.ui-datepicker td .ui-state-active {
	background: #d0d0d0 !important;
	color: #333 !important;
	border-color: #999 !important;
	font-weight: bold;
}