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;}

/* 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 .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;}
.form-block.wider .fvalue.datetime .regular-select.minutes {display: inline-block; vertical-align: middle; width: 70px; margin-left: 5px;}

.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;}

/* 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;}
.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;}