/*
	Red validation message label and input
*/
/*input.form-input-text--error {
    background: #fff5f5;
    border-color: #ffa3a3 !important;
    box-shadow: 0px 1px 4px rgba(255, 0, 0, 0.4); 
}
label.form-input-text--error {
	color: red !important; 
} */
/*
	END OF Red validation message label and input
*/

/*
	Horizontal line on Forgotten Email page
*/
p.horizontal-line { 
	width:25%; 
	text-align:center; 
	border-bottom: 1px solid #000; 
	line-height:0.1em; 
	margin:10px 0 20px; 
} 

span.line-gap { 
	background:#fff; 
	padding:0 10px; 
}
/*
	END OF Horizontal line on Forgotten Email page
*/

a.float-right {
	float: right;
}

label.float-left {
	float: left;
}
	
/*
	Add custom urls to find jQuery UI icon images within this project
*/	
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/public/20180503011309oe_/https://myportal.saas.gov.uk/saas/static/images/thirdparty/ui-icons_ffd27a_256x240.png");
}	
/*
	END OF Add custom urls
*/

.inlineBlock {
	display: inline-block;
}

.kaptchaScale {
	width: 41%;
}

.float-right {
	float: right;
}

.button-link {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}

.button-link-shwap {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
     margin-right:2%;
}

#studentDashboard{
    border: 2px solid black;   
}

.postcode_loader{
	width: 36px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.min-height {
	height: 100px;
}

.disabled-input {
	background: #f1f1f1;
	color: #444;
	opacity: 0.5;
}

.disabled-input:focus {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
	border-color: rgba(187, 187, 187, 1);
}

.disabled-input-hide {
	display: none;
}

.email-dialog-help-text ul {
	list-style-position: inside;
}
.email-dialog-help-text li {
	padding-left: 1em;
	font-size: 0.8rem;
}
      
.db-notification-block {
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border-width: 2px;
  border-style: solid;
  border-color: black;
  display: block;
  padding: 1.6rem 1.6rem 1.6rem 2.4rem;
  margin-bottom: 1em;}
  .db-notification-block::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 800px) {
    .db-notification-block {
      padding: 0.8rem 0.4rem 0.8rem 1rem; } }
  .db-notification-block .application-title {
    float: left;
    display: block;
    margin-right: 2.35765%;
    text-align: center;
    width: 100% }
    .db-notification-block .application-title:last-child {
      margin-right: 0; }
    .db-notification-block .application-title h3 {
      margin-top: 0; }
    @media screen and (max-width: 800px) {
      .db-notification-block .application-title {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%; }
        .db-notification-block .application-title:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 590px) {
      .db-notification-block .application-title {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        .db-notification-block .application-title:last-child {
          margin-right: 0; }
        .db-notification-block .application-title h3 {
          margin-bottom: .2em; } }
  .db-notification p {
    margin-top: 0;
    margin-bottom: 0; }
  .db-notification .application-status {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0; }
    .db-notification .application-status:last-child {
      margin-right: 0; }
    @media screen and (max-width: 800px) {
      .db-notification .application-status {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        margin-right: 0; }
        .db-notification .application-status:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 590px) {
      .db-notification .application-status {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-bottom: 1em; }
        .db-notification .application-status:last-child {
          margin-right: 0; } }
    .db-notification .application-status i {
      background: rgba(230, 230, 230, 0.5);
      display: block;
      display: inline-block;
      border-radius: 6px;
      vertical-align: middle;
      margin-right: 5px;
      position: relative; }
      .db-notification-block .application-status i.icon {
        width: 40px;
        height: 40px; }
      .db-notification-block .application-status i svg {
        position: absolute;
        top: 8px;
        left: 8px;
        width: 24px;
        height: 24px; }
      @media screen and (max-width: 590px) {
        .db-notification .application-status i.icon {
          width: 30px;
          height: 30px; }
        .db-notification .application-status i svg {
          width: 18px;
          height: 18px;
          top: 6px;
          left: 6px; } }
    .db-notification .application-status span {
      font-size: .85em; }
  .db-notification .application-message {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .db-notification .application-message:last-child {
      margin-right: 0; }

/*.intro{
	max-width: 65.8808%;
}*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button--reposition--left {
	float: left;
	margin-right: 0.3rem; }

.studentDashboard {
  position: relative;
  padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.studentDashboard iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}#content {
  min-height: 100%;
  position: relative;
}
#body {
  padding-bottom: 14em; /*needs to be same size as footer height */
}

.form__field label.form-label-radio {
  cursor: pointer; }

.form__field label.form-label-checkbox {
  cursor: pointer; }

.password-hint-text-size {
  font-size: 16px;
  margin-top: 0.6em;
}

.chosen-auto-width{
  width: auto;
}

.postContainer {
  width: 100%;
}