/*********************************************************************************
* New Client Referral View
*********************************************************************************/
.refs-instructions {
	font-style: italic;
	font-size: 16px;
	padding-bottom: 8px;
}

.table-info {
	margin-top: 12px;
}

.table-list-info {
	margin-bottom: 12px;
}

.refs-inputs {
	margin-bottom: 30px;
}

.refs-form {
	margin-top: 20px;
	padding: 0 0 0 12px;
}

.no-data {
	padding-left: 15px;
}

.search-view-text {
	font-weight: bold;
	font-style: italic;
}

.customer-links {
	color: #2B4273;
}

.customer-links-info .customer-links {
	text-decoration: underline;
}

customer-links:focus, customer-links:hover {
	color: #23527c;
}

.back-refs-btn {
	justify-content: flex-start;
}

.view-btn-footer {
	padding: 0;
}

.view-btn-footer .button-blue-white .back-button {
	margin: 0;
}

.pagination-referral {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 8px;
}

.pagination-referral-search {
	margin-right: 16px;
}

.search-subtitle-result, .no-data {
	padding-left: 0;
}

.search-pag-result {
	display: flex;
	justify-content: flex-end;
}

.title-referral-details {
	line-height: 22px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.referral-form-instructions {
	padding-bottom: 10px;
}

.align-left {
	float: left;
}

/*********************************************************************************
* Mobile
*********************************************************************************/
@media screen and (max-width: 767px) {
	.view-ref-inputs {
		margin-top: 12px;
		width: 98%;
	}
	.d-none {
		display: none;
	}
	.back-refs-btn .button-blue-white .back-button {
		margin-left: 0;
	}
	.view-table-col {
		padding: 0 5px 0 5px;
	}
	.search-subtitle-result {
		padding-left: 15px;
	}
	.no-data {
		padding-left: 15px;
	}
	.view-btn-footer {
		padding: 0;
		margin-top: 12px;
	}
	.pagination-referral-search {
		margin-right: -38px;
	}
	.pagination-referral {
		padding-right: 0;
	}
	.alignment-for-referral {
		margin-bottom: 20px;
	}
	.referral-table {
		padding: 0;
	}
}

/*********************************************************************************
* Tablet
*********************************************************************************/
@media screen and (min-width:768px) and (max-width: 1023px) {
	.view-ref-inputs {
		margin-top: 12px;
	}
	.search-pag-result {
		padding: 0;
	}
	.pagination-referral-search {
		margin-right: 0;
	}
	.referral-table, .search-subtitle-result {
		padding: 0;
	}
	.refs-date {
		width: 104%;
	}
}

@media only screen and (min-device-width: 812px) and (orientation: landscape) { 
	.search-subtitle-result, .referral-table {
		padding: 0;
	}
}

@media screen and (min-width:503px) and (max-width: 767px) {
	.search-subtitle-result {
		padding-left: 15px;
	}
}
/*********************************************************************************
* Laptop
*********************************************************************************/
@media screen and (min-width: 1024px) {
	.view-ref-inputs {
		margin-top: 12px;
	}
}