/**********************************************************
             Standard Component Styling 
**********************************************************/

.table > thead > tr > td.title,
.table > tbody > tr > td.title,
.table > tfoot > tr > td.title,
.table > thead > tr > th.title,
.table > tbody > tr > th.title,
.table > tfoot > tr > th.title,
.table > thead > tr.title > td,
.table > tbody > tr.title > td,
.table > tfoot > tr.title > td,
.table > thead > tr.title > th,
.table > tbody > tr.title > th,
.table > tfoot > tr.title > th {
  background-color: #E9E2D8;
}

.child-row {
    background-color: #E6E2DA;
}

/**********************************************************
                       Buttons
**********************************************************/

.btn-primary {
    background-color: #0E8666;
    border-color: #0C785B;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #044F3B;
    border-color: #044F3B;
}

#LoanAppDashboardTable .buttons > .btn {
    margin: 3px 0;
}

@media (min-width: 992px) {

    #LoanAppDashboardTable .btn {
        width: 100px;
    }  
}

@media screen and (max-width: 767px) {

    #LoanAppDashboardTable .buttons {
        width: 100px;
        margin: 0 auto;
    }  

    #LoanAppDashboardTable .buttons > .btn {
        min-width: 50px;
    }
}

/**********************************************************
              Headers, Banners, Navbars, Footers
**********************************************************/

.layout-responsive #headerNav {
    height: initial;
    min-height: 88px;
    background-size: cover;
}

#headerNav .expanded-menu a.LinkActive
{
	background-color: #3d8e6c;
}

#headerNav .expanded-menu a:hover
{
	background-color: #3d8e6c;
}

.mainNav .expanded-menu ul 
{
	margin: 18px 0 0 3px;
}

.mainNav .condensed-menu ul 
{
	margin: 0 0 0 0;
}

.page-header-responsive .TopTitle {
    margin: 0;
    height: initial;
    padding-bottom: 6px;
}

.page-header-responsive .HeaderText {
    padding-left: 15px;
    padding-top: 5px;
}

.page-header-responsive .PageBlock {
    padding: 15px 15px 0 15px;
}

.page-header-mobile {
    background-color: white;
}

#footerNav ul {
    padding: 0;
}

#footerNav ul li {
    border-left: solid 1px white;
}

#footerNav .footerLinks {
    font-size: 10px;
    text-shadow: 0 1px 0 #fff;
    font-family: Helvetica,Arial,sans-serif;
    color: black;
}

#applicationSummaryTable > thead > tr:first-child > th:first-child {
    padding-left: 15px;
}
/**********************************************************
                Decorated Components
**********************************************************/
ol.iconic {
    color: white;
}
    
ol.iconic li {
    background-image: url("/Content/OLA/ListIcon.png");
}

ol.iconic li p {
    color: black;
}

.FormCalendar span[class*="calendar"] {
    background: none;
}

/**********************************************************
                Wizard Components
**********************************************************/
.wizard-panel {
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel {
    box-shadow: none;
}


.panel-default {
    border: none;
}

/**********************************************************
              Progress Bar BEGIN
**********************************************************/

.progress-indicator > li.completed {
    color: #00945f;
}

.progress-indicator.block-layout > li .bubble {
    height: 20px;
    width: 90%;
}

.progress-indicator > li.completed .bubble {
    background-color: #00945f;
    color: #00945f;
    border-color: #247830;
}

.progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after {
    background-color: #00945f;
    border-color: #247830;
}

.progress-indicator > li.current {
    color: #00945f;
}

.progress-step,
.mini-progress-status,
.mini-progress-status > .progress > .progress-bar {
    background-color: #00945f;
}

.progress-status.condensed,
.progress-status a,
.progress-status a:visited,
.progress-status .instructions,
.progress-indicator-list > li.current,
.progress-indicator-list > li.in-progress,
.progress-indicator-list > li.completed {
  color: #000000;
}

.progress-status a:hover,
.progress-status a.focus {
    color: #00945f;
}

.progress-indicator, .detailed.progress-status .instructions {
    font-size: 90%;
    text-transform: none;
}

.progress-indicator > li:not(.not-visited) .bubbleText {
    color: #00945f;
}

.progress-indicator > li.current .bubbleText {
    text-decoration:  underline;
    text-decoration-color: #00945f;
}

.detailed.progress-status {
    background-color: #ffffff;
    border: none;
    padding-bottom: 25px;
}

/**********************************************************
              Progress Bar END
**********************************************************/

@media screen and (max-width: 767px) {

    body {
        padding-top: 0;
    }

    #PageMainHeader.header-responsive {
        background: #217e5e;
        color: white;
    }

    #PageMainHeader.header-responsive #logo {
        display: none;
    }

    #PageMainHeader.header-responsive #headerNav {
        min-height: initial;
    }

    #PageMainHeader.header-responsive .HeaderText {
        padding-left: 0px;
    }

    #PageMainHeader.header-responsive .headerTitle {
        margin: 13px 0 13px 0;
    }

    .page-header-mobile {
        background-image: url("/~/media/BGM/GS/images/bg.png");
        background-repeat: repeat;
    }

    .table > thead > tr > td.title,
    .table > tbody > tr > td.title,
    .table > tfoot > tr > td.title,
    .table > thead > tr > th.title,
    .table > tbody > tr > th.title,
    .table > tfoot > tr > th.title,
    .table > thead > tr.title > td,
    .table > tbody > tr.title > td,
    .table > tfoot > tr.title > td,
    .table > thead > tr.title > th,
    .table > tbody > tr.title > th,
    .table > tfoot > tr.title > th {
        background-color: #f1f1f1;
    }

    .table > thead > tr > th, 
    .table > tbody > tr > th, 
    .table > tfoot > tr > th, 
    .table > thead > tr > td, 
    .table > tbody > tr > td, 
    .table > tfoot > tr > td {
        border-top: 1px solid #f1f1f1;
    }
}

@media screen and (min-width: 768px) {

    #footerNav.footer-responsive {
        background-color: transparent;
    }
}

/**********************************************************
              Loan Application Dashboard
**********************************************************/

#LoanAppDashboardTable > table > tbody > tr {
    background-color: #fff;
    border-bottom: solid 1px #f5f5f5;
    height: 35px;
}

#LoanAppDashboardTable table [class*="header"] {
    border-bottom: solid 2px;
}

#LoanAppDashboardTable > table > tbody > tr > td {
    border-bottom: solid 1px #ccc;
}

/* Don't let the Step column wrap. This would be better if the column had a class tied to it. */
#LoanAppDashboardTable > table > tbody > tr > td:nth-child(5) {
    white-space: nowrap;
}

@media (min-width: 992px) {

    /* Buttons column should never become less than 210 pixels to ensure the buttons format properly. */
    #LoanAppDashboardTable > table > tbody > tr > td:nth-child(6) {
        min-width: 210px;
    }  
}

#LoanAppDashboardTable table .mobile-header {
    background-color: rgb(61, 142, 108);
}


#Module-PersonalInfo .HeaderText {
    display: none;
}