body {
    font-family: -apple-system, BlinkMacSystemFont, "Open Sans", "Montserrat", "Helvetica Neue", Arial, sans-serif
}

a {
    color: #2d8fcf
}

    a:hover {
        color: #0b69a7
    }

.selectable {
    -webkit-touch-callout: all; /* iOS Safari */
    -webkit-user-select: all; /* Safari */
    -khtml-user-select: all; /* Konqueror HTML */
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* Internet Explorer/Edge */
    user-select: all /* Chrome and Opera */
}
.main-panel {
    background-color: #edf2f9;
    height: 100%;
    max-height: 100%;
    overflow: scroll
}

    .main-panel > .content {
        margin-top: 80px
    }

.sidebar[data-color="engineroom"]:after, .off-canvas-sidebar[data-color="engineroom"]:after {
    background: #203c5f
}

.sidebar[data-color="sandbox"]:after, .off-canvas-sidebar[data-color="sandbox"]:after {
    background: #165e09;
}

.sidebar .user, .off-canvas-sidebar .user {
    padding-bottom: 13px;
    margin: 15px auto 0
}

.sidebar .nav p, .off-canvas-sidebar .nav p {
    text-transform: none;
    font-weight: 500;
    letter-spacing: .05em
}

.sidebar .nav i, .off-canvas-sidebar .nav i {
    font-size: 20px;
    line-height: 26px;
    margin-right: 8px;
    color: rgba(255, 255, 255, 0.7)
}

.sidebar .nav li > a, .off-canvas-sidebar .nav li > a {
    font-size: 14px
}

.sidebar[data-color="engineroom"] .nav li.active {
    background-color: #02162f
}

.sidebar[data-color="default"] .nav li.active {
    background-color: #544a3d
}

.nav-tabs-navigation {
    border-bottom: 1px solid #a2998d !important;
    padding-bottom: 1px
}

.nav-tabs .nav-item .nav-link.active:before,
.nav-tabs .nav-item .nav-link.active:hover:before,
.nav-tabs .nav-item .nav-link.active:focus:before {
    border-bottom: 11px solid #66615b !important;
    right: 38%
}

.nav-tabs .nav-item .nav-link.active:after,
.nav-tabs .nav-item .nav-link.active:hover:after,
.nav-tabs .nav-item .nav-link.active:focus:after {
    border-bottom: 11px solid #ebeef3;
    right: 38%
}

/* Two fixes for datetimepicker issues wrong in paper-dashboard.css Bug reported */
.bootstrap-datetimepicker-widget a[data-action]:hover {
    background-color: transparent !important;
    color: #666158 !important
}

.bootstrap-datetimepicker-widget table td.today > div:before {
    bottom: 6px;
    border-width: 0 0 7px 7px
}

.bootstrap-table .fixed-table-toolbar .search {
    margin-top: 0;
    margin-bottom: 5px
}

/* Fix for menu indicator being wrong in paper-dashboard.css Bug reported */
@media screen and (min-width: 992px) {
    .sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):before, .sidebar .sidebar-wrapper li.active > .nav li:before {
        border-right: 16px solid #DDDDDD;
        border-top: 16px solid transparent;
        right: -15px
    }

    .sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):after,
    .sidebar .sidebar-wrapper li.active > .nav li:after {
        border-right: 16px solid #ebeef3;
        border-top: 16px solid transparent;
        right: -15px
    }

    .sidebar .sidebar-wrapper li.active > [data-toggle="collapse"] + div .nav li:before,
    .sidebar .sidebar-wrapper li.active > [data-toggle="collapse"] + div .nav li:after {
        border-right: none;
        border-top: none
    }
}

.table-responsive {
    overflow: hidden
}

.fixed-table-container tbody td {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fcfcfc
}

.table > tbody > tr {
    border-bottom: 1px solid #dcdcdc;
}

.table-hover > tbody > tr:hover {
    background-color: #9fd2e07d

}

.table > thead > tr > th {
    font-size: 13px;
    text-transform: capitalize
}

.table td { 
    font-size: 13px;
    color: #4A4746
}

.table-avatar {
    font-size: 2.5em;
    color: gray
}

.badge-tab {
    margin: 0;
    vertical-align: middle
}

.btn.btn-xsm {
    font-size: .7em;
    padding: 4px 8px;
    min-width: 50px;
    letter-spacing: 0.1em;
    border-width: 1px !important
}

.card-stats .card-body, .card-stats .card-header {
    font-family: "Montserrat"
}

.card-pinned .card-body .numbers {
    text-align: left;
    font-size: 1em
}

    .card-pinned .card-body .numbers .card-category {
        color: #2d8fcf;
        font-size: .95em;
        font-weight: 600
    }

.card-pinned .card-footer {
    padding: 0 15px 15px
}

.card-pinned .card-body .numbers p {
    margin-bottom: 0
}

.card label {
    color: #6f6969;
    font-size: .9em
}

.card-user .avatar {
    border: 3px solid #FFFFFF
}

.card-collapse .card .card-header a[data-toggle="collapse"] {
    font-weight: 400;
}

.form-control[disabled] {
    cursor: copy
}

.nc-minimal-right:before, .nc-minimal-left::before {
    content: "\ea15"
}

.bootstrap-switch {
    width: 50px !important
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
    margin-left: -13px !important
}

i.app-classic {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MkRCOTQwMzg0RjcxMUU3OTUxQUNGOTRGQjc3NTM0OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MkRCOTQwNDg0RjcxMUU3OTUxQUNGOTRGQjc3NTM0OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyREI5NDAxODRGNzExRTc5NTFBQ0Y5NEZCNzc1MzQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyREI5NDAyODRGNzExRTc5NTFBQ0Y5NEZCNzc1MzQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+igofEgAABA9JREFUeNqMVF1sVEUUPjN37r27d7es291u/2jZLkgI2bRNi2CJaGMabQLWWiHRgPHJ+MKDPpj4YnzxRX0QE0xIfNEG0wfSB2sIGFDaKkRTjBoqpbiSNv1v9+92u3v37p0f565QbKngJDOTO3fON+d83zkHCSGAcw7DV0bAsvPEiPDWkkn+cgqQwQrcH5yB0Dw+c2f76+5XIHH9S+TYFhMAHR0dEA6Hy9eIuzDG4dvLF/woPnnOHyh1UVtLLH4X7LEzyp9IkRYgAAkgc53H+5Me0efaVM2LZ+pGB0/YDmWxWGwdEJdXhiCwAx0M7Ha6VUUl/nq2J7SXHyegg6bqoBMCOFRTU4i19HkksjsLsdZjOBipKv/DeD0QfG91VvEULypFrHMQHIOdVMf0IG8ghggJgYFYqylvdukG1Q1wp9dc+o1YuQxgBP8e5ZARFmCn8e3UpVB3cA89WpjRr4K81/jK0k1WxNmFi6Gu0kppsuGHgT4j3vkOCMHD48MfAXVs97EHAMugUoD8jDpizxkjvISg9jnzDPaV/NiH/HqQxgtz3kmSWknUjQ68WdZIGnBMQPGUAghDXh7R+yHfi1/CY00A9nIwbxqfWtMVV3LjgbPMIvO1XebHnjrRTrEOjGggXO4QwpGD+c88Ydr+gIcbgKWydkqZmBuqfJY7COqPpL+paM4e0SoDT84Mhg4JKUpdtzmgGKxh9qK/z9pPshB6CKAkoEyBpEruCPLT3nNayImuJbxfVDxe7JEhEsckt+RjqzJflwXbgsMtYZFURhWwekvvz92OnJXviOhriwUpojbVX6NSG+SLNiD0PwHv+gqukMJ1lwtID1e8JLNc4UxwJK0RRVur/F/DrRPMqTQsAZdJPlF94rCEYHXTgxfcmhWb+X8omKxzxCjY4fp4su35t+m28I5CffSFwvamPiCqBopCkHT8kR6WvZIeYdk0XIJmO45+lW6MN9dvu9Sy6/zpJ2Qa4IUDvZ9bj1U3b//61D7pqbM1oAvgKiv33M62l7OxtmOhiR/P+JfuXLaCtQ3ezPwvSj67InC5FOc0hRhcNypBIWlp7WysFCq/iarKEByuebyzB3r7C/6QUQhEnto99Ek0PD76IbZyy0zzlu9Hxs6/64Y7dejVgWJV42l5dHWdQyx5WmtqeTHR89aNO4dP/kQDVbuM1Ow1LIM3sou/Ai1xnDeX3fDR3SkUAkxRIfLz0Ek9OTO2IWSh6upCW/epNRtHLV22rL1Pv9f4fX9vuLppnzc5c90lAwjZnKT/cG2tpRCnm0ThssOumUsOqoi6/Ij8apLlsnkt//sIJarbjmSi8C2zwGGyk4vN7Ysz1pn5443q6P4PdGqmq53593FLq1vU8Ki0opSCz+dbP/tbgAEAY27JHYU9LAgAAAAASUVORK5CYII=);
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid #dfdede;
    vertical-align: -30%;
    display: inline-block
}

i.app-hvac {
    background: url(/content/images/app-hvac.svg);
    background-size: contain;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    vertical-align: -35%;
    display: inline-block
}

.activity-avatar img {
    border-radius: 50% !important;
    width: 32px;
    box-shadow: none;
    margin-top: 4px
}

.text-timezone {
    color: #28a745 !important;
    font-weight: 600
}

.btn-toolbar {
    margin: 0
}

.rounded-circle {
    max-width: 2.5em
}

.no-wrap {
    overflow: hidden;
    white-space: nowrap
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: inherit
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: inherit
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: inherit
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: inherit
}

.tooltip-inner {
    background-color: #000;
    color: white
}