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

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

/*///////////////////////////////////////////////////////////////////
// Sidebar
///////////////////////////////////////////////////////////////////*/

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

.sidebarFactionLogo {
	height: 170px;
	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;
}

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

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

/*///////////////////////////////////////////////////////////////////
// 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;
}

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

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;
}

/*///////////////////////////////////////////////////////////////////
// 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;
}

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

.personPhotographSmall {
	display: block;
	margin: 0 auto;
	width: 45px!important;
	border-radius: 5px;
	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;
}

/*///////////////////////////////////////////////////////////////////
// WARRANT PAGE
///////////////////////////////////////////////////////////////////*/
.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%;
}