/* @override 
	https://mobiledesign.qa.hrxtech.com.au/css/custom.css?v=9991 */


/*!
 * Use this file to override default css.
 */
 
 @import "../fonts/client-fonts/DINRoundOT.css";

 body,
 .jobDesc p,
 .jobDesc li,
 #widget-stats {
   color: #36424a;
   font-family: "dpc",helvetica,arial,sans-serif;
   font-size:15px;
 }
 html body{
   background-color:#fff;
 }
 header .nav-pills li a, 
 .navbar-inverse .navbar-nav > li > a, 
 .navbar-inverse .navbar-nav > li:first-child > a{
   font-family: DINRoundOT, "Open Sans", helvetica,arial,sans-serif;
   font-size: 15px;
   padding: 13px 0 10px;
   vertical-align: middle;
   line-height:25px;
   margin-right:30px;
 }
 .h1, .h2, .h3, .h5, .h6, h1, h2, h3, h5, h6 {
   font-weight: 700;
   line-height: 1.1;
   color: #36424a;
   font-family: DINRoundOT;
 }
 
 h4, .h4{
   color: #36424a;
 }
 h1{
   font-size: 35px;
 }
 h4, .h4 {
   font-size: 20px;
 }
 
 .text{
   font-size:1.2em;
 }
 a {
   color: #008480;
 }
 a:focus, a:hover {
   color: #008480;
   text-decoration: underline;
 }
 #corporate-nav a {
   color: #272b30;
 }
 #corporate-nav a:hover, #corporate-nav a:focus{
   color: #71c5e8; 
   text-decoration: none;
 }
 .theme-pointer {
   cursor: pointer;
 }
 .theme-text{
   color:#44494b;
 }
 .theme-color{
   color: #008480;
 }
 .theme-bg , .ISlink {
   color: #36424a;
   border-color:#36424a;
 }
 .circle.theme-hover, .ISlink{
   border:solid 1px #36424a;
 }
 .theme-hover:hover, .theme-hover:focus, .ISlink:hover, .ISlink:focus{
   background: #fff none repeat scroll 0 0;
   color: #008480;
   border:solid 1px #008480;
 }
 h4 .ISlink, h5 .ISlink {
   background: transparent none repeat scroll 0 0;
   border: medium none;
   border-radius: 0;
   color: #008480;
   display: inline;
   margin: 0;
   padding: 0;
   text-align: left;
   width: auto;
 }
 h4 .ISlink:hover, h5 .ISlink:hover{
   background: transparent none repeat scroll 0 0;
   color: #008480;
   border: medium none;
 }
 .navbar-inverse .navbar-toggle:hover {
   /*! background: #71c5e8 none repeat scroll 0 0; */
   color: #ffffff;
 }
 .theme-border{
   border: 1px solid #b3c2d6;
 }
 .theme-lt-grey-bg {
   background: #f1f2f2 none repeat scroll 0 0;
   padding-bottom: 40px;
 }
 
 .home-footer-social a:hover i{
   color: #71c5e8;
 }
 .theme-heading {
   padding: 0px 0px 24px;
   /*! border-bottom: 1px solid #53565a; */
   color: #36424a;
   margin-top: 30px;
 }
 .widget-section .theme-heading{
   font-size:40px;
   /*text-transform: uppercase;*/
   text-align: center;
 }
 .widget-section h2{
   text-align: center;
   margin-bottom: 25px;
 }
 h3.panel-title {
   font-size: 22px;
   text-transform: uppercase;
 }
 /* buttons */
 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
   outline: 0px none;
   outline-offset: -2px;
 }
 .buttons.active,
 .buttons.focus,
 .buttons:active,
 .buttons:focus,
 .buttons:hover,
 .open > .dropdown-toggle.buttons {
   background: none repeat scroll 0 0 #D8D8D8;
 }
 .rasp_button,
 .btn-success,
 .btn-primary,
 .buttons {
   /* background-color: #77b800; */
   background-color: #008480;
   color: #ffffff;
   transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -webkit-transition: all 0.3s ease 0s;
   text-decoration: none;
 }
 .btn-primary.btn-outline {
   color: #ffffff;
 }
 .btn-cta{
   border-radius: 24px;
   line-height: 18px;
   padding: 10px 25px;
 }
 .btn-default{
   text-decoration: none;
 }
 .rasp_button:hover,
 .rasp_button:focus,
 .rasp_button.focus,
 .rasp_button:active,
 .rasp_button.active,
 .btn-success:hover,
 .btn-success:focus,
 .btn-success.focus,
 .btn-success:active,
 .btn-success.active,
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary.focus,
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.rasp_button,
 .buttons:hover,
 .buttons:focus,
 .buttons.focus,
 .buttons:active,
 .buttons.active,
 .open > .dropdown-toggle.buttons {
   background-color: #36424a;
   border-color: #36424a;
 }
 .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success.focus:active, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
   background-color: #36424a;
   border-color: #36424a;
 }
 .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
   background-color: #00539f;
   border-color: #00417b;
 }
 .btn-default{
   background: none repeat scroll 0 0 #585e62;
   border-color: #555;
   color: #ffffff;
   transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -webkit-transition: all 0.3s ease 0s;
 }
 .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default{
   background: none repeat scroll 0 0 #44494C;
   border-color: #333;
   color: #ffffff;
 }
 
 /*Sidebar*/
 .sidebar.rightBar input, .sidebar.rightBar select, .sidebar.rightBar textarea, .sidebar.rightBar .form-control{border-width:0!important;} 
 
 /*Customizing default.css*/
 .bottom-nav, nav#navbar{
   background-color:#36424a;
   margin-bottom:0;
 }
 #navbar.navbar-inverse .navbar-nav > li > a{
   color:#fff;
 }
 nav#navbar .container{
   padding-top:0;
   padding-bottom:0;
 }
 
 .navbar-toggle .icon-bar {
   height: 4px;
   width: 28px;
   background-color:#ffffff;
 }
 .navbar-inverse .navbar-nav.navbar-right > li > a {
   color: #fff;
   font-size: 15px;
   vertical-align: middle;
 }
 
 .navbar-inverse .navbar-nav.navbar-right > li > a  i {
     font-size: 15px;
     vertical-align: middle;
     margin-right: 5px;
     padding-bottom: 2px;
 }
 
 .navbar a{
   text-decoration:none;
 }
 @media (max-width: 1024px){ /*For mobile menu*/
   nav#navbar.navbar-collapse li:last-child a {
     border-width: 0;
   }
   nav#navbar.navbar-collapse li.active a{
     background-color: transparent;
   }
   .bottom-nav {padding: 10px;}
 }
 
 @media (max-width: 768px) { /**/
   #header{
     padding: 0;
   }
   #header .container-fluid{ padding: 0px 10px;}
   
   .grid-row {
     margin: 0 auto;
     max-width: 400px;
   }
 }
 
 header .nav-pills li a {
   border-radius: 0;
   font-size: 15px;
   padding: 21px 15px;
   text-transform: uppercase;
 }
 .nav-pills > li + li{
   margin-left:0;
 }
 #header .navbar-brand {
   height: auto;
   /*! width: 220px; */
 }
 
 /*onboarding*/
 .onboarding li{
 margin-bottom:30px;
   padding:16px;
   border:solid 1px #ccc;
   border-radius:4px;
 }
 .onboarding li{
   list-style: none;
 }
 
 main .candidate_portal fieldset.rasp_form dd select.doc-type-select{
   height:auto;
   width:200px;
 }
 
 /*customising bottom-nav/corporate-nav*/
 #navbar.bottom-nav .nav > li > a:hover, .bottom-nav .nav > li > a:focus{
   border-bottom: solid 2px #77b800;
   background-color: #36424a;
 /*   color: #77b800; */
 }
 .bottom-nav .nav-pills > li.active > a, .bottom-nav .nav-pills > li.active > a:hover, .bottom-nav .nav-pills > li.active > a:focus{
   background-color: #343741;
 }
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
   border-bottom: 0px none;
   background-color: #36424a;
   color: #71c5e8;
 }
 
 /*footer*/
 footer{ padding: 0; }
 footer div.txt-footer {padding:32px 0 20px;}
 footer div.home-footer-social {padding:19px 0;}
 
 @media (max-width: 768px) { /*for any screen less than 768*/
   footer div.txt-footer{text-align:center; padding: 10px 0 8px;}
   footer div.home-footer-social {
     clear: both;
     float: none!important;
     padding: 5px 0 20px;
   }
   .widget-section .theme-heading{font-size:40px;}
   .btn-cta {
     border-radius: 20px;
     padding: 10px 15px;
   }
 }
 
 /*login template*/
 .grid-row {padding-top: 20px;}
 .grid-row .grid-item-content {
   color: #fff;
   padding: 20px;
   position: absolute;
   top: 0;
 }
 .grid-row .grid-item-content h2{ 
   color: #fff; 
   text-transform: uppercase;
   font-size: 1.75em;
   margin-top: 0;
 }
 .grid-row .thumbnail {
   border-width: 0;
   padding: 0;
 }
 .grid-row .thumbnail img{
   vertical-align:top;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
 }
 .grid-item-overlay{
   background-color: #000;
   bottom: 0;
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: opacity 0.4s ease-in-out 0s;
   -moz-transition: opacity 0.4s ease-in-out 0s;
   -webkit-transition: opacity 0.4s ease-in-out 0s;
   margin: 0 15px 20px;
 }
 .grid-row .grid-item-overlay:hover{
   opacity:0.4;
 }
 .fa.theme-color.fa-xl {
   vertical-align: bottom;
 }
 .widget-section .quick-search-widget label {
   display: none;
 }
 .widget-section .quick-search-widget .controls > div {
     text-align: center;
 }
 /*.widget-section form select{
   color:#999999;
 }
 .widget-section form select:focus{
   color:#44494b;
 }*/
 
 .learn-more{
   margin-top:30px;
 }
 
 .learn-more a+a{
   border-left:solid 1px #999999;
   
 }
 
 .learn-more a{
   padding:0 10px;
 }
 
 .widget-quick-search{
  background-color: #f1f1f1;
   /* margin-top:40px; */
   padding: 15px 0px;
 }
 
 #widget-sidebar {
   margin-top: 30px;
 }
 /*My profile*/
 
 #profileContent .ui-tabs-header.ui-state-default{
   display: none;
 }
 
 blockquote{display:none;}
 /*App form*/
 main #widget-content #nav-application .form-group .mandatory {
   left: 2px;
   top: 0;
 }
 .btn.btn-block.btn-social.btn-previousapp{width:100%;}
 @media (min-width: 1200px) {
   #nav-application #appform .form-control{width:375px;}
 }
 @media (max-width: 1024px) {
   #nav-application #appform .form-control{width:370px;}
 }
 @media (max-width: 992px) {
   #nav-application #appform .form-control{width:300px;}
 }
 @media (max-width: 768px) {
   #nav-application #appform .form-control{width:85%;}
 }
 .btn.btn-block.btn-social.btn-previousapp {
   padding-left: 40px;
   width: auto;
 }
 .saveControl.action.col-sm-4 {
   display: block;
   margin-bottom: 10px;
 }
 /* JV: need to override styles so old validation displays properly */
 .valid {
     background-color: #3066a8 !important;
     color: #fff !important;
 }
 #accordion {
     clear: left;
 }
 #accordion .panel {
     background: #f0f0f0;
     border: 1px solid #ccc;
     border-radius: 6px;
     padding: 0;
 }
 #accordion .panel-heading {
   padding: 0;
 }
 /* SLI removed uppercase and large font styling */
 #accordion h4 {
     font-size: 12px;
 }
 #accordion h4 a {
   background: #0072ce; url("/images/accordion_close.png") no-repeat scroll 98% center;
   border-radius: 4px 4px 0 0;
   color: #fff;
   display: block;
   text-decoration: none;
   padding: 12px;
 }
 #accordion h4 a.collapsed {
     background: url("/images/accordion_open.png") no-repeat scroll 98% center;
     display: block;
     padding: 12px;
     color: #343741;
     text-decoration: none;
 }
 #accordion h4 a:hover {
   text-decoration: none;
 }
 #accordion .panel-body {
     background: #fff;
     border-radius: 0 0 6px 6px;
     padding: 20px;
 }
 #accordion .panel-body a {
   text-decoration: underline; font-weight:  bold;
 }
 #accordion {
     clear: left;
     margin: 0 0 40px;
 }
 .widget-section .circle.theme-bg {
     margin: 0 auto;
 }
 .widget-section .statistic .left-column  {
   padding-top:  10px;
 }
 
 .banner-overlay {
     padding: 24px 0;  
 }
 
 #nav-searchresult table.table-striped table tr td:first-child {
     width: 40px;
 }
 
 textarea.form-control {
      width: 100% !important;
 }
 
 iframe{
   max-width:100%;
 }
 
 /*SL DPC Specific*/
 .widget-banner{
   border-bottom:1px solid #53565a;
 }
 
 #header .container-fluid.banner {
     background: rgba(0, 0, 0, 0) url("../images/banner.png") no-repeat;
     background-size: cover;
     height: 600px;
     background-position: 60%;
 }
 .logo-holder .navbar-brand{
  padding: 0px;
 }
 
 footer ul{
   list-style: none;
   padding-left:0px;
 }
 
 footer ul li{
   display: inline;
   margin: 0 2px 0 -2px;
   padding: 0 4px 0 12px;
 }
 
 footer ul li a {
   color: #fff;
   text-decoration: none;
 }
 
 footer ul li a:hover {
   text-decoration: underline;
   color: #fff;
 }
 
 #header h1{
   font: 500 72px/72px DINRoundOT, Roboto, Tahoma, dpc,helvetica,arial,sans-serif;
   color:#fff;
     
 }
 
 .banner .hero-text{
   position: relative;
   top:50%;
   transform: translateY(-50%);
   
 }
 
 @media (max-width: 415px) { 
   #header h1 {
     font: 600 25px/31px dpc,helvetica,arial,sans-serif;
   }
   #header .container.banner{
     background-position:65%;
   }
   
   div.instructions > ul{
     padding-left: 15px;
   }
   
   body form[name=searchform] #nav-jobsearch select.form-control, form[name=emailform] #nav-alert .form-group select.form-control{
     height:  37px;
   }
   
   #header .container-fluid.banner{
     background-position: 70%;
     height:300px;
   }
 }
 
 
 #header h1 a, #header h1 a:visited, #header h1 a:hover {
   color: #474c55 !important;
   text-decoration: none !important;
 }
 .logo-holder {
  padding-top:20px;
  padding-bottom: 20px;
 }
 
 .logo {
     background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll 0 0;
     display: block;
     float: left;
     height: 136px;
     margin: 20px 0;
     text-indent: -9999px;
     width: 200px;
 }
 
 .logo a {
     display: block;
     height: 100%;
 }
 
 #widget-recent-jobs {
     margin-top: 15px;
     padding-top: 15px;
 }
 
 main #widget-content .form-group label , .panel label, .inline-panel label {
     font-size: 15px;
 }
 
 .widget-quick-search h2{
   text-align: center;
   color: #36424a;
 }
 
 .quick-search-widget label {
     display: none;
 }
 
 form#appform table tbody tr td.checkbox input[type="checkbox"]{
   margin-left: 0px;
 }
 
 table.table.table-striped th {
   background: #36424a none repeat scroll 0 0;
   color:#fff;
 }
 
 .panel .secondary{
   font-size: 15px;
 }
 
 #navbar ul.navbar-nav li:last-child a {
     padding-right: 0;
 }
 
 #nav-jobdetails .jobDesc p, #nav-jobdetails .jobDesc li {
     color: #343741;
 }
 /*End DPC Specific*/
 
 /*Overwrite VICGOV*/
 p.message.alert.alert-success {
     color: #3c763d;
     font-weight: bold;
 }
 
 input.view, input.storenext, input.refine, input.expire, input.reset, input.editprofile, input.deleteprofile, input.saveprofile, input.test, input.save, input.sendpwd, input.apply {
     background: #008480 none repeat scroll 0 0;
     width: inherit;
 }
  
 /* --------- SLI -----------*/
 
 /* ----------General---------- */
 
 #header {
   height: inherit;
 }

 
 
 .values-section {
 /* Add a background gradient and background colour to the values section
   background: url('../images/widget-boxes-bg.png') 0 0 repeat-x #6ab422;
   background-size: 1px 100%; */
   margin-bottom: -30px;
 }
 
 .grid-item-overlay {
   max-width: 255px; max-height:255px; margin: 20px auto 0 auto !important;
 }
 
 .values-section a.thumbnail  {
   max-width:  255px; margin: 20px auto;
 }
 
 
 #rss {
   display:  none;
 }
 
 .panel-primary {
   margin-bottom:  30px;
 }
 
 .register-checkbox-container {
   overflow:  hidden;
 }
 
 .registration-acknowledgement {
   width:  80%;
 }
 
 #registerCheckbox {
     float: left;
     line-height: 0.7em;
     padding: 0 10px 0 0;
     width: auto;
 }
 
 select.form-control, form[name="searchform"] #nav-jobsearch select.form-control[name="in_jobDate"], form[name=emailform] #nav-alert .form-group select#in_html{
   height:  37px;
 }
 
 form[name=searchform] #nav-jobsearch select.form-control, form[name=emailform] #nav-alert .form-group select.form-control{
   /*height:  120px;*/
   height: auto;
 }
 
 .form-group.rasp_field > label {
     font-size: 15px;
 }
 
 .word-counter-container {
   font-size:  10pt; color:  red;
 }
 
 .word-count-number-label {
     font-size:  10pt; display:  inline !important;  color:  red !important;  
 }
 
 textarea.form-control {
      width: 100% !important;
 }
 
 iframe{
   max-width:100%;
 }
 
 .panel-group {
   margin-top:  30px;
 } 
 
 #navbar {
   min-height:  50px;
 }
 
 .widget-section.theme-lt-grey-bg {
   
 }
 .widget-section .circle {
   width:  62px; height:  62px;
 }
 
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
     background-color: #fff;
 }
 
 .widget-banner .responsive-slider .slide-body img, .widget-banner .responsive-slider .slide-body, .widget-banner .responsive-slider li {
   max-width:  100% !important;
   width:  100% !important;
 }
 
 @media (max-width: 768px) {
 .grid-item-overlay {
   max-width: 255px; max-height:255px; margin: 20px auto 0 auto !important;
 }
 }
 
 
 @media (max-width: 550px) {
   /* ------------Left aligned logo on mobile, icons hidden showing text only ------------- */
   #top-nav .circle {
     display:  none;
   }
   #top-nav .div {
     display:  none;
   }
   #top-nav a.fa-sm.theme-color {
     clear:  both; display:  block; margin:  0 0 15px 0;
   }
   a.navbar-brand.pull-left {
     max-width:  190px !important; margin:  5px 0 8px 5px;
   }
   
 
 /* ------------Centred logo and header icons on mobile, icons on new line------------- */
 /*	#top-nav {
   width: 100%; text-align:  center; position: relative; clear:  both; margin-left:  10px;
   }
   header#header {
     height: 180px;
   }
   .container-fluid {
     text-align: center !important; position: relative;
   }	
   .container-fluid a.navbar-brand.pull-left {
     float:  none !important; display:  block ; margin:  0 auto; padding:  30px 0 15px 0;
   }
   */
 }
 
 /* Sticky Footer */
 
 html {
     min-height: 100%;
     position: relative;
 }
 body {
     margin: 0 0 85px;
 }
 footer {
     bottom: 0;
     height: 50px;
     left: 0;
     overflow: hidden;
     position: absolute;
     width:100%;
     background:  #474b55;
     padding: 15px;
 }
 
 footer .txt-footer {
     color: #fff;
     font-size: 15px;
 }
 
 /* Sticky footer mobile  */
 @media (max-width: 1200px) {
 
   footer .txt-footer {
     text-align:  center !important; 
   }
 
   footer .txt-footer a {
     display:  inline-block !important; 
   }
 
   .home-footer-social {
     padding:  0 0 25px 0 !important;
   }
 
   .onboarding_wrapper {
     margin-bottom:  220px;
   }
 
 }
 
 @media (max-width: 992px) {
   footer {
     height:  90px; 
   }
 
   body {
       margin: 0 0 90px;
   }
 }
 
 @media (max-width: 500px) {
   body {
       margin: 0 0 135px;
   }
   footer {
     padding:  10px 0 0 0; height: 135px;
   }
   footer .footer-text-main {margin:  10px auto 0 auto;
   }
 }
 
 input.storenext, input.previous {
     margin: 0 10px;
 }
 
 /**********************************/
 /*OVERWRITTING MAIN APPFORM STYLES*/
 /**********************************/
 
 div.section-header{
   background: #343741;
 }
 
 div.form-group .instructions > * {
     font-size: 12px;
     line-height: 1.5;
     font-weight: normal;
     color: #666666;
     font-family: helvetica,arial,sans-serif;
 }
 
 div.de-identified label{
   font-family: inherit;
   font-weight:600;
 }
 
 abbr.mandatory{
   font-family: inherit;
 }
 
 main #widget-content .form-group .mandatory{
   text-align: left;
 }
 
 main #widget-content .form-group label{
   text-align: left;
 }
 
 abbr[title], abbr[data-original-title] {
   border-bottom: 0 none;
   cursor: default;
 }
 
 .form-group .info {
   font-size: 12px;
   font-weight: 600;
   font-family: helvetica,arial,sans-serif;
 }
 
 /*Top section*/
 
 #JobApplyingForContent{
   background-color: #f9f9f9;
   color: #666;
   margin: 0;
   padding: 15px;
   border-bottom: 1px solid #eee;
   border-top: 1px solid #eee;
   clear: both;
 }
 #JobApplyingForContent > span, div#JobApplyingFor div.seedetails,table#rasp_jobdetails tr:nth-child(n+4) {
     display: none;
 }
 
 table#rasp_jobdetails tr td.col_1 {
     padding-right: 10px;
     width: 40%;
     font-weight: 600;
 }
 
 
 table#rasp_jobdetails {
   width: 100%;
 }
 
 #widget-content form .form-group{
/*    margin-left:0px;
   margin-right:0px; */
 }
 
 div#JobApplyingFor div.applyingfor {
     color: #3275a4;
     font-size: 30px;
     font-weight: 600;
     border-bottom: 1px solid #f0f0f0;
     margin-bottom: 15px;
 }
 
 div.form-group div.sub-heading{
   color: #3275a4;
 }
 
 #rasp_application_tmpl.de-identified .rasp_actions div.actions .btn, #rasp_application_tmpl.de-identified .buttons {
     height: 30px;
     padding: 5px 20px;
 }
 
 #rasp_application_tmpl.de-identified .rasp_actions {
     text-align: center;
 }
 
 #rasp_application_tmpl.de-identified div.warning {
     text-decoration: none;
 }
 
 #rasp_application_tmpl.de-identified .buttons, #rasp_application_tmpl.de-identified .rasp_button, #rasp_application_tmpl.de-identified input.save, #rasp_application_tmpl.de-identified .rasp_actions .btn{
   margin-bottom: 15px;
 }
 
 div.form-group .instructions ol {
     margin-left: 0px;
 }
 
 /*Fix prefill button breaking*/ 
 .optOut button.btn, .prefillApptext{
     white-space: normal;
 }
 /**********************************/
 /*    END MAIN APPFORM STYLES     */
 /**********************************/
 .col-sm-12.icons {
     margin: 15px 0;
 }
 .upload-column .buttons {
   background-image: url("/M_images/btn-upload.jpg") !important;
   background-position: 50% center !important;
   background-repeat: no-repeat !important;
   padding: 6px 15px !important;
   text-indent: -99999px;
   height: auto !important;
   border-radius: 0px;
 }
 .form-group table .info{
   color: #ffffff;
   font-family: helvetica,arial,sans-serif;
   font-size: 11px;
 }
 .table-responsive select {
   height: 32px;
   margin-bottom: 10px;
 }
 .form-group table br {
   display: block;
 }
 
 .margin-top-20{
   margin-top:20px;
 }

 .asterisk-left::before {
  content: "*";
  display: inline-block;
  width: 12px;
  font-size: 20px;
  color: red;
  padding-right: 4px;
  position: relative;
  top: 3px;
  line-height: 14px;
  margin-left: -12px;
}

.ui-outputpanel .pull-right .btn-default{
  background-color: #77b800 !important;
  color:#fff;
  border-color:#77b800;
}

.task-action form a {
  background-color: #77b800 !important;
  color:#fff;
  border-color:#77b800;
}

#nav-application #appform_wrapper{
  padding-bottom: 30px !important;
}



@media (min-width: 415px) and (max-width: 750px) {
  #header .container-fluid.banner{
    height: 300px;
  }
}

.onboarding_wrapper #candidatePortalPanel .ui-tabs-panels .next-step-data a{
  color:#fff;
}

#candidatePortalTabs{
  padding-bottom: 30px;
}

.sign-docs-footer .pull-left form a {
  background-color: #77b800;
  color:#fff;
  border:none;
}