/**
 * @license
 * MyFonts Webfont Build ID 2973566, 2015-02-16T15:16:18-0500
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2973566
 * Licensed pageviews: 250,000
 *
 * © 2015 MyFonts Inc
 */

@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro/2D5F7E_0_0.eot');
    src: url('../fonts/AvenirNextLTPro/2D5F7E_0_0.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro/2D5F7E_0_0.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro/2D5F7E_0_0.woff') format('woff'),
    url('../fonts/AvenirNextLTPro/2D5F7E_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../fonts/AvenirNextLTPro/2D5F7E_1_0.eot');
    src: url('../fonts/AvenirNextLTPro/2D5F7E_1_0.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro/2D5F7E_1_0.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro/2D5F7E_1_0.woff') format('woff'),
    url('../fonts/AvenirNextLTPro/2D5F7E_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'AvenirNextLTPro-BoldIt';
    src: url('../fonts/AvenirNextLTPro/2D5F7E_2_0.eot');
    src: url('../fonts/AvenirNextLTPro/2D5F7E_2_0.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro/2D5F7E_2_0.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro/2D5F7E_2_0.woff') format('woff'),
    url('../fonts/AvenirNextLTPro/2D5F7E_2_0.ttf') format('truetype');
}
@font-face {
    font-family: 'AvenirNextLTPro-It';
    src: url('../fonts/AvenirNextLTPro/2D5F7E_3_0.eot');
    src: url('../fonts/AvenirNextLTPro/2D5F7E_3_0.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro/2D5F7E_3_0.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro/2D5F7E_3_0.woff') format('woff'),
    url('../fonts/AvenirNextLTPro/2D5F7E_3_0.ttf') format('truetype');
}
[class^='uk-animation-'] {
    -webkit-animation-duration: 280ms;
    animation-duration: 280ms;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
img {
    width: auto !important;
}
.uk-alert {
    border: none;
    color: #fff;
    margin: 35px 10px 0;
    position: relative;
    text-shadow: none;
}
.uk-alert-success {
    background: #8bc34a;
}
.uk-alert-danger {
    background-color: #ff552b;
}
.uk-alert-warning {
    background: #ffa000;
}
.uk-alert-large {
    padding: 24px 32px 24px 24px;
}
.uk-alert-close {
    float: none !important;
    margin: 0 !important;
    position: absolute;
    right: 8px;
    top: 10px;
}
.uk-badge {
    border: medium none;
    border-radius: 2px;
    font-size: 17px;
    font-weight: 400;
    height: 35px;
    line-height: 12px;
    margin-right: 3px;
    padding: 10px 0 0;
    text-shadow: none;
    width: 35px;
}
.uk-badge-danger {
    background: #e53935;
}
.uk-badge-warning {
    background: #ffa000;
}
.uk-badge-success {
    background: #7cb342;
}
.uk-badge-muted {
    background: #9e9e9e;
}
.uk-badge-notification {
    border-radius: 50%;
}
.uk-button {
    border-radius: 2px;
    font-weight: 400;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.uk-modal {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    z-index: 9999;
}
.uk-modal.uk-modal-no-backdrop {
    background: 0 0;
}

.uk-open .uk-modal-dialog {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.uk-modal-dialog .uk-modal-header .uk-modal-title {
    font: 500 18px/28px AvenirNextLTPro-Regular, sans-serif;
    margin: 0;
}
.uk-modal-dialog .uk-modal-header .uk-modal-title span {
    color: #727272;
    display: block;
    font-size: 16px;
}


.uk-modal-dialog .uk-modal-footer::after,
.uk-modal-dialog .uk-modal-footer::before {
    content: ' ';
    display: table;
}
.uk-modal-dialog .uk-modal-footer::after {
    clear: both;
}
.uk-modal-dialog .uk-modal-footer .md-icon-btn {
    margin-top: 2px;
}
.uk-modal-dialog .uk-modal-caption {
    bottom: 16px;
    margin: 0 32px;
}
.uk-modal-dialog > .uk-close:first-child {
    float: none;
    /*margin: 0;*/
    position: absolute;
    right: 8px;
    top: 8px;
}
.uk-modal-dialog-lightbox {
    padding: 0;
}
.uk-modal-dialog-lightbox > .uk-close:first-child {
    border: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    right: -11px;
    top: -11px;
}
.uk-modal-dialog .uk-overflow-container {
    margin: 16px 0;
}
.uk-modal .uk-margin.uk-modal-content {
    margin-bottom: 0;
}
.uk-modal.uk-modal-dialog-replace .uk-modal-content {
    font-size: 14px;
}
.uk-dropdown {
    -webkit-animation: none !important;
    animation: none !important;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    opacity: 0;
    -webkit-transform: scale(0.25, 0);
    transform: scale(0.25, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.uk-dropdown.uk-dropdown-xlarge {
    width: 330px;
}
@media only screen and (max-width: 479px) {
    .uk-dropdown.uk-dropdown-xlarge {
	width: 260px;
    }
}
.uk-dropdown.uk-dropdown-large {
    width: 260px;
}
.uk-dropdown.uk-dropdown-small {
    width: 160px;
}
.uk-dropdown > ul > li > a {
    color: #212121;
    font-size: 14px;
}
.uk-dropdown > ul > li > a:hover {
    background: rgba(0, 0, 0, 0.085);
}
.uk-dropdown.dropdown-modal {
    z-index: 1210;
}
.uk-dropdown.uk-dropdown-flip {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.uk-dropdown.uk-dropdown-up {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.uk-dropdown.uk-dropdown-center {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.uk-dropdown.uk-dropdown-scrollable {
    -webkit-overflow-scrolling: touch;
}
.uk-dropdown-active {
    display: block !important;
}
.uk-dropdown-shown {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.uk-navbar-nav i:last-child {
    font-size: 18px;
    margin-top: 16px;
}
.uk-icon-ellipsis-v {
    cursor: pointer;
    font-size: 20px;
    margin-top: 14px;
}
.uk-nav-dropdown > li > a:focus,
.uk-nav-dropdown > li > a:hover {
    background: rgba(153, 153, 153, 0.2);
    box-shadow: none;
    color: #212121;
    text-shadow: none;
}

.uk-form input:not([type]):focus,
.uk-form input[type='color']:focus,
.uk-form input[type='date']:focus,
.uk-form input[type='datetime-local']:focus,
.uk-form input[type='email']:focus,
.uk-form input[type='month']:focus,
.uk-form input[type='number']:focus,
.uk-form input[type='password']:focus,
.uk-form input[type='search']:focus,
.uk-form input[type='tel']:focus,
.uk-form input[type='text']:focus,
.uk-form input[type='time']:focus,
.uk-form input[type='url']:focus,
.uk-form input[type='week']:focus,
.uk-form select:focus,
.uk-form textarea:focus {
    background: 0 0;
    border-color: var(--theme-color);
}
.uk-form textarea {
    -webkit-transition: border-color 200ms ease-in, height 280ms ease-in;
    transition: border-color 200ms ease-in, height 280ms ease-in;
}
.uk-form-row {
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.uk-form-stacked .uk-form-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 8px;
}
.uk-form-stacked .uk-form-label + p {
    margin-top: 0;
}
.uk-form-help-block {
    color: #727272;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 4px 0 0;
}
.uk-form-width-large,
.uk-form-width-medium,
.uk-form-width-mini,
.uk-form-width-small {
    max-width: 100%;
}
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 10px !important;
}
.uk-grid.uk-grid-small + .uk-grid-small,
.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
.uk-grid.uk-grid-small > .uk-grid-margin {
    margin-top: 10px;
}
[class*='uk-icon-'] {
    color: #727272;
}
.uk-input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
.uk-input-group > input[type='text'] {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.uk-input-group-addon,
.uk-input-group > input[type='text'] {
    display: table-cell;
}
.uk-input-group-addon {
    font-size: 16px;
    line-height: 1;
    min-width: 22px;
    padding: 0 16px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.uk-input-group > .md-input-wrapper {
    display: inline-block;
}
.uk-pagination {
    margin: 0;
}
.uk-pagination > li > a,
.uk-pagination > li > span {
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #212121;
    height: 32px;
    line-height: 24px;
    min-width: 32px;
    padding: 4px 8px;
    text-shadow: none;
}
.uk-pagination > li > a:hover,
.uk-pagination > li > span:hover {
    color: #212121;
}
.uk-pagination > li > a {
    background: 0 0;
}
.uk-pagination > li > a:hover {
    background: 0 0;
    color: #7cb342;
}
.uk-pagination > li.uk-active > a,
.uk-pagination > li.uk-active > span {
    background: #7cb342;
    border-radius: 4px;
}
.uk-pagination > li.uk-active > a,
.uk-pagination > li.uk-active > a:hover,
.uk-pagination > li.uk-active > span,
.uk-pagination > li.uk-active > span:hover {
    color: #fff;
}
.uk-pagination > li.uk-disabled > a,
.uk-pagination > li.uk-disabled > span {
    background: 0 0;
    border: none;
    color: #aaa;
    cursor: default;
    text-shadow: none;
}
.uk-pagination > li.uk-disabled > a > i,
.uk-pagination > li.uk-disabled > span > i {
    font-size: 16px;
}
.uk-panel-box {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.uk-panel-box .uk-panel-teaser {
    border-radius: 2px 2px 0 0;
}
.uk-table td {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
.uk-table th {
    border-bottom: 1px #444;
}
.uk-table-no-border td {
    border-bottom-color: transparent;
}
.uk-sticky-placeholder .uk-active {
    z-index: 1094;
}
.uk-subnav-pill > * > * {
    color: #212121;
}
.uk-subnav-pill > .uk-active > * {
    background: #7cb342;
}
.uk-table thead th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.uk-table tfoot td,
.uk-table tfoot th,
.uk-table thead th {
    color: #727272;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.uk-table td {
    border-bottom-color: #e0e0e0;
}
.uk-table tfoot td,
.uk-table tfoot th {
    border-bottom: none;
    border-top: 2px solid rgba(0, 0, 0, 0.12);
}
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, 0.085);
}
.uk-table-hover tbody tr:hover {
    background: rgba(0, 0, 0, 0.085);
}
.uk-tooltip::after {
    display: none !important;
}
.uk-text-small {
    font-family: 'AvenirNextLTPro-Bold';
    font-size: 12px;
}
.uk-text-muted {
    color: #757575 !important;
}
.uk-text-primary {
    color: var(--theme-color) !important;
}
.uk-text-danger {
    color: #e53935 !important;
}
.uk-text-success {
    color: #7cb342 !important;
}
.uk-text-warning {
    color: #ffa000 !important;
}
.uk-margin-bottom {
    margin-bottom: 0 !important;
}
.uk-margin-small-bottom {
    margin-bottom: 8px !important;
}
.uk-margin-medium-bottom {
    margin-bottom: 32px !important;
}
.uk-margin-large-bottom {
    margin-bottom: 48px !important;
}
.uk-margin-medium-top {
    margin-top: 32px !important;
}
.uk-margin-large-top {
    margin-top: 48px !important;
}
.uk-close {
    font-size: 18px;
    opacity: 1;
}
.uk-close:focus,
.uk-close:hover {
    opacity: 1;
}
.uk-close::after {
    content: '\e5cd';
    font-family: 'Material Icons';
}
.uk-accordion-title {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 5px 15px;
}
.uk-accordion-content {
    padding: 0 15px 15px;
}
.uk-accordion-content::after,
.uk-accordion-content::before {
    content: '';
    display: table;
}
.uk-accordion-content::after {
    clear: both;
}
.uk-accordion-content > :last-child {
    margin-bottom: 0;
}
.uk-accordion-title {
    background: rgba(153, 153, 153, 0.2);
    border: none;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 4px;
    padding: 10px 24px 8px 16px;
    position: relative;
}
.uk-accordion-title::after {
    color: #727272;
    content: '\e313';
    display: block;
    font-family: 'Material Icons';
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-transition: -webkit-transform 280ms;
    transition: transform 280ms;
}
.uk-accordion-title.uk-active::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.uk-accordion-title-primary {
    background: var(--theme-color);
    color: #fff;
}
.uk-accordion-title-primary::after {
    color: #fff;
}
.uk-accordion-title-danger {
    background: #e53935;
    color: #fff;
}
.uk-accordion-title-danger::after {
    color: #fff;
}
.uk-accordion-title-success {
    background: #7cb342;
    color: #fff;
}
.uk-accordion-title-success::after {
    color: #fff;
}
.uk-accordion-title-warning {
    background: #ffa000;
    color: #fff;
}
.uk-accordion-title-warning::after {
    color: #fff;
}
.uk-accordion-content {
    padding: 16px;
}
.uk-accordion-alt .uk-accordion-title {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0;
    padding: 16px 24px 16px 48px;
}
.uk-accordion-alt .uk-accordion-title:first-child {
    border-top: none;
}
.uk-accordion-alt .uk-accordion-title::after {
    color: var(--theme-color);
    content: '\e145';
    left: 16px;
    right: auto;
    top: 16px;
}
.uk-accordion-alt .uk-accordion-title.uk-active::after {
    content: '\e15b';
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.uk-accordion-alt .uk-accordion-content {
    padding: 24px;
}
.uk-form-file {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.uk-form-file input[type='file'] {
    cursor: pointer;
    font-size: 500px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.uk-dragover {
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}
.uk-file-upload {
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 32px 16px;
    text-align: center;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    width: 100%;
}
.uk-file-upload p {
    margin: 0;
}
.uk-file-upload.uk-dragover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
div.uk-form-file {
    padding: 3px 2px;
}
.uk-form-file input[type='file'] {
    cursor: pointer;
    font-size: 500px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.uk-form-file input[type='file']::-webkit-file-upload-button {
    cursor: pointer;
}
.uk-form-select {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.uk-form-select select {
    -webkit-appearance: none;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.uk-datepicker {
    padding: 0;
    width: auto;
    z-index: 1094;
}
.uk-datepicker-nav {
    background: #009688;
    line-height: 20px;
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: center;
}
.uk-datepicker-nav a,
.uk-datepicker-nav a:hover {
    color: #fff;
    text-decoration: none;
}
.uk-datepicker-nav .uk-form-select {
    color: #fff;
    font: 400 16px/22px AvenirNextLTPro-Regular, sans-serif;
    text-transform: uppercase;
}
.uk-datepicker-previous {
    float: left;
    margin-left: 8px;
}
.uk-datepicker-previous::after {
    content: '\f053';
}
.uk-datepicker-next {
    float: right;
    margin-right: 8px;
}
.uk-datepicker-next::after {
    content: '\f054';
}
.uk-datepicker-next::after,
.uk-datepicker-previous::after {
    font-family: FontAwesome;
    width: 20px;
}
.uk-datepicker.uk-dropdown-up {
    bottom: auto;
}
.uk-datepicker-table {
    width: 100%;
}
.uk-datepicker-table td,
.uk-datepicker-table th {
    font: 400 13px/15px AvenirNextLTPro-Regular, sans-serif;
    padding: 2px;
}
.uk-datepicker-table th {
    color: #727272;
    font-size: 12px;
    text-transform: uppercase;
}
.uk-datepicker-table a {
    border-radius: 50%;
    color: #212121;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.uk-datepicker-table a:hover {
    background-color: rgba(0, 0, 0, 0.085);
    color: #212121;
    outline: 0;
}
.uk-datepicker-table a.uk-active {
    background-color: #009688;
    color: #fff;
}
a.uk-datepicker-table-muted {
    color: #999;
}
.uk-autocomplete .uk-dropdown {
    -webkit-animation: none !important;
    animation: none !important;
    border: none;
    border-radius: 0;
    display: block;
    max-height: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -webkit-transform: scale(0.25, 0);
    transform: scale(0.25, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.uk-autocomplete.uk-open .uk-dropdown {
    max-height: 210px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.uk-form-password-toggle {
    color: #727272;
    position: absolute;
    right: 8px;
    top: 16px;
}
.uk-form-password-toggle:hover {
    color: #727272;
}
.uk-nestable {
    list-style: none;
    padding: 0;
}
.uk-nestable a,
.uk-nestable img {
    -webkit-touch-callout: none;
}
.uk-nestable-list {
    list-style: none;
    margin: 0;
    padding-left: 40px;
}
.uk-nestable-item {
    -ms-touch-action: none;
    touch-action: none;
}
.uk-nestable-item + .uk-nestable-item {
    margin-top: 10px;
}
.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
    margin-top: 10px;
}
.uk-nestable-dragged {
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1050;
}
.uk-nestable-placeholder {
    position: relative;
}
.uk-nestable-placeholder > * {
    opacity: 0;
}
.uk-nestable-placeholder::after {
    border: 1px dashed #ddd;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}
.uk-nestable:empty {
    min-height: 30px;
}
.uk-nestable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.uk-nestable-handle:hover {
    cursor: move;
}
.uk-nestable-moving,
.uk-nestable-moving * {
    cursor: move;
}
[data-nestable-action='toggle'] {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.uk-nestable-toggle {
    display: inline-block;
    visibility: hidden;
}
.uk-nestable-toggle::after {
    content: '\f147';
    font-family: FontAwesome;
}
.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
    visibility: visible;
}
.uk-collapsed .uk-nestable-list {
    display: none;
}
.uk-collapsed .uk-nestable-toggle::after {
    content: '\f196';
}
.uk-nestable-panel {
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 5px;
    text-shadow: 0 1px 0 #fff;
}
.uk-nestable-handle {
    margin-right: 16px;
}
.uk-nestable-panel {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 8px 16px;
    text-shadow: none;
}
.uk-nestable-placeholder::after {
    background: rgba(0, 0, 0, 0.085);
    border: none;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}
.uk-nestable-toggle {
    display: none;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
    overflow: hidden;
    vertical-align: middle;
    width: 18px;
}
.uk-nestable-toggle::after {
    content: '\e316';
    font-family: 'Material Icons';
    vertical-align: top;
}
.uk-parent > .uk-nestable-panel .uk-nestable-toggle {
    display: inline-block;
}
.uk-collapsed .uk-nestable-toggle::after {
    content: '\e313';
}
.uk-notify {
    box-sizing: border-box;
    left: 10px;
    position: fixed;
    top: 10px;
    width: 350px;
    z-index: 1040;
}
.uk-notify-bottom-right,
.uk-notify-top-right {
    left: auto;
    right: 10px;
}
.uk-notify-bottom-center,
.uk-notify-top-center {
    left: 50%;
    margin-left: -175px;
}
.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
    bottom: 10px;
    top: auto;
}
@media (max-width: 479px) {
    .uk-notify {
	left: 10px;
	margin: 0;
	right: 10px;
	width: auto;
    }
}
.uk-notify-message {
    background: #444;
    border: 1px solid #444;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
}
.uk-notify-message > .uk-close {
    float: right;
    visibility: hidden;
}
.uk-notify-message:hover > .uk-close {
    visibility: visible;
}
.uk-notify-message-primary {
    background: #ebf7fd;
    border-color: rgba(45, 112, 145, 0.3);
    color: #2d7091;
}
.uk-notify-message-success {
    background: #f2fae3;
    border-color: rgba(101, 159, 19, 0.3);
    color: #659f13;
}
.uk-notify-message-warning {
    background: #fffceb;
    border-color: rgba(226, 131, 39, 0.3);
    color: #e28327;
}
.uk-notify-message-danger {
    background: #fff1f0;
    border-color: rgba(216, 80, 48, 0.3);
    color: #d85030;
}
.uk-notify {
    max-width: 100%;
    top: 56px;
    width: 400px;
    z-index: 1114;
}
.uk-notify-bottom-center,
.uk-notify-top-center {
    margin-left: -200px;
}
.uk-notify-top-left {
    left: 24px;
}
.uk-notify-top-right {
    right: 24px;
}
.uk-notify-bottom-left {
    left: 24px;
}
.uk-notify-bottom-right {
    right: 24px;
}
.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
    bottom: 8px;
    top: auto;
}
.uk-notify-message {
    background: #323232;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 16px;
}
.uk-notify .uk-close {
    display: none;
}
.uk-notify .notify-action {
    color: #8bc34a;
    float: right;
    margin-left: 16px;
    text-transform: uppercase;
}
.uk-notify .notify-action:hover {
    color: #689f38;
}
.uk-notify .notify-content {
    overflow: hidden;
}
.uk-notify-message-info {
    background: var(--theme-color);
    color: #fff;
}
.uk-notify-message-success {
    background: #7cb342;
}
.uk-notify-message-warning {
    background: var(--theme-color) ;
}
.uk-notify-message-danger {
    background: #e53935;
}
.uk-notify-message-danger,
.uk-notify-message-info,
.uk-notify-message-success,
.uk-notify-message-warning {
    color: #fff;
}
.uk-notify-message-danger .notify-action,
.uk-notify-message-info .notify-action,
.uk-notify-message-success .notify-action,
.uk-notify-message-warning .notify-action {
    color: #fff;
}
.uk-notify-message-danger .notify-action:hover,
.uk-notify-message-info .notify-action:hover,
.uk-notify-message-success .notify-action:hover,
.uk-notify-message-warning .notify-action:hover {
    color: #fff;
    text-decoration: underline;
}
@media only screen and (max-width: 1025px) {
    .left.right {
	display: block !important;
	left: 25px;
	margin: 40px auto;
	position: fixed;
	width: 90%;
	z-index: 9999;
    }
    .ui-mobile-viewport.ui-overlay-a {
	margin-top: 78px;
    }
    .ui-page {
	margin-top: 26px !important;
    }
    #header_main {
	height: 60px !important;
    }
    #audislector {
	display: none !important;
    }
    .inbetween_text {
	margin: 5px auto;
	text-align: center;
    }
    body .md-card-toolbar .material-icons.get-button {
	cursor: pointer;
	pointer-events: auto;
	z-index: 99999;
    }
    body .md-card-toolbar-actions .material-icons.get-button {
	cursor: pointer;
	pointer-events: auto;
	z-index: 99999;
    }
    .uk-sortable-handle:hover {
	cursor: default;
	pointer-events: none;
    }
    .uk-sortable-moving,
    .uk-sortable-moving * {
	cursor: default;
	pointer-events: none;
    }
    .uk-sortable.sortable-handler > * {
	cursor: default;
	pointer-events: none;
    }
    .uk-sortable .sortable-handler {
	cursor: default;
	pointer-events: none;
    }
    .uk-notify-bottom-center,
    .uk-notify-bottom-left,
    .uk-notify-bottom-right,
    .uk-notify-top-center,
    .uk-notify-top-left,
    .uk-notify-top-right {
	left: 0;
	margin: 0;
	right: 0;
	width: 100%;
    }
    .uk-notify-bottom-center > .uk-notify-message,
    .uk-notify-bottom-left > .uk-notify-message,
    .uk-notify-bottom-right > .uk-notify-message,
    .uk-notify-top-center > .uk-notify-message,
    .uk-notify-top-left > .uk-notify-message,
    .uk-notify-top-right > .uk-notify-message {
	border-radius: 0;
	padding: 16px 32px;
    }
    .uk-notify-top-center,
    .uk-notify-top-left,
    .uk-notify-top-right {
	bottom: auto;
	top: 0;
    }
    .uk-notify-bottom-center,
    .uk-notify-bottom-left,
    .uk-notify-bottom-right {
	bottom: -10px;
	top: auto;
    }
}
@media only screen and (min-width: 960px) {
    .sidebar_main_active .uk-notify-top-left,
    .sidebar_main_open .uk-notify-top-left {
	left: 256px;
    }
    .sidebar_main_active .uk-notify-top-center,
    .sidebar_main_open .uk-notify-top-center {
	margin-left: -80px;
    }
    .sidebar_main_active .uk-notify-bottom-left,
    .sidebar_main_open .uk-notify-bottom-left {
	left: 256px;
    }
    .sidebar_main_active .uk-notify-bottom-center,
    .sidebar_main_open .uk-notify-bottom-center {
	margin-left: -80px;
    }
}
.uk-tooltip {
    background: #333;
    border-radius: 3px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    display: none;
    font-size: 12px;
    line-height: 18px;
    max-width: 200px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    z-index: 1030;
}
.uk-tooltip::after {
    border: 5px dashed #333;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.uk-tooltip-top-left::after,
.uk-tooltip-top-right::after,
.uk-tooltip-top::after {
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #333;
    border-top-style: solid;
    bottom: -5px;
}
.uk-tooltip-bottom-left::after,
.uk-tooltip-bottom-right::after,
.uk-tooltip-bottom::after {
    border-bottom-color: #333;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    top: -5px;
}
.uk-tooltip-bottom::after,
.uk-tooltip-top::after {
    left: 50%;
    margin-left: -5px;
}
.uk-tooltip-bottom-left::after,
.uk-tooltip-top-left::after {
    left: 10px;
}
.uk-tooltip-bottom-right::after,
.uk-tooltip-top-right::after {
    right: 10px;
}
.uk-tooltip-left::after {
    border-bottom-color: transparent;
    border-left-color: #333;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    margin-top: -5px;
    right: -5px;
    top: 50%;
}
.uk-tooltip-right::after {
    border-bottom-color: transparent;
    border-left: none;
    border-right-color: #333;
    border-right-style: solid;
    border-top-color: transparent;
    left: -5px;
    margin-top: -5px;
    top: 50%;
}
@-webkit-keyframes fadeInLeft {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
@keyframes fadeInRight {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
@keyframes fadeInUp {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
@keyframes fadeInDown {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
    }
    100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.uk-tooltip {
    background: #00A6CF;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    min-width: 80px;
    padding: 3px 16px;
    text-shadow: none;
    max-width: fit-content;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.uk-tooltip .uk-tooltip-inner {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
}
.uk-tab {
    border-bottom-color: rgba(0, 0, 0, 0.12);
}
.uk-tab > li {
    margin-bottom: 0;
    margin-top: 0;
    z-index: 1;
}
.uk-tab > li > a {
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    box-sizing: border-box;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
    max-width: 100%;
    min-width: 100px;
    padding: 8px 16px !important;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.uk-tab > li > a:focus,
.uk-tab > li > a:hover {
    background: 0 0;
    border-bottom-color: var(--blue2 ) ;
    color: #212121;
}
.uk-tab > li.uk-active > a {
    background: 0 0 !important;
    border-bottom-color: var(--theme-color) ;
}
.uk-tab > li.uk-disabled > a,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled > a:hover {
    color: #aaa;
}
.uk-tab-bottom li {
    margin-top: 0;
}
.uk-tab-bottom li > a {
    border-bottom: none;
    border-top: 2px solid transparent;
}
.uk-tab-bottom li > a:focus,
.uk-tab-bottom li > a:hover {
    border-top-color: var(--blue2 ) ;
}
.uk-tab-bottom li.uk-active > a {
    border-top-color: var(--theme-color) ;
}
.uk-tab-left {
    border-bottom: none;
}
.uk-tab-left li > a {
    border-bottom: none;
    border-right: 2px solid transparent;
    text-align: right;
}
.uk-tab-left li > a:focus,
.uk-tab-left li > a:hover {
    border-right-color: var(--blue2 ) ;
}
.uk-tab-left li.uk-active > a {
    border-right-color: var(--theme-color);
}
.uk-tab-right {
    border-bottom: none;
}
.uk-tab-right li > a {
    border-bottom: none;
    border-left: 2px solid transparent;
    text-align: left;
}
.uk-tab-right li > a:focus,
.uk-tab-right li > a:hover {
    border-left-color: var(--blue-card_plan_light) ;
}
.uk-tab-right li.uk-active > a {
    border-left-color: var(--theme-color);
}
.uk-tab-responsive li a {
    border: none !important;
}
.uk-tab-responsive > a::before {
    color: #727272;
    content: '\e5d2';
    font-family: 'Material Icons';
    font-size: 18px;
    margin-right: 8px;
    vertical-align: -4px;
}
.uk-text-truncate {
    display: block;
}
.uk-sortable {
    position: relative;
}
.uk-sortable > * {
    -ms-touch-action: none;
    touch-action: none;
}
.uk-sortable a,
.uk-sortable img {
    -webkit-touch-callout: none;
}
.uk-sortable > :last-child {
    margin-bottom: 0;
}
.uk-sortable-dragged {
    pointer-events: none;
    position: absolute;
    z-index: 1050;
}
.uk-sortable-placeholder {
    opacity: 0;
}
.uk-sortable:empty {
    min-height: 30px;
}
.uk-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.uk-sortable-handle:hover {
    cursor: move;
}
.uk-sortable-moving,
.uk-sortable-moving * {
    cursor: move;
}
/* .uk-sortable.sortable-handler>* {
    cursor: move
}*/
.uk-sortable .sortable-handler {
    cursor: move;
}
.uk-switcher {
    overflow: hidden;
}
@media (min-width: 1480px) {
    .uk-grid-width-xLarge-1-1 > *,
    .uk-width-xLarge-1-1 {
	width: 100%;
    }
    .uk-grid-width-xLarge-1-2 > *,
    .uk-grid-width-xLarge-2-4 > *,
    .uk-grid-width-xLarge-3-6 > *,
    .uk-grid-width-xLarge-5-10 > *,
    .uk-width-xLarge-1-2,
    .uk-width-xLarge-2-4,
    .uk-width-xLarge-3-6,
    .uk-width-xLarge-5-10 {
	width: 50%;
    }
    .uk-grid-width-xLarge-1-3 > *,
    .uk-grid-width-xLarge-2-6 > *,
    .uk-width-xLarge-1-3,
    .uk-width-xLarge-2-6 {
	width: 33.333%;
    }
    .uk-grid-width-xLarge-2-3 > *,
    .uk-grid-width-xLarge-4-6 > *,
    .uk-width-xLarge-2-3,
    .uk-width-xLarge-4-6 {
	width: 66.666%;
    }
    .uk-grid-width-xLarge-1-4 > *,
    .uk-width-xLarge-1-4 {
	width: 25%;
    }
    .uk-grid-width-xLarge-3-4 > *,
    .uk-width-xLarge-3-4 {
	width: 75%;
    }
    .uk-grid-width-xLarge-1-5 > *,
    .uk-grid-width-xLarge-2-10 > *,
    .uk-width-xLarge-1-5,
    .uk-width-xLarge-2-10 {
	width: 20%;
    }
    .uk-grid-width-xLarge-2-5 > *,
    .uk-grid-width-xLarge-4-10 > *,
    .uk-width-xLarge-2-5,
    .uk-width-xLarge-4-10 {
	width: 40%;
    }
    .uk-grid-width-xLarge-3-5 > *,
    .uk-grid-width-xLarge-6-10 > *,
    .uk-width-xLarge-3-5,
    .uk-width-xLarge-6-10 {
	width: 60%;
    }
    .uk-grid-width-xLarge-4-5 > *,
    .uk-grid-width-xLarge-8-10 > *,
    .uk-width-xLarge-4-5,
    .uk-width-xLarge-8-10 {
	width: 80%;
    }
    .uk-grid-width-xLarge-1-6 > *,
    .uk-width-xLarge-1-6 {
	width: 16.666%;
    }
    .uk-grid-width-xLarge-5-6 > *,
    .uk-width-xLarge-5-6 {
	width: 83.333%;
    }
    .uk-grid-width-xLarge-1-10 > *,
    .uk-width-xLarge-1-10 {
	width: 10%;
    }
    .uk-grid-width-xLarge-3-10 > *,
    .uk-width-xLarge-3-10 {
	width: 30%;
    }
    .uk-grid-width-xLarge-7-10 > *,
    .uk-width-xLarge-7-10 {
	width: 70%;
    }
    .uk-grid-width-xLarge-9-10 > *,
    .uk-width-xLarge-9-10 {
	width: 90%;
    }
}
.k-button,
.k-header {
    font-weight: 400;
}
.k-list-wrapper {
    padding: 8px 0;
}
.k-list-wrapper-addon {
    float: left;
    margin-right: 16px;
}
.k-list-wrapper-addon > img {
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
.k-list-wrapper-content {
    display: block;
    overflow: hidden;
}
.k-list-wrapper-content > p {
    font-weight: 500;
    line-height: 18px;
    margin: 0;
}
.k-list-wrapper-content > span {
    display: block;
}
.k-tag-image {
    border-radius: 50%;
    height: 17px;
    margin: 4px 5px 0 0;
    vertical-align: top;
    width: auto;
}
.timeline {
    min-height: 40px;
    padding: 8px 0 8px 62px;
    position: relative;
}
.timeline,
.timeline *,
.timeline ::after,
.timeline ::before,
.timeline::after,
.timeline::before {
    box-sizing: border-box;
}
.timeline1 {
    min-height: 40px;
    position: relative;
}
.timeline1,
.timeline1 *,
.timeline1 ::after,
.timeline1 ::before,
.timeline1::after,
.timeline1::before {
    box-sizing: border-box;
}
.timeline::before {
    background: rgba(0, 0, 0, 0.086) none repeat scroll 0 0;
    bottom: 0;
    content: '';
    display: block;
    left: 30px;
    position: absolute;
    top: 0;
    width: 1px;
}
.timeline1::before {
    bottom: 0;
    content: '';
    display: block;
    left: 50px;
    position: absolute;
    top: 22px;
}
.timeline_item {
    min-height: 64px;
    padding: 0 20px;
    position: relative;
}
.timeline_item1 {
    border-bottom: 1px solid #ccc;
    min-height: 60px;
    padding: 0 20px;
    position: relative;
}
@media only screen and (max-width: 640px) {
    .timeline_item1 {
	padding: 0 8px;
    }
}

.timeline_icon {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 1px;
    height: 44px;
    left: -54px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 44px;
}
.timeline_icon .material-icons {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}
.timeline_icon1 {
    position: absolute;
    text-align: center;
    top: 5px;
}
.timeline_icon1 .material-icons {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}
.timeline_date {
    color: #aaa;
    float: left;
    font-size: 16px;
    line-height: 18px;
    margin-right: 8px;
    min-width: 60px;
    padding-top: 6px;
    text-align: center;
}
.timeline_date span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}
.timeline_content {
    overflow: hidden;
    padding: 5px 4px 8px;
}
.timeline_content1 {
    overflow: hidden;
    padding: 5px 5px 5px 30px;
}
.timeline_content span {
    color: #000;
    font-size: 18px;
    font-weight: bolder;
}
.timeline_content a {
    color: var(--theme-color) ;
    font-size: 14px;
    font-weight: normal;
}
.timeline_content a i {
    color: var(--theme-color) ;
    font-size: 16px;
    font-weight: normal;
}
.timeline_content_addon {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-top: 8px;
    max-width: 340px;
    padding: 8px;
}
.m-top-bottom-30 {
    margin: 30px 0;
}
.timeline_content_addon > img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.timeline_content1 span {
    color: #000;
    font-size: 18px;
    font-weight: 900;
}
.timeline_content1 a {
    color: var(--theme-color) ;
    font-size: 14px;
    font-weight: normal;
}
.timeline_content1 a i {
    color: var(--theme-color) ;
    font-size: 16px;
    font-weight: normal;
}
.timeline_content1 h5 {
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 3px;
}
.timeline_content_addon1 {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-top: 8px;
    max-width: 340px;
    padding: 8px;
}
.timeline_content1_addon > img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

#activites-stream .big-button {
    background: var(--theme-color)  none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    margin-left: 16px;
    padding: 10px 50px;
}
#activites-stream .big-button i {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
}
#recent-activites .big-button,
#alert_showmore_btn,
#alert_showless_btn,
#playlist_showmore_btn,
#playlist_showless_btn,
#active_tickets_showmore_btn,
#active_tickets_showless_btn {
    background: var(--theme-color)  none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    margin-bottom: 16px;
    padding: 10px 0;
    width: 90%;
}
#recent-activites .big-button i {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
}
.timeline_content_addon blockquote {
    font-size: 15px;
    margin: 8px 0 8px 8px;
}
.timeline.timeline_small {
    padding: 0 0 4px 81px;
}
.timeline_icon svg {
    margin-top: 3px;
}
.timeline_item {
    border-bottom: 1px solid #ccc;
}
.timeline.timeline_small::before {
    left: 80px;
}
.activity-info {
    float: left;
    font-size: 12px;
    left: -80px;
    position: absolute;
    top: 40px;
}
.activity-info1 {
    float: left;
    font: 500 12px/1.42857143 AvenirNextLTPro-Regular, sans-serif;
    margin-right: 15px;
    margin-top: 2px;
}
.activity-info2 {
    cursor: pointer;
    float: left;
    font: 500 12px/1.42857143 AvenirNextLTPro-Regular, sans-serif;
    margin-right: 15px;
}
.timeline.timeline_small .timeline_item {
    min-height: 70px;
}
.timeline.timeline_small .timeline_icon {
    height: 25px;
    left: -30px;
    top: 4px;
    width: 30px;
}
.timeline.timeline_small .timeline_icon .material-icons {
    color: #ccc;
    font-size: 17px;
    line-height: 24px;
}
.timeline.timeline_small .timeline_date {
    float: none;
    font-size: 11px;
    text-align: left;
}
.timeline.timeline_small .timeline_date span {
    display: inline;
}
.timeline.timeline_small .timeline_content {
    font-size: 14px;
    padding-left: 0;
}
.timeline.timeline_small .timeline_content .md-list li {
    margin-left: 0;
    text-align: center;
}
.timeline.timeline_small .timeline_content .md-list .md-list-addon-element {
    left: 0;
    padding-top: 0;
    position: relative;
    top: 0;
    width: auto;
}
.timeline.timeline_small .timeline_content blockquote {
    font-size: 13px;
}
.md-bg-cyan {
    background-color: #00acc1 !important;
    color: #fff;
}
.md-bg-light-green {
    background-color: #7cb342 !important;
    color: #fff;
}

.md-bg-grey {
    background-color: #616161 !important;
    color: #fff;
}
.md-bg-red {
    background-color: #d32f2f !important;
    color: #fff;
}
.md-bg-light-blue {
    background-color: #0288d1 !important;
    color: #fff;
}
.md-bg-teal {
    background-color: #00897b !important;
    color: #fff;
}
.md-bg-purple {
    background-color: #8e24aa !important;
    color: #fff;
}
.md-btn {
    -webkit-appearance: none;
    background: var(--theme-color);
    border: none;
    border-radius: 2px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/31px AvenirNextLTPro-Regular, sans-serif;
    min-height: 31px;
    min-width: 70px;
    padding: 2px 16px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
}
.md-btn:active,
.md-btn:focus,
.md-btn:hover,
.uk-button-dropdown.uk-open .md-btn {
    background: var(--button-color);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    color: #fff;
    outline: 0;
    text-decoration: none;
}
@media only screen and (max-width: 1024px) {
    .md-fab-wrapper {
	bottom: 20px;
	right: 20px;
    }
}
@media only screen and (max-width: 1024px) {
}
.md-toggle-group .md-toggle-button {
    background: 0 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0 2px;
    cursor: pointer;
    line-height: 30px;
    min-width: 42px;
    padding: 0 8px;
    text-align: center;
    vertical-align: middle;
}
.md-toggle-group .md-toggle-button.md-toggle-active {
    border-bottom-color: #212121;
}
.md-toggle-group.md-toggle-group-small .md-toggle-button {
    font-size: 11px;
    line-height: 24px;
    min-width: 16px;
    padding: 0 6px;
}
.md-card {
    background: #fff none repeat scroll 0 0;
    border-color: #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 4px;
    min-height: 80px;
    position: relative;
}
.qr-history-card {
    border: 0;
}
.md-card + .md-card,
.md-card + .uk-grid,
.uk-grid + .md-card {
    margin-top: 25px;
}
.md-card .full_width_in_card {
    background: rgba(0, 0, 0, 0.085);
    padding: 16px 24px;
}


.md-card .md-card-toolbar::after,
.md-card .md-card-toolbar::before {
    content: ' ';
    display: table;
}
.md-card .md-card-toolbar::after {
    clear: both;
}
.celio-low,
.cielo-ok {
    border-left: 5px solid var(--theme-color) ;
}
.celio-medium,
.cielo-warning {
    border-left: 5px solid #f7ce76;
}
.celio-high,
.cielo-critical {
    border-left: 5px solid #c13546;
}
.md-card .md-card-toolbar-heading-text {
    color: #212121;
    float: left;
    font: 500 14px/50px AvenirNextLTPro-Bold, sans-serif;
    height: 48px;
    margin: 0;
    max-width: 80%;
    overflow: hidden;
}

.md-card .md-card-toolbar-heading-text.large {
    font-size: 18px;
    font-weight: 400;
}
.md-card .md-card-toolbar .md-toggle-group {
    float: left;
    margin: 8px 0 0 16px;
}
.md-card .md-card-toolbar .md-toggle-group.md-toggle-group-small {
    margin-top: 10px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions {
    float: right;
    padding-top: 15px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions .uk-open .md-card-toolbar-icon {
    background: rgba(0, 0, 0, 0.085);
    color: #212121;
}
.md-card .md-card-toolbar .md-card-toolbar-actions .md-card-dropdown {
    display: inline-block;
    position: relative;
}
.md-card .md-card-toolbar .md-icon + .md-card-dropdown {
    margin-left: 4px;
}
.md-card .md-card-toolbar .md-card-fullscreen-deactivate {
    margin: 9px 8px 0 0;
}
.md-card .md-card-toolbar-input {
    background: 0 0 !important;
    border: none;
    box-sizing: border-box;
    font: 400 18px/24px AvenirNextLTPro-Regular, sans-serif;
    height: auto;
    padding: 12px 0;
    width: 50%;
}
.md-card .md-card-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    height: 160px;
    position: relative;
}
.md-card .md-card-head-menu {
    position: absolute;
    right: 8px;
    top: 8px;
}
.md-card .md-card-head-avatar {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 82px;
    margin-top: 16px;
    width: 82px;
}
.md-card .md-card-head-text {
    color: #212121;
    font: 500 16px/22px AvenirNextLTPro-Regular, sans-serif;
    margin: 0;
    padding: 8px 16px 16px;
}
.md-card .md-card-head-text span {
    display: block;
    font: 400 12px/18px AvenirNextLTPro-Regular, sans-serif;
    margin-top: -2px;
}
.md-card .md-card-head-text.text_dark {
    color: #212121 !important;
}
.md-card .md-card-head-text-over {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0, rgba(0, 0, 0, 0) 100%);
}
#complexes .md-list-addon-element,
#servers .md-list-addon-element {
    bottom: -1px;
    left: auto;
    padding: 8px 0;
    position: absolute;
    right: 22px;
    text-align: center;
    top: -1px;
    width: 50px;
}
.md-card .md-card-head.head_background,
.md-card .md-card-head.head_blue,
.md-card .md-card-head.head_cyan,
.md-card .md-card-head.head_green,
.md-card .md-card-head.head_orange {
    border-bottom-color: transparent;
}
.md-card .md-card-head.head_background .md-card-head-text,
.md-card .md-card-head.head_blue .md-card-head-text,
.md-card .md-card-head.head_cyan .md-card-head-text,
.md-card .md-card-head.head_green .md-card-head-text,
.md-card .md-card-head.head_orange .md-card-head-text {
    color: #fff;
}
.md-card .md-card-head.head_cyan {
    background: #00acc1;
}
.md-card .md-card-head.head_blue {
    background: #039be5;
}
.md-card .md-card-head.head_green {
    background: #7cb342;
}
.md-card .md-card-head.head_orange {
    background: #f4511e;
}
.md-card .md-card-head.head_background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.md-card .md-card-head.head_background_top {
    background-position: center top;
    background-repeat: no-repeat;
}
.md-card .md-card-head.head_background_bottom {
    background-position: center bottom;
    background-repeat: no-repeat;
}
.md-card .md-card-head .head_chart {
    height: 100px;
    left: 0;
    position: absolute !important;
    top: 40px;
    width: 100%;
}
.md-card .md-card-head .fitVid_player {
    height: 160px;
    overflow: hidden;
    width: 100%;
}
.md-card .md-card-head-img {
    height: 100%;
    width: auto;
}
.md-card .md-card-head iframe {
    height: 160px;
}

.md-card .md-card-content1 {
    padding-bottom: 16px;
}
.md-card .md-card-content.no-padding {
    padding: 0;
}
.md-card .md-card-content.large-padding {
    padding: 24px 8px;
}
.md-card.md-card-fullscreen {
    overflow-x: hidden;
    position: fixed;
    z-index: 9999;
}
.md-card.md-card-fullscreen .md-card-fullscreen-activate {
    display: none;
}
.md-card .md-card-fullscreen-content {
    display: none;
    padding: 16px 0;
}
.md-card-fullscreen-content-hidden .md-card .md-card-fullscreen-content {
    display: block;
    padding: 0;
    visibility: hidden;
}
.md-card.md-card-overlay {
    overflow: hidden;
    padding-bottom: 54px;
}
.md-card.md-card-overlay .md-card-content {
    box-sizing: border-box;
    height: 142px;
    overflow: hidden;
}
.md-card.md-card-overlay .md-card-content.no_truncate {
    position: relative;
}
.md-card.md-card-overlay .md-card-content.no_truncate::after {
    background-image: -webkit-linear-gradient(bottom, #fff 50%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to top, #fff 50%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    content: '';
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10;
}
.md-card.md-card-overlay .md-card-content > pre {
    margin-top: 0;
    max-height: 110px;
}
.md-card.md-card-overlay .md-card-content > pre > code {
    overflow: hidden;
}
.md-card.md-card-overlay .md-card-overlay-content {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    bottom: 0;
    left: 0;
    margin-top: -54px;
    padding: 0 16px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}
.md-card.md-card-overlay .md-card-overlay-content p {
    margin: 0;
}
.md-card.md-card-overlay .md-card-overlay-content p + * {
    margin-top: 16px;
}
.md-card.md-card-overlay .md-card-overlay-content p + p {
    margin-top: 4px;
}
.md-card.md-card-overlay .md-card-overlay-header {
    padding: 12px 0;
}
.md-card.md-card-overlay .md-card-overlay-header::after,
.md-card.md-card-overlay .md-card-overlay-header::before {
    content: ' ';
    display: table;
}
.md-card.md-card-overlay .md-card-overlay-header::after {
    clear: both;
}
.md-card.md-card-overlay .md-card-overlay-header h3,
.md-card.md-card-overlay .md-card-overlay-header h4 {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding-right: 32px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
}
.md-card.md-card-overlay .md-card-overlay-header h3 {
    font: 400 16px/30px AvenirNextLTPro-Regular, sans-serif;
}
.md-card.md-card-overlay .md-card-overlay-header h4 {
    font: 500 14px/30px AvenirNextLTPro-Regular, sans-serif;
}
.md-card.md-card-overlay .md-card-overlay-header .md-icon {
    position: absolute;
    right: 12px;
    top: 11px;
}
.md-card.md-card-overlay-active .md-card-overlay-content {
    margin-top: 0;
    top: -1px;
}
.md-card.md-card-hover {
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-card.md-card-hover:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.uk-sortable-dragged .md-card {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.uk-sortable-dragged .md-card canvas {
    display: block;
    margin: 0 auto;
}
.md-card .heading_list {
    padding: 0;
}
.md-expand,
.md-expand-group > * {
    opacity: 0;
}
.md-card-placeholder {
    min-width: 100%;
}
.md-card-list-wrapper,
.md-card-list-wrapper *,
.md-card-list-wrapper ::after,
.md-card-list-wrapper ::before,
.md-card-list-wrapper::after,
.md-card-list-wrapper::before {
    box-sizing: border-box;
}
.md-card-list-wrapper .md-card-list-header {
    left: 0;
    position: absolute;
    top: -24px;
}
.md-card-list-wrapper .md-card-list {
    margin: 48px 0 0;
    position: relative;
}
.md-card-list-wrapper .md-card-list:first-child {
    margin-top: 24px;
}
.md-card-list-wrapper .md-card-list > ul {
    margin: 0;
}
.md-card-list-wrapper .md-card-list > ul > li {
    margin: 0;
}
.md-card-list-wrapper .md-card-list > ul,
.md-card-list-wrapper .md-card-list > ul > li {
    list-style: none;
    padding: 0;
}
.md-card-list-wrapper .md-card-list > ul > li {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-size: 13px;
    min-height: 34px;
    padding: 8px 16px;
    -webkit-transition: background 150ms, padding 200ms;
    transition: background 150ms, padding 200ms;
}
.md-card-list-wrapper .md-card-list > ul > li::after,
.md-card-list-wrapper .md-card-list > ul > li::before {
    content: ' ';
    display: table;
}
.md-card-list-wrapper .md-card-list > ul > li::after {
    clear: both;
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown {
    background: #fff;
    padding: 8px 36px;
}
@media only screen and (max-width: 1024px) {
    .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject {
	clear: both;
	float: none;
	padding-top: 16px;
    }
    .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject > span {
	white-space: normal;
    }
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-sender {
    overflow: hidden;
    width: auto;
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected {
    position: relative;
}
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected::before {
    background: #e3f2fd;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
.md-card-list-wrapper .md-card-list .md-card-list-item-select,
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
    float: left;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-select {
    padding: 6px 8px 0 0;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
.md-card-list-wrapper .md-card-list .md-card-list-item-date,
.md-card-list-wrapper .md-card-list .md-card-list-item-sender,
.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
    padding: 0 8px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar {
    background: #757575;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 34px;
    width: 34px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper span.md-card-list-item-avatar {
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
    line-height: 34px;
    width: 220px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-sender > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
	display: none;
    }
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
    font-weight: 500;
    overflow: hidden;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject > span {
    display: inline-block;
    font-size: 13px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
	display: block;
    }
    .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small + span {
	line-height: inherit;
    }
}
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small > span {
    color: #999;
    display: inline-block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
    color: #999;
    float: right;
    line-height: 34px;
}
@media only screen and (max-width: 479px) {
    .md-card-list-wrapper .md-card-list .md-card-list-item-date {
	display: none;
    }
}
.md-card-list-wrapper .md-card-list .md-card-list-item-menu {
    float: right;
    margin: 0 0 0 8px;
    position: relative;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-menu .uk-dropdown .material-icons {
    margin-right: 8px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper {
    clear: both;
    display: none;
    opacity: 0;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-content {
    font-size: 14px;
    margin: 0 0 40px;
    max-height: 360px;
    overflow-x: hidden;
    padding: 16px 16px 0 0;
    position: relative;
    top: 20px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-content + .md-card-list-item-reply {
    padding-top: 10px;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-reply {
    padding: 16px 0;
}
.md-card-list-wrapper .md-card-list .md-card-list-item-selected {
    background: #e3f2fd;
}
input:not([type]),
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
select,
textarea {
    outline: 0;
}
input:not([type]).md-input,
input[type='text'].md-input,
input[type='password'].md-input,
input[type='datetime'].md-input,
input[type='datetime-local'].md-input,
input[type='date'].md-input,
input[type='month'].md-input,
input[type='time'].md-input,
input[type='week'].md-input,
input[type='number'].md-input,
input[type='email'].md-input,
input[type='url'].md-input,
input[type='search'].md-input,
input[type='tel'].md-input,
input[type='color'].md-input,
select.md-input,
textarea.md-input {
    background: 0 0;
    border-color: rgba(0, 0, 0, 0.12);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    box-shadow: inset 0 -1px 0 transparent;
    box-sizing: border-box;
    display: block;
    font: 400 15px/18px AvenirNextLTPro-Regular, sans-serif;
    padding: 12px 4px;
    width: 100%;
}
input:not([type]).md-input.md-input-danger,
input[type='text'].md-input.md-input-danger,
input[type='password'].md-input.md-input-danger,
input[type='datetime'].md-input.md-input-danger,
input[type='datetime-local'].md-input.md-input-danger,
input[type='date'].md-input.md-input-danger,
input[type='month'].md-input.md-input-danger,
input[type='time'].md-input.md-input-danger,
input[type='week'].md-input.md-input-danger,
input[type='number'].md-input.md-input-danger,
input[type='email'].md-input.md-input-danger,
input[type='url'].md-input.md-input-danger,
input[type='search'].md-input.md-input-danger,
input[type='tel'].md-input.md-input-danger,
input[type='color'].md-input.md-input-danger,
select.md-input.md-input-danger,
textarea.md-input.md-input-danger {
    border-color: #e53935;
}
input:not([type]).md-input.md-input-danger:focus,
input[type='text'].md-input.md-input-danger:focus,
input[type='password'].md-input.md-input-danger:focus,
input[type='datetime'].md-input.md-input-danger:focus,
input[type='datetime-local'].md-input.md-input-danger:focus,
input[type='date'].md-input.md-input-danger:focus,
input[type='month'].md-input.md-input-danger:focus,
input[type='time'].md-input.md-input-danger:focus,
input[type='week'].md-input.md-input-danger:focus,
input[type='number'].md-input.md-input-danger:focus,
input[type='email'].md-input.md-input-danger:focus,
input[type='url'].md-input.md-input-danger:focus,
input[type='search'].md-input.md-input-danger:focus,
input[type='tel'].md-input.md-input-danger:focus,
input[type='color'].md-input.md-input-danger:focus,
select.md-input.md-input-danger:focus,
textarea.md-input.md-input-danger:focus {
    border-bottom-color: #e53935;
    box-shadow: inset 0 -1px 0 #e53935;
}
input:not([type]).md-input.md-input-success,
input[type='text'].md-input.md-input-success,
input[type='password'].md-input.md-input-success,
input[type='datetime'].md-input.md-input-success,
input[type='datetime-local'].md-input.md-input-success,
input[type='date'].md-input.md-input-success,
input[type='month'].md-input.md-input-success,
input[type='time'].md-input.md-input-success,
input[type='week'].md-input.md-input-success,
input[type='number'].md-input.md-input-success,
input[type='email'].md-input.md-input-success,
input[type='url'].md-input.md-input-success,
input[type='search'].md-input.md-input-success,
input[type='tel'].md-input.md-input-success,
input[type='color'].md-input.md-input-success,
select.md-input.md-input-success,
textarea.md-input.md-input-success {
    border-color: #7cb342;
}
input:not([type]).md-input.md-input-success:focus,
input[type='text'].md-input.md-input-success:focus,
input[type='password'].md-input.md-input-success:focus,
input[type='datetime'].md-input.md-input-success:focus,
input[type='datetime-local'].md-input.md-input-success:focus,
input[type='date'].md-input.md-input-success:focus,
input[type='month'].md-input.md-input-success:focus,
input[type='time'].md-input.md-input-success:focus,
input[type='week'].md-input.md-input-success:focus,
input[type='number'].md-input.md-input-success:focus,
input[type='email'].md-input.md-input-success:focus,
input[type='url'].md-input.md-input-success:focus,
input[type='search'].md-input.md-input-success:focus,
input[type='tel'].md-input.md-input-success:focus,
input[type='color'].md-input.md-input-success:focus,
select.md-input.md-input-success:focus,
textarea.md-input.md-input-success:focus {
    border-bottom-color: #7cb342;
    box-shadow: inset 0 -1px 0 #7cb342;
}
input:not([type]).md-input:focus,
input[type='text'].md-input:focus,
input[type='password'].md-input:focus,
input[type='datetime'].md-input:focus,
input[type='datetime-local'].md-input:focus,
input[type='date'].md-input:focus,
input[type='month'].md-input:focus,
input[type='time'].md-input:focus,
input[type='week'].md-input:focus,
input[type='number'].md-input:focus,
input[type='email'].md-input:focus,
input[type='url'].md-input:focus,
input[type='search'].md-input:focus,
input[type='tel'].md-input:focus,
input[type='color'].md-input:focus,
select.md-input:focus,
textarea.md-input:focus {
    background: 0 0;
    border-color: rgba(0, 0, 0, 0.12);
}
input:not([type]).md-input-small,
input[type='text'].md-input-small,
input[type='password'].md-input-small,
input[type='datetime'].md-input-small,
input[type='datetime-local'].md-input-small,
input[type='date'].md-input-small,
input[type='month'].md-input-small,
input[type='time'].md-input-small,
input[type='week'].md-input-small,
input[type='number'].md-input-small,
input[type='email'].md-input-small,
input[type='url'].md-input-small,
input[type='search'].md-input-small,
input[type='tel'].md-input-small,
input[type='color'].md-input-small,
select.md-input-small,
textarea.md-input-small {
    padding: 4px;
}
.md-input-width-small {
    min-width: 80px !important;
}
.md-input-width-medium {
    min-width: 160px !important;
}
.md-input-width-large {
    min-width: 320px !important;
}
textarea.md-input {
    line-height: 24px;
    min-height: 80px;
    overflow: hidden;
    resize: none;
    -webkit-transition: height 200ms ease-out;
    transition: height 200ms ease-out;
}
.md-input-wrapper {
    display: block;
    padding-top: 4px;
    position: relative;
    width: 100%;
}
.md-input-wrapper .md-input-bar {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
.md-input-wrapper .md-input-bar::after,
.md-input-wrapper .md-input-bar::before {
    background: var(--theme-color);
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    -webkit-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 0;
}
.md-input-wrapper .md-input-bar::before {
    left: 50%;
}
.md-input-wrapper .md-input-bar::after {
    right: 50%;
}
.md-input-wrapper > label {
    color: #727272;
    left: 4px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 16px;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.md-input-wrapper + * {
    margin-top: 10px;
}
.md-input-wrapper.md-input-wrapper-disabled > label {
    color: rgba(0, 0, 0, 0.26);
}
.md-input-wrapper-count {
    padding-bottom: 24px;
}
.md-input-wrapper-count .md-input-bar {
    bottom: 24px;
}
.md-input-wrapper-count .text-count-wrapper {
    bottom: 0;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}
.md-input-wrapper-count > .md-input-wrapper-count .text-count-wrapper {
    bottom: 0;
    position: absolute;
    right: 0;
}
.md-input-filled > label,
.md-input-focus > label {
    font-size: 12px;
    top: -6px;
}
.md-input-filled.md-input-wrapper-count .text-count-wrapper,
.md-input-focus.md-input-wrapper-count .text-count-wrapper {
    opacity: 1;
}
.md-input-focus .md-input-bar::after,
.md-input-focus .md-input-bar::before {
    width: 50%;
}
.md-input-wrapper-danger .md-input-bar::after,
.md-input-wrapper-danger .md-input-bar::before {
    background: #e53935;
    width: 50%;
}
.md-input-wrapper-danger .md-input-bar::before {
    left: 50%;
}
.md-input-wrapper-danger .md-input-bar::after {
    right: 50%;
}
.md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
    color: #e53935;
}
.md-input-wrapper-success .md-input-bar::after,
.md-input-wrapper-success .md-input-bar::before {
    background: #7cb342;
    width: 50%;
}
.md-input-wrapper-success .md-input-bar::before {
    left: 50%;
}
.md-input-wrapper-success .md-input-bar::after {
    right: 50%;
}
.md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
    color: #7cb342;
}
.md-form-group {
    position: relative;
}
label.md-label {
    color: #999;
    font-size: 11px;
    padding: 0 6px;
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
}
.material-icons {
    color: rgba(0, 0, 0, 0.54);
    display: inline-block;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -4px;
    width: 1em;
}

.material-icons.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}
.material-icons.md-18 {
    font-size: 18px;
    vertical-align: -4px;
}
.material-icons.md-24 {
    font-size: 24px;
    vertical-align: -12px;
}
.material-icons.md-36 {
    font-size: 36px;
    vertical-align: -16px;
}
.material-icons.md-48 {
    font-size: 48px;
    vertical-align: -24px;
}
#header_main .material-icons.md-light {
    color: #939598;
}
.material-icons.md-light {
    color: #fff;
}
.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}
.md-list {
    margin: 0;
}
.md-list > li {
    margin: 0;
}
.md-list,
.md-list > li {
    list-style: none;
    padding: 0;
}
.md-list,
.md-list *,
.md-list ::after,
.md-list ::before,
.md-list::after,
.md-list::before {
    box-sizing: border-box;
}
.md-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    min-height: 48px;
    padding: 10px 4px;
}
.md-list li > .md-list-content {
    overflow: hidden;
}
.md-list li > .md-list-content > span {
    display: block;
}
.md-list li > .md-list-content .md-list-heading {
    display: block;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}
.app_container {
    padding-top: 50px !important;
}
.app_list .w100 {
    line-height: 20px;
    width: 90% !important;
}
.app_dialog {
    left: auto !important;
    right: auto !important;
    top: 20% !important;
}
.app_dialog #status_msg {
    line-height: 28px;
    overflow: hidden;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app_dialog .modal_button {
    margin-top: 30px;
}
#active_support_tickets .w100 {
    width: 80%;
}
.md-list li > .md-list-content .md-list-menu {
    float: right;
}
.md-list-heading a {
    color: #444;
}
.md-list li > .md-list-content .md-list-menu .md-list-menu-toggle {
    border-radius: 14px;
    color: rgba(0, 0, 0, 0.8);
    display: block;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
}
.md-list li > .md-list-content .uk-badge {
    color: #fff !important;
    float: right;
}
.md-list li > a.md-list-content {
    color: #212121;
    display: block;
}
.md-list li:last-child {
    border-bottom: none;
}
.md-list li.md-list-item-active {
    color: #7cb342;
}
.md-list li.md-list-item-disabled .md-list-content {
    opacity: 0.5;
}
.md-list li.heading_list {
    background: 0 0 !important;
    border-bottom: none;
    min-height: 32px;
    padding: 32px 8px 16px;
    text-transform: uppercase;
}
.md-list-addon li {
    position: relative;
}
.md-list-addon li:last-child .md-list-addon-element {
    border-bottom: none;
    bottom: 0;
}
.md-list-addon li:first-child .md-list-addon-element {
    top: 0;
}
.md-list-addon li.md-list-item-active .md-list-addon-element,
.md-list-addon li.md-list-item-active .md-list-addon-element .material-icons {
    color: #7cb342;
}
.md-list-addon-element {
    bottom: -1px;
    padding: 8px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1px;
}

.md-list-heading-fullwidth {
    padding-bottom: 10px;
    width: 100%;
}
.md-list-addon-element > .md-list-addon-avatar {
    margin-top: 2px;
}
.md-list-addon-element > .md-list-addon-icon {
    color: #727272;
    font-size: 28px;
    margin-top: 4px;
}
.md-list-addon-element > .material-icons {
    margin-top: 6px;
}
.md-list-addon-element .icheckbox_md,
.md-list-addon-element .iradio_md {
    margin-top: 10px;
}
.md-list-interactive li {
    cursor: pointer;
}
.md-list-bg {
    background: #fff;
}
.md-list-separated li {
    background: #fff;
    padding: 8px;
}
.md-list-separated li + li {
    border-top: none;
    margin-top: 8px;
}
.md-list-bg-no-sep {
    background: #fff;
    padding: 8px;
}
.md-list-bg-no-sep li > .md-list-content {
    padding: 0 4px;
}
.md-list-outside li {
    padding: 0;
}
.md-list-outside li > a.md-list-content {
    color: #212121;
    display: block;
    padding: 8px 16px;
}
.md-list-outside li.md-list-item-active,
.md-list-outside li:hover:not(.heading_list) {
    background: rgba(0, 0, 0, 0.085);
}
.md-list-outside li.heading_list {
    padding: 32px 16px 16px;
}
.md-list-outside-wrapper {
    overflow: hidden;
}
.md-panel-full {
    min-height: 100%;
    overflow: hidden;
    position: relative;
}
.md-panel-full,
.md-panel-full *,
.md-panel-full ::after,
.md-panel-full ::before,
.md-panel-full::after,
.md-panel-full::before {
    box-sizing: border-box;
}
.md-panel-full > .uk-grid {
    height: 100%;
}
.md-panel-full > .uk-grid [class*='uk-width'] {
    height: 100%;
}
.md-panel-full .md-panel-full-aside {
    margin: 16px 16px 32px;
    padding: 16px;
}
.md-panel-full .md-panel-full-aside.md-panel-full-aside-bg {
    background: #fff;
}
.md-panel-full .md-panel-full-content {
    background: #fff;
    min-height: 100%;
    min-width: 100%;
    padding: 25px 25px 90px;
    width: inherit;
}
.md-panel-full .md-panel-full-content > .md-panel-full-content-inner {
    position: relative;
    z-index: 10;
}
.md-panel-full .md-panel-full-content::before {
    background: #fff;
    bottom: 0;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: inherit;
    z-index: 5;
}
.md-panel-full .md-panel-full-content .md-panel-full-content-header {
    margin-bottom: 24px;
}
.md-panel-full .md-panel-full-content .md-panel-full-content-header .md-panel-full-content-menu {
    float: right;
}
.md-top-bar .md-top-bar-actions-left {
    float: left;
    padding-left: 16px;
}
.md-top-bar .md-top-bar-actions-left .md-top-bar-checkbox {
    padding-top: 10px;
}
.md-top-bar .md-top-bar-actions-right {
    float: right;
    padding-right: 16px;
}
.md-top-bar .md-top-bar-actions-right .md-top-bar-icons {
    margin-top: 5px;
}
.md-user-image {
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
.md-user-placeholder {
    background-color: rgba(0, 0, 0, 0.085);
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
.md-user-letters {
    background-color: rgba(0, 0, 0, 0.085);
    border-radius: 50%;
    display: inline-block;
    font-weight: 500;
    height: 34px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    width: 34px;
}
.md-icon {
    border-radius: 50%;
    color: #727272;
    cursor: pointer;
    font-size: 24px;
    height: 32px !important;
    line-height: 32px !important;
    text-align: center;
    -webkit-transition: background 280ms ease-out, color 280ms ease-out;
    transition: background 280ms ease-out, color 280ms ease-out;
    width: 32px !important;
}
.md-icon.active,
.md-icon:active,
.md-icon:focus,
.md-icon:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #212121;
}
.md-icon-light {
    color: #fff;
}
.md-icon-light:active,
.md-icon-light:focus,
.md-icon-light:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}
.md-icon-dark {
    color: #212121;
}
.md-icon-dark:active,
.md-icon-dark:focus,
.md-icon-dark:hover {
    background: rgba(255, 255, 255, 0.6);
    color: #212121;
}
.md-icon + .md-icon {
    margin-left: 4px;
}
.md-icon-btn {
    display: inline-block;
}
.md-icon-btn.active .md-icon {
    background: rgba(0, 0, 0, 0.08);
    color: #212121;
}
button.md-icon {
    background: 0 0;
    border: none;
    outline: 0;
}
.uk-open .md-icon {
    background: rgba(0, 0, 0, 0.08);
    color: #212121;
}
.uk-open .md-icon-light {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}
.uk-open .md-icon-dark {
    background: rgba(255, 255, 255, 0.6);
    color: #212121;
}
.md-list-inputs {
    margin: 0;
}
.md-list-inputs > li {
    margin: 0;
}
.md-list-inputs,
.md-list-inputs > li {
    list-style: none;
    padding: 0;
}
.md-list-inputs li + li {
    margin-top: 8px;
}
.md-list-inputs li .icheckbox_md {
    float: left;
}
.md-list-inputs li label {
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding-left: 8px;
}
.md-hr {
    border-top: 2px solid rgba(0, 0, 0, 0.12);
    height: 0;
    margin: 32px 0;
}
.top-details {
    display: inline-block;
    float: left;
    line-height: 25px;
}
.top-content:last-child {
    border-right: none;
    margin-right: 0 !important;
}
.top-content {
    border-right: 1px dashed #ccc;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 0 10px;
}
.detail-span-link {
    color: var(--theme-color)  !important;
    cursor: pointer !important;
    font-size: 12px !important;
    padding-right: 1em;
}

.detail-span-snooze_unsnooze {
    color: #2d2d2d !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: bold;
}
.top-content img {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
}
.top-content h2 {
    color: skyblue;
    display: inline-block;
    float: right;
    font-size: 25px;
    margin: 0 10px 0 0;
}
@-webkit-keyframes hierarchical_show {
    0% {
	opacity: 0;
	-webkit-transform: scale3d(0.2, 0.2, 2);
	transform: scale3d(0.2, 0.2, 2);
    }
    50% {
	opacity: 1;
    }
    100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
    }
}
@keyframes hierarchical_show {
    0% {
	opacity: 0;
	-webkit-transform: scale3d(0.2, 0.2, 2);
	transform: scale3d(0.2, 0.2, 2);
    }
    50% {
	opacity: 1;
    }
    100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
    }
}
.hierarchical_show > * {
    visibility: hidden;
}
.hierarchical_show_inView > * {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: hierarchical_show;
    animation-name: hierarchical_show;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: visible;
}
@-webkit-keyframes hierarchical_slide {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 160%, 0);
	transform: translate3d(0, 160%, 0);
    }
    33% {
	opacity: 1;
    }
    100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    }
}
@keyframes hierarchical_slide {
    0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 160%, 0);
	transform: translate3d(0, 160%, 0);
    }
    33% {
	opacity: 1;
    }
    100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    }
}
.hierarchical_slide > * {
    visibility: hidden;
}
.hierarchical_slide_inView > * {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: hierarchical_slide;
    animation-name: hierarchical_slide;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: visible;
}
.fast_animation {
    -webkit-animation-duration: 350ms;
    animation-duration: 350ms;
}
.cp_altair {
    overflow: hidden;
    padding: 8px 0;
}
.cp_altair span {
    cursor: pointer;
    float: left;
    height: 24px;
    margin: 0 8px 8px 0;
    -webkit-transition: all 280ms ease-out;
    transition: all 280ms ease-out;
    width: 24px;
}
.cp_altair span.active_color {
    border-radius: 50%;
    cursor: default;
}
.mGraph {
    min-height: 240px;
    width: 100%;
}
.mGraph-wrapper {
    position: relative;
}
.mGraph-wrapper .md-toggle-group {
    left: 12px;
    position: absolute;
    top: 4px;
}
.mGraph .mg-active-datapoint {
    font-size: 13px;
}
.mGraph .mg-area1-color {
    fill: var(--theme-color);
}
.mGraph .mg-area2-color {
    fill: #689f38;
}
.mGraph .mg-area3-color {
    fill: #d32f2f;
}
.mGraph .mg-area4-color {
    fill: #ffa000;
}
.mGraph .mg-area5-color {
    fill: #455a64;
}
.mGraph .mg-baselines line {
    stroke: #909090;
    stroke-width: 0.5;
}
.mGraph .mg-baselines text {
    font-size: 9px;
    opacity: 0.5;
}
.mGraph .mg-chart-title {
    font-size: 22px;
}
.mGraph .mg-chart-title .fa {
    font-size: 16px;
}
.mGraph .mg-line1-color {
    stroke: var(--theme-color);
}
.mGraph .mg-hover-line1-color {
    fill: var(--theme-color);
}
.mGraph .mg-line2-color {
    stroke: #689f38;
}
.mGraph .mg-hover-line2-color {
    fill: #689f38;
}
.mGraph .mg-line3-color {
    stroke: #d32f2f;
}
.mGraph .mg-hover-line3-color {
    fill: #d32f2f;
}
.mGraph .mg-line4-color {
    stroke: #ffa000;
}
.mGraph .mg-hover-line4-color {
    fill: #ffa000;
}
.mGraph .mg-line5-color {
    stroke: #455a64;
}
.mGraph .mg-hover-line5-color {
    fill: #455a64;
}
.mGraph .mg-line1-legend-color {
    color: var(--theme-color);
}
.mGraph .mg-line2-legend-color {
    color: #689f38;
}
.mGraph .mg-line3-legend-color {
    color: #d32f2f;
}
.mGraph .mg-line4-legend-color {
    color: #ffa000;
}
.mGraph .mg-line5-legend-color {
    color: #455a64;
}
.mGraph .mg-markers line {
    stroke-width: 0.8;
}
.mGraph .mg-markers text {
    font-size: 9px;
}
.mGraph path.mg-main-line {
    stroke-width: 1.1;
}
.mGraph .mg-x-axis line,
.mGraph .mg-y-axis line {
    stroke: #ccc;
    stroke-width: 0.8;
}
.mGraph .mg-histogram .axis text,
.mGraph .mg-x-axis text,
.mGraph .mg-y-axis text {
    font-size: 11px;
}
.mGraph .mg-axis .label,
.mGraph .mg-x-axis .label,
.mGraph .mg-y-axis .label {
    font-size: 10px;
}
.mGraph .mg-active-datapoint-small,
.mGraph .mg-x-axis-small text,
.mGraph .mg-y-axis-small text {
    font-size: 8px;
}
.mGraph .mg-x-axis-small .label,
.mGraph .mg-y-axis-small .label {
    font-size: 9px;
}
.mGraph .mg-year-marker text {
    font-size: 9px;
}
.mGraph .mg-year-marker line {
    stroke: #ccc;
    stroke-width: 0.8;
}
.mGraph .mg-year-marker-small text {
    font-size: 8px;
}
.mGraph .mg-chart-title {
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.mGraph .mg-chart-title .popover {
    background: #616161;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin-top: -10px;
    max-width: 290px;
    padding: 8px 16px;
    position: absolute !important;
    z-index: 1060;
}
.c3chart {
    min-height: 240px;
    width: 100%;
}
.c3chart .c3-tooltip {
    background: #fff;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    empty-cells: show;
    opacity: 1;
}
.c3chart .c3-tooltip th {
    background: #fff;
    border: none;
    color: #212121;
}
.c3chart .c3-tooltip td {
    border: none;
    color: #212121;
    font-size: 12px;
    font-weight: 400;
}
.c3chart .c3-tooltip td + td {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.c3chart .c3-tooltip tr {
    border: none;
}
.c3chart .c3-tooltip tr + tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.c3-area {
    opacity: 0.25;
}
.clndr {
    overflow: hidden;
    position: relative;
}
.clndr,
.clndr *,
.clndr ::after,
.clndr ::before,
.clndr::after,
.clndr::before {
    box-sizing: border-box;
}
.clndr .clndr_days_grid::after,
.clndr .clndr_days_grid::before,
.clndr .clndr_days_names::after,
.clndr .clndr_days_names::before {
    content: ' ';
    display: table;
}
.clndr .clndr_days_grid::after,
.clndr .clndr_days_names::after {
    clear: both;
}
.clndr .md-card-toolbar-heading-text {
    text-transform: capitalize;
}
.clndr .clndr_days {
    opacity: 1;
    padding: 16px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.clndr .clndr_days .clndr_days_names .day-header {
    float: left;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    width: 14.28571429%;
}
.clndr .clndr_days .clndr_days_grid .day {
    float: left;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 14.28571429%;
}
.clndr .clndr_days .clndr_days_grid .day.last-month,
.clndr .clndr_days .clndr_days_grid .day.next-month {
    color: #bbb;
}
.clndr .clndr_days .clndr_days_grid .day > span {
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    width: 38px;
}
@media only screen and (max-width: 479px) {
    .clndr .clndr_days .clndr_days_grid .day > span {
	border-radius: 16px;
	font-size: 14px;
	line-height: 32px;
	width: 32px;
    }
}
.clndr .clndr_days .clndr_days_grid .day.today > span {
    background: #7cb342;
    color: #fff;
}
.clndr .clndr_days .clndr_days_grid .day.event {
    cursor: pointer;
}
.clndr .clndr_days .clndr_days_grid .day.event > span {
    border-color: rgba(0, 0, 0, 0.12);
}
.clndr .clndr_days .clndr_days_grid .day.event.today > span {
    border-color: transparent;
}
.clndr .clndr_events {
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    bottom: 0;
    margin-right: -240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 48px;
    -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 240px;
}
.clndr .clndr_events .clndr_event {
    display: none;
    padding: 8px 0;
}
.clndr .clndr_events .clndr_event > a {
    color: #212121;
    display: inline-block;
}
.clndr .clndr_events .clndr_event .clndr_event_more_info,
.clndr .clndr_events .clndr_event .clndr_event_title {
    display: block;
}
.clndr .clndr_events .clndr_event .clndr_event_more_info {
    color: #999;
    font-size: 12px;
    margin: 0;
}
.clndr .clndr_events .clndr_event .clndr_event_title {
    font-size: 14px;
    font-weight: 500;
}
.clndr .clndr_events .clndr_events_close_button {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 6px;
}
.clndr-wrapper.animated_change .clndr_days {
    opacity: 0;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
}
.events_visible .clndr .clndr_days {
    margin-right: 240px;
}
.events_visible .clndr .clndr_days .day-active > span {
    border-color: var(--theme-color) !important;
    box-shadow: 0 0 0 1px var(--theme-color);
}
.events_visible .clndr .clndr_events {
    margin-right: 0;
}
.events_over.events_visible .clndr .clndr_days {
    margin-right: 0;
}
.events_over.events_visible .clndr_events {
    border-left-color: transparent;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
    z-index: 5;
}
.peity_data {
    display: none;
}
.gmap {
    height: 240px;
    width: 100%;
}
.gmap img {
    max-width: none;
}
.gmap .on_gmap .wrap_controls {
    border: none !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
    width: 180px;
}
.gmap .on_gmap .controls_title {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.gmap .on_gmap.dropdown .wrap_controls {
    overflow: visible !important;
}
.gmap_list > li {
    cursor: pointer;
    -webkit-transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.gmap_list > li:active {
    background: #eee;
}
.gmap-info-window {
    font-weight: 400;
    min-width: 120px;
}
.gmap-info-window h3 {
    font-size: 14px;
    margin: 0;
}
.gmap-info-window p {
    color: #aaa;
    font-size: 13px;
    margin: 0;
}
.epc_chart {
    display: block;
    position: relative;
}
.epc_chart_text {
    bottom: 0;
    font: 400 20px/110px AvenirNextLTPro-Regular, sans-serif;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.epc_chart_icon {
    border-radius: 50%;
    bottom: 0;
    display: block;
    height: 55px;
    left: 12px;
    line-height: 77px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12px;
    width: 55px;
}
.m-top-25 {
    margin-left: 110px;
    margin-top: 25px;
}
.m-top-30 {
    margin-top: 30px;
}
.countUpMe {
    font-size: 35px;
}
.epc_chart_icon > i {
    color: #fff;
    font-size: 25px;
    vertical-align: super;
}
.epc_chart + .heading_a {
    margin-top: 10px;
}
.icheckbox_md,
.iradio_md {
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.icheckbox_md::after,
.iradio_md::after {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.icheckbox_md > input,
.iradio_md > input {
    margin: 0;
}
.icheckbox_md > .iCheck-helper,
.iradio_md > .iCheck-helper {
    z-index: 10;
}
.icheckbox_md {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    height: 18px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    width: 18px;
}
.icheckbox_md.checked::after,
.icheckbox_md.disabled::after {
    color: #fff;
    content: '\e5ca';
    font-family: 'Material Icons';
    font-size: 18px;
    left: -2px;
    line-height: 1.42857143;
    position: absolute;
    top: -6px;
}
.icheckbox_md.checked,
.icheckbox_md.hover.checked {
    background: var(--theme-color) ;
    border-color: var(--theme-color)  !important;
}
.icheckbox_md.disabled,
.icheckbox_md.disabled.checked {
    background-clip: padding-box;
    border-color: rgba(0, 0, 0, 0.26);
    cursor: default;
}
.md-input-danger .icheckbox_md {
    border-color: #e53935;
}
.iradio_md {
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    height: 20px;
    width: 20px;
}
.iradio_md::after {
    background: 0 0;
    border-radius: 50%;
    content: '';
    height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    width: 10px;
}
.iradio_md.checked {
    border-color: var(--theme-color);
}
.iradio_md.checked::after {
    background: var(--theme-color);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.iradio_md.disabled {
    border-color: rgba(0, 0, 0, 0.26);
    cursor: default;
}
.iradio_md.disabled::after {
    background: rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.md-input-danger .iradio_md {
    border-color: #e53935;
}
.disabled + .inline-label {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
}
.icheck-inline {
    display: inline-block;
    margin: 8px 0px 0px 0;
    min-width: 160px;
}

.icheck-nomargin {
    margin: 0;
}

code[class*='language-'],
pre[class*='language-'] {
    color: #000;
    direction: ltr;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    text-align: left;
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
}
pre[class*='language-'] {
    background-color: #fdfdfd;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-origin: content-box;
    background-size: 3em 3em;
    border-left: 10px solid #358ccb;
    box-shadow: -1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf;
    margin: 0.5em 0;
    max-height: 30em;
    overflow: visible;
    position: relative;
}
code[class*='language'] {
    display: block;
    height: 100%;
    max-height: inherit;
    overflow: auto;
    padding: 0 1em;
}
:not(pre) > code[class*='language-'],
pre[class*='language-'] {
    background-color: #fdfdfd;
    box-sizing: border-box;
    margin-bottom: 1em;
}
:not(pre) > code[class*='language-'] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.3em;
    color: #c92c2c;
    padding: 0.2em;
    position: relative;
}
pre[class*='language-']::after,
pre[class*='language-']::before {
    bottom: 0.75em;
    box-shadow: 0 13px 8px #979797;
    content: '';
    display: block;
    height: 20%;
    left: 0.18em;
    position: absolute;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    width: 40%;
    z-index: -2;
}
:not(pre) > code[class*='language-']::after,
pre[class*='language-']::after {
    left: auto;
    right: 0.75em;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #7d8b99;
}
.token.punctuation {
    color: #5f6364;
}
.token.boolean,
.token.constant,
.token.deleted,
.token.function-name,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #c92c2c;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.function,
.token.inserted,
.token.selector,
.token.string {
    color: #2f9c0a;
}
.token.entity,
.token.operator,
.token.url,
.token.variable {
    background: rgba(255, 255, 255, 0.5);
    color: #a67f59;
}
.token.atrule,
.token.attr-value,
.token.class-name,
.token.keyword {
    color: #1990b8;
}
.token.important,
.token.regex {
    color: #e90;
}
.language-css .token.string,
.style .token.string {
    background: rgba(255, 255, 255, 0.5);
    color: #a67f59;
}
.token.important {
    font-weight: 400;
}
.token.bold {
    font-weight: 700;
}
.token.italic {
    font-style: italic;
}
.token.entity {
    cursor: help;
}
.namespace {
    opacity: 0.7;
}
@media screen and (max-width: 1024px) {
    pre[class*='language-']::after,
    pre[class*='language-']::before {
	bottom: 14px;
	box-shadow: none;
    }
}
.token.cr::before,
.token.lf::before,
.token.tab:not(:empty)::before {
    color: #e0d7d1;
}
pre[class*='language-'].line-numbers {
    padding-left: 0;
}
pre[class*='language-'].line-numbers code {
    padding-left: 3.8em;
}
pre[class*='language-'].line-numbers .line-numbers-rows {
    left: 0;
}
pre[class*='language-'][data-line] {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}
pre[data-line] code {
    padding-left: 4em;
    position: relative;
}
pre .line-highlight {
    margin-top: 0;
}
pre.line-numbers {
    counter-reset: linenumber;
    padding-left: 3.8em;
    position: relative;
}
pre.line-numbers > code {
    position: relative;
}
.line-numbers .line-numbers-rows {
    border-right: 1px solid #999;
    font-size: 100%;
    left: -3.8em;
    letter-spacing: -1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 3em;
}
.line-numbers-rows > span {
    counter-increment: linenumber;
    display: block;
    pointer-events: none;
}
.line-numbers-rows > span::before {
    color: #999;
    content: counter(linenumber);
    display: block;
    padding-right: 0.8em;
    text-align: right;
}
.scroll-wrapper {
    height: 100%;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    outline: 0;
    overflow: scroll !important;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
    display: none;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #6c6e71;
    border-radius: 6px;
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}
.scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
    left: -8px;
    min-height: 10px;
    width: 6px;
}
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}
.scrollbar-inner:hover > .scroll-element .scroll-bar,
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    opacity: 0.7;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    box-shadow: inset 0 0 12px 4px #fff;
    visibility: visible !important;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
    background: #f8f8f8;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 3px 3px 0 0;
    padding: 5px 8px;
    position: relative;
}
.selectize-dropdown-header-close {
    color: #303030;
    font-size: 20px !important;
    line-height: 20px;
    margin-top: -12px;
    opacity: 0.4;
    position: absolute;
    right: 8px;
    top: 50%;
}
.selectize-dropdown-header-close:hover {
    color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    box-sizing: border-box;
    float: left;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup::before {
    display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
    padding-right: 24px !important;
    position: relative;
}
.selectize-control.plugin-remove_button [data-value] .remove {
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    bottom: 0;
    box-sizing: border-box;
    color: inherit;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: 17px;
    z-index: 1;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: 0 0;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff;
}
.selectize-control {
    position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    -webkit-font-smoothing: inherit;
    line-height: 18px;
}
.selectize-control.single .selectize-input.input-active,
.selectize-input {
    background: #fff;
    cursor: text;
    /*display: inline-block;*/
}
.selectize-input {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px;
}
.selectize-input.full {
    background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}
.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0;
}
.selectize-input > * {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}
.selectize-control.multi .selectize-input > div {
    background: #f2f2f2;
    border: 0 solid #d0d0d0;
    color: #303030;
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
}
.selectize-control.multi .selectize-input > div.active {
    background: #e8e8e8;
    border: 0 solid #cacaca;
    color: #303030;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    background: #fff;
    border: 0 solid #fff;
    color: #7d7d7d;
}
.selectize-input > input {
    background: 0 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    display: inline-block !important;
    line-height: inherit !important;
    margin: 0 2px 0 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    -webkit-user-select: auto !important;
}
.selectize-input > input::-ms-clear {
    display: none;
}
.selectize-input > input:focus {
    outline: 0 !important;
}
.selectize-input::after {
    clear: left;
    content: ' ';
    display: block;
}
.selectize-input.dropdown-active::before {
    background: #f0f0f0;
    bottom: 0;
    content: ' ';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}
.selectize-dropdown {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    border-top: 0 none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: -1px 0 0;
    position: absolute;
    z-index: 10;
}
.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    border-radius: 1px;
}
.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
    padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
    background: #fff;
    color: #303030;
    cursor: default;
}
.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68;
}
.selectize-dropdown .active.create {
    color: #495c68;
}
.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}
.selectize-control.single .selectize-input::after {
    border-color: grey transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: ' ';
    display: block;
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
}
.selectize-control.single .selectize-input.dropdown-active::after {
    border-color: transparent transparent grey;
    border-width: 0 5px 5px;
    margin-top: -4px;
}
.selectize-control.rtl.single .selectize-input::after {
    left: 15px;
    right: auto;
}
.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
    background-color: #ddd;
    opacity: 0.5;
}
.selectize-input {
    border-color: #ccc;
    padding: 8px;
    height: 3.125vw;
}
.editable-lamp .selectize-input {
    height: 4.125vw;
}
.selectize-input,
.selectize-input.focus {
    box-shadow: none;
    border-radius: 4px;
}
.selectize-input.focus::before,
.selectize-input::before {
    display: none;
}
.md-input-danger .selectize-input {
    border-color: #e53935;
}
.selectize-dropdown {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #212121;
    margin-top: 1px;
    z-index: 1210;
    /*width: 100% !important;*/
    /*top: 0px !important;*/
}
.selectize-dropdown [data-selectable] {
    padding-bottom: 8px;
    padding-top: 8px;
}
.selectize-dropdown .active {
    background: rgba(0, 0, 0, 0.085);
    color: inherit;
}
.selectize-dropdown .optgroup-header {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.selectize-dropdown.multi .item-icon {
    margin-right: 4px;
}
.selectize-control.multi .selectize-input {
    min-height: 40px;
}
.selectize-control.multi .selectize-input > div {
    border-radius: 18px;
    font-size: 14px;
    padding: 3px 8px 2px;
}
.selectize-control.multi .selectize-input .selectize-input.has-items {
    padding: 4px;
}
.selectize-control.multi .selectize-input .item-icon {
    margin-right: 4px;
}
.selectize-control.multi .selectize-input input {
    height: 26px;
}
.selectize-control.plugin-remove_button [data-value] {
    padding-right: 32px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
    border: none;
    padding: 4px 5px 0 0;
    width: auto;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: 0 0;
}
.selectize-control.plugin-remove_button [data-value] .remove::after {
    color: #727272;
    content: '\e5cd';
    font-family: 'Material Icons';
    font-size: 18px;
}
.selectize_fix {
    height: 0;
    overflow: hidden;
    width: 100%;
}
.CodeMirror div.CodeMirror-cursor {
    min-height: 20px;
}
.switchery {
    background-clip: content-box;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: none !important;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 6px 2px;
    position: relative;
    -webkit-transition: background-color 800ms ease-out !important;
    transition: background-color 800ms ease-out !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 38px;
}
.switchery > small {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
    height: 20px;
    margin-top: -3px;
    position: absolute;
    top: 0;
    -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 20px;
}
.switchery-small {
    height: 9px;
    margin: 4px 1px;
    width: 32px;
}
.switchery-small > small {
    height: 16px;
    top: -1px;
    width: 16px;
}
.switchery-large {
    width: 48px;
}
.switchery-large > small {
    height: 24px;
    top: -3px;
    width: 24px;
}
.irs {
    display: block;
    height: 55px;
    left: 30px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 97%;
}
@media only screen and (max-width: 1024px) {
    .irs {
	left: 10px;
	width: 92%;
    }
}

.irs-line {
    background: #eee;
    display: block;
    height: 2px;
    outline: 0 !important;
    overflow: hidden;
    position: relative;
    top: 33px;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
    display: block;
    position: absolute;
    top: 0;
}
.irs-line-left {
    height: 8px;
    left: 0;
    width: 11%;
}
.irs-line-mid {
    height: 8px;
    left: 9%;
    width: 82%;
}
.irs-line-right {
    height: 8px;
    right: 0;
    width: 11%;
}
.irs-bar {
    border-radius: 10px;
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 29px;
    width: 0;
}
.yellow-alert .irs-bar {
    background: #f7ce76;
}
.red-alert .irs-bar {
    background: #c13546;
}
.blue-alert .irs-bar {
    background: var(--theme-color) ;
}
.irs-bar-edge {
}
.irs-shadow {
    background: #000;
    display: none;
    height: 4px;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 32px;
    width: 0;
}
.irs-slider {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 18px;
    position: absolute;
    top: 22px;
    width: 18px;
    z-index: 1;
}
.irs-slider::before {
    background: #ccc;
    border: 2px solid #ccc;
    border-radius: 50%;
    bottom: 3px;
    content: '';
    display: block;
    left: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: -1;
}
.irs-slider.state_hover,
.irs-slider:hover {
    background: grey none repeat scroll 0 0;
}
.irs-slider.type_last {
    z-index: 2;
}
.irs-max,
.irs-min {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    color: #727272;
    cursor: default;
    display: none;
    font-size: 12px;
    line-height: 16px;
    padding: 1px 4px;
    position: absolute;
    text-shadow: none;
    top: 0;
}
.irs-min {
    left: 0;
}
.irs-max {
    right: 0;
}
.alerts-info p {
    color: #8c8c8c;
    /*display: inline;*/
    /*margin-left: 10px;*/
}
.alerts-info p strong {
    color: #000;
}
.alerts-info i {
    font-size: 30px;
    margin-left: 15px;
}
.warning i {
    color: #f7ce76;
}
.danger i {
    color: #c13546;
}

.gray-back {
    background-color: #f9f9f9;
}
.disable-button {
    background: #888a85 none repeat scroll 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: table;
    font-family: Arial;
    font-size: 18px;
    margin: 50px auto 0;
    padding: 11px 0;
    /* padding: 10px 100px; */
    text-align: center;
    width: 300px;
}
.irs-from,
.irs-single,
.irs-to {
    background: #ccc;
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: none;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    padding: 1px 4px;
    position: absolute;
    text-shadow: none;
    top: 0;
    white-space: nowrap;
}
.irs-from::after,
.irs-single::after,
.irs-to::after {
    border: 4px solid transparent;
    border-top-color: #ccc;
    bottom: -8px;
    content: '';
    display: block;
    left: 50%;
    margin-left: -4px;
    position: absolute;
}
.irs-with-grid {
    height: 65px;
}
.irs-grid {
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.irs-grid-pol {
    background: #727272;
    height: 8px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 1px;
}
.irs-grid-pol.small {
    background: #727272;
    height: 4px;
}
.irs-grid-text {
    bottom: 0;
    color: #727272;
    font-size: 9px;
    left: 0;
    line-height: 9px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-disable-mask {
    background: transparent;
    cursor: default;
    display: block;
    height: 100%;
    left: -1%;
    position: absolute;
    top: 0;
    width: 102%;
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.irs-hidden-input {
    background: 0 0 !important;
    border-color: transparent !important;
    border-style: solid !important;
    display: block !important;
    font-size: 0 !important;
    height: 0 !important;
    left: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
    z-index: -9999 !important;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}
.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
    background: #ccc;
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
    background: #999;
}
.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed;
    filter: alpha(opacity=0);
}
.parsley-errors-list {
    color: #e53935;
    margin-top: 0;
}
.parsley-errors-list span {
    display: block;
    padding-top: 4px;
}
.dataTables_wrapper .uk-table {
    border-spacing: 0;
    margin: 0 auto;
}
.dataTables_wrapper .uk-table thead .sorting,
.dataTables_wrapper .uk-table thead .sorting_asc,
.dataTables_wrapper .uk-table thead .sorting_desc {
    cursor: pointer;
    padding-right: 24px;
}
.dataTables_wrapper .uk-table thead .sorting,
.dataTables_wrapper .uk-table thead .sorting_asc,
.dataTables_wrapper .uk-table thead .sorting_asc_disabled,
.dataTables_wrapper .uk-table thead .sorting_desc,
.dataTables_wrapper .uk-table thead .sorting_desc_disabled {
    position: relative;
}
.dataTables_wrapper .uk-table thead .sorting::after,
.dataTables_wrapper .uk-table thead .sorting_asc::after,
.dataTables_wrapper .uk-table thead .sorting_asc_disabled::after,
.dataTables_wrapper .uk-table thead .sorting_desc::after,
.dataTables_wrapper .uk-table thead .sorting_desc_disabled::after {
    bottom: 13px;
    color: #212121;
    content: '';
    display: block;
    font-family: 'Material Icons';
    font-size: 18px;
    height: 18px;
    position: absolute;
    right: 4px;
    width: 18px;
}
.dataTables_wrapper .uk-table thead .sorting::after {
    color: #aaa;
    content: '\e164';
}
.dataTables_wrapper .uk-table thead .sorting_asc::after {
    content: '\e313';
}
.dataTables_wrapper .uk-table thead .sorting_desc::after {
    content: '\e316';
}
.dataTables_wrapper .uk-table thead .sorting_asc_disabled::after {
    color: #aaa;
    content: '\e313';
}
.dataTables_wrapper .uk-table thead .sorting_desc_disabled::after {
    color: #aaa;
    content: '\e316';
}
.dataTables_wrapper .uk-table,
.dataTables_wrapper .uk-table td,
.dataTables_wrapper .uk-table th {
    box-sizing: content-box;
}
.dataTables_wrapper .uk-table td:active,
.dataTables_wrapper .uk-table th:active,
.dataTables_wrapper .uk-table:active {
    outline: 0;
}
.dataTables_wrapper .uk-table tbody tr.selected {
    background-color: rgba(102, 102, 102, 0.085);
}
.dataTables_wrapper .uk-table tbody tr > .sorting_1,
.dataTables_wrapper .uk-table tbody tr > .sorting_2,
.dataTables_wrapper .uk-table tbody tr > .sorting_3,
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_1,
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_2,
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_3 {
    background-color: rgba(102, 102, 102, 0.085);
}
.dataTables_wrapper .uk-table.nowrap td,
.dataTables_wrapper .uk-table.nowrap th {
    white-space: nowrap;
}
.dataTables_wrapper .uk-table.compact thead td,
.dataTables_wrapper .uk-table.compact thead th {
    padding: 4px 17px 4px 4px;
}
.dataTables_wrapper .uk-table.compact tfoot td,
.dataTables_wrapper .uk-table.compact tfoot th {
    padding: 4px;
}
.dataTables_wrapper .uk-table.compact tbody td,
.dataTables_wrapper .uk-table.compact tbody th {
    padding: 4px;
}
.dataTables_wrapper .uk-table td.dt-left,
.dataTables_wrapper .uk-table th.dt-left {
    text-align: left;
}
.dataTables_wrapper .uk-table td.dataTables_empty,
.dataTables_wrapper .uk-table td.dt-center,
.dataTables_wrapper .uk-table th.dt-center {
    text-align: center;
}
.dataTables_wrapper .uk-table td.dt-right,
.dataTables_wrapper .uk-table th.dt-right {
    text-align: right;
}
.dataTables_wrapper .uk-table td.dt-justify,
.dataTables_wrapper .uk-table th.dt-justify {
    text-align: justify;
}
.dataTables_wrapper .uk-table td.dt-nowrap,
.dataTables_wrapper .uk-table th.dt-nowrap {
    white-space: nowrap;
}
.dataTables_wrapper .uk-table tfoot td.dt-head-left,
.dataTables_wrapper .uk-table tfoot th.dt-head-left,
.dataTables_wrapper .uk-table thead td.dt-head-left,
.dataTables_wrapper .uk-table thead th.dt-head-left {
    text-align: left;
}
.dataTables_wrapper .uk-table tfoot td.dt-head-center,
.dataTables_wrapper .uk-table tfoot th.dt-head-center,
.dataTables_wrapper .uk-table thead td.dt-head-center,
.dataTables_wrapper .uk-table thead th.dt-head-center {
    text-align: center;
}
.dataTables_wrapper .uk-table tfoot td.dt-head-right,
.dataTables_wrapper .uk-table tfoot th.dt-head-right,
.dataTables_wrapper .uk-table thead td.dt-head-right,
.dataTables_wrapper .uk-table thead th.dt-head-right {
    text-align: right;
}
.dataTables_wrapper .uk-table tfoot td.dt-head-justify,
.dataTables_wrapper .uk-table tfoot th.dt-head-justify,
.dataTables_wrapper .uk-table thead td.dt-head-justify,
.dataTables_wrapper .uk-table thead th.dt-head-justify {
    text-align: justify;
}
.dataTables_wrapper .uk-table tfoot td.dt-head-nowrap,
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
.dataTables_wrapper .uk-table thead th.dt-head-nowrap {
    white-space: nowrap;
}
.dataTables_wrapper .uk-table tbody td.dt-body-left,
.dataTables_wrapper .uk-table tbody th.dt-body-left {
    text-align: left;
}
.dataTables_wrapper .uk-table tbody td.dt-body-center,
.dataTables_wrapper .uk-table tbody th.dt-body-center {
    text-align: center;
}
.dataTables_wrapper .uk-table tbody td.dt-body-right,
.dataTables_wrapper .uk-table tbody th.dt-body-right {
    text-align: right;
}
.dataTables_wrapper .uk-table tbody td.dt-body-justify,
.dataTables_wrapper .uk-table tbody th.dt-body-justify {
    text-align: justify;
}
.dataTables_wrapper .uk-table tbody td.dt-body-nowrap,
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap {
    white-space: nowrap;
}
.dataTables_wrapper .uk-table tfoot .md-input-wrapper {
    padding-top: 0;
}
.dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
    padding: 8px 4px;
}
.dataTables_wrapper .dataTables_length {
    margin-top: -1px;
}
.dataTables_wrapper .dataTables_filter .md-input-wrapper {
    padding-top: 3px;
}
.dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
    -webkit-appearance: none;
    border-radius: 0;
    padding: 6px 4px;
}
.dataTables_wrapper .selectize-control.dt-selectize {
    display: inline-block;
    height: 35px;
    margin: 0 8px;
    min-width: 64px;
    vertical-align: middle;
}
.dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
    background: 0 0;
    border-color: transparent;
}
.dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
}
.dataTables_wrapper .dt-uikit-header {
    margin-bottom: 16px;
    padding: 4px 8px;
}
.dataTables_wrapper .dt-uikit-footer {
    margin-top: 16px;
    padding: 4px 8px;
}
.dataTables_wrapper .dt-uikit-footer .dataTables_info {
    color: #727272;
    font-size: 12px;
    padding-top: 8px;
}
@media only screen and (max-width: 1024px) {
    .dataTables_wrapper .dt-uikit-footer .dataTables_info {
	text-align: center;
    }
}
.dataTables_wrapper .dt-uikit-footer .uk-pagination {
    text-align: right;
}
@media only screen and (max-width: 1024px) {
    .dataTables_wrapper .dt-uikit-footer .uk-pagination {
	margin-top: 16px;
	text-align: center;
    }
}
@media only screen and (max-width: 375px) {
    .detail-span-snooze_unsnooze {
	display: block;
    }
}
@media only screen and (min-width: 375px) {
    .activity-info1 {
	margin-right: 10px !important;
    }
}
/* samsung galaxy s5*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .detail-span-link {
	color: var(--theme-color)  !important;
	cursor: pointer !important;
	font-size: 12px !important;
	padding-right: 0;
    }
    .activity-info1 {
	margin-right: 10px !important;
    }
}
.dataTables_wrapper .uk-overflow-container td,
.dataTables_wrapper .uk-overflow-container th {
    white-space: nowrap !important;
}
.md-colVis li.ColVis_Special {
    cursor: pointer;
}
.DTTT {
    margin-bottom: 8px;
}
.DTTT_btn {
    margin-bottom: 8px;
    position: relative;
}
.DTTT_Print {
    height: auto;
    overflow-y: auto !important;
    padding-top: 0;
}
.DTTT_Print #page_content {
    display: block !important;
    height: auto;
    margin-left: 0 !important;
    overflow-y: hidden;
}
.DTTT_Print #page_content_inner {
    padding: 24px;
}
.DTTT_print_info {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-sizing: border-box;
    color: #212121;
    height: 150px;
    left: 50%;
    margin-left: -200px;
    margin-top: -75px;
    padding: 24px 32px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 400px;
}
.DTTT_print_info h6 {
    color: #7cb342;
    font-size: 28px;
    font-weight: 400;
    line-height: 28px;
}
.DTTT_print_info p {
    font-size: 16px;
    line-height: 20px;
}
/* FullCalendar CSS */
/* .fc-state-default {
    background: 0 0;
    border: none;
    border-radius: 0 !important;
    box-shadow: none;
    text-shadow: none !important;
} */
.fc-unthemed .fc-popover .fc-header {
    background-color: #127eab !important;
}
.fc-toolbar .fc-center {
    left: 40%;
    position: absolute;
}
.fc-toolbar h2 {
    color: #127eab;
    display: inline;
    font-size: 1.7em;
    line-height: 1.7em;
    padding: 0.2em;
    vertical-align: middle;
}
.fc-unthemed .fc-list-heading td {
    border-bottom: 1px solid white;
}
/* .fc-toolbar .fc-button:hover,
.fc-button.fc-state-active {
    background: #127eab !important;
    color: white;
} */
/* .fc-event {
    background: var(--theme-color)  !important;
    border-radius: 3px;
    padding: 5px 2px;
} */
/* .fc-view.fc-basicWeek-view.fc-basic-view .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end,
.fc-view.fc-basicDay-view.fc-basic-view .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    font-size: 0.85em;
    height: 3em;
    line-height: 1em !important;
    margin-bottom: 0.3em;
    padding: 0.3em;
} */
/* .summary td.fc-list-item-marker.fc-widget-content:hover,
.summary td.fc-list-item-title.fc-widget-content:hover,
.summary td.fc-list-item-marker.fc-widget-content,
.summary td.fc-list-item-title.fc-widget-content {
    background-color: #127eab !important;
} */
/* .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end:hover {
    background-color: #127eab !important;
} */
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    color: white;
    float: none !important;
    font-size: 0.8em;
}
/* .fc-widget-header {
    font-size: 1em;
    text-align: center;
} */
.fc-day-number.fc-other-month {
    opacity: 0.4;
}
.fc .fc-button-group + .fc-button-group {
    margin-left: 24px;
}
/* .fc .fc-day-grid-event {
    margin-top: 2px;
} */
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: rgba(102, 102, 102, 0.12);
}
/* .fc-unthemed .fc-widget-header {
    background-color: var(--theme-color) ;
    border: none;
    color: white;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
} */
/* .fc-unthemed .fc-list-heading td {
    background-color: var(--theme-color)  !important;
} */
tr.fc-list-item {
    height: 3em;
}
.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px;
}
.fc th,
.fc td {
    vertical-align: middle;
}
/* .fc-day-header {
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
} */
/* .fc-listMonth-button,
.fc-basicDay-button,
.fc-basicWeek-button,
.fc-month-button,
.fc-calendardateselect-button {
    -webkit-appearance: none;
    background-color: var(--theme-color)  !important;
    border: none !important;
    border-radius: 2px !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    box-sizing: border-box;
    color: #fff !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/31px AvenirNextLTPro-Regular, sans-serif;
    font-size: 14px !important;
    margin-top: -3px;
    min-height: 31px;
    min-width: 70px;
    padding: 2px 16px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    vertical-align: middle;
}
.fc-calendardateselect-button {
    min-width: 40px;
}
.fc-calendardateselect-button::after {
    color: white !important;
    content: '\e916';
    margin-top: -4px;
} */
.fc-unthemed td.fc-today {
    background: #ebf6ff !important;
}
.fc-widget-header a,
.fc-widget-header a:hover {
    color: white !important;
    text-decoration: none !important;
}
/* .fc-unthemed .fc-button {
    background: #127eac;
    color: white;
    height: 24px;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.fc-unthemed .fc-button + .fc-button {
    margin-left: 8px;
} */
.fc-unthemed .fc-button::after {
    color: #727272;
    display: block;
    font-family: 'Material Icons';
    font-size: 24px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 4px;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}
.fc-unthemed .fc-button:hover::after {
    color: #212121;
}
.fc-unthemed .fc-button.fc-state-active::after {
    color: #7cb342;
}
.fc-unthemed .fc-button.fc-state-disabled {
    background: 0 0 !important;
    cursor: default;
}

.fc-unthemed .fc-button.fc-state-disabled:hover::after {
    color: #727272;
}

.fc-unthemed .fc-today-button {
    margin-left: 16px;
}

.fc-unthemed .fc-today-button::after {
    content: '\e8df';
}
/* .fc-unthemed .fc-next-button,
.fc-unthemed .fc-prev-button {
    background-color: var(--theme-color)  !important;
    border: 0;
    border-radius: 50% !important;
    height: 2.5em;
    width: 2.5em;
} */
/* .fc-unthemed .fc-next-button:hover,
.fc-unthemed .fc-prev-button:hover {
    background-color: #127eab !important;
} */
.fc-unthemed .fc-popover {
    border: none !important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    margin: -10px 0 0 -4px;
}
.fc-unthemed .fc-popover .fc-header {
    background: #999;
    color: #fff;
    padding: 2px;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #fff !important;
    margin-top: 3px;
}
.fc-unthemed .fc-popover .fc-event-container {
    padding: 8px;
}
.fc-unthemed .fc-highlight {
    background: 0 0;
    box-shadow: inset 0 0 0 2px var(--theme-color), inset 0 -1px 0 2px var(--theme-color);
    opacity: 1;
}
/* .fc-ltr .fc-basic-view .fc-day-number {
    color: #212121;
    text-align: left;
} */
.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
    padding: 2px 4px;
}
/*
Full Calendar Addons
*/
.fc-widget-header a {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
.fc-state-default {
    border: 0;
}
/* .fc button .fc-icon {
    margin: auto !important;
    top: auto !important;
    vertical-align: middle;
} */
.fc-toolbar .fc-right {
    margin-top: 3px;
}
.fc-list-item-marker,
.fc-list-item-time {
    color: #127eab;
    font-weight: bold;
}

/* MOBILE EXCEPTIONS TO POSITIONING */
@media only screen and (max-width: 800px) {
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-right,
    .fc-toolbar .fc-center {
	clear: both !important;
	display: table !important;
	float: none !important;
	margin: auto !important;
	text-align: center !important;
    }
    .fc-toolbar .fc-center {
	margin-top: 10px !important;
	position: initial;
    }
}

/* MOBILE EXCEPTIONS TO POSITIONING */
@media only screen and (min-width: 801px) and (max-width: 1199px) {
    .fc-toolbar .fc-center {
	left: 30%;
	position: absolute;
    }
}
/* .fc-day-grid-event .fc-content {
    white-space: normal !important;
} */
.fc-scroller,
.fc-popover.fc-more-popover {
    scrollbar-3dlight-color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: var(--theme-color) ;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-track-color: #fff;
}
.overdue .fc-event-dot {
    background-color: red;
}
/* .fc-event.overdue {
    background: #f97272 !important;
    border: 1px solid #ff2400;
}
.fc-event.overdue:hover.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.overdue:hover {
    background-color: #ff552b !important;
    border: 1px solid #ff2400;
} */
/* .fc-popover.fc-more-popover::-webkit-scrollbar,
.fc-scroller::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
.fc-popover.fc-more-popover::-webkit-scrollbar-track,
.fc-scroller::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fc-popover.fc-more-popover::-webkit-scrollbar-thumb,
.fc-scroller::-webkit-scrollbar-thumb
{
    background: var(--theme-color) ;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
} */
.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: 0.7em !important;
    margin-top: 2px;
}
a.fc-more {
    float: right !important;
    font-size: 0.9em !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.fc-popover.fc-more-popover {
    max-height: 90%;
    overflow-y: auto !important;
    width: 55%;
    z-index: 999;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 1 !important;
}
.fc-view.fc-basicWeek-view.fc-basic-view
.fc-popover.fc-more-popover
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end,
.fc-view.fc-basicDay-view.fc-basic-view
.fc-popover.fc-more-popover
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    height: 1em !important;
}
/* .summary,
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.summary,
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.summary,
.fc-view.fc-basicDay-view.fc-basic-view .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.summary {
    background-color: var(--theme-color)  !important;
    border: 1px solid #127eab;
    font-size: 0.85em;
    height: 5.7em !important;
    line-height: 1.1em;
    overflow: hidden;
} */
/* .fc-basicWeek-view .summary {
    height: 5em !important;
} */
.summary .fc-event-dot {
    display: none;
}
.fc-more-popover .summary,
.fc-more-popover .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.summary,
.fc-more-popover a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.summary {
    display: none;
    height: auto !important;
}
/* .fc-listMonth-view .summary,
.fc-listMonth-view .summary:hover,
.summary .fc-unthemed .fc-list-item:hover td {
    background-color: #127eab !important;
    color: white;
    height: auto !important;
} */
/* .summary:hover,
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.summary:hover {
    background-color: #127eab !important;
    border: 1px solid #127eab;
} */
.mapTooltip {
    background: #616161;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 14px;
    line-height: 18px;
    max-width: 200px;
    padding: 6px 16px;
    position: fixed;
    text-shadow: none;
    z-index: 1000;
}
.vm_wrapper {
    margin: 0 auto;
    max-width: 100%;
}
.plotLegend {
    margin-top: 24px;
    padding: 16px 16px 8px;
}
.mfp-bg {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.3;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10202;
}
.mfp-wrap {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0 !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10203;
}
.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.mfp-container::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container::before {
    display: none;
}
.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 10205;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #fff;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 10204;
}
.mfp-preloader a {
    color: #fff;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-arrow,
button.mfp-close {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: 0;
    overflow: visible;
    padding: 0;
    z-index: 10206;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.mfp-close {
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}
.mfp-close::after {
    color: #fff;
    content: '\e5cd';
    font-family: 'Material Icons';
    font-size: 24px;
}
.mfp-close-btn-in .mfp-close {
    color: #212121;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%;
}
.mfp-counter {
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}
.mfp-arrow {
    height: 100px;
    margin: 0;
    margin-top: -50px;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px;
}
.mfp-arrow::after {
    color: #fff;
    font-family: 'Material Icons';
    font-size: 64px;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right::after {
    content: '\e315';
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left::after {
    content: '\e314';
}
.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
}
.mfp-iframe-scaler iframe {
    background: #000;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure::after {
    background: #444;
    bottom: 40px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    content: '';
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.mfp-title {
    color: #f3f3f3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
	padding: 0;
    }
    .mfp-img-mobile .mfp-figure::after {
	bottom: 0;
	top: 0;
    }
    .mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 3px 5px;
	position: fixed;
	top: auto;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
    }
    .mfp-img-mobile .mfp-close {
	background: rgba(0, 0, 0, 0.6);
	height: 35px;
	line-height: 35px;
	padding: 0;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 35px;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
    }
    .mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
    }
    .mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
    }
    .mfp-container {
	padding-left: 6px;
	padding-right: 6px;
    }
}
.md-scale.mfp-bg {
    opacity: 0;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-scale.mfp-bg.mfp-ready {
    opacity: 0.3;
}
.md-scale.mfp-bg.mfp-removing {
    opacity: 0;
}
.md-scale.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-scale.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.md-scale.mfp-wrap.mfp-removing .mfp-content {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.btn-file {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.btn-file input {
    cursor: pointer;
    direction: ltr;
    filter: alpha(opacity=0);
    font-size: 14px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.fileinput {
    display: inline-block;
}
.fileinput .form-control {
    cursor: text;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 7px;
    vertical-align: middle;
}
.fileinput .thumbnail {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
.fileinput .thumbnail > img {
    max-height: 100%;
}
.fileinput .btn {
    vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}
.fileinput-inline .fileinput-controls {
    display: inline;
}
.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
@media only screen and (min-width: 1025px) {
    div.ganttview-wrapper {
	width: 100%;
    }
    div.ganttview-slide-container {
	border: 1px solid rgba(0, 0, 0, 0.12);
	width: 75%;
    }
    div.ganttview-vtheader {
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	width: 25%;
    }
}
@media only screen and (max-width: 1024px) {
    div.ganttview-wrapper {
	position: relative;
    }
    div.ganttview-vtheader {
	background: 0 0;
	left: 0;
	margin-top: 40px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
    }
    div.ganttview-vtheader-series-name {
	border: none;
	height: 22px;
	line-height: 20px;
	margin-bottom: 31px;
    }
    div.ganttview-vtheader-series-row {
	margin-bottom: 42px;
    }
    div.ganttview-row {
	margin-top: 21px;
    }
    div.ganttview-grid-spacer {
	background: 0 0;
	border-top: none;
    }
    div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
	border-top-color: rgba(0, 0, 0, 0.12);
    }
    div.ganttview-grid-row {
	margin-top: 42px;
    }
    div.ganttview-block-container {
	margin-top: 42px;
    }
    div.ganttview-slide-container,
    div.ganttview-wrapper {
	width: 100%;
    }
    div.ganttview-slide-container {
	border-left: none;
	position: relative;
	z-index: 10;
    }
    div.ganttview-vtheader-group:last-child {
	border-bottom: none;
    }
}
.animate_hide {
    display: none;
}
/* #header_main {
    background: #fff;
    border-bottom: 7px solid var(--theme-color) ;
    height: 60px;
    left: 0;
    padding: 0 25px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1104;
}
#header_main::after,
#header_main::before {
    content: ' ';
    display: table;
}
#header_main::after {
    clear: both;
} */
#header_main .uk-navbar {
    background: 0 0;
    border: none;
    margin-top: 8px;
}
#header_main .uk-navbar .uk-navbar-nav {
    position: relative;
}
#header_main .uk-navbar .uk-navbar-nav > li {
    position: static;
}
#header_main .uk-navbar .uk-navbar-nav > li > a {
    border: none;
    color: #939597;
    cursor: pointer;
    height: 48px;
    line-height: 44px;
    text-shadow: none;
    z-index: auto;
}
#header_main .uk-navbar .uk-navbar-nav > li > a:active,
#header_main .uk-navbar .uk-navbar-nav > li > a:focus {
    background: 0 0;
}
.uk-open > #complex_list::after {
    position: relative !important;
}
#header_main .uk-navbar .uk-navbar-nav > li.uk-active > a,
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a,
#header_main .uk-navbar .uk-navbar-nav > li:focus > a,
#header_main .uk-navbar .uk-navbar-nav > li:hover > a {
    background: 0 0;
}
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a {
    position: relative;
}
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a::after,
.uk-open > #complex_list::after {
    border-bottom-color: #fff;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1104;
}
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown {
    margin-top: 5px;
    max-height: 500px;
}
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list {
    margin-left: -10px;
}
#header_main .user_actions a.user_action_image {
    padding-top: 2px;
    position: relative;
}
@media (max-width: 800px) {
    #header_main .user_actions {
	position: absolute;
	right: 0;
    }
}
.user-name {
    font-size: 16px;
    margin: 0;
}
#header_main .user_actions .user_action_icon {
    display: block;
    position: relative;
    text-align: center;
}
#header_main .user_actions .user_action_icon:focus,
#header_main .user_actions .user_action_icon:hover {
    text-decoration: none;
}
#header_main .user_actions .user_action_icon > .uk-badge {
    background: #ff552b none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    left: 0;
    line-height: 24px;
    min-width: 20px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
#header_main .sSwitch {
    cursor: pointer;
    margin: 12px 0 0;
    padding: 12px 0;
}
#header_main .sSwitch,
#header_main .sSwitch .sSwitchIcon {
    display: block;
    height: 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
}
.breadcrumb {
    border-radius: 4px;
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 0 15px;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li + li::before {
    color: #ccc;
    content: '/ ';
    padding: 0 5px;
}
.breadcrumb > .active {
    color: #777;
}
#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon::after,
#header_main .sSwitch .sSwitchIcon::before {
    background: #fff;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
#header_main .sSwitch .sSwitchIcon::after,
#header_main .sSwitch .sSwitchIcon::before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 20px;
    z-index: -1;
}
#header_main .sSwitch .sSwitchIcon::before {
    top: 6px;
}
#header_main .sSwitch .sSwitchIcon::after {
    top: -6px;
}
#header_main .sSwitch.sSwitch_left {
    float: left;
}
#header_main .sSwitch.sSwitch_left .sSwitchIcon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#header_main .sSwitch.sSwitch_left .sSwitchIcon::after,
#header_main .sSwitch.sSwitch_left .sSwitchIcon::before {
    left: 0;
}
#header_main .sSwitch.sSwitch_right {
    float: right;
    margin-left: 30px;
}
#header_main .sSwitch.sSwitch_right .sSwitchIcon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#header_main .sSwitch.sSwitch_right .sSwitchIcon::after,
#header_main .sSwitch.sSwitch_right .sSwitchIcon::before {
    right: 0;
}
#header_main .sSwitch.sSwitch_right.sidebar_secondary_check {
    display: none;
}
#header_main .header_main_search_form {
    background: rgba(255, 255, 255, 0.18);
    display: none;
    margin: 5px 0;
    padding: 0 40px;
    position: relative;
}
#header_main .header_main_search_form .md-icon,
#header_main .header_main_search_form .md-icon:focus,
#header_main .header_main_search_form .md-icon:hover {
    color: #fff;
}
#header_main .header_main_search_input {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    height: auto;
    padding: 8px 0 6px;
    vertical-align: top;
    width: 100%;
}
#header_main .header_main_search_btn {
    cursor: pointer;
    position: absolute;
    right: -2px;
    top: 1px;
}
#header_main .header_main_search_close {
    left: 2px;
    position: absolute;
    top: 3px;
}
.header_double_height::before {
    background: var(--theme-color);
    content: '';
    display: block;
    height: 60px;
    left: 0;
    position: fixed;
    right: 0;
    top: 46px;
}
.header_double_height #header_main {
    box-shadow: none;
    position: absolute;
}
.header_double_height #page_content {
    overflow: hidden;
    padding-top: 10px;
    position: relative;
}
.header_double_height #page_content_inner {
    padding: 0;
}
.header_double_height .md-card-single {
    position: relative;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 1;
}
.header_double_height .md-card-single .md-card-content {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}
.header_double_height .md-list-outside-wrapper {
    margin-top: 48px;
}
/* #sidebar_main {
    background: #33363f;
    height: 100%;
    left: -210px;
    top: 67px;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 240px;
} */

/* @media (max-width: 1024px) {
    #sidebar_main {
	left: -240px;
	top: 0;
    }
}

#sidebar_main .menu_section .menu_heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: #212121;
    font: 400 12px/16px AvenirNextLTPro-Regular, sans-serif;
    margin: 0 0 12px;
    padding: 6px 6px 12px;
    text-transform: uppercase;
}
#sidebar_main .menu_section ul {
    margin: 0;
}
#sidebar_main .menu_section ul > li {
    margin: 0;
}
#sidebar_main li:nth-child(odd) {
    border-bottom: 1px solid #191c23;
    border-top: 1px solid #404451;
}
#sidebar_main li:nth-child(even) {
    border-bottom: 1px solid #191c23;
    border-top: 1px solid #404451;
}
#sidebar_main .menu_section ul,
#sidebar_main .menu_section ul > li {
    list-style: none;
    padding: 0;
}
#sidebar_main .menu_section > ul > li > a {
    color: #a4a4a4;
    display: block;
    font: 500 14px/23px AvenirNextLTPro-Regular, sans-serif;
    overflow: hidden;
    padding: 20px;
}
@media only screen and (max-width: 1024px) {
    #sidebar_main .menu_section > ul > li > a {
	font-size: 15px;
    }
}
#sidebar_main .menu_section > ul > li > a:hover {
    background: #f5f5f5;
    text-decoration: none;
}
#sidebar_main .menu_section > ul > li > a > .menu_arrow {
    display: none;
    float: right;
    margin-right: 4px;
}
#sidebar_main .menu_section > ul > li > a > .menu_icon {
    color: #a4a4a4;
    text-align: left;
    vertical-align: -4px;
    width: 32px;
}
#sidebar_main .menu_section > ul > li > ul > li .material-icons {
    color: #a4a4a4;
}
#sidebar_main .menu_section > ul > li.act_section > a {
    background: rgba(0, 0, 0, 0.085);
}
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a {
    position: relative;
}
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#sidebar_main .menu_section > ul > li ul {
    display: none;
    margin: 0;
}
#sidebar_main .menu_section > ul > li ul a {
    color: #a4a4a4;
    display: block;
    font: 400 13px/18px AvenirNextLTPro-Regular, sans-serif;
    padding: 7px 10px 6px 40px;
}
@media only screen and (max-width: 1024px) {
    #sidebar_main .menu_section > ul > li ul a {
	font-size: 14px;
	line-height: 20px;
    }
}
#sidebar_main .menu_section > ul > li ul a:hover {
    background: #f5f5f5;
    text-decoration: none;
}
#sidebar_main .menu_section > ul > li ul li.act_item a {
    color: #3eaec9;
    font-weight: 500;
}
#sidebar_main .menu_section > ul > li.submenu_trigger > a {
    position: relative;
}
#sidebar_main .menu_section > ul > li.submenu_trigger > a::before {
    color: #727272;
    content: '\e313';
    display: block;
    font-family: 'Material Icons';
    font-size: 18px;
    margin-top: 15px;
    position: absolute;
    right: 8px;
    top: 7px;
    -webkit-transition: -webkit-transform 280ms;
    transition: transform 280ms;
}
#sidebar_main .sidebar_main_close_button {
    display: none;
}
@media only screen and (max-width: 1024px) {
    #sidebar_main .sidebar_main_close_button {
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
    }
}
#sidebar_main .sidebar_main_header {
    background: #fff;
    border-bottom: 7px solid #47b4d0;
    height: 60px;
}
#sidebar_main .sidebar_main_header .sidebar_logo {
    line-height: 48px;
    overflow: hidden;
}
#sidebar_main .sidebar_main_header .sidebar_logo a {
    display: inline-block;
    margin-left: 30px;
    margin-top: 5px;
}
#sidebar_main .sidebar_main_header .sidebar_actions {
    margin: 0 20px;
}
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input {
    border: none;
    padding: 6px 0;
    width: 48px;
}
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input input {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
    margin-left: -8px;
    width: 160px !important;
}
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown .item-icon {
    margin-right: 8px;
}*/
#header_main,
#page_content,
#top_bar {
    -webkit-transition: margin 280ms;
    transition: margin 280ms;
}
.sidebar_main_active #sidebar_main {
    left: 0;
}
@media only screen and (max-width: 1024px) {
    .sidebar_main_active #sidebar_main {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
	z-index: 9999;
    }
}
@media only screen and (min-width: 1025px) {
    .sidebar_main_active #page_content,
    .sidebar_main_active #top_bar {
	margin-left: 240px;
    }
}
@media only screen and (max-width: 1024px) {
    .sidebar_main_active #page_content::before {
	opacity: 1;
	z-index: 998;
    }
}
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon::after,
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon::before {
    top: 0 !important;
}
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon::after,
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon::before {
    width: 12px;
}
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon::before {
    top: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon::after {
    top: -4px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
@media only screen and (min-width: 1025px) {
    .sidebar_main_open #sidebar_main {
	left: 0;
    }
    .sidebar_main_open #page_content,
    .sidebar_main_open #top_bar {
	margin-left: 240px;
    }
    .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon::after,
    .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon::before {
	top: 0 !important;
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon {
	-webkit-transform: rotate(0);
	transform: rotate(0);
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon::after,
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon::before {
	width: 12px;
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon::before {
	top: 4px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon::after {
	top: -4px;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
    }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 959px) {
    .user_heading_avatar {
	float: none;
	margin: 0 0 16px;
	text-align: center;
    }
}
@media only screen and (max-width: 959px) {
    .user_heading_avatar.fileinput {
	display: block;
	height: 82px;
	margin: 0 auto 16px;
	width: 82px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 192),
only screen and (min-resolution: 192dppx),
only screen and (min-resolution: 2dppx) {
    .user_heading_avatar img {
	background-image: url(../images/avatars/user@2x.png);
	background-size: 64px 64px;
    }
}
.user_heading_avatar .btn-file {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    display: block;
    height: 32px;
    line-height: 38px;
    overflow: hidden;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -4px;
    width: 32px;
}
.user_heading_avatar .btn-file .material-icons {
    color: var(--theme-color);
    font-size: 24px;
}
.user_heading_avatar .btn-file.fileinput-exists {
    left: -8px;
    right: auto;
}
.user_heading_avatar .btn-file.fileinput-exists .material-icons {
    color: #e53935;
}
.user_heading_avatar.fileinput-new .btn-file.fileinput-exists {
    display: none;
}
.user_heading_content {
    min-height: 40px;
    padding: 16px 0;
}
@media only screen and (max-width: 959px) {
    .user_heading_content {
	text-align: center;
    }
}
.user_heading_content .heading_a,
.user_heading_content .heading_a .sub-heading,
.user_heading_content .heading_b,
.user_heading_content .heading_b .sub-heading,
.user_heading_content .heading_c,
.user_heading_content .heading_c .sub-heading {
    color: #fff;
}
.user_heading_content .user_stats {
    margin: 0;
    overflow: hidden;
    text-align: center;
}
.user_heading_content .user_stats > li {
    margin: 0;
}
.user_heading_content .user_stats,
.user_heading_content .user_stats > li {
    list-style: none;
    padding: 0;
}
.user_heading_content .user_stats li {
    float: left;
    margin-right: 48px;
}
@media only screen and (max-width: 959px) {
    .user_heading_content .user_stats li {
	display: inline-block;
	float: none;
	margin: 0 16px 8px;
    }
}
.user_heading_content .user_stats .material-icons {
    color: #fff;
    font-size: 36px;
    margin-right: 4px;
    vertical-align: -12px;
}
.user_heading_menu {
    position: absolute;
    right: 8px;
    top: 8px;
}
.user_heading .md-fab {
    bottom: -22px;
    position: absolute;
    right: 24px;
}
.user_content {
    padding: 32px;
}
.user_content .full_width_in_card {
    margin: 16px 0 32px;
}

/* TAG styles */
/*
body,
html {
    box-sizing: border-box;
    height: 100%;
}

a,
button {
    outline: 0 !important;
}
a {
    color: inherit; /*00a6cf;*
}
a:active,
a:hover {
    color: #007a99;
    text-decoration: none;
}
code,
code[class*='language-'],
pre,
pre[class*='language-'] {
    box-sizing: border-box;
    font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', monospace !important;
    font-size: 12px;
}
pre[class*='language-'] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    padding: 0;
}
pre[class*='language-']::after,
pre[class*='language-']::before {
    display: none;
}
.line-numbers .line-numbers-rows {
    border-right-color: rgba(0, 0, 0, 0.12);
}
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
    color: #d32f2f;
    font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', monospace;
    font-size: 12px;
}
.touchscroll {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto !important;
}
blockquote {
    border-left: 4px solid rgba(0, 0, 0, 0.085);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: AvenirNextLTPro-Bold, sans-serif;
    font-weight: 500;
    margin-top: 10px;
} */

.heading_a {
    font: 400 14px/24px AvenirNextLTPro-Regular, sans-serif;
    margin: 10px 0 0;
}
.heading_a .sub-heading {
    color: #727272;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.heading_b {
    font: 400 22px/28px AvenirNextLTPro-Regular, sans-serif;
    margin: 0;
}
.heading_b .sub-heading {
    color: #727272;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
.heading_c {
    font: 400 16px/20px AvenirNextLTPro-Regular, sans-serif;
    margin: 0;
}
.heading_c .sub-heading {
    color: #727272;
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}
.heading_list {
    color: #727272;
    font: 500 13px/16px AvenirNextLTPro-Regular, sans-serif;
    margin: 0 0 16px;
    padding: 0 16px;
}
.uk-grid + .heading_a,
.uk-grid + .heading_b,
.uk-grid + .heading_c,
.uk-grid + .heading_list {
    margin-top: 24px;
}
.uk-text-large {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 16px;
}
* > .uk-text-large {
    margin-top: 16px;
}
.uk-text-upper {
    text-transform: uppercase;
}
.uk-text-italic {
    font-style: italic;
}
.uk-table .no-border td,
.uk-table.no-border td {
    border-bottom: none;
}
.uk-height-1-1 {
    height: auto;
    min-height: 100%;
}
address {
    margin: 0;
}
address p {
    margin: 0;
}
address p + p {
    margin-top: 4px;
}
.grid-block {
    background: rgba(179, 179, 179, 0.085);
    border-color: rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 1px 0;
    padding: 48px 0;
}
.inline-list {
    margin: 0;
    overflow: hidden;
}
.inline-list > li {
    margin: 0;
}
.inline-list,
.inline-list > li {
    list-style: none;
    padding: 0;
}
.inline-list li {
    background: rgba(102, 102, 102, 0.085);
    float: left;
    height: 32px;
    line-height: 32px;
    margin: 0 8px 8px 0;
    text-align: center;
    width: 32px;
}
.img_thumb {
    height: auto;
    max-width: 100%;
    width: 80px;
}
.img_thumb.square {
    height: 80px;
}
.img_small {
    height: auto;
    max-width: 100%;
    width: 120px;
}
.img_small.square {
    height: 120px;
}
.img_medium {
    height: auto;
    max-width: 100%;
    width: 240px;
}
.img_medium.square {
    height: 240px;
}
.img_large {
    height: auto;
    max-width: 100%;
    width: 400px;
}
.img_large.square {
    height: 400px;
}
.inline-label {
    cursor: pointer;
    left: -3px;
    padding-left: 8px;
    position: relative;
    vertical-align: -1px;
}
body.page_preloader_active {
    overflow: hidden;
}
body.page_preloader_active > .page_preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1000ms ease-out;
    transition: opacity 1000ms ease-out;
    z-index: 10005;
}
body.page_preloader_active > .page_preloader > .regular-preloader {
    left: 50%;
    margin: -24px 0 0 -24px;
    position: absolute;
    top: 50%;
}
body.pace-done > .page_preloader {
    opacity: 0;
}
/* #page_content {
    box-sizing: border-box;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
} */
#page_content::before {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
    z-index: -1;
}

#page_content_inner {
    /* Ios Scroll + Fixed Element Issue Fix */
    overflow-y: visible;
	padding: 30px 30px 100px 0;
}

.page_content_inner {
    padding: 10px 50px 100px;
}

/*::::::::::::: Users:::::::::::::::*/
.user-img {
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.groups-list li,
.users-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    list-style: none;
    min-height: 40px;
    padding: 10px 4px;
}

/*:::::::Complexes::::::*/

.form-label {
    color: #939598;
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
}

.smaller-size {
    font-size: 11px;
}

.form-select {
    float: right;
    line-height: 21px;
}
.selectors {
    float: right;
    width: 60% !important;
}
.selectize-control.form-select.single.plugin-dropdown_append_page {
    margin-left: 10.5px;
}
.selectors > * {
    width: 47.5%;
}
.md-btn.button-blue {
    background: var(--theme-color) ;
    border-radius: 0;
    color: #fff;
    padding: 0 20px;
}
.form-right {
    float: right;
}
/*:::::::Profile:::::::*/
.admin-fullimage img {
    width: 100%;
}

.md-list2 li {
    box-sizing: border-box;
    color: #939598;
    font-size: 16px;
    list-style: none;
    min-height: 48px;
    padding: 10px 4px;
}
.md-list2 {
    padding: 0;
}
/*::::::::::::: Auditorium:::::::::*/
.md-card-content2 {
    margin: 10px 15px;
}
.uk-panel-divider-hr {
    border: 0.1px dashed #ccc;
    left: 15px;
    margin: 15px 0 !important;
    position: relative;
    width: 97%;
}
#feature .heading_a {
    color: #000;
    display: block;
}
.heading_a {
    color: #000;
}
#feature .heading_a {
    color: #000;
    display: inline-block;
}
.single-tracks {
    background: #fcfcfc;
    border: 1px dashed #ccc;
    padding: 15px;
}
.title-icon {
    background: var(--theme-color)  none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff !important;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: 700;
    height: 35px;
    line-height: 2;
    margin-right: 15px;
    min-width: 20px;
    text-align: center;
    width: 34px;
}
.single-tracks .md-list-left {
    display: inline-block;
    text-align: left;
}
.track-duration {
    float: right;
}
.single-tracks .md-list li:first-child {
    padding: 15px 4px;
}
.song-title {
    display: inline-block;
    float: left;
    font-size: 14px;
    margin: 0;
    min-width: 250px;
}
.md-list-right {
    float: right;
}
.ticket-head {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px dashed #ccc;
    display: block;
    padding: 8px 25px;
}
.ticket-user-name h4 {
    margin: 0 15px !important;
}
.ticket-content {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px dashed #ccc;
    padding: 15px 25px;
}
.ticket-content h5 {
    margin: 0 !important;
}
.ticket-head {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px dashed #ccc;
    display: block;
    padding: 8px 25px;
}
.ticket-user-name > span {
    margin: 6px 0;
    position: absolute;
}
.single-ticket {
    margin-bottom: 30px;
}
.accordion_head,
.accordion_head_multiple {
    background-color: #fcfcfc;
    color: #000;
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 1px;
    padding: 11px;
}
.accordion_body,
.accordion_body_multiple {
    color: #9b9b9b;
    padding: 10px;
    border-bottom: 1px Solid #E5E5E5;
}
.accordion_body p,
.accordion_body_multiple p {
    margin: 0;
    padding: 18px 5px;
}
.plusminus {
    background: var(--theme-color)  none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    margin-top: -5px;
    padding-top: 1px;
    text-align: center;
    width: 25px;
}
.assets-list {
    color: #545454;
    line-height: 30px;
    list-style: none;
}
#raid-stroge .c100 {
    background-color: #7cc513;
}
#hard-drive .c100 {
    background-color: #24a5e1;
}
.m-top-15 {
    margin-top: 15px;
}

/* Transition
========================== */
/*::::: top head:::::*/
.uk-breadcrumb {
    display: inline-block !important;
    margin-left: 30px;
    margin-top: 15px;
}
.uk-breadcrumb select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: medium none;
    box-shadow: none;
    color: #949597;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 15px;
}
.uk-breadcrumb select.aerrow-img {
    background-image: url('../images/bottom.png');
    background-position: 100% center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 25px 0 0;
    vertical-align: middle;
}
/* @media print {
    *,
    ::after,
    ::before {
	background: 0 0 !important;
	box-shadow: none !important;
	color: #000 !important;
	text-shadow: none !important;
    }
    a,
    a:visited {
	text-decoration: underline;
    }
    a[href]::after {
	content: ' (' attr(href) ')';
    }
    abbr[title]::after {
	content: ' (' attr(title) ')';
    }
    a[href^='#']::after,
    a[href^='javascript:']::after {
	content: '';
    }
    blockquote,
    pre {
	border: 1px solid #999;
	page-break-inside: avoid;
    }
    thead {
	display: table-header-group;
    }
    img,
    tr {
	page-break-inside: avoid;
    }
    img {
	max-width: 100% !important;
    }
    h2,
    h3,
    p {
	orphans: 3;
	widows: 3;
    }
    h2,
    h3 {
	page-break-after: avoid;
    }
    .uk-table {
	border-collapse: collapse !important;
    }
    .uk-table td,
    .uk-table th {
	background-color: #fff !important;
    }
    .uk-table-bordered td,
    .uk-table-bordered th {
	border: 1px solid #ddd !important;
    }
    #header_main,
    #sidebar_main,
    #sidebar_secondary,
    .header_double_height::before,
    .hidden-print,
    .md-fab-wrapper {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	width: 0 !important;
    }
    .sidebar_main_active #header_main,
    .sidebar_main_active #top_bar {
	display: none !important;
	left: 0 !important;
    }

    body {
	background: #fff;
	overflow-y: visible !important;
	padding: 20px !important;
    }
    body::after {
	background: #fff;
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
    }
    #sidebar_main {
	left: -240px !important;
    }
    .md-card-single {
	margin: 0 !important;
    }
    #page_content {
	height: auto !important;
	margin: 0 !important;
	overflow-y: visible !important;
	-webkit-transition: none !important;
	transition: none !important;
    }
    #page_content::before {
	display: none !important;
    }
    .md-card-content {
	height: auto !important;
    }
} */
.left.right {
    display: none;
}
.uk-breadcrumb {
    font-size: inherit !important;
}
#audislector {
    display: inline-block;
}
.poster {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    display: block;
    height: 272px;
    overflow: hidden;
    width: 100%;
}
.poster img {
    display: block; /* Otherwise it keeps some space around baseline */
    -ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */
    min-height: 100%; /* Scale up to fill container height */
    min-width: 100%; /* Scale up to fill container width */
}
.chart {
    min-height: 120px !important;
}
.chart .md-card-content {
    padding: 10px !important;
}

/******************************************************************************
 * BADGE MENUS                                                                *
 ******************************************************************************/
.badge {
    background-size: contain;
    display: inline-block;
    height: 24px;
    width: 24px;
}
.task_badge,
.message_badge,
.alert_badge {
    background-size: contain;
    display: inline-block;
    height: 32px;
    padding: 5px;
    width: 32px;
}
.mobile_list_badge {
    display: inline !important;
    float: left;
    height: 20px;
    padding: 3px;
    width: 20px;
}
.projector_status.showstopper {
    background-image: url(../../assets/images/icons/projector-critical.png);
}
.lamp_status.showstopper {
    background-image: url(../../assets/images/icons/lamp-critical.png);
}
.filter_status.showstopper {
    background-image: url(../../assets/images/icons/filter-critical.png);
}
.playlist_status.showstopper {
    background-image: url(../../assets/images/icons/playlist-critical.png);
}
.kdm_status.showstopper {
    background-image: url(../../assets/images/icons/key-critical.png);
}
.server_status.showstopper {
    background-image: url(../../assets/images/icons/server-critical.png);
}
.support_pending.showstopper {
    background-image: url(../../assets/images/icons/support-critical.png);
}
.raid_status.showstopper {
    background-image: url(../../assets/images/icons/raid-critical.png);
}
.raid_smart_status.showstopper {
    background-image: url(../../assets/images/icons/raid-critical.png);
}
.conn_network.showstopper {
    background-image: url(../../assets/images/icons/complex-critical.png);
}
.complex_status.showstopper {
    background-image: url(../../assets/images/icons/complex-critical.png);
}
.calibrator_status.showstopper {
    background-image: url(../../assets/images/icons/calibrator-critical.png);
}
.audio_status.showstopper {
    background-image: url(../../assets/images/icons/audio-critical.png);
}
.control_event.showstopper {
    background-image: url(../../assets/images/icons/remote-control-showstopper.png);
}
.projector_status.critical {
    background-image: url(../../assets/images/icons/projector-critical.png);
}
.lamp_status.critical {
    background-image: url(../../assets/images/icons/lamp-critical.png);
}
.filter_status.critical {
    background-image: url(../../assets/images/icons/filter-critical.png);
}
.playlist_status.critical {
    background-image: url(../../assets/images/icons/playlist-critical.png);
}
.kdm_status.critical {
    background-image: url(../../assets/images/icons/key-critical.png);
}
.server_status.critical {
    background-image: url(../../assets/images/icons/server-critical.png);
}
.support_pending.critical {
    background-image: url(../../assets/images/icons/support-critical.png);
}
.raid_status.critical {
    background-image: url(../../assets/images/icons/raid-critical.png);
}
.raid_smart_status.critical {
    background-image: url(../../assets/images/icons/raid-critical.png);
}
.complex_status.critical {
    background-image: url(../../assets/images/icons/complex-critical.png);
}
.calibrator_status.critical {
    background-image: url(../../assets/images/icons/calibrator-critical.png);
}
.audio_status.critical {
    background-image: url(../../assets/images/icons/audio-critical.png);
}
.projector_status.warning {
    background-image: url(../../assets/images/icons/projector-warning.png);
}
.lamp_status.warning {
    background-image: url(../../assets/images/icons/lamp-warning.png);
}
.filter_status.warning {
    background-image: url(../../assets/images/icons/filter-warning.png);
}
.playlist_status.warning {
    background-image: url(../../assets/images/icons/playlist-warning.png);
}
.kdm_status.warning {
    background-image: url(../../assets/images/icons/key-warning.png);
}
.server_status.warning {
    background-image: url(../../assets/images/icons/server-warning.png);
}
.support_pending.warning {
    background-image: url(../../assets/images/icons/support-warning.png);
}
.raid_status.warning {
    background-image: url(../../assets/images/icons/raid-warning.png);
}
.raid_smart_status.warning {
    background-image: url(../../assets/images/icons/raid-warning.png);
}
.complex_status.warning {
    background-image: url(../../assets/images/icons/complex-warning.png);
}
.calibrator_status.warning {
    background-image: url(../../assets/images/icons/calibrator-warning.png);
}
.audio_status.warning {
    background-image: url(../../assets/images/icons/audio-warning.png);
}
.projector_status.cleared {
    background-image: url(../../assets/images/icons/projector-ok.png);
}
.lamp_status.cleared {
    background-image: url(../../assets/images/icons/lamp-ok.png);
}
.filter_status.cleared {
    background-image: url(../../assets/images/icons/filter-ok.png);
}
.playlist_status.cleared {
    background-image: url(../../assets/images/icons/playlist-ok.png);
}
.kdm_status.cleared {
    background-image: url(../../assets/images/icons/key-ok.png);
}
.server_status.cleared {
    background-image: url(../../assets/images/icons/server-ok.png);
}
.support_pending.cleared {
    background-image: url(../../assets/images/icons/support-ok.png);
}
.raid_status.cleared {
    background-image: url(../../assets/images/icons/raid-ok.png);
}
.raid_smart_status.cleared {
    background-image: url(../../assets/images/icons/raid-ok.png);
}
.complex_status.cleared {
    background-image: url(../../assets/images/icons/complex-ok.png);
}
.calibrator_status.cleared {
    background-image: url(../../assets/images/icons/calibrator-ok.png);
}
.audio_status.cleared {
    background-image: url(../../assets/images/icons/audio-ok.png);
}
.task.cleared {
    background-image: url(../../assets/images/icons/assignment.png);
}
.recurtask.cleared {
    background-image: url(../../assets/images/icons/repeat.png);
}
.datetask.cleared {
    background-image: url(../../assets/images/icons/event.png);
}
.control_event.cleared {
    background-image: url(../../assets/images/icons/remote-control-blue.png);
}

.snooze {
    background-image: url(../../assets/images/icons/projector-critical.png);
}

/* Not showing user image for the moment */
.md-user-image {
    display: none;
}
.header-badge-count {
    background: #f01e1e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    left: 0;
    line-height: 24px;
    margin-left: 30px;
    min-width: 20px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 25px;
}
.badge-offline {
    color: #ff552b;
    line-height: 2.3;
    margin-right: 12px;
}
.font-bold {
    font-family: 'AvenirNextLTPro-Bold', Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
}
.badge-content {
    background-color: #fff;
    border: 1px solid #8f9094;
    border-radius: 0;
    box-shadow: 0 3px 5px 0 #5b5b5b;
    display: inline-block;
    max-height: 591px;
    min-width: 300px;
    overflow-x: hidden;
    padding: 0 !important;
}

.selection {
    border: 1px solid #8f9094;
    display: inline-block;
    max-height: 700px;
    overflow-x: hidden;
    padding: 0 !important;
}
.badge-content > div {
    overflow-y: initial;
}
.badge-content a:not(:last-child),
.selection a:not(:last-child) {
    border-bottom: 1px solid #8f9094;
}
.badge-content a,
.selection a {
    color: #39424d;
    display: block;
    overflow-x: hidden;
    padding: 2px;
}
.badge-content a {
    padding-top: 8px;
}
a#login-as-parent {
    color: #3eaec9;
    font-weight: bold;
}
.selection {
    cursor: pointer;
    padding: 0 !important;
}
.section_header,
.selection_header {
    color: #939597;
    font-size: 16px;
}
.selection_header {
    cursor: pointer;
}
.selection a {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    padding: 10px;
    vertical-align: center;
}

.m_width_300 {
    min-width: 300px;
}

.m_width_500 {
    min-width: 500px !important;
}

.m_width_700 {
    min-width: 700px !important;
}

.m_width_200 {
    min-width: 200px;
}

.badge-info {
    /*
    top: -18px;
    left: 25px;
    */
    position: relative;
}
.badge-info strong {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}

.status_msgs {
    display: inline-block;
    font-size: 13px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    width: 250px;
}

.task-info,
.message-info,
.config-info {
    height: 40px;
    margin: 10px 0;
}
.badge-icon span {
    /*     background-color: #FF5930; */
    border: 2px solid #fff;
    border-radius: 15px;
    color: #ff5930;
    font-size: desktop(14px);
    font-weight: bolder;
    margin-right: 2px;
    padding: 1px 5px 0;
    position: relative;
}
.badge-icon .alert_badge {
    float: left;
    margin: 6px;
    padding: 5px;
}
.badge-icon .task_badge,
.badge-icon .message_badge,
.badge-icon .config_badge {
    padding-right: 15px;
}
.badge-icon .task_badge i,
.badge-icon .config_badge i {
    color: #fff;
    margin: -5px 0 0;
}
.badge-icon .task_badge .uk-badge {
    background-color: var(--theme-color) ;
}
.badge-icon .task_badge .uk-badge.warning {
    background-color: #e4ac02;
}
.badge-icon .task_badge .uk-badge.critical {
    background-color: #c13546;
}
.badge-icon .task_badge .uk-badge.showstopper {
    background-color: #ff552b;
}
.subitem {
    vertical-align: middle;
}
.subitem a {
    font-size: 13px !important;
    line-height: 28px !important;
    padding: 3px !important;
    text-align: right;
}
.subitem .md-icon {
    font-size: 18px !important;
    line-height: 28px !important;
}
.hidden {
    display: none;
}

.force_hidden,
.always_hidden {
    display: none !important;
}

.details {
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 12px;
    margin-top: 0.5em;
    padding: 2px;
    position: relative;
}
.details p {
    margin: 4px;
}
.details-link {
    color: var(--theme-color) ;
    cursor: pointer;
    font-size: 12px;
}
.details-link:hover {
    color: #007a99;
}
.uk-dropdown-shown {
    margin-left: -20px;
    margin-top: 0;
}
.submenu {
    border: 0 !important;
    border-bottom: 1px solid #3a3d46 !important;
}
#sidebar_main_toggle {
    bottom: 0;
    float: right;
    left: 50px;
    position: fixed;
    text-align: right;
    width: 190px;
}

#sidebar_main > div > div.scrollbar-inner.scroll-content.scroll-scrollx_visible > #sidebar_main_toggle {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 20px;
}

#sidebar_main_toggle .material-icons {
    color: #fff;
    font-size: 18px;
}
.arrow-up {
    border-bottom: 5px solid white;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
}
.notopmargin {
    margin-top: 0 !important;
}
.support_bullets {
    color: var(--theme-color) ;
    display: inline-block;
    float: right;
    font-family: AvenirNextLTPro-Bold, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-right: 8px;
}
.ext-box {
    display: table;
    width: 100%;
}
.int-box {
    display: table-cell;
    vertical-align: middle;
}
.w100 {
    width: 100%;
}
.w60 {
    width: 60%;
}
.counter-card {
    border-right: 1px dashed #ccc;
    min-height: 120px;
}
.chart {
    padding-left: 0;
}
.col3 {
    display: inline-block;
    height: 200px;
    text-align: center;
    width: 33%;
}
.col2 {
    display: inline-block;
    text-align: center;
    width: 50%;
}
.m-top-25-counter {
    margin-top: 25px;
    min-width: 70px;
    text-align: center;
}
.uk-float-left-counter {
    float: left;
}
@media screen and (max-width: 360px) {
    .m-top-25-counter {
	margin-right: 0%;
    }
    .uk-float-left-counter {
	margin-left: 0%;
    }
}

/* MOBILE HEADER MODS */
@media screen and (max-width: 1024px) {
    .uk-breadcrumb {
	font-size: 13px !important;
	margin-left: 30px !important;
	margin-top: 10px;
    }
    #main-nav {
	text-align: center;
    }
    #sidebar_main_toggle,
    #sidebar_main_toggle_2 {
	float: left;
	margin-left: 0;
    }
    .uk-dropdown.selection,
    .uk-dropdown.uk-dropdown-xlarge {
	text-align: left;
    }
}
@media screen and (min-width: 361px) and (max-width: 720px) {
    .m-top-25-counter {
	margin-right: 20%;
    }
    .uk-float-left-counter {
	margin-left: 20%;
    }
}
@media screen and (max-width: 760px) {
    h4,
    h5 {
	margin: 0 !important;
    }
    h4 {
	margin-bottom: 5px !important;
    }
    h4.title-icon {
	margin: 3px !important;
    }
    .aud-comment-title {
	margin-top: 20px !important;
    }
}
@media screen and (min-width: 721px) and (max-width: 959px) {
    .m-top-25-counter {
	margin-right: 23%;
    }
    .uk-float-left-counter {
	margin-left: 23%;
    }
}
@media screen and (min-width: 960px) and (max-width: 1119px) {
    .m-top-25-counter {
	margin-right: 0%;
    }
    .uk-float-left-counter {
	margin-left: 0%;
    }
}

#complex_list {
    margin-top: 17px;
    position: relative;
}
@media screen and (max-width: 600px) {
    #complex_list {
	margin-top: 17px;
	position: relative;
	width: 300px;
    }
}

.minimize-button:hover,
.minimize-icon:hover {
    cursor: pointer;
}
/* Playlist styles */
.playlist-runtime {
    padding: 1em;
    position: relative;
}
.progressbar-wrapper {
    border-left: 2px solid rgb(123, 121, 122);
    border-right: 2px solid rgb(123, 121, 122);
    height: 1.5em;
    margin-bottom: 8px;
}
.progressbar {
    background-color: rgb(14, 104, 134);
    border-color: initial;
    border-image: initial;
    border-radius: 0;
    border-style: none;
    border-width: initial;
    height: 10px;
}
.progressbar .ui-progressbar-value {
    background-color: rgb(3, 149, 211);
    border-color: initial;
    border-image: initial;
    border-radius: 0;
    border-style: none;
    border-width: initial;
    margin: 0;
}
.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}
#page_content_inner > h3 {
    color: #47b4d0;
}
.loading {
    /* background: url(../../assets/images/ring_2.svg) no-repeat center center; */
    /* background: url('../../assets/images/spinner_90px.gif') no-repeat center center; */
    background: url('../../assets/images/loading-points.svg') no-repeat center center;
    min-height: 200px;
    min-width: 100%;
}


.loading_2x {
    background: url('../../assets/images/spinner_150px.gif') no-repeat center center;
    min-height: 150px;
    min-width: 100%;
}
.loading_3x {
    background: url('../../assets/images/spinner_200px.gif') no-repeat center center;
    min-height: 150px;
    min-width: 100%;
}
.loading_125px {
    min-height: 125px;
}
.loading_125px.hidden {
    display: none !important;
}
.status {
    color: #444 !important;
}
#dashboard_loder {
    background: url('../../assets/images/loading-points.svg') no-repeat center top;
}
#dashboard_loder2 {
    background: url('../../assets/images/loading-points2.svg') no-repeat center top;
}
/*.loading-custom{*/
/*    !* background: url(../../assets/images/ring_2.svg) no-repeat center center; *!*/
/*    !* background: url('../../assets/images/spinner_90px.gif') no-repeat center center; *!*/
/*    background: url('../../assets/images/loading-points.svg') no-repeat center center;*/
/*    min-height: 200px;*/
/*    min-width: 100%;*/
/*}*/
.loading-custom2{
    /* background: url(../../assets/images/ring_2.svg) no-repeat center center; */
    /* background: url('../../assets/images/spinner_90px.gif') no-repeat center center; */
    background: url('../../assets/images/loading-points2.svg') no-repeat center center;
    min-height: 200px;
    min-width: 100%;
}
/* Client/complex recent activity top margin */
.recentactivity {
    margin-top: 0 !important;
}
.recentactivity .big-button {
    background: var(--theme-color)  none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    margin: 16px 0;
    padding: 10px 0;
    width: 100%;
}
.format {
    display: block;
    font-size: 11px;
    margin: 0;
}
.status-title {
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 15px;
}
.status-value {
    margin-top: 2px;
}
.auditorium ol,
ul {
    /*padding-left: 10px;*/
}
.auditorium .uk-grid + .uk-grid {
    margin-bottom: 20px !important;
    margin-top: 14px !important;
}
.timeleft {
    float: right;
}

/****************************************************
 * TEMPBAR
 ****************************************************/
.tempbar_wrapper {
    margin: auto;
    padding-bottom: 10px;
    position: relative;
    /*	width: 100%; */
    width: 250px;
}
.tempbar_wrapper .tempbar {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    display: inline-block;
    height: 2.2em;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    width: 60%;
}
.tempbar_wrapper .tempbar .ui-slider-handle {
    display: none;
}
.tempbar_wrapper .tempbar .ui-slider {
    background-color: #fcc93c;
    border: 0;
    border-radius: 0;
    height: 1.5em;
    margin-left: -1px;
    margin-right: -1px;
    opacity: 1;
}
.tempbar_wrapper .tempbar .ui-slider-range {
    background-color: #0095d3;
    border: 0;
    border-radius: 0;
    margin: 0;
}
.tempbar_wrapper .tempbar .temp_value_indicator {
    background-color: #000;
    display: inline-block;
    height: 1.7em;
    left: 0%;
    position: absolute;
    top: -3px;
    width: 4px;
    z-index: 1;
}
.tempbar_wrapper .tempbar .temp_range_min_indicator {
    background-color: #000;
    bottom: 0;
    display: none;
    height: 10px;
    position: absolute;
    width: 1px;
}
.tempbar_wrapper .tempbar .temp_range_max_indicator {
    background-color: #000;
    bottom: 0;
    display: none;
    height: 10px;
    position: absolute;
    width: 1px;
}
.tempbar_wrapper label.temp_value {
    display: inline;
    font-size: 28px;
    padding-left: 5px;
    vertical-align: 10px;
}
.tempbar_wrapper .temp_min,
.tempbar_wrapper .temp_max,
.tempbar_wrapper .temp_range_min,
.tempbar_wrapper .temp_range_max {
    font-size: 12px;
    position: absolute;
    top: 35px;
}
.tempbar_wrapper .temp_min {
    color: #8f9094;
    left: -4px;
}

.tempbar_wrapper .temp_max {
    color: #8f9094;
    right: -18px;
}

.tempbar_wrapper .temp_range_min {
    color: #8f9094;
    display: none;
}

.tempbar_wrapper .temp_range_max {
    color: #8f9094;
    display: none;
}

/****************************************************
 * Mobile Adjustments
 ****************************************************/

@media screen and (max-width: 1200px) {
    .m-top-25-counter {
	clear: both;
	margin-top: 10px;
    }
    .uk-float-left-counter {
	margin-left: 15%;
    }
    .md-card .md-card-toolbar-heading-text {
	max-width: 50%;
	text-overflow: ellipsis;
	white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .mobile-hidden {
	display: none;
    }
}
@media screen and (max-width: 340px) {
    .lamp_temp label.temp_value {
	font-size: 15px;
    }
    .mobile-hidden {
	display: none;
    }
}

/******************************************************
 * Header compatibility
 ******************************************************/
@media screen and (max-width: 1024px) {
    .page_content_inner,
    #page_content_inner {
	padding: 35px 15px 100px;
    }
    .header_main_content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
    }
    #header_main {
	height: 90px !important;
	padding: 0;
    }
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.md-card-toolbar.celio-low,
.md-card-toolbar.cielo-ok {
    border-bottom: 4px solid var(--theme-color) ;
}

.md-card-toolbar.celio-medium,
.md-card-toolbar.cielo-warning {
    border-bottom: 4px solid #f7ce76;
}

.md-card-toolbar.celio-high,
.md-card-toolbar.cielo-critical {
    border-bottom: 4px solid #c13546;
}

/* UNIFORMITY GRAPH */
.uniformity-graph {
    border-spacing: 0;
    width: 100%;
}
.uniformity-data-graph table.uniformity-graph td {
    color: #000 !important;
    font-size: 0.8em;
    text-align: center;
    vertical-align: center;
}

/* AUDIO & SPACE BAR */
.space-panel {
    height: 30px;
    margin: auto;
    margin-bottom: 10px;
    width: 80%;
}
.space-progressbar {
    background-color: #b3b3b3;
    border: none;
    border-radius: 0;
    font-size: 16px;
    height: 100%;
    margin-left: 15px;
    margin-top: 8px;
    position: relative;
}
.space-progressbar .progress-label {
    color: #fff;
    font-size: 14px;
    left: 33%;
    position: absolute;
    top: 6px;
}
.space-progressbar .ui-progressbar-value {
    background-color: #0395d3;
    border: none;
    border-radius: 0;
    margin: 0;
}
.ui-widget-header {
    background: #e9e9e9;
    border: 1px solid #ddd;
    color: #333;
    font-weight: bold;
}

.ui-progressbar {
    height: 100%;
    overflow: hidden;
    text-align: left;
}

/* AUD MODAL */

.modal-dialog {
    color: #000;
    text-align: center;
}

.modal-center {
    top: 30%;
}

/* SUPPORT BUBBLE */

.bubble {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font: 500 14px/1.42857143 AvenirNextLTPro-Regular, sans-serif;
    margin: auto;
    margin-bottom: 15px;
    margin-left: 1px;
    margin-top: 1.5em;
    padding: 1em;
    position: relative;
    width: 80%;
}

.bubble-top {
    height: 3em;
    margin-bottom: 1px;
    position: relative;
}

.bubble .sep {
    border-top: 1px solid #ddd;
}

form .bubble-top img {
    cursor: pointer;
    padding: 0.5em;
    position: absolute;
    right: 0;
    width: 3em;
}

input.aud-note-note,
.ticketfield {
    border: none;
    margin: auto;
    padding: 10px 10px 10px 0;
    width: 90%;
}
input.aud-note-note {
    width: 100%;
}
/* form.add-aud-note .msg_alert {
    color: red;
    font-size: 13px;
} */

.attach_file {
    -webkit-appearance: none;
    background: var(--theme-color) ;
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 25px;
    padding: 2px;
    position: relative;
    left: 0px;
    text-align: center;
    text-transform: uppercase;
    /*top: 5px;*/
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    width: 25px;
    display: inline-flex;
}

.attach-file-not-abs {
    -webkit-appearance: none;
    background: var(--theme-color) ;
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 25px;
    padding: 2px;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 5px;
    -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    width: 25px;
}

.attach_file i {
    color: #fff;
    font-size: 20px;
}

.ticket_number {
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin-right: 15px;
}

@media screen and (min-width: 1024px) and (max-width: 1800px) {
    .split-2 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
	margin: auto;
    }
}
@media screen and (min-width: 1801px) {
    .split-2 {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
	margin: auto;
    }
}

/* LOADER */

.loader {
    /* background: url("../../assets/images/ring_2.svg") no-repeat scroll 50% 50% / 2em; */
    /* background: url('../../assets/images/spinner_90px.gif') no-repeat scroll 50% 50% / 2em; */
    background: url('../../assets/images/loading-points.svg') no-repeat center center;
    height: 50px;
    width: 100%;
}

.loader-icon {
    /* background: url("../../assets/images/ring_2.svg") no-repeat scroll 50% 50% / 2em; */
    /* background: url('../../assets/images/spinner_90px.gif') no-repeat scroll 50% 50% / 2em; */
    /*background: url('../../assets/images/loading-points.svg') no-repeat center center;*/
    /*height: 50px;*/
    /*width: 100%;*/

    background-color: var(--theme-color) !important;
    -webkit-mask-image: url("../../assets/images/loading-points.svg") !important;
    mask-image: url("../../assets/images/loading-points.svg") !important;
    mask-position: center !important;
    -webkit-mask-position: center !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
    min-height: 200px;
    min-width: 100%;
}


.medium_loader {
    /* background: url("../../assets/images/ring_2.svg") no-repeat scroll 50% 50% / 2em; */
    /* background: url('../../assets/images/spinner_90px.gif') no-repeat scroll 50% 50% / 3em;*/
    background: url('../../assets/images/loading-points.svg') no-repeat center center;
    height: 100px;
    width: 100%;
}

.small_loader {
    /* margin-left: 100px; */
    /* background: url(../../assets/images/ring_2.svg) no-repeat scroll 50% 50% / 2em; */
    /* background: url(../../assets/images/spinner_90px.gif) no-repeat scroll 50% 50% / 2em; */
    background: url('../../assets/images/loading-points.svg') no-repeat center center;
    display: inline-block;
    float: left;
    height: 50px;
    width: 50px;
}

/* Animation */
/*
.spinner {
    -webkit-animation: rotation 0.6s infinite linear;
    -moz-animation: rotation 0.6s infinite linear;
    -o-animation: rotation 0.6s infinite linear;
    animation: rotation 0.6s infinite linear;
    border-bottom: 6px solid rgba(0, 174, 239, 0.15);
    border-left: 6px solid rgba(0, 174, 239, 0.15);
    border-radius: 100%;
    border-right: 6px solid rgba(0, 174, 239, 0.15);
    border-top: 6px solid rgba(0, 174, 239, 0.8);
    height: 60px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    width: 60px;
}

@-webkit-keyframes rotation {
    from {
	-webkit-transform: rotate(0deg);
    }
    to {
	-webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes rotation {
    from {
	-moz-transform: rotate(0deg);
    }
    to {
	-moz-transform: rotate(359deg);
    }
}
@-o-keyframes rotation {
    from {
	-o-transform: rotate(0deg);
    }
    to {
	-o-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
	transform: rotate(0deg);
    }
    to {
	transform: rotate(359deg);
    }
}
*/
.audio-mute-label {
    float: left;
    height: 2em;
    margin: 9px;
    padding: 0;
    width: 35px;
}

.audio-mute-label .audio-mute-icon {
    background: url('../../assets/images/audio-mute.png') center right no-repeat;
    height: 100% !important;
    line-height: 2em;
    width: 100%;
}

.minimize-top {
    cursor: pointer;
    cursor: hand;
}

#event_search {
    border-bottom: 1px solid #d4d4d4;
    color: #646464;
    padding-bottom: 0.5em;
    padding-top: 1.5em;
    text-transform: uppercase;
    width: 100%;
}

#event_search i {
    padding-left: 15px;
    width: 5%;
}

#event_search input {
    border: none;
    font-weight: bold;
    padding-left: 1.5em;
    padding-top: 10px;
    width: 50%;
}

#search_cancel {
    text-align: right;
    width: 20%;
}

#timeline-date {
    width: 20% !important;
}

.uk-datepicker-heading,
.uk-datepicker-nav,
.uk-datepicker-table a.uk-active {
    background-color: var(--theme-color) ;
}

.number_matched_div {
    color: #999;
    padding: 10px;
    text-align: center;
}

.selectize-control.invalid > .selectize-input {
    border-color: red;
}

.md-list.split-2 li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

input {
    font-family: AvenirNextLTPro-Regular, sans-serif;
}
input.timepicki-input {
    font-family: AvenirNextLTPro-Bold, sans-serif;
}

/* SMALL SWITCH */


/* REPORTS */
/* #cms-submenu > li {
    background: var(--theme-color) ;
    float: left;
    font-size: 0.8em;
    list-style-type: none;
} */

.nav-page-title {
    line-height: 50px;
}

@media (min-width: 768px) {
    .navbar-left {
	float: left !important;
    }
    .navbar-right {
	float: right !important;
	margin-right: -15px;
    }
}

#reports-inner-view,
#cms-inner-view {
    margin: 15px 10px 0 !important;
}

.pull-right {
    float: right;
    margin: 5px !important;
}

.desktop-cms-action {
    list-style-type: none;
    text-align: left;
}

#cms-table,
#reports-table {
    font-size: 1em;
    width: 100%;
}

#reports-table > thead > tr > th.header,
#cms-table > thead > tr > th.header {
    font-size: 0.9em !important;
    text-align: left !important;
}

.table-striped > tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

table {
    border-spacing: 0 !important;
}

#cms-actions {
    display: inline-block;
    width: 100%;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

#reports-table th,
#cms-table th {
    line-height: 25px;
    min-width: 0 !important;
    padding-right: 20px;
    text-align: center;
}

#cms-title {
    display: none;
}

.desktop-reports-export ul.reports-select-export,
.desktop-cms-action ul.cms-select-action li,
.desktop-reports-export ul.reports-select-export,
.desktop-cms-action ul.cms-select-action {
    margin-top: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

#cms-submenu li.selected {
    background-color: var(--blue-text);
}

/* REPORTS */
.desktop-reports-nav,
.desktop-cms-nav {
    background: none !important;
}

#reports-wrapper,
#cms-table-wrapper {
    overflow: inherit;
    position: relative;
}

.desktop-reports-nav .desktop-daterange-input {
    color: white !important;
    height: 35px !important;
    line-height: 35px !important;
    width: 200px !important;
}


/* .date-picker-wrapper {
    background-color: #127eac !important;
    border: 1px solid #127eac !important;
    color: #2d2c2c !important;
} */
.date-picker,
.date-picker-wrapper {
    font: 500 12px AvenirNextLTPro-Regular, sans-serif !important;
}

.date-picker-wrapper b,
.date-picker-wrapper .drp_top-bar,
.normal-top {
    color: #fff !important;
}

.date-picker-wrapper .drp_top-bar.error {
    margin-left: 0;
    padding: 10px;
}

/* .date-picker-wrapper .footer {
    padding: 0px !important;
} */

.btn-export {
    margin-top: 20px;
}


@media (max-width: 1024px) {
    #reports-view,
    .desktop-reports-export,
    .desktop-cms-action {
	text-align: center;
    }
}

.cms-select-action {
    text-align: center;
}


.navbar-nav.navbar-right {
    margin-right: 0;
    margin-top: -10px;
}

/* Reporting Menu Main Items' Icons */
.icon-reports-alerts::before {
    content: '\f0f3';
}
.icon-reports-content_play::before {
    content: '\f144';
}
.icon-reports-advertisement::before {
    content: '\f0a1';
}
.icon-reports-trailer::before {
    content: '\f008';
}
.icon-reports-technician::before {
    content: '\f0ad';
}
.icon-reports-business_intelligence::before {
    content: '\f1ad';
}
.icon-reports-lamp::before {
    content: '\f0eb';
}
.icon-reports-operational::before {
    content: '\f233';
}
.icon-reports-asset::before {
    content: '\f013';
}
.icon-reports-cielo_health::before {
    content: '\f21e';
}
.icon-reports-audio::before {
    content: '\f001';
}

/* complex list fix */
.lista {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box;
    min-height: 48px;
    padding: 10px;
}

.list_aud_attribute {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    margin: 40px;
    min-height: 48px;
    padding: 5px;
    width: 100%;
}

.list_aud_attribute .btn_blue {
    background: var(--theme-color) ;
    border-radius: 0;
    color: #fff;
    float: right;
    margin-right: -5px;
    margin-top: 6px;
    padding: 1px 20px;
}

.aud_attribute {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    list-style: none;
    margin: 11px 38px;
    min-height: 40px;
    padding: 11px 4px;
    width: 100%;
}


.attr-name {
    display: block;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}

.lista_add_attribute .btn_blue {
    background: var(--button-color);
    border-radius: 0;
    color: #fff;
    margin-right: 20px;
    padding: 0 20px;
}

.delete_complex_attribute, .delete_complex_complex_group {
    color: var(--theme-color);
    font-size: 20px !important;
}
.noplc {
    padding: 0 !important;
}

.nopl {
    padding-left: 0 !important;
    padding-right: 20px;
}

.user-post {
    margin-bottom: 5px;
    margin-top: 0 !important;
}

/* MOBILE CHANGES */

.mobile_logo {
    padding: 4px;
    text-align: center;
}

.mobile_logo img {
    height: 28px !important;
    margin-left: -12px;
    margin-top: -8px;
    text-align: center;
}

.tnav {
    color: #1f87a9 !important;
    margin-bottom: 15px;
    margin-top: -20px;
    text-align: center;
}

.tnav h5 a {
    padding-left: 20px;
    padding-right: 20px;
}

.tnav h5,
.tnav > h5 > a > i {
    color: #1f87a9 !important;
}

#cms-table-wrapper {
    margin-top: 20px;
}

.hidden-element {
    display: none;
}

.heading_a img {
    width: 32px;
}

/* MOBILE HEADER ICONS FIRST LINE FIX */
@media (max-width: 1024px) {
    .sidebar_logo {
	display: none;
    }

    #sidebar_main .sidebar_main_header {
	height: 0;
    }

    .uk-navbar-flip {
	margin-top: -40px;
    }

    #sidebar_main_toggle,
    #sidebar_main_toggle_2 {
	margin-top: -35px;
    }

    .selection_header.font-bold,
    #main-nav > div.uk-breadcrumb > span {
	left: 0;
	position: absolute;
	top: 35px;
	width: 100%;
    }

    .uk-breadcrumb {
	margin-top: 0 !important;
    }

    #header_main .uk-navbar {
	margin-top: 0 !important;
    }
    .uk-dropdown-shown {
	margin-left: -90px !important;
	margin-top: 25px !important;
    }

    .uk-dropdown.uk-dropdown-xlarge {
	margin-top: 0 !important;
    }

    #event_search input {
	width: 60% !important;
    }

    .countUpMe {
	font-size: 30px;
    }

    .uk-badge {
	font-size: 13px;
	font-weight: 600;
	height: 25px;
	line-height: 23px;
	margin-right: 0;
	padding: 6px 2px;
	width: 25px;
    }

    /* Cell phone visual Difference with Chrome Simulator */
    .blue-bg-initials {
	padding-top: 3px;
    }

    .md-icon.material-icons.md-card-overlay-toggler img {
	margin-top: 0 !important;
    }

    .top-content h2,
    .top-details {
	font-size: 13px;
	line-height: 15px;
    }

    /* Status values One-line fix */

    .status-title {
	display: inline;
    }

    .status-value {
	display: inline;
	float: right;
    }
    .uk-grid-margin {
	margin-top: 10px !important;
    }

    /* FONT SIZES & SPACING*/

    .uk-grid + .uk-grid,
    .uk-grid-margin,
    .uk-grid > * > .uk-panel + .uk-panel {
	margin-top: 8px !important;
    }

    .md-card-content2,
    .md-card-content {
	padding-bottom: 15px !important;
    }

    .md-card .md-card-toolbar {
	padding: 0 8px;
    }
    .md-card .md-card-toolbar .md-card-toolbar-actions {
	padding-top: 15px;
    }

    .md-card .md-card-toolbar-heading-text {
	font-size: 12px;
    }

    h4 {
	font-size: 13px;
    }

    h5 {
	font-size: 12px;
    }

    .accordion_head {
	font-size: 12px;
	padding: 8px;
    }

    .accordion_body {
	padding: 5px 5px 5px 10px;
    }

    .uk-accordion-content {
	padding: 5px;
    }

    .song-title {
	font-size: 12px;
	min-width: 110px;
    }

    .single-tracks .md-list li:first-child {
	padding: 5px;
    }

    .track-duration {
	margin-top: 15px;
    }

    .title-icon {
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	min-width: 20px;
	padding-top: 2px;
	width: 25px;
    }
    .time-meta {
	font-size: 11px;
    }

    .auditorium ol,
    ul {
	padding-left: 0 !important;
    }
    .plusminus {
	font-size: 15px;
	height: 20px;
	line-height: 19px;
	width: 20px;
    }

    .temp_value {
	font-size: 18px !important;
    }

    .assets-list {
	font-size: 12px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 5px;
    }

    .heading_a {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
    }

    .heading_a img {
	width: 20px;
    }

    .ticket_number {
	font-size: 13px;
	line-height: 24px;
	margin-right: 0;
    }

    .md-btn {
	font-size: 12px;
	margin: 5px;
    }
    .uk-modal-footer > :last-child {
	margin-bottom: 5px;
    }

    div.uk-accordion-title > h3 > strong {
	display: block;
	font-size: 12px;
    }

    div.uk-accordion-title > p {
	font-size: 11px;
	line-height: 11px;
	margin-bottom: 5px;
	margin-top: 5px;
    }

    .timeline.timeline_small .timeline_content {
	font-size: 12px;
    }

    .timeline_content span {
	font-size: 14px;
    }

    .single-tracks {
	padding: 5px;
    }

    .bubble-top {
	height: 40px;
    }

    .pull-r {
	text-align: center;
    }

    .attach_file i {
	font-size: 20px;
    }

    .md-list li {
	font-size: 12px;
	min-height: 25px;
    }

    body {
	font-size: 11px;
    }

    /* Activity Stream (Dashboard) */

    .timeline_item {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0 10px;
    }

    .timeline.timeline_small {
	padding: 0 0 0 81px;
    }

    .timeline.timeline_small .timeline_icon {
	height: 30px;
	left: -30px !important;
	padding-top: 2px;
	top: -1px !important;
	width: 30px;
    }

    /* Infocards Content (Dashboard) */

    .top-content {
	margin-bottom: 0 !important;
	margin-top: 10px;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	width: 95% !important;
    }

    .top-content h2 {
	margin-bottom: 5px;
    }

    .timeline_content p {
	margin-bottom: 5px;
    }

    .activity-info {
	font-size: 10px;
	left: -70px !important;
	top: 32px !important;
    }
}

@media (max-width: 800px) {
    /* Popup small triangle disable */
    #header_main .uk-navbar .uk-navbar-nav > li > a::after,
    .uk-open > #complex_list::after {
	display: none;
    }
    /* CHARTS */
    .chart {
	text-align: center;
	width: 33% !important;
    }

    .m-top-25-counter {
	display: inline-block;
	margin-right: 0;
	margin-top: 0;
	text-align: center;
	width: 100%;
    }
    .uk-float-left-counter {
	margin-left: 0;
    }
}

@media (max-width: 600px) {
    .uk-dropdown-shown {
	margin-left: -25px !important;
    }
}

@media (max-width: 320px) {
    .chart .md-card-content {
	margin-left: -8px;
    }
    #header_main .uk-navbar .uk-navbar-nav > li > a {
	padding: 4px;
    }
}
@media (min-width: 320px) and (max-width: 420px) {
    .chart .md-card-content {
	margin-left: -3px;
    }
    #header_main .uk-navbar .uk-navbar-nav > li > a {
	padding: 6px;
    }
}
@media (min-width: 421px) and (max-width: 500px) {
    .chart .md-card-content {
	margin-left: 5px;
    }
    #header_main .uk-navbar .uk-navbar-nav > li > a {
	padding: 8px;
    }
}
@media (min-width: 501px) and (max-width: 600px) {
    .chart .md-card-content {
	margin-left: 10px;
    }
}
@media (min-width: 601px) and (max-width: 700px) {
    .chart .md-card-content {
	margin-left: 20px;
    }
}
@media (min-width: 701px) and (max-width: 800px) {
    .chart .md-card-content {
	margin-left: 30px;
    }
}

@media (min-width: 1025px) {
    .uk-visible-ipadpro {
	display: none !important;
    }
}

/* IPAD PRO FIXES */
@media (max-width: 1024px) {
    .mobile_logo.uk-visible-small.uk-visible-medium {
	display: block !important;
    }

    .uk-hidden-ipadpro {
	/*display: none !important;*/
    }

    .top-content {
	border-right: none;
	margin-bottom: 0 !important;
	margin-top: 10px;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	width: 95% !important;
    }

    .top-content h2 {
	margin-bottom: 5px;
    }

    .top-content h2,
    .top-details {
	font-size: 16px;
	line-height: 20px;
    }

    .md-card-content2,
    .md-card-content {
	padding-bottom: 15px !important;
    }

    #edit_user_form {
	padding-right: 30px;
    }
}

.selection-modules {
    background-color: #34a1c0;
    font-weight: 900;
    margin-left: 0;
    width: 240px;
}

.selection-modules a {
    color: #fff;
    font-weight: 900;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.selection-modules a:hover {
    background-color: #105e79;
}

#main-nav > span.uk-hidden-ipadpro a > img {
    margin-top: -9px;
}

.state-separator {
    background-color: #eee;
    border-bottom: 1px solid #8f9094;
    color: #39424d;
    display: block;
    overflow-x: hidden;
    padding: 10px;
}

.red-dialog-confirm {
    background-color: #d32f2f;
}

#holder {
    border: 5px dashed #ccc;
    height: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
}

#complex_search_kw {
    background-color: #eee;
    border: 0;
    color: #000;
    width: 200px;
}

.complex_item {
    font-size: 16px;
}

.selection-modules > a {
    font-size: 16px;
}

/* Auditorium Notes in Realtime View */
.aud-notes-list {
    margin: 1em;
}
.aud-note-row {
    border-bottom: 1px solid #ddd;
    line-height: 3em;
    padding: 0;
    width: 100%;
}
.aud-note-row:last-child {
    border-bottom: 0;
}
.aud-note-row div {
    float: left;
}
.aud-note-col-user {
    margin-right: 1em;
}
.aud-note-col-note {
    margin: 0.65em 1em 0 0;
    width: 65%;
}
.aud-note-col-created {
    float: right !important;
    font-size: small;
    line-height: normal;
    margin: 0.5em 0;
    text-align: right;
}
.aud-note-col-action {
    cursor: pointer;
    float: right !important;
    margin-left: 2px;
}
.aud-note-col-note p {
    line-height: normal;
}

@media only screen and (max-width: 1025px) {
    .add-aud-note-bubble {
	left: 10px;
	margin: 0.5em 1.5em 15px !important;
    }
    .aud-note-row {
	height: auto;
    }
    .aud-note-col-user {
	float: left;
	margin: 0;
	width: 50%;
    }
    .aud-note-col-note {
	width: 100%;
    }
    .aud-note-col-created {
	float: right;
	font-size: 10px;
	margin-top: 0.5em;
	width: 40%;
    }
    .add-aud-note-button {
	margin-bottom: 1em !important;
    }
}

/* Modifier styles */
.center {
    text-align: center !important;
}

.force_center {
    text-align: center !important;
}

.force_right {
    text-align: right!important;
}

.right {
    float: right;
}

.pointer {
    cursor: pointer;
}

.ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.big-checkbox {
    padding: 10px;
    /* 1.5x-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
}

/* Official Cielo colors */
.blue {
    background: inherit;
    color: var(--button-color);
}
.blue-bg {
    background: var(--button-color) !important;
}

.red {
    background: inherit;
    color: #ff552b;
}
.red-bg {
    background: #ff552b;
}

.yellow {
    background: inherit;
    color: #e4ac02;
}
.yellow-bg {
    background: #e4ac02;
}

.magenta {
    background: inherit;
    color: #c13546;
}
.maroon-bg {
    background: #c13546;
}


/* Correspond to Cielo colors */
span.cleared {
    color: var(--button-color);
}
span.warning {
    color: #e4ac02;
}
span.critical {
    color: #c13546;
}
span.showstopper {
    color: #ff552b;
}

/* badge item top margin fix */
#network_item,
#message_item,
#task_item,
#badge_item,
#config_item {
    margin-left: 10px;
    margin-right: 10px;
    z-index: 99999;
}

#network_item span p,
#task_item span p,
#message_item span p,
#badge_item span p,
#config_item span p {
    margin-bottom: 10px;
    margin-top: 10px;
}

#page_content_inner_reports {
    padding: 50px 10px 100px;
}

.white_bg {
    background-color: #fff;
}
.wide_hr {
    border: solid 2px #d4d4d4;
    margin-top: 20px;
}
/* dash style to class fixes */
.hamb {
    margin-left: -10px;
    margin-right: 10px;
    margin-top: -12px;
}
#mod_hamb_img {
    margin-top: -9px;
}
#logo {
    display: inline;
    margin-top: -12px;
}

/*Modal fixes*/
.modal-title,
.modal-content {
    color: #000 !important;
}

#latest-release-modal p,
h3,
h4,
h5 span {
    color: #000;
}

.modal_w70 {
    width:70%;
    margin:auto;

}

@media (max-width: 1024px) {
    #notice {
	margin-bottom: -50px;
	margin-top: 70px;
    }

}

/* p {
    color: #2d2d2d;
    font-size: 13px;
    margin: 5px;
} */

.demo-remaining {
    font-family: AAvenirNextLTPro-Bold, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin: auto;
    margin-bottom: 30px;
    margin-top: -100px !important;
    text-align: center;
    /* margin-left: 30%; */
    /* margin-top: -100px!important; */
    /* margin-bottom: 5%; */
    width: 100%;
}

.demo-remaining h4 {
    color: #ff572d;
    font-size: 19px;
    font-weight: bold;
    padding-top: 10px;
}

.current-track {
    display: inline;
    line-height: 40px;
}
.playlist_kdm_status {
    color: #676767;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 10px;
    position: absolute;
    right: 20px;
    top: 9px;
}

.status_list {
    float: left;
    margin-top: 10px;
}

.status-container {
    display: table-cell;
    vertical-align: middle;
}
.status-val {
    font-size: 12px;
    font-weight: bold;
    margin-left: -20px;
}

.floatright {
    float: right;
}

.padding-20 {
    margin: 20px;
}
.marginzero {
    margin: 0 !important;
}

.margintop50 {
    margin-top: 50px !important;
}

#notice > p {
    color: #fff;
}

.plist_icon {
    margin-right: 5px;
}

.uk-modal-footer > :last-child {
    margin-left: 20px;
}
/* Confirm button color correction */
.js-modal-confirm.md-btn-flat-primary.md-btn.md-btn-flat {
    background: var(--button-color);
    border: none;
    color: #fff;
    text-align: center;
}
/* Icon showing on hide menu */
.show_icons_right {
    margin-right: -7px;
    margin-top: 5px;
    position: absolute;
    right: 0;
}
a.hide_nav::before {
    display: none !important;
}

/* Tabs Mobile fix */
@media only screen and (max-width: 767px) {
    .uk-tab > li > a {
	font-size: 12px;
	min-width: 130px;
	padding: 10px 3px 5px 10px !important;
	width: 100%;
    }
    .icheck-inline {
	display: block;
    }
}
@media only screen and (max-width: 359px) {
    .uk-tab > li > a {
	font-size: 10px;
	min-width: 100px;
    }
}
/* jquery-autocomplete styling for messaging */
.autocomplete-suggestions {
    background: #fff;
    border: 1px solid #d4d4d4;
    max-height: 100px !important;
    overflow-y: auto;
}

#cms-alerts-assign-view .uk-modal-dialog {
    height: 235px;
}

/* Margin left */
.m-left-sm {
    margin-left: 7px;
}

/* Fix for hidden tabs */
.uk-switcher > :not(.uk-active) {
    display: none !important;
}
/* Sidebar toggle circle background fix */
#sidebar_main_toggle > span > i {
    vertical-align: 0;
}
/* Posters' info cards */
.top-info {
    background: #000;
    bottom: 0;
    font-size: 12px;
    height: 100%;
    margin: auto;
    opacity: 0;
    padding: 5px;
    position: relative;
    transition: all 0.5s ease-in-out;
    width: 195px;
}

div.poster:hover div {
    cursor: help;
    opacity: 0.7;
}

div.poster:hover div.noshow {
    cursor: auto;
    opacity: 0;
}
.infotext {
    bottom: 30px;
    color: #fff;
    margin-right: 10px;
    position: absolute;
}
.info_title {
    font-size: 14.5px;
    font-weight: 900;
}
/* Module name under logo */
.module_text {
    bottom: 15px;
    /*    width: 145px; */
    color: #939597;
    font-size: 12px;
    font-weight: bolder;
    position: relative;
    text-align: right;
}
/* Initials badge in users*/
.initials_badge {
    float: left;
    line-height: initial;
    margin-right: 10px;
}
/* Less space */
.top-title h4 {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Hide Alerts and Active Tickets */
.alerts-hidden,
.active_tickets-hidden {
    display: none;
}
/* Offline & Config Banner */
.offbanner,
.configbanner {
    margin: 0 !important;
    padding: 0;
    width: 100%;
}

/* Map on Client Dash */
h1.map-info-heading {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 0;
}

h1.map-info-heading.trim150 {
    display: inline-block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
}

h1.map-info-heading.trim250 {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}

span.offline_complex {
    color: #ff552b;
    float: right;
    font-family: 'AvenirNextLTPro-Bold';
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 11px;
}

.map-info-body {
    margin-top: 0.5em;
    min-width: 250px;
}

.map-info-body ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.map-info-location {
    float: left;
    width: 50%;
}
.map-info-alerts {
    float: left;
    padding-left: 5%;
    /*width: 45%;*/
}

.map-info-alerts ul li, .map-info-alerts ul li a {
    font-size: 14px;
    color: white;
}
div#reports-map-container {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}

div#reports-map {
    height: 480px;
    width: 100%;
}

.h600 {
    height: 600px!important;
}

.uk-sortable-item {
    cursor: crosshair !important;
}
.margin-auto {
    margin: auto;
}

.float-none {
    float: none !important;
}
.float-right {
    float: right !important;
}

@media only screen and (max-width: 550px) {
    .uk-tab > li > a {
	font-size: 11px;
	font-weight: bold;
	min-width: 110px;
	padding: 5px 0 !important;
    }
}

/* Hide close buttons and links to open on mobile displays */
@media (max-width: 1024px) {
    .get-button,
    .handle-new-titles {
	display: none !important;
	list-style-type: none;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	padding: 0;
	transition: all 0.8s ease-out;
    }
}

#timeline-calendar {
    cursor: pointer;
    font-size: 20px;
}

.uk-badge i.material-icons {
    color: #fff;
    font-size: 1.3em;
    line-height: 1.1em;
}

#feedback_comments {
    font-family: AvenirNextLTPro-Regular, sans-serif;
    width: 100%;
}

.active-clip {
    background-color: var(--button-color);
}
.active-clip .track-duration {
    color: #fff;
}
.active-clip .md-list-left .title-icon {
    background: #1984a6 none repeat scroll 0 0;
}
.ui-progressbar-value {
    -webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
    -webkit-transition-property: width; /* Safari */
    transition-property: width;
}

@media (max-width: 1024px) {
    #feedback-modal > div > div.modal-content {
	text-align: center;
    }
    .c-rating {
	display: flex;
	justify-content: center;
    }
    #feedback_comments {
	margin-top: 10px;
    }
    #star_feedback_form > div > label {
	font-size: 13px;
    }
    #feedback-modal > div > div.uk-modal-footer {
	margin: 0 -25px -25px;
	text-align: center !important;
    }

    #feedback-modal > div > div.uk-modal-footer > :last-child {
	margin-left: 0;
    }
}
@media (max-width: 359px) {
    #feedback-modal > div > div > button {
	font-size: 10px;
    }
}

#feedback_comment_error, #feedback_rating_error {
    font-size: 13px;
    color: red;
}

.app_selector i {
    color: var(--button-color);
    font-size: 35px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
}

.configissue_icon {
    background-color: #ff552b;
    border-radius: 50%;
    color: #fff !important;
    margin-right: 4px;
    padding: 2px;
}
#network_count,
#config_count {
    background: #939598 none repeat scroll 0 0 !important;
    color: #fff;
}
#notification .badge-item {
    display: inline-flex !important;
    width: 100%;
}
.badge-icon .config_badge .uk-badge.warning {
    background-color: #e4ac02;
}
.badge-icon .config_badge .uk-badge.critical {
    background-color: #c13546;
}
.badge-icon .config_badge .uk-badge.showstopper {
    background-color: #ff552b;
}
#network_issues,
#config_issues {
    color: red;
    float: right;
    font-weight: bold;
    line-height: 40px;
    margin-top: 7px;
}

.hidden-icon {
    display: none !important;
}

@media (max-width: 1024px) {
    #network_badge_menu,
    #config_badge_menu {
	display: none;
    }
    .offlinenotice {
	margin-bottom: 15px;
	margin-top: -30px;
    }
}

@media (min-width: 1025px) {
    #network_badge_menu > div,
    #config_badge_menu > div {
	left: -100px;
	width: 450px;
    }

    .spacer-handle {
	height: 100px;
    }
}

#network_badge_menu > div,
#config_badge_menu > div {
    z-index: 99999;
}

/* .date-picker-wrapper.single-date {
    margin-left: -100px;
    margin-top: 20px;
} */

#complex_list > div {
    overflow-y: auto;
}

.complex_dropdown_content {
    min-width: 300px;
    width: auto !important;
}

/* New Complex Playlist Widget */

.sch_pl > div {
    line-height: 35px;
    margin-top: -10px;
    overflow: hidden;
    padding-left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sch_pl > div > .uk-badge {
    font-size: 18px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    margin-right: 0;
    margin-top: 10px;
    padding: 0;
    width: 30px;
}

.sch_pl .progressbar-wrapper {
    height: 7px;
}

.timeframe {
    cursor: pointer;
    /* Hidden, not using timeframes yet */
    display: none;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 0;
}

.timeframe-selected {
    background: inherit;
    border-bottom: 3px solid var(--button-color);
    color: var(--button-color);
    padding-left: 0;
}

.timeframe-target {
    display: none;
}

.timeframe-target-selected {
    display: inline;
}

.slideframe {
    cursor: pointer;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 0;
}
.slideframe-selected {
    background: inherit;
    border-bottom: 3px solid var(--button-color);
    color: var(--button-color);
    padding-left: 0;
}

li.uk-width-1-1.uk-grid.sch_pl {
    padding: 5px 20px;
}
@media (max-width: 1024px) {
    li.uk-width-1-1.uk-grid.sch_pl {
	margin-left: 0;
	padding: 3px;
    }
    .sch_pl .progressbar-wrapper {
	margin-top: 5px;
    }
}

@media (min-width: 1024px) {
    li.sch_pl_sub {
	padding-left: 20px;
	padding-right: 20px;
    }
}

.playing {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.stopped .progressbar .ui-progressbar-value,
.completed .progressbar .ui-progressbar-value,
.stopped .progressbar,
.completed .progressbar {
    background-color: #7cb342;
}

.paused .progressbar .ui-progressbar-value {
    background-color: #e4ac02;
}

.paused .progressbar {
    background-color: #ab8103;
}

.stopped > div > .uk-badge,
.completed > div > .uk-badge {
    background-color: #7cb342;
    float: left;
}

.paused > div > .uk-badge {
    background-color: #e4ac02;
    float: left;
}

.playing > div > .uk-badge {
    background-color: var(--button-color);
    float: left;
}

.scheduled > div > .uk-badge {
    background-color: var(--button-color);
    float: left;
}

@media (max-width: 420px) {
    .chart .md-card-content {
	padding: 5px !important;
    }
    .sch_pl > div {
	font-size: 11px;
    }
}

.timeframe-current {
    /* background-color: #ebf4f7; */
}

.sch_pl_sub > div {
    border-right: 1px dashed #ccc;
    font-size: 12px;
    font-weight: bold;
    height: 20px !important;
    line-height: 20px !important;
    overflow: hidden;
    padding-left: 5px;
    text-align: left;
    text-overflow: ellipsis;
}

.sch_pl_sub > div:last-child {
    border: none;
}

.sch_pl_sub {
    min-height: 20px !important;
    padding-bottom: 10px;
}

.center_imp {
    text-align: center !important;
}

.timeframe-selected h5 {
    color: var(--button-color);
}

.playlist_showless_btn,
.playlist_showmore_btn {
    margin-bottom: 20px;
}

.icon-past {
    background-color: #7cb342 !important;
}

/*
.state-showstopper {
    background-color: #FF552B!important;
}

.state-showstopper.icon-past {
    background-color: #E4AC02!important;
}

*/

.progressbar.ui-progressbar.past {
    background-color: #7cb342;
}
.ui-progressbar-value.past {
    background-color: rgb(96, 130, 60);
}

.progressbar.ui-progressbar.showstopper.past {
    background-color: #e4ac02;
}
.ui-progressbar-value.showstopper.past {
    background-color: rgb(173, 130, 0);
}

.warning_progressbar {
    color: #e4ac02;
    /* Let's kill it for now */
    display: none;
    float: left !important;
    height: 12px !important;
    left: 24px;
    margin-top: -5px;
    padding-right: 5px !important;
    position: absolute;
    width: 12px !important;
}

@media (max-width: 1024px) {
    .timeframe {
	margin-top: 20px;
    }
    .warning_progressbar {
	left: 7px;
    }
}

.nav_playlist_slides h5 {
    color: var(--button-color);
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}
.nav_playlist_slides h5 i {
    color: var(--button-color);
    font-size: 18px;
    font-weight: bold;
}
.playlist_slide_nav {
    cursor: pointer;
}
.playlist_slide_nav.before {
    margin-right: 20px;
}
.playlist_slide_nav.next {
    margin-left: 20px;
}

.md-list li:last-child,
.showlessbtn,
.showmorebtn,
.playlist_slide {
    border-bottom: none !important;
}

.progressbar-div {
    margin-top: -15px !important;
    padding-left: 40px !important;
}

.nav_playlist_slides {
    margin-top: 20px;
}

.aud_number_link {
    margin-left: -30px;
}

@media (max-width: 680px) {
    .sch_pl > div > .uk-badge {
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	width: 20px;
    }
    .aud_number_link {
	margin-left: -20px;
    }
}

/* PROJECTOR CHART */

#projector_chart,
#server_chart {
    font-family: 'AvenirNextLTPro-Bold';
    font-size: 12px;
    margin: 0 auto;
    /* padding-top: 30px; */
    position: relative;
    /*    height: 340px; */
    width: 340px;
    /* padding-bottom: 45px; */
}

#projector_chart path,
#server_chart path {
    cursor: pointer;
    stroke: #fff;
    stroke-width: 2px;
}

.chart_tooltip {
    background: var(--button-color);
    box-shadow: 0 0 5px #999;
    color: #fff;
    display: none;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 13px;
    left: 10%;
    margin: auto;
    opacity: 0.9;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 75%;
    z-index: 10;
}

.legend {
    font-family: 'AvenirNextLTPro-Bold';
    font-size: 12px;
}
rect {
    stroke-width: 2;
}

#servers_details,
#projectors_details {
    margin-bottom: 25px;
}

.server_listing,
.projector_listing {
    cursor: pointer;
}

.selected_listing .md-list-heading,
.selected_listing .md-list-subheading {
    color: #656565;
    font-family: 'AvenirNextLTPro-Bold';
}

.squarebox {
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    height: 20px;
    margin-right: 5px;
    width: 20px;
    border-radius: 50%;
}

#top_features {
    width: 100%;
    /*display: table;*/
}

@media (min-width: 1025px) {
    #top_features {
	display: flex;
    }

    .top-content {
	flex-grow: 1;
	min-width: 0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .top-content {
	width: 125px;
    }

    .poster {
	background-size: 130px;
	height: 200px;
    }

    .top-title {
	width: 100%;
    }

    .top-details {
	font-size: 13px;
    }

    .top-info {
	font-size: 10px;
	width: 125px;
    }

    .infotext {
	top: 0;
    }

    .info_title {
	font-size: 12px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1400px) {
    #projectors_container,
    #servers_container {
	width: 100%;
    }
}

@media screen and (max-width: 400px) {
    #server_chart svg,
    #projector_chart svg {
	margin-left: -10px;
    }
    .chart_tooltip {
	left: 5%;
    }
}

.dual_donut_chart_graph path,
path {
    cursor: pointer;
    stroke: #fff;
    stroke-width: 2px;
}

.tooltip_donut_1_of_2 {
    left: 3% !important;
    width: 300px !important;
}

.tooltip_donut_2_of_2 {
    left: auto !important;
    right: 3% !important;
    width: 300px !important;
}

.chart_labels {
    margin: auto;
    margin-top: 5px;
    text-align: center;
    top: 0;
    width: 90%;
}
.chart_label {
    float: left;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 12px;
    /* margin-right: 10px; */
    line-height: 16px;
    padding: 4px;
}
.chart_label .squarebox {
    height: 13px;
    width: 13px;
    border-radius: 50%;
}

.projector_title,
.server_title {
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}

/* .report_link {
    bottom: 0;
    padding: 0 10px;
    position: absolute;
    width: 95%;
    text-align: right;
    color: #0A5566;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 300;
} */

.notice_icon {
    color: white;
    font-size: 24px;
    line-height: 24px;
    /* margin-top: 5px; */
    vertical-align: bottom;
}

.configbanner p {
    line-height: 16px;
}

.configbanner a {
    color: white !important;
}

.call p {
    color: #ff552b;
    font-size: 14px;
    line-height: 32px;
    margin-top: 20px;
}

.call a {
    color: #ff552b;
}


.req_ask {
    color: #ff552b;
    font-size: 13px;
    /* font-weight:bold; */
}

@media screen and (max-width: 1024px) {
    .fullwidthmobile {
	display: block;
	margin: 0;
    }
}

/* IE 10 & 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #network_badge_menu,
    #config_badge_menu {
	min-width: 200px;
    }
}
/* IE 9 */
/*
:root #config_badge_menu {
    min-width:200px;
}
*/
.complexbanner p {
    color: #fff;
}

.column-toggler {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 5px;
    text-align: left;
}
.column-toggler a {
    color: var(--button-color);
    padding: 0 5px;
}

a.toggle-col:last-child {
    border: none;
}

.toggletext {
    color: var(--button-color);
    font-weight: bold;
}
.toggletext i {
    background-color: var(--button-color);
    border-radius: 50%;
    color: #fff !important;
    font-size: 14px;
    font-weight: normal;
    padding: 3px;
}
.hiddencol {
    color: #ccc;
    font-weight: bold;
    text-decoration: line-through;
}

.hiddencol:hover {
    color: #ccc;
    font-weight: bold;
    text-decoration: line-through;
}
.toggle-switch-select-all {
    cursor: pointer;
}

.checkbox-row,
.switch-row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 480px) {
    .form-right > .toggle-row {
	margin-right: 25px;
    }
    .rightonmobile {
	text-align: right;
    }
    .mobilehidden {
	display: none;
    }
}

.vpn_error_row,
.vpn_error_row .sorting_1 {
    background-color: #cc6363 !important;
    color: white;
}

.device_error_row {
    background-color: #f37171 !important;
}
.device_error_row td {
    border-bottom: 2px solid white !important;
}
.vpn_warning {
    color: red;
    margin-bottom: 12px;
    text-align: center;
}

.report_note {
    margin-bottom: 12px;
    text-align: center;
}

.gray_bg {
    background-color: #ececec;
}

.overview_card {
    margin-bottom: 20px;
}

.m-top-100-counter {
    margin-top: 100px;
    min-width: 70px;
    /* float: right; */
    text-align: center;
}

.overview_no_results {
    font-size: 14px;
    text-align: center;
}

.overview_chart {
    padding-left: 0;
}

.overview_chart .epc_chart {
    display: inline-flex;
    position: relative;
}

/* .date-picker-wrapper {
    z-index: 9999 !important;
} */

/* Risk score widget styles */

.epc_chart_static {
    display: block;
    position: relative;
}
.card-risk-score {
    margin-bottom: 20px;
}
.risk-score-aud p,
#risk_score p {
    font-size: 14px;
}
.risk-score-aud .details,
#risk_score .details {
    margin-bottom: 10px;
}
.risk-score-aud ul,
#risk_score ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.risk-score-aud .risk-score-badge,
#risk_score .risk-score-badge {
    color: white;
    font-size: 32px;
    font-weight: bold;
    height: 77px;
    margin: auto;
    text-align: center;
    width: 77px;
}
.risk-score-aud .epc_chart_icon {
    line-height: 64px;
}
#risk_score .risk-score-badge .epc_chart_icon {
    line-height: 64px;
}
.risk-score-aud .details-link,
#risk_score .details-link {
    margin: 0 0 5px 10px;
}

.risk-score-grade-A {
    background-color: green;
}
.risk-score-grade-B {
    background-color: var(--button-color);
}
.risk-score-grade-C {
    background-color: #e4ac02;
}
.risk-score-grade-D {
    background-color: #c13546;
}
.risk-score-grade-F {
    background-color: #ff552b;
}
.loading,
#table_loading,
.table_loading {
    /* background: url(../../assets/images/ring_2.svg) no-repeat center center; */
    /* background: url(../../assets/images/spinner_90px.gif) no-repeat center center; */
    background: url('../../assets/images/loading-points.svg') no-repeat center center;
    min-height: 180px;
    min-width: 100%;
    background: transparent;
}

/* Complex Attributes */
.attribute-selected {
    background-color: var(--button-color);
    color: #fff;
}

.attribute-select ul {
    border: 1px solid lightgray;
    height: 240px;
    list-style: none;
    overflow-y: auto;
    padding-left: 0;
}
.attribute-select li {
    cursor: pointer;
    line-height: 2em;
    padding: 5px;
}
.attribute-select p {
    font-weight: bold;
    height: 2em;
    line-height: 2em;
}
.attribute-buttons {
    padding: 0;
    width: 10%;
}

.attribute-buttons ul {
    height: 240px;
    list-style: none;
    margin-top: 80px;
    padding-left: 35px;
    text-align: center;
    vertical-align: middle;
}

.attribute-buttons ul li button {
    background-color: var(--button-color);
    margin: 5px;
}
.attribute-buttons ul li button i, .complex_group-buttons ul li button i {
    color: #fff;
}
.attribute-buttons ul li button i:hover,
.attribute-buttons ul li button:hover i,
.attribute-buttons ul li button:focus i {
    color: var(--button-color);
}
.msg_alert {
    color: red;
    font-size: 13px;
}

.delete_attribute {
    position: relative !important;
}

.attribute-delete-attr {
    color: #ff552b;
    font-size: 20px !important;
}
.attribute-list-80 {
    display: inline-block;
    width: 90%;
}
.attribute-list-5 {
    display: inline-block;
    width: 5%;
}

.attribute-list li, .complex_group-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    list-style: none;
    min-height: 40px;
    padding: 10px 4px;
}

/* Alert setting */
#alert_input_email {
    border: 1px solid #ccc;
    border-color: #ccc;
    height: 23px;
    line-height: 21px;
    margin-left: 30px;
    padding: 6px 8px;
    width: 90%;
}

.setting_modal {
    height: auto !important;
    min-height: 500px !important;
    min-width: 350px !important;
    top: auto !important;
}

.uk-modal-dialog.setting_modal {
    top: auto !important;
}

@media (min-width: 1024px) {
    .setting_modal {
	top: auto !important;
	width: 498px !important;
    }
}

.add_email_btn {
    font: 900 14px/20px AvenirNextLTPro-Regular, sans-serif;
    height: 37px;
    left: 47%;
    margin: 9px;
    min-height: 31px;
    min-width: 21px;
    padding: 11px;
    position: relative;
    top: 2px;
}

.add_email_btn_after_tag_list {
    color: red;
    font-size: 13px;
    height: 37px;
    left: 94%;
    margin: 9px;
    min-height: 31px;
    min-width: 21px;
    padding: 11px;
    position: relative;
    top: -20px;
}

#movie_tag_list .tm-tag, #asset_tag_list .tm-tag {
    background-color: #c6edf7;
}

.desktop-period-input {
    background-color: var(--blue-text);
    color: white !important;
    display: inline-block;
    font: inherit;
    font: 500 14px/31px AvenirNextLTPro-Regular, sans-serif;
    height: 32px !important;
    line-height: 32px !important;
    margin-top: -3px !important;
    vertical-align: middle;
    width: 200px !important;
}

.desktop-groupby-input {
    background-color: var(--blue-text);
    color: white !important;
    display: inline-block;
    font: inherit;
    font: 500 13px/31px AvenirNextLTPro-Regular, sans-serif;
    height: 35px !important;
    line-height: 32px !important;
    margin-top: -3px !important;
    vertical-align: middle;
    width: 200px !important;
}

/* Macbook UI fixes */
/* @media only screen and (min-width: 1279px) and (max-width: 1500px) {
    .md-card .md-card-toolbar-heading-text {
	font: 500 12px/50px AvenirNextLTPro-Bold, sans-serif;
    }
    .change_widget_period {
	width: 100px;
    }
    .change_widget_groupby {
	width: 130px;
    }
} */

.view_report_link {
    color: #777;
    float: right;
    font: 900 13px/20px AvenirNextLTPro-Regular, sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 5px;
    text-align: right;
    width: 100%;
    z-index: 999;
}

.widget-content ul div,
.widget-content ul {
    z-index: 1;
}

.email-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    list-style: none;
    min-height: 40px;
    padding: 0 4px;
}

.email-delete-user {
    color: #ff552b;
    font-size: 20px !important;
    list-style: none;
    padding: 0 27px;
}

.email-info {
    cursor: pointer;
}
.email-list-80 {
    display: inline-block;
    width: 80%;
}
.email-list-20 {
    display: inline-block;
    float: right;
    padding: 7px 32px;
    width: 14%;
}

li.overview_no_results {
    align-items: center;
    display: flex;
    height: 397px;
    justify-content: center;
    text-align: center;
}

#overview-wrapper {
    margin-bottom: 20px;
}

.asset_card .widget-content svg,
.overview_card .widget-content svg {
    height: 390px;
    margin-top: -17px;
}

.asset_card .widget-content .loading,
.overview_card .widget-content .loading,
.no-report-widget-loading {
    height: 395px;
}

.overview_card #alert-summary .opened,
.overview_card #alert-summary {
    height: 440px;
    margin-bottom: -20px;
}

#compliance-by-site svg,
#compliance-over-time svg {
    margin: 0 !important;
}

#compliance-over-time svg {
    padding: 10px;
}

.with_bottom_filter {
    height: 420px;
}

.overview_card .chart_card,
.overview_card .chart_card .opened,
.overview_card .pie_card ul,
.overview_card .pie_card .opened ul {
    height: 450px;
    margin-bottom: -20px;
    z-index: 1;
}

.overview_card .chart_card.closed,
.overview_card .pie_card.closed {
    height: none;
}

.overview_card #alert-summary.closed {
    height: none;
}

/* CHART DEFAULT COLORS */
rect.dimple-critical,
path.dimple-critical,
circle.dimple-critical {
    fill: #FF844B !important;
    stroke: #FF844B !important;
}
rect.dimple-warning,
path.dimple-warning,
circle.dimple-warning {
    fill: #DFB72D !important;
    stroke: #DFB72D !important;
}
rect.dimple-showstopper,
path.dimple-showstopper,
circle.dimple-showstopper {
    fill: #FF6760 !important;
    stroke: #FF6760 !important;
}
rect.dimple-total-alert,
circle.dimple-total-alert {
    fill: #09B6DD !important;
    stroke: #09B6DD !important;
}
path.dimple-total-alert {
    stroke: #09B6DD !important;
}
path.dimple-ok,
path.dimple-up-to-date,
rect.dimple-ok,
rect.dimple-up-to-date,
rect.dimple-updated,
path.dimple-updated {
    fill: #7cb342 !important;
    stroke: #7cb342 !important;
}
path.dimple-error,
rect.dimple-error,
path.dimple-outdated,
rect.dimple-outdated {
    fill: #ff552b !important;
    stroke: #ff552b !important;
}
.dimple-title {
    font-size: 11px !important;
    font-weight: bold;
}
.error-setting-modal {
    background-color: #ffd5cb !important;
    font-size: 12px;
    margin-left: 10px 16px 0;
}

.uk-form-row .optgroup-header, .uk-form-row .selectize-dropdown [data-selectable], .uk-form-row, .uk-form-row {
    border: 0;
}

/* Bigger than Desktop*/
@media (min-width: 1280px) {
    /* Whole */
    .uk-width-larger-1-1 {
	width: 100%;
    }
    /* Halves */
    .uk-width-larger-1-2,
    .uk-width-larger-2-4,
    .uk-width-larger-3-6,
    .uk-width-larger-5-10 {
	width: 50%;
    }
    /* Thirds */
    .uk-width-larger-1-3,
    .uk-width-larger-2-6 {
	width: 33.333%;
    }
    .uk-width-larger-2-3,
    .uk-width-larger-4-6 {
	width: 66.666%;
    }
    /* Quarters */
    .uk-width-larger-1-4 {
	width: 25%;
    }
    .uk-width-larger-3-4 {
	width: 75%;
    }
    /* Fifths */
    .uk-width-larger-1-5,
    .uk-width-larger-2-10 {
	width: 20%;
    }
    .uk-width-larger-2-5,
    .uk-width-larger-4-10 {
	width: 40%;
    }
    .uk-width-larger-3-5,
    .uk-width-larger-6-10 {
	width: 60%;
    }
    .uk-width-larger-4-5,
    .uk-width-larger-8-10 {
	width: 80%;
    }
    /* Sixths */
    .uk-width-larger-1-6 {
	width: 16.666%;
    }
    .uk-width-larger-5-6 {
	width: 83.333%;
    }
    /* Tenths */
    .uk-width-larger-1-10 {
	width: 10%;
    }
    .uk-width-larger-3-10 {
	width: 30%;
    }
    .uk-width-larger-7-10 {
	width: 70%;
    }
    .uk-width-larger-9-10 {
	width: 90%;
    }
}

.widget_chart_icon {
    border-radius: 50%;
    bottom: 0;
    display: block;
    height: 110px;
    left: 95px;
    line-height: 77px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 110px;
    width: 110px;
}
.widget_chart_icon > i {
    color: #fff;
    font-size: 70px;
    margin-top: 20px;
    vertical-align: super;
}
.assets_overview_chart {
    width: 100%;
}
.mtop20px {
    margin-top: 20px;
}
.assignment_text {
    font-size: 1.2em;
}
.mtop50px {
    margin-top: 50px;
}

.overview_epc_chart {
    display: inline-flex;
    margin-bottom: 20px;
    margin-top: 60px;
    position: relative;
    text-align: -webkit-center;
}
.widget-counter-card .countUpMe {
    font-size: 60px;
}
.widget-counter-card .uk-text-small {
    font-size: 15px;
}
.support_dash_nav_icon {
    color: #a4a4a4 !important;
    display: inline-block;
    text-align: left;
    vertical-align: -4px;
    width: 32px;
}
.material-icons.headset_mic {
    color: #a4a4a4 !important;
}
.number_chart {
    height: 485px;
}
.number_chart_container {
    height: 400px !important;
}
.number_chart.minimized {
    height: auto;
}
.minimized .view_report_link,
.minimized .change_widget_period,
.minimized .change_widget_groupby {
    display: none;
}
.widget-content {
    height: 430px;
}
.dashboard-widget.minimized .widget-content {
    height: auto;
}
.widget-content.pie_card .loading {
    height: 420px;
}
.asset_count_badge {
    color: #0192b7;
    font-size: 15px;
    font-weight: bolder;
    line-height: 25px;
    padding-right: 8px;
}
.hidecancelmodal button.uk-modal-close.md-btn.md-btn-flat {
    display: none;
}

/* Nicer checkbox */
.nice_checkbox {
    cursor: pointer;
    display: flex;
    font-size: 18px;
    /* padding-left: 30px; */
    margin: 20px;
    /*margin-left: 10px;*/
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    justify-content: center;
    /* border: 1px solid black; */
}

/* Hide the browser's default checkbox */
.nice_checkbox input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

/* Create a custom checkbox */
.checkmark {
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    height: 20px;
    left: 40%;
    position: absolute;
    top: 50%;
    width: 20px;
}

/* When the checkbox is checked, add a blue background */
.nice_checkbox input:checked~.checkmark {
    background-color: var(--button-color);
    border: 2px solid transparent;
    border-radius: 2px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark::after {
    content: '';
    display: none;
    position: relative;
}

/* Show the checkmark when checked */
.nice_checkbox input:checked ~ .checkmark::after {
    display: block;
}

/* Style the checkmark/indicator */
.nice_checkbox .checkmark::after {
    border: solid white;
    border-width: 0 3px 3px 0;
    height: 8px;
    left: 5px;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
}

#cms-extra-wrapper {
    margin-top: -50px;
}
.fc-more-popover .fc-event-container .hidden {
    display: none !important;
}

#ui-separator {
    margin: 21px 13px;
    vertical-align: top;
}

#playback_campaign_add {
    background: var(--button-color);
    border-radius: 3em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    font-size: 0.8em;
    height: 3em;
    line-height: 3em;
    margin-left: 10px;
    margin-top: -0.5em;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 3em;
    z-index: 999;
}

/* #add_playback_campaign {
    color: rgba(255, 255, 255, 0.9);
    font-size: 3em;
} */

.report_playback_campaign_title {
    border-right: 1px solid var(--button-color);
    font-weight: bold;
    padding: 0 5px;
}

.fullw {
    padding: 8px 277px;
    pointer-events: none;
    position: absolute;
    right: 25px;
}
.fullw1 {
    padding: 9px 496px;
    pointer-events: none;
    position: absolute;
    right: 23px;
}
.calendar-container {
    position: relative;
}
.padding_playback_modal {
    height: 35px !important;
    margin-left: 35px !important;
    padding-left: 35px !important;
    width: 307px !important;
}

.margin_playback_modal {
    height: 35px !important;
    margin-left: 35px !important;
    width: 180px !important;
}

.margin_playback_modal_clip_name {
    height: 35px !important;
    height: 35px !important;
    margin-left: 35px !important;
    width: 307px !important;
    width: 307px !important;
}
.margin_playback_modal {
    height: 35px !important;
}
/* .search-vpf_clip_log_btn {
    float: right;
    height: 35px;
    margin: 0 !important;
    min-width: 30px !important;
    width: 30px;
} */
/* .search-vpf_clip_log_btn i {
    color: white;
    font-size: 18px;
    line-height: 32px;
    margin-left: -8px;
} */
/* .search-vpf_clip_log_btn i:hover {
    color: var(--button-color);
} */
.margin_playback_modal_clip_name {
    height: 35px !important;
}
.playback_campaign_select ul {
    border: 1px solid lightgray;
    height: 190px;
    list-style: none;
    overflow-x: auto;
    overflow-y: auto;
    padding-left: 0;
    white-space: nowrap;
    width: 100%;
}
.playback_campaign_select ul,
#film_bookings_complexes_list_ul,
.complex-group-select ul,
.widget_chart_container,
.autocomplete-suggestions {
    scrollbar-3dlight-color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: var(--button-color);
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-track-color: #fff;
}
.badge-content::-webkit-scrollbar,
.playback_campaign_select ul::-webkit-scrollbar,
#film_bookings_complexes_list_ul::-webkit-scrollbar,
.complex-group-select ul::-webkit-scrollbar,
.widget_chart_container::-webkit-scrollbar,
.autocomplete-suggestions::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
.badge-content::-webkit-scrollbar-track,
.playback_campaign_select ul::-webkit-scrollbar-track,
#film_bookings_complexes_list_ul::-webkit-scrollbar-track,
    /*.complex-group-select ul::-webkit-scrollbar-track,*/
.widget_chart_container::-webkit-scrollbar-track,
.autocomplete-suggestions::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.badge-content::-webkit-scrollbar-thumb,
.playback_campaign_select ul::-webkit-scrollbar-thumb,
#film_bookings_complexes_list_ul::-webkit-scrollbar-thumb,
    /*.complex-group-select ul::-webkit-scrollbar-thumb,*/
.widget_chart_container::-webkit-scrollbar-thumb,
.autocomplete-suggestions::-webkit-scrollbar-thumb {
    background: var(--button-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.playback_campaign_select li {
    cursor: pointer;
    display: block;
    line-height: 1em;
    padding: 5px;
}
.playback_campaign_select p {
    font-weight: bold;
    height: 1em;
    line-height: 1em;
}

.uuid-selected {
    background-color: var(--button-color);
    color: #fff;
}

.playback_campaign_buttons {
    display: inline-flex;
    padding: 0;
    width: 100%;
}
.playback_campaign_buttons ul {
    list-style: none;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.playback_campaign_buttons ul li {
    display: inline;
}

.playback_campaign_buttons ul li button {
    background-color: var(--button-color);
    margin: 5px;
}
.playback_campaign_buttons ul li button i {
    color: #fff;
}
input#reports-input-daterange.playback_campaign {
    font-size: 0.9em;
    width: 100%;
}
.calendar-container {
    position: relative;
}
.calendar-container i {
    padding: 2px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.action_margin {
    padding-left: 770px;
}
/* .date-picker-wrapper.single-date {
    margin-left: 66px !important;
    margin-top: 20px !important;
} */
.playback-datatable-width-head {
    width: 4050.889px;
}
.playback-datatable-width-body {
    width: 4050.889px;
}


.playback_modal_popup {
    width: 90%;
}

.breadcrumb {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
    z-index: 100;
}

#assign-lamp-form .selectize-control .selectize-input [data-value='0'] {
    color: gray;
}

#assign-lamp-form .selectize-dropdown .selectize-dropdown-content [data-value='0'] {
    color: gray;
}

.selectize-control.form-field {
    border: 0;
    padding: 0;
}

@media (max-width: 960px) {
    .playback_modal_row {
	margin-top: 20px;
    }
    .playback_modal_row:first-child {
	margin-top: 0;
    }
}
/*@media (min-width: 1280px) {
    .playback_modal_popup {
	width: 80%;
    }
}
/*@media (min-width: 1600px) {
    .playback_modal_popup {
	width: 60%;
    }
}*/
#complete_task_modal .form-field {
    font: 500 0.9em AvenirNextLTPro-Regular, sans-serif;
    line-height: 21px;
    padding: 6px 8px;
    resize: vertical;
}
.pending-upload,
#task_complete_form .thumbs {
    display: block;
    font: 500 0.8em AvenirNextLTPro-Regular, sans-serif;
    height: 50px;
    margin: 5px;
}
.pending-upload.large,
.thumbs .cms-attachment {
    float: left;
    font-size: 4em;
    font-weight: 500;
}

#attach_file_inline_edit {
    display: inline-flex;
    left: 10px;
    line-height: 30px;
    position: relative !important;
    right: 0;
    top: 0;
}
.file_upload_label_w300 {
    display: block;
    line-height: 15px;
    width: 300px;
}

.wizard_div img {
    max-height: 150px;
}
.wizard_item h1,
.wizard_item h2,
.wizard_item h3,
.wizard_item h4,
.wizard_item h5 {
    color: var(--button-color);
    font-family: AvenirNextLTPro-Bold, sans-serif;
    font-weight: 500;
    margin-top: 10px;
}
.wizard_item h1 {
    font-size: 65px;
    line-height: 70px;
    padding: 30px;
    text-align: center;
}
.wizard_div p a {
    color: var(--button-color);
    font-size: 16px;
}
.blue_slider .irs {
    left: 0;
    margin-left: 20px;
    width: 98%;
}
.blue_slider .irs-line {
    background: var(--button-color);
}
.blue_slider .irs-slider {
    border: 2px solid var(--theme-color);
}
.blue_slider .irs-slider.state_hover,
.blue_slider .irs-slider:hover {
    background: #eaeaea none repeat scroll 0 0;
}
.blue_slider .irs-slider::before {
    background: var(--button-color);
    border: 2px solid var(--button-color);
}
.sf-container {
    min-height: 230px;
    width: 100%;
}
.roi_settings_link {
    margin-top: 50px;
}
.wizard_div p {
    color: var(--button-color);
    font-family: AvenirNextLTPro-Bold, sans-serif;
    font-size: 16px;
    line-height: 32px;
}
.sf-error {
    color: #d00;
    /* font-weight: bold; */
}

.sf-error input {
    background-color: #ffd5cb !important;
    /* font-weight: bold; */
}
.sf-error-message {
    display: inline-block;
    font-size: 12px;
}
.callout_explanation p {
    font-size: 12px;
    font-style: italic;
}
.sf-step.wizard_div.welcome p {
    margin-bottom: 25px;
}
.wizards_results_link i.material-icons,
.sf-gotonav i.material-icons {
    color: var(--theme-color);
    font-size: 20px;
}
.stepform {
    padding: 30px !important;
}
.center.wizard_div {
    width: 100%;
}
.here_link {
    text-decoration: underline;
}
.wizard_div p a:hover {
    color: #00e;
}
.copies_count {
    padding: 0;
}
.smbtn {
    font-size: 12px;
    padding: 0 10px;
}

.small-btn {
    font: 500 10px/20px AvenirNextLTPro-Regular, sans-serif;
    min-height: 21px;
    min-width: 50px;
    padding: 2px 8px;
}
g.dimple-chart {
    background-color: #ececec;
}
#tabs_1_content {
    margin-top: 30px;
}

.bold {
    font-weight: bold;
}
.noleftpadding {
    padding-left: 0;
}
.overview_date_selectors {
    margin-left: 15px;
}
.expanded,
.normal {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.widget_chart_dialog {
    height: 90%;
    width: 90%;
}

.widget_chart_content {
    justify-content: center;
    text-align: center;
}
.widget_chart_container {
    overflow-x: auto;
}
.expanded .widget-content svg {
    height: 450px;
}
.expanded .widget-content {
    height: 500px;
}
.expanded .widget-content .loading {
    height: 455px;
}
.widget_chart_content .loading {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.overview_no_results {
    width: 100%;
}
.compliance_ok,
.compliance_ok .material-icons {
    color: green;
}
.compliance_fail,
.compliance_fail .material-icons {
    color: red;
}
.tech-report-content {
    font-size: 14px;
}
.completion-report-label {
    font-size: 16px;
}

#link_to_aud {
    float: left;
}
#app_close_button {
    float: right;
}
.app_alert_title_popup {
    font-family: AvenirNextLTPro, sans-serif;
    font-size: 14px;
    margin-left: 35px !important;
}
.app_dialog h5 span {
    font-family: AvenirNextLTPro, sans-serif;
}
#app-card {
    margin: auto;
    text-align: center;
}
#app-card h3 {
    font-size: 16px;
    margin: auto;
    max-width: 100%;
    text-align: center;
    width: 100%;
}
.no_button_red {
    background-color: #ff552b;
    color: #fff;
    font-weight: 100 !important;
    text-shadow: 0 0 0 #fff;
}
/* #playback_campaign_notes {
    height: 100px;
    width: 100%;
} */
.modal-print-button {
    margin-right: 10px;
}
#tech_report_print_only_details {
    display: none;
}
#complex_list {
    margin-top: 17px;
    position: relative;
}
.mobile-visible {
    display: none;
}

/* Mobile fixes */
@media only screen and (max-width: 600px) {
    #header_main .user_actions .user_action_icon > .uk-badge {
	left: -5px;
	top: 6px;
    }
}

.img_printable_hidden {
    display: none;
}

#projector_brand:invalid {
    color: gray;
}

option.placeholder[disabled] {
    display: none;
}

option {
    color: black;
}

/* MOBILE HEADER MODS */
@media screen and (max-width: 1024px) {
    .uk-breadcrumb {
	font-size: 13px !important;
	margin-left: 30px !important;
	margin-top: 10px;
    }
    #main-nav {
	text-align: center;
    }
    #sidebar_main_toggle,
    #sidebar_main_toggle_2 {
	float: left;
	margin-left: 0;
    }
    .uk-dropdown.selection,
    .uk-dropdown.uk-dropdown-xlarge {
	text-align: left;
    }
    .email-list-20 {
	padding: 0;
    }
    .alert-summary-center {
	margin-left: 5%;
    }
    .m-top-25-counter {
	margin: 0 auto;
    }
    #alert_setting_add_email .uk-modal-dialog {
	height: 200px !important;
	min-height: 200px !important;
    }
    .initials_badge {
	line-height: 2.2;
    }
    .mobile-visible {
	display: inline-block;
    }
    .logout {
	background-color: var(--button-color);
	font-size: 1.5em;
	margin-top: 3%;
    }
}

@media screen and (min-width: 960px) and (max-width: 1119px) {
    .m-top-25-counter {
	margin-right: 0%;
    }
    .uk-float-left-counter {
	margin-left: 0%;
    }
}

@media screen and (max-width: 760px) {
    h4,
    h5 {
	margin: 0;
    }
    h4 {
	margin-bottom: 5px !important;
    }
    h4.title-icon {
	margin: 3px !important;
    }
    .selection_header {
	font-size: 12px;
    }
    .btn-sign-in {
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
    }
    #notice {
	padding-right: 10px;
    }

    #edit_user_form {
	padding-right: 0;
    }

    .add_email_btn {
	left: 30%;
    }
    .tab-mobile {
	border-bottom: 1px solid #ddd;
	float: none !important;
    }
    .email-list-20 {
	padding: 0;
    }
    .m-top-25-counter {
	margin: 0 auto;
    }
    .uk-float-left-counter {
	margin-left: 20%;
    }
    #server_chart,
    #projector_chart {
	margin: 0 auto;
    }
    #server_chart > svg,
    #projector_chart > svg {
	height: 350;
	width: 300;
    }
    #alert_setting_add_email .uk-modal-dialog {
	height: 200px !important;
	min-height: 200px !important;
	min-width: 300px !important;
	top: 20% !important;
	width: 300px !important;
    }

    #alert_input_email {
	width: 60%;
    }
    .small-mobile-footer {
	margin-right: 20px !important;
    }
    .uk-modal-footer > :last-child {
	margin-bottom: 0;
    }
    .alert-summary-center {
	margin-left: 8%;
    }
    .initials_badge {
	line-height: 2;
    }
    .md-card .md-card-toolbar-heading-text {
	max-width: 90%;
    }
    .mobile-visible {
	display: inline-block;
    }
    .logout {
	background-color: var(--button-color);
	font-size: 1.5em;
	margin-top: 3%;
    }
    .checkbox-row,
    .switch-row {
	overflow-wrap: break-word;
	text-overflow: initial;
	width: 100%;
    }
    .group-all-header {
	text-align: left;
    }
}

@media screen and (min-width: 320px) and (max-width: 330px) {
    #server_chart,
    #projector_chart {
	margin-left: -7%;
    }
    .alert-summary-center {
	margin-left: 0;
    }
}

@media screen and (max-width: 600px) {
    #complex_list {
	margin-top: 17px;
	position: relative;
	width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .complex_dropdown_content {
	left: 20%;
	position: fixed;
    }
}

@media screen and (min-width: 401px) and (max-width: 600px) {
    .complex_dropdown_content {
	left: 20%;
	position: fixed;
    }
}
#app-card.mobile_title_high {
    height: 80px;
}
.mapboxgl-popup-content {
    background-color: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3) !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    max-width: 350px;
    min-width: 350px;
    overflow: hidden !important;
    padding: 12px !important;
}
i.material-icons.delete {
    background-color: #d32f2f;
}
i.material-icons.delete:hover {
    background-color: #eee;
    color: #d32f2f;
}
#series1-lamps-form select {
    padding: 0 5px;
}
.cms-series1-lamps i.app-edit-series1-lamps-btn {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: -8px;
}

.ad-reporting-heatmap-graph .map-info-location ul li {
    border: 0;
    min-height: auto;
    padding: 0;
}
.ad-reporting-heatmap-graph .gm-style-iw.gm-style-iw-c {
    min-width: 325px !important;
}
.ad-reporting-heatmap-graph .map-info-location {
    width: 70%;
}
.ad-reporting-heatmap-graph .map-info-alerts {
    width: 25%;
}

.compliance_count_icon {
    border-radius: 50%;
    bottom: 0;
    display: block;
    float: right;
    font-family: AvenirNextLTPro-Bold, sans-serif;
    font-size: 18px;
    height: 60px;
    left: 20px;
    line-height: 60px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 60px;
}
.compliance_count_icon_red {
    background-color: #ff2400;
    color: white;
}
.compliance_count_icon_blue {
    background-color: #0096d5;
    color: white;
}
.compliance_count_icon_yellow {
    background-color: #ffe0b0;
}
.compliance_count_icon_gray {
    background-color: #c8c8c8;
    color: white;
}
.ad-reporting-heatmap-graph .map-info-content {
    height: 125px;
}
#file_upload_img {
    background: url(../../assets/images/spinner_90px.gif) no-repeat center center;
    min-height: 90px;
    min-width: 100%;
}
.my-input-class {
    display: inline-block;
    margin-top: 10px;
    width: 100px;
}
.my-confirm-class,
.my-cancel-class {
    line-height: 0;
    position: relative;
    top: 0;
}
.my-cancel-class i{
    margin-left: 6px;
    margin-top: 10px;
}
.rating-column {
    /*padding: 0 !important;*/
}

.uk-modal-body {
    padding:30px;
}
/*.uk-modal-header {*/
/*    border:none!important;*/
/*}*/

#rating-container .dataTables_wrapper {
    overflow: inherit;
}
#rating-container td {
    height: 30px;
}
#rating-container .selectize-input {
    height: 30px!important;
}

#rating-container .my-input-class {
    margin-top: 3px;
}

#rating-container .selectize-dropdown {
    height: 97px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #787878 #f1f1f1;
}
#rating-container .selectize-input {
    line-height: 14px !important;
}

.header-unbolded {
    font-weight: normal !important;
}
.text-right-border {
    border-top: 1px solid #ddd;
    text-align: right;
}
.potential-loss {
    background: #c13546;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}
.no_margin_top {
    margin-top: 0;
}
.gray {
    color: #9a9999;
}

.undo_signature_button {
    position: absolute;
    color: var(--theme-color);
    cursor: pointer;
    margin-right: 5px;
    right: 0;
    z-index: 900000;
}
.shows_rescued {
    color: var(--button-color);
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

@media only screen and (min-width: 1024px) {
    .rescue_icon {
	display: inline-block;
    }
    .shows_rescued {
	display: inline-table;
	text-align: left;
    }
}
.shows_rescued_text {
    font-size: 12px;
    margin-top: -5px;
}

@media screen and (min-width: 330px) {
    .uk-dropdown.uk-dropdown-xlarge.badge-content {
	width: 330px !important;
    }
    .status_msgs {
	width: 250px !important;
    }
}

@media screen and (min-width: 450px) {
    .uk-dropdown.uk-dropdown-xlarge.badge-content {
	width: 450px !important;
    }
    .status_msgs {
	width: 350px !important;
    }
}

@media screen and (min-width: 600px) {
    .uk-dropdown.uk-dropdown-xlarge.badge-content {
	width: 600px !important;
    }
    .status_msgs {
	width: 550px !important;
    }
}

@media screen and (min-width: 1024px) {
    .badge-info strong {
	width: 100%;
    }
    .status_msgs {
	width: auto !important;
    }
    .uk-dropdown.uk-dropdown-xlarge.badge-content {
	width: fit-content !important;
    }
}

.badge-icon span.badge-total {
    /*font-family: AvenirNextLTPro-Bold, sans-serif; */
    font-size: 36px;
    line-height: 44px;
    font-weight: normal;
    color: #4D4D4D;
    margin-right: 20px;
}
.tech_report_logo {
    display: none;
}
.client-selected {
    background-color:var(--button-color);
    color:white;
}
.mauto {
    margin: auto;
}
.training-list {
    width: 100%;
}
#cpl_select_all,
#cpl_unselect_all,
#cpl_in_select_all,
#cpl_in_unselect_all {
    cursor: pointer;
    font-size: 11px;
    margin-left: 10px;
}
#reports-input-daterange1.sv_calendar_icon,
#reports-input-daterange2.sv_calendar_icon {
    border: 0 !important;
}
.daterange-calendar {
    cursor: pointer;
}
.reports-daterange-calendar {
    position: absolute;
    cursor: pointer;
    top: calc(50% - 10px);
    left: 5px;
}
h5.blue.video_title {
    height: 15px;
}
.training_landing_tile {
    margin-bottom: 40px;
}
#related-task-container {
    display: none;
}
#tech_report-content {
    padding: 10px;
}
@media screen and (min-width: 600px) {
    #tech_report-content {
	width: 90%;
    }
}
@media screen and (min-width: 1024px) {
    #tech_report-content {
	width: 70%;
    }
}
@media screen and (min-width: 1280px) {
    #tech_report-content {
	width: 50%;
    }
}
.mtop5px {
    margin-top: 5px !important;
}
.lh35 {
    line-height: 35px;
}
.video_title {
    color: var(--button-color);
    margin-bottom: -15px;
}

.video_screenshot_tile {
    height: 260px;
    margin-bottom: 15px;
    overflow-y: hidden;
}
@media screen and (max-width: 800px) {
    .overdue_date_short_warning.red {
	display: block;
	margin-left: 15px;
    }
    .overdue_date_warning.red {
	display: none;
    }
}
@media screen and (min-width: 801px) {
    .overdue_date_short_warning.red {
	display: none;
    }
    .overdue_date_warning.red {
	display: inline-block;
    }
}

.upgrade-header {
    clear: both;
    margin-top: -65px;
    text-align: center;
    width: 100%;
}
.upgrade-header h2 {
    color: var(--button-color) !important;
    font-weight: bold;
}
.upgrade-content {
    clear: both;
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.upgrade-options {
    margin: 0 auto;
    margin-top: 10px;
    width: 80%;
    /* padding-left: 3%; */
}
.upgrade-now-card {
    height: 380px !important;
    margin: auto;
    /* margin-right: 30px; */
    margin-top: 2% !important;
    /* margin-right: 2%; */
    padding-left: 0;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    transition-property: all;
    width: 32%;
}

.upgrade-now-card .md-card-content {
    text-align: left;
}
.upgrade-now-options-header {
    font-family: AvenirNextLTPro-Bold, sans-serif !important;
    font-size: 16px !important;
    padding-left: 32%;
}
.upgrade-now-toolbar {
    border-bottom: 1px solid rgb(212, 212, 212) !important;
    height: 40px !important;
}
.upgrade-now-toggle-row {
    margin-top: 10px;
    padding-left: 32%;
}
.upgrade-now-toggle {
    margin-bottom: 0;
}
#upgrade-now-slider {
    margin: 0 auto;
    margin-top: 50px;
    width: 80%;
}
#product-selected-container {
    color: var(--button-color) !important;
    display: block;
    float: none !important;
    font-family: AvenirNextLTPro-Bold, sans-serif;
    font-size: 24px;
    margin: auto;
    margin-bottom: 10px !important;
    text-align: center;
}
.screens-tag-container {
    color: var(--button-color) !important;
    font-size: 1.5em;
}
#discount-applied {
    color: var(--button-color) !important;
    display: block;
    font-size: 0.8em;
    font-style: italic;
}
.highlighted-blue {
    background-color: var(--button-color) !important;
    border: 2px solid var(--button-color) !important;
    color: white;
}
.highlighted-blue .upgrade-now-options-header {
    color: white !important;
}
.highlighted-blue .btn_blue {
    background-color: white;
    color: var(--button-color);
}
.blue {
    color: var(--theme-color)  !important; //#00a6cf
}
ul.upgrade-now-list {
    list-style: none;
}
ul.upgrade-now-list li::before {
    color: var(--button-color);
    content: '\2022';
    display: inline-block;
    font-weight: bold;
    margin-left: -1em;
    width: 1em;
}
.highlighted-blue ul.upgrade-now-list li::before {
    color: white;
}
.select-container {
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    padding-bottom: 20px;
    /* border-top: 1px solid rgb(212, 212, 212) !important; */
    padding-top: 20px;
    position: absolute;
    text-align: center;
    vertical-align: text-bottom;
    width: 90px !important;
}
.tooltip {
    display: inline-block;
    position: relative;
}
/* Tooltip text */
.tooltip .tooltiptext {
    background-color: var(--button-color);
    border-radius: 6px;
    color: #fff;
    padding: 5px 0;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 120px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltiptext {
    margin-top: 10px;
}


.uk-modal-dialog p{
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 14px;
}

.md-card-toolbar.upgrade-now-toolbar {
    background-color: var(--button-color);
    color: white !important;
    height: 48px !important;
    text-align: center;
}
h3.md-card-toolbar-heading-text.upgrade-now-options-header {
    color: white;
    font-size: 20px !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: -webkit-center;
    width: 100% !important;
}
.no_border_bottom {
    border-bottom: 0 !important;
}

#upgrade-btn,
#upgrade-now {
    font-size: 18px !important;
    padding: 13px !important;
}
#upfront-payment {
    height: 40px;
    line-height: 25px;
    text-align: center;
}
#info_tooltip_icon {
    color: var(--button-color);
    cursor: pointer;
    font-size: 22px;
    /* margin-top: 0px; */
    line-height: 28px;
    vertical-align: text-bottom;
}
#up_checkbox {
    margin: 0 !important;
    min-width: auto !important;
}
#up_checkbox .icheckbox_md {
}
#demo_upgrade_link {
    background: none;
    border: none;
    /* color: var(--theme-color); */
    color: var(--button-color) !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    font: 500 15px AvenirNextLTPro-Regular, sans-serif;
    font-weight: bold;
    padding: 0;
    position: relative;
    right: 0;
    top: -152px;
}
.reduce_header_space {
    margin-top: -60px;
}
.btn-no-border-radius {
    border-radius: 0;
    margin-right: 25px;
}
.server-widget-icon {
    height: 130px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 3px;
    width: 130px;
}
.server-widget-item {
    list-style-type: none;
}
.btn_grey,
.btn_grey:hover {
    background: #dee0dd !important;
    color: currentColor !important;
}
#upload-maintenance-doc {
    margin-bottom: 20px;
    margin-top: 20px;
}
.custom-maintenance-list {
    height: 160px !important;
}

#feedback-modal {
    text-align: center !important;
}
.qr-equip-info {
    text-align: left!important;
    margin-bottom: 3%;
}
.qr-equip-container {
    margin-bottom: 10%;
}
.qr-equip__row {
    margin-right: 0;
}
.feedback_card {
    margin: auto;
    width: 100%;
}
.feedback_rating {
    margin: auto !important;
    text-align: center !important;
    width: 120px !important;
}
.rating_titles {
    font-family: 'AvenirNextLTPro-Regular' !important;
    padding: 20px;
}
.qr-header {
    width: 100%;
    text-align: center!important;
}

.rating_titles label {
    color: var(--button-color) !important;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 16px !important;
}

.rating_titles p {
    color: #787676;
    font-size: 1.1em;
    font-weight: bolder;
    margin-bottom: 20px;
    margin-top: -2px;
}

.rating_content label {
    color: #939598;
    display: block !important;
    margin: auto !important;
    width: 100% !important;
}

.rating_content input,
.rating_content textarea {
    border: 1px solid #ccc;
    display: block !important;
    float: none !important;
    font-family: 'AvenirNextLTPro-Regular' !important;
    margin: auto !important;
    width: 90% !important;
}

.rating_content input.hidden {
    display: none!important;
}

.feedback_logo {
    padding-bottom: 15px;
}

#feedback-modal .uk-modal-footer > :last-child {
    margin-left: 0;
}

.feedback_logo.center img {
    width: 25%;
    height: 25%
}

#cms-alert-dialog .uk-modal-dialog {
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:35.3472222222vw;
    padding:1.3888888889vw;
    font-weight: bold;
    font-size: .9722222222vw;
}

.modal-60 .uk-modal-dialog {
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:35.3472222222vw;
    padding:1.3888888889vw;
    font-weight: bold;
    font-size: .9722222222vw;
}

@media only screen and (min-width: 1024px) {
    .feedback_card {
	width: 70%;
    }
    .rating_content input,
    .rating_content textarea {
	width: 50% !important;
    }
    .feedback_logo.center img {
	width: 25% !important;
    }
}

.download-maintenance-url {
    background-color: var(--button-color) !important;
    color: white !important;
}

.delete-document, .download-document {
    cursor: pointer;
}
.download-document:hover{
    text-decoration: underline !important;
}
#star_rating {
    margin: auto !important;
    /*width: 120px;*/
}
.lamp-msg {
    font-size: 1.2em;
}
#series_welcome {
    margin: auto;
    width: 65%;
}

@media only screen and (max-width:1024px) {
    .overhidden {
	overflow:hidden;
	/*z-index:9999!important;*/
    }
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-minus-circle:before {
    content: "\f056";
}

.edit-user-cg-row {
    width: 80%;
    padding-top: 30px;
    display: inline-block;
    color: gray;
    border:0px!important;
    margin:0px!important;
}
.delete_cg{
    float: left;
    padding-right: 20px;

}
.force_float_left {
    /*   float:left!important; */
    vertical-align: top;
}
.cgroups-list {
    padding: 0px;
    margin:0px;
    margin-left: 20%;
    display: inline-block;
}
.fullwidth {
    width:100%;
}

.float_right {
    float:right;
}
#wizard_minimize_text {
    position: relative;
    top: -3px;
    margin-right: 4px;
    color: var(--button-color);
    cursor:pointer;
}
#complex-complex_group-out-in:focus,#complex-complex_group-in-out:focus {
    background-color: var(--button-color)!important;
    color:white!important;
}
.md-btn-flat:active {
    background-color: var(--button-color)!important;
    color:white!important;
}

.big-checkmark {
    height: 32px;
    width: 32px;
    margin-top: -10px;
    margin-left: 40px;
}

.nice_checkbox .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nice_checkbox .big-checkmark:after {
    left: 10px;
    top: 1px;
    width: 8px;
    height: 20px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tasks-container, .zone-types-container {
    padding-left: 2%;
    width: 100%;
}

#task-direction, #zone-type-direction {
    margin-right: 2%;
}

#task-in, #zone-type-in {
    min-width: 40%;
}

.cielo-blue {
    color: var(--button-color);
}

#task-out {
    min-width: 40%;
}

.small-label {
    height: 2em;
    font-weight: bold;
    line-height: 2em;
}

.qr-equipment-card {
    width: 100%;
}

.uk-modal-footer button.cms-dialog-ok {
    color: #fff;
    font-family: "Avenir","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    background-color: var(--theme-color);
    border: none;
    border-radius: 3px;
    display: flex;
    height: 3.3333333333vw;
    justify-content: center;
    max-width: 13.1944444444vw;
    min-width: 6.9444444444vw;
    padding: 0;
    width: fit-content;
    background-color: var(--theme-color);
}

#qr-ready-modal .uk-modal-dialog {
    background: linear-gradient(135deg, var(--blue-card-plan-light) 0%, var(--blue-card-plan-another) 100%);
    padding: 2%;
}

#qr-ready-modal h2 {
    color: white;
}

#qr-ready-modal .text-content {
    margin: 3% 0;
}

img.icon-feedback {
    width: 35px;
    height: 35px;
    margin-top: -20px;
}

.qr__add-qr-section {
    display: flex;
}

#templates-ul {
    font-family: "Avenir","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.cms-dialog-content, .error-msg, .small-label, .task-select, .zone-type-select {
    font-family: "Avenir","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

#task-out p {
    padding-bottom: 5px;
}

.tasks-container #complex-group-out,  .tasks-container #complex-group-in {
    width: 35%;
}

.zone-types-container #complex-group-out,  .zone-types-container #complex-group-in {
    width: 35%;
}

.zone-types-container #complex-group-out {
    margin-right: 3%;
}

.tasks-container #complex-group-out {
    margin-right: 3%;
}

.tasks-container #complex-group-out input {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 4px;
}

.zone-types-container #complex-group-out input {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 4px;
}

.tasks-container #complex-group-out p, .tasks-container #complex-group-in p{
    margin: 0;
    width: 100%;
}

.zone-types-container #complex-group-out p, .zone-types-container #complex-group-in p{
    margin: 0;
    width: 100%;
}

.tasks-container #complex-group-out .qr-label, .tasks-container #complex-group-in .qr-label {
    font-size: 1vw;
}

.zone-types-container #complex-group-out .qr-label, .zone-types-container #complex-group-in .qr-label {
    font-size: 1vw;
}



@media screen and (max-width: 1024px) {
    .qr-label {
	font-size: 18px!important;
    }
    .qr-not-header-label, .selectize-dropdown-content {
	font-size: 14px!important;
    }
    .qr-checkbox-content {
	margin-left: 35%!important;
    }
    #comments-text {
	width: 90%;
	border: 1px solid #E7E6E6;
    }
    #report_signature {
	width: 90%;
	border: 1px solid #E7E6E6;
    }
    .cms-dialog-content {
	font-size: 14px;
    }

}

@media screen and (max-width: 800px) {
    .edit-user-cg-row {
	width: 100%!important;
	float: right!important;
	margin-top: 10px!important;
    }
    .cgroups-list {
	margin-left: 0%!important;
    }
    #add-qr-zone-btn {
	position: absolute;
	top: 90px;
	right: 50px;
    }
    .qr-label {
	font-size: 18px!important;
    }
    .qr-not-header-label, .selectize-dropdown-content {
	font-size: 14px!important;
    }
    .qr-checkbox-content {
	margin-left: 35%!important;
    }
    #comments-text {
	width: 90%;
	border: 1px solid #E7E6E6;
    }
    #report_signature {
	width: 90%;
	border: 1px solid #E7E6E6;
    }
    .cms-dialog-content {
	font-size: 14px;
    }
    #cms-view-title {
	font-size: 3.7333333333vw;
    }
    .selectize-input {
	height: 6.3333333333vw;
    }
    .uk-form-row .selectize-input, .uk-form-row .optgroup-header, .uk-form-row .selectize-dropdown [data-selectable], .uk-form-row select, .uk-form-row .form-field {
	height: 20px;
	font-size: 20px;
    }
    .uk-modal-footer button {
	font-size: 14px;
    }
    .uk-modal-close {
	height: 40px;
	width: 60%;
    }

}

.uk-close-button-modal{
    color: var(--theme-color)!important;
    background-color: transparent!important;
}

@media only screen and (max-width:600px) {
    .feedback_logo.center img {
	width: 50%!important;
	height: 50%!important;
    }
    .feedback_logo.center.is_banner {
	width: 100%;
	height: 180px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    }
    .big-checkmark {
	height: 20px;
	width: 20px;
	margin-left: 110px!important;
    }
    .nice_checkbox .big-checkmark:after {
	left: 8px;
	height: 18px;
    }
    .qr-checkbox-content {
	margin-left: 20%!important;
    }
    #clean-up-btn, #qc-btn, #control-btn {
	display: block;
	margin-left: 35%;
    }
    #complex-direction, #template-direction {
	margin-top: 180px;
	margin-left:-200px;
    }
    #complex-in, #template-in {
	margin-top: 50px;
	font-size: 1.5em;
    }
    #complex-out, #template-out {
	font-size: 1.5em;
    }
    #template-in p, #complex-in p {
	margin-bottom: 0;
    }
    #templates-ul {
	margin-left: 0!important;
	width: 100%!important;
	padding-left: 10%!important;
	font-size: 14px;
    }
    #comments-text {
	width: 90%;
	border: 1px solid #E7E6E6;
    }
    #report_signature {
	width: 90%;
	border: 1px solid #E7E6E6;
	border-radius: 4px;
    }
    .qr-label {
	font-size: 18px!important;
    }
    .qr-not-header-label, .selectize-dropdown-content {
	font-size: 14px!important;
    }
    i.navigate-mobile {
	display: block!important;
    }
    i.navigate-desktop {
	display: none;
    }
    #template-direction ul {
	display: flex;
	list-style: none;
    }
    .cms-dialog-content {
	font-size: 14px;
    }
    .mobile-td-overflow {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    }
    #cms-view-title {
	font-size: 3.7333333333vw;
    }
    /*#page_content_inner {*/
	/*padding: 5%!important;*/
    /*}*/
    .selectize-input {
	height: 9.3333333333vw!important;
    }
    .uk-form-row .selectize-input, .uk-form-row .optgroup-header, .uk-form-row .selectize-dropdown [data-selectable], .uk-form-row select, .uk-form-row .form-field {
	height: 20px;
	font-size: 50px;
    }
    .uk-modal-footer button {
	font-size: 14px;
    }
    .uk-modal-close {
	height: 40px;
    }
    .modal-60 .uk-modal-dialog {
	height: 20%;
	width: 80%;
    }
    button.cms-dialog-cancel {
	height: 20%!important;
	width: 30%!important;
    }
    .uk-modal-dialog .cms-dialog-content {
	padding: 3%!important;
    }
    .qr-equipment-content-container {
	margin-top: -20%;
    }
    #templates {
	margin-left: 0!important;
    }
    .qr-equipment-content-container {
	margin-top: -20%;
    }
    #templates {
	margin-left: 0!important;
    }
    #yes-zone-yes {
	width: 60%;
    }

}

.feedback_logo.center.is_banner {
    width: 100%;
    height: 180px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 601px) and (max-width:1023px) {
    .feedback_logo.center img {
	width: 40% !important;
    }
}

.sidebar_main_open {
    /*min-height: 1150px;*/
    overflow: auto;
}

.templates-btn {
    min-height: 80px;
    min-width: 240px;
    margin-bottom: 10px!important;
    font-family: "Avenir","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 2.5vw;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
}

.inspections-btn {
    min-height: 95px;
    min-width: 240px;
    margin-bottom: 10px!important;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
}

#reports-table.fixed-columns {
    table-layout: fixed;
    word-wrap:break-word;
}

.qr-equipment-header {
    margin-top: 20px;
    /*background-color: #F2F2F2;*/
    padding: 3px;
    margin-bottom: 10px;
}

.qr-image-wrapper {
    position: relative;
    display: inline-block;
}

.qr-image-close:before, .qr-inspection-image-close:before {
    content: '✕';
}

.qr-image-close:before {
    content: '✕';
}
.qr-image-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: red;
}

.qr-attachment {
    margin-right: 7px!important;
    margin-left: 10px!important;
}

.uk-modal-close {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
    border: 1px solid var(--theme-color);
    /* background: var(--theme-color) !important; */
    /* color: #fff !important; */
    height: 48px;
    /*max-width: 13.1944444444vw !important;*/
    min-width: 100px !important;
}
.model-footer-close {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
    /* background: var(--theme-color) !important; */
    /* color: #fff !important; */
    height: 40px !important;
    max-width: 200px !important;
    min-width: 100px !important;
}
.model-footer-send-report {
    height: 40px !important;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
}
.uk-close-button-modal{
    border: 0 !important;
}

.model-footer-close:active,
.model-footer-close:focus,
.model-footer-close:hover,
.uk-button-dropdown.uk-open .model-footer-close {
    background: var(--theme-color);
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    color: #fff;
    outline: 0;
    text-decoration: none;
}
.model-footer-send-report:active,
.model-footer-send-report:focus,
.model-footer-send-report:hover,
.uk-button-dropdown.uk-open .model-footer-send-report {
    background: var(--theme-color);
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    color: #fff;
    outline: 0;
    text-decoration: none;
}
@media (min-width: 320px) and (max-width: 480px) {
    .selectize-input {
	height: 10.3333333333vw;
    }
    .selectize-input > input {
	margin: 0 2px 0 0;
    }
}
@media (min-width: 481px) and (max-width:767px){
    .selectize-input {
	height: 6.3333333333vw !important;
    }
    .selectize-input > input {
	margin: 04px 2px 0 0 !important;
    }
}

@media only screen and (max-width: 767px){
    .view-task .drawer__task-details-card,
    .view-alert .drawer__task-details-card,
    .report-alerts .drawer__task-details-card{
	width: 100% !important;
    }

    .calendar-drawer__dismiss{
	font-size: 50px !important;
    }
    #complete_task_modal .input-calendar{
	padding-left: 50px;
    }
    .new-series1-lamps-button,
    .new-tasks-button
    {
	font-size: 12px !important;
    }
    #page_content_inner #report-container #reports-view #report_desktop_navbar .run-report,
    #page_content_inner #report-container #reports-view #report_desktop_top_navbar .run-report{
	font-size: 14px;
	height: 30px;
    }
    #page_content_inner #report-container #reports-view #report_desktop_navbar .dropdown_label,
    #page_content_inner #report-container #reports-view #report_desktop_top_navbar .dropdown_label{
	font-size: 14px;
    }
    #page_content_inner #report-container #reports-view #report_desktop_navbar .selectize-control.single .selectize-input .item,
    #page_content_inner #report-container #reports-view #report_desktop_top_navbar .selectize-control.single .selectize-input .item{
	font-size: 14px;
    }
    #page_content_inner #report-container #reports-wrapper .report_welcome{
	width: 80%;
    }
    #page_content_inner #report-container #reports-wrapper .report_welcome h5{
	font-size: 14px;
    }
    #page_content_inner #report-container #reports-view #report_desktop_navbar .selectize-control.single .selectize-input::after,
    #page_content_inner #report-container #reports-view #report_desktop_top_navbar .selectize-control.single .selectize-input::after{
	border-width: 6px 6px 0;
    }
    .uk-grid{
	margin-left: 0;
    }
    .uk-grid>*{
	padding-left: 0;
    }
    .report-alerts__filter{
	margin-left: 0 !important;
	margin-right: 0 !important;
    }
    .report-alerts__dropdown {
	width: 100% !important;
    }
    .director-tasks__container{
	margin-left: 0 !important;
    }
    .director-tasks__datatable-header{
	width: 100% !important;
	margin-left: 0 !important;
    }
    .director-tasks__datatable-container {
	margin-left: 0 !important;
	margin-top: 20px !important;
	width: 100% !important;
	/*overflow-x: auto !important;*/
    }
    .director-tasks__description {
	font-size: 14px !important;
    }
    .director-tasks__data-container{
	font-size: 12px !important;
    }
    .director-tasks__description-container{
	width: fit-content;
    }
    .director-tasks__data-container .avatar-dropdown-container{
	width: 100%;
	display: flex;
    }
    .director-tasks__buttons {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 30px;
    }
    .director-tasks__datatable-header span{
	font-size: 20px !important;
    }
    #cms-dialog .uk-modal-dialog .cms-dialog-content{
	font-size: 16px !important;
    }
    .uk-modal-dialog .cms-dialog-cancel,
    .uk-modal-footer button.cms-dialog-ok
    {
	min-width: 40% !important;
	font-size: 14px !important;
    }
    .uk-modal-footer{
	width: 100% ;
    }
    .drawer-element__content .drawer-form__row--flex{
	flex-wrap: wrap;
    }
    .drawer__content #complete_task_modal .drawer-element__content .drawer-form__row--flex div:nth-child(2){
	width: 100% !important;
    }
    .drawer-element__header{
	padding: 0 !important;
    }
    #page_content_inner #report-container #reports-view #report_desktop_navbar .desktop-daterange-input, #page_content_inner #report-container #reports-view #report_desktop_top_navbar .desktop-daterange-input{
	height: 40px !important;
	font-size: 16px;
    }
    .assign-btn{
	min-width: 30% !important;
    }
    .container-auditorium section .page_content_inner div .uk-width-large-7-10, .container-auditorium section .page_content_inner div .uk-width-large-3-10{
	padding-left: 0 !important;
    }
    .container-auditorium section .page_content_inner #card-audit-consumable .consumables__icon-lamp span, .container-auditorium section .page_content_inner #card-auditorium-feature .consumables__icon-lamp span, .container-auditorium section .page_content_inner #card-auditorium-assets .consumables__icon-lamp span{
	left: 0% !important;
    }
    .activity-stream__content .timeline-item .activity-stream__content__text{
	padding-left: 0 !important;
	text-align: center;
    }
    .activity-stream__content .uk-modal div#insert-template-modal{
	height: 100%;
    }
    .header-lang__container{
	align-items: center;
	width: 100vw !important;
    }
    .header-lang__logo{
	margin-left: 30px !important;
    }
    .header-lang__lang{
	margin-top: 0 !important;
	margin-left: 30px !important;
	margin-right: 30px !important;
    }
}

@media (min-width: 768px) and (max-width:990px){
    .selectize-input {
	height: 4.3333333333vw;
    }

}
@media (min-width: 991px) and (max-width:1024px){
.selectize-input {
height: 4.3333333333vw ;
}
.selectize-input > input {
margin: 04px 2px 0 0 !important;
}
}

#issues .base-item-nav--border-bottom:first-child{
padding-top: 0px;
}
#notification .badge-item-title{    margin-bottom: 10px;}
#notification .badge-info .status_title{
font-size: 16px;
font-weight: 600;
display: block;
}
#notification .badge-info .status_msgs{display: block; line-height: 20px;  width: 250px !important;}
#notification .badge-info span.badge-title{
font-size: 21px;
line-height: 22px;
font-weight: bold;
display: block;
width: 100%;
}
#notification .badge-info span.badge-aud_name{
font-size: 17px;
line-height: 24px;
display: block;
}
#notification .badge-icon .icon-project{font-size: 55px; line-height: 45px;}
#notification .badge-icon .color-critical{ color: #ff9466;}
#notification .badge-icon .color-warning{color: #e4c645;}
#notification .badge-icon .color-danger{color: #ff5930;}
.network_issue_icon{
background: url(../../assets/images/icons/network_issue.svg) no-repeat center center;
height: 48px;
width: 48px;
background-size: 3.4722222222vw;
margin-right: 5px;
}
.warning_issue_icon {
background: url(../../assets/images/icons/warning.svg) no-repeat center center;
height: 48px;
width: 48px;
background-size: 3.4722222222vw;
margin-right: 10px;
}
table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
    background-color:inherit !important;
}
.ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.align-item-center {
    align-items: center;
}
.detail-border-bottom {
    border-bottom: 1px Solid #E5E5E5;
    padding-bottom: 19px;
    margin-left: 0px;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.site-color {
    background-color: var(--theme-color);
    padding-left: 10px;
    color: #fff;
    font-family: "Avenir","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.drawer--small{
    width: 30.3055555556vw;
    font-size: .9722222222vw;
    font-family: "Avenir","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.drawer--small .custom-maintenance__input-text .select{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.drawer--small .custom-maintenance__input-text select{
    padding: 5px 10px;
    height: 40px;
}

#custom-maintenances-table_wrapper,#complexes-table_wrapper, #devices-table_wrapper{
    box-shadow: none;
}
#custom-maintenances-table tbody tr td, #complexes-table  tbody tr td{
    padding-left: 1.75rem;
    font-size: 15px;
}
#custom-maintenances-table tbody tr:nth-child(even),
#complexes-table tbody tr:nth-child(even){
    background-color: rgba(216,216,216,.2);
}

@media only screen and (min-width:768px){
    .banner-top-header-title{
	padding: 0 0 15px 15px;
    }
}
#trigger_qr {
    cursor:pointer;
}

#qr-ready-modal h3 {
    font-weight: bolder;
}

#qr_generator #qr_card {
    width: 695px;
    height: 943px;
    padding:0;
    margin: 0 auto;
    background-color: #00a6cf;
    font-family: 'Montserrat', sans-serif;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    overflow: hidden;
}
#qr_generator #qr_card #card_header {
    font-size: 56px;
    font-family: 'Montserrat', sans-serif;
    padding: 40px 50px 35px 50px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    height: 140px;
}
#qr_generator #qr_card #card_subheading {
    padding: 0px 60px;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    height: 140px;
    margin-top:60px;
}
#qr_generator #qr_card #card_qr_sample {
    text-align: center;
    padding: 20px;
}

#qr_generator #qr_card #card_qrfooter {
    margin-top: 20px;
    margin-bottom: -40px;
}

#qr_generator #qr_card #card_qr_sample #card_qr_sample_container {
    padding: 5px;
    background: #ffffff;
    display: inline-block;
}

#qr_generator #qr_card #card_footer {
    padding: 30px 0px;
    background-color: #fff;
}
#qr_generator #qr_card #card_footer #card_company_logo {
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
    top: -45px;
    max-height: 200px;
    overflow: hidden;
    vertical-align: middle;
    width:220px;
    text-align:center;
}
#qr_generator #qr_card #card_footer #card_company_logo img {
    max-height: 100px;
}
#qr_generator #qr_card #card_footer #card_zone {
    display: inline-block;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    color: #00a6cf;
    font-weight: bold;
    font-size: 45px;
}
#qr_generator #qr_card #card_footer #card_zone_footer_text, #qr_generator #qr_card #card_footer #card_zone_footer_url {
    width: 385px;
    font-size: 22px;
}
#qr_generator #qr_card .editable-element, #qr_generator #qr_equipment .editable_element {
    border: none;
}
#qr_generator #qr_card .editable_element:hover, #qr_generator #qr_equipment .editable_element:hover {
    border: 1px solid #ffa000;
}
#qr_generator .uk-button-large {
    min-height: 60px;
}
#qr_generator .uk-button.uk-active, .uk-button:active, #qr_generator .uk-button-group .uk-button:active, .uk-button-group .uk-button:hover{
    background-color: #00A6CF;
    color: #fff;
}
#qr_generator .uk-form-horizontal .uk-form-label{
    font-weight: bold;
}
#qr_generator #qr_generator_template {
    position: absolute;
    top: 15px;
    left: 40%;
}
#qr_generator #qr_equipment {
    margin: 0 auto;
    text-align: center;
    padding: 15px;

    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
}
#qr_generator #qr_equipment #card_zone_number{
    font-weight: bold;
    font-size: 18px;
}
#qr_generator_actions {
    margin-bottom: 20px;
    /*
    position: absolute;
    top: 50%;
    right: 0;
    */
}
#qr_generator_actions .uk-icon-button{
    width: 75px;
    height: 75px;
    font-size: 38px;
    line-height: 75px;
}
#qr_generator_actions .uk-button {
    line-height: 45px;
}
#qr_generator #client_data .uk-table-striped tbody tr.headers{
    background: rgba(70, 179, 206, 1);
    color: #fff;
}
#qr_generator .pickr{
    display: inline-block;
}
#qr_generator .pickr .pcr-button{
    width: 60px;
    height: 60px;
    vertical-align: middle;
}
.error_nm {
    background-color: #ffd5cb !important;
}
#checklist-tasks-table thead th {
    padding-left: 0!important;
}

.qr-tooltip {
    color: #00A6CF;
}
.qr-tasklist-checkbox {
    width: 100%;
    height: 30px;
    margin-top: -7px;
    z-index:999;
}
.force_noborder {
    border:0px!important;
}
.ul_qr {
    /* padding: 20px;margin-left: 50%;width: 165%; */
}
.ul_qr .icheck-inline {
    padding: 10px;
}
@media only screen and (min-width:800px) {
    .qr_checkbox_box {
	width: 65%!important;
	margin-left: -46px;
    }
}

@media only screen and (max-width:767px) {
    .qr_label_w20 {
	width:100%!important;
    }
}

@media only screen and (min-width:800px) {
    .qr_label_w20 {
	width:30%!important;
    }
}

.screen-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.valid-background {
    backdrop-filter: blur(2px);
    inset: 0;
    position: absolute;
    background: #fff;
    opacity: 0.5;
}

#uploaded_file_area {
    width: 40%;
}
.menu-icon-files {
    font-size: 70px;
    margin: 0.25rem;
    width: 1.5em;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
.td-limit {
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.qr-image-close, .qr-inspection-image-close {
    position: absolute;
    top: -8px;
    right: -5px;
    cursor: pointer;
    width: 20px;
    line-height: 22px;
    height: 20px;
    color: white;
    background-color: red;
    border-radius: 50%;
}
.uk-modal-content {
    width: 100% !important;
    margin-top: 0 !important;
}
.fa-file-pdf:before {
    content: "\f1c1";
}

.button_pdf {
    color: white;
    background-color: #00a6cf;
    padding: 5px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 22px !important;
}
.paginate_button.current {
    color: #fff !important;
}
.device-image {
    height: 92%;
    min-height: 205px;
    width: 90%;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    box-shadow: 0 3px 10px 0 rgba(77,77,77,.15);
}
.device-image-mobile {
    display: none;
}

.device-value {
    margin: 7px 0 7px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #c4c4c6
}
.device-detailed-more {
    height: 60px;
    padding-left: 0 !important;
    text-align: initial;
    margin-top: 15px;
}
.device-detailed-more:nth-child(3n+1) .detail-border {
    width: 92%;
}
.device-detailed-more:nth-child(3n+2) .detail-border {
    width: 96%; /* Adjust the margin value as needed */
}
.device-detailed-more:nth-child(3n) .detail-border {
    width: 96%;
    float: right;
}
@media screen and (max-width: 768px) {
    .device-image-mobile{
        display: block;
    }
    .device-mobile {
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }
    .device-image {
        display: none;
    }
    .device-detaild {
        height: 40px;
        width: 100%;
        display: flex;
    }
    .device-detaild span {
        width: 70%;
    }
    .device-detaild p {
        width: 30%;
    }
    .device-detailed-more {
        height: 40px;
        width: 89%;
    }
    .detail-border span {
        width: 70%;
        height: 40px;
    }
    .detail-border p {
        width: 30%;
        height: 20px;
    }
    .device-data {
        padding: 0 20px;
    }
    .device-value {
        margin: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: unset !important;
    }
    .device-detailed-more {
        height: 43px !important;
    }
    .detail-border {
        width: 100% !important;
        display: flex;
    }
    .detail-margin {
        margin: 0 20px;
    }
    .device-detailed-more:nth-child(3n) .detail-border {
        float: unset !important;
    }
}
.edm-device-list-container{
    grid-template-columns: 49% 49%;
}
.edm-item-detail-container{
    display: grid;
    grid-template-columns: 45% 55%;
}
.edm-item-list-container{
    width: 50%;
}
.detail-border span {
    width: 70%;
    height: 40px;
    font-weight: 600;
}
.device-data {
    padding: 0;
}
.device-data .uk-grid {
    float: right;
    width: 100%;
}
.device-detaild {
    height: 60px;
    padding-left: 0 !important;
    text-align: initial;
    margin-top: 15px
}


/* Style the meter container */
.meter-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height:125px;
}

/* Style the value container */
.meter-value-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-bottom: 0.5rem;
}

.meter-value-container h4 {
    font-size: 14px;
    margin-bottom: 2.5rem;
    text-align: center;
}

/* Style the meter bar */
.meter {
    width: 80%;
    height: 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin-top: 1.5rem;
}

.meter-bar {
    height: 50%;
    width: 100%;
    border-radius: 10px;
    background: linear-gradient(to right, red 0%, red 10%, #6ab04c 10%, #6ab04c 90%, red 90%, red 100%);
}
.meter-value {
    width: 80%;
}
.meter-current-val {
    position: absolute;
    width: 100px;
    text-align: center;
    right: -50px;
    bottom: -30px;
}
/* Style the current value label */
.meter-value .meter-current {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    font-family: AvenirNextLTPro-Bold;
    color: #333;
    margin-top: -18px;
    position: absolute;
}
.cal-meter-labels {
    position: relative;
}
.meter-min-val, .meter-max-val, .units-val {
    width: 46%;
    position: absolute;
    text-align: center;
    word-break: break-all;
}

.meter-min-val {
    left: -13%;
}

.units-val {
    left: 73px;
    width: calc(100% - 142px);
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
    margin-top: 3px;
}

.meter-max-val {
    right: -13%;
}

@media only screen and (max-width:767px) {
    .meter-min-val {
        left: -16px;
        width: 50px;
    }
    .meter-max-val {
        right: -12px;
        width: 50px;
    }
    .units-val {
        left: 35px;
        width: 33%;
        font-size: 12px;
        font-weight: bold;
        color: #333;
        margin-right: 10px;
    }
}

.meter-current .meter-caret {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    content: "";
    top: 30px;
}

/* Style the minimum value label */
.meter-labels .meter-min {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}

/* Style the maximum value label */
.meter-labels .meter-max {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-left: 10px;
}

/* Style the meter labels container */
.meter-labels {
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.meter-value-row
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 1rem;
}

.meter-inner-column
{
    width: 50%;
    margin-left: 3rem;
}

.d-flex-col
{
    display: flex;
    flex-direction: column;
    position: relative;
}
.d-flex-row
{
    display: flex;
    flex-direction: row;
    position: relative;
}
.opacity-down {
    opacity: 0.6;
}
.asset-trend-graph .dimple-axis-x {
    visibility: hidden;
}
@media (max-width: 800px) {
    .complex_group-select {
        width:90%!important;
    }
    .ul-complex-complex_group-out {
        margin-top:60px!important;
    }

    .complex_group-select ul {

        margin-top: 30px;
    }
    .complex_group-buttons ul {
        height: 40px!important;
        text-align: center!important;
        vertical-align: middle!important;
        margin: 10px!important;
        padding-left: 0px!important;
    }
    .complex_group-buttons {
        width: 100%!important;
    }

}
.attribute-select ul, .complex_group-select ul {
    list-style: none;
    border: 1px solid lightgray;
    height: 240px;
    overflow-y: auto;
    padding-left: 0px;
}
.attribute-select li, .complex_group-select li {
    line-height: 2em;
    padding: 5px;
    cursor: pointer;
}
.attribute-select p, .complex_group-select p {
    height: 2em;
    font-weight: bold;
    line-height: 2em;
}
.attribute-buttons, .complex_group-buttons {
    width: 10%;
    padding:0px;
}

.attribute-buttons ul, .complex_group-buttons ul {
    list-style: none;
    height: 240px;
    text-align: center;
    vertical-align: middle;
    padding-left: 35px;
    margin-top: 80px;
}

.attribute-buttons ul li button, .complex_group-buttons ul li button {
    background-color: #00A6CF;
    margin: 5px;
}
.attribute-buttons ul li button i, .complex_group-buttons ul li button i {
    color: #fff;
}
.attribute-buttons ul li button i:hover,.attribute-buttons ul li button:hover i,.attribute-buttons ul li button:focus , .complex_group-buttons ul li button i:hover,.complex_group-buttons ul li button:hover i,.complex_group-buttons ul li button:focus
{
    color: #00A6CF;
}
/* Complex Attributes */
.attribute-selected, .complex_group-selected {
    background-color: #00A6CF;
    color: #fff;
}

.attribute-select, .complex_group-select {
    width: 40%;
}
.error-model-data {
    font-family: monospace;
    white-space: pre;
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-wrap: wrap;
    word-break: break-all;
    font-size: 14px;
}
.create-ticket-btn-container{
    justify-content: space-between;
    align-items: stretch;
}
.create-ticket-btn-container .nice_checkbox{
    margin:unset;
}
@media screen and (min-width: 600px){
    .create-ticket-btn-container{
        justify-content: end;
    }
    .create-ticket-btn-container .nice_checkbox{
        margin-right: 1rem;
    }
}
.action-button i, i.action-button {
    background-color: #d32f2f;;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    border-radius: 12px;
    text-align: center;
}
i.material-icons.deleted:hover {
    background-color: #eeeeee;
    color: #d32f2f;
}

.info-msg {
    color: var(--theme-color);
    font-size: 0.85em;
}

#edit-auditoriums-modal .form-field {
    border-radius: 4px;
}

#tag_list {
    margin-bottom: 10px;
    padding-left: 25px !important;
}
