@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap');

:root {
	--lightFontColor: #FFF;
	--lightBlue: #0e92c7;
	--whiteFontColor: #FFF;
	--darkBlueBackgroundColor: #6b1f99;
	--grayBackground: #6b1f99 !important;
	--secondaryBackground: #99B9AE;
}

#btnLocationZip, #btnLocationOther {
	border-color: #6b1f99;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	/*margin-bottom: 60px;*/ /* Margin bottom by footer height */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
}
/*#region Main Section*/
.main-container {
	max-width: 980px;
	margin: 0 auto;
}
.main-section {
	margin-top: 1.25rem;
	margin-bottom: 1.7rem;
}
@media screen and (max-width: 767px) {
	.main-section {
		margin-bottom: 9rem;
	}
}
/*#endregion*/

/*#region Navigation*/
.navbar-header {
	font-size: 0.875rem;
	font-weight: 600;
	background-color: var(--grayBackground);
}
	.navbar-header ul li a {
		color: var(--whiteFontColor) !important;
	}
		.navbar-header ul li a:hover {
			text-decoration:underline;
		}

	.navbar-header li.nav-item.active > a {
		color: var(--whiteFontColor) !important;
		font-weight: 700;
	}

.logo-area {
	width: 15rem;
}

.logo-white-line {
	border-bottom: 0.063rem white solid;
}

	/*#endregion Navigation*/
	/*#region Footer*/
	.footer-section {
		position: absolute;
		bottom: 0;
		width: 100%;
		max-width: 980px;
		/*height: 60px;*/ /* Set the fixed height of the footer here */
		line-height: 20px; /* Vertically center the text there */
		background-color: var(--grayBackground);
		font-size: 0.75rem;
	}
.footer-section a {
	color:white;
	margin-right:0.4rem;
}

	@media screen and (max-width: 767px) {
		.footer-section {
			/*height: 120px;*/
		}
	}
	/*#endregion*/

	/*#region Titles labels*/
.general-title {
	color: var(--darkBlueBackgroundColor);
}
.general-blue-link {
	color: #051199;
}
.form-title-dentist {
	padding: 1rem;
	font-size: 1rem;
	background-color: var(--grayBackground);
	color: var(--whiteFontColor);
	/*cursor: pointer;*/
	font-weight: 700;
}

	#rbLocationType a {
		width: 6rem;
		font-weight: 600;
	}

	#rbLocationType .active {
		color: #fff;
		background-color: var(--darkBlueBackgroundColor) !important;
	}

	#rbLocationType .notActive {
		color: var(--darkBlueBackgroundColor) !important;
		background-color: #fff;
	}

.general-label {
	font-weight: 600;
	color: var(--darkBlueBackgroundColor);
	padding-left: 0.2rem;
}

	#pnlAdvancedCriteria .card-header {
		background-color: var(--grayBackground);
		border-bottom: none;
	}

	#findDentistResults .card-header {
		background-color: var(--grayBackground);
		border-bottom: none;
	}

.title-search-criteria {
	font-size: 1rem;
	color: var(--whiteFontColor);
	cursor: pointer;
	font-weight: 700;
}

.title-search-results {
	padding-top: .3rem;
	font-size: 1rem;
	background-color: var(--grayBackground);
	color: var(--whiteFontColor);
	font-weight: 700;
}
.img-plan-info {
	height:2.5rem;
}
/*#endregion*/
/*#region Buttons*/
.btn-blue {
	color: #fff;
	background-color: var(--darkBlueBackgroundColor);
	font-weight: bolder;
}
.btn-blue:hover {
	color: #fff;
	background-color: var(--darkBlueBackgroundColor);
	font-weight: bolder;
}
	/*#endregion*/

	/*#region Modal*/
.modal-header-dark {
	background-color: var(--darkBlueBackgroundColor);
	color:#fff;
}

	.modal-btn-close {
		color: var(--darkBlueBackgroundColor);
	}
.modal-btn-close-light {
	color: #fff;
}
.modal-btn-close-light:hover {
	color: #fff;
}
#modalInfoMessage .modal-content {
	border:none;
}
/*#endregion*/
/*#region More Info*/
.more-info-top-header {
	width: 100%;
	padding-top: 0.9375rem;
	padding-left: 0.625rem;
	background-color: var(--darkBlueBackgroundColor);
	color: #fff;
	font-size: 13pt;
}

.more-info-header {
	background-color: #f0edeb;
	font-weight: 700;
	color: #333;
	padding-top: .8rem;
	border-bottom: 0.063rem white solid;
	font-size: 0.875rem !important;
}

	.more-info-content {
		font-weight: 700;
		color: #333;
		padding-top: .8rem;
		border-bottom: 0.063rem white solid;
		font-size: 0.875rem !important;
	}

.more-info-subheader {
	font-size: 1.25rem;
	color: #0072a7;
	padding: .6rem 1rem .3rem 1rem;
	background-color: #f0edeb !important;
	font-weight: 500;
	margin-bottom: 0.06rem;
	border-top: 0.063rem solid #77ccee;
	border-bottom: 0.063rem solid #77ccee;
}
	/*#endregion*/

	/*#region Provider Search*/

	#loader.loader {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url('images/loading.gif') 50% 50% no-repeat rgba(249,249,249, 0.5);
	}


	/*REQUIRED VALIDATION SECTION*/
	.form-group.required .control-label:before {
		color: red;
		font-weight: normal;
		font-size: 14px;
		content: "*";
		margin-right: 5px;
	}

	.input-validation-error {
		border-color: red;
	}
.required-fields-note {
	color: #aa0010;
}



	/*#tblProviders SECTION*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	background-color: var(--darkBlueBackgroundColor) !important;
}
.dataTables_wrapper {
	color: var(--darkBlueBackgroundColor);
	font-size: .9rem;
}

		.dataTables_wrapper .dataTables_processing {
			border: none;
			box-shadow: none;
			background: none;
		}

#tblProviders_wrapper .dt-buttons .btn {
	background-color: #fff;
	color: var(--darkBlueBackgroundColor);
}
.datatable-moreInfo-icon {
	color: var(--darkBlueBackgroundColor);
	font-size: 1.875rem !important;
}
.datatable-map-icon {
	color: var(--darkBlueBackgroundColor);
	font-size:1.875rem !important;
}

#tblProviders_wrapper.dataTables_wrapper .dataTables_filter,
#tblProviders_wrapper.dataTables_wrapper .dataTables_length {
	text-align: center;
	color: var(--darkBlueBackgroundColor);
	/* color: #0072a7; */
	font-size: .9rem;
}

#tblProviders th {
	/*text-align: center;*/
	background-color: var(--grayBackground);
	color: var(--whiteFontColor);
}


	#tblProviders .datacell-align-center {
		text-align: center;
	}
.dataTables_wrapper .dataTables_filter label {
	width: 100%;
}
.dataTables_wrapper .dataTables_length label {
	width: 100%;
}

	@media screen and (max-width: 992px) {
		[id$=tblProviders_wrapper].dataTables_wrapper .dataTables_filter, [id$=tblProviders_wrapper].dataTables_wrapper .dataTables_length {
			text-align: left;
			width: 100% !important;
		}

		.dataTables_wrapper .dataTables_filter {
			float: left !important;
		}

		.dataTables_wrapper .dataTables_filter input {
			margin-left: 0 !important;
		}

		#ctrlProviderSearch label, #ctrlProviderSearch .control-label {
			width: 100%;
		}
	}


	table.dataTable thead .sorting_asc {
		background-image: url('images/icons8-sort-up-20-bcbsnc.png') !important;
	}

table.dataTable thead .sorting_desc {
	background-image: url('images/icons8-sort-down-20-bcbsnc.png') !important;
}

table.dataTable thead .sorting {
	background-image: url('images/icons8-sort-20-bcbsnc.png') !important;
}
	/*#endregion*/

/*#region Home Page*/
.img-text-the-word {
	max-height: 4.18rem;
	margin-right: 0.63rem
}

.text-the-word-blue {
	color: #0070c0;
}

#submitBtnLoginPartial, #nominatedentistbtn {
	background: -webkit-linear-gradient(top, rgb(146,133,170), rgb(84,45,108));
	background: -moz-linear-gradient(top, rgb(146,133,170), rgb(84,45,108));
	background: -ms-linear-gradient(top,rgb(146,133,170), rgb(84,45,108));
	background: -o-linear-gradient(top, rgb(146,133,170), rgb(84,45,108));
	width: 100%;
	color: white;
}
#registerBtnLoginPartial, #findprovider {
	background: -webkit-linear-gradient(top, #FEBB19, #FFB015);
	background: -moz-linear-gradient(top, #FEBB19, #FFB015);
	background: -ms-linear-gradient(top, #FEBB19, #FFB015);
	background: -o-linear-gradient(top, #FEBB19, #FFB015);
	width: 100%;
	color: white;
	white-space: normal; /*It helps the button to contain any amount of text*/
}
.link-forgot-password {
	color: #265A87;
	text-decoration:underline;
}


#btnLocationZip {
	background-color: var(--grayBackground);
}

/*#endregion*/

/*region custom css for nominate dentist page */
#nominateContainer .banner-header, label {
	color: var(--darkBlueBackgroundColor) !important;
}

.nominate-section-header {
	color: white !important;
	background-color: var(--grayBackground) !important;
}

#thankyouContainer .banner-header {
	color: var(--darkBlueBackgroundColor) !important;
}

#modalMoreInfoConnect .more-info-top-header {
	background-color: var(--grayBackground) !important;
}
#modalMoreInfoConnect .more-info-top-header label {
	color: white !important;
}

#modalMoreInfoConnect .row.more-info-subheader {
	background-color: var(--grayBackground) !important;
	color: white !important;
}


#modalMoreInfoConnect .row.more-info-subheader label {
	color: white !important;
}

#successModal .more-info-content .empty-field-check {
	color: black !important;
}

.content-title {
	text-align: center;
	color: var(--darkBlueBackgroundColor);
}


@media only screen and (min-width : 992px) {
	.space-10 {
		margin-bottom: 10px;
	}
}