/* media queries */
@import url(media.css);

@import url(typography.css);
@import url(textarea.css);
@import url(animations.css);


body, html {
  width: 100%;
  margin: 0;
  top: 0;
  font-family: 'NettoOT-Light', sans-serif!important;
  font-weight: 300;
  background-image: url('../assets/img/check-pattern.jpg');
  background-repeat: repeat;
  background-size: 50%;
  min-height: 100vh;
  height: 100%;
}

.pad-5 {
  padding: 5% 0;
}

.pad-top-5 {
  padding-top: 5%;
}

.pad-7p5 {
  padding:  10px 0;
}

.no-pad {
  padding: 0!important;
}

.icn-huge {
  font-size: 9em!important;
  color: rgba(255,255,255,0.75);
}

.view {
  min-height: 100vh;
  
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
  margin: 0 auto -5em;
  padding-bottom: 5em;
}

.btn-transparent {
  background-color: transparent;
  border: 1px solid #fff !important;
  color: #fff;
}

.btn-transparent:hover, .btn-transparent:focus {
  background-color: white;
  color: #313131!important;
}

.btn-white {
  background-color: white;
  border: 1px solid #fff !important;
  color: #313131;
}

.btn-white:hover {
  background-color: #d0d0d0;
  color: #313131!important;
  border-color: #d0d0d0!important;
}

.view-no-centre {
  text-align: left!important;
  padding-right: 1em;
  padding-left: 0;
}

.corp-logo {
  background-image: url('../assets/icns/AusNet_brand.png');
  background-repeat: no-repeat;
}

.logo-lg {
  background-size: 15em;
  height: 10em;
  width: 15em;
  position: absolute;
  bottom: 0em;
  right: 0.5em;
}

.logo-sm {
  background-size: 6em;
  height: 4em;
  width: 6em;
  position: absolute;
  right: 0;
}

/* Splash page */
.bk-splash {
  background-image: url('../assets/img/splash.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  color: #f0f0f0;
}

#content-splash {
  background-color: rgba(0,0,0,0.15);
  padding: 1em 0;
  width: 100%;
  margin: 0 auto;
  min-height: 22em;
  height: auto;
  margin-top: 4.5em;
}

.splash-footer {
  background-color: transparent!important;
  padding:0!important;
  height: 7em!important;
}

.ner a {
  color: white;
}

.ner a:hover {
  color: white;
  text-decoration: underline;
}

/* Section styles */

.corp-purple {
  background-color: #363693;
  color: #f0f0f0;
}

.corp-blue {
  background-color: #0864B1;
  color: #f0f0f0;
}

.corp-light-blue {
  background-color: #198CCD;
  color: #f0f0f0;
}

.corp-turquoise {
  background-color: #3EB08E;
  color: #f0f0f0;
}

.corp-green {
  background-color: #8EC63F;
  color: #f0f0f0;
}

.corp-grey {
  background-color: #6D6E71;
  color: #f0f0f0;
}

.colour-error {
  background-color: #9E1E56;
  color: #f0f0f0;
}

.colour-warning {
  background-color: #BB7823;
  color: #f0f0f0;
}

.side-img img {
  margin: 0 auto;
}

#welcome.dev{
  background-image: url('../assets/img/dev.png');
  background-repeat: repeat;
}
#welcome.test{
  background-image: url('../assets/img/test.png');
  background-repeat: repeat;
}

#welcome > hr {
  border-top: 1px solid rgba(255,255,255,0.15);
}

#welcome-tc {
  width: 75%;
  margin: 0 auto;
}

#welcome-tc p {
  font-size: 0.7em;
}

#welcome-tc small {
  font-style: italic;
}

.car-consent a, .contact-link a {
  color: white;
  text-decoration: underline;
}

.car-consent a:hover, .contact-link a:hover {
  color: #f0f0f0;
  text-decoration: underline;
}

.bound-box {
  border: 2px solid #999;
  border-radius: 3px;
  background-color: #f5f5f5;
  padding: 1.5em!important;
  margin-bottom: 10px;
  color: #313131;
}

.bound-box > p {
  color: #313131;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
}

.icn-push {
  margin-top: 0.4em;
}

.input-group-btn select {
  border-color: #ccc;
  margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}

#customer-selection a {
  color: white;
}

label {
  width: 100%!important;
  max-width: none!important;
  line-height: 1.5 !important;
}

.form-control {
  border-radius: 3px!important;
}

#yd-car {
  z-index: 999;
}

#yd-car a { color: white; }
#yd-car a:hover { color: white; text-decoration: underline; cursor: pointer; }

.eula {
  color: #313131;
  font-size: 0.75em;
}

.eula-check {
  padding-bottom: 1.5em;
}

.eula-check label:hover {
  cursor: pointer;
}

hr{
  margin-top: 5px;
  margin-bottom: 5px;
}
#premises tbody tr{
  cursor: pointer;
}

#premises tr.active-premise td{
  background-color: rgba(255,255,255,0.1) !important;
}

input[type=text][readonly] {
  background: #fff;
}

#file-remove:hover {
  cursor: pointer;
}

.select-font-size {
  font-size: 0.69em!important;
}

.footer-bold {
  font-family: 'NettoOT-Regular';
}

#footer {
  position: absolute;
  bottom: 0;
  right:0;
  width: 100%;
  /*height: 5em;*/
  font-size: 0.75em;
  background-color: rgba(255,255,255,0.1);
  padding-top: 0.4em;
  padding-bottom: 0em;
  line-height: 5em;
  z-index: 0;
}


#footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-links li {
  display: inline;
}

#footer-links li a {
  color: #f0f0f0;
  padding: 0.2em 1em;
}

.link-logo a, .mdpp-footer a, #welcome a, #footer a{
  color: #f0f0f0;
}

#footer-links li a:hover, .link-logo a:hover, .mdpp-footer a:hover, .footer a:hover, #footer a:hover {
  text-decoration: underline;
  color: #f0f0f0;
}


.mdpp-footer{
  color: #f0f0f0;
}

.vec-text {
  font-size: 1.1em;
  color: #f0f0f0;
}

#vec {
  display: inline-block;
    margin-top: 10px;
    background-color: rgb(123, 124, 127);
    color: rgb(255, 255, 255);
    border-radius: 11px;
    padding: 20px;
}

.vec-image {
  margin: 0 auto;
  padding: 0.5em 0;
}