/*
NOTES:

Breakpoints are as follows:
    xxxs < 0,
    xxs >= 320px,
    xs >= 568px,
    sm >= 667px,
    md >= 768px,
    lg >= 992px,
    xl >= 1200px,
    xxl >= 1440px,
    xxxl >= 1600px
    xxxxl >= 2000px
*/


/* This is to keep content within the area of the side and top nav bars. */
.body-content {
    margin-top: 62px;
    margin-left: 255px;
    margin-right: 15px;
}
.custom-body-content {
    margin-top: -62px;
    margin-left: -255px;
}
@media only screen and (max-width: 991px) {
    .body-content {
        margin-top: 165px;
    }
    .custom-body-content {
        margin-top: -165px;
    }
}
@media only screen and (max-width: 1440px) {  /* 1440 is the breakpoint that the sidenav collapses */
    .body-content {
        margin-left: 15px;
    }
    .custom-body-content {
        margin-left: 15px;
    }
}
.sticky-offset {
    top: 48px !important;
}
.logo {
    height: 79px !important;
    padding-top: 0 !important;
    padding-bottom: 6px !important;
}
.breadcrumbs {
    background: none !important;
    padding: 0.3rem 0 0 1rem !important;
    border: none !important;
    font-size: 15px !important;
    color: #212529 !important;
    text-align: left !important;
}


/* Side nav sub link hover */
.primary-color-dark-darkened-link-hover {
    color: #ffffff !important;
    -webkit-transition: .4s;
    transition: .4s;
}
.primary-color-dark-darkened-link-hover:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color: #0d47a1 !important;
}

/* Negative margins and pads */
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
/* Bigger margins */
.mt-10r {
    margin-top: 10rem !important;
}

/* Visibility */
.invisible {
    visibility: hidden;
}

/* Gradients */
.danger-gradient {
    background-image: -webkit-linear-gradient(330deg, #ff0000 0%, #ff3547 100%);
    background-image: -o-linear-gradient(330deg, #ff0000 0%, #ff3547 100%);
    background-image: linear-gradient(120deg, #ff0000 0%, #ff3547 100%);
}
.warning-gradient {
    background-image: -webkit-linear-gradient(330deg, #ffff00 0%, #ffbb33 100%);
    background-image: -o-linear-gradient(330deg, #ffff00 0%, #ffbb33 100%);
    background-image: linear-gradient(120deg, #ffff00 0%, #ffbb33 100%);
}
.success-gradient {
    background-image: -webkit-linear-gradient(330deg, #228B22 0%, #00c851 100%);
    background-image: -o-linear-gradient(330deg, #228B22 0%, #00c851 100%);
    background-image: linear-gradient(120deg, #228B22 0%, #00c851 100%);
}
.warning-to-danger-gradient {
    background-image: -webkit-linear-gradient(330deg, #ffff00 0%, #ff0000 100%);
    background-image: -o-linear-gradient(330deg, #ffff00 0%, #ff0000 100%);
    background-image: linear-gradient(120deg, #ffff00 0%, #ff0000 100%);
}

/* Background colors */
.bg-danger-dark {
    background-color: #CC0000 !important;
}
.bg-warning-dark {
    background-color: #FF8800 !important;
}
.bg-success-dark {
    background-color: #007E33 !important;
}
.bg-info-dark {
    background-color: #0099CC !important;
}

/* Scrollbar types */
.scrollbar-primary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #4285F4;
}
.scrollbar-danger::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-danger::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-danger::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ff3547;
}
.scrollbar-warning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-warning::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-warning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #FF8800;
}
.scrollbar-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-success::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-success::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
}
.scrollbar-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-info::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #33b5e5;
}
.scrollbar-default::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-default::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-default::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #2BBBAD;
}
.scrollbar-secondary::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-secondary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.scrollbar-secondary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #aa66cc;
}

/* Scrollbar sections */
.scrollbar-block-400 {
    position: relative;
    max-height: 400px;
    min-height: 400px;
    overflow: auto;
    display: block;
}

/* Cursors */
.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: grab;}
.cursor-grabbing {cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}

/* Maps */
.map-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* Tables */
.skinny-table {
    width: 0 !important;
}
.short-table td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.table-sub-row {
    padding: 0 !important;
}
#materialDatatable_processing .spinner-border {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dataTables_scroll caption {
    caption-side: top;
    display: block;
}
.dataTables_scrollBody thead tr[role="row"] {
    visibility: collapse !important;
}
.dataTable th, td {
    white-space: nowrap;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 10px 0;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
    font-size: 1.5rem;
    right: 0.5rem;
}
.fit-input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.dataTables_wrapper .dataTables_length label {
    padding-top: 5px;
    padding-right: 10px;
}
.dt-buttons {
    padding-left: 10px;
    padding-right: 10px;
}

/* Cards in Modals */
.modal .card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Accordions */
/*.accordion-inner .card {*/
/*    border-bottom: 0 !important;*/
/*    overflow: hidden !important;*/
/*    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;*/
/*}*/
/*.accordion-inner .card .card-header {*/
/*    padding: 0.75rem 1.25rem !important;*/
/*    margin-bottom: 0 !important;*/
/*    background-color: rgba(0, 0, 0, 0.03) !important;*/
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;*/
/*}*/

/* Card Tabs */
.card-tab-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-inner {
    margin-left: 2rem;
}

/* Notes */
.note-header, .issue-header, .repair-log-header {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    margin-bottom: 0.5rem;
}
.note-body, .issue-body, .repair-log-body {
    margin-left: 4rem;
}
.issue-header .instant-submit, repair-log-header .instant-submit {
    width: 25%;
    display: inline-block !important;
}
.open-issue {
    background-color: #ffbb3352;
}
.past-due-issue {
    background-color: #ff354752;
}
.highlighted-issue {
    background-color: #33b5e552 !important;
}

/* Forms */
.inline-input {
    display: inline-block !important;
    width: initial;
}
.datepicker {
    background-color: #fff !important;
}

/* Card Decks */
.card-deck-large, .car-deck-medium {
    display: grid;
    grid-template-columns: auto;
    grid-gap: .5rem;
}
@media only screen and (min-width: 768px) {
    .card-deck-large {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(750px, 1fr));
        grid-gap: .5rem;
    }
}
@media only screen and (min-width: 667px) { /* NOTE: You might want to drop this selector a size or two. I don't know as we aren't currently using any medium decks. */
    .card-deck-medium {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
        grid-gap: .5rem;
    }
}
.card-deck-small {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: .5rem;
}
.card-deck .card {
    height: max-content;
}
.card-deck .card .limited-size-card {
    position: relative;
    max-height: 400px;
    min-height: 400px;
    overflow: auto;
}
.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Button Groups */
.responsive-btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.responsive-btn-group-first {
    /*grid-column-start: span;*/
}

/* Calendar */
.fc-header-toolbar, .fc-day-header {
    font-size: 0.5em;
}
@media only screen and (min-width: 667px) {
       .fc-header-toolbar, .fc-day-header {
        font-size: 0.5em;
    }
}
@media only screen and (min-width: 768px) {
    .fc-header-toolbar, .fc-day-header {
        font-size: 1em;
    }
}

/* Configuration Profile Pages */
.profiles .md-form label.active {
    -webkit-transform: translateY(-22px) scale(0.8) !important;
    -ms-transform: translateY(-22px) scale(0.8) !important;
    transform: translateY(-22px) scale(0.8) !important;
}
.profiles .card {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    border-width: 2px;
}

/* Wrapped lists */
.wrapped-list {
    list-style-type: none;
}
.wrapped-list-item {
    float: left;
    margin: 2px 2px;
}

/* highlights */
.danger-color-highlight {
    background-color: #ff4444;
    color: black;
}
.warning-color-highlight {
    background-color: #ffbb33;
    color: black;
}
.success-color-highlight {
    background-color: #00C851;
    color: black;
}

/* SGV files */
.not-selected {
	opacity: 0.02;
}

.selected {
	opacity: 1.0;
}