html {
    overflow-y: scroll;
    height: 100%;
}

body {
    background: #fafafa;
    color: #111;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 13px;
    min-height: 100%;
}

*, *:after, *:before {
    resize: none;
    outline-width: 0;
    box-sizing: border-box;
}

p {
    margin: 2px;
    padding: 0;
}

h1 {
    font-size: 20px;
    font-weight: normal;
    padding: 0px;
    margin: 0px 25px;
    color: #000;
}

h2 {
    font-size: 18px;
    font-weight: normal;
    padding: 0px;
    margin: 0px 15px;
    color: #000;
}

img {
    border: 0px;
}

em, i {
    font-style: normal;
}

input {
    margin: 0px;
    padding: 0px;
    margin: 0px;
}

input:focus {
    outline: none;
}

textarea {
    font-size: 13px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
}

.relative {
    position: relative;
}

table {
    border-collapse: collapse;
    padding: 0px;
    border-spacing: 0;
}

table td {
    empty-cells: show;
}

select {
    padding: 3px 5px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 1px;
}

select:focus {
    border: 1px solid #a8c0d7;
}

textarea {
    padding: 5px 5px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 1px;
}

textarea:focus {
    border: 1px solid #a8c0d7;
}

ul, li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.link {
    cursor: pointer;
    color: #cb0000;
    text-decoration: underline;
}

.marker {
    position: relative;
}

.pointer {
    cursor: pointer;
}

.clear-both {
    display: block;
    clear: both;
}

.no-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.error-field {
    border: 1px solid #e9573f !important;
    box-shadow: inset 0px 0px 3px rgba(255, 0, 0, 0.1);
}

.field-notice {
    display: block;
    margin: 5px 0px 0px 2px;
    color: #e9573f;
    font-size: 12px;
}

.focus-reset {
    position: absolute;
    left: -500px;
    top: -500px;
    width: 1px !important;
    height: 1px !important;
}

.hidden {
    display: none !important;
}

.inline {
    display: inline-block;
    vertical-align: middle;
}

.default-ajax-wrapper {
    width: 400px;
}

.field-default-value {
    color: #888 !important;
}

a {
    color: #1e69aa;
    text-decoration: none;
}

hr.narrow {
    margin: 0;
    border: 0;
    border-bottom: solid 1px #dddddd;
}

/* Preloader */
.preloader {
    display: none;
}

.preloader img {
    display: none;
}

/* Regular fields */
.regular-field {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 6px 8px;
    width: 320px;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);
}

.regular-field:focus {
    border: 1px solid #a8c0d7;
}

.regular-field.disabled {
    background: #fbfbfb;
    border: 1px solid #ddd !important;
}

.regular-field.fullwidth {
    display: block;
    width: 100%;
}

.regular-select {
    padding: 5px 5px;
    font-size: 13px;
    width: 320px;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);
}

.regular-select:focus {
    border: 1px solid #a8c0d7;
}

.regular-textarea {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 6px 8px;
    width: 320px;
    height: 140px;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);
}

.regular-textarea:focus {
    border: 1px solid #a8c0d7;
}

/* Main wrapper */
.main-wrapper {
    width: 100%;
    min-width: 1200px;
    margin: 0px auto;
}

/* Header */
.header-wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 44px;
    margin: 0px auto;
    background: #323334;
    font-size: 0px;
    z-index: 9999;
}

.header-wrapper .middle {
    width: 1200px;
    margin: 0px auto;
}

.header-wrapper .logo-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 200px;
    height: 44px;
}

.header-wrapper .logo-container .logo {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    margin-top: 10px;
    padding: 0px 0px 0px 20px;
    color: #ddd;
}

.header-wrapper .quickbar {
    display: block;
    position: absolute;
    right: 5px;
    top: 6px;
    height: 30px;
    vertical-align: middle;
}

.header-wrapper .quickbar li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0px 4px;
    border-radius: 3px;
    background: #1d2025;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
}

.header-wrapper .quickbar li i {
    display: inline-block;
    vertical-align: middle;
    color: #8993a2;
    font-size: 14px;
    line-height: 30px;
}

.header-wrapper .quickbar li .num {
    display: block;
    position: absolute;
    right: -5px;
    top: -3px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    font-size: 10px;
}

.header-wrapper .quickbar li .num.red {
    background: #ff5757;
}

.header-wrapper .quickbar li .num.green {
    background: #9cd159;
}

.header-wrapper .quickbar li .num.blue {
    background: #5797ff;
}

.header-wrapper .quickbar li:hover {
    background: #15181b;
}

.header-wrapper .quickbar li:hover i {
    color: #d1d1d1;
}

.header-wrapper .main-menu {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.header-wrapper .main-menu li {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.header-wrapper .main-menu li .item {
    display: block;
    padding: 0px 11px;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    color: #ddd;
    cursor: pointer;
}

.header-wrapper .main-menu li:nth-child(1):nth-last-child(6),
.header-wrapper .main-menu li:nth-child(1):nth-last-child(5),
.header-wrapper .main-menu li:nth-child(1):nth-last-child(4),
.header-wrapper .main-menu li:nth-child(1):nth-last-child(3),
.header-wrapper .main-menu li:nth-child(1):nth-last-child(2),
.header-wrapper .main-menu li:nth-child(1):nth-last-child(1),
.header-wrapper .main-menu li:nth-child(2):nth-last-child(5),
.header-wrapper .main-menu li:nth-child(2):nth-last-child(4),
.header-wrapper .main-menu li:nth-child(2):nth-last-child(3),
.header-wrapper .main-menu li:nth-child(2):nth-last-child(2),
.header-wrapper .main-menu li:nth-child(2):nth-last-child(1),
.header-wrapper .main-menu li:nth-child(3):nth-last-child(4),
.header-wrapper .main-menu li:nth-child(3):nth-last-child(3),
.header-wrapper .main-menu li:nth-child(3):nth-last-child(2),
.header-wrapper .main-menu li:nth-child(3):nth-last-child(1),
.header-wrapper .main-menu li:nth-child(4):nth-last-child(3),
.header-wrapper .main-menu li:nth-child(4):nth-last-child(2),
.header-wrapper .main-menu li:nth-child(4):nth-last-child(1),
.header-wrapper .main-menu li:nth-child(5):nth-last-child(2),
.header-wrapper .main-menu li:nth-child(5):nth-last-child(1),
.header-wrapper .main-menu li:nth-child(6):nth-last-child(1) {
    margin-left: 5%;
    margin-right: 0;
}

.header-wrapper .main-menu li:hover .item, .header-wrapper .main-menu li .item.opened {
    color: #fff;
}

.header-wrapper .sidebar {
    float: right;
    height: 44px;
    line-height: 44px;
}

.header-wrapper .sidebar li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0px 12px;
    border-radius: 3px;
    height: 44px;
    cursor: pointer;
    text-align: center;
}

.header-wrapper .sidebar li i {
    display: inline-block;
    vertical-align: middle;
    color: #8993a2;
    font-size: 17px;
    line-height: 30px;
}

.header-wrapper .sidebar li i.fa-bell {
    font-size: 16px;
}

.header-wrapper .sidebar li .num {
    display: block;
    position: absolute;
    right: 1px;
    top: 3px;
    width: 16px;
    height: 15px;
    line-height: 15px;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    font-size: 9px;
}

.header-wrapper .sidebar li .num.red {
    background: #ff5757;
}

.header-wrapper .sidebar li .num.green {
    background: #9cd159;
}

.header-wrapper .sidebar li .num.blue {
    background: #5797ff;
}

.header-wrapper .sidebar li i.hs-arrow {
    margin-left: 7px;
}

.header-wrapper .sidebar li .thumb {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    overflow: hidden;
    border-radius: 15px;
}

.header-wrapper .sidebar li .thumb img {
    width: 30px;
    height: 30px;
}

.header-wrapper .sidebar li .user {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    margin-left: 12px;
    font-size: 13px;
    color: #aaa;
}

.header-wrapper .sidebar li:hover, .header-wrapper .sidebar li.opened {
    background: #1d2025;
}

.header-wrapper .sidebar li:hover i, .header-wrapper .sidebar li.opened i {
    color: #d1d1d1;
}

.header-wrapper .sidebar li:hover .user, .header-wrapper .sidebar li.opened .user {
    color: #d1d1d1;
}

.header-spacer {
    display: block;
    height: 44px;
}

/* Header flex */
.header-wrapper .middle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.header-wrapper .logo-container,
.header-wrapper .sidebar {
    flex: 0 0 auto;
}

.header-wrapper .logo-container {
    width: 170px;
}

.header-wrapper .main-menu {
    margin-left: 0px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.header-wrapper .main-menu li .item {
    padding: 0px 3px;
    line-height: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.header-wrapper .main-menu li:first-child .item {
    padding-left: 0;
}

.header-wrapper .main-menu li:last-child .item {
    padding-right: 0;
}

/* Header submenu */
.header-wrapper .menuBlock {
    top: 44px;
    position: absolute;
    width: 1100px;
    left: calc((100% - 1100px) / 2);
    border: 1px solid #d4d4d4;
    background: white;
    border-top: 0px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 20px;
    text-align: left;
    white-space: nowrap;
}

.header-wrapper .menuInnerBlock {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    max-width: 25%;
}

.header-wrapper .menuInnerBlock ul:not(:first-child) .title {
    margin-top: 15px;
}

.header-wrapper .menuInnerBlock .emptyTitle {
    height: 19px;
}

.header-wrapper .menuInnerBlock .title {
    padding-bottom: 5px;
    padding-left: 5px;
    color: #222;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    cursor: default;
}

.header-wrapper .menuInnerBlock ul {
    padding-right: 15px;
}

.header-wrapper .menuInnerBlock ul li {
    word-wrap: break-word;
    white-space: normal;
}

.header-wrapper .menuInnerBlock ul li a {
    display: block;
    padding-left: 5px;
    line-height: 18px;
    font-size: 12px;
    color: #333333;
    padding: 4px 20px 4px 5px;
}

.header-wrapper .menuInnerBlock ul li:hover {
    background: #e5e5e5;
    /*background: #61a870;*/
    border-radius: 3px;
}

.header-wrapper .menuInnerBlock ul li:hover a {
    /*color: #fff;*/
}

.header-wrapper .menuInnerBlock ul .title:hover, .header-wrapper .menuInnerBlock ul .emptyTitle:hover {
    background: transparent;
}

@media (max-width: 1120px) {
    .header-wrapper .menuBlock {
        left: 0;
    }
}

.dropdown-wrapper.hs-menu {
    width: 200px;
}

.dropdown-wrapper.hs-menu.hs-reports {
    width: 250px;
}

.dropdown-wrapper.hs-menu ul {
    display: block;
    padding: 5px 0px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-top: 0px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dropdown-wrapper.hs-menu ul li {
    display: block;
    padding: 4px 0px;
}

.dropdown-wrapper.hs-menu ul li a {
    display: block;
    padding: 0px 15px;
    line-height: 20px;
    font-size: 12px;
    color: #333333;
}

.dropdown-wrapper.hs-menu ul li:hover {
    background: #028fd6;
}

.dropdown-wrapper.hs-menu ul li:hover a {
    color: #fff;
}

.dropdown-wrapper.hs-menu ul li.section {
    display: block;
    padding: 3px 12px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    cursor: default;
}

.dropdown-wrapper.hs-menu ul li.section:hover {
    background: transparent !important;
}

.dropdown-wrapper.hs-menu ul li.separator {
    display: block;
    height: 1px;
    margin: 8px 0px;
    padding: 0px 12px;
    background: #e5e5e5;
}

/* Header profile menu */
.dropdown-wrapper.hprofile {
    width: 260px;
}

.dropdown-wrapper.hprofile .wrapper {
    display: block;
    padding: 0px 0px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-top: 0px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dropdown-wrapper.hprofile .company {
    padding: 7px 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0px;
}

.dropdown-wrapper.hprofile .user {
    height: 60px;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    cursor: default;
}

.dropdown-wrapper.hprofile .user .image {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}

.dropdown-wrapper.hprofile .user .image img {
    height: 40px;
    width: 40px;
}

.dropdown-wrapper.hprofile .user .person {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    margin-left: 8px;
}

.dropdown-wrapper.hprofile .user .person .name {
    display: block;
    font-size: 14px;
    color: #333;
    text-align: left;
}

.dropdown-wrapper.hprofile .user .person .role {
    display: block;
    margin: 1px 0px 0px 0px;
    font-size: 11px;
    color: #777;
    text-align: left;
}

.dropdown-wrapper.hprofile .menu {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.dropdown-wrapper.hprofile .menu li {
    display: block;
}

.dropdown-wrapper.hprofile .menu li a {
    display: block;
    line-height: 22px;
    font-size: 13px;
    color: #222;
}

.dropdown-wrapper.hprofile .menu li a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    margin-right: 10px;
}

.dropdown-wrapper.hprofile .menu li:hover a {
    color: #111;
}

.dropdown-wrapper.hprofile .menu li:hover a i {
    color: #333;
}

.dropdown-wrapper.hprofile .logout {
    display: block;
    padding: 5px 20px 2px 20px;
    line-height: 22px;
    font-size: 13px;
    color: #222;
}

.dropdown-wrapper.hprofile .logout i {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    margin-right: 10px
}

.dropdown-wrapper.hprofile .logout:hover {
    color: #111;
}

.dropdown-wrapper.hprofile .logout:hover i {
    color: #333;
}

/* Content */
.content-wrapper {
    width: 1100px;
    margin: 0px auto; /*border:1px solid #ddd;*/
    border-top: 0px;
    box-shadow: 1px 0px 3px rgba(150, 150, 150, 0.1), -1px 0px 3px rgba(150, 150, 150, 0.1);
}

.page-sidebar {
    display: table-cell;
    vertical-align: top;
    padding: 12px 10px;
    width: 240px;
    background: #eeeeee;
    border-right: 1px solid #e2e9f1;
}

.page-wrapper {
    display: block;
    padding: 12px 25px 25px 25px;
    background: #fff;
}

.content-wrapper.with-sidebar {
    display: table;
    width: 1100px;
    margin: 0px auto;
}

.content-wrapper.with-sidebar .page-wrapper {
    display: table-cell;
    vertical-align: top;
}

/* fullwidth */
.content-wrapper.fullwidth {
    width: 100%;
    min-width: 500px;
    padding: 0 0;
    box-shadow: none;
}

.content-wrapper.fullwidth .page-wrapper {
    padding: 0 0;
    background: none;
}

/* Sidebar: settings groups */
.page-sidebar .st-group {
    display: block;
    margin: 0px 0px 30px 0px;
}

.page-sidebar .st-group .title {
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px;
    color: #111;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.page-sidebar .st-group ul {
    padding-left: 5px;
}

.page-sidebar .st-group ul li {
    display: block;
}

.page-sidebar .st-group ul li a {
    display: block;
    padding: 4px 10px;
}

.page-sidebar .st-group ul li a i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    margin-right: 7px;
    line-height: 17px;
    font-size: 15px;
    text-align: center;
    color: #114776;
}

.page-sidebar .st-group ul li a span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #114776;
    line-height: 17px;
}

.page-sidebar .st-group ul li:hover, .page-sidebar .st-group ul li.active {
    background: #d7d7d7;
    background: linear-gradient(to bottom, #e8e8e8, #d4d5d5);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.page-sidebar .st-group ul li:hover a span, .page-sidebar .st-group ul li.active a span {
    color: #111;
}

.page-sidebar .st-group ul li:hover a i, .page-sidebar .st-group ul li.active a i {
    color: #444;
}

/* Content */
.page-title {
    display: block;
    margin: 15px 0px 15px 0px;
    color: #111;
    font-size: 24px;
    line-height: 26px;
}

.page-title-bar {
    display: block;
    margin: 15px 0px 15px 0px;
    height: 26px;
    font-size: 0px;
}

.page-title-bar.no-top {
    margin-top: 0px;
}

.page-title-bar .title {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    color: #111;
    font-size: 24px;
    line-height: 26px;
}

.page-title-bar .side {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    text-align: right;
}

.page-title-bar .inline-btn {
    margin: 0px 0px;
}

.page-title-bar .inline-btn.mr {
    margin-right: 8px;
}

.page-title-bar .inline-btn.ml {
    margin-left: 8px;
}

.content-wrapper.with-sidebar .page-title-bar .title {
    width: 500px;
}

.content-wrapper.with-sidebar .page-title-bar .side {
    width: 305px;
}

/* Form block */
.inpage-title {
    display: block;
    margin: 0px 0px 25px 0px;
    color: #111;
    font-size: 22px;
    line-height: 24px;
}

.inpage-title.margin {
    margin-top: 25px;
}

.inpage-title.with-description {
    margin-bottom: 15px;
}

/* Form block */
.inpage-title {
    display: block;
    margin: 0px 0px 25px 0px;
    color: #111;
    font-size: 22px;
    line-height: 24px;
}

.inpage-title.margin {
    margin-top: 25px;
}

.inpage-title.with-description {
    margin-bottom: 15px;
}

.form-block {
    display: inline-block;
    margin: 0px 0px;
}

.form-block.first {
    margin-top: 0px;
}

.form-block .title {
    display: block;
    margin: 0px 0px 25px 0px;
    color: #111;
    font-size: 22px;
    line-height: 24px;
}

.form-block .row {
    display: block;
    margin: 10px 0px;
}

.form-block .row .flabel {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    padding: 2px 0px;
    line-height: 18px;
    text-align: left;
    margin-right: 25px;
    color: #222;
}

.form-block .row .flabel.top {
    vertical-align: top;
    padding: 0px 0px;
}

.form-block .row .flabel.first-row {
    vertical-align: top;
    height: 28px;
    line-height: 28px;
}

.form-block .row .fvalue {
    display: inline-block;
    vertical-align: middle;
}

.form-block .row .phone-code {
    width: 45px;
}

.form-block .row .phone-number {
    width: 253px;
    margin-left: 5px;
}

.form-block .row .reg-number {
    width: 253px
}

.form-block .row .reg-region {
    width: 45px;
    margin-left: 5px;
}

.form-block .row .field-hint {
    display: block;
    margin: 7px 0px 0px 0px;
    font-size: 11px;
    line-height: 15px;
    color: #888;
}

.form-block .row .datepicker-wrapper input {
    width: 320px;
}

.form-block .row .numeric-wrapper input {
    width: 320px;
}

.form-block .row .fvalue .row-hint {
    display: block;
    margin: 5px 0px 0px 0px;
    font-size: 11px;
    line-height: 16px;
    color: #888;
}

/* Full width*/
.form-block.full-width {
    width: 100%;
}

.form-block.full-width .row .regular-field {
    width: 600px;
}

.form-block.full-width .row .regular-textarea {
    width: 600px;
}

.form-block.full-width .row .regular-select {
    width: 600px;
}

.form-block.full-width .row .datepicker-wrapper input {
    width: 600px;
}

.form-block.full-width .row .numeric-wrapper input {
    width: 600px;
}

.form-block.full-width .row .single-selector {
    width: 600px;
}

.form-block.full-width .row .single-selector .options {
    width: 600px;
}

.form-block.full-width .row .single-selector .search-box .field {
    width: 585px;
}

/* Wider */
.form-block.wider .row .flabel {
    width: 130px;
}

.form-block.wider .row .regular-field {
    width: 400px;
}

.form-block.wider .row .regular-textarea {
    width: 400px;
}

.form-block.wider .row .regular-select {
    width: 400px;
}

.form-block.wider .row .datepicker-wrapper input {
    width: 400px;
}

.form-block.wider .row .numeric-wrapper input {
    width: 400px;
}

.form-block.wider .row .reg-number {
    width: 320px
}

.form-block.wider .row .reg-region {
    width: 70px;
    margin-left: 5px;
}

.form-block.wider .row .single-selector {
    width: 400px;
}

.form-block.wider .row .single-selector .options {
    width: 400px;
}

.form-block.wider .row .single-selector .search-box .field {
    width: 385px;
}

.form-block.wider .fvalue.datetime {
    font-size: 0px;
}

.form-block.wider .fvalue.datetime i.fa-calendar {
    pointer-events: none;
}

.form-block.wider .fvalue.datetime i.fa-calendar::before {
    font-size: 13px;
}

.form-block.wider .fvalue.datetime .datepicker-wrapper .regular-field {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
}

.form-block.wider .fvalue.datetime .regular-select.hours {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    margin-left: 5px;
    cursor: pointer;
}

.form-block.wider .fvalue.datetime .regular-select.hours.only {
    width: 145px;
}

.form-block.wider .fvalue.datetime .regular-select.minutes {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    margin-left: 5px;
    cursor: pointer;
}

.form-block.wider .fvalue.cost {
    font-size: 0px;
}

.form-block.wider .fvalue.cost .regular-field {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
}

.form-block.wider .fvalue.cost .regular-select.currency {
    display: inline-block;
    vertical-align: middle;
    width: 145px;
    margin-left: 5px;
}

.form-block.wider .row .fvalue.readonly {
    width: 400px;
}

.form-block.wider .row .phone-code {
    width: 55px;
}

.form-block.wider .row .phone-number {
    width: 323px;
    margin-left: 5px;
}

/* Additional */
.form-block .block-separator {
    display: block;
    height: 1px;
    background: #eeeeee;
    margin: 20px 0px;
}

.form-block .block-separator.no-upper {
    margin-top: 0px;
    margin-bottom: 10px;
}

.form-block .block-separator.upper-shorter {
    margin-top: 12px;
}

.form-block .row-description {
    display: block;
    margin: 0px 0px 15px 0px;
    font-size: 11px;
    line-height: 16px;
    color: #888;
}

/* Settings: company profile */
.scp-logo-container img {
    border: 1px solid #ddd;
}

/* Settings: user profile */
.sup-language-option {
    display: block;
    margin: 4px 0px;
}

.sup-language-option input {
    display: inline-block;
    vertical-align: middle;
}

.sup-language-option span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
}

.sup-logo-container img {
    border: 1px solid #ddd;
}

/* Settings: security password */
.form-block.ssp-form .row .label {
    width: 120px;
}

/* Settings: events */
.ste-user img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    border-radius: 2px;
}

.ste-user .name {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #1e69aa;
}

.ste-user .name:hover {
    color: #114776;
}

.ste-list .regular-tbl .row td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ste-filter {
    position: relative;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 20px 0px;
    background: url('images/block_separator_shadow.png') center bottom no-repeat;
}

.ste-filter .dates {
    display: inline-block;
    vertical-align: top;
    width: 290px;
}

.ste-filter .types {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin-left: 30px;
}

.ste-filter .filter-caption {
    display: block;
    margin: 0px 0px 5px 0px;
    font-size: 13px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.ste-actions ul li {
    margin: 5px 0px;
}

.ste-actions ul li .checkbox-label {
    margin-left: 10px;
    line-height: 15px;
    font-size: 13px;
    cursor: default;
}

.ste-label-attribute {
    color: #1e69aa;
}

a.ste-label-attribute:hover {
    color: #114776;
}

.ste-label {
    line-height: 18px;
}

/* Settings: users */
.sul-tabs {
    margin: 0px 0px 15px 0px;
}

.sul-tabs ul {
    display: block;
    height: 39px;
    font-size: 0px;
    border-bottom: 1px solid #dddddd;
}

.sul-tabs ul li {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
    margin: 0px 0px 0px 5px;
    padding: 0px 12px;
    border: 1px solid #fff;
    border-bottom: 0px;
    color: #999;
    font-size: 12px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    cursor: pointer;
}

.sul-tabs ul li.first {
    margin-left: 0px;
}

.sul-tabs ul li:hover {
    color: #777;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-bottom: 0px;
}

.sul-tabs ul li.selected {
    height: 39px;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom: 0px;
    color: #444;
}

.sul-tabs ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 17px;
    margin-left: 5px;
    font-size: 10px;
    line-height: 17px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.sul-tabs ul li.users i {
    background: #67a879;
}

.sul-tabs ul li.drivers i {
    background: #3978c6;
}

.sul-tabs ul li.administrators i {
    background: #a351a3;
}

.sul-tabs ul li.no-access i {
    background: #888;
}

.sul-user img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 2px;
}

.sul-user .name {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    font-size: 13px;
    line-height: 15px;
    color: #1e69aa;
}

.sul-user .name:hover {
    color: #114776;
}

.sul-is-driver {
    display: inline-block;
    margin: 2px 0px;
    padding: 1px 7px;
    text-align: center;
    font-size: 0px;
    background: #8bc639;
    border-radius: 2px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.sul-is-driver i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
}

.sul-is-driver span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
}

.sul-matched-role {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 2px;
    font-size: 11px;
    line-height: 15px;
}

.sul-matched-role:hover {
    text-decoration: underline;
}

/* Settings: edit user */
.seu-status-options {
    display: block;
}

.seu-status-options li {
    display: block;
    margin: 12px 0px;
}

.seu-status-options li.first {
    margin-top: 0px;
}

.seu-status-options li .option {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    padding: 3px 0px;
    text-align: center;
}

.seu-status-options li .text {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    cursor: pointer;
}

.seu-status-options li .text .name {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #222;
}

.seu-status-options li .text .description {
    display: block;
    margin: 2px 0px 0px 0px;
    font-size: 11px;
    line-height: 15px;
    color: #888;
}

.seu-checkbox-hint {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    margin-left: 10px;
    font-size: 11px;
    line-height: 15px;
    color: #888;
    cursor: pointer;
}

.form-block.wider .row .seu-multi-roles {
    width: 400px;
}

/* Settings: locations */
.sll-description {
    padding: 5px 0px;
    font-size: 12px;
    color: #222;
    line-height: 16px;
}

.sll-level-2 {
    padding-left: 25px !important;
}

.sll-level-3 {
    padding-left: 40px !important;
}

.sll-level-4 {
    padding-left: 55px !important;
}

.sll-level-5 {
    padding-left: 70px !important;
}

.sll-level-6 {
    padding-left: 85px !important;
}

.sll-level-7 {
    padding-left: 100px !important;
}

.sll-level-8 {
    padding-left: 115px !important;
}

.sll-level-9 {
    padding-left: 130px !important;
}

.sll-level-10 {
    padding-left: 145px !important;
}

/* Settings: groups */
.sgl-description {
    padding: 5px 0px;
    font-size: 12px;
    color: #222;
    line-height: 16px;
}

.sgl-level-2 {
    padding-left: 25px !important;
}

.sgl-level-3 {
    padding-left: 40px !important;
}

.sgl-level-4 {
    padding-left: 55px !important;
}

.sgl-level-5 {
    padding-left: 70px !important;
}

.sgl-level-6 {
    padding-left: 85px !important;
}

.sgl-level-7 {
    padding-left: 100px !important;
}

.sgl-level-8 {
    padding-left: 115px !important;
}

.sgl-level-9 {
    padding-left: 130px !important;
}

.sgl-level-10 {
    padding-left: 145px !important;
}

/* Machines: add vehicle */
.mav-status-options {
    display: block;
}

.mav-status-options li {
    display: block;
    margin: 8px 0px;
}

.mav-status-options li.first {
    margin-top: 0px;
}

.mav-status-options li .option {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    padding: 3px 0px;
    text-align: center;
}

.mav-status-options li .text {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    cursor: pointer;
}

.mav-status-options li .text .name {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #222;
}

.mav-status-options li .text .description {
    display: block;
    margin: 2px 0px 0px 0px;
    font-size: 11px;
    line-height: 15px;
    color: #888;
}

.form-block.mav-form .row .flabel {
    width: 210px;
    text-align: right;
}

/* System: translations */
.stl-record {
    display: block;
    margin: 15px 0px 20px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #eee;
}

.stl-record:first-child {
    margin-top: 0px;
}

.stl-record .name {
    display: block;
    margin: 0px 0px 5px 0px;
    font-size: 12px;
}

.stl-record .translation {
    margin: 2px 0px;
}

.stl-record .translation .language {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    color: #555;
}

.stl-record .translation .regular-field {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
}

.stl-record .translation .regular-textarea {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    height: 120px;
}

.stl-record .translation .incomplete {
    border: 1px solid #e9573f !important;
}

.stl-record .translation .value-edited {
    border: 1px solid #ffc586 !important;
}

/* Electricity: meter list */
.eml-group {
    display: block;
    padding: 0px 10px;
    cursor: pointer;
    border-bottom: 4px solid #e8e8e8;
}

.eml-group i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 14px;
    line-height: 14px;
    color: #aaa;
}

.eml-group .caption {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 17px;
    font-weight: bold;
}

.eml-group .num {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0px 0px 3px;
    color: #666;
    font-size: 11px;
}

.eml-group:hover {
    border-bottom-color: #d2d2d2;
}

.eml-group:hover i {
    color: #888;
}

.eml-content {
    padding: 5px 0px;
}

.eml-subgroup {
    display: block;
    padding: 0px 10px;
    cursor: pointer;
    border-bottom: 2px solid #e5e5e5;
}

.eml-subgroup i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    font-size: 12px;
    line-height: 12px;
    color: #aaa;
}

.eml-subgroup .caption {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 15px;
}

.eml-subgroup .num {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0px 0px 3px;
    color: #666;
    font-size: 11px;
}

.eml-subgroup:hover {
    border-bottom-color: #ccc;
}

.eml-subgroup:hover i {
    color: #888;
}

.eml-subcontent {
    padding: 5px 0px 5px 45px;
}

.eml-record-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding: 2px 0px;
    border-radius: 3px;
}

.eml-manufacturer {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    padding: 3px 0px;
}

.eml-manufacturer .manufacturer {
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #111;
}

.eml-manufacturer .model {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #444;
}

/* Electricity: meter sidebar */
.page-sidebar .ems-meter-data {
    width: 192px;
    margin: 0px auto 15px auto;
}

.page-sidebar .ems-meter-data .thumb-wrapper {
    display: block;
    padding: 9px 8px;
    margin: 0px auto;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    font-size: 0px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.page-sidebar .ems-meter-data .name {
    display: block;
    margin: 7px 0px 0px 0px;
    padding: 0px 5px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    cursor: default;
}

.page-sidebar .ems-meter-data .serial-number {
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    line-height: 14px;
    cursor: default;
}

.page-sidebar .ems-group {
    display: block;
    margin: 0px 0px 30px 0px;
}

.page-sidebar .ems-group ul {
    padding-left: 5px;
}

.page-sidebar .ems-group ul li {
    display: block;
}

.page-sidebar .ems-group ul li a {
    display: block;
    padding: 4px 10px;
}

.page-sidebar .ems-group ul li a i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    margin-right: 7px;
    line-height: 17px;
    font-size: 15px;
    text-align: center;
    color: #114776;
}

.page-sidebar .ems-group ul li a span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #114776;
    line-height: 17px;
}

.page-sidebar .ems-group ul li:hover, .page-sidebar .ems-group ul li.active {
    background: #d7d7d7;
    background: linear-gradient(to bottom, #e8e8e8, #d4d5d5);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.page-sidebar .ems-group ul li:hover a span, .page-sidebar .ems-group ul li.active a span {
    color: #111;
}

.page-sidebar .ems-group ul li:hover a i, .page-sidebar .ems-group ul li.active a i {
    color: #444;
}

.page-sidebar .ems-group ul li.separator {
    display: block;
    height: 1px;
    margin: 7px 0px;
    padding: 0px;
    background: #ddd;
}

.page-sidebar .ems-group ul li.separator:hover {
    background: #ddd;
    box-shadow: none;
}

/* Electricity: meter monthly data */
.emvu {
    font-size: 12px;
    font-weight: normal;
    color: #777;
}

.regular-tbl.compact-data tr.header td.width_13p .emvu,
.regular-tbl.compact-data tr.header td.width_14p .emvu {
    font-size: inherit;
}

.emopc {
    font-size: 12px;
    font-weight: normal;
    color: #8fabed;
}

/* Sidebar: electricity prices */
.page-sidebar .eps-group {
    display: block;
    margin: 0px 0px 30px 0px;
}

.page-sidebar .eps-group .title {
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px;
    color: #111;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.page-sidebar .eps-group ul {
    padding-left: 5px;
}

.page-sidebar .eps-group ul li {
    display: block;
}

.page-sidebar .eps-group ul li a {
    display: block;
    padding: 4px 10px;
}

.page-sidebar .eps-group ul li a i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    margin-right: 7px;
    line-height: 17px;
    font-size: 15px;
    text-align: center;
    color: #114776;
}

.page-sidebar .eps-group ul li a span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #114776;
    line-height: 17px;
}

.page-sidebar .eps-group ul li:hover, .page-sidebar .eps-group ul li.active {
    background: #d7d7d7;
    background: linear-gradient(to bottom, #e8e8e8, #d4d5d5);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.page-sidebar .eps-group ul li:hover a span, .page-sidebar .eps-group ul li.active a span {
    color: #111;
}

.page-sidebar .eps-group ul li:hover a i, .page-sidebar .eps-group ul li.active a i {
    color: #444;
}

.page-sidebar .eps-group ul li.separator {
    display: block;
    height: 1px;
    margin: 7px 0px;
    padding: 0px;
    background: #ddd;
}

.page-sidebar .eps-group ul li.separator:hover {
    background: #ddd;
    box-shadow: none;
}

/* Electricity: nordpool */
.enp-filter {
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    background: url('images/block_separator_shadow.png') center bottom no-repeat;
}

.enp-filter .dates {
    display: inline-block;
    vertical-align: middle;
    width: 640px;
}

.enp-filter .side {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    margin-left: 10px;
}

.enp-filter .filter-caption {
    display: block;
    margin: 0px 0px 5px 0px;
    font-size: 13px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.enp-filter .side .last-updated {
    display: block;
    line-height: 18px;
    font-size: 12px;
}

/* Settings: service status */
.ssd-model {
    font-size: 11px;
    color: #555;
}

.ssd-state {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.ssd-state.offline {
    background: #eee;
}

.ssd-state.online {
    background-color: #92d1b1;
}

.ssd-state.down {
    background-color: #e27777;
}

.ssd-message {
    padding: 5px 0px;
    font-size: 12px;
    color: #333;
    line-height: 17px;
}

.ssd-tabs {
    margin: 0px 0px 15px 0px;
}

.ssd-tabs ul {
    display: block;
    height: 39px;
    font-size: 0px;
    border-bottom: 1px solid #dddddd;
}

.ssd-tabs ul li {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 5px;
    padding: 0 12px;
    border: 1px solid #fff;
    border-bottom: 0;
    color: #999;
    font-size: 12px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    cursor: pointer;
}

.ssd-tabs ul li:first-child {
    margin-left: 0;
}

.ssd-tabs ul li > a {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #999;
}

.ssd-tabs ul li.first {
    margin-left: 0;
}

.ssd-tabs ul li:hover {
    color: #777;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
}

.ssd-tabs ul li.selected {
    height: 39px;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom: 0;
    color: #444;
}

.ssd-tabs ul li.selected > a {
    color: #444;
}

.ssd-tabs ul li i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 17px;
    margin-left: 5px;
    font-size: 10px;
    line-height: 17px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.ssd-tabs ul li.meters i {
    background: #3978c6;
}

/* Settings: factory list */
.sfl-description {
    padding: 5px 0px;
    font-size: 12px;
    color: #222;
    line-height: 16px;
}

.sfl-group {
    margin: 0px 0px 20px 0px;
}

.sfl-group .caption {
    display: block;
    padding: 0px 7px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e5e5e5;
    cursor: default;
}

.sfl-group .content {
    padding: 5px 0px;
}

.regular-field.sfl-nominal-field {
    width: 120px !important;
}

.sfl-unit {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

/* Sidebar: factory */
.page-sidebar .fcs-factory-data {
    width: 192px;
    margin: 0px auto 15px auto;
}

.page-sidebar .fcs-factory-data .thumb-wrapper {
    display: block;
    padding: 9px 8px;
    margin: 0px auto;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    font-size: 0px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.page-sidebar .fcs-factory-data .name {
    display: block;
    margin: 7px 0px 0px 0px;
    padding: 0px 5px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    cursor: default;
}

.page-sidebar .fcs-factory-data .location {
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    line-height: 14px;
    cursor: default;
}

.page-sidebar .fcs-group {
    display: block;
    margin: 0px 0px 30px 0px;
}

.page-sidebar .fcs-group ul {
    padding-left: 5px;
}

.page-sidebar .fcs-group ul li {
    display: block;
}

.page-sidebar .fcs-group ul li a {
    display: block;
    padding: 4px 10px;
}

.page-sidebar .fcs-group ul li a i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    margin-right: 7px;
    line-height: 17px;
    font-size: 15px;
    text-align: center;
    color: #114776;
}

.page-sidebar .fcs-group ul li a span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #114776;
    line-height: 17px;
}

.page-sidebar .fcs-group ul li:hover, .page-sidebar .fcs-group ul li.active {
    background: #d7d7d7;
    background: linear-gradient(to bottom, #e8e8e8, #d4d5d5);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.page-sidebar .fcs-group ul li:hover a span, .page-sidebar .fcs-group ul li.active a span {
    color: #111;
}

.page-sidebar .fcs-group ul li:hover a i, .page-sidebar .fcs-group ul li.active a i {
    color: #444;
}

.page-sidebar .fcs-group ul li.separator {
    display: block;
    height: 1px;
    margin: 7px 0px;
    padding: 0px;
    background: #ddd;
}

.page-sidebar .fcs-group ul li.separator:hover {
    background: #ddd;
    box-shadow: none;
}

/* Factory: meter list */
.fml-no-records {
    display: block;
    width: 450px;
    margin: 50px auto 0px auto;
    text-align: center;
}

.fml-no-records span {
    display: block;
    font-size: 28px;
    line-height: 28px;
    padding: 0px;
    color: #888;
}

.fml-no-records p {
    display: block;
    color: #bbb;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}

.fml-group {
    margin: 0px 0px 20px 0px;
}

.fml-group .caption {
    display: block;
    padding: 0px 7px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e5e5e5;
    cursor: default;
}

.fml-group .content {
    padding: 5px 0px;
}

.fml-state {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.fml-state.offline {
    background: #eee;
}

.fml-state.online {
    background-color: #92d1b1;
}

.fml-state.down {
    background-color: #e27777;
}

/* Factory interruptions */
.form-block .row .fvalue.fin-with-unit .regular-field {
    width: 350px;
}

.form-block .row .fvalue.fin-with-unit .fin-unit {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    font-size: 13px;
    color: #333;
}

.fil-details {
    padding: 5px 0px;
    font-size: 11px;
    color: #444;
    line-height: 14px;
}

.fil-record-status {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
}

.fil-record-status.active {
    background: #8ac888;
}

.fil-record-status.inactive {
    background: #eee;
}

.fil-record-name {
    display: inline-block;
    vertical-align: middle;
}

.fil-record-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.fil-record-share {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    margin-left: 3px;
    color: #444;
    font-size: 11px;
}

.fil-record-share.green {
    color: #007236;
}

.fil-record-share.red {
    color: #ed1c24;
}

.fil-record-share.orange {
    color: #f2894f;
}

/* Reports: factory interruptions */
.rfi-filter {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.rfi-record-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.rfi-record-share {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    margin-left: 3px;
    color: #444;
    font-size: 11px;
}

.rfi-record-share.green {
    color: #007236;
}

.rfi-record-share.red {
    color: #ed1c24;
}

.rfi-record-share.orange {
    color: #f2894f;
}

.rfi-factorylist {
    width: 200px;
}

.rfi-factorylist a {
    display: block;
    padding: 0px 5px;
    line-height: 26px;
    color: #222;
    text-decoration: none;
}

.rfi-factorylist a:hover {
    background: #eee;
    color: #000;
}

.rfi-group {
    margin: 0px 0px 20px 0px;
}

.rfi-group .caption {
    display: block;
    padding: 0px 7px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e5e5e5;
    cursor: default;
}

.rfi-group .content {
    padding: 5px 0px;
}

.rfi-no-records {
    display: block;
    width: 450px;
    margin: 50px auto 0px auto;
    text-align: center;
}

.rfi-no-records span {
    display: block;
    font-size: 28px;
    line-height: 28px;
    padding: 0px;
    color: #888;
}

.rfi-no-records p {
    display: block;
    color: #bbb;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}

/* Reports: osula silo */
.ros-wrapper {
    font-size: 0px;
}

.ros-panel {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.ros-panel.two, .ros-panel.four {
    margin-left: 2%;
}

.ros-panel.three, .ros-panel.four {
    margin-top: 30px;
}

.ros-panel .chart {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 131px;
    height: 317px;
    padding: 0px 5px;
}

.ros-panel .chart .mask {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 131px;
    height: 320px;
    background: url('images/silo-tower-v3.png') no-repeat;
    z-index: 99;
}

.ros-panel .chart .content {
    display: block;
    position: absolute;
    left: 12px;
    top: 47px;
    width: 107px;
    height: 230px;
    z-index: 5;
}

.ros-panel .chart .content .labels {
    display: block;
    position: absolute;
    left: 0px;
    top: 95px;
    width: 100%;
    z-index: 8;
}

.ros-panel .chart .content .labels .value {
    display: block;
    font-size: 30px;
    color: #000;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
    text-align: center;
}

.ros-panel .chart .content .labels .hint {
    display: block;
    font-size: 15px;
    color: #444;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
    text-align: center;
}

.ros-panel .chart .content .progress {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background: #eee;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    transition: all 0.25s ease-out;
}

.ros-panel.one .chart .content .progress {
    background: #a1dc89;
}

.ros-panel.two .chart .content .progress {
    background: #89b8dc;
}

.ros-panel.three .chart .content .progress {
    background: #dcbc89;
}

.ros-panel.four .chart .content .progress {
    background: #bb91de;
}

.ros-panel .data {
    display: inline-block;
    vertical-align: middle;
    width: 295px;
    margin-left: 30px;
}

.ros-panel .data .title {
    display: block;
    margin: 0px 0px 15px 0px;
    font-size: 32px;
    color: #111;
}

.ros-panel .data .historical {
    border-top: 2px solid #ddd;
}

.ros-panel .data .historical .icon i {
    font-size: 12px;
}

.ros-panel .data .historical .icon.green i {
    color: #35aa47;
}

.ros-panel .data .historical .icon.red i {
    color: #f3565d;
}

.ros-panel .data .historical .icon.gray i {
    color: #ddd;
}

.ros-panel .data .historical .time-ago {
    font-size: 11px;
    color: #888;
}

.ros-panel .data .totals {
    margin: 25px 0px 0px 0px;
}

.ros-panel .data .totals .box {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    margin-left: 15px;
    padding: 5px 5px;
    background: #eee;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.ros-panel .data .totals .box.first {
    margin-left: 0px;
}

.ros-panel .data .totals .box .time {
    display: block;
    font-size: 12px;
    color: #888;
    text-align: center;
}

.ros-panel .data .totals .box .value {
    display: block;
    margin-top: 2px;
    font-size: 15px;
    color: #111;
    text-align: center;
}

.ros-indicators {
    display: block;
    margin: 20px 0px 0px 0px;
}

.ros-indicators > .ros-row {
    display: block;
    font-size: 0px;
}

.ros-indicators > .ros-row > .ros-speed {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.ros-indicators > .ros-row > .ros-speed.x30 {
    width: 30%;
}

.ros-indicators > .ros-row > .ros-speed .ros-inner {
    padding: 15px 0px;
}

.ros-indicators > .ros-row > .ros-speed .ros-value {
    font-size: 36px;
    line-height: 38px;
    color: #111;
}

.ros-indicators > .ros-row > .ros-speed .ros-unit {
    font-size: 22px;
    line-height: 22px;
    color: #111;
}

.ros-indicators > .ros-row > .ros-shifts {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 4%;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.ros-indicators > .ros-row > .ros-shifts.x70 {
    width: 68%;
    margin-left: 2%;
}

/* Factory: edit meter */
.fem-group-caption {
    display: block;
    margin: 0px 0px 15px 0px;
    font-size: 12px;
    color: #222;
    font-weight: bold;
}

/* Factory: edit record */
.fer-codes {
}

.fer-codes .code {
    display: block;
    line-height: 28px;
}

/* Settings: variables */
.svl-month-selector {
    width: 150px;
}

.svl-group {
    margin: 0px 0px 20px 0px;
}

.svl-group .caption {
    display: block;
    padding: 0px 7px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e5e5e5;
    cursor: default;
}

.svl-group .content {
    padding: 5px 0px;
}

.svl-field-value {
    width: 170px;
    text-align: center;
    padding: 3px 10px;
}

.svl-field-unit {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 50px;
    font-size: 12px;
    color: #777;
    text-align: left;
}

/* Settings: roles */
.srl-description {
    padding: 5px 0px;
    font-size: 12px;
    color: #222;
    line-height: 16px;
}

.srl-matched-user {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 2px;
    font-size: 11px;
    line-height: 15px;
}

.srl-matched-user:hover {
    text-decoration: underline;
}

.srp-wrapper {
    margin: 15px 0px 0px 0px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
}

.srp-group {
    margin: 0px 0px 20px 0px;
}

.srp-group .caption {
    display: block;
    padding: 0px 7px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e5e5e5;
    cursor: default;
}

.srp-group .content {
    padding: 5px 0px;
}

/* MCP */
.mcp-wrapper {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0px auto;
    border-top: 0px;
    background: #fff;
}

.mcp-sidebar {
    display: block;
    flex: 0 0 auto;
    width: 230px;
    padding: 15px 0px;
    background: #eeeeee;
    border-right: 1px solid #e2e9f1;
}

.mcp-content {
    display: block;
    flex: 1 1 auto;
    padding: 15px 20px;
}

.mcp-title-bar {
    display: block;
    margin: 0px 0px 15px 0px;
    height: 26px;
    font-size: 0px;
}

.mcp-title-bar .title {
    display: inline-block;
    vertical-align: middle;
    width: 69%;
    color: #111;
    font-size: 24px;
    line-height: 26px;
}

.mcp-title-bar .side {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    text-align: right;
    height: 26px;
}

.mcp-title-bar .inline-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mcp-sidebar .company {
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 15px;
    line-height: 22px;
    font-size: 16px;
    text-transform: uppercase;
    color: #111;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
}

.mcp-sidebar .menu li {
    display: block;
    margin: 0px;
}

.mcp-sidebar .menu li a {
    display: block;
    padding: 10px 15px;
    font-size: 0px;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
}

.mcp-sidebar .menu li.first {
    margin-top: 15px;
}

.mcp-sidebar .menu li.first a {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
}

.mcp-sidebar .menu li a .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    text-shadow: 1px 1px #fff;
}

.mcp-sidebar .menu li a:hover {
    background: #d7d7d7;
    background: linear-gradient(to bottom, #e8e8e8, #d4d5d5);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.mcp-sand-date {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: #f8f8f8 !important;
}

.mcp-sand-value .regular-field {
    width: 80px;
    text-align: center;
}

.mcp-sand-date .regular-field {
    width: 200px;
}

/* Reports: EMR */
.emr-group {
    display: block;
    padding: 0px 10px;
}

.emr-group .group-caption {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 17px;
    border-bottom: 4px solid #e8e8e8;
    cursor: default;
}

.emr-group .group-content {
    padding: 5px 0px 5px 45px;
}

.emr-label-updating {
    color: #f7941d;
    font-size: 12px;
}

.html-report-tbl {
    table-layout: auto;
}

.html-report-tbl td {
    height: 22px;
    border: 1px solid #d4d4d4;
    color: #333;
    font-size: 12px;
}

.html-report-tbl tr:hover {
    background: #eee;
}

.html-report-tbl .fixed-cell {
    background: #eaeaea;
    border: 1px solid #ddd;
}

.html-report-tbl .top-corner {
    border: 0px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.html-report-tbl .column-name {
    width: 60px;
    height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    border: 0px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #ababab;
}

.html-report-tbl .row-number {
    width: 24px;
    height: 22px;
    text-align: center;
    color: #000;
    font-size: 12px;
    border: 0px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #ababab;
}

.html-report-tbl .border-bottom-2px {
    border-bottom: 2px solid #ababab;
}

/* Dashboard */
.dashb-row {
    display: block;
}

.dashb-row .dashb-factories {
    display: inline-block;
    vertical-align: top;
    width: 350px;
    cursor: default;
}

.dashb-row .dashb-factories .caption {
    display: block;
    height: 40px;
    padding: 0px 12px;
    line-height: 40px;
    background: #0aa699;
    color: #fff;
    font-size: 18px;
    font-family: "Open Sans", Arial;
}

.dashb-row .dashb-factories .hint {
    display: block;
    padding: 0px 12px;
    background: #07786e;
}

.dashb-row .dashb-factories .hint .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #05574f;
    border-radius: 10px;
    text-align: center;
}

.dashb-row .dashb-factories .hint .icon i {
    color: #fff;
    font-size: 10px;
}

.dashb-row .dashb-factories .hint .text {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", Arial;
}

.dashb-row .dashb-factories .content {
    border: 1px solid #e5e9ec;
    border-top: 0px;
}

.dashb-row .dashb-factories .item {
    padding: 0px 20px;
    background: #fff;
    box-shadow: 0px -2px 1px -2px #888;
}

.dashb-row .dashb-factories .item .details {
    display: inline-block;
    vertical-align: middle;
    width: 260px;
    padding: 7px 5px;
}

.dashb-row .dashb-factories .item .details .name {
    display: block;
    line-height: 20px;
    color: #000;
}

.dashb-row .dashb-factories .item .details .description {
    display: block;
    line-height: 20px;
    color: #9a9a9a;
}

.dashb-row .dashb-factories .item .arrow {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    background: #e7e7e7;
}

.dashb-row .dashb-factories .item .arrow i {
    line-height: 24px;
    font-size: 14px;
    color: #444;
}

.dashb-row .dashb-factories .item:hover {
    background: #f3f3f3;
}

.dashb-row .dashb-factories .item:hover .arrow {
    background: #d3d3d3;
}

.dashb-row .dashb-meters {
    display: inline-block;
    vertical-align: top;
    width: 670px;
    margin-right: 20px;
    cursor: default;
}

.dashb-row .dashb-meters .caption {
    display: block;
    height: 40px;
    padding: 0px 12px;
    line-height: 40px;
    background: #5b5b5b;
    color: #fff;
    font-size: 18px;
    font-family: "Open Sans", Arial;
}

.dashb-row .dashb-meters .hint {
    display: block;
    padding: 0px 12px;
    background: #074078;
}

.dashb-row .dashb-meters .hint .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #052f57;
    border-radius: 10px;
    text-align: center;
}

.dashb-row .dashb-meters .hint .icon i {
    color: #fff;
    font-size: 10px;
}

.dashb-row .dashb-meters .hint .text {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", Arial;
}

.dashb-row .dashb-meters .content {
    padding: 0px 20px;
    border: 1px solid #e5e9ec;
    border-top: 0px;
}

.dashb-location {
    display: block;
}

.dashb-location .location-name {
    display: block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 18px;
    border-bottom: 3px solid #e8e8e8;
}

.dashb-factory {
    display: block;
    padding: 0px 0px 0px 15px;
}

.dashb-factory .factory-name {
    display: block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.dashb-factory .list.meters {
    padding: 0px 0px 15px 15px;
}

/* Factory meters: power quality */
.fmpq-group {
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px 10px;
    cursor: pointer;
}

.fmpq-group .caption {
    display: block;
    vertical-align: middle;
    height: 38px;
    padding: 0px 7px;
    line-height: 38px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e8e8e8;
}

.fmpq-tabs {
    margin: 0px 0px 15px 0px;
}

.fmpq-tabs ul {
    display: block;
    height: 39px;
    font-size: 0px;
    border-bottom: 1px solid #dddddd;
}

.fmpq-tabs ul li {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
    margin: 0px 0px 0px 5px;
    padding: 0px 12px;
    border: 1px solid #fff;
    border-bottom: 0px;
    color: #999;
    font-size: 12px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    cursor: pointer;
}

.fmpq-tabs ul li.first {
    margin-left: 0px;
}

.fmpq-tabs ul li:hover {
    color: #777;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-bottom: 0px;
}

.fmpq-tabs ul li.selected {
    height: 39px;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom: 0px;
    color: #444;
}

.general-no-records {
    display: block;
    width: 450px;
    margin: 50px auto 0px auto;
    text-align: center;
}

.general-no-records span {
    display: block;
    font-size: 28px;
    line-height: 28px;
    padding: 0px;
    color: #888;
}

.general-no-records p {
    display: block;
    color: #bbb;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}

/* Imavere camera */
.cv-container {
    display: block;
    position: relative;
    margin: 0px auto;
    background: #fff;
}

.cv-loading-indicator {
    display: block;
    padding: 25px 0px;
    text-align: center;
    font-size: 25px;
    color: #444;
}

.cv-preview {
    overflow: hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 0px;
    line-height: 0px;
}

.cv-preview .cv-image {
    width: 100%;
}

.cv-controls {
    padding: 15px 0px;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
    background: #fff;
}

.cv-controls .cv-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.cv-controls .cv-grid .cell {
    display: table-cell;
    vertical-align: middle;
}

.cv-controls .cv-grid .cell.one {
    width: 275px;
}

.cv-controls .cv-grid .cell.three {
    width: 200px;
}

.cv-controls .cv-playback {
    display: block;
    height: 40px;
    padding: 0px 15px 0px 20px;
}

.cv-controls .cv-timeline {
    display: block;
    padding: 0px 10px 0px 10px;
}

.cv-controls .cv-options {
    display: block;
    padding: 0px 20px;
}

.cv-controls .cv-playback .cv-btn-play {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 40px;
    border: 1px solid #dadbdb;
    box-shadow: inset 0px 0px 1px #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.cv-controls .cv-playback .cv-btn-play i {
    display: inline-block;
    color: #222;
    font-size: 22px;
    line-height: 38px;
}

.cv-controls .cv-playback .cv-btn-play:hover {
    background: #f4f4f4;
}

.cv-controls .cv-playback .cv-btn-play:active {
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.cv-controls .cv-playback .cv-btn-group {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    border: 1px solid #dadbdb;
    font-size: 0px;
    border-radius: 4px;
}

.cv-controls .cv-playback .cv-btn-group .cv-btn {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.cv-controls .cv-playback .cv-btn-group .cv-btn i {
    display: inline-block;
    color: #222;
    font-size: 16px;
    line-height: 30px;
}

.cv-controls .cv-playback .cv-btn-group .cv-separator {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 30px;
    background: #eee;
}

.cv-controls .cv-playback .cv-btn-group .cv-btn:hover {
    background: #f4f4f4;
}

.cv-controls .cv-playback .cv-btn-group .cv-btn:active {
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.cv-controls .cv-playback .cv-btn-fullscreen {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 32px;
    margin-left: 10px;
    border: 1px solid #dadbdb;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

.cv-controls .cv-playback .cv-btn-fullscreen i {
    display: inline-block;
    color: #222;
    font-size: 16px;
    line-height: 30px;
}

.cv-controls .cv-playback .cv-btn-fullscreen:hover {
    background: #f4f4f4;
}

.cv-controls .cv-playback .cv-btn-fullscreen:active {
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.cv-container.fullscreen .cv-controls {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.cv-container.fullscreen .cv-preview {
    border-radius: 0px;
}

/* Login v2 */
body.login-body {
    background: #f5f5f5;
}

.lgn-overlay {
    padding: 70px 0px 20px 0px;
    border-top: 2px solid #095d96;
}

.lgn-container {
    width: 500px;
    margin: 0px auto;
    padding: 60px 90px;
    background: #fff;
    border: 1px solid #d2d8d6;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.lgn-container .lgn-title {
    display: block;
    margin: 0px 0px 25px 0px;
    color: #374753;
    font-size: 24px;
    line-height: 24px;
}

.lgn-container .lgn-row {
    display: block;
    position: relative;
    margin: 10px 0px;
}

.lgn-container .lgn-row.first {
    margin-top: 0px;
}

.lgn-container .lgn-row .field {
    width: 100%;
    height: 46px;
    padding: 0px 15px 0px 50px;
    line-height: 45px;
    color: #111;
    border: 1px solid #dedede;
    font-size: 14px;
}

.lgn-container .lgn-row .field.inactive {
    color: #666;
}

.lgn-container .lgn-row .field:hover {
    border-color: #ccc;
}

.lgn-container .lgn-row .field:focus {
    border-color: #999;
}

.lgn-container .lgn-row i {
    display: block;
    position: absolute;
    left: 12px;
    top: 11px;
    width: 24px;
    height: 24px;
}

.lgn-container .lgn-row i.icon-envelope {
    background: url('images/icons/envelope-x24gray.png') center center no-repeat;
}

.lgn-container .lgn-row i.icon-lock {
    background: url('images/icons/lock-x24gray.png') center center no-repeat;
}

.lgn-container .lgn-button {
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 20px 0px 0px 0px;
    font-size: 19px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    background: #5b90bf;
    border: 1px solid #4278a7;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.lgn-container .lgn-button:hover {
    background: #4177a6;
    border: 1px solid #37648c;
}

.lgn-container .lgn-additional {
    margin-top: 40px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #e5e5e5;
}

.lgn-container .lgn-additional .text {
    display: block;
    color: #7f7f7f;
    font-size: 13px;
    line-height: 22px;
}

.lgn-container .lgn-additional .methods {
    margin: 10px 0px 0px 0px;
}

.lgn-container .lgn-additional .methods .method {
    display: block;
    width: 210px;
    margin: 10px 0px;
    line-height: 0px;
    font-size: 0px;
    text-decoration: none;
    cursor: pointer;
}

.lgn-container .lgn-additional .methods .method.first {
    margin-top: 0px;
}

.lgn-container .lgn-additional .methods .method .icon-box {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
}

.lgn-container .lgn-additional .methods .method .label {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    padding: 0px 10px 0px 15px;
    line-height: 36px;
    color: #fff;
    font-size: 13px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}

.lgn-container .lgn-additional .methods .method.id-card {
    background: #216b9e;
    border-top: 1px solid #0a568a;
    border-left: 1px solid #2d6997;
    border-right: 1px solid #135c8e;
    border-bottom: 1px solid #276a98;
}

.lgn-container .lgn-additional .methods .method.id-card .icon-box {
    background: #38719d url('images/icons/icon-id-card-x22white.png') center center no-repeat;
}

.lgn-container .lgn-additional .methods .method.id-card .label {
    color: #f5f5f5;
}

.lgn-container .lgn-additional .methods .method.id-card:hover {
    background-color: #1d6393;
}

.lgn-container .lgn-additional .methods .method.id-card:hover .icon-box {
    background-color: #2c6999;
}

.lgn-container .lgn-additional .methods .method.id-card:hover .label {
    color: #fff;
}

/* Reports: osula production */
.rop-wrapper {
    margin: 0px 0px 35px 0px;
    font-size: 0px;
}

.rop-column {
    display: inline-block;
    vertical-align: top;
    width: 516px;
}

.rop-column.two {
    margin-left: 15px;
}

.rop-column > .rop-panel {
    display: block;
    margin-top: 15px;
    padding: 15px 12px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.rop-column > .rop-panel.one {
    margin-top: 0px;
}

.rop-column > .rop-panel > .title {
    display: block;
    margin: 0px 0px 12px 0px;
    font-size: 26px;
    line-height: 30px;
    color: #111;
    text-align: center;
}

.rop-silo {
    margin-top: 30px;
}

.rop-silo > .title {
    display: block;
    margin: 0px 0px 12px 0px;
    font-size: 26px;
    line-height: 30px;
    color: #111;
    text-align: center;
}

.rop-state {
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.rop-state.active {
    background-color: #92d1b1;
}

.rop-state.inactive {
    background-color: #e27777;
}

.rop-meter {
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.rop-cell-value {
    font-size: 12px;
}

.rop-cell-separator {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

.rop-export {
    display: block;
}

.rop-export > .title {
    display: block;
    margin: 0px 0px 15x 0px;
    font-size: 24px;
    line-height: 26px;
    color: #111;
}

.rop-export > .content > .rop-group {
    display: block;
    padding: 0px 10px;
}

.rop-export > .content > .rop-group .group-caption {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 17px;
    border-bottom: 3px solid #e8e8e8;
    cursor: default;
}

.rop-export > .content > .rop-group .group-content {
    padding: 5px 0px 5px 45px;
}

/* Reports: osula shifts */
.rsh-filter {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.rsh-wrapper {
    padding: 15px 0px 0px 0px;
}

.rsh-night-shift > td {
    background: rgba(0, 0, 0, 0.01);
}

.rsh-shift-initial {
    color: #aaa;
}

.rsh-shift-initial.day {
    color: #00a651;
}

.rsh-shift-initial.night {
    color: #002157;
}

/* Reports: launkalne silo */
.rls-indicators {
    display: block;
    margin: 20px 0px 0px 0px;
}

.rls-indicators > .rls-row {
    display: block;
    font-size: 0px;
}

.rls-indicators > .rls-row > .rls-speed {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.rls-indicators > .rls-row > .rls-speed .rls-inner {
    padding: 64px 0px;
}

.rls-indicators > .rls-row > .rls-speed .rls-value {
    font-size: 128px;
    line-height: 142px;
    color: #111;
}

.rls-indicators > .rls-row > .rls-speed .rls-unit {
    font-size: 40px;
    line-height: 44px;
    color: #111;
}

.rls-indicators > .rls-row > .rls-shifts {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    margin-left: 40px;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.rls-indicators > .rls-row > .rls-consumption {
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
    width: 500px;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.rls-indicators > .rls-row > .rls-historical {
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
    width: 500px;
    margin-left: 40px;
    padding: 15px 20px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.rls-indicators > .rls-row .title {
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 7px 0px;
    font-size: 24px;
    line-height: 28px;
    color: #111;
    text-align: center;
    border-bottom: 2px solid #dbdbdb;
}

.rls-indicators > .rls-row .cells {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.rls-indicators > .rls-row .cells > .cell {
    display: block;
    flex: 0 0 auto;
    padding: 10px 0px;
    font-size: 48px;
    line-height: 52px;
    color: #111;
    text-align: center;
}

.rls-indicators > .rls-row .cells > .cell.one {
    width: 40%;
}

.rls-indicators > .rls-row .cells > .cell.two {
    width: 60%;
}

.rls-indicators > .rls-row .cells > .cell > .unit {
    font-size: 28px;
    line-height: 32px;
    color: #111;
}

/* Gates */
.gtl-filter {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.gtl-no-records {
    display: block;
    width: 450px;
    margin: 50px auto 0px auto;
    text-align: center;
}

.gtl-no-records span {
    display: block;
    font-size: 28px;
    line-height: 28px;
    padding: 0px;
    color: #888;
}

.gtl-no-records p {
    display: block;
    color: #bbb;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}

/* Timber scan */
.tsr-filter {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.tsr-no-records {
    display: block;
    width: 450px;
    margin: 50px auto 0px auto;
    text-align: center;
}

.tsr-no-records span {
    display: block;
    font-size: 28px;
    line-height: 28px;
    padding: 0px;
    color: #888;
}

.tsr-no-records p {
    display: block;
    color: #bbb;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}

.tsr-total-volume {
    font-weight: bold;
}

.tsr-total-volume.neto {
    color: #2a9303;
}

.tsr-block {
    margin: 0px 0px 50px 0px;
}

.tsr-block > .tsr-data {
    margin: 0px 0px 10px 0px;
    font-size: 0px;
    border-bottom: 1px solid #ccc;
}

.tsr-block > .tsr-data > .tsr-section {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    min-height: 170px;
    padding: 15px 15px;
}

.tsr-block > .tsr-data > .tsr-section.right-border {
    border-right: 2px solid #ccc;
}

.tsr-image {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 250px;
    text-align: center;
    border: 2px solid #ccc;
}

.tsr-section > .tsr-title {
    display: block;
    margin: 0px 0px 10px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #222;
    line-height: 18px;
}

.tsr-section > .tsr-properties {
    display: block;
    margin: 0px 0px 15px 0px;
}

.tsr-section > .tsr-properties > .property {
    display: block;
    margin: 3px 0px;
    font-size: 0px;
}

.tsr-section > .tsr-properties > .property > .name {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    font-size: 13px;
    color: #222;
    margin-right: 5px;
}

.tsr-section > .tsr-properties > .property > .value {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    font-size: 13px;
    color: #222;
}

.tsr-section > .tsr-volumes > .volume {
    display: block;
    margin: 3px 0px;
    font-size: 0px;
}

.tsr-section > .tsr-volumes > .volume > .name {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    margin-right: 5px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.tsr-section > .tsr-volumes > .volume > .value {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.tsr-log-type {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.tsr-log-type.okaspuu {
    background: url('images/leaf.png') 0px 0px no-repeat;
}

.tsr-log-type.lehtpuu {
    background: url('images/leaf.png') -24px 0px no-repeat;
}

.tsr-load {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin-right: 10px;
    font-size: 0px;
}

.tsr-total {
    display: block;
    position: fixed;
    right: 50px;
    top: 60px;
    width: 250px;
    padding: 15px 20px;
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.tsr-total > .row {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    padding: 3px 0px;
}

.tsr-total > .row > .label {
    display: block;
    width: 60%;
}

.tsr-total > .row > .value {
    display: block;
    width: 40%;
    font-weight: bold;
}

.tsr-volume {
    display: block;
    font-weight: bold;
}

.tsr-volume.none {
    color: #666;
}

.tsr-volume.positive {
    color: #2a9303;
}

.tsr-volume.negative {
    color: red;
}

/* Gate locations */
.gtl-state {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2)
}

.gtl-state.active {
    background-color: #92d1b1;
}

.gtl-state.inactive {
    background-color: #eee;
}

.gtp-form {
    padding: 0px 10px;
}

.gts-locations {
    display: block;
    margin: 0px 0px 10px 0px;
}

.gts-locations > .location {
    display: block;
    padding: 10px 10px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.gts-locations > .location:hover {
    background: linear-gradient(to bottom, #eaeaea, #e3e3e3);
}

.gts-locations > .location > .name {
    display: block;
    color: #222;
    font-size: 18px;
}

.gts-separator {
    display: block;
    height: 5px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.10);
}

/* Gate vehicles */
.gtv-info {
    display: block;
    padding: 15px 0px;
}

.gtv-info > .reg-nr {
    display: block;
    color: #222;
    font-size: 32px;
    text-align: center;
}

.gtv-info > .partner {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.gtv-permissions {
    display: block;
    padding: 0px 0px;
}

.gtv-permissions > .title {
    display: block;
    padding: 5px 7px;
    line-height: 18px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #e5e5e5;
    cursor: default;
}

.gtv-check-all {
    display: block;
    text-align: center;
    color: #0064a5;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
}

.gtv-search {
    position: relative;
    margin: 0px 0px 25px 0px;
}

.gtv-search > .field {
    display: block;
    width: 100%;
    padding: 7px 40px 7px 10px;
    font-size: 16px;
    border: 2px solid #bbb;
}

.gtv-search > .field.empty {
    color: #aaa;
}

.gtv-search > .field:focus {
    border-color: #999;
}

.gtv-search > .icon {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 35px;
    height: 35px;
    cursor: default;
    background: url('images/icons/icon-search-x24gray.png') center center no-repeat;
}

.gtv-search > .icon.searching {
    background: url('images/loading-x24gray.gif') center center no-repeat;
}

.gtv-view {
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}

.gtv-view > .gtv-switch {
    display: block;
    padding: 1px 1px;
    background: #d5d5d5;
    border-radius: 2px;
    border: 1px solid #aaa;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.10);
}

.gtv-view > .gtv-switch > .option {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    line-height: 14px;
    padding: 5px 0px;
    color: #222;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

.gtv-view > .gtv-switch > .option.selected {
    background: #888;
    color: #eee;
    text-shadow: none;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.gtv-group {
    margin: 0px 0px 25px 0px;
}

.gtv-group > .title {
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 2px solid #e5e5e5;
}

.gtv-group > .content {
    padding-left: 30px;
}

.gtv-archived > td {
    color: #888 !important;
    background-color: #fbfbfb !important;
}

.gtp-archived > td {
    color: #888 !important;
    background-color: #fbfbfb !important;
}

.gtj-filter {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.gtj-direction {
    display: block;
    text-align: center;
    font-size: 14px;
}

.gtj-direction.in {
    color: #188732;
}

.gtj-direction.out {
    color: #ce0808;
}

.gtj-options {
    display: block;
    text-align: center;
}

.gtj-options > .gtj-option {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    font-size: 15px;
}

.gtj-options > .gtj-option.access-ok {
    color: #188732;
}

.gtj-options > .gtj-option.access-no {
    color: #ce0808;
}

.gtj-options > .gtj-option.access-unknown {
    color: #aaa;
}

.gtj-options > .gtj-option.kit-ok {
    color: #188732;
}

.gtj-options > .gtj-option.kit-no {
    color: #ce0808;
}

.gtj-options > .gtj-option.kit-unknown {
    color: #aaa;
}

.gtj-options > .gtj-option.rules-ok {
    color: #188732;
}

.gtj-options > .gtj-option.rules-no {
    color: #ce0808;
}

.gtj-options > .gtj-option.rules-unknown {
    color: #aaa;
}

.gtj-description {
    display: block;
    padding: 3px 0px;
    font-size: 12px;
    line-height: 15px;
    color: #666;
}

.gtj-loading {
    display: block;
    height: 300px;
    background: url('images/loading-x24gray.gif') center center no-repeat;
}

/* Gate persons */
.gtp-search {
    position: relative;
    margin: 0px 0px 25px 0px;
}

.gtp-search > .field {
    display: block;
    width: 100%;
    padding: 7px 40px 7px 10px;
    font-size: 16px;
    border: 2px solid #bbb;
}

.gtp-search > .field.empty {
    color: #aaa;
}

.gtp-search > .field:focus {
    border-color: #999;
}

.gtp-search > .icon {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 35px;
    height: 35px;
    cursor: default;
    background: url('images/icons/icon-search-x24gray.png') center center no-repeat;
}

.gtp-search > .icon.searching {
    background: url('images/loading-x24gray.gif') center center no-repeat;
}

/* Gate card journal */
.gcj-filter {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.gcj-duplicate > td {
    color: #ccc !important;
}

.gcj-direction {
    display: block;
    text-align: center;
    font-size: 14px;
}

.gcj-direction.in {
    color: #188732;
}

.gcj-direction.out {
    color: #ce0808;
}

.gcj-options {
    display: block;
    text-align: center;
}

.gcj-options > .gcj-option {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    font-size: 15px;
}

.gcj-options > .gcj-option.access-ok {
    color: #188732;
}

.gcj-options > .gcj-option.access-no {
    color: #ce0808;
}

.gcj-description {
    display: block;
    padding: 3px 0px;
    font-size: 12px;
    line-height: 15px;
    color: #666;
}

/* Indicators: elia current */
.iec-header-date {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    font-size: 16px;
    line-height: 26px;
    color: #444;
}

.iec-current {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
}

.iec-current > .block {
    display: block;
    width: 25%;
    padding: 0px 10px;
}

.iec-current > .block.one {
    padding-left: 0px;
}

.iec-current > .block.four {
    padding-right: 0px;
}

.iec-current > .block > .inner {
    padding: 15px 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iec-current > .block > .inner > .name {
    display: block;
    margin: 0px 0px 15px 0px;
    font-size: 20px;
    line-height: 20px;
    color: #444;
    text-align: center;
}

.iec-current > .block > .inner > .value {
    display: block;
    font-size: 42px;
    line-height: 42px;
    color: #444;
    text-align: center;
}

.iec-current > .block > .inner > .value > .unit {
    font-size: 22px;
}

.iec-evochart {
    display: block;
    position: relative;
    margin: 0px 0px 25px 0px;
    padding: 0px 15px 15px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iec-evochart > .holder {
    display: block;
    width: 100%;
    height: 370px;
}

.iec-evochart-label-nrv {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    font-weight: bold;
    color: #f15a37;
    text-align: right;
}

.iec-evochart-value-nrv {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    padding-left: 8px;
    font-weight: bold;
    color: #f15a37;
    text-align: left;
}

.iec-evochart-label-si {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    font-weight: bold;
    color: #666;
    text-align: right;
}

.iec-evochart-value-si {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    padding-left: 8px;
    font-weight: bold;
    color: #666;
    text-align: left;
}

/* Toolbar */
.iec-evochart > .toolbar {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
}

.iec-evochart > .toolbar > .legend {
    display: flex;
    flex: 1 1 auto;
}

.iec-evochart > .toolbar > .legend > .item {
    display: flex;
    flex-flow: row nowrap;
    margin: 0px 10px;
    padding: 3px 8px;
    border: 1px solid #ccc;
    background: linear-gradient(#f7f7f7, #f2f2f2);
    border-radius: 1px;
    cursor: pointer;
}

.iec-evochart > .toolbar > .legend > .item.activated {
    background: #e8e8e8;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.15);
}

.iec-evochart > .toolbar > .legend > .item:first-child {
    margin-left: 0px;
}

.iec-evochart > .toolbar > .legend > .item > .marker {
    display: block;
    position: relative;
    width: 25px;
    height: 20px;
}

.iec-evochart > .toolbar > .legend > .item > .marker > .line {
    display: block;
    position: absolute;
    left: 0px;
    top: 9px;
    width: 100%;
    height: 3px;
    background: none;
}

.iec-evochart > .toolbar > .legend > .item > .name {
    display: block;
    height: 20px;
    padding-left: 8px;
    line-height: 20px;
    font-size: 12px;
    color: #222;
    font-family: Tahoma;
}

.iec-evochart > .toolbar > .legend > .item.nrv > .marker > .line {
    background-color: #f15a37;
}

.iec-evochart > .toolbar > .legend > .item.si > .marker > .line {
    background-color: #d3d5d3;
}

.iec-evochart > .toolbar > .legend > .item.period-si > .marker > .line {
    background-color: #999999;
}

.iec-evochart > .toolbar > .legend > .item.period-price > .marker > .line {
    background-color: #0054a6;
}

.iec-evochart > .toolbar > .period {
    display: flex;
    flex: 0 0 auto;
    width: 120px;
}

.iec-evochart > .toolbar > .period > select {
    display: block;
    width: 100%;
}

/* History */
.iec-history {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.iec-history > .prices {
    display: block;
    flex: 0 0 auto;
    width: 60%;
    padding-right: 17px;
}

.iec-history > .prices > .inner {
    padding: 15px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iec-history > .values {
    display: block;
    flex: 0 0 auto;
    width: 40%;
    padding-left: 17px;
}

.iec-history > .values > .inner {
    padding: 15px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iec-direction {
    display: block;
    position: relative;
    text-align: center;
}

.iec-direction > .iec-direction-icon {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.iec-direction > .iec-direction-icon.up {
    color: #188732;
}

.iec-direction > .iec-direction-icon.down {
    color: #ce0808;
}

.iec-direction > .iec-direction-icon.none {
    color: #ccc;
}

.iec-direction.current > .iec-direction-icon {
    left: 20px;
}

.iec-direction.price > .iec-direction-icon {
    left: 20px;
}

/* Indicators: Incukalns silo */
.iis-columns {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.iis-columns > .column {
    display: block;
    flex: 0 0 auto;
    width: 50%;
}

.iis-columns > .column.one {
    padding-right: 10px;
}

.iis-columns > .column.two {
    padding-left: 10px;
}

.iis-consumption {
    margin: 0px 0px 25px 0px;
    padding: 15px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iis-consumption > .title {
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 7px 0px;
    font-size: 24px;
    line-height: 28px;
    color: #111;
    text-align: center;
    border-bottom: 2px solid #dbdbdb;
}

.iis-consumption > .cells {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.iis-consumption > .cells > .cell {
    display: block;
    flex: 0 0 auto;
    padding: 10px 0px;
    font-size: 48px;
    line-height: 52px;
    color: #111;
    text-align: center;
}

.iis-consumption > .cells > .cell.one {
    width: 40%;
}

.iis-consumption > .cells > .cell.two {
    width: 60%;
}

.iis-consumption > .cells > .cell > .unit {
    font-size: 28px;
    line-height: 32px;
    color: #111;
}

.iis-historical {
    margin: 0px 0px 20px 0px;
    padding: 15px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iis-historical-value {
    display: block;
    padding: 5px 0px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
}

.iis-silo {
    margin: 0px 0px 25px 0px;
    padding: 15px 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.iis-silo > .title {
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 7px 0px;
    font-size: 24px;
    line-height: 28px;
    color: #111;
    text-align: center;
    border-bottom: 2px solid #dbdbdb;
}

.iis-silo > .value {
    display: block;
    padding: 10px 0px;
    font-size: 48px;
    line-height: 52px;
    color: #111;
    text-align: center;
}

.iis-silo table td > .value {
    display: block;
    padding: 5px 0px;
    font-size: 39px;
    color: #111;
    text-align: center;
}

/* Filemanager groups */
.fmg-description {
    display: block;
    font-size: 13px;
    line-height: 18px;
}

.fmg-no-users {
    display: block;
    font-size: 12px;
    color: #777;
    font-style: italic;
}

/* Factory: cards journal */
.fcj-direction {
    display: block;
    text-align: center;
    font-size: 14px;
}

.fcj-direction.in {
    color: #188732;
}

.fcj-direction.out {
    color: #ce0808;
}

.fcj-filters {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0px 0px 25px 0px;
}

.fcj-filters > .search {
    display: block;
    flex: 1 1 auto;
    position: relative;
}

.fcj-filters > .search > .field {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0px 40px 0px 10px;
    line-height: 36px;
    font-size: 16px;
    border: 2px solid #ddd;
}

.fcj-filters > .search > .field.empty {
    color: #aaa;
}

.fcj-filters > .search > .field:focus {
    border-color: #bbb;
}

.fcj-filters > .search > .icon {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 35px;
    height: 35px;
    cursor: default;
    background: url('images/icons/icon-search-x24gray.png') center center no-repeat;
}

.fcj-filters > .search > .icon.searching {
    background: url('images/loading-x24gray.gif') center center no-repeat;
}

.fcj-filters > .dates {
    display: block;
    flex: 0 0 auto;
    width: 340px;
    padding-right: 10px;
    text-align: right;
}

.fcj-filters > .dates > .datepicker-wrapper > input {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 150px;
    padding: 0px 10px;
    line-height: 36px;
    font-size: 14px;
    border: 2px solid #ddd;
    box-shadow: none;
}

.fcj-filters > .dates > .datepicker-wrapper > input:focus {
    border-color: #bbb;
}

.fcj-filters > .dates > .datepicker-wrapper > i {
    top: 13px;
    font-size: 15px;
    color: #777;
}

.fcj-filters > .export {
    display: block;
    flex: 0 0 auto;
    width: 40px;
}

.fcj-filters > .export > .inline-btn {
    width: 40px;
    height: 40px;
    margin: 0px 0px;
}

.fcj-filters > .export > .inline-btn > i {
    font-size: 16px;
    line-height: 38px;
    color: #444;
}

/* Report: langerlo working hours */
.rlw-preset {
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}

.rlw-preset > .period {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    line-height: 18px;
    font-size: 13px;
    color: #1e69aa;
    cursor: pointer;
}

.rlw-preset > .period:hover {
    color: #114776;
}

.rlw-filters {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0px 0px 25px 0px;
}

.rlw-filters > .filter {
    display: block;
    flex: 0 0 auto;
    padding: 0px 5px;
}

.rlw-filters > .filter.first {
    padding-left: 0px;
}

.rlw-filters > .filter.search {
    display: block;
    flex: 1 1 auto;
    position: relative;
}

.rlw-filters > .filter.search > .field {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0px 40px 0px 10px;
    line-height: 36px;
    color: #222;
    font-size: 16px;
    border: 2px solid #ddd;
}

.rlw-filters > .filter.search > .field.empty {
    color: #aaa;
}

.rlw-filters > .filter.search > .field:focus {
    border-color: #bbb;
}

.rlw-filters > .filter.search > .icon {
    display: block;
    position: absolute;
    right: 12px;
    top: 2px;
    width: 35px;
    height: 35px;
    cursor: default;
    background: url('images/icons/icon-search-x24gray.png') center center no-repeat;
}

.rlw-filters > .filter.search > .icon.searching {
    background: url('images/loading-x24gray.gif') center center no-repeat;
}

.rlw-filters > .filter.person {
    width: 150px;
}

.rlw-filters > .filter.organization {
    width: 150px;
}

.rlw-filters > .filter > .filler {
    display: block;
    height: 40px;
    font-size: 14px;
    border: 2px solid #ddd;
    text-align: center;
    cursor: pointer;
}

.rlw-filters > .filter > .filler > .label {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    color: #222;
    font-size: 14px;
}

.rlw-filters > .filter.date {
    width: 100px;
    width: 150px;
}

.rlw-filters > .filter.date > .datepicker-wrapper > input {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 100%;
    padding: 0px 10px;
    line-height: 36px;
    color: #222;
    font-size: 14px;
    border: 2px solid #ddd;
    box-shadow: none;
}

.rlw-filters > .filter.date > .datepicker-wrapper > input:focus {
    border-color: #bbb;
}

.rlw-filters > .filter.date > .datepicker-wrapper > i {
    top: 13px;
    font-size: 15px;
    color: #777;
}

.rlw-filters > .export {
    display: block;
    flex: 0 0 auto;
    width: 40px;
}

.rlw-filters > .export > .inline-btn {
    width: 40px;
    height: 40px;
    margin: 0px 0px;
}

.rlw-filters > .export > .inline-btn > i {
    font-size: 16px;
    line-height: 38px;
    color: #444;
}

.rlw-ongoing {
    font-size: 16px;
    line-height: 18px;
    color: #444;
}

.rlw-history-container {
    width: 700px;
}

.rlw-dow {
    display: block;
    font-size: 0px;
}

.rlw-dow > li {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-right: 5px;
    font-size: 13px;
    color: #444;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}

.rlw-map {
    display: block;
    padding: 2px 0px;
}

.rlw-map > .activity {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 22px;
    margin: 2px 2px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #eee;
    background: linear-gradient(#f5f5f5, #f2f2f2);
    border-radius: 3px;
}

.rlw-map > .week {
    display: block;
    font-size: 0px;
}

.rlw-map > .week > .day {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 28px;
    margin: 2px 2px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    background: linear-gradient(#f5f5f5, #f2f2f2);
    border-radius: 1px;
}

.rlw-map > .week > .day > .hours {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
    color: #222;
}

.rlw-map > .week > .day.worked {
    border-color: #a5c3a1;
    background: #cddecb;
}

.rlw-map > .week > .day.not-worked {
    border-color: #dcd49f;
    background: #f4f2e1;
}

.rlw-map > .week > .day.inactive {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.rlw-map > .week > .day.inactive > .hours {
    color: #aaa;
}

.rlw-map > .week > .day.invalid {
    border-color: #d80202;
    background: #d5a5a5;
}

textarea.codes {
    height: 53px;
}

/* Tmp */
.tmp-current-period {
    color: orange;
}

.tmp-finalized-period {
    color: #111;
}

.tmp-row > td {
    padding: 5px 10px !important;
}

.tmp-row:hover > td {
    background: none !important;
}

.tmp-row.current > td {
    background: #eee;
}

.tmp-field {
    display: inline-block;
    width: 150px;
    color: #222;
    font-size: 14px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 1px;
    text-align: center;
}

.tmp-field, .tmp-field {
    display: inline-block;
    color: #222;
    font-size: 14px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 1px;
}

.tmp-field::placeholder, .tmp-field::placeholder, .form-textarea::placeholder {
    color: #aaa;
}

.tmp-field:hover, .tmp-field:hover, .form-textarea:hover {
    border-color: #ccc;
}

.tmp-field:focus, .tmp-field:focus, .form-textarea:focus {
    border-color: #267e54;
    box-shadow: 0px 0px 1px #5fb68c;
}

.tmp-field.error, .tmp-field.error, .form-textarea.error {
    color: #f70f17;
    border-color: #fe3038;
    box-shadow: 0px 0px 1px #ff8085;
}

.tmp-field.error::placeholder, .tmp-field.error::placeholder, .form-textarea.error::placeholder {
    color: #f70f17;
}

.tmp-field.fullwidth, .tmp-field.fullwidth, .tmp-field.fullwidth {
    display: block;
    width: 100%;
}

.tmp-field.center, .tmp-field.center, .tmp-field.center {
    text-align: center;
}

.tmp-field.disabled, .tmp-field.disabled, .tmp-field.disabled {
    border-color: #ccc;
    background: #eee;
}

.tmp-field, .tmp-field {
    height: 30px;
    padding: 0px 8px;
    font-size: 14px;
    line-height: 28px;
}

.tmp-field.medium, .tmp-field.medium {
    height: 38px;
    padding: 0px 8px;
    font-size: 14px;
    line-height: 36px;
}

.tmp-field.large, .tmp-field.large {
    height: 44px;
    padding: 0px 8px;
    font-size: 16px;
    line-height: 42px;
}

/* IP restrictions */
.seuc-ip-add {
    display: block;
    width: 320px;
    margin: 0 0 5px 0;
    padding: 7px 0;
    border: 1px dashed #ddd;
    background: #fafafa;
    text-align: center;
    color: #999;
    cursor: pointer;
}

.seuc-ip-add:hover {
    background-color: #f4f4f4;
    color: #555;
    border-color: #aaa;
    text-shadow: 1px 1px #fff;
}

.seuc-ip-list {
    border: 1px solid #ddd;
    width: 320px;
    padding: 5px 5px;
    box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);
}

.seuc-ip-list > .item {
    position: relative;
    padding: 8px 10px;
    background: #f7f7f7;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.15s ease-out;
    cursor: default;
}

.seuc-ip-list > .item > .cidr {
    padding: 0 50px 0 0;
    font-size: 13px;
    line-height: 16px;
    color: #555;
    font-weight: bold;
}

.seuc-ip-list > .item > .info {
    margin: 4px 0 0 0;
    font-size: 11px;
    line-height: 12px;
    color: #777;
    text-transform: uppercase;
    font-weight: bold;
}

.seuc-ip-list > .item > .description {
    margin: 4px 0 0 0;
    font-size: 13px;
    line-height: 15px;
    color: #666;
}

.seuc-ip-list > .item > .remove {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url('images/icons/cross-black.svg') center center no-repeat;
    background-size: contain;
    cursor: pointer;
    opacity: 0.4;
}

.seuc-ip-list > .item:hover {
    z-index: 2;
    background-color: #eaeaea;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(0, 0, 0, 0.2);
}

.seuc-ip-list > .item > .remove:hover {
    opacity: 0.7;;
}

.goToServiceGraanulinvest {
    width: 45px;
}

.goToServiceGraanulinvest > a > i {
    display: block;
    position: absolute;
    left: 11px;
    top: 15px;
    width: 24px;
    height: 17px;
    background: url(images/service_graanulinvest.png) center center no-repeat;
    background-size: cover;
}

.header-wrapper .sidebar > li.portalNavigationMenu {
    --portal-menu-height: 44px;
    position: relative;
    height: var(--portal-menu-height);
    padding-inline: 10px;
}

.header-wrapper .sidebar > li.portalNavigationMenu > span {
    height: var(--portal-menu-height);
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    cursor: default;
}

.header-wrapper .sidebar > li.portalNavigationMenu > span > i.portal-navigation-icon {
    display: block;
    width: 24px;
    height: 17px;
    background: url(images/service_graanulinvest.png) center center no-repeat;
    background-size: cover;
}

.header-wrapper .sidebar > li.portalNavigationMenu ul.submenu {
    display: block;
    position: absolute;
    top: var(--portal-menu-height);
    width: max-content;
    --easing: 0.3s;
    padding: 0;
    font-size: 12px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-top: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu {
    padding-block: 10px;
    right: -1px;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu {
    max-width: 400px;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu {
    opacity: 0;
    transition: opacity var(--easing) ease-out, top 0s var(--easing) ease-out;
}

.header-wrapper .sidebar > li.portalNavigationMenu:not(:hover) > ul.submenu {
    top: -1000px;
}

.header-wrapper .sidebar > li.portalNavigationMenu:hover > ul.submenu {
    opacity: 1;
    transition: opacity var(--easing) ease-out;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu > li {
    display: block;
    padding-inline: 20px;
    height: auto;
    text-align: left;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu > li:hover {
    background-color: transparent;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu > li > .link {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #333333;
    padding: 4px 20px 4px 5px;
    position: relative;
    text-decoration: none;
}

.header-wrapper .sidebar > li.portalNavigationMenu > ul.submenu > li > .link:hover {
    background: #f5f5f5;
    border-radius: 3px;
}

/* tariffs */
.energy-value-with-tariffs {
    padding: 3px 0;
}

.energy-value-with-tariffs > .split {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 5px;
    padding: 5px 0;
    align-items: center;
}

.energy-value-with-tariffs > .split > .tariff {
    display: block;
    flex: 1 1 auto;
    width: 50%;
    color: #666;
    white-space: nowrap;
}

.energy-value-with-tariffs > .split > .tariff.day {
    border-right: 1px solid #ccc;
    padding-right: 5px;
}

.energy-value-with-tariffs > .split > .tariff.night {
    padding-left: 5px;
}

.energy-value-with-tariffs > .split > .tariff > img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto 6px auto;
}

tr.row:hover .energy-value-with-tariffs > .split > .tariff {
    color: #222;
}

.energy-value-with-tariffs > .total {
    padding: 5px 0;
    border-top: 1px solid #ccc;
}

.monthly-data-total-energy {
    padding: 5px 0;
}

.monthly-data-total-energy > .value-block {
    margin-bottom: 5px;
    padding: 4px 1px;
    border-bottom: 1px solid #ccc;
}

.monthly-data-total-energy > .value-block:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.monthly-data-total-energy > .value-block > .date {
    margin-bottom: 5px;
    font-size: 12px;
    color: #555;
}

.monthly-data-total-energy > .value-block > .value {
    color: #222;
    font-size: 12px;
}

.monthly-data-total-energy > .value-block.diff > .value {
    color: #222;
    font-size: 13px;
    font-weight: bold;
}

/* Multi select */
.multi-select {
    position: relative;
}

.multi-select > .selected-values {
    display: block;
    width: 200px;
    padding: 5px;
    border: 1px solid #d5d5d5;
    font-size: 16px;
    color: #888;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.multi-select:hover > .selected-values, .multi-select > .selected-values.options-selected {
    color: unset;
    border-color: #888;
}

.multi-select > .multiselect-options {
    position: absolute;
    z-index: 9;
    display: grid;
    min-width: 100%;
    max-height: 201px;
    overflow-x: auto;
    background: #fff;
    border: 1px solid #d5d5d5;
}

.multi-select > .multiselect-options > [data-action="selectAllMultiSelectOptions"] {
    font-weight: bold;
}

.multi-select > .multiselect-options > .filter-multi-select-options {
    padding: 0 5px;
    width: auto;
    border-width: 0 0 1px;
}

.multi-select > .multiselect-options > .multiselect-option {
    display: flex;
    align-items: center;
    column-gap: 6px;
    border: 5px solid transparent;
    cursor: pointer;
}

.multi-select > .multiselect-options > .multiselect-option:nth-child(even) {
    background: #eee;
}

.multi-select > .multiselect-options > .multiselect-option:hover {
    background: #ddd;
}

.priceValueLabel {
    padding: 2px;
    margin: 2px 0;
    font-size: 12px;
    color: #6e6e6e;
}