/*// * *************************************************** *
// * *
// * !!! WARNING !!! *
// * ONLY MODIFY FROM SANDY.RAZORCL\\WWWROOT\\JS\\ *
// * FILE IS COPIED TO PROJECTS THAT USE IT *
// * *
// ***************************************************** **/

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/* Sandy Alexander specific Bootstrap 4 overrides, overridden by specificity */


.modal {
	overflow: initial !important;
}

.container > dl > dd {
	margin-bottom: 0;
	padding-bottom: .5rem !important;
	border-bottom: 1px solid #a3a5a8;
	border-right: 1px solid #a3a5a8;
	border-left: 1px solid #a3a5a8;
	/*background-color: #F8F9FA;*/
	padding-top: 3px;
}

.password-field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}

.container > dl > dt {
	text-align: right;
	border-bottom: 1px solid #a3a5a8;
	border-right: 1px solid #a3a5a8;
	border-left: 1px solid #a3a5a8;
	/*background-color: #b6e8ef;*/
	padding-top: 3px;
}

#DT_load > tbody > tr > td {
	vertical-align: middle;
}

/* Sandy Alexander Custom CSS */
#DT_load_printgroups > tbody > tr > td.sorting_1 {
	color: #ad52cc;
	font-weight: bold;
}

#DT_load_mailactivities > tbody > tr.group > td {
	color: #ad52cc;
	font-weight: bold;
	background-color: #f1caff;
}

/*label.btn.btn-secondary.version-button.active {
	background-color: limegreen !important;
	border-color:green !important;
}

label.btn.btn-secondary.version-button {
	background-color: lightgreen !important;
	border-color: springgreen !important;
}*/

.bg-fulfillment-secondary {
	background-color: #d9d9d9;
}

.bg-fulfillment-numeric {
	background-color: #ffe391;
}

input.version-button {
	visibility: hidden;
}

label.version-button {
	cursor: pointer;
}

.version-button {
	background-color: lightgreen !important;
	border-color: springgreen !important;
}

	.version-button.active {
		background-color: limegreen !important;
		border-color: green !important;
	}

input.version-button[type=radio] {
	/*	appearance: none;*/
}

input.version-button:checked + label {
	background-color: limegreen !important;
	border-color: green !important;
}

table.dataTable thead .sorting_asc {
	/*background-image: url("../images/sort_asc.png") !important;*/
}

table.dataTable thead .sorting_desc {
	/*background-image: url("../images/sort_desc.png") !important;*/
}

table.dataTable thead .sorting {
	/*background-image: url("../images/sort_both.png") !important;*/
}

.dataTables_processing {
	background: none !important;
}

.lds-roller {
	border-radius: 10px;
	background-color: rgba(0, 119, 247, 0.8);
	display: inline-block;
	position: relative;
	width: 120px;
	height: 120px;
}

	.lds-roller div {
		animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		transform-origin: 60px 60px;
	}

		.lds-roller div:after {
			content: " ";
			display: block;
			position: absolute;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: #fff;
			margin: -4px 0 0 -4px;
		}

		.lds-roller div:nth-child(1) {
			animation-delay: -0.036s;
		}

			.lds-roller div:nth-child(1):after {
				top: 83px;
				left: 83px;
			}

		.lds-roller div:nth-child(2) {
			animation-delay: -0.072s;
		}

			.lds-roller div:nth-child(2):after {
				top: 88px;
				left: 76px;
			}

		.lds-roller div:nth-child(3) {
			animation-delay: -0.108s;
		}

			.lds-roller div:nth-child(3):after {
				top: 91px;
				left: 68px;
			}

		.lds-roller div:nth-child(4) {
			animation-delay: -0.144s;
		}

			.lds-roller div:nth-child(4):after {
				top: 92px;
				left: 60px;
			}

		.lds-roller div:nth-child(5) {
			animation-delay: -0.18s;
		}

			.lds-roller div:nth-child(5):after {
				top: 91px;
				left: 52px;
			}

		.lds-roller div:nth-child(6) {
			animation-delay: -0.216s;
		}

			.lds-roller div:nth-child(6):after {
				top: 88px;
				left: 44px;
			}

		.lds-roller div:nth-child(7) {
			animation-delay: -0.252s;
		}

			.lds-roller div:nth-child(7):after {
				top: 83px;
				left: 37px;
			}

		.lds-roller div:nth-child(8) {
			animation-delay: -0.288s;
		}

			.lds-roller div:nth-child(8):after {
				top: 76px;
				left: 32px;
			}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.custom-card-img {
	/*width: 100%;*/
	height: 100%;
	object-fit: contain;
	align-self: flex-end;
	border-radius: calc(.25rem - 1px);
}

#DT_load_filter {
	display: flex;
	flex-direction: row;
	align-items: center;
}

	#DT_load_filter label {
		display: flex;
		flex-direction: row;
		text-align: justify;
	}

.DT_buttons {
	white-space: nowrap !important;
	text-align-last: center !important;
	vertical-align: middle !important;
}

	.DT_buttons > a {
		cursor: pointer !important;
		text-align-last: center;
	}

.DT_status {
	white-space: nowrap !important;
	text-align-last: justify !important;
	vertical-align: middle !important;
}

	.DT_status > span {
		text-align-last: center;
	}

#DT_filters {
	padding-right: 50px;
	align-self: flex-start !important;
}

	#DT_filters > span {
		padding-right: 20px;
	}

		#DT_filters > span > span {
			padding-left: 5px;
			font-weight: bold;
		}

.DT_pipe {
	color: #dee2e6;
}

.dataTables_wrapper {
	position: relative;
	clear: both;
}

.control-label {
	font-weight: bold;
	font-size: 18px;
}

.cursor-pointer {
	cursor: pointer;
}

.btn-text-align-last-justify {
	text-align-last: justify;
}

.bg-light-cyan {
	background-color: #b6e8ef;
}

.bg-dark-cyan {
	background-color: #43b9cc;
}

.text-dark-cyan {
	color: #43b9cc;
}

.bg-primary-header-secondary {
	background-color: #3898ff;
}

.text-dark-blue {
	color: #007bff;
}

.bg-dark-blue {
	background-color: #007bff;
}

.bg-light-blue {
	background-color: #c6e2ff;
}

.bg-light-yellow {
	background-color: #ffdf80;
	color: darkslategray;
}

.text-dark-yellow {
	color: #ffc107;
}

.bg-dark-yellow {
	background-color: #ffc107;
}

.text-dark-magenta {
	color: #ad52cc;
}

.bg-light-red {
	background-color: #ffcccc;
}

.text-red {
	color: #ff0000;
}

.bg-dark-magenta {
	background-color: #ad52cc;
}

.bg-light-magenta {
	background-color: #f1caff;
}

.bg-dark-grey {
	background-color: #6c757d;
}

.bg-light-grey {
	background-color: #d9dde0;
}

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
	color: #0366d6;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.btn-warning-light {
	color: #d9a304;
	background-color: #ffe391;
	border-color: #ffe391;
}

.btn-danger-light {
	color: #000;
	background-color: #ffcccc;
	border-color: #ffcccc;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

.required::after {
	content: "*";
	font-weight: bold;
	color: red;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px; /* Vertically center the text there */
}

.hr-custom {
	margin: 5px 0px 25px -10px;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: solid thin #d3d3d3;
}

#DataTable {
	width: 100% !important;
}