﻿/*********** Customer and House ***********/
.loginContainer .login-header {
  margin-bottom: 0;
  padding: 0 20px;
}
.loginContainer p:not(:last-child) {
  margin-bottom: 0;
}

/** Homepage Product List & Table **/
/** Homepage Product List & Table **/
.one-done table tr {
  border-bottom: 1px solid #f3f3f3;
}
.one-done table tr:last-child {
  border-bottom: none;
}
.one-done .products-table td {
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 10px;
  width: 150px;
  text-align: center;
  vertical-align: central;
}
.one-done .products-table .row-title {
  width: 100px;
}
.one-done .products-table .col-title {
  background-color: #00aeef;
  color: #ffffff;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #004557;
}

a:hover {
  color: #004557;
}

.list-group-item.active {
  background: #004557;
}

.navbar-toggle .icon-bar {
  background-color: #111;
}

#main_nav {
  background: #fff;
}
#main_nav .container {
  padding: 0;
}
#main_nav .navbar-default {
  background-color: transparent;
  border-color: transparent;
}
#main_nav .nav-link {
  color: #333;
}

/**********/
/* Footer */
/**********/
/*******Footer*************/
footer {
  text-align: right;
  padding-top: 20px;
  background: #fff;
  margin-top: 30px;
  color: #fff;
}
footer .border-top {
  border-top: 1px solid #d7d7d7 !important;
}
footer .featureImg {
  text-align: right;
  width: 10%;
  height: 10%;
  padding-bottom: 10px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  footer .featureImg {
    width: 20%;
  }
}
@media (max-width: 500px) {
  footer .featureImg {
    width: 30%;
  }
}
footer .container {
  padding-right: 50px;
  background: transparent;
}
footer .interior {
  background-color: #2a2a2a;
  text-align: center;
  padding: 50px;
}
.newhomes footer .container {
  width: 100%;
  padding: 0;
}

.footer__secondary-items {
  display: inline-block;
  padding: 0 50px 0 0;
  text-align: center;
  font: 0.9rem/2rem "Open Sans", sans-serif;
  margin: 0;
}

.footer__secondary-item:not(:last-child) {
  margin-right: 80px;
}

.footer__secondary-item {
  display: inline-block;
}

.footer__secondary-link, .is-oru .footer__secondary-link {
  color: #fff !important;
}

.footer__disclaimer {
  display: inline-block;
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 0.9em;
}

/*** Steps Callout ***/
.chevron {
  display: none;
}

.section-content.application .steps-callout div .inner {
  background: #e77613;
  color: #fff;
}

.steps-callout div .inner:after {
  border-left: 40px solid #e77613;
  right: -39px;
}

.steps-callout div.current .inner:after,
.steps-callout div.previous .inner:after {
  border-left: 40px solid #004557;
  right: -39px;
}

.steps-callout div.current-highlight .inner:after,
.steps-callout div.previous-highlight .inner:after {
  border-left: 40px solid #ed1c24;
}

.steps-callout div .inner:before {
  border-left: 40px solid #fff;
}

.section-content.application .steps-callout div.current .inner,
.section-content.application .steps-callout div.previous .inner {
  background: #004557;
}

.section-content.application .steps-callout div.current-highlight .inner,
.section-content.application .steps-callout div.previous-highlight .inner {
  background: #ed1c24;
}

.steps-callout h4, .steps-callout p {
  color: #fff;
}
.steps-callout .current h4, .steps-callout .current p, .steps-callout .previous h4, .steps-callout .previous p {
  color: #fff;
  position: relative;
}

.featured {
  background: #fff;
  padding: 30px 20px;
}
.featured #right img {
  max-width: 100%;
}
.featured h1 {
  font: 2.7rem/3.2rem "Futura-Bold", sans-serif;
}
.featured h2, .featured h2#sitePageTitleText {
  font: 2rem/2.6rem "Futura-Bold", sans-serif !important;
}

h2#sitePageTitleText {
  font: 2rem/2.6rem "Futura-Bold", sans-serif !important;
}

.oit-content-col { /*margin:20px 30px;*/ }

@media only screen and (max-width: 1200px) {
  #application-form .col-md-3.hide-print {
    clear: both;
    float: left;
    margin-left: 8%;
  }
}

.form-control {
  color: #2a2a2a;
}

/*.section-content .inner {padding:20px;background-color:#fff;}*/
/**********equipment list layout*************/
.equipment-sum-grp-hdr {
  background-color: #004557;
}

.equipment-sum-grp-footer {
  background-color: #eee;
}

.equipment-sum-ctor-hdr {
  background-color: #DCDCDC;
}

.equipment-sum-grp-hdrtxt {
  color: white;
}

.equipment-sum-grp-hdrtxt a:link, .equipment-sum-grp-hdrtxt a:visited, .equipment-sum-grp-hdrtxt a:hover, .equipment-sum-grp-hdrtxt a:active {
  color: #FFFFFF;
}

.equipment-sum-grp-ftrtxt {
  color: black;
  font-weight: bold;
}

.equipment-sum-total-footer {
  background-color: #4cbfe6;
}

.equipment-sum-total-txt {
  color: white;
  font-weight: bold;
}

.equipment_grid_child table th {
  background-image: none;
  background-color: #00aeef;
  color: #fff;
}
.equipment_grid_child table th span.k-link {
  color: #fff !important;
  font-weight: bold;
}

.modal-footer .btn + .btn {
  margin-bottom: 10px;
}

.btn-default {
  border-color: #2e6da4;
}

/***eligiblity tool****/
.newhomes #sitePageInfoText {
  padding-right: 15px;
  padding-left: 15px;
}
.newhomes .eligibility {
  background-color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 20px;
}

.k-pager-numbers li {
  margin-bottom: 0;
}

@media only screen and (max-width: 986px) {
  #app-form-div,
  .equipment-sum-grp .row,
  .row.equipment-sum-total-footer {
    margin: 0 30px;
  }
  h2, .section-content h2 {
    font: 2.3rem/3rem "Futura-Bold", sans-serif;
  }
  h3, .section-content h3 {
    font: 1.7rem/2.6rem "Futura-Bold", sans-serif;
  }
}
.k-dropdown-wrap.k-state-default .k-select {
  max-height: 30px;
}

.k-widget.k-dropdown.k-header {
  width: 5.5em !important;
}

.k-dropdown-wrap.k-state-default {
  width: 3em !important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
  background-color: #e77613 !important;
  border-color: #e77613 !important;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
  color: #222 !important;
}

#VisionStatusGrid .k-widget.k-dropdown.k-header {
  width: 12em !important;
}

#VisionStatusGrid .k-dropdown-wrap.k-state-default {
  width: 10em !important;
}

.bigbutton {
  clear: both;
  height: 85px;
  margin-left: auto;
  margin-right: auto;
  width: 75px;
}

#app-form-div {
  margin: 20px;
}
#app-form-div .form-horizontal .controls {
  margin-left: 40px;
  float: left;
}
#app-form-div #display-contractor-span .controls {
  clear: both;
  margin-left: 50px;
}

@font-face {
  font-family: "Futura-Bold";
  src: url("../../../../../Content/Programs/ORU/fonts/Futura-Bold.eot");
  src: url("../../../../../Content/Programs/ORU/fonts/Futura-Bold.woff") format("woff");
  src: url("../../../../../Content/Programs/ORU/fonts/Futura-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */
}
html {
  font-size: 1em;
}

body {
  background-color: #d7d7d7;
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
  color: #2a2a2a;
  font: 1em/1.5em "Open Sans", sans-serif;
}

h5 {
  clear: both;
}

.container.section-content.landing {
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 20px;
}

.section-content .inner {
  padding: 10px;
  width: 100%;
  background-color: #fff;
}
.section-content .inner .inner {
  margin-left: 10px;
}
.section-content .inner .span8 {
  background-color: #fff;
  padding: 20px;
}
.section-content .inner .row {
  width: 100%;
}

.section-content.application .inner {
  background-color: #fff;
}

.inner p,
.row-fluid {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font: 1rem "Futura-Demi", sans-serif;
}

h1 {
  font-size: 50px;
  line-height: 62px;
}

@media only screen and (max-width: 440px) {
  h1 {
    font: 2.5rem/3.5rem "Futura-Bold", sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font: 2.5rem/3.5rem "Futura-Bold", sans-serif;
  }
}
h2, .section-content h2 {
  padding-top: 20px;
  line-height: 1em;
  text-transform: none;
  color: #2a2a2a;
  font: 2.1rem "Futura-Bold", sans-serif;
  word-break: break-word;
}

@media only screen and (min-width: 768px) {
  h2 {
    display: block;
    margin-bottom: 20px;
    font: 1.9rem "Futura-Bold", sans-serif;
  }
}
h4 {
  font-size: 1.25em;
}

p, label {
  color: #2a2a2a;
  font: 1rem/1.6rem "Open Sans", sans-serif;
}

p p {
  padding: 0;
}

h3, .section-content h3 {
  font: 1.9rem "Futura-Bold", sans-serif;
}

h3,
p:not(:last-child) {
  margin-bottom: 35px;
}

ul,
ol {
  list-style: none;
}

li {
  margin-bottom: 20px;
  line-height: normal;
}

li ul,
li ol {
  padding-bottom: 1px;
}

ol {
  counter-reset: elementcounter;
}

/**********/
/* Header */
/**********/
header {
  padding-top: 0;
  background-color: #fff;
  border-top: 30px solid #2a2a2a;
}
header .container {
  background-color: transparent;
  border-radius: 0;
}
header .header {
  height: 90px;
  display: block;
  margin: 0;
}
header .header .logo {
  display: block;
}
header .header .logo img {
  max-width: 100%;
}
@media only screen and (max-width: 990px) {
  header .header .col-md-3 {
    float: left;
  }
}
header .headerError .logo {
  background: url("/Content/Programs/ORU/images/logo.png") no-repeat scroll left;
  height: 117px;
  width: 606px;
}
@media screen and (max-width: 430px) {
  header .headerError .logo {
    background: url("/Content/Programs/ORU/images/logo.png") no-repeat scroll left;
    width: 300px;
    display: block;
    margin: 0 auto;
  }
}

#errorLayout header {
  background-color: #00aeef;
}
#errorLayout .container, #errorLayout #header_break {
  background-color: transparent;
}
#errorLayout .logo {
  background: url("../../../../../Content/Programs/ORU/images/logo.png") no-repeat scroll center;
}

.tagline {
  display: none;
  float: right;
  text-align: right;
}

.page-title h1, .page-sub-title h1 {
  color: #fff;
  font-size: 2.1em;
  margin: 0;
}

.headerHelp {
  float: right;
  color: #fff;
  clear: right;
  margin: 0px;
}

/********/
/* Form */
/********/
/***********/
/* General */
/***********/
h1, h2 {
  color: #2a2a2a;
}

/* Gen */
/* text aligns are in latest bootstrap. Requires JQuery 1.9.  Kendo still on 1.8*/
.featured img {
  max-width: 100%;
  display: none;
}
.featured .well {
  border: 1px solid #cbcbcb;
  background-color: #f1f1f1;
  border-radius: 0;
  box-shadow: none;
}
.featured .well:hover {
  background-color: #fff;
}

.documents h2#sitePageTitleText,
.documents h3 {
  font-size: 1.4em !important;
}

.container,
.landing,
.inprogress,
.help,
.documents,
.account,
.admin,
.eligibility,
.confirmation,
.status {
  background-color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 20px;
}

/*********** two column control changes ***********/
.oit-main-needsattention-row {
  margin-left: 15px;
}

.homeBox {
  display: block;
  min-height: 200px;
}

.homeBoxTopCap {
  display: none;
}

.homeBoxBottomCap {
  display: none;
}

.alert-warn {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  padding: 20px;
  font-size: 1.3em;
  font-weight: bold;
}

/****Inwin and Appliances*************/
.btn, .btn-primary, a.btn-primary, input.btn-default-action,
.btn:hover, .btn-primary:hover, a.btn-primary, input.btn-default-action:hover {
  height: auto;
  text-align: center;
  text-decoration: none;
  font: 1.1rem/1.2rem "Open Sans", sans-serif;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  padding: 0 25px;
  text-transform: uppercase;
  border-radius: 50px;
  background-color: #e77613;
  color: #fff;
  background-image: none;
  font-weight: 800;
  border-color: transparent;
  line-height: 44px;
}

.btn:hover, .btn-primary:hover, a.btn-primary:hover, input.btn-default-action:hover,
.btn:active, .btn-primary:active, input.btn-default-action:active,
.btn:focus, .btn-primary:focus, input.btn-default-action:focus, .btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled] {
  background: none;
  background-color: #d76610;
  color: #fff;
}

.btn.btn-link {
  font-size: 0.9em;
}

a.btn-secondary {
  color: #fff;
}

.btn.cancel {
  background-color: transparent;
  color: #004990;
  border: 2px solid #004990;
}

.btn.cancel.btn-primary {
  background-color: #4cbfe6;
  color: #fff;
}

@media (max-width: 500px) {
  .btn.btn-primary {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media print {
  .left-mobile .col-md-6 {
    width: 100% !important;
  }
}
.card {
  background-color: white;
  margin-bottom: 20px;
  float: left;
}

.card h2 {
  margin-top: 0;
  padding-top: 40px;
  font-size: 24px;
  color: #004990;
  font-weight: bold;
  padding: 20px;
  line-height: normal;
}

.card h1 {
  color: #004990;
  font-size: 30px;
  vertical-align: middle;
  font-weight: bold;
  margin-top: 10px;
  padding: 0 20px;
  line-height: normal;
}

.card p {
  padding: 20px;
  font-size: 18px;
}

.card .ad {
  margin: 20px auto;
  padding-bottom: 20px;
  display: block;
}

.btn-primary.application {
  text-transform: none;
}

.row.hide-print .col-md-1 {
  display: none;
}

.k-filter-menu.k-popup .k-widget.k-dropdown.k-header,
.k-filter-menu.k-popup .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default {
  width: 90% !important;
}

.appliance #left p.message {
  color: red;
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
  line-height: 2.3em;
}

a.btn.disabled {
  color: #fff !important;
}

hr {
  color: #d7d7d7;
}
