/**
 * Place your custom styles here.
 */

html, body { margin: 0; padding: 0; /* font-family: ArialRoundedMTBold, "Arial Rounded MT Bold", Arial, Helvetica, sans-serif !important; */ 
font-family: 'Nunito', sans-serif !important;
font-size: 16px; 
color: #435870;
padding-bottom: 45px;
background: #eff2f5;
}

/* theme overrides - making it brand consistent */
.navbar {
    background: #003366;
    padding: 15px 30px;
    border-color: #003366;
    border: 0;
/*     height: 78px; */
}

.navbar-btn {
    margin-top: 7px;
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active {
    color: #00CC66;
}



.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
/*     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
    font-weight: 700;
    line-height: 1.2;
/*     color: #1d2630; */
}

a {
/*     color: #0066CC; */
    color: #3399ff;
}

a:hover {
    color: #0066CC;
}

a:active, a.active {
    color: #0066CC;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 30px;
    margin: 0px 3px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #0066CC;
    border-radius: 4px;
}


.logo img {
	height: 36px;
}

.main-container {
    padding: 30px;
    background: #fff;
    margin-top: -20px;
    border: 1px solid #cfd8e2;
    border-right-width: 2px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-width: 2px;
    

    margin-left: auto;
    margin-right: auto;
       
    /* used for fluid 
    margin-left: 15px;
    margin-right: 15px;
    

    margin-left: 0px;
    margin-right: 0px;    
    border-width: 0px;
    border-bottom-width: 2px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
*/
    
}

/* referral styles */

.modal-body {
    position: relative;
    padding: 10px 15px 15px 30px;
    background: #f7f7f7;
    font-size: 18px;
}

.modal-body h4 {
	font-size: 22px;
}


span.country {
    display: none;
}


.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #cfd8e2;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #cfd8e2;
}

.view-footer {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #cfd8e2;
}




/* APPLICATION STYLES */

#ca_practice_provider_table table { border: 0; }

#ca_practice_provider_table .table-condensed > thead > tr > th,
#ca_practice_provider_table .table-condensed > tbody > tr > th,
#ca_practice_provider_table .table-condensed > tfoot > tr > th,
#ca_practice_provider_table .table-condensed > thead > tr > td,
#ca_practice_provider_table .table-condensed > tbody > tr > td,
#ca_practice_provider_table .table-condensed > tfoot > tr > td {
    padding: 30px;
    border-left: 0px solid #cfd8e2;
    border-right: 0px solid #cfd8e2;
}

#ca_practice_provider_table .table-condensed > thead > tr > th {
    background: #008599;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-weight: 8px;
}

/*
#ca_practice_provider_table #edit-ca-practice-provider:first-child {
	display: none;
}
*/



#ca_practice_provider_table .table-condensed > thead > tr > th span.visually-hidden {
    position: relative !important;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

#ca_practice_provider_table .form-item.js-form-item.form-type-textfield.js-form-type-textfield {
    display: block;
    width: 30%;
    margin-right: 15px;
    overflow: hidden;
    float: left;
}

#ca_practice_provider_table .form-item.js-form-item.form-type-email.js-form-type-email {
    width: 30%;
    float: left;
}



#webform-submission-pcp-application-add-form button. {
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px;
}

#webform-submission-pcp-application-add-form button.image-button {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin: 5px;
}

span.icon.glyphicon.glyphicon-minus-sign,
span.icon.glyphicon.glyphicon-plus-sign {
    top: 3px;
}



form#webform-submission-pcp-application-add-form .webform-progress {
    display: block;
    width: 25%;
    float: left;
    overflow: hidden;
}

form#webform-submission-pcp-application-add-form .progress-tracker {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

form#webform-submission-pcp-application-add-form #edit-cloud-contact-setup {
    display: block;
    float: left;
    width: 75%;
}

form#webform-submission-pcp-application-add-form .progress-step {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
    clear: both;
    margin: 10px 0;
}

form#webform-submission-pcp-application-add-form .progress-step .progress-marker {
    color: #fff;
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 34px;
}

form#webform-submission-pcp-application-add-form .progress-step.is-active .progress-marker {
    background-color: #009bb3;
}

form#webform-submission-pcp-application-add-form .webform-progress-tracker .progress-step:not(.is-active) .progress-marker, form#webform-submission-pcp-application-add-form .webform-progress-tracker .progress-step:hover .progress-marker {
    background-color: #435870;
}


form#webform-submission-pcp-application-add-form .panel-default>.panel-heading {
    color: #fff;
    background-color: #009bb3;
    border-color: #cfd8e2;
    border-bottom: 1px solid #cfd8e2;
    padding: 15px;
}


form#webform-submission-pcp-application-add-form .panel-default>.panel-heading .panel-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}




/* Application - Provider Setup */

button.image-button.js-form-submit.form-submit.btn-success.btn {
    display: none;
}

input#edit-practice-provider-add-more-items {
    display: none;
}

.form-item-practice-provider-add-more-items {
	display: none;
}



/*
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #cfd8e2;
    border-bottom: 1px solid #cfd8e2;
    padding: 5px;
}

.panel-default>.panel-heading .panel-title {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
*/

/*
button#edit-actions-wizard-next {
    margin-top: 30px;
    padding: 15px 30px;
    font-size: 18px;
}
*/

/* application(s) billing */

form#chargify-form {
	width: 640px;
}

.cjs-flex-container {
	display: flex;
}

.cjs-flex-container > div {
	margin: 0 5px;
	padding: 0;
}
			
/*
input#cfy-cvv {
    width: 60px;
}

input#cfy-month {
    width: 60px;
}

input#cfy-year {
    width: 100px;
}

div#month,
div#year {
    width: 60px;
}
div#cvv {
    width: 260px;
}

div#number {
    width: 220px;
}

div#city {
	width: 220px;
}
input#cfy-city {
    width: 220px;
}

div#state {
    width: 60px;
}

input#cfy-state {
    width: 60px;
}

div#zip {
	width: 120px;
}
input#cfy-zip {
    width: 120px;
}
*/


/*
	CALIBRATION
*/

div#edit-calibration-session-details {
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #cfd8e2;
}

.page-node-type-earphone .main-container {
    padding: 15px;
    background: #fff;
    border: 1px solid #cfd8e2;
    border-radius: 8px;
    width: 98%;
}

.page-node-type-earphone iframe {
    width: 100%;
    border: 0;
    min-height: 550px;
}

.page-node-type-earphone div#edit-actions {
    text-align: center;
}

.page-node-type-earphone div#edit-actions button {
    font-size: 18px;
    width: 200px;
}

#calibration-tools-menu ul {
    padding: 0;
    list-style: none;
}

#calibration-tools-menu .panel-body {
    padding: 5px;
    padding-bottom: 0;
}

.page-node-type-earphone .panel-title {
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.calibration-button-group .btn {
    width: 48%;
    margin: 1%;
}


.webform-flexbox .webform-flexbox {
    margin: 0;
}

div#edit-calibration-session {
    margin: 0;
}

div#edit-calibration-session-labels-top {
    margin: 0;
}

.panel-default > .panel-heading {
/*
    color: #fff;
    background-color: #435870;
*/
    border-color: #cfd8e2;
    text-align: center;
        border-bottom: 1px solid #cfd8e2;
}



.panel-default {
    border-color: #cfd8e2;
    margin-top: 5px;
    margin-bottom: 0;
}

.webform-flex--container {
    margin: 0 5px;
}

#edit-ac-calibration-fieldset .form-control,
#edit-speech-calibration-fieldset .form-control,
#edit-nbn-calibration-fieldset .form-control,
#edit-bc-calibration-fieldset .form-control,
#edit-speech-noise-calibration-input-1000 .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 3px 5px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 3px;
}


div#edit-processed-text-01 {
/*
    border: 1px solid #cfd8e2;
    border-radius: 8px;
*/
    position: relative;
    top: 4px;
}


/* temporary */
/*
div#edit-nbn-calibration-fieldset,
#panel-nbn {
    display: none;
}
*/



/* pagination */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0066CC;
    border-color: #0066CC;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #3399ff;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #cfd8e2;
}




.region.region-header {
    margin-bottom: 15px;
}



/* more application styles */

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker, .webform-progress-tracker .progress-step:hover .progress-marker {
    background-color: #435870;
    padding-bottom: 0px;
}

.progress-step.is-active .progress-marker {
    background-color: #5cb85c;
}

label.control-label {
    display: block;
}





/* skyringe */

.freqplay { color: red; }

a[disabled] {
    pointer-events: none;
}

.indicator-box ul {
	list-style: none;
    padding: 0;
    margin: 0 30px;
}

.indicator-box li {
    background: #fff;
    padding: 3px 5px;
    margin-bottom: 2px;
    text-align: center;
    font-weight: 700;
}



/* Dashboards */

#quicktabs-container-cloud_dashboard ul.nav-tabs {
	font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #cfd8e2;
}

#quicktabs-container-cloud_dashboard .nav > li > a {
    position: relative;
    display: block;
    padding: 15px 30px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #435870;
    cursor: default;
    background-color: #fff;
    border: 1px solid #cfd8e2;
    border-bottom-color: transparent;
}

.view.view-ca-dashboard.view-id-ca_dashboard.view-display-id-block_4 tbody {
    font-size: 20px;
}

#quicktabs-container-cloud_dashboard table.table:nth-child(2) thead:nth-child(2) {
    background: #cfd8e2;
}

/* table:nth-child(2) thead:nth-child(2) */

/* tabs override */

ul.tabs--primary.nav.nav-tabs {
    /* display: inline-block; */
/*
    position: absolute;
    right: 15px;
    top: 5px;
    margin-left: -5px;
*/
    border: 0px solid #cfd8e2;
    margin: 15px 0;
}

ul.tabs--primary.nav.nav-tabs li {
    margin-bottom:0;
}

ul.tabs--primary.nav.nav-tabs > li.active > a, ul.tabs--primary.nav.nav-tabs > li.active > a:hover, ul.tabs--primary.nav.nav-tabs > li.active > a:focus {
    color: #435870;
    cursor: default;
/*     background-color: #fff; */
    border: 0px solid #cfd8e2;
    border-bottom-color: transparent;
}

/*
ul.tabs--primary.nav.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin: 0px 3px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #f7f7f7;
    color: #3399ff;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
*/

/*
ul.tabs--primary.nav.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
    margin: 0px 3px;
    background: #3399ff;
    color: #fff;
    border-radius: 4px;
}
*/

ul.tabs--primary.nav.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin: 0px 3px;
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #3399ff;
    font-weight: normal;
    font-family: "Arial", sans-serif;
    /* border: 1px solid; */
}

.nav-tabs > li > a:hover {
    border-color: #cfd8e2;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #cfd8e2;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #3399ff;
}

/* results iFrame */

#print-diagnostic-summary {
	margin-top: 0; 
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px dashed #cfd8e2;
}


#results_iframe {
/*     position:absolute; */
/*     left: 0px; */
    width: 100%;
/*     top: 0px; */
    height: 100%;
}



/* temporary 6/25/19 */


/* hide messages until debug */
/*
.messages__wrapper {
    display: none;
}
*/



ul.nav.nav-pills {
    margin-bottom: 15px;
/*
    background: #dfe5ec;
    padding: 10px;
    border-radius: 4px;
*/
}

.navbar-btn {
    margin-top: 0;
    margin-bottom: 0;
}

.menu--account.navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin: 0px 3px;
    background: none;
    color: #fff;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 30px;
    margin: 0px 3px;
    background: #3399ff;
    color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #0066CC;
    color: #fff;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #435870;
}

thead {
	background: /* #cfd8e2 */#eff2f5;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: /* #eff2f5 */#fff;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #cfd8e2;
}


/* breadcrumbs */

.breadcrumb {
    padding: 0;
    margin: 15px 0;
    margin-bottom: 30px;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 28px;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #cfd8e2;
    content: "/\00a0";
}

.breadcrumb > .active {
    color: #435870;
}

.breadcrumb li:first-child {
    width: 28px;
    display: inline-block;
    margin-right: 5px;
}

.breadcrumb li a {
	padding:0;
	color: #708aa9;
}

.breadcrumb li a:hover {
	padding:0;
	color: #435870;
	text-decoration: none;
}

ol.breadcrumb li:first-child a {
    visibility: hidden;
    position: relative;
    /* width: 36px !important; */
}

ol.breadcrumb li:first-child a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f00a"/* "\f009" */;
    display: inline-block;
    padding-right: 0;
    vertical-align: middle;
    font-weight: 900;
    /* visibility: visible; */
    visibility: visible;
    position: absolute;
    top: 5px;
    /* font-size: 36px; */
    left: 0;
}


.view-empty {
/*     margin: 30px 0; */
    padding: 60px;
    background: #eff2f5;
    font-size: 24px;
    /* border: 1px solid #cfd8e2; */
    border-radius: 8px;
}

.view-medical-clearance .view-content {
    /* margin: 30px 0; */
    padding: 60px;
    background: #eff2f5;
    font-size: 24px;
    /* border: 1px solid #cfd8e2; */
    border-radius: 8px;
}

ul.menu.menu--dashboard-menu.nav {
    margin-bottom: 15px;
    display: flex;
}

.menu--dashboard-menu.nav > li {
    position: relative;
    display: block;
    display: inline-block;
    margin: 0;
    flex: 1;
    margin: 0;
    margin-right: 5px;
}

.menu--dashboard-menu.nav > li > a {
    position: relative;
    display: block;
    padding: 15px;
    margin: 0;
    background: #3399ff;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}

.menu--dashboard-menu.nav > li > a:hover,
.menu--dashboard-menu.nav > li > a:active,
.menu--dashboard-menu.nav > li > a:focus {
    color: #fff;
    background-color: #0066CC;
}

.menu--dashboard-menu.nav > li.active-trail > a {
	background: /* #435870 */#0066CC;
}


/* more temp */

h2, .h2 {
    font-size: 24px;
}

header.navbar {
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}





#quicktabs-container-pcp_practice_dashboard .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 30px;
    margin: 0px 3px;
    background: #9fb1c6;
    color: #fff;
}

#quicktabs-container-pcp_practice_dashboard .nav > li > a:hover {
    background: #708aa9;
}

#quicktabs-container-pcp_practice_dashboard .nav-pills > li.active > a, 
#quicktabs-container-pcp_practice_dashboard .nav-pills > li.active > a:hover, 
#quicktabs-container-pcp_practice_dashboard .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #435870;
}

#block-dashboardmenu-2 ul.menu.menu--dashboard-menu.nav,
#block-dashboardmenu-3 ul.menu.menu--dashboard-menu.nav,
#block-dashboardmenu-4 ul.menu.menu--dashboard-menu.nav {
    margin-bottom: 15px;
    display: block;
}

#block-dashboardmenu-2 .menu--dashboard-menu.nav > li,
#block-dashboardmenu-3 .menu--dashboard-menu.nav > li,
#block-dashboardmenu-4 .menu--dashboard-menu.nav > li {
    position: relative;
    display: block;
    display: inline-block;
    margin: 0;
    margin-right: 0px;
}


#block-dashboardmenu-2 .menu--dashboard-menu.nav > li > a,
#block-dashboardmenu-3 .menu--dashboard-menu.nav > li > a,
#block-dashboardmenu-4 .menu--dashboard-menu.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 60px;
    margin: 0px;
    background: #9fb1c6;
    color: #fff;
}

#block-dashboardmenu-2 .menu--dashboard-menu.nav > li > a:hover, 
#block-dashboardmenu-2 .menu--dashboard-menu.nav > li > a:active, 
#block-dashboardmenu-2 .menu--dashboard-menu.nav > li > a:focus,
#block-dashboardmenu-3 .menu--dashboard-menu.nav > li > a:hover, 
#block-dashboardmenu-3 .menu--dashboard-menu.nav > li > a:active, 
#block-dashboardmenu-3 .menu--dashboard-menu.nav > li > a:focus,
#block-dashboardmenu-4 .menu--dashboard-menu.nav > li > a:hover, 
#block-dashboardmenu-4 .menu--dashboard-menu.nav > li > a:active, 
#block-dashboardmenu-4 .menu--dashboard-menu.nav > li > a:focus {
    color: #fff;
    background-color: #708aa9;
}

#block-dashboardmenu-2 .menu--dashboard-menu.nav li.active-trail a,
#block-dashboardmenu-3 .menu--dashboard-menu.nav li.active-trail a,
#block-dashboardmenu-4 .menu--dashboard-menu.nav li.active-trail a {
    color: #fff;
    background-color: #435870;	
}




h4.label {
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    padding: 0;
    margin: 0;
    text-align: left;
}






/* Follow-ups 072119 */

div#edit-fuflexbox1, div#edit-fuflexbox2, div#edit-fuflexbox3, div#edit-fuflexbox4 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfd8e2;
}




.webform-flex--container > .form-item:disabled {
    margin: 0;
    background: #f7f7f7;
    padding: 0px 15px;
    color: #ccc;
}



.webform-flex--4 {
    -webkit-flex: 4;
    flex: 4;
    background: rgba(0, 0, 0, 0.02);
    padding: 15px;
    margin: 0 15px;
}





/* jeff 06/15/2020 */

.flexbox {
    display: flex;
}

.flex1 {
    flex: 1;
}