/* 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. */

/* ======================================= Tact Tran custom header/button colors ======================================= */
.card.bg-tacttran, .card .card-header-tacttran .card-icon, .card .card-header-tacttran .card-text, .card .card-header-tacttran:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-etech .back, .card.card-rotate.bg-tacttran .front {
	background: linear-gradient(60deg,#eacb59,#d9b327);
}

.card .card-header-tacttran .card-icon, .card .card-header-tacttran .card-text, .card .card-header-tacttran:not(.card-header-icon):not(.card-header-text) {
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(217, 179, 39, .4);
}

.btn.btn-tacttran.btn-link, .btn.btn-tacttran.btn-link:active, .btn.btn-tacttran.btn-link:focus, .btn.btn-tacttran.btn-link:hover {
	background-color: transparent;
	color: #d9b327;
}

.nav-pills.nav-pills-tacttran .nav-item .nav-link.active, .nav-pills.nav-pills-tacttran .nav-item .nav-link.active:focus, .nav-pills.nav-pills-tacttran .nav-item .nav-link.active:hover {
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(40, 72, 118, 0.4);
	color: #fff;
	background: linear-gradient(60deg,#eacb59,#d9b327);
}

/* ======================================= Font JAZZ ======================================= */
@font-face {
	font-family: 'oswald-regular';
	src: url('../../fonts/oswald/oswald-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'oswald-italic';
	src: url('../../fonts/oswald/oswald-regularitalic.ttf') format('truetype');
}

.font-oswald {
	font-family: 'oswald-regular';
}

.font-oswald-italic {
	font-family: 'oswald-italic';
}

@font-face {
	font-family: 'roadrage';
	src: url('../../fonts/roadrage/roadrage.otf') format('opentype');
}

.font-roadrage {
	font-family: 'roadrage';
}

/* ======================================= DatePicker JAZZ ======================================= */
.bootstrap-datetimepicker-widget table td.active:hover > div, .bootstrap-datetimepicker-widget table td.active > div,
.bootstrap-datetimepicker-widget table td span.active:hover, .bootstrap-datetimepicker-widget table td span.active {
	background-color: #d9b327;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(217,179,39,.4);
}

.bootstrap-datetimepicker-widget table td.today > div:before {
	border-bottom-color: #d9b327;
}

span.month, span.year, span.decade, .datepicker span.fa {
	color: #212529;
}
/* Disable decade-picker (looks like bungus & it's pointless) */
.bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch {
	cursor: default;
	pointer-events: none;
}

/* ======================================= Input JAZZ ======================================= */
.form-control, .is-focused .form-control {
	background-image: linear-gradient(0deg,#9b0000 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}

.form-check .form-check-input:checked + .form-check-sign .check {
	background: #1a2e4a;
}

.form-check .form-check-input:checked ~ .circle {
	border-color: white;
}

.form-check .form-check-label .circle .check {
	background: linear-gradient(30deg, rgb(230, 32, 30) 0%, rgb(218, 100, 21) 35%, rgb(222, 184, 56) 100%);
}
/* ======================================= Text JAZZ ======================================= */
a:focus, a:hover {
	color: #14CE62;
	text-decoration: none;
}

a {
	color: #0f9a49;
}

/* ======================================= Button JAZZ ======================================= */
.btn.btn-beast-red {
	color: #fff;
	background-color: #9c0000;
	border-color: #9c0000;
	box-shadow: 0px 2px 10px black;
}


/*.btn.btn-beast-red:hover {
	color: #fff;
	background-color: #da0000;
	border-color: #da0000;
	box-shadow: 0px 2px 10px #8a8a8a;
}*/

.light-on-hover:hover, .light-on-hover:active {
	filter: brightness(1.1);
}

.dark-on-hover:hover, .light-on-hover:active {
	filter: brightness(0.9);
}


/* ======================================= Table JAZZ ======================================= */
.dataTables_info {
	display: inline;
}

.dataTables_paginate {
	display: inline-flex;
	float: right;
}

td > .btn-group {
	margin: 0px;
}

.pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, .pagination > .page-item.active > span, .pagination > .page-item.active > span:focus, .pagination > .page-item.active > span:hover {
	background-color: #9c27b0;
	border-color: #9c27b0;
	color: #fff;
	box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}

/* ==================== Custom-Styled Dropdown (minified) ==================== */
.drop-down {
	position: relative;
	display: inline-block;
	width: auto;
	margin-top: 0;
	font-family: verdana;
	border: 1px #d2d2d2 solid;
	padding: 5px;
	width: 100%;
}

	.drop-down select {
		visibility: hidden;
	}

	.drop-down .select-list {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		margin-top: 40px;
		padding: 0;
		background-color: #595959;
		max-height: 300px;
		overflow: auto
	}

		.drop-down .select-list li {
			display: none
		}

			.drop-down .select-list li span {
				display: inline-block;
				min-height: 40px;
				width: 100%;
				padding: 5px 10px;
				background-position: left 10px center;
				background-repeat: no-repeat;
				font-size: 16px;
				text-align: left;
				color: #fff;
				opacity: .7;
				box-sizing: border-box
			}

	.drop-down .select-list {
		width: 100%;
		background-color: #1a2e4a
	}

		.drop-down .select-list li span:focus, .drop-down .select-list li span:hover {
			opacity: 1
		}

li.clsAnchor:hover {
	cursor: pointer
}

.select-list .clsAnchor:hover {
	background: linear-gradient(90deg, #1a2e4a, #d9b32733);
}

.select-list .clsAnchor.active {
	background: linear-gradient(90deg, #1a2e4a, #d9b327);
}

.select-list {
	z-index: 2 !important;
}

/* Changes top navbar background color */
.navbar {
	background-color: #212121 !important;
}

/* ==================== Custom Class JAZZ ==================== */
.flexbox { /* If applied to a parent div, it will vertically center it's contents '*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.inline-flex {
	display: inline-flex;
}

.text-beast-red {
	color: #9c0000;
}

.text-tactical-blue {
	color: #1a2e4a;
}

/* ==================== Mobile JAZZ ==================== */
.show-mobile {
	display: none;
}

@media only screen and (max-width: 991px) {
	.hide-mobile {
		display: none;
	}

	.show-mobile {
		display: block;
	}
}


/* ======================================= Rainbow Loader JAZZ ======================================= */
.loader {
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);
	animation: animate 0.5s linear infinite;
}

	.loader span:nth-child(3) {
		filter: blur(25px);
	}

#OverlayContent {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

#OverlaySavingText {
	position: absolute;
	z-index: 1;
	font-size: 38px;
	margin-top: 0px;
	background: linear-gradient(90deg, #000, #fff, #000);
	background-repeat: no-repeat;
	background-size: 80%;
	animation: textanimate 2s linear infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.loader:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background: #1c191d;
	border-radius: 50%;
}

.closeOverlay {
	font-size: 60px;
	color: white;
	font-weight: 100;
	top: 25px;
	right: 25px;
	position: absolute;
}

.loader span {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: linear-gradient(#9c0000, #ff5d00, #ffebdb);
}

@keyframes textanimate {
	0% {
		background-position: -500%;
	}

	100% {
		background-position: 500%;
	}
}

@keyframes animate {
	0% {
		transform: rotate(0deg);
	}

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

/*  Saving Overlay */
.overlay {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index: 10001;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.7);
	overflow-y: hidden;
	transition: 0.5s;
}

/*#overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	color: white;
}*/


/* 
   ================================================================================================================
   =================== Below are a ton of padding/margin classes I include for easy adjustments ===================
   ================================================================================================================
*/
/* ==================== MARGIN CLASSES ==================== */
.m-r-0 {
	margin-right: 0px !important;
}

.m-l-0 {
	margin-left: 0px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-tb-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-l-20 {
	margin-left: 20px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-r-25 {
	margin-right: 25px !important;
}

.m-l-25 {
	margin-left: 25px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-l-30 {
	margin-left: 30px !important;
}

.m-r-30 {
	margin-right: 30px !important;
}

.m-b-50 {
	margin-bottom: 50px !important;
}

.m-t-50 {
	margin-top: 50px !important;
}

.m-l-50 {
	margin-left: 50px !important;
}

.m-r-50 {
	margin-right: 50px !important;
}

/* ==================== PADDING CLASSES ==================== */
.p-r-0 {
	padding-right: 0px !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-b-0 {
	padding-bottom: 0px !important;
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-tb-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important
}

.p-r-5 {
	padding-right: 5px !important;
}

.p-l-5 {
	padding-left: 5px !important;
}

.p-b-5 {
	padding-bottom: 5px !important;
}

.p-t-5 {
	padding-top: 5px !important;
}

.p-b-10 {
	padding-bottom: 10px !important;
}

.p-t-10 {
	padding-top: 10px !important;
}

.p-r-10 {
	padding-right: 10px !important;
}

.p-l-10 {
	padding-left: 10px !important;
}

.p-b-15 {
	padding-bottom: 15px !important;
}

.p-t-15 {
	padding-top: 15px !important;
}

.p-r-15 {
	padding-right: 15px !important;
}

.p-l-15 {
	padding-left: 15px !important;
}

.p-b-20 {
	padding-bottom: 20px !important;
}

.p-r-20 {
	padding-right: 20px !important;
}

.p-l-20 {
	padding-left: 20px !important;
}

.p-t-20 {
	padding-top: 20px !important;
}

.p-b-30 {
	padding-bottom: 30px !important;
}

.p-t-30 {
	padding-top: 30px !important;
}

.p-l-30 {
	padding-left: 30px !important;
}

.p-r-30 {
	padding-right: 30px !important;
}