/**
* @document theme.css
* top level custom css
* @authors :  Anthony Sallis/John McInnes/Hieu Hoang/Neil Patel
* @version : 2.0
* @created : 12 March 2014
* @lastmodified : 02 Aug 2016
*
* @History : 
* @modified: 18/09/2014, 3/12/2014
* @modified: resync with common layout 12 Feb 2015
* @modified: 3/3/15 Anthony:
* 1. eliminated Droid Sans and included full OpenSans from project css
* 2. added Shakil's list summary message styles 
* resynced with common layout
*
* John, Anthony, Hieu: 
* hyperlinks underlined, h2 banner colour classes 
* breadcrumbs
*	
* 30/11/15 Anthony added focus highlight  from project level, removed Add/Save classes, 
* see theme-old.css or I&A2 project css, also cleaned up other things
*
*/


/* default font */
body { font-family: OpenSans, Helvetica-Neue, Arial, Sans Serif, Verdana ;
	   padding: 66px 0 50px 0;	
 }
 
h1,h2,h3,h4,h5,h6 { font-family: OpenSansSemibold, Helvetica-Neue, Arial, Sans Serif, Verdana ; }


/* focus highlight   */
input:focus,
a:focus,
label.declaration-text:focus,
input[type=checkbox]:focus,
label.declaration-text:focus,
button.close:focus ,
.form-control:focus {
	outline: 2px solid #ff9900  ;
	outline-offset: 0 ;
	box-shadow: 0 0 0 2px #FF9900, 0 0 10px 3px #000000;
		
}
/* */

/* fix IE10 scroll bar issue!  added 22/5/14 */
 
@-ms-viewport{ 
	width: auto !important; 
}


/* added 14/4/14 */

h1,.h1,h2,.h2,h3,.h3{margin-top:10px;margin-bottom:10px}

/* add style definitions for different colour banners - Hieu 18/03/2015*/

.h1-title {
	font-size: 30px ;
	margin-top: 25px ;
	margin-bottom: 25px ;
	
}

.proj-h1 {
	font-size: 28px ;
	margin-top: 25px ;
	margin-bottom: 25px ;
}

.proj-h3 {
	font-size: 18px;
	font-family: OpenSansSemiBold;
	margin: 20px 0 0 0;
}


/*  hyperlink defaults  */
/* COLOR OVERRIDES  - default bootstrap is NOT WCAG AA compliant */
a {
	text-decoration: underline ;
}

a, a:visited {
		color: #0066C1;
}

a:hover {
		color: #004787;
}

/* */

.page-heading {
	font-size: 32px;
	padding: 10px 0;
}

/* other OpenSans Font Classes */
.osBold{
	font-family: OpenSansBold,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osItalic{
	font-family: OpenSansItalic,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osLightitalic{
	font-family: OpenSansLightItalic,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osLight{
	font-family: OpenSansLight,Helvetica-Neue, Arial, Sans Serif, Verdana;
}
.osSemibold{
	font-family: OpenSansSemibold,Helvetica-Neue, Arial, Sans Serif, Verdana;
}

.osRegular { font-family: OpenSans,Helvetica-Neue, Arial, Sans Serif, Verdana; }

/* Warnings errors etc */

h2.h2error{
    padding-left:45px;
    background-image:url(../../bootstrap/images/error.png);
    background-repeat:no-repeat;
    background-position:0% 50%
}
/* added 24/7/14 */

.common-field-in-error,
select.common-field-in-error,
input.common-field-in-error{
    border: 1px solid #ff0000;
}

textarea.common-field-in-error,
input.common-field-in-error{
    color:#ff0000;
}

/*** added 12/2/15 from the Timster **/
.nominee-banner {
    padding-top:120px;
}

.nominee-banner .fixed-page-heading {
   top:80px;
}

.breadcrumb.nominee-aware {
    padding-top: 1em;
}

.nav-buttons .cancel-button:hover {
	text-decoration: none;
	background-color: #b7b7b7;
	border-color: none !important;
}

/*   */

.background-container--grey {
	background-color: #f2f2f2;
}

/* added from Darren's version 24/7/2014 */

.error,
.has-error,
.has-error .control-label { 
	color:#cc0000; 
}

input.has-error,
select.has-error,
textarea.has-error{
	border:1px solid #cc0000;
	color:#333333;
}


input.has-error:focus,
select.has-error:focus,
textarea.has-error:focus{
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
/******/


/* lazy way to make sure content starts below the menu bar */

.push-down  {
	margin-top: 5em;
}


/*
* button styles  -  16 January 2015
* Hieu and Anthony streamlined these 
* look at examples for further guidance
* removed Add/Save, now in project level as needed
*/

.btn {
	border-radius:0;
	-mox-border-radius:0;
	-webkit-border-radius:0;
}

/*Added a tag so that button gets priority*/
a.btn-primary,
.btn-primary {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
	padding: 8px 20px 8px 20px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
color: #fff;
background-color: #525252;
border-color: #525252;
}

/*Added a tag so that button gets priority*/
a.cancel-button,
.cancel-button {
	background-color: #d7d7d7;
	border: none;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	padding: 8px 20px 8px 20px;
}

.cancel-button:hover {
	text-decoration: none ;
	1color: #ffffff ;
	color: #000000 ;
	background-color: #b7b7b7;
	border-color: none ;
}

.submit-btn {
	background-color: #418526;
	color: #ffffff;
	padding: 8px 20px 8px 20px;
	border: none;
}

.submit-btn:hover {
	color: #ffffff ;
	background-color: #1C5A04 ;
	border: none;
}

.submit-btn:visited {
  color: #ffffff;
 }
.submit-btn:focus {
  color: #ffffff;
 }
 
.submit-btn:focus {
	color: #ffffff ;
	border: none;
}

.dsbld {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}

/* removed add button etc, see theme-old.css */

/* put menu dropdown on collapse to the left */

.navbar-toggle {
	float: left;
}

/* media query section! */

@media (min-width: 1200px) {
  .container {
    width: 1020px;
  }
}

/* de-URLify print screen */
 
@media print {
  a[href]:after {
    content: "";
  }
}

/* standard messaging alerts */

.alerts {
	margin-bottom: 1em; 
}

.info-message {
	font-size: 14px;
	background-image: url(../../bootstrap/images/icon-infomessage.png);
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #166ba5;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #dff2fb;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}


.error-message {
	font-size: 14px;
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #51000c;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fcddde;
	background-image:url(../images/icon-errormessage.png);
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}

.warning-message {
	font-size: 14px;
	background-image : url(../images/icon-warningmessage.png);
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #563925;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fdf8d6;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}

.success-message {
	font-size: 14px;
	background-image : url(../../bootstrap/images/icon-successmessage.png);
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #034928;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #eef7e2;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}


.system-message {
	font-size: 14px;
	background-image : url(../../bootstrap/images/icon-systemmessage.png);
	background-size: 25px;
	padding: 1em 1em 1em 4.1em;
	color: #845400;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fcecd0;
	background-repeat: no-repeat;
	background-position: 1.1em 1em;
}

.claim-message{
	font-size: 14px;
	background-image : url(../../bootstrap/images/return-to-claim-icon.png);
	background-size: 30px;
	padding: 1em 1em 1em 4.1em;
	color: #000;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #f4faf8;
	background-repeat: no-repeat;
	background-position: 1.1em center;
}

.info-message ul{
	padding-left:0;
}

.info-message ul li{
	list-style-position:inside;
}

/*******/

/* house header */

.return-home {
	float: left;
	height: 100%;
}

.return-home a {
	height: 100%;
	line-height: 3.5em;
	padding: 0.2em 0.8em;
	display: block;
	text-decoration: none;
	margin-right:10px;
}    

.return-home.visible-xs a{
	margin-right:20px;
}

/* end house header */

/* sticky footer necessities */

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer */
        margin: 0 auto -47px;  /* was -80px */
      }

 /* make ALL labels normal font weight!! - AS, 16/5/16 */
 label { font-weight: normal; }
 
 
/*** by Tim C: fix JSF output by adding padding between input and label 
     JSF developers will need to add the class to their markup themselves 21/1/15 */

.padding-style-jsf tr>td>label { 
     padding-right: 0.5em;
     padding-left: 0.5em; 
} 
 
 .padding-style-jsf div>label  { 
      padding-right: 0.5em;
     padding-left: 0.5em; 
}

/* requested by Shakil 2/3/15 */
/* 02/8/2016 - .jsf from image name removed by Anthony after advice from Justin */

ul.summaryMessagesList{padding-left: 0;padding-top: 3px;}
.summaryMessagesBlock {
	font-size: 14px;
	background-size: 25px;
	padding: 1em 1em 0.5em 4.1em;
	color: #51000c;
	width: 100%;
	margin-bottom: 1em;
	list-style: none;
	background-color: #fcddde;
	background-image:url("images/error.png");
	background-repeat: no-repeat;
	background-position: 1em 1em;
}

ul.summaryMessagesList{list-style: none;}
li.summary-message{/* padding-bottom: 0.2em; */}

table.common-field-in-error {
    border:none;
}



/*  */

/* project overrides for UEDS team - JM/AS 17/3/15 */

.nav-buttons a,.nav-buttons a:hover,.nav-buttons a:focus,.nav-buttons a:link,.nav-buttons a:visited ,
a.row-toggle,a.row-toggle:hover,a.row-toggle:focus,a.row-toggle:link, a.row-toggle:visited,
a.all-rows-toggle,a.all-rows-toggle:hover,a.all-rows-toggle:focus,a.all-rows-toggle:link, a.all-rows-toggle:visited,
a.btn,a.btn:hover,a.btn:focus,a.btn:link, a.btn:visited,
a.tab,a.tab:hover,a.tab:focus,a.tab:link, a.tab:visited,
a.save,a.save:hover,a.save:focus,a.save:link, a.save:visited,
a.save-btn,a.save-btn:hover,a.save-btn:focus,a.save-btn:link, a.save-btn:visited,
a.cancel-button,a.cancel-button:hover,a.cancel-button:focus,a.cancel-button:link, a.cancel-button:visited{
	text-decoration: none ;
}

.h2-banner-steps {
	font-family: OpenSansLight;
}

.h2-banner {
	font-size: 20px;
	font-family: OpenSansSemiBold;
	color: #fff;
	padding: 12px 20px;
	margin: 20px 0 0 0;
}

.banner-COA-off-teal {
	background: #1378AF;
}

.banner-COA-navy {
	background: #03537F;
}

.banner-COA-sky {
	background: #0077DA;
}

.banner-COA-hotpink {
	background: #CA3498;
}

.banner-COA-bubblegum {
	background: #E80267;
}

.banner-COA-purple-nurple {
	background: #823DF0;
}

.banner-COA-blue-berry {
	background: #5916BC;
}

.banner-COA-plum {
	background: #581A67;
}

.banner-COA-green {
	background: #49850C;
}

.banner-COA-oj {
	background: #D74009;
}

.banner-COA-winter-night {
	background: #363636;
}

.banner-COA-burgundy{
	background:#911000;
}

/* breadcrumbs 19/3/15, margin-top altered 23/7/15 */
.breadcrumb{
	/* margin-top:5px; */
	margin-top:10px;
	background: none;
	padding: 0;
	font-family: OpenSansLight;
	font-size: 12px ;
	margin-bottom: 0 ;
}

.breadcrumb > li+li:before{
	content:"\e080";
	font-family:"Glyphicons Halflings";
	line-height:12px;
	font-size:6px;
	padding: 0 10px 0 6px ;
	color:#666;
}

.breadcrumb a{
	color: #666;
	text-decoration:none;
}

.breadcrumb a:hover{
	text-decoration:underline;
	color: #555;
}

.breadcrumb a:visited {
	color: #666;
	text-decoration:none;
}

.breadcrumb li.current{
	color: #666 ;
}

.breadcrumb li.current a:hover{
	
}

.glyphicon-home:hover {
	color: #555;
}

/* breadcrumb end */