/* Global  */
    body {
        margin: 0 !important;
        padding: 0 !important;
        position: initial !important;
    }
    @media screen and (max-width: 1024px) {
        .dataTable {
            max-height: 750px;
            overflow-y: scroll;
        }
        .iPad-pad {
            margin: 30px 0px;
        }
    }
    .titleCase {
        text-transform: capitalize !important;
    }

    /* Background Color */
        .bg-action { background-color: #9e7986; }

    /* Borders */
        .b-1 { border: 1px solid black; }
        .b-r-1 { border-right: 1px solid; }

    /* Border-Color */
        .bc-accent { border-color: #50362a; }
        .bc-grey { border-color: #dadada; }

    /* Border Radius */
        .br-9 { border-radius: 9px; }

    /* Color */
        .c-accent { color: #50362a; }
        .c-action { color: #9e7986; }
        .c-blue { color: #576e92; }
        .c-green { color: #7f9f6e; }
        .c-maroon { color: #c54469; }
        .c-orange { color: #d26237; }
        .c-purple { color: #c137eb; }
        .c-red { color: #9a5950; }
        .c-yellow {  color: #8f8b4d; }
        .rs-accent, .rs-accent * { stroke: #50362a; }

    /* Cursor */
        .cu-p { cursor: pointer; }

    /* Display */
        .d-n { display: none !important; }
    
    /* Font Size */
        .fs-12 { font-size: 12px !important; }
        .fs-13 { font-size: 13px !important; }
        .fs-18 { font-size: 18px !important; }

    /* Font Weight */
        .fw-6 { font-weight: 600; }

    /* Line Height */
        .lh-0 { line-height: 0 !important; }
        .lh-1 { line-height: 1 !important; }
        .lh-2 { line-height: 2 !important; }

    /* Margin */
        .m-0 { margin: 0px !important; }
        .m-l-10 { margin-left: 10px; }
        .m-l-50 { margin-left: 50px; }
        .m-r-10 { margin-right: 10px; }
        .m-t-10 { margin-top: 10px; }

    /* Opacity */
        .o-3 { opacity: 0.3; }
        .o-7 { opacity: 0.7; }

    /* OverFlow */
        .ow-a { overflow-wrap: anywhere; }
        .oy-s { overflow-y: scroll; }

    /* Padding */
        .p-0 { padding: 0px !important; }
        .p-5 { padding: 5px; }
        .p-10 { padding: 10px; }
        .p-b-5 { padding-bottom: 5px; }
        .p-t-15 { padding-top: 15px; }

    /* Text Align */
        .ta-c { text-align: center; }

    /* Visibility */
        .v-h { visibility: hidden; }

/* Login Form */
    img.center {
        margin: auto;
    }
    .loginTitle {
        text-align: center;
        color: #723a2a;
    }

/* Side Nav */
    .sidenav-item.selected{
        border: 1px solid #b39c92;
        border-radius: 9px;
        background: #b39c92;
        color: #723A2A;
    }
    .sidenav-item.selected >*>*>* {
        font-weight: 600 !important;
    }
    .sidenav-item >*>*>*{
        color: #723a2a;
        font-weight: 500 !important;
    }

    .notActive {
        background: rgb(45 63 169) !important;
    }
    li.nav-item.selected-nav > a {
        border: 1px solid #F1B77F;
        border-radius: 10px !important;
        background-color: #FBE9D7;
    }
    li.nav-item > a {
        width: 80% !important;
        margin-left: 12px;
        height: 36px !important;
    }
    .sidebar-inner.mCS_destroyed > ul li.nav-item > a,
    .sidebar-inner.mCS_destroyed .sidebar-navfooter > ul li.nav-item > a {
        margin: auto;
        padding: 8px !important;
    }
    li.nav-item > a > span,
    li.nav-item > a > md-icon{
        color: #797982;
        font-weight: 510;
        opacity: 1 !important;
    }
    li.nav-item.selected-nav > a > span,
    li.nav-item.selected-nav > a > md-icon{
        color: #EB8C2F;
        font-weight: bold;
    }
    .sidebar-empty-area {
        display: list-item;
        max-height: 48em;
        line-height: 50;
    }
    .sidebar-navfooter {
        display: block;
        position: fixed;
        clear: both;
        bottom: 0px;
        width: 240px;
    }
    .sidebar-inner.mCS_destroyed .sidebar-navfooter {
        width: 36px;
    }
    /* Divider */
        .padded-divider{
            max-width: 90%;
            margin-left: 12px;
            margin-bottom: 12px;
        }
        .sidebar-collapsed .sidebar .sidebar-inner .padded-divider{
            width: 36px !important;
        }
    /* Footer */
        .sidebar-footer.asset-footer{
            background: white !important;
        }
        .sidebar-footer.dark-footer{
            background: #2b2e33 !important;
        }
        .sidebar-collapsed .sidebar .sidebar-inner .sidebar-footer.asset-footer{
            display: block !important;
            width: 36px !important;
            margin-left: -8px !important;
        }
        .footer-text {
            font-size: 28px;
            margin: 10px;
        }
        ol {
            counter-reset: item
          }
          li {
            display: block
          }
          li:before {
            content: counters(item, ".") " ";
            counter-increment: item
          }
          p.agreementClause{
            padding-left: 50px;
            margin-top: -18px;
          }
/* Dashboard */
    span.siteFilters {
        color: #551f0d;
        font-weight: 600;
        border-radius: 9px;
        padding: 7px 0px;
        text-align: center;
        cursor: pointer;
    }
    span.siteFilters.selected {
        background: #cabbb6;
    }
    .searchBar {
        border: 2px solid #723a2a;
        border-radius: 15px;
        background-color: #ddd1ce;
    }
    .searchBar > md-icon {
        margin: 0px !important;
        padding: 0px;
    }
    .placeholder {
        font-size: 12px;
        color: gray;
    }
    /* Statistics */
        .statBoard {
            border: 1px solid;
            border-radius: 9px;
        }
        .statBoard figure {
            align-items: start;
            justify-content: start;
            padding: 10px;
        }
        .spotLight {
            min-width: 8px;
            min-height: 40px;
            border-radius: 9px;
            margin: -10px 10px 10px -10px;
        }
        .statBoard md-icon {
            margin: 0px;
            font-size: 36px;
        }
        .statBoard .stat-text {
            font-size: 36px;
            font-weight: 500;
        }
        .statBoard md-list {
            overflow-y: scroll;
        }
        md-grid-list {
            margin: 8px;
        }
        .gridTheme.accent, .gridTheme.accent md-icon, .gridTheme.accent h3 {
            color: #50362a !important;
        }
        .gridTheme.accent .spotLight {
            background: #50362a;
        }
        .gridTheme.aero, .gridTheme.aero md-icon, .gridTheme.aero h3 {
            color: #a1b5ca !important;
        }
        .gridTheme.aero .spotLight {
            background: #a1b5ca;
        }
        .gridTheme.brown, .gridTheme.brown md-icon, .gridTheme.brown h3 {
            color: #9c7886 !important;
        }
        .gridTheme.brown .spotLight {
            background: #9c7886;
        }
        .gridTheme.purple, .gridTheme.purple md-icon, .gridTheme.purple h3 {
            color: #5b1e74 !important;
        }
        .gridTheme.purple .spotLight {
            background: #5b1e74;
        }
        .gridTheme.red, .gridTheme.red md-icon, .gridTheme.red h3 {
            color: #8f2219 !important;
        }
        .gridTheme.red .spotLight {
            background: #8f2219;
        }
        .gridTheme.blue, .gridTheme.blue md-icon, .gridTheme.blue h3 {
            color: #0a1e51 !important;
        }
        .gridTheme.blue .spotLight {
            background: #0a1e51;
        }
        md-grid-list md-list div {
            margin: auto;
            color: black;
            font-size: 15px;
        }
/* Asset Register */
    .searchText {
        border: none;
        background: #ddd1ce;
    }
    /* Asset List */
        .dataTable {
            overflow-y: scroll;
            border-radius: 9px;
        }
        .tableData:hover {
            background: #00000005;
        }
        table.assetList thead, .tableHeader {
            color: #551f0d;
        }
        table.assetList th, .tableHeader div {
            background: #e5e5e5;
            text-align: start;
            border: 1px solid #eeeeee;
            padding: 0px 0px 0px 5px;
            font-weight: 500;
        }
        table.assetList td, .tableData>div {
            border: 1px solid #eeeeee;
            text-align: center;
            padding: auto;
            flex: 1 1 auto;
            font-size: 14px;
        }
        table.assetList img, .tableData img {
            max-width: 80%;
            border-radius: 9px;
            margin: 10px 0px;
        }
        .tableData .md-button {
            margin: 0px;
        }
        div.statusBox {
            padding: 15px 10px;
            border-radius: 9px;
        }
        .statusBox.green {
            color: #7f9f6e;
            background: #c9e9b7;
        }
        .statusBox.yellow {
            color: #8f8b4d;
            background: #e1dda0;
        }
        .statusBox.red {
            color: #9a5950;
            background: #ff9f93;
        }
        .statusBox.blue {
            color: #576e92;
            background: #a0c3fa;
        }

    /* Dialog */
        .forceRoundCorners,
        .forceRoundCorners >*,
        .forceRoundCorners >*>* {
            border-radius: 9px !important;
        }
            /* Asset Schedule */
                .title{
                    background-color: #723a2a;
                }
                .dialogButton{
                    border: 1px black solid;
                }
                .dialogCancelButton{
                    background-color: #DDD1CE;
                }

            /* Asset Maintenance Schedule */
                .inputTextColor{
                    color: #723A2A;;
                }

    /* Asset Detail */
        #main-map {
            display: unset !important;
        }

/* Map */
    .infoWindow {
        position: absolute;
        left: 10%;
        top: 20%;
        border-radius: 9px;
        box-shadow: 9px 11px 20px 5px black;
        display: block;
        color: black !important;
    }

/* Calendar */
    .bookedAsset{
        background-color: #d26237;
        color: #6e3726;
        padding: 2px;
    }
    .serviceAsset{
        background-color: #c54469;
        color: #6e3726;
        padding: 2px;
    }
    .fc-basic-view .fc-body .fc-row { max-height: 100px; }
    .fc-ltr .fc-basic-view .fc-day-number { 
        text-align: center;
        color: white; 
    }
    .fc td  { background-color: #d2c4c1; }
    .fc-unthemed .fc-today { background-color: #ddd1ce; }
    .fc th { background-color: #5c1b04; color: white; }
    .fc-unthemed th, .fc-unthemed td { border-color: #bdb1ae; }
    .fc-other-month.fc-past, .fc-other-month.fc-future { background-color: #a79d9b; }

/* Top Header */
    /* User Badge */
        .top-bar-user-icon {
            background-color: #84bc2b;
            line-height: 1.4;
            display: inline-block;
            padding: 8px;
            margin-top: 5px;
            border-radius: 100%;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }
        .top-bar-username {
            max-height: 68px;
            line-height: normal;
            margin-top: 10px;
            margin-left: -10px;
        }
        .top-bar-username .user-name {
            font-weight: 700;
        }
        .top-bar-username .user-title{
            font-size: 11px;
        }

/* Chat */
.conversation-body{
    max-height: 90% !important;
    overflow-y: scroll !important;
}

/*Spring Board Tile*/
    /* Spring Board Tile - Theme Picker */
        md-menu-item {
            margin: 0px !important;
            padding: 0px !important;
            /* width: 05px !important; */
            min-width: 15px !important;
            height: auto !important;
        }
        md-menu-item > button.md-icon-button {
            padding: 0px !important;
        }
        md-menu-item > button.md-icon-button > md-icon {
            height: 18px !important;
            min-height: 18px !important;
            width: 18px;
            min-width: 18px !important;
            font-size: 17px;
        }
        .md-accent {
            background-color: #50362a !important;
            border-radius: 9px;
            color: white !important;
        }
        .themePicker.red {
            color: red;
        }
        .themePicker.blue {
            color: blue;
        }
        .themePicker.green {
            color: green;
        }
        .themePicker.primary {
            color: #cbb4ae;
        }
        .themePicker.aero {
            color: #b9d5dbb5;
        }
        .themePicker.yellow {
            color: yellow;
        }
        .themePicker.orange {
            color: orange;
        }
        .themePicker.purple {
            color: purple;
        }
        .themePicker.pink {
            color: pink;
        }
        .themePicker.white {
            color: white;
            border: 1px solid black;
        }
        .themePicker.light {
            color: lightgrey;
        }
        .themePicker.dark {
            color: darkgray;
        }
        .semiRound {
            border-radius: 10px !important;
        }
    /* Spring Board Tile - Background */
        .themeBack.grey {
            background: grey;
        }
        .themeBack.red {
            background: red;
        }
        .themeBack.blue {
            background: blue;
        }
        .themeBack.green {
            background: green;
        }
        .themeBack.primary {
            background-color: #cbb4ae;
        }
        .themeBack.secondary {
            background-color: #ddd1ce !important;
            color: white !important;
        }
        .themeBack.accent {
            background-color: #50362a !important;
            color: white !important;
        }
        .themeBack.aero {
            background-color: #b9d5dbb5;
        }
        .themeBack.yellow {
            background-color: yellow;
        }
        .themeBack.orange {
            background-color: orange;
        }
        .themeBack.purple {
            background-color: purple;
        }
        .themeBack.pink {
            background-color: pink;
        }
        .themeBack.white {
            background-color: white;
            border: 1px solid black;
        }
        .themeBack.light {
            background-color: lightgrey;
        }
        .themeBack.dark {
            background-color: darkgray;
        }
    /* Spring Board Tile - User Icons*/
        span.circularBack {
            background: black;
            color: white;
            padding: 4px;
            border-radius: 100%;
            font-size: 9px;
        }
        .hiddenChild {
            visibility: hidden;
        }
        .childToBeHidden {
            display: block;
        }
        .parentHider:hover .hiddenChild{
            visibility: visible;
        }
        .parentHider:hover .childToBeHidden {
            display: none;
        }

/* Admin */
    /* Admin - List View */
        .max-height-200-scroll{
            max-height: 200px;
            overflow-y: scroll;
        }
        .margin-bottom-20 {
            margin-bottom: 20px;
        }
        .margin-right-20 {
            margin-right: 20px;
        }
        /* Admin - List View - List Icon */
            span.md-avatar {
                border-radius: 100%;
                background: #80808061;
                text-align: center;
                display: grid;
                align-items: center;
            }

/* Profile Page */
            /* Profile Page - User Info Table */
                .profilePicBack {
                    border: 5px dashed lightgray;
                    align-content: center;
                }
                .profilePicBack > md-icon {
                    font-size: 1000%;
                    margin: 25%;
                }
                .ltr-table-row:nth-last-child(1) {
                    border-radius: 0px 0px 10px 10px;
                }
                .ltr-table-row:nth-child(1) {
                    border-radius: 10px 10px 0px 0px;
                }
                
                .ltr-table-row:nth-child(2n-1) {
                    background: lightgrey;
                }
                .ltr-table-row {
                    padding: 5px;
                }
                .ltr-table-head {
                    text-transform: capitalize;
                    font-weight: 500;
                }

/* Mail Page */
    /* Email Content */
        .email-content {
            max-height: 600px !important;
            overflow-y: scroll;
        }
        .media-body.unread {
            font-size: 20px;
        }

/* IT Manager */
    .p-t-b {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .hoverButton:hover, 
    .hoverButton:hover > * {
        color: #2196f3;
        cursor: pointer;
    }
    .textOverflow {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ul.headerInfo {
        min-width: 400px;
    }
    li.selectedTaskInfo {
        width: 300px;
        padding: 1px 0px !important;
    }
    div.headerInfo {
        padding: 0px !important;
        margin-left: 20px;
        border: 2px solid;
        border-radius: 9px;
        background-color: #FFF;
        box-shadow: inset 0px 0px 5px 2px #00000042;
    }
    div.headerInfoMeta{
        padding: 0px 5px 5px 10px !important;
        margin-top: 3px;
    }
    .headerInfoMeta span.md-headline {
        font-size: 15px !important;
        padding: 0px !important;
        line-height: 1.7;
        color: #000 !important;
    }
    .headerInfoMeta span.md-subheader,
    .headerInfoMeta span.md-subheader > *,
    .headerInfoMeta span.md-subheader >*> *,
    .headerInfoMeta span.md-subheader >*>*> *,
    .headerInfoMeta span.md-subheader >*>*>*> *,
    .headerInfoMeta span.md-subheader >*>*>*>*> * {
        padding: 0px !important;
        font-size: 10px !important;
        background: none !important;
        color: #000 !important;
    }
    /* Drag and Drop */
        li.dndPlaceholder {
            display: block;
            background-color: #80808030;
            margin: 10px;
            border: 3px dashed gray;
            border-radius: 9px;
        }
        .boardSection li.dndPlaceholder {
            min-height: 200px;
        }
        .listSection li.dndPlaceholder {
            min-height: 50px;
        }
        .listSection .dndDragging {
            height: 40px !important;
            min-height: 40px !important;
            max-height: 40px !important;
            overflow: hidden;
        }
        .dndDraggingSource {
            display: none;
        }
        .listSection div[dnd-list] li.selected,
        .listSection li.selected {
            background-color: blue;
        }
    /* Time Sheet */
        .headerSummary {
            padding: 20px 10px;
        }
        .datePicker {
            border-radius: 5px;
            border: 1px solid black;
        }
        .datePicker > md-icon {
            padding: 05px 05px !important;
            margin: 0px 10px 0px 20px;
        }
        .dateChanger {
            padding: 0px;
            margin: -05px !important;
        }
        .headerDate {
            padding: 05px 20px 0px 0px;
            font-size: 14px;
            font-weight: 500;
        }
        .timeSpentSummary {
            margin-left: 30px;
        }
        .timeSpentSummary .header {
            font-weight: 800;
            font-size: 10px;
            padding: 0px;
            line-height: 1;
            text-transform: uppercase;
        }
        .timeSpentSummary .data {
            font-weight: 300;
            font-size: 25px;
            margin: 0px;
            padding: 0px;
        }
        .projectCard {
            background-color: #FFF;
            border-radius: 9px;
            padding: 15px;
            box-shadow: 6px 11px 20px 6px #0000002b;
            margin-top: 10px
        }
        .projectCard .cardTitle {
            font-size: 18px;
        }
        .taskCard.cardTitle{
            font-size: 16px;
            padding-left: 10px;
        }
        .subTaskCard.cardTitle {
            font-size: 14px;
            padding-left: 10px;
            font-weight: 300;
        }.timeLogRow:hover {
            background: #0c0c0c1f;
        }
        .timeLogRow {
            padding-top: 5px;
            margin-top: 10px;
            box-shadow: 0px 3px 5px 1px #0000002b;
            border-radius: 9px;
        }
        .f-b {
            font-weight: 800;
        }
        .md-calendar-date .md-calendar-date-selection-indicator,
        .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator {
            text-align: center;
        }
    /* List Items */
        .it-list-item{
            margin: auto;
            margin-right: 20px;
        }
        .it-list-item .md-avatar{
            margin: 0px !important;
            margin-left: -10px !important;
            border: 1px solid #efefef;
            background: #c5c5c5;
            width: 30px !important;
            height: 30px !important;
            font-size: 10px;
            display: inline-flex;
            justify-content: center;
        }
        .hideToggler:hover .taskName {
            border: 1px solid gray;
            cursor: text;
        }
        /* Project Detail */
            /* Overview */
                .projectHeading {
                    font-size: 24px;
                }
                .description {
                    min-height: 100px;
                    min-width: 100%;
                }
            /* List */
                .border, .border-ver {
                    border-color: #0000001a !important;
                    padding-left: 5px;
                }
                .sectionTitle {
                    font-size: 16px;
                    font-weight: 600;
                }
                input.it-input {
                    background-color: #efefef;
                    border: none;
                    border-bottom: 1px solid;
                    font-weight: 500;
                    color: black;
                }
                .md-avatar.empty-avatar > md-icon {
                    color: #00000065;
                }
                .md-avatar.empty-avatar {
                    max-width: 25px;
                    height: 25px;
                    background: #efefef;
                    border: 1px dashed #00000065;
                    padding: 2px 0px 0px 0px;
                    margin-left: 10px;
                }
                .md-avatar.empty-avatar.date-avatar {
                    border: none;
                    max-width: 10%;
                    margin-left: 10px;
                    border-radius: 0px;
                    padding-left: 5px;
                }
                .md-avatar.empty-avatar.date-avatar > span {
                    margin-left: -20px;
                }
                .md-avatar.assignee-avatar {
                    display: inline;
                    padding: 3px;
                }
                .hiddenDatePicker {
                    margin-left: -40px;
                    max-width: 5%;
                    visibility: hidden;
                    max-height: 0px;
                }
                .m-l-40 {
                    margin-left: 40px;
                }
            /* Tabs */             
                .projectDetailsTab.red .md-tab.md-active {
                    color: red;
                }
                .projectDetailsTab.red md-ink-bar {
                    background-color: red;
                }

                .projectDetailsTab.grey .md-tab.md-active {
                    color: grey;
                }
                .projectDetailsTab.grey md-ink-bar {
                    background-color: grey;
                }
                
                .projectDetailsTab.blue .md-tab.md-active {
                    color: blue;
                }
                .projectDetailsTab.blue md-ink-bar {
                    background-color: blue;
                }
                
                .projectDetailsTab.green .md-tab.md-active {
                    color: green;
                }
                .projectDetailsTab.green md-ink-bar {
                    background-color: green;
                }
                
                .projectDetailsTab.primary .md-tab.md-active {
                    color: #cbb4ae;
                }
                .projectDetailsTab.primary md-ink-bar {
                    background-color: #cbb4ae;
                }
                
                .projectDetailsTab.aero .md-tab.md-active {
                    color: #b9d5dbb5;
                }
                .projectDetailsTab.aero md-ink-bar {
                    background-color: #b9d5dbb5;
                }
                
                .projectDetailsTab.yellow .md-tab.md-active {
                    color: yellow;
                }
                .projectDetailsTab.yellow md-ink-bar {
                    background-color: yellow;
                }
                
                .projectDetailsTab.orange .md-tab.md-active {
                    color: orange;
                }
                .projectDetailsTab.orange md-ink-bar {
                    background-color: orange;
                }
                
                .projectDetailsTab.purple .md-tab.md-active {
                    color: purple;
                }
                .projectDetailsTab.purple md-ink-bar {
                    background-color: purple;
                }
                
                .projectDetailsTab.pink .md-tab.md-active {
                    color: pink;
                }
                .projectDetailsTab.pink md-ink-bar {
                    background-color: pink;
                }
                
                .projectDetailsTab.white .md-tab.md-active {
                    color: white;
                    border: 1px solid black;
                }
                .projectDetailsTab.white md-ink-bar {
                    background-color: white;
                }
                
                .projectDetailsTab.light .md-tab.md-active {
                    color: lightgrey;
                }
                .projectDetailsTab.light md-ink-bar {
                    background-color: lightgrey;
                }
                
                .projectDetailsTab.dark .md-tab.md-active {
                    color: darkgray;
                }
                .projectDetailsTab.dark md-ink-bar {
                    background-color: darkgray;
                }

                .projectDetailsTab md-content {
                    background-color: #FFF;
                    border-top: 1px solid #9e9e9e26;
                    height: calc(100vh - 9vw);
                }

            /* Board View */
                .boardSection {
                    background-color: #F8F8F8;
                    border-radius: 9px;
                }
                .boardSection:hover {
                    border: 1px solid #00000057;
                }

            /* Task Dialog */
                .history > span {
                    font-size: 12px;
                }

            /* Dashboard Tasks */
                .taskcount {
                    font-size: 25px;
                    font-weight: 400;
                }
                .taskTitle{
                    font-size: 18px;
                    text-align: center;
                }
/*Hacks*/
.layout-fill { overflow-y: hidden; }
.fc-time, .md-errors-spacer { display: none; }

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }