body {
	margin: 0;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	text-align: left;
	background-size: cover;
	background-color: #555b63;
}

.nav-link i {
	color: #bb2a2a !important;
}

.sidebar {
	background-color: #2A2E33;
}

.sidebar .nav li.active>a,
.sidebar .nav li.active>a i {
	color: #fff !important;
}

.sidebar .logo {
	padding: 0px 0px;
	margin: 0;
	display: block;
	position: relative;
	z-index: 4;
	background: url(../../img/logo/securoserv.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.sidebar .logo:after {
	display: none;
}

table.dataTable tbody tr {
	background-color: transparent;
}

/*///////////////////////////////////////////////////////////////////
// Index
///////////////////////////////////////////////////////////////////*/

.indexFactionLogo {
	height: 96px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*///////////////////////////////////////////////////////////////////
// Sidebar
///////////////////////////////////////////////////////////////////*/
.sidebar[data-color="purple"] li.active>a {
	background-color: #bb2a2a;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(66, 133, 244, 0.4);
}

.sidebar-wrapper .nav-link {
	margin-top: 5px !important;
}

.sidebarFactionLogo {
	height: 90px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.sidebar .nav li a,
.sidebar .nav li .dropdown-menu a {
	padding: 4px 16px;
}

.sidebar .nav i {
	font-size: 20px;
}



/*///////////////////////////////////////////////////////////////////
// Login
///////////////////////////////////////////////////////////////////*/
.m-6 {
	margin: 6rem !important;
}

.mt-6,
.my-6 {
	margin-top: 6rem !important;
}

.mr-6,
.mx-6 {
	margin-right: 6rem !important;
}

.mb-6,
.my-6 {
	margin-bottom: 6rem !important;
}

.ml-6,
.mx-6 {
	margin-left: 6rem !important;
}

.card-login {
	background-color: #0B0B0A !important;
	width: 85%;
}

.red-color-bar {
	border: 3px solid #bb2a2a;
}

/*///////////////////////////////////////////////////////////////////
// Footer
///////////////////////////////////////////////////////////////////*/

#footer {
	/*border-top: 1px solid rgba(0,0,0,.05)!important; */
}

.copyright {
	color: #fff;
}


/*///////////////////////////////////////////////////////////////////
// Records
///////////////////////////////////////////////////////////////////*/

.modal-lg {
	max-width: 1100px !important;
}

.modal-md {
	max-width: 900px !important;
}

.modal-body {
	max-height: calc(100vh - 210px);
	overflow-y: auto;
}

.modal-menu-overflow {
	overflow-y: unset !important;
}

.overflow-visible {
	overflow-y: visible !important;
}

.characterDetailsName {
	margin-top: unset !important;
	margin-bottom: unset !important;
}

.characterDetailsTitle {
	margin-top: unset !important;
	margin-bottom: unset !important;
	font-weight: 400;
}

.characterDetailsValue {
	margin-bottom: unset !important;
}

#279249 .characterFactionLogo {
	height: 48px;
	margin: 0;
	padding: 0;
}

div.material-table table tr th {
	text-align: left;
}

div.material-table table tr td {
	padding: 0 0 0 56px;
	height: 48px;
	font-size: 13px;
	border-bottom: solid 1px rgba(0, 0, 0, .1);
	white-space: unset;
	overflow: hidden;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
	font-weight: 400 !important;
	text-align: left;
}

.transaction-amount {
	font-size: 20px !important;
}


.transaction-card {
	background: rgba(255, 255, 255, 0.7);
}

.greeting {
	color: #bb2a2a !important;
	font-weight: 400;
}

.card-header.card-header-tabs.card-header-primary,.card-header.card-header-primary {
	background-color: #bb2a2a !important;
}

.btn-small {
	padding: 5px 10px !important;
	margin-right: 10px;
	height: 20%;
	color: white !important;
	border-radius: 0px;
}

.card {
	border-radius: 0px !important;
	background-color: #2A2E33 !important;
}

.btn {
	border-radius: 0px !important;
}

a {
	border-radius: 0px !important;
}

.step-label {
	background-color: #285f2e;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%234CBF59'/%3E%3Cstop offset='1' stop-color='%2325873D'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2366FF77' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%2366FF77' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%2325873D' stroke-width='10' stroke-miterlimit='10' stroke-opacity='.2'%3E%3Cpolygon points='-500%2C500 500%2C-500 1500%2C500 500%2C1500'/%3E%3Cpolygon points='-475%2C500 500%2C-475 1475%2C500 500%2C1475'/%3E%3Cpolygon points='-450%2C500 500%2C-450 1450%2C500 500%2C1450'/%3E%3Cpolygon points='-425%2C500 500%2C-425 1425%2C500 500%2C1425'/%3E%3Cpolygon points='-400%2C500 500%2C-400 1400%2C500 500%2C1400'/%3E%3Cpolygon points='-375%2C500 500%2C-375 1375%2C500 500%2C1375'/%3E%3Cpolygon points='-350%2C500 500%2C-350 1350%2C500 500%2C1350'/%3E%3Cpolygon points='-325%2C500 500%2C-325 1325%2C500 500%2C1325'/%3E%3Cpolygon points='-300%2C500 500%2C-300 1300%2C500 500%2C1300'/%3E%3Cpolygon points='-275%2C500 500%2C-275 1275%2C500 500%2C1275'/%3E%3Cpolygon points='-250%2C500 500%2C-250 1250%2C500 500%2C1250'/%3E%3Cpolygon points='-225%2C500 500%2C-225 1225%2C500 500%2C1225'/%3E%3Cpolygon points='-200%2C500 500%2C-200 1200%2C500 500%2C1200'/%3E%3Cpolygon points='-175%2C500 500%2C-175 1175%2C500 500%2C1175'/%3E%3Cpolygon points='-150%2C500 500%2C-150 1150%2C500 500%2C1150'/%3E%3Cpolygon points='-125%2C500 500%2C-125 1125%2C500 500%2C1125'/%3E%3Cpolygon points='-100%2C500 500%2C-100 1100%2C500 500%2C1100'/%3E%3Cpolygon points='-75%2C500 500%2C-75 1075%2C500 500%2C1075'/%3E%3Cpolygon points='-50%2C500 500%2C-50 1050%2C500 500%2C1050'/%3E%3Cpolygon points='-25%2C500 500%2C-25 1025%2C500 500%2C1025'/%3E%3Cpolygon points='0%2C500 500%2C0 1000%2C500 500%2C1000'/%3E%3Cpolygon points='25%2C500 500%2C25 975%2C500 500%2C975'/%3E%3Cpolygon points='50%2C500 500%2C50 950%2C500 500%2C950'/%3E%3Cpolygon points='75%2C500 500%2C75 925%2C500 500%2C925'/%3E%3Cpolygon points='100%2C500 500%2C100 900%2C500 500%2C900'/%3E%3Cpolygon points='125%2C500 500%2C125 875%2C500 500%2C875'/%3E%3Cpolygon points='150%2C500 500%2C150 850%2C500 500%2C850'/%3E%3Cpolygon points='175%2C500 500%2C175 825%2C500 500%2C825'/%3E%3Cpolygon points='200%2C500 500%2C200 800%2C500 500%2C800'/%3E%3Cpolygon points='225%2C500 500%2C225 775%2C500 500%2C775'/%3E%3Cpolygon points='250%2C500 500%2C250 750%2C500 500%2C750'/%3E%3Cpolygon points='275%2C500 500%2C275 725%2C500 500%2C725'/%3E%3Cpolygon points='300%2C500 500%2C300 700%2C500 500%2C700'/%3E%3Cpolygon points='325%2C500 500%2C325 675%2C500 500%2C675'/%3E%3Cpolygon points='350%2C500 500%2C350 650%2C500 500%2C650'/%3E%3Cpolygon points='375%2C500 500%2C375 625%2C500 500%2C625'/%3E%3Cpolygon points='400%2C500 500%2C400 600%2C500 500%2C600'/%3E%3Cpolygon points='425%2C500 500%2C425 575%2C500 500%2C575'/%3E%3Cpolygon points='450%2C500 500%2C450 550%2C500 500%2C550'/%3E%3Cpolygon points='475%2C500 500%2C475 525%2C500 500%2C525'/%3E%3C/g%3E%3Crect fill-opacity='.2' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	color: white !important;
	position: relative;
	top: 10px;
	margin-top: -10px !important;
	margin-right: 15px !important;
	padding: 5px;
}

@media (min-width: 576px) {
	.card-group.d-flex>.card-group:first-child>.greeting.step-label {
		top: 40px;
		height: 140px;
		padding-top: 0 !important;
	}
}

.card-body>.btn-primary {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card-group.d-flex>.card-group>.py-2 {
	padding-top: .6em !important;
}

.bankaccount-bg {
	background-color: #BFBFBF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='9' height='9' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23BFBFBF' cx='4.5' cy='4.5' r='4.5'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.07'/%3E%3C/svg%3E");
	background-attachment: fixed;
}

.bankaccount-header-bg {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 20%'%3E%3Cpath fill='%23bb2a2a' fill-opacity='0.5' d='M0,128L80,149.3C160,171,320,213,480,229.3C640,245,800,235,960,245.3C1120,256,1280,288,1360,304L1440,320L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
	background-size: cover;
}

.balance {
	font-weight: 500;
}

/* this seems to make things on mobile displays very minuscule? */

/*@media (max-width: 576px) {

    div.material-table table tr th {
        line-height: 6px;
        font-size: 6px !important;
    }

    div.material-table table tr td {
        line-height: 6px;
        font-size: 6px !important;
    }

    .transaction-amount{
        font-size: 9px !important;
    }

    .div.material-table .table-footer{
        line-height: 6px;
        font-size: 6px !important;
    }

    .card {
        padding: 0;
    }
    .card-header {
        font-size: 6px !important;
    }


    .card-body > h2{
        font-size: 7px !important;
    }

    .bankaccount-header-bg{
        background: white !important;
    }
}*/

/*///////////////////////////////////////////////////////////////////
// Global Styling Additions
///////////////////////////////////////////////////////////////////*/

/* Disabled */
.disabled {
	cursor: not-allowed;
}

/* Text Purple */
.text-purple {
	color: #9966ff !important;
}

/* Badge Purple */
.badge-purple {
	color: #fff;
	background-color: #9966ff;
}

/* Cursors */
.cursor-pointer {
	cursor: pointer !important;
}

/* Dropdown Menu - Scroll if list too long */
.dropdown-menu-scroll {
	max-height: 65vh;
	overflow-y: auto;
}

/* Select Inputs Height Fix */
select.form-control {
	height: 36px !important;
}

/* Underlining Clickable Elements */
.style-underline span {
	cursor: pointer;
	border-bottom: 1px solid rgba(128, 128, 128, 0);
	transition: .15s border-bottom linear, .15s color linear !important;
}

.style-underline:hover span {
	border-bottom: 1px solid rgba(128, 128, 128, 1);
}

.style-hr-no-divider {
	border-top: none;
}

/* UL Lists No Style */
.style-list-no-style {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

/* Button License Cards Styling */
.btn-license {
	display: block !important;
	font-size: 70% !important;
	cursor: pointer !important;
	padding: 8px 3px !important;
}

/* Button Actions Styling */
.btn-actions-xl {
	font-size: 16px !important;
	cursor: pointer !important;
	padding: 8px 16px !important;
}

.btn-actions {
	font-size: 16px !important;
	cursor: pointer !important;
	padding: 4px 8px !important;
}

.btn-actions-xs {
	font-size: 10px !important;
	cursor: pointer !important;
	padding: 1px 6px;
	vertical-align: bottom;
}

.changelog-item {
	width: 60px;
}

/* Unsetting Styles */
.unset-colours {
	box-shadow: unset !important;
	background: unset !important;
}

.font-unset {
	font-size: unset !important;
}

/* Tables - No Cut Off Text */
.unset-cutoff {
	white-space: break-spaces !important;
}

/*///////////////////////////////////////////////////////////////////
// Photographs, Record, DMV, related
///////////////////////////////////////////////////////////////////*/

/* Cropper */
.cropper-bg,
.cropper-wrap-box,
.cropper-modal {
	border-radius: 5px;
}

.vehiclePhotograph {
	max-height: 300px !important;
	border-radius: 5px !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.warrantFont {
	font-family: 'Arial';
}

.warrantSealLogoLeft {
	filter: grayscale(100%);
	max-height: 128px !important;
}

.warrantSealLogoRight {
	filter: grayscale(100%);
	max-height: 132px !important;
}

.warrant-prologue {
	font-size: 120%;
}

.warrant-head {
	font-size: 200%;
}

.personPhotograph {
	display: block;
	margin: 0 auto;
	width: 150px !important;
	border-radius: 5px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.personPhotographSmall {
	width: 45px !important;
	border-radius: 5px !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.font-plate {
	font-family: 'Dancing Script', cursive;
}

.colourPreview {
	margin-right: 5px;
	border-radius: 5px;
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	color: transparent;
}

.colourPreview-2x {
	margin-right: 5px;
	border-radius: 5px;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	vertical-align: middle;
	color: transparent;
}

.colourPreviewText {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

.colourPreviewText-2x {
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
}

.uploadIcon {
	color: #fff;
	transition: color .1s linear;
}

.uploadIcon:hover {
	color: #ddd;
}

/*///////////////////////////////////////////////////////////////////
// DataTables
///////////////////////////////////////////////////////////////////*/

/* Sorting Icons */
div.material-table table th.sorting_desc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0de";
	-webkit-transform: rotate(0deg) !important;
	margin-left: 10px;
	margin-top: 0px;
}

div.material-table table th.sorting_asc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
	-webkit-transform: rotate(0deg) !important;
	margin-left: 10px;
	margin-top: -6px;
}

div.material-table table th.sorting:hover::after {
	content: "";
	-webkit-transform: rotate(0deg) !important;
}

div.material-table table tr td a i {
	font-size: unset;
	color: unset;
}

/* Pagination Markers */
.material-pagination li::marker {
	color: transparent;
}

/*///////////////////////////////////////////////////////////////////
// Cards / Bricklayer (Masonry)
///////////////////////////////////////////////////////////////////*/

div.card.material-table {
	margin-bottom: 45px;
}

/* Card Header Front Index Fix */
.card .card-header-index {
	z-index: 0 !important;
}

/* Dashboard - Card Statistics */
.card.card-stats {
	padding-bottom: 15px;
	margin-bottom: 0 !important;
}

/* Dashboard - Card Elements */
.card.card-dashboard {
	margin-top: 40px !important;
	margin-bottom: 0 !important;
}

/* Profiles - Card Avatar */
.card.card-profile-avatar {
	margin-top: 0;
	margin-bottom: 0;
	max-width: 150px;
	max-height: 150px;
}

/* Profiles - Card Main */
.card.card-profile {
	margin-top: 0;
	margin-bottom: 0;
	min-height: 150px;
}

/* Profiles - Card Elements */
.card.card-profile-elements {
	margin-top: 40px !important;
	margin-bottom: 0 !important;
}

/* Bricklayer Columns */
.bricklayer-column {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

#bricklayerDashboardCards {
	margin: 0 -10px !important;
}

#bricklayerRecordCards {
	margin: 0 -10px !important;
}

#bricklayerRecordLicenses {
	margin: 0 -10px !important;
}

#bricklayerRecordLicenses .bricklayer-column {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

@media (min-width: 1800px) {
	#bricklayerRecordCards .bricklayer-column-sizer {
		width: 33%;
	}

	#bricklayerDashboardStats .bricklayer-column-sizer {
		width: 25%;
	}

	#bricklayerDashboardCards .bricklayer-column-sizer,
	#bricklayerRecordLicenses .bricklayer-column-sizer {
		width: 50%;
	}
}

@media (max-width: 1800px) {

	#bricklayerDashboardStats .bricklayer-column-sizer,
	#bricklayerRecordCards .bricklayer-column-sizer,
	#bricklayerRecordLicenses .bricklayer-column-sizer {
		width: 50% !important;
	}

	#bricklayerDashboardCards .bricklayer-column-sizer {
		width: 100% !important;
	}

	#cardDMVvehicle {
		width: 100% !important;
		position: relative !important;
		flex: 100% !important;
		min-width: 100% !important;
	}
}

@media (max-width: 1200px) {

	#bricklayerDashboardCards .bricklayer-column-sizer,
	#bricklayerRecordCards .bricklayer-column-sizer {
		width: 100% !important;
	}

	#bricklayerDashboardStats .bricklayer-column-sizer,
	#bricklayerRecordLicenses .bricklayer-column-sizer {
		width: 50% !important;
	}
}

@media (max-width: 900px) {
	#bricklayerDashboardStats .bricklayer-column-sizer {
		width: 100% !important;
	}
}

@media (max-width: 600px) {
	#bricklayerRecordLicenses .bricklayer-column-sizer {
		width: 100% !important;
	}
}

/*///////////////////////////////////////////////////////////////////
// SummerNote
///////////////////////////////////////////////////////////////////*/

/* Summernote Editor Body */
.note-editor.note-frame.card {
	margin-top: 0;
	background: transparent !important;
	box-shadow: unset !important;
}

/* Summernote Edtior */
.note-editable.card-block {
	min-height: 120px;
	max-height: 360px;
}

.note-editor.note-airframe,
.note-editor.note-frame {
	border: 0px solid rgba(0, 0, 0, 0.1) !important;
}

.note-popover .popover-content,
.note-toolbar {
	margin: 0 !important;
	padding: 5px 0 !important;
}

.note-recent-color {
	background: #999 !important;
	color: #fff !important;
}

.note-editor.note-airframe .note-editing-area .note-codable,
.note-editor.note-frame .note-editing-area .note-codable {
	height: 50vh !important;
}

/*///////////////////////////////////////////////////////////////////
// Map Related
///////////////////////////////////////////////////////////////////*/

.gm-style .gm-style-iw-c {
	position: absolute !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	top: 0 !important;
	left: 0 !important;
	transform: translate(-50%, -100%) !important;
	background-color: rgba(0, 0, 0, 0.75) !important;
	color: #fff !important;
	border-radius: 8px !important;
	padding: 16px !important;
	box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.2) !important;
}

.gm-style .gm-style-iw-t::after {
	background: linear-gradient(45deg,
			rgba(0, 0, 0, 0.75) 50%,
			rgba(0, 0, 0, 0) 51%,
			rgba(0, 0, 0, .0) 100%) !important;
	box-shadow: unset !important;
	content: "" !important;
	height: 15px !important;
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	transform: translate(-50%, -50%) rotate(-45deg) !important;
	width: 15px !important;
}

/*///////////////////////////////////////////////////////////////////
// CAUTION CODES
///////////////////////////////////////////////////////////////////*/

#cautionCodes span {
	font-size: 100%;
}

#cautionCodes .close {
	margin-left: .5rem;
	color: #00000080;
	font-size: 14px;
	opacity: 1;
	text-shadow: 0 0 4px #00000040;
}

#cautionCodes .badge {
	margin: 5px;
	padding: 5px 10px;
}

/*///////////////////////////////////////////////////////////////////
// MULTIPLE TABS PAGE
///////////////////////////////////////////////////////////////////*/

.nav.nav-tabs li:not(:last-child) {
	margin-right: 5px;
}

/*///////////////////////////////////////////////////////////////////
// AGENCY PAGE
///////////////////////////////////////////////////////////////////*/

#agency-page-personnel-table-photograph img {
	max-width: 64px;
	margin: unset;
}


/*///////////////////////////////////////////////////////////////////
// TOOLTIPS
///////////////////////////////////////////////////////////////////*/
[tooltip] {

	position: relative;
	display: inline-block;
}

[tooltip]::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 4px 6px 0 6px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
	z-index: 99;
	opacity: 0;
}

[tooltip-position='left']::before {
	left: 0%;
	top: 50%;
	margin-left: -12px;
	transform: translatey(-50%) rotate(-90deg)
}

[tooltip-position='top']::before {
	left: 50%;
}

[tooltip-position='buttom']::before {
	top: 100%;
	margin-top: 8px;
	transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position='right']::before {
	left: 100%;
	top: 50%;
	margin-left: 1px;
	transform: translatey(-50%) rotate(90deg)
}

[tooltip]::after {
	content: attr(tooltip);
	position: absolute;
	width: 300px;
	transform: translateX(-50%) translateY(-100%);
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	color: #fff;
	padding: 4px 2px;
	font-size: 12px;
	min-width: 80px;
	border-radius: 5px;
	pointer-events: none;
	padding: 4px 4px;
	z-index: 99;
	opacity: 0;
}

[tooltip-position='left']::after {
	left: 0%;
	top: 50%;
	margin-left: -8px;
	transform: translateX(-100%) translateY(-50%);
}

[tooltip-position='top']::after {
	left: 50%;
}

[tooltip-position='buttom']::after {
	top: 100%;
	margin-top: 8px;
	transform: translateX(-50%) translateY(0%);
}

[tooltip-position='right']::after {
	left: 100%;
	top: 50%;
	margin-left: 8px;
	transform: translateX(0%) translateY(-50%);
}

[tooltip]:hover::after,
[tooltip]:hover::before {
	opacity: 1
}

.form-control:invalid {
	background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #333 1px, rgba(210, 210, 210, 0) 1px);
}

.input-group-text {
	color: #fff;
}

.btn.btn-primary {
	background-color: #bb2a2a;
	border-color: #bb2a2a;
	box-shadow: 0 2px 2px 0 rgba(244, 66, 66, 0.14), 0 3px 1px -2px rgba(244, 66, 66, 0.2), 0 1px 5px 0 rgba(244, 66, 66, 0.12);
}

.btn.btn-primary:active:hover,
.btn.btn-primary:active:focus,
.btn.btn-primary:active.focus,
.btn.btn-primary.active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active.focus,
.open>.btn.btn-primary.dropdown-toggle:hover,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle.focus,
.show>.btn.btn-primary.dropdown-toggle:hover,
.show>.btn.btn-primary.dropdown-toggle:focus,
.show>.btn.btn-primary.dropdown-toggle.focus {
	background-color: #92211e;
}

.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:hover {
	background-color: #92211e;
	border-color: #92211e;
}

.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
	box-shadow: 0 14px 26px -12px rgba(244, 66, 66, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 66, 66, 0.2);
}