body {
    font-size: medium;
    background: #f4f4f4;
}
.container {
    min-width: 940px !important;
}
.vertical-center {
    margin: 0 auto;
    display: block;
}
.display-1 {
    font-size: 3.5rem;
}
.display-2 {
    font-size: 3rem;
}
.display-3 {
    font-size: 2.5rem;
}
.display-4 {
    font-size: 2rem;
}
.display-5 {
    font-size: 1.8rem;
    font-weight: 300;
}
.icon72 {
    max-height: 72px !important;
}
.icon100 {
    max-height: 100px !important;
}
.icon128 {
    max-height: 128px !important;
}
.lh-1 {
    line-height: 1;
}
.lh-11 {
    line-height: 1.1;
}
/*
* LOGIN PAGE
*/
.loginbox {
    width: 100%;
    max-width: 500px;
    margin: 1.4rem auto;
}
.loginbox.loginbox-center {
    margin: 17vh auto 1.4rem auto;
}
.loginbox img.logo {
    max-height: 3rem;
    margin: 0 auto 1.4rem auto;
    display: block;
    cursor: pointer;
}
.loginbox img.icon100 {
    margin: 0 auto 1.4rem auto;
}
.loginbox > .inner,
.settingsbox > .inner {
    background: #ffffff;
    border-radius: 6px;
    padding: 1em;
    -webkit-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.2);
    -moz-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.2);
    box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.2);
}

.settingsbox {
    width: 100%;
    padding-top: 1.4rem;
    margin: 0 auto 3rem auto;
}
.settingsbox img.logo {
    max-height: 2.5rem;
    margin: 0 auto 1.4rem auto;
    display: block;
    cursor: pointer;
}
.settingsbox > .inner {
    padding: 0;
}
.settingsbox > .inner > .header {
    padding: 0.9em 1.3em 0.8em;
    border-bottom: 1px solid #efefef;
}
.settingsbox > .inner > .header small {
    font-size: 50%;
}
.settingsbox > .inner > .contentrows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.settingsbox > .inner > .contentrows > .content {
    width: 70%;
    float: left;
    padding: 1em;
    display: flex;
    flex-direction: column;
}
.settingsbox > .inner > .contentrows > .sidebar {
    padding: 0.3rem 0;
    width: 30%;
    float: left;
    border-right: 1px solid #efefef;
    display: flex;
    flex-direction: column;
}
.settingsbox > .inner > .contentrows > .sidebar ul li > a {
    color: #212529;
    padding: 0.3rem 1rem;
    display: inline-block;
    width: 100%;
    margin: 0;
    font-weight: 300;
    font-size: 1.1rem;
}
.settingsbox > .inner > .contentrows > .sidebar ul li > a:hover,
.settingsbox > .inner > .contentrows > .sidebar ul li > a:focus {
    background-color: #f4f4f4;
    text-decoration: none;
    color: #212529;
}
.settingsbox > .inner > .contentrows ul li.active > a,
.settingsbox > .inner > .contentrows ul li.active > a:hover,
.settingsbox > .inner > .contentrows ul li.active > a:focus {
    color: #007bff;
    background-color: #ebf5ff;
}
.settingsbox .list-inline li:not(:last-of-type) {
    margin-right: 1rem;
}
.settingsbox .list-inline li.active a {
    color: #0056b3;
    text-decoration: underline;
}
/*
* HEADER
*/
header {
    background: #fff;
    -webkit-box-shadow: 0px 15px 40px 0px rgba(143, 138, 131, 0.1);
    -moz-box-shadow: 0px 15px 40px 0px rgba(143, 138, 131, 0.1);
    box-shadow: 0px 15px 40px 0px rgba(143, 138, 131, 0.1);
}
header .menu-container {
    height: 4.5em;
}
header a.logo {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
header a.logo img {
    height: 2.15rem;
}

header ul.mainlinks {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    list-style: none;
}
header ul.mainlinks li {
    float: left;
    padding: 1.1rem 0.5rem 0.9rem 0.5rem;
    height: 4.5rem;
}
header .mainlinks a,
.datatype-icon {
    display: inline-block;
    border-radius: 50%;
    font-size: 1.3rem;
    text-align: center;
    height: 2.2rem;
    width: 2.2rem;
    line-height: 2.2rem;
    color: #fff;
    -webkit-transition:
        transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
        box-shadow 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition:
        transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
        box-shadow 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
        box-shadow 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    background-image: linear-gradient(-180deg, #353b48 0%, #2f3640 100%);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0);
}
header .mainlinks a.active {
    transform: scale(1.14);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.35);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.35);
}
header .mainlinks a:hover {
    text-decoration: none;
    transform: scale(1.14);
}
header .mainlinks a.link-yellow,
.datatype-icon.icon-color-yellow {
    background-image: linear-gradient(-180deg, #fbc531 0%, #e1b12c 100%);
}
header .mainlinks a.link-red,
.datatype-icon.icon-color-red {
    background-image: linear-gradient(-180deg, #e84118 0%, #ad2f13 100%);
}
header .mainlinks a.link-green,
.datatype-icon.icon-color-green {
    background-image: linear-gradient(-180deg, #4cd137 0%, #3cab2b 98%);
}
header .mainlinks a.link-purple,
.datatype-icon.icon-color-purple {
    background-image: linear-gradient(-180deg, #9b59b6 0%, #773493 98%);
}
header .mainlinks a.link-blue,
.datatype-icon.icon-color-blue {
    background-image: linear-gradient(-180deg, #00a8ff 0%, #0089d1 98%);
}
header .mainlinks a.link-orange,
.datatype-icon.icon-color-orange {
    background-image: linear-gradient(-180deg, #fe9222 0%, #d0721f 98%);
}
header .mainlinks a.link-silver,
.datatype-icon.icon-color-silver {
    background-image: linear-gradient(-180deg, #bdc3c7 0%, #a5abae 98%);
}
header .mainlinks a.link-black,
.datatype-icon.icon-color-black {
    background-image: linear-gradient(-180deg, #3e4857 0%, #2f3640 98%);
}
header .mainlinks a.link-brown,
.datatype-icon.icon-color-brown {
    background-image: linear-gradient(-180deg, #a77562 0%, #795548 98%);
}
header .mainlinks a.link-pink,
.datatype-icon.icon-color-pink {
    background-image: linear-gradient(-180deg, #ff688c 0%, #ff397b 98%);
}
header .mainlinks a.link-teal,
.datatype-icon.icon-color-teal {
    background-image: linear-gradient(-180deg, #00bdab 0%, #009688 98%);
}
header .user-dropdown {
    position: absolute;
    right: 15px;
}
header .userbutton {
    display: block;
    padding: 1.55rem 0.5rem 1.4rem 0.5rem;
    line-height: 1.55rem;
    height: 4.5rem;
    cursor: pointer;
    color: #212529;
    -webkit-transition: background-color 0.15s
        cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: background-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header .userbutton:hover,
header .userbutton:focus {
    background-color: #f0f2f7;
    color: #212529;
    text-decoration: none;
    outline: none;
}
.dropdown-menu {
    -webkit-box-shadow: 0px 20px 40px 0px rgba(143, 138, 131, 0.3);
    -moz-box-shadow: 0px 20px 40px 0px rgba(143, 138, 131, 0.3);
    box-shadow: 0px 20px 40px 0px rgba(143, 138, 131, 0.3);
    z-index: 1100 !important;
}
header .dropdown-menu i.la,
.bootstrapMenu.dropdown-menu i.la {
    margin-right: 0.5em;
}
header .dropdown-menu .dropdown-item,
.bootstrapMenu.dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem 0.25rem 1rem;
}
/* NAVIGATION BAR */
header nav {
    background-color: #fff;
    border-top: 1px solid #f0f2f7;
    font-size: 0.9rem;
}
header nav .nav .nav-link {
    -webkit-transition: background-color 0.15s
        cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: background-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header nav .nav .nav-link:not(.disabled) {
    color: #212529 !important;
}
header nav .nav .nav-link:not(.disabled):not(.active):hover,
header nav .nav .nav-link.rangepicker-open {
    color: #212529 !important;
    background-color: #f0f2f7;
}
header nav .nav .nav-link.active {
    color: #007bff !important;
    background-color: #f0f2f7;
}
header nav .nav .nav-link i.largeicon {
    font-size: 2.5rem;
    display: block;
    width: 100%;
    text-align: center;
}
.fadeIn1,
.fadeIn2 {
    -webkit-animation: fadein 1s;
    animation: fadein 1s;
}
.fadeIn2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeInUp1,
.fadeInUp2,
.fadeInUp3,
.fadeInUp4,
.fadeInUp5 {
    -webkit-animation: fadeinup 0.7s;
    animation: fadeinup 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInUp2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.fadeInUp3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.fadeInUp4 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.fadeInUp5 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
@keyframes fadeinup {
    from {
        opacity: 0;
        transform: translateY(5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeinup {
    from {
        opacity: 0;
        transform: translateY(5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#dataTable {
    border-collapse: collapse !important;
}
.block .dataTables_wrapper {
    padding: 0 !important;
}
.hidden {
    display: none;
}
.table tbody:not(.accordion-open) tr.table-red-hover:hover td,
.table tbody tr.table-red-hover:not(.collapsed) td {
    background-color: #f5c6cb;
}

/* MODAL WINDOW */
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog .modal-content {
    background-clip: padding-box;
    border: 0px none;
    border-radius: 0.3rem;
    outline: 0;
}
.modal-dialog.modal-lg {
    max-width: 750px !important;
}
.modal-dialog.modal-xl {
    max-width: 950px !important;
}
.modal-dialog.modal-dialog-centered {
    max-width: 550px;
    margin: 1.75rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2));
}
.modal-dialog-centered .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.7) translate(0, 0);
    -moz-transform: scale(0.7) translate(0, 0);
    -ms-transform: scale(0.7) translate(0, 0);
    transform: scale(0.7) translate(0, 0);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.modal.fade.show .modal-dialog {
    -webkit-transform: scale(1) translate(0, 0);
    -moz-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
}
/*EVENT LOG MODAL*/
.modal-eventlog .modal-header h5,
.modal-degreedays-details .modal-header h5 {
    line-height: 1;
}
.modal-eventlog .modal-header h5 small,
.modal-degreedays-details .modal-header h5 small {
    font-size: 65%;
    text-transform: uppercase;
}
.modal-eventlog ul.eventlog {
    list-style: none;
    padding: 0;
}
.modal-eventlog ul.eventlog li {
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.modal-eventlog ul.eventlog li::before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    z-index: 4;
}

.modal-eventlog ul.eventlog li:not(:last-of-type) {
    margin-bottom: 1.2rem;
}
.modal-eventlog ul.eventlog li .type {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4rem;
    text-align: center;
    z-index: 0;
}
.modal-eventlog ul.eventlog li .type.bg-danger,
.modal-eventlog ul.eventlog li .type.bg-success,
.modal-eventlog ul.eventlog li .type.bg-info {
    color: #fff;
}
.modal-eventlog ul.eventlog li .type i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
}
.modal-eventlog ul.eventlog li .inner {
    float: left;
    margin-left: 4rem;
    width: calc(100% - 4rem);
    padding: 1rem;
    line-height: 1.3;
}
.modal-eventlog ul.eventlog li .inner p {
    margin-bottom: 0.3rem;
}

.sidebar .content {
    padding: 4.7em 0 0 0;
}
.sidebar .content ul li {
    overflow: hidden;
}
.sidebar .content ul li.lead {
    padding: 0.3rem 1rem;
}
.sidebar .content ul li > a {
    color: #212529;
    padding: 0.3rem 1rem;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.sidebar .content ul li.subitem > a {
    padding: 0.3rem 1rem 0.3rem 1.7rem !important;
}
.sidebar .content ul li > a:hover,
.sidebar .content ul li > a:focus {
    background-color: #f4f4f4;
    text-decoration: none;
    color: #212529;
}
.sidebar .content ul li > a.active,
.sidebar .content ul li > a.active:hover,
.sidebar .content ul li > a.active:focus {
    color: #007bff;
}
.sidebar .content ul li > a.active::before {
    content: "\0025CF  ";
}
.badge.badge-datatype-yellow {
    background-color: #ffc107;
    color: #333;
}
.badge.badge-datatype-red {
    background-color: #dc3545;
    color: #fff;
}
.badge.badge-datatype-green {
    background-color: #009432;
    color: #fff;
}
.badge.badge-datatype-purple {
    background-color: #8e44ad;
    color: #fff;
}
.badge.badge-datatype-blue {
    background-color: #2e86de;
    color: #fff;
}
.badge.badge-datatype-orange {
    background-color: #e67e22;
    color: #fff;
}
.badge.badge-datatype-silver {
    background-color: #a5abae;
    color: #fff;
}
.badge.badge-datatype-black {
    background-color: #2f3640;
    color: #fff;
}
.badge.badge-datatype-brown {
    background-color: #795548;
    color: #fff;
}
.badge.badge-datatype-pink {
    background-color: #ff688c;
    color: #fff;
}
.badge.badge-datatype-teal {
    background-color: #009688;
    color: #fff;
}

/* SORTABLE STYLE */
.ghostdrop {
    opacity: 0.5;
}
.movecursor {
    cursor: move;
}
.mt-2em {
    margin-top: 2rem;
}

.col-5th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-5th.col-double {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.col-7th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.285714285%;
    flex: 0 0 14.285714285%;
    max-width: 14.285714285%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.noselect {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.popover {
    -webkit-box-shadow: 0px 20px 40px 0px rgba(143, 138, 131, 0.3);
    -moz-box-shadow: 0px 20px 40px 0px rgba(143, 138, 131, 0.3);
    box-shadow: 0px 20px 40px 0px rgba(143, 138, 131, 0.3);
}
.numberbox {
    border: 3px solid #efefef;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1.6rem;
}
.numberbox p.lead,
.numberbox h5 {
    margin-bottom: 0;
}
.progress-bar span {
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.progress-bar.percent-hidden span {
    transform: translateY(-20%);
    opacity: 0;
}
.gradientchart {
    position: relative;
}
.gradientchart::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(
        right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 100%
    );
    background: -webkit-linear-gradient(
        right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 100%
    );
    background: linear-gradient(
        to left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 100%
    );
}
canvas.tinychart {
    max-width: 100%;
    width: 100%;
    height: 5.5rem !important;
}
canvas.smallchart {
    max-width: 100%;
    width: 100%;
    height: 19rem !important;
}
canvas.piechart {
    max-width: 100%;
    width: 100%;
    height: 30rem !important;
}
canvas.mediumchart {
    max-width: 100%;
    width: 100%;
    height: 21rem !important;
    max-height: 21rem !important;
}
canvas.bigchart {
    max-width: 100%;
    width: 100%;
    height: 28rem !important;
}
canvas.xbigchart {
    max-width: 100%;
    width: 100%;
    height: 35rem !important;
}

/*DATA MANAGER*/
.datamgr {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 940px !important;
    overflow-x: auto;
}
.datamgr .datamgr-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 25%;
    background: #2c3e50;
}
.datamgr .datamgr-sidebar .resize-bar {
    position: absolute;
    top: 0;
    right: -0.2rem;
    bottom: 0;
    width: 0.4rem;
    cursor: col-resize;
    z-index: 100;
}
.datamgr .datamgr-sidebar .header img {
    max-height: 100%;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    padding: 0.65rem 0;
}
.datamgr .datamgr-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 25%;
}
.datamgr .datamgr-sidebar .header,
.datamgr .datamgr-content .header {
    height: 3.5rem;
    position: fixed;
    -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.03);
}
.datamgr .datamgr-sidebar .header {
    background-color: #34495e;
    position: absolute;
    left: 0;
    right: 0;
}
.datamgr .datamgr-content .header {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.datamgr .datamgr-content .header .title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 0.4rem;
}
.datamgr .datamgr-content .header .subtitle {
    font-size: 0.8rem;
    text-transform: uppercase;
}
.datamgr .datamgr-content .header .title,
.datamgr .datamgr-content .header .subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0 !important;
}
.datamgr .datamgr-content .header .btn {
    float: left;
    height: 3rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    line-height: 1.31;
    margin-right: 0.5rem;
    background-color: #e8e8e8;
}
.datamgr .datamgr-content .header .btn:not(.disabled):hover,
.datamgr .datamgr-content .header .btn:not(.disabled):focus,
.datamgr .datamgr-content .header .btn:not(.disabled):active {
    background-color: #d9d9d9;
}
.datamgr .datamgr-content .header .btn:hover,
.datamgr .datamgr-content .header .btn:focus,
.datamgr .datamgr-content .header .btn:active {
    color: #333;
}

.datamgr .datamgr-content .header .btn span:not(.sr-only) {
    display: block;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.datamgr .datamgr-sidebar .main,
.datamgr .datamgr-content .main {
    position: absolute;
    top: 3.5rem;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
}
.datamgr .datamgr-sidebar .main .search {
    padding: 0.6rem;
    position: relative;
}
.datamgr .datamgr-sidebar .main .search::after {
    content: "";
    position: absolute;
    bottom: 0.05rem;
    left: 0.6rem;
    right: 0.6rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}
.datamgr .datamgr-sidebar .main .search .cancel {
    display: block;
    position: absolute;
    top: 0.9rem;
    right: 0.8rem;
    color: #fff;
    font: normal normal normal 16px/1 LineAwesome;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.datamgr .datamgr-sidebar .main .search .cancel::before {
    content: "\f191";
}
.datamgr .datamgr-sidebar .main .search .cancel.hidden {
    display: block;
    opacity: 0;
    pointer-events: none;
}
.datamgr .datamgr-sidebar .main .search input.form-control {
    font-size: 0.8rem;
    padding: 0.25rem 1.3rem 0.25rem 0.5rem;
    border: 0 none;
    background: #34495e;
    color: #fff;
}
.datamgr .datamgr-sidebar .main .search input.form-control:focus {
    outline: none !important;
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}
.datamgr .datamgr-sidebar .main ul.sensors-list {
    list-style: none;
    padding: 0;
}
.datamgr .datamgr-sidebar .main ul.sensors-list li.section-title {
    padding: 0.6rem 0.6rem;
    color: #ccc;
    display: block;
    font-size: 0.8rem;
    position: relative;
    line-height: 0.8rem;
    margin-top: 0.5rem;
}
.datamgr .datamgr-sidebar .main ul.sensors-list li.section-title::after {
    content: "";
    position: absolute;
    bottom: 0.05rem;
    left: 0.6rem;
    right: 0.6rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}
.datamgr .datamgr-sidebar .main ul.sensors-list li.summary {
    padding: 0.6rem 0.6rem;
    color: #ccc;
    display: block;
    font-size: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    margin-top: 0.5rem;
}
.datamgr .datamgr-sidebar .main ul.sensors-list li a {
    color: #ececec;
    display: block;
    padding: 0.6rem 0.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.datamgr .datamgr-sidebar .main ul.sensors-list li a:hover,
.datamgr .datamgr-sidebar .main ul.sensors-list li a:focus,
.datamgr .datamgr-sidebar .main ul.sensors-list li.active a {
    color: #ececec;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1);
}
.datamgr .datamgr-sidebar .main ul.sensors-list li a small {
    opacity: 0.5;
}
.datamgr .datamgr-content .yearselect {
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    -moz-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    padding-top: 1rem;
    position: relative;
    z-index: 9;
}
.datamgr .datamgr-content .yearselect,
.datamgr .datamgr-content .yearselect:hover,
.datamgr .datamgr-content .yearselect:focus,
.datamgr .datamgr-content .yearselect:focus:hover {
    color: #333;
    text-decoration: none;
}
.datamgr .datamgr-content .yearselect .completeness-graph {
    height: 0.7rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #a4b0be;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.datamgr .datamgr-content .yearselect.selected .completeness-graph {
    background-color: #007bff;
}
.datamgr .datamgr-content .yearselect .completeness-graph .stripes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.datamgr .datamgr-content .yearselect .completeness-graph.empty .stripes {
    background: repeating-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.2),
        rgba(255, 255, 255, 0.2) 10px,
        rgba(255, 255, 255, 0.5) 10px,
        rgba(255, 255, 255, 0.5) 20px
    );
}
.datamgr .datamgr-content .yearselect .year {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
    margin-left: 0.7rem;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.datamgr .datamgr-content .yearselect.selected .year {
    color: #007bff;
}
.datamgr .datamgr-content .yearselect .completeness {
    display: inline-block;
    border-radius: 2rem;
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
    color: #555;
    vertical-align: 13%;
    background: #ececec;
    margin-bottom: 0.5rem;
    margin-right: 0.7rem;
    margin-top: 0.2rem;
}
.datamgr .datamgr-content .yearselect-nav {
    text-align: center;
    padding-top: 0.5rem;
    z-index: 10;
}
.datamgr .datamgr-content .yearselect-nav.yearselect-nav-left {
    text-align: center;
    padding-top: 0.5rem;
}
.datamgr .datamgr-content .yearselect-nav a {
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    line-height: 2rem;
    font-size: 1.2rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.datamgr .datamgr-content .yearselect-nav a:hover,
.datamgr .datamgr-content .yearselect-nav a:focus,
.datamgr .datamgr-content .yearselect-nav a:focus:hover {
    text-decoration: none;
    color: #fff;
    background-color: #3591ff;
}
.datamgr .datamgr-content .datamgr-table-container {
    margin-top: 2rem;
}
.datamgr .datamgr-content .datamgr-table-container .badge.badge-action {
    vertical-align: 8%;
    font-size: 85%;
    cursor: pointer;
}
.datamgr
    .datamgr-content
    .datamgr-table-container
    .badge.badge-action.disabled {
    opacity: 0.4;
    background: #6c757d;
    cursor: default;
}
.datamgr .datamgr-content .datamgr-table-container table {
    border-collapse: collapse !important;
}
.datachange-preview-block {
    border-width: 0.13rem;
    border-style: solid;
    border-color: #dedede;
    padding: 0.2rem 0.4rem 0.4rem 0.4rem;
}
.datachange-preview-block.type-modify {
    color: #856404;
    background-color: #fff3cd;
    border-color: #f4e1a9;
}
.datachange-preview-block.type-add {
    color: #004085;
    background-color: #cce5ff;
    border-color: #a7ccf4;
}
.datachange-preview-block.type-remove {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #e9b7bc;
}
.datachange-preview-arrow {
    position: relative;
    padding-top: 1rem;
}
.datachange-preview-arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    right: -15px;
    bottom: 0;
}
.datachange-preview-arrow.type-modify::after {
    background: rgb(251, 251, 251);
    background: linear-gradient(
        90deg,
        rgba(251, 251, 251, 1) 0%,
        rgba(255, 246, 217, 1) 100%
    );
}
.datachange-preview-arrow.type-add::after {
    background: rgb(251, 251, 251);
    background: linear-gradient(
        90deg,
        rgba(251, 251, 251, 1) 0%,
        rgba(218, 236, 255, 1) 100%
    );
}
.datachange-preview-arrow.type-remove::after {
    background: rgb(251, 251, 251);
    background: linear-gradient(
        90deg,
        rgba(251, 251, 251, 1) 0%,
        rgba(250, 228, 230, 1) 100%
    );
}
.optionsblock {
    border: 3px solid #efefef;
    padding: 1rem 1rem 1rem 0;
    cursor: pointer;
    display: block;
    border-radius: 3px;
    color: #212529;
    margin-bottom: 0.7rem;
    position: relative;
}
.optionsblock.disabled {
    opacity: 0.5;
    cursor: default;
}
.optionsblock:not(.disabled):hover,
.optionsblock:not(.disabled):focus,
.optionsblock:not(.disabled).selected {
    border: 3px solid rgba(0, 123, 255, 0.8);
    background-color: rgba(0, 123, 255, 0.1);
    color: #212529;
    text-decoration: none;
}
.optionsblock.selected::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.8rem 1.8rem 0;
    border-color: transparent #3f95fc transparent transparent;
}
.optionsblock.selected::after {
    content: "\f17c";
    font: normal normal normal 18px/1 LineAwesome;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
}
.optionsblock.disabled:hover,
.optionsblock.disabled:focus {
    color: #212529;
    text-decoration: none;
}
.optionsblock .icon {
    float: left;
    width: 5rem;
    font-size: 2rem;
    text-align: center;
}
.optionsblock p {
    margin: 0;
    font-size: 0.8rem;
}

/**
 * CONTENT BLOCKS
 */
.block {
    margin-top: 2rem;
    display: block;
    -webkit-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    -moz-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #333;
    position: relative;
}
.block:hover,
.block:focus {
    text-decoration: none !important;
    color: inherit;
}
.block.block-purple {
    background-color: #8e44ad;
    color: #fff;
}
.block.block-blue {
    background-color: #2980b9;
    color: #fff;
}
.block.block-lightblue {
    background-color: #74b9ff;
    color: #333;
}
.block.block-green {
    background-color: #27ae60;
    color: #fff;
}
.block.block-red {
    background-color: #e84118;
    color: #fff;
}
.block.block-yellow {
    background-color: #f1c40f;
    color: #333;
}
.block.block-orange {
    background-color: #e67e22;
    color: #fff;
}
.block.block-silver {
    background-color: #a5abae;
    color: #333;
}
.block.block-black {
    background-color: #2f3640;
    color: #fff;
}
.block.block-brown {
    background-color: #795548;
    color: #fff;
}
.block.block-pink {
    background-color: #ff688c;
    color: #fff;
}
.block.block-teal {
    background-color: #009688;
    color: #fff;
}
.block .block-background-icon {
    position: absolute;
    bottom: 10%;
    left: 0;
    font-size: 7rem;
    opacity: 0.2;
}
.block .block-header {
    border-bottom: 1px solid #efefef;
    padding: 0.6rem 1rem;
}
.block .block-header span.title {
    font-weight: 700;
    font-size: 1.4rem;
}
.block .block-header span.title small {
    font-weight: 500;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: #777;
}
.block .block-header .btn.btn-options,
.change-overlay .btn.btn-options {
    height: 2rem;
    width: 2rem;
    margin-left: 0.4rem;
    border-radius: 50%;
    display: block;
    float: right;
    text-align: center;
    position: relative;
    background-color: #e8e8e8;
}
.block .block-header .btn.btn-options i::before,
.change-overlay .btn.btn-options i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.block .block-header .btn.btn-options.dropdown-toggle::after,
.change-overlay .btn.btn-options.dropdown-toggle::after {
    display: none;
}
.block .block-header .btn.btn-options:not(:disabled):hover,
.block .block-header .btn.btn-options:not(:disabled):focus,
.block .block-header .btn.btn-options:not(:disabled):active,
.change-overlay .btn.btn-options:not(:disabled):hover,
.change-overlay .btn.btn-options:not(:disabled):focus,
.change-overlay .btn.btn-options:not(:disabled):active {
    background-color: #d9d9d9;
    color: #333;
}
.block .block-header .btn.btn-options.btn-options-flip {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/*block with large number*/
.block.block-bignumber .title {
    position: absolute;
    top: 0.7rem;
    left: 0.9rem;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.block.block-bignumber h3 {
    font-size: 3rem !important;
    font-weight: 900;
    text-align: right;
}
.block.block-bignumber h3 span {
    display: block;
    font-size: 1rem !important;
    font-weight: 300;
}
/*selectable block with icon/letter - for selecting views*/
.block.block-selecticon {
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow:
        0 30px 40px 0 rgba(28, 30, 35, 0.1),
        inset 0px 0px 0px 4px rgba(0, 123, 255, 0);
    -moz-box-shadow:
        0 30px 40px 0 rgba(28, 30, 35, 0.1),
        inset 0px 0px 0px 4px rgba(0, 123, 255, 0);
    box-shadow:
        0 30px 40px 0 rgba(28, 30, 35, 0.1),
        inset 0px 0px 0px 4px rgba(0, 123, 255, 0);
}
.block.block-selecticon.active {
    -webkit-box-shadow:
        0 30px 40px 0 rgba(28, 30, 35, 0.1),
        inset 0px 0px 0px 4px rgba(0, 123, 255, 1);
    -moz-box-shadow:
        0 30px 40px 0 rgba(28, 30, 35, 0.1),
        inset 0px 0px 0px 4px rgba(0, 123, 255, 1);
    box-shadow:
        0 30px 40px 0 rgba(28, 30, 35, 0.1),
        inset 0px 0px 0px 4px rgba(0, 123, 255, 1);
    color: #007bff;
}
.block.block-selecticon .icon {
    font-size: 3rem;
    display: block;
    font-weight: 700;
}
.block.block-selecticon .title {
    font-size: 0.9rem;
}
.block.block-selecticon .lockicon {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    color: #6c757d;
}
/*block with colorful title and subtitle + button on white background below*/
.block.block-selectbg {
    overflow: hidden;
}
.block.block-selectbg .bg {
    width: 100%;
    min-height: 5rem;
    position: relative;
}
.block.block-selectbg .bg.purple {
    background: #8e44ad;
    background: -moz-linear-gradient(top, #aa55d1 0%, #8e44ad 100%);
    background: -webkit-linear-gradient(top, #aa55d1 0%, #8e44ad 100%);
    background: linear-gradient(to bottom, #aa55d1 0%, #8e44ad 100%);
}
.block.block-selectbg .bg.blue {
    background: #2980b9;
    background: -moz-linear-gradient(top, #2c99da 0%, #2980b9 100%);
    background: -webkit-linear-gradient(top, #2c99da 0%, #2980b9 100%);
    background: linear-gradient(to bottom, #2c99da 0%, #2980b9 100%);
}
.block.block-selectbg .bg.green {
    background: #27ae60;
    background: -moz-linear-gradient(top, #2fcf70 0%, #27ae60 100%);
    background: -webkit-linear-gradient(top, #2fcf70 0%, #27ae60 100%);
    background: linear-gradient(to bottom, #2fcf70 0%, #27ae60 100%);
}
.block.block-selectbg .bg.red {
    background: #e84118;
    background: -moz-linear-gradient(top, #ff522a 0%, #e84118 100%);
    background: -webkit-linear-gradient(top, #ff522a 0%, #e84118 100%);
    background: linear-gradient(to bottom, #ff522a 0%, #e84118 100%);
}
.block.block-selectbg .bg.yellow {
    background: #e1b12c;
    background: -moz-linear-gradient(top, #f1c40f 0%, #e1b12c 100%);
    background: -webkit-linear-gradient(top, #f1c40f 0%, #e1b12c 100%);
    background: linear-gradient(to bottom, #f1c40f 0%, #e1b12c 100%);
}
.block.block-selectbg .bg.orange {
    background: #f79f1f;
    background: -moz-linear-gradient(top, #f79f1f 0%, #d6851c 100%);
    background: -webkit-linear-gradient(top, #f79f1f 0%, #d6851c 100%);
    background: linear-gradient(to bottom, #f79f1f 0%, #d6851c 100%);
}
.block.block-selectbg .bg.dark {
    background: #2c3e50;
    background: -moz-linear-gradient(top, #465b71 0%, #2c3e50 100%);
    background: -webkit-linear-gradient(top, #465b71 0%, #2c3e50 100%);
    background: linear-gradient(to bottom, #465b71 0%, #2c3e50 100%);
}

.block.block-selectbg .bg span.title {
    position: absolute;
    display: block;
    left: 0.8rem;
    bottom: 0.5rem;
    font-weight: bold;
    font-size: 1.3rem;
    color: #fff;
}
.block.block-selectbg .bg.light-yellow span.title {
    color: #333;
}
.block.block-selectbg .bg img {
    position: absolute;
    display: block;
    top: 50%;
    right: 0.5rem;
    height: 4rem;
    width: 4rem;
    opacity: 0.2;
    transform: translateY(-50%);
}
.block.block-selectbg .desc {
    padding: 0.5rem 0.8rem;
    font-size: 0.9rem;
    line-height: 1.65rem;
}
.block.block-selectbg .desc .btn {
    font-size: 0.85rem;
    text-transform: uppercase;
    -webkit-border-radius: 50rem;
    -moz-border-radius: 50rem;
    border-radius: 50rem;
    padding: 0.1rem 0.1rem;
    background: none;
    border: 1px solid #dadada;
}
.block.block-selectbg .desc .btn:not(:disabled):hover,
.block.block-selectbg .desc .btn:not(:disabled):focus,
.block.block-selectbg .desc .btn:not(:disabled):active {
    color: #000;
    background: rgba(0, 0, 0, 0.05);
}
.block.block-selectbg .detailmodal-link {
    cursor: pointer;
}

.hiddenelem {
    opacity: 0;
    pointer-events: none;
    display: none;
}
.heatmap-title {
    border-bottom: 4px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
}
.heatmap-title.has-weekdays {
    margin-left: 1.3rem;
}
.heatmap-title.has-degreedays {
    margin-right: 8rem;
}
.heatmap-title:after {
    content: "";
    clear: both;
    display: block;
}
.heatmap-title .label,
.quick-report-header-hours .label {
    text-align: center;
    float: left;
    font-size: 0.8em;
    width: 12.5%;
    line-height: 2;
    position: relative;
}
.quick-report-header-hours .label {
    line-height: 1.5 !important;
}
.heatmap-title .label:after,
.quick-report-header-hours .label:after {
    content: "";
    display: block;
    height: 30%;
    width: 2px;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: -4px;
    right: calc(50% - 1px);
}
.quick-report-header-hours .label:after {
    height: 20% !important;
}
.heatmap-title .label:first-of-type,
.quick-report-header-hours .label:first-of-type {
    width: 6.25%;
    text-align: left;
}
.heatmap-title .label:first-of-type:after,
.quick-report-header-hours .label:first-of-type:after {
    left: 0;
    right: auto;
}
.heatmap-title .label:last-of-type,
.quick-report-header-hours .label:last-of-type {
    width: 6.25%;
    text-align: right;
}
.heatmap-title .label:last-of-type:after,
.quick-report-header-hours .label:last-of-type:after {
    right: 0;
}
.heatmap-title .label span,
.quick-report-header-hours .label span {
    font-size: 0.6em;
}
.heatmap-current-date,
.heatmap-current-stats {
    font-size: 0.9rem;
}
.heatmap-current-stats {
    text-align: right;
}
.heatmap-current-value {
    background: #efefef;
    color: inherit;
    min-height: 3rem;
    padding: 0.5rem;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
    opacity: 1;
}
.heatmap-current-value.empty {
    opacity: 0;
    color: #efefef;
}
table.heatmap-table {
    width: 100%;
}
table.heatmap-table .day {
    background: #ecf0f1;
    height: 0.8rem;
    width: 1.3rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.8rem;
    color: #4b6584;
}
table.heatmap-table .day.weekend {
    background: #4b6584;
    color: #ecf0f1;
}
table.heatmap-table .degreedays {
    height: 0.8rem;
    width: 8rem;
    background: #ffffff;
}
table.heatmap-table tr:nth-child(even) .degreedays {
    background: #eeeeee;
}
table.heatmap-table .degreedays {
    background: #f8f8f8;
    height: 0.8rem;
    width: 8rem;
}
table.heatmap-table .degreedays .degreebar-blue,
table.heatmap-table .degreedays .degreebar-red {
    display: block;
    float: left;
    height: 0.6rem;
    margin-top: 0.07rem;
}
table.heatmap-table .degreedays .degreebar-blue {
    background: #a7cbea;
}
table.heatmap-table .degreedays .degreebar-red {
    background: #ebaba2;
}
table.heatmap-table tr.crosshair .degreedays .degreebar-blue {
    background: #8bbbf1;
}
table.heatmap-table tr.crosshair .degreedays .degreebar-red {
    background: #e38c82;
}
table.heatmap-table .hour {
    background: #efefef;
    height: 0.8rem;
}
table.heatmap-table tr.crosshair td:not(.degreedays):not(.day),
td.crosshair:not(:first-child):not(:last-child) {
    opacity: 0.8;
}
table.heatmap-table .hour:hover {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}
table.heatmap-table .hour.clr1 {
    background: #bd4843;
}
table.heatmap-table .hour.clr2 {
    background: #cb473e;
}
table.heatmap-table .hour.clr3 {
    background: #d94639;
}
table.heatmap-table .hour.clr4 {
    background: #e64533;
}
table.heatmap-table .hour.clr5 {
    background: #f4442e;
}
table.heatmap-table .hour.clr6 {
    background: #f64a31;
}
table.heatmap-table .hour.clr7 {
    background: #f64a31;
}
table.heatmap-table .hour.clr8 {
    background: #f95738;
}
table.heatmap-table .hour.clr9 {
    background: #fa613a;
}
table.heatmap-table .hour.clr10 {
    background: #fa6b3b;
}
table.heatmap-table .hour.clr11 {
    background: #fb753d;
}
table.heatmap-table .hour.clr12 {
    background: #fb7f3f;
}
table.heatmap-table .hour.clr13 {
    background: #fc8941;
}
table.heatmap-table .hour.clr14 {
    background: #fd9242;
}
table.heatmap-table .hour.clr15 {
    background: #fd9c44;
}
table.heatmap-table .hour.clr16 {
    background: #fea646;
}
table.heatmap-table .hour.clr17 {
    background: #feb047;
}
table.heatmap-table .hour.clr18 {
    background: #ffba49;
}
table.heatmap-table .hour.clr19 {
    background: #edbb50;
}
table.heatmap-table .hour.clr20 {
    background: #dcbc57;
}
table.heatmap-table .hour.clr21 {
    background: #cabd5f;
}
table.heatmap-table .hour.clr22 {
    background: #b8bd66;
}
table.heatmap-table .hour.clr23 {
    background: #a7be6d;
}
table.heatmap-table .hour.clr24 {
    background: #95bf74;
}
table.heatmap-table .hour.clr25 {
    background: #8bb870;
}
table.heatmap-table .hour.clr26 {
    background: #82b16b;
}
table.heatmap-table .hour.clr27 {
    background: #78a967;
}
table.heatmap-table .hour.clr28 {
    background: #6fa262;
}
table.heatmap-table .hour.clr29 {
    background: #659b5e;
}
table.heatmap-table .hour.clr30 {
    background: #619058;
}
table.heatmap-table .hour.clr31 {
    background: #5d8551;
}
table.heatmap-table .hour.clr32 {
    background: #597a4b;
}
table.heatmap-table .hour.clr33 {
    background: #556f44;
}

/**
 * CHART BUILDER
 */
.row.chart-builder {
}
.row.chart-builder > div {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.row.chart-builder > div.col-builder-left {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.row.chart-builder > div.col-builder-right {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.row.chart-builder.collapsed > div.col-builder-left {
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%;
}
.row.chart-builder.collapsed > div.col-builder-right {
    -ms-flex: 0 0 87%;
    flex: 0 0 87%;
    max-width: 87%;
}
/*.row.chart-builder > div.col-builder-left > .block,
.row.chart-builder > div.col-builder-right > .block {
    overflow: hidden;
}*/
.row.chart-builder > div.col-builder-left .block-header .btn-options {
    position: absolute;
    top: 0.6rem;
    right: 15px;
}
.row.chart-builder > div.col-builder-left .block-header span.title {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.row.chart-builder.collapsed > div.col-builder-left .block-header span.title {
    opacity: 0;
}
.row.chart-builder.collapsed
    > div.col-builder-left
    .block-header
    .btn.btn-options {
    transform: rotate(180deg);
}
.row.chart-builder > div.col-builder-left .col-builder-left-buttons .btn {
    overflow: hidden;
}
.row.chart-builder.collapsed
    > div.col-builder-left
    .col-builder-left-buttons
    .btn
    > span {
    display: none;
}
.row.chart-builder
    > div.col-builder-left
    .col-builder-left-buttons
    .btn.btn-light {
    background: #e8e8e8;
    border-color: #e8e8e8;
}
.row.chart-builder
    > div.col-builder-left
    .col-builder-left-buttons
    .btn.btn-light:hover,
.row.chart-builder
    > div.col-builder-left
    .col-builder-left-buttons
    .btn.btn-light:active,
.row.chart-builder
    > div.col-builder-left
    .col-builder-left-buttons
    .btn.btn-light:focus {
    background: #d9d9d9;
    border-color: #d9d9d9;
}
.row.chart-builder > div.col-builder-left .sources-list > .source {
    border-radius: 3px;
    margin-bottom: 0.4rem;
    position: relative;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.row.chart-builder > div.col-builder-left .sources-list > .source.color1,
.color-select.color1::before,
.badge-color-preview.color1,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color1
    > .source-icon {
    background-color: #e84118;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color2,
.color-select.color2::before,
.badge-color-preview.color2,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color2
    > .source-icon {
    background-color: #ff5252;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color3,
.color-select.color3::before,
.badge-color-preview.color3,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color3
    > .source-icon {
    background-color: #f0932b;
    color: #000;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color4,
.color-select.color4::before,
.badge-color-preview.color4,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color4
    > .source-icon {
    background-color: #ffb142;
    color: #000;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color5,
.color-select.color5::before,
.badge-color-preview.color5,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color5
    > .source-icon {
    background-color: #f9ca24;
    color: #000;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color6,
.color-select.color6::before,
.badge-color-preview.color6,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color6
    > .source-icon {
    background-color: #c4e538;
    color: #000;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color7,
.color-select.color7::before,
.badge-color-preview.color7,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color7
    > .source-icon {
    background-color: #6ab04c;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color8,
.color-select.color8::before,
.badge-color-preview.color8,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color8
    > .source-icon {
    background-color: #218c74;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color9,
.color-select.color9::before,
.badge-color-preview.color9,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color9
    > .source-icon {
    background-color: #22a6b3;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color10,
.color-select.color10::before,
.badge-color-preview.color10,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color10
    > .source-icon {
    background-color: #227093;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color11,
.color-select.color11::before,
.badge-color-preview.color11,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color11
    > .source-icon {
    background-color: #4834d4;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color12,
.color-select.color12::before,
.badge-color-preview.color12,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color12
    > .source-icon {
    background-color: #be2edd;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color13,
.color-select.color13::before,
.badge-color-preview.color13,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color13
    > .source-icon {
    background-color: #d980fa;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color14,
.color-select.color14::before,
.badge-color-preview.color14,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color14
    > .source-icon {
    background-color: #40407a;
}
.row.chart-builder > div.col-builder-left .sources-list > .source.color15,
.color-select.color15::before,
.badge-color-preview.color15,
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.color15
    > .source-icon {
    background-color: #2d3436;
}

.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header {
    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
    background-color: rgba(255, 255, 255, 0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header
    .button {
    float: left;
    width: 32.5%;
    opacity: 0.85;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.7rem;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 1px;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header
    .button
    i {
    font-size: 1rem;
    line-height: 1.5rem;
    vertical-align: -0.1rem;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header
    .button:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header
    ul.list-inline
    li {
    cursor: pointer;
    margin: 0;
    padding: 0 0.2rem;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header
    ul.list-inline
    li:hover {
    opacity: 1;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-content {
    padding: 0.7rem 0.6rem;
    font-size: small;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-content
    p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-content
    p
    span {
    text-decoration: underline;
    cursor: pointer;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-color: inherit;
    border-radius: 50%;
    width: 3.7rem;
    height: 3.7rem;
    color: inherit;
    text-align: center;
    font-size: 1.4rem;
    line-height: 3.7rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.row.chart-builder.collapsed
    > div.col-builder-left
    .sources-list
    > .source
    > .source-icon {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.row.chart-builder.collapsed > div.col-builder-left .sources-list > .source {
    background-color: transparent;
    cursor: pointer;
}
.row.chart-builder.collapsed
    > div.col-builder-left
    .sources-list
    > .source:hover,
.row.chart-builder.collapsed
    > div.col-builder-left
    .sources-list
    > .source:focus {
    background-color: #efefef;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.row.chart-builder.collapsed
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header,
.row.chart-builder.collapsed
    > div.col-builder-left
    .sources-list
    > .source
    > .source-content {
    opacity: 0;
    pointer-events: none;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 90%,
        rgba(255, 255, 255, 0) 93%
    );
    background: -webkit-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 90%,
        rgba(255, 255, 255, 0) 93%
    );
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 90%,
        rgba(255, 255, 255, 0) 93%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=1 );
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.source-hidden {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.source-deleted {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    > .source-header
    .button[data-action="remove"] {
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.row.chart-builder:not(.collapsed)
    > div.col-builder-left
    .sources-list
    > .source.deleteconfirm
    > .source-header
    .button[data-action="remove"] {
    transform: translate(-100%, 230%) scale(1.4);
    z-index: 102;
    position: absolute;
    left: 67%;
    color: #fff;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    .delete-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    color: #fff;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.deleteconfirm
    .delete-overlay {
    opacity: 1;
    pointer-events: all;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    .delete-overlay
    i {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source
    .delete-overlay
    span {
    position: absolute;
    display: block;
    top: 20%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.deleteconfirm
    .delete-overlay
    span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.deleteconfirm
    > .source-header
    .button:not([data-action="remove"]),
.row.chart-builder
    > div.col-builder-left
    .sources-list
    > .source.deleteconfirm
    > .source-content {
    filter: blur(1px);
}

.row.chart-builder > div.col-builder-right .chart-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.row.chart-builder > div.col-builder-right .chart-overlay.showing {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.row.chart-builder > div.col-builder-right .chart-overlay > .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    text-align: center;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.row.chart-builder > div.col-builder-right .chart-overlay.showing > .inner {
    transform: translate(-50%, -50%) scale(1);
}

/**
 * COLOR SELECT - MODAL
 */
.color-select-col {
    -ms-flex: 0 0 6.66666%;
    flex: 0 0 6.66666%;
    max-width: 6.66666%;
}
.color-select {
    border-radius: 3px;
    width: 100%;
    height: 70px;
    cursor: pointer;
    position: relative;
    color: #fff;
}
.color-select.color3,
.color-select.color4,
.color-select.color5,
.color-select.color6 {
    color: #000;
}
.color-select:hover {
    background-color: #efefef;
}
.color-select::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.color-select::after {
    position: absolute;
    content: "\f17b";
    font: normal normal normal 1.2rem LineAwesome;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    color: inherit;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.color-select.selected::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.badge-color-preview {
    vertical-align: -17%;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

/**
 * PAGE NOTIFICATION
 */
.notification {
    position: fixed;
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}
.notification > .inner {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(0.7);
    border-radius: 16px;
    padding: 0.7rem 1rem;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.notification.showing {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%);
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.notification.showing > .inner {
    transform: scale(1);
    -webkit-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    -moz-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    -ms-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    -o-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
}
.notification.bump > .inner {
    transform: scale(1.1);
    -webkit-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    -moz-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    -ms-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    -o-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5);
}
.notification hr {
    margin: 0.4rem 0;
    background-color: #fff;
}
.notification .text-muted {
    color: #bebebe !important;
}
/**
 * Chart Builder Chart Widths
 */
.chart-builder .col-builder-right .chart-width1 {
    width: 100%;
}
.chart-builder .col-builder-right .chart-width2,
.chart-builder .col-builder-right .chart-width3,
.chart-builder .col-builder-right .chart-width4,
.chart-builder .col-builder-right .chart-width5 {
    overflow-x: scroll;
}
.chart-builder .col-builder-right .chart-width2 > div {
    width: 200%;
}
.chart-builder .col-builder-right .chart-width3 > div {
    width: 300%;
}
.chart-builder .col-builder-right .chart-width4 > div {
    width: 400%;
}
.chart-builder .col-builder-right .chart-width5 > div {
    width: 500%;
}

/**
 * WEEK OVERVIEW OVERLAY
 */
.week-overview {
    position: relative;
}
.week-overview.overlay-visible > .block-header > *,
.week-overview.overlay-visible > .p-3 > * {
    filter: blur(2px);
}
.week-overview .change-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.week-overview .change-overlay .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    -moz-transform: translate(-50%, -50%) scale(0.6);
    -ms-transform: translate(-50%, -50%) scale(0.6);
    -o-transform: translate(-50%, -50%) scale(0.6);
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.week-overview .change-overlay .btn.btn-options {
    position: absolute;
    top: 0.6rem;
    right: 1rem;
}
.week-overview.overlay-visible .change-overlay .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.week-overview.overlay-visible .change-overlay {
    opacity: 1;
    pointer-events: auto;
}
/**
 * TREND REVIEW STYLES
 */
.block.link-block-trendtype {
    padding: 1.6rem 0.8rem 0.6rem 0.8rem;
    position: relative;
    color: #333;
    transition: all ease 0.3s;
    -webkit-box-shadow:
        inset 0px 0px 0px 4px rgba(90, 81, 163, 0),
        0 30px 40px 0 rgba(28, 30, 35, 0.1);
    -moz-box-shadow:
        inset 0px 0px 0px 4px rgba(90, 81, 163, 0),
        0 30px 40px 0 rgba(28, 30, 35, 0.1);
    box-shadow:
        inset 0px 0px 0px 4px rgba(90, 81, 163, 0),
        0 30px 40px 0 rgba(28, 30, 35, 0.1);
}
.block.link-block-trendtype.trendtype-absolute {
    background: url(/img/trendtype-absolute.png) no-repeat center center;
    background-size: cover;
}
.block.link-block-trendtype.trendtype-relative {
    background: url(/img/trendtype-relative.png) no-repeat center center;
    background-size: cover;
}
.block.link-block-trendtype.trendtype-dd {
    background: url(/img/trendtype-dd.png) no-repeat center center;
    background-size: cover;
}
.block.link-block-trendtype.trendtype-pattern {
    background: url(/img/trendtype-pattern.png) no-repeat center center;
    background-size: cover;
}
.block.link-block-trendtype.active {
    color: #5a51a3;
    transform: scale(1.05);
    -webkit-box-shadow:
        inset 0px 0px 0px 4px rgba(90, 81, 163, 0.2),
        0 30px 40px 0 rgba(28, 30, 35, 0.1);
    -moz-box-shadow:
        inset 0px 0px 0px 4px rgba(90, 81, 163, 0.2),
        0 30px 40px 0 rgba(28, 30, 35, 0.1);
    box-shadow:
        inset 0px 0px 0px 4px rgba(90, 81, 163, 0.2),
        0 30px 40px 0 rgba(28, 30, 35, 0.1);
}
.block.link-block-trendtype.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(90, 81, 163, 0.07);
    border-radius: 6px;
}
.block.link-block-trendtype:hover,
.block.link-block-trendtype:focus {
    color: #5a51a3;
    transform: scale(1.05);
}
.block.link-block-trendtype strong {
    display: block;
    line-height: 1.4;
}
.block.link-block-trendtype strong > small {
    display: block;
}
.block.link-block-trendtype > span {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #ffc312;
    z-index: 2;
    font-size: 0.8rem;
    line-height: 1.6rem;
    color: #333;
}
.block.link-block-trendtype > span::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    -webkit-transform: scale(2);
    transform: scale(2);
    border-radius: 50%;
    background: #ffc312;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1)
        infinite;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@-webkit-keyframes pulse-ring {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    80%,
    100% {
        opacity: 0;
    }
}
@keyframes pulse-ring {
    0% {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }
    80%,
    100% {
        opacity: 0;
    }
}

table.table-quick-report .datatype-icon {
    float: left;
    margin-top: 0.5rem;
    margin-right: 0.4rem;
}
table.table-quick-report .datatype-icon-content {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 0.2rem;
}
table.table-quick-report .datatype-icon-content .font-weight-normal {
    line-height: 1.2;
    color: #777;
}
table.table-quick-report tbody > tr > td:first-child,
table.table-quick-report thead > tr:first-child > th:first-child {
    width: 45%;
}
table.table-quick-report td,
table.table-quick-report th {
    padding: 0.25rem 0.35rem;
}
table.table-quick-report tbody tr:nth-of-type(odd) td:first-child {
    background-color: rgba(0, 0, 0, 0.05);
}
table.table-quick-report .border-left {
    border-left: 1px solid #dee2e6;
}
table.table-quick-report td.pattern,
table.table-quick-report td.rolling {
    padding: 0;
    position: relative;
}
table.table-quick-report td.pattern > div.hour {
    width: 4.1666%;
    float: left;
    height: 2rem;
}
table.table-quick-report td.rolling > div.rolling-item {
    width: 3.33333333%;
    float: left;
    height: 2rem;
}
.quick-report-header {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}
.quick-report-header .col-9 {
    text-align: right;
}
.quick-report-header select {
    display: inline-block;
    padding-right: 0.8rem;
    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235A51A3' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
        no-repeat right 0.2rem center/8px 9px;
    color: #5a51a3;
    border: 0px none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
table.table-quick-report .pattern-point-nochange {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    background: #f39c12;
    border-radius: 50%;
    vertical-align: -9.5%;
    margin-right: 0.3rem;
}
table.table-quick-report div.pattern-point-nochange {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
}
table.table-quick-report span.pattern-point-favorable,
table.table-quick-report span.pattern-point-adverse {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    vertical-align: -9.5%;
    margin-right: 0.3rem;
}
table.table-quick-report .pattern-point-favorable {
    background: #2ecc71;
}
table.table-quick-report .pattern-point-adverse {
    background: #e74c3c;
}
table.table-quick-report div.pattern-point-favorable,
table.table-quick-report div.pattern-point-adverse {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.add-journal-button {
    margin-top: 2rem;
    width: 100%;
    text-align: center;
    border: 0px none;
    border-radius: 6px;
    background: #ffffff;
    -webkit-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    -moz-box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.1);
    transition: 0.3s background-color;
    cursor: pointer;
}
.add-journal-button .circle {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    margin: 1.13rem auto 0.53rem auto;
    line-height: 3.4rem;
    font-size: 1.7rem;
    -webkit-box-shadow: 0 0px 40px 0 rgba(0, 123, 255, 0.1);
    -moz-box-shadow: 0 0px 40px 0 rgba(0, 123, 255, 0.1);
    box-shadow: 0 0px 40px 0 rgba(0, 123, 255, 0.1);
    transition: 0.3s all;
}
.add-journal-button:hover,
.add-journal-button:focus {
    color: rgba(0, 0, 0, 0.847);
    background: #f8f9ff;
}
.add-journal-button:active {
    color: rgba(0, 0, 0, 0.847);
    background: #f8f9ff;
}
.add-journal-button:hover .circle,
.add-journal-button:focus .circle {
    -webkit-box-shadow: 0 0px 40px 0 rgba(0, 123, 255, 0.5);
    -moz-box-shadow: 0 0px 40px 0 rgba(0, 123, 255, 0.5);
    box-shadow: 0 0px 40px 0 rgba(0, 123, 255, 0.5);
    transform: scale(1.1);
}
.add-journal-button .label {
    margin-bottom: 1rem;
    font-weight: 600;
}

.journal-month {
    padding-top: 2rem;
    color: #a9a9a9;
    font-size: 2.8rem;
}
.journal-month > strong,
.journal-month > small {
    display: block;
    line-height: 1;
}
.journal-month > small {
    text-transform: uppercase;
    font-size: 0.65em;
}

.block.journal-entry .block-header .datatype-icon {
    vertical-align: 23%;
}
.block.journal-entry .block-header .title {
    line-height: 1;
    max-width: 62%;
    margin-top: -5px;
}
.block.journal-entry .block-header .title small {
    margin-left: 0;
}
.block.journal-entry .block-header .pull-right {
    margin-top: 4px;
}
.block.journal-entry a {
    opacity: 0.65;
    font-size: 0.9rem;
    font-weight: 500;
}
.block.journal-entry a:hover,
.block.journal-entry a:focus {
    opacity: 1;
}
.modal-overlay-confirmation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
.modal-overlay-confirmation.shown {
    opacity: 1;
    pointer-events: all;
}
.modal-overlay-confirmation div {
    width: 100% !important;
}

/**
 * SWITCH ELEMENT
 * Code obtained from https://www.abeautifulsite.net/bootstrap-4-switches
 */
.switch {
    font-size: 1rem;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
}
.switch input + label {
    position: relative;
    min-width: calc(calc(2.375rem * 0.8) * 2);
    border-radius: calc(2.375rem * 0.8);
    height: calc(2.375rem * 0.8);
    line-height: calc(2.375rem * 0.8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before,
.switch input + label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(2.375rem * 0.8) * 2);
    bottom: 0;
    display: block;
}
.switch input + label::before {
    right: 0;
    background-color: #dee2e6;
    border-radius: calc(2.375rem * 0.8);
    transition: 0.2s all;
}
.switch input + label::after {
    top: 2px;
    left: 2px;
    width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
    height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
    border-radius: 50%;
    background-color: white;
    transition: 0.2s all;
}
.switch input:checked + label::before {
    background-color: #007bff;
}
.switch input:checked + label::after {
    margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
    color: #868e96;
    cursor: not-allowed;
}
.switch input:disabled + label::before {
    background-color: #e9ecef;
}
.switch + .switch {
    margin-left: 1rem;
}

.nav-tabs .nav-link:not(.active):not(.show):focus,
.nav-tabs .nav-link:not(.active):not(.show):hover {
    border-color: transparent transparent transparent;
}
.nav-pills-sm .nav-link {
    padding: 0.25rem 1rem;
}
.nav-pills-sm .nav-link.disabled {
    cursor: default;
}
.table-small td,
.table-small th {
    padding: 0.4rem 0.75rem;
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #007bff !important;
    background-image: none !important;
    text-shadow: none !important;
}
.datepicker td,
.datepicker th {
    width: 30px !important;
    height: 30px !important;
}
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
    width: 100% !important;
    min-width: 14rem !important;
}

.colordisplay-blue,
.colordisplay-red,
.colordisplay-green {
    position: relative;
    padding-left: 1.4rem;
    margin-top: 0.8rem;
    padding-top: 3px;
    padding-bottom: 8px;
    border-radius: 3px;
    overflow: hidden;
}
.colordisplay-blue::before,
.colordisplay-red::before,
.colordisplay-green::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.6rem;
}
.colordisplay-blue::before {
    background-color: #007bff;
}
.colordisplay-blue {
    background-color: rgba(0, 123, 255, 0.1);
}
.colordisplay-red::before {
    background-color: #dc3545;
}
.colordisplay-red {
    background-color: rgba(220, 53, 69, 0.1);
}
.colordisplay-green::before {
    background-color: #28a745;
}
.colordisplay-green {
    background-color: rgba(40, 167, 69, 0.1);
}
.size-indicator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0%;
    margin-left: 0.3rem;
    background-color: #007bff;
    z-index: -1;
    opacity: 0.1;
}

.infobox {
    background: #f3f3f3;
    padding: 2em;
    margin-top: 1.5em;
}
.font-weight-light {
    font-weight: 300;
}
.caretexpand {
    cursor: pointer;
    -webkit-transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.caretexpand[aria-expanded="true"] {
    transform: rotate(90deg);
}
.gray {
    color: #aaa;
}
.source-preview {
    padding-left: 2rem;
    position: relative;
}
.source-preview .source-type {
    position: absolute;
    top: 0.3rem;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    line-height: 1.5rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    color: #fff;
}
.accordion .checkbox-card {
    border: 1px solid #dedede;
    border-radius: 5px;
}
.accordion .checkbox-card:first-of-type:not(:last-of-type) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.accordion .checkbox-card:not(:first-of-type):not(:last-of-type) {
    border-radius: 0;
}
.accordion .checkbox-card:last-of-type:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion .checkbox-card:not(:first-of-type) {
    margin-top: -1px;
}
.accordion .checkbox-card .checkbox-card-header {
    background: #f3f3f3;
    padding: 0.5rem 0.9rem;
    font-weight: bold;
}
.accordion .checkbox-card .checkbox-card-body {
    padding: 0.5rem 0.9rem 0.9rem 0.9rem;
}
.row.footerlogo {
    opacity: 0.25;
    color: black;
}
.row.footerlogo a {
    color: black;
}
.row.footerlogo img {
    max-height: 2.2rem;
    margin-top: 0.5rem;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    display: block;
    background-color: rgba(0, 123, 255, 0.2);
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.loader.inactive {
    opacity: 0;
}
.loader .indeterminate {
    background-color: #007bff;
}

.loader .indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 4.2s
        cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 4.2s cubic-bezier(0.65, 0.815, 0.735, 0.395)
        infinite;
}

.loader .indeterminate:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 4.2s
        cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 4.2s cubic-bezier(0.165, 0.84, 0.44, 1)
        infinite;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}
fieldset {
    border: 1px solid #dedede;
    padding: 0.5em 0.7em 0.7em 0.7em;
    border-radius: 0.25em;
}
legend {
    font-size: 1em;
    width: auto;
    padding: 0 0.2em;
    margin: 0;
}

/* Print Styles */
@media print {
    .tooltip {
        display: none;
    }
}

/* Toastr overrides */
.toast-close-button {
    opacity: 0.96;
    -ms-filter: alpha(Opacity=96);
    filter: alpha(opacity=96);
}
#toast-container > div {
    padding: 15px 15px 15px 60px;
    -moz-box-shadow: 0 30px 40px 0 rgba(34, 35, 40, 0.2);
    -webkit-box-shadow: 0 30px 40px 0 rgba(34, 35, 40, 0.2);
    box-shadow: 0 30px 40px 0 rgba(34, 35, 40, 0.2);
    opacity: 0.96;
    -ms-filter: alpha(Opacity=96);
    filter: alpha(opacity=96);
}
#toast-container > div:hover {
    -moz-box-shadow: 0 30px 40px 0 rgba(34, 35, 40, 0.2);
    -webkit-box-shadow: 0 30px 40px 0 rgba(34, 35, 40, 0.2);
    box-shadow: 0 30px 40px 0 rgba(34, 35, 40, 0.2);
}
#toast-container > .toast-info {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk5Ljk5MiwwQzg5LjcxOSwwLDAsODkuNzIsMCwyMDBzODkuNzE5LDIwMCwxOTkuOTkyLDIwMEMzMTAuMjczLDQwMCw0MDAsMzEwLjI4LDQwMCwyMDBTMzEwLjI3MywwLDE5OS45OTIsMHogICAgIE0xOTkuOTkyLDM3My43N0MxMDQuMTgsMzczLjc3LDI2LjIzLDI5NS44MTYsMjYuMjMsMjAwYzAtOTUuODE3LDc3Ljk0OS0xNzMuNzY5LDE3My43NjItMTczLjc2OSAgICBjOTUuODI0LDAsMTczLjc3Niw3Ny45NTMsMTczLjc3NiwxNzMuNzY5QzM3My43NjksMjk1LjgxNiwyOTUuODE2LDM3My43NywxOTkuOTkyLDM3My43N3oiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMTk2LjI5MywxMjUuOTdjOS42NTYsMCwxNy40ODgtNy44MzIsMTcuNDg4LTE3LjQ4OWMwLTkuNjU3LTcuODMyLTE3LjQ4OS0xNy40ODgtMTcuNDg5ICAgIGMtOS42NjQsMC0xNy40ODgsNy44MzItMTcuNDg4LDE3LjQ4OUMxNzguODA1LDExOC4xMzgsMTg2LjYyOSwxMjUuOTcsMTk2LjI5MywxMjUuOTd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTIyNC4wOSwyNzkuNTg2aC0xMC45NjlWMTU0LjU2NGMwLTcuMjQzLTUuODcxLTEzLjExNi0xMy4xMTMtMTMuMTE2aC0yNC4wOTRjLTcuMjQyLDAtMTMuMTEzLDUuODczLTEzLjExMywxMy4xMTYgICAgczUuODcxLDEzLjExNSwxMy4xMTMsMTMuMTE1aDEwLjk3N3YxMTEuOTA3aC0xMC45NzdjLTcuMjQyLDAtMTMuMTEzLDUuODcyLTEzLjExMywxMy4xMTVjMCw3LjI0Miw1Ljg3MSwxMy4xMTUsMTMuMTEzLDEzLjExNSAgICBoNDguMTc2YzcuMjQ2LDAsMTMuMTE3LTUuODczLDEzLjExNy0xMy4xMTVDMjM3LjIwNywyODUuNDU4LDIzMS4zMzYsMjc5LjU4NiwyMjQuMDksMjc5LjU4NnoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important;
}
#toast-container > .toast-error {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk5Ljk5MiwwQzg5LjcxNywwLDAsODkuNzIsMCwyMDBzODkuNzE3LDIwMCwxOTkuOTkyLDIwMEMzMTAuMjczLDQwMCw0MDAsMzEwLjI4LDQwMCwyMDBTMzEwLjI3MywwLDE5OS45OTIsMHogICAgIE0xOTkuOTkyLDM3My43N0MxMDQuMTc4LDM3My43NywyNi4yMywyOTUuODE2LDI2LjIzLDIwMGMwLTk1LjgxNyw3Ny45NDctMTczLjc2OSwxNzMuNzYyLTE3My43NjkgICAgYzk1LjgyMiwwLDE3My43NzYsNzcuOTUzLDE3My43NzYsMTczLjc2OUMzNzMuNzY5LDI5NS44MTYsMjk1LjgxNCwzNzMuNzcsMTk5Ljk5MiwzNzMuNzd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTI2NS40NzMsMTM0LjUyOWMtNS4xMjMtNS4xMjMtMTMuNDIyLTUuMTIzLTE4LjU0NSwwTDIwMCwxODEuNDU0bC00Ni45MjgtNDYuOTI1Yy01LjEyMy01LjEyMy0xMy40MjQtNS4xMjMtMTguNTQ3LDAgICAgYy01LjEyMyw1LjEyLTUuMTIzLDEzLjQyNiwwLDE4LjU0NkwxODEuNDQ3LDIwMGwtNDYuOTI4LDQ2LjkyNmMtNS4xMjMsNS4xMTktNS4xMjMsMTMuNDIyLDAsMTguNTQ3ICAgIGMyLjU2MSwyLjU2Miw1LjkxOCwzLjg0Miw5LjI3MywzLjg0MnM2LjcxMS0xLjI4LDkuMjcxLTMuODQyTDIwMCwyMTguNTQzbDQ2LjkyOCw0Ni45MzJjMi41NjIsMi41NjIsNS45MTYsMy44NDIsOS4yNzEsMy44NDIgICAgYzMuMzU0LDAsNi43MTEtMS4yNzksOS4yNzItMy44NDJjNS4xMjMtNS4xMTksNS4xMjMtMTMuNDI2LDAtMTguNTQ1TDIxOC41NDUsMjAwbDQ2LjkyOC00Ni45MjUgICAgQzI3MC41OTYsMTQ3Ljk1NSwyNzAuNTk2LDEzOS42NTIsMjY1LjQ3MywxMzQuNTI5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) !important;
}
#toast-container > .toast-success {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk5Ljk5NiwwQzg5LjcxMywwLDAsODkuNzIsMCwyMDBzODkuNzEzLDIwMCwxOTkuOTk2LDIwMFM0MDAsMzEwLjI4LDQwMCwyMDBTMzEwLjI3OSwwLDE5OS45OTYsMHogTTE5OS45OTYsMzczLjc3ICAgIEMxMDQuMTgsMzczLjc3LDI2LjIzLDI5NS44MTYsMjYuMjMsMjAwYzAtOTUuODE3LDc3Ljk0OS0xNzMuNzY5LDE3My43NjYtMTczLjc2OWM5NS44MTcsMCwxNzMuNzcxLDc3Ljk1MywxNzMuNzcxLDE3My43NjkgICAgQzM3My43NjgsMjk1LjgxNiwyOTUuODEyLDM3My43NywxOTkuOTk2LDM3My43N3oiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMjcyLjQwNiwxMzQuNTI2TDE2OS4yNzUsMjM3LjY1MmwtNDEuNjg5LTQxLjY4Yy01LjEyMy01LjExNy0xMy40MjItNS4xMi0xOC41NDUsMC4wMDMgICAgYy01LjEyNSw1LjEyNS01LjEyNSwxMy40MjUsMCwxOC41NDhsNTAuOTYzLDUwLjk1NWMyLjU2MSwyLjU1OCw1LjkxNiwzLjgzOCw5LjI3MSwzLjgzOHM2LjcxOS0xLjI4LDkuMjc5LTMuODQyICAgIGMwLjAwOC0wLjAxMSwwLjAxNC0wLjAyMiwwLjAyNy0wLjAzNUwyOTAuOTUsMTUzLjA3MWM1LjEyNS01LjEyLDUuMTI1LTEzLjQyNiwwLTE4LjU0NiAgICBDMjg1LjgyOCwxMjkuNDAyLDI3Ny41MjMsMTI5LjQwMiwyNzIuNDA2LDEzNC41MjZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) !important;
}
#toast-container > .toast-warning {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDM2Ny4wMTEgMzY3LjAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjcuMDExIDM2Ny4wMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0zNjUuMjIxLDMyOS42NDFMMTkwLjk0MywyNy43ODhjLTEuNTQyLTIuNjc0LTQuMzk1LTQuMzE4LTcuNDc5LTQuMzE4Yy0zLjA4NCwwLTUuOTM4LDEuNjQ1LTcuNDgsNC4zMThMMS4xNTcsMzMwLjU4NCAgICBjLTEuNTQzLDIuNjc0LTEuNTQzLDUuOTY1LDAsOC42MzljMS41NDIsMi42NzQsNC4zOTUsNC4zMTgsNy40OCw0LjMxOGgzNDkuNjVjMC4wMjgsMCwwLjA1NywwLDAuMDg2LDAgICAgYzQuNzcsMCw4LjYzOC0zLjg2Myw4LjYzOC04LjYzOUMzNjcuMDExLDMzMi45MiwzNjYuMzQyLDMzMS4xLDM2NS4yMjEsMzI5LjY0MXogTTIzLjU5OSwzMjYuMjY2TDE4My40NjQsNDkuMzgxbDE1OS44NjQsMjc2Ljg4NSAgICBIMjMuNTk5eiIgZmlsbD0iIzNBNDA1QiIvPg0KCQk8cGF0aCBkPSJNMTc0LjgyNiwxMzYuODAxdjEyMy44OTNjMCw0Ljc3MywzLjg2Nyw4LjYzOCw4LjYzOCw4LjYzOGM0Ljc3LDAsOC42MzctMy44NjMsOC42MzctOC42MzhWMTM2LjgwMSAgICBjMC00Ljc2Ni0zLjg2Ny04LjYzNy04LjYzNy04LjYzN0MxNzguNjkzLDEyOC4xNjUsMTc0LjgyNiwxMzIuMDM2LDE3NC44MjYsMTM2LjgwMXoiIGZpbGw9IiMzQTQwNUIiLz4NCgkJPHBhdGggZD0iTTE4My40NjQsMjc5LjM5M2MtNS45MjIsMC0xMC43MjUsNC44LTEwLjcyNSwxMC43MjJzNC44MDMsMTAuNzI5LDEwLjcyNSwxMC43MjljNS45MjEsMCwxMC43MjUtNC44MDksMTAuNzI1LTEwLjcyOSAgICBDMTk0LjE4OSwyODQuMTkzLDE4OS4zODYsMjc5LjM5MywxODMuNDY0LDI3OS4zOTN6IiBmaWxsPSIjM0E0MDVCIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=) !important;
}
.toast {
    background-color: #007bff !important;
}
.toast-success {
    background-color: #28a745 !important;
}
.toast-error {
    background-color: #dc3545 !important;
}
.toast-info {
    background-color: #17a2b8 !important;
}
.toast-warning {
    background-color: #ffc107 !important;
    color: #3a405b !important;
}
@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 60px !important;
    }
}

/* DataTables overrides */
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: none;
    outline-offset: 0;
}

table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before {
    content: "\2191";
    border: 0px none;
    right: 1.3em;
    top: 0;
    left: auto;
    bottom: auto;
    height: 1.5em;
    width: 13px;
    position: absolute;
    color: #212529;
    opacity: 0.3;
}

table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    content: "\2193";
    border: 0px none;
    right: 0.5em;
    top: 0;
    left: auto;
    bottom: auto;
    height: 1.5em;
    width: 13px;
    position: absolute;
    color: #212529;
    opacity: 0.3;
}

table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before {
    opacity: 1;
}
table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    opacity: 1;
}

.dt-column-order {
    position: relative;
    width: 2rem !important;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: row;
}
table.dataTable.table > tbody > tr.selected > * {
    box-shadow: none;
    background-color: rgba(0, 123, 255, 0.15);
    color: inherit;
}
table.dataTable>tbody>tr>td.select-checkbox:before, table.dataTable>tbody>tr>th.select-checkbox:before {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}
table.dataTable > tbody > tr.selected > td.select-checkbox:before,
table.dataTable > tbody > tr.selected > th.select-checkbox:before {
    border: 1px solid #007bff;
    background-color: #007bff;
    font-size: 16px;
    line-height: 14px;
    color: white;
    font-weight: bold;
}