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

.indexFactionLogo {
    width: 96px;
    display: block;
    margin: 0 auto 10px;
}

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

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

.sidebarFactionLogo {
    width: 170px;
    display: block;
    margin: auto;
}

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

.btn-dispatch{
    font-size: 13px!important;
    cursor: pointer!important;
    padding: 4px 13px!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 {
    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;
}

.clearDispatch{
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 10px !important;
}

.legendBorder {
    width:inherit;
    padding:0 10px;
    border-bottom:none;
}

.ck-editor__editable_inline {
    min-height: 150px;
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
    display: none !important;
}

.dashboard-mugshot {
    position: absolute;
    top: 8%;
    width: 150px!important;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
}

@media (max-width: 715px) {
    .dashboard-mugshot {
        display: none;
    }
}

.sidebar .sidebar-wrapper {
    height: calc(100vh - 88px);
}

.sidebar .logo {
    padding: 15px;
}

.sidebar .sidebar-logo {
    width: 15%;
}

.sidebar .sidebar-title {
    font-size: 16px;
}

.sidebar .sidebar-section {
    margin-left: 35px;
}

.navbar-brand:visited {
    color: unset;
}

.nav-item-sub {
    margin: 0 20px;
}

.nav-item-sub i {
    float: left;
    margin-right: 15px;
    line-height: 30px !important;
    width: 30px;
    text-align: center;
    color: #a9afbb;
}

.nav-item-sub a {
    width: 100%;
}

.supervisor-color {
    color: #FFBF00 !important;
}

.chief-color {
    color: #BF4000 !important;
}