/** Base CSS  *************************************************************************************/

html {
    font-size: 16px;
}

body {
    padding-top: 70px !important;
    font-size: 0.9rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #F3F3F3;
}

legend {
    font-family: 'Roboto';
    font-weight: 400;
}

.input-group a {
    background-color: #0070b9;
    font-family: 'Roboto';
    font-weight: 700;
}

a, a:visited {
    color: #0070B9;
    font-family: 'Roboto';
    font-weight: 700;
}

a:hover, a:active {
    color: #0070B9;
    text-decoration: underline;
}

.control a.text-primary {
    color: #0070B9;
}

.container.main,
#content_form .container {
    color: #000;
    font-family: 'Roboto', sans-serif;
    background: #FFF;
    padding: 20px;
    margin-bottom: 70px;
}

/* Web Resource font fix */
.web-resource-cell p {
    font-family:'Roboto',sans-serif !important;
}


/*Profile Page Fix */
#content_form .page-heading .container {
    margin-bottom: 0px
}


/** Override container width large **/
@media (min-width: 1200px) {

    .container {
        width: 100%;
        max-width: 1440px;
    }
}

.btn-default {
	color: #0070b9;
	border-color: #0070b9;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
	color:#132048 ;
	border-color: #132048;
}

.btn-primary {
	background-color: #0070b9;
	border-color:#0070b9 ;
}

.btn-primary:hover {
	background-color: #132048;
	border-color:#132048 ;
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
	background-color: #132048;
	border-color:#132048 ;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus,
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
	background-color: #132048;
	border-color:#132048 ;
}



.btn-primary, .btn-info-home, .add-folder {
    color: #fff !important;
}

.btn-info {
	background-color: #0070b9;
	border-color:#0070b9 ;
}

.btn-info:hover {
	background-color: #132048;
	border-color:#132048 ;
}
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	background-color: #132048;
	border-color:#132048 ;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus {
	background-color: #132048;
	border-color:#132048 ;
}

.label {
    color: #000000
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Roboto', sans-serif;
}

h1 {
    font-size: 2em;
    font-weight: 900;
    margin: .67em 0;
    text-align: left;
    color: #132048;
}


.control .text-muted {
    display:none;
}

/** Quickview background fix **/
body[data-sitemap-state="/page-not-found/:/"] {
    padding-top: 0 !important;
    background: #FFF;
}

.container.quickform {
    background: #FFF;
}


/** Header *************************************************************************************/

.navbar-brand {
    padding: 0 15px;
}

.navbar .logo {
    display: inline-block;
    max-width: 100%;
    height: 50px;
    ;
    padding: 0 10px 0 0;
    margin: 0;
}

.navbar-brand-title {
    vertical-align: middle;
    position:relative;
    top:5px;
    font-size:.7em;
    text-transform:uppercase;
    font-family: 'Poppins';
}

.navbar .homelink, .navbar a.homelink:hover, .navbar a.homelink:hover, .navbar div.navbar-header .homelink, .navbar #navbar li.open a.dropdown-toggle {
    font-weight: 700;
    color: #132048;
    font-family: 'Poppins';
}

.navbar a.homelink:hover {
    opacity: 0.7;
}

.navbar-static-top.navbar-inverse {
    background-color: #FFF;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%)
}

div.navbar-static-top.navbar-inverse, div.navbar-static-top.navbar-inverse {
    background-color: #FFF;
    margin-bottom: 20px;
    font-size: 18px;
    
}

#navbar li.open a.dropdown-toggle {
    border-bottom: 5px solid #F26724;
    background-color: #FFF;
}


#navbar a {
    color: #132048;
    font-family: Poppins;
}

    #navbar a:hover, #navbar > .open > a {
        color: #132048;
        font-family: 'Poppins';
        background-color: #FFF;
        border-bottom:4px solid #F26724;
    }

.navbar-toggle .icon-bar {
    border-color: #333;
}

.navbar-inverse .navbar-nav > li > a:hover {

	padding-bottom: 14.5px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color:#FFF
}

#navbar .dropdown-menu {
	margin-top: 2px;
	background:  #132048;
	border-bottom: 5px solid #0070b9;
}


#navbar .dropdown-menu a {
	color: #FFF;
	border: 0;
}

 #navbar .dropdown-menu a:hover, #navbar .dropdown-menu > .open > a {
 	color: #0070b9;
 	background-color:transparent;
 	border: 0;
 }

 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
 	color: #0070b9;
    padding:3px 20px;
 }


 @media (max-width: 600px) {
    .navbar-brand-title {
        font-size: .5em;
    }
}
/** Breadcrumbs *************************************************************************************/
.breadcrumb, div.page-heading ul.breadcrumb > li a {
    color: #0070B9;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    text-align: left;
    background-color: #FFF;
}

    .breadcrumb > .active {
        color: #000000;
        font-family: 'Roboto',sans-serif;
        font-size: 0.8rem;
        text-align: left;
        background-color: #FFF;
    }

/** Home Page *************************************************************************************/

/** Temp fix for demo purposes remove from template */
#gethelp.section-diagonal-right.home-section {
    margin-top: 60px;
}


.page_section.home-content p {
    border-top: 0;
}

.page_section.home-content .action-block a {
    text-align: center;
    min-height: 120px;
    height: auto;
}


.page_section.section-landing {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(mchsd_background_header.png) no-repeat center;
    background-size: cover;
}

    .page_section.section-landing .row > div .section-landing-heading {
        font-size: 3rem;
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: 21px;
        margin-bottom: 10.5px;
    }

    .page_section.section-landing .row > div .section-landing-sub-heading {
        margin-top: 0;
        margin-bottom: 50px;
        font-size: 5rem;
        color: #fff;
        letter-spacing: 8px;
        text-transform: uppercase;
    }

/** Eligibility Determination - Quesitonnaire **/

table[data-name="interested_programs_section"] td {
    padding-bottom: 40px !important;
}

table[data-name="recommendedprograms_tab_hidden_section"] {
    display: none !important;
}

table[data-name="recommendedprograms_section"] {
    display: none;
}





/** Action Button Styling **/
.action-block a {
    display: inline-block;
    padding: 25px;
    border: 1px solid #CCC;
    font-size: 1.4em;
    margin: 10px;
    background: #FFF;
    color: #132048;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
    height: 150px;
    width: 100%;
    font-family: 'Poppins','Roboto', san-serif;
    text-transform: uppercase;
}

    .action-block a:hover {
        background: #F26724;
        text-decoration: none;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);
        color: #FFF;
    }

    .action-block a .title {
        font-size: 1.2em;
        font-weight: bold;
    }

    .action-block a .description {
        font-size: 0.7em;
        display: block;
        font-family: 'Roboto';
        text-transform: none;
    }
    
    .action-block.disabled a {
        opacity:0.4;
        cursor: not-allowed;
        pointer-events: none;
        background: #EFEFEF;
            
    }
    


/** hide sharepoint grids **/
/*.sharepoint-access-denied.message {
    display: none !important;
}
*/
/** hide sharepoint add folder **/
.add-folder {
    display: none;
}

/** disable document links **/
.sp-item a.sharepoint-custom-icon {
    pointer-events: none;
}

/** disable delete button if submitted **/
.application.Submitted .sharepoint-grid .sp-item a.delete-link {
    pointer-events: none;
    display:none;
}

/** Hide Hidden form sections **/
.section[data-name="hidden_section"],
.section[data-name="hidden_section_2"],
.section[data-name="hidden_section_3"],
.section[data-name="hidden_section_4"],
.section[data-name="hidden_section_5"],
.section[data-name="hidden_section_6"],
.section[data-name="hidden_section_7"],
.section[data-name="hidden_section_8"],
.section[data-name="hidden_section_9"] {
    display: none !important;
}




/** Patient Overview *************************************************************************************/

.patient-header {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}

    .patient-header .patient-info-name {
        font-size: 20px;
        margin-top: 0;
        font-weight: bold;
    }

    .patient-header .patient-info-contact {
        /* font-size: .8em; */
    }

        .patient-header .patient-info-contact .addressline {
            display: block;
            margin-bottom: 4px;
            line-height: 15px;
        }

    .patient-header .patient-info-attributes {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .patient-header .patient-info-attributes li {
        }

        .patient-header .patient-info-attributes .label {
            text-align: right;
            width: 50%;
            color: #999;
            display: inline-block;
            font-size: 16px;
            font-weight: normal;
        }

        .patient-header .patient-info-attributes .value {
            text-align: left;
            width: 50%;
            font-weight: bold;
        }



/** Partner Overview *************************************************************************************/

.partner-header {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}

    .partner-header .partner-info-name {
        font-size: 2em;
        margin-top: 0;
        font-weight: bold;
    }

    .partner-header .partner-info-contact {
        /* font-size: .8em; */
    }

        .partner-header .partner-info-contact .addressline {
            display: block;
            margin-bottom: 4px;
            line-height: 15px;
        }
    .partner-header .partner-info-contact .addressline.title {
        font-weight:bold;
        font-size:1.1em;
        margin-top:15px;
    }
     .partner-header .partner-info-contact:first-child .addressline.title {
       margin-top:0;
    }
    
    .partner-header .partner-info-title {
        font-size:1.1em;
        font-weight:bold;
        text-align:center;
    }

    .partner-header .partner-info-attributes {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .partner-header .partner-info-attributes li {
        }

        .partner-header .partner-info-attributes .label {
            text-align: right;
            width: 50%;
            color: #999;
            display: inline-block;
            font-size: 16px;
            font-weight: normal;
        }

        .partner-header .partner-info-attributes .value {
            text-align: left;
            width: 50%;
            font-weight: bold;
        }
















.page_section section-landing h1, .page_section h1, .page_section section-landing.section-landing-heading, h1 {
    font-size: 2em;
    font-weight: 900;
    margin: .67em 0;
    text-align: left;
    color: #132048;
    font-family: 'Poppins';
    text-transform: uppercase;
}

.home-content.page_section h2 {
    color: #132048
}

.page_section h2, .container h2, .container .content-home h2 {
    font-size: 1.7em;
    font-weight: 900;
    margin: .67em 0;
    text-align: left;
    color: #132048;
    font-family: Roboto;
    
}

.page_section h3 {
    font-size: 1.7em;
    font-weight: 400;
    margin: .67em 0;
    text-align: left;
    color: #383838;
    font-family: Roboto;
}

.header h3 {
    font-size: 1.7em;
    font-weight: 400;
    margin: .67em 0;
    text-align: left;
    color: #383838;
    font-family: Roboto;
}








footer p, footer div, footer h4 {
    color: #F3F3F3;
}

footer a {
	color: #F3F3F3;
}
footer a:hover; footer a:visited; footer a:active {
	color: #059bff;
}

footer.footer .footer-top,
footer.footer .footer-bottom {
    background-color: #132048
}


.footer-container {
    margin: 20px 0
}

    .footer-container div {
        display: inline-block;
        vertical-align: middle;
    }

.footer-logo {
    max-width: 200px
}

.footer-about {
    margin-left: 50px;
    font-size: 1.1em;
    font-weight: 600;
}

footer.footer .footer-bottom {
    min-height: 50px;
    padding: 15px 0;
}

/** Tables/Subgrids /** Breadcrumbs *************************************************************************************/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ebebeb;
}

.table {
    font-family: 'Roboto',sans-serif;
}

    .table th, .table th a {
        font-family: 'Roboto', sans-serif;
        background-color: #132048;
        color: #ffffff;
    }

    .table tr td, .table tr td a {
        font-weight: 400;
    }

.view-grid .table {
    border: 1px solid #ddd;
}


/** Used for collapsing text on subgrid **/
.collapse-text:lang(en-US) ~ a:after {
    content: "show"
}

.collapse-text.collapse.in:lang(en-US) ~ a:after {
    content: "hide"
}

.collapse-text:lang(es-ES) ~ a:after {
    content: "mostrar"
}

.collapse-text.collapse.in:lang(es-ES) ~ a:after {
    content: "esconder"
}

.collapse.in {
    display: inline;
}

.pre-text {
    max-width: 400px;
    white-space: pre-wrap;
}

/** Client Profile */
[data-name="documents_download_quickview"] #Documents {
    height: 350px !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: 0px;
}

.client-overview h2.tab-title {
    display: none;
}

/** Remove Checkbox for overwrite file on upload **/
.modal-body .add-file .checkbox {
    display: none;
}

/** Remove Subgrid labels **/
[data-name="applications_section"] .info,
[data-name="services_section"] .info,
[data-name="cases_section"] .info {
    display: none
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
	background-color: #132048!important;
}


.progress-bar {
	background-color:#0070b9 ;
}
/** Application ******************************************************************/



.application .application-instructions {
    margin: 20px 0;
}


.application .applicant {
    padding: 10px;
    background: #132048;
    color: #FFF;
    font-family: 'Roboto';
}

    .application .applicant .applicant-name {
        font-size: 1.8em;
        font-weight: bold;
    }

    .application .applicant .label {
        color: #FFF;
    }

    .application .applicant .application-status {
        position: absolute;
        right: 30px;
        top: 10px;
        font-size: 1.8em;
        font-weight: bold;
    }

#rsmhhs_dateofbirth_datepicker_description {
    display: none;
}


.quickform #rsmhhs_dateofbirth_datepicker_description {
    display: block;
}

#program-application-intro {
    display:none;
}


/** Misc Elements ******************************************************************/

.form-info-box {
    display: inline-block;
    background: #EFEFEF;
    padding: 10px;
    font-size: 0.8rem;
    border: 1px solid #CCC;
}

/** fix for checkboxes that were not aligning properly on the form */
.kiosk .crmEntityFormView .cell.checkbox-cell:first-child {
    padding: 0 28px 20px;
}


/** Remove Email Field from view on Registration **/
#ContentContainer_MainContent_MainContent_ShowEmail {
    display: none;
}

/** Hide Flash of Text DateField **/
[data-ui="datetimepicker"] {
    display: none;
}



/** Quick View Form  ***************************************************************/
.container.quickform {
    width: 100%;
}

    .container.quickform .crmEntityFormView .cell {
        padding: 0 0 20px;
    }

    .container.quickform .info {
        display: inline-block;
        min-height: 35px;
        /* vertical-align: bottom; */
    }

        .container.quickform .info label {
            line-height: 35px;
            min-width: 100px;
            margin-bottom: 0;
        }

    .container.quickform .control {
        padding-left: 20px;
        display: inline-block;
    }

    .container.quickform .crmEntityFormView .cell {
        padding: 0;
        margin-bottom: 0;
    }

        .container.quickform .crmEntityFormView .cell .form-control {
            padding: 0;
        }


/** hide subgrids leave action bar **/

.hide-subgrid .view-grid {
    display: none;
}

.hide-subgrid .view-pagination {
    display: none !important;
}

.hide-subgrid .view-empty {
    display: none !important;
}

.hide-subgrid .view-grid {
    display: none;
}

.hide-subgrid .view-pagination {
    display: none !important;
}

.hide-subgrid .view-empty {
    display: none !important;
}

.hide-subgrid .message {
    display: none !important;
}

.hide-subgrid .grid-actions {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    top: 35px;
}

.indicator {
    position: relative;
    top: 1px;
    display: inline;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.action-block .indicator {
    position: absolute;
    top: 20px;
    right: 20px;
}

.step1-indicator:before,
.step2-indicator:before,
.step3-indicator:before,
.step4-indicator:before,
.step5-indicator:before,
.step6-indicator:before,
.step7-indicator:before {
    content: "";
}

.step1-complete .step1-indicator:before,
.step2-complete .step2-indicator:before,
.step3-complete .step3-indicator:before,
.step4-complete .step4-indicator:before,
.step5-complete .step5-indicator:before,
.step6-complete .step6-indicator:before,
.step7-complete .step7-indicator:before {
    content: "";
}


.step5-indicator, .step6-indicator {
    display: none;
}

/** Partner Portal ************************************************************************/

.vendor-sef,
.ascap-update {
    font-size:1.5em;
    
}
.vendor-sef .row,
.ascap-update .row {
   margin-bottom: 30px;
   border-bottom: 1px solid #CCC;
   padding-bottom: 10px;
}
.row.section-header {
    padding: 5px;
    background: #CCC;
    color: black;
    text-align: center;
    font-weight: bold;
}

.row.record-header {
    padding: 10px;
    border-bottom: 5px solid #CCC;
    margin-bottom: 0;
}

.vendor-sef .toolbar .btn,
.ascap-update .toolbar .btn {
    float:right;
    margin:0 10px;
}
.vendor-sef .label,
.ascap-update .label {
    display:block;
    text-align:left;
    font-size: .8em;
    padding: 2px 0;
    margin-bottom: 0px;
    /* border-bottom: 1px solid #CCC; */
    color: #000;
}




/**** Responsive Column Fix ****/
@media (max-width: 767px) {
    .tab-column { 
        width:100% !important;
    }

}
/** Modal ************************************************************************/
@media (min-width: 992px) {
    .modal-lg {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 90%;
    }
}