html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    height: 100%;
}

body {
    line-height: 1;
    min-height: 100%;
    position: relative;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

* {
    outline: none;
}

article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section {
    display: block;
}

h2 {
    font-family: HelveticaBold, Arial;
    font-size: 17px;
    text-transform: uppercase;
}

body {
    font-family: HelveticaNeue, Arial;
    font-size: 14px;
    color: #474747;
}

a {
    text-decoration: none;
    color: #01a1dd;
}

.blue {
    color: #01a1dd
}

.red {
    color: #ed1b24;
}

.gray {
    color: #888888
}

.warn {
    font-family: HelveticaNeueMedium, Arial;
    font-size: 15px;
    line-height: 50px;
}

.right_warn {
    clear: right;
    text-align: right
}

.p-t10 {
    padding-top: 10px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.tright {
    text-align: right
}

.tcenter {
    text-align: center
}

.container_16 .centeralign {
    margin: 0 auto;
    float: none;
    display: block;
}

#error {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 18px;
    color: #ed1b24;
    margin-top: 25px;
}

#success {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 18px;
    color: #17B637;
    margin-top: 25px;
    margin-left: 425px;
}

.clr {
    clear: both;
}

a.button {
    min-width: 175px;
    height: 45px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: #01a1dd;
    color: #fff;
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 15px;
    line-height: 45px;
    text-transform: uppercase;
}

a.button:hover {
    opacity: 0.8;
    text-shadow: 1px 1px 1px #01a1dd;
}

a.button.wide-button {
    width: 270px;
    margin: 0 auto;
    display: block;
}

.forms .form-action input[type='submit'].button {
    background: #01a1dd;
}

.container_16 .right_grid {
    margin-right: 0px;
    float: right;
}

ul.radio-group {
    margin-top: 25px;
}

ul.radio-group.notTop {
    margin-top: 0px !important;
}

ul.radio-group .hint {
    padding: 0px;
    color: #888888;
}

ul.radio-group li {
    position: relative;
    list-style: none;
    padding: 10px;
    display: inline-block;
    min-width: 90px;
}

ul.radio-group.line li {
    min-width: 10px;
}

input[type="radio"] {
    opacity: 0;
    position: absolute;
}

/* Соответствует прямому потомку лейбла, которому предшествует a 
   радио-кнопка */
input[type="radio"] + label > span {
    position: relative;
    border-radius: 12px;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background: #f3f3f3;
    margin: -4px 4px 0 0;
    display: inline-block;
    vertical-align: middle;
}

/* Соответствует промежутку, содержавшему прямым потомком 
   из лейбла, которому предшествует проверенная радио-кнопка */
input[type="radio"]:checked + label > span span, input[type="radio"]:hover + label > span span {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 4px;
    border: none;
    background: #474747;
}

.disabled input[type="radio"]:checked + label > span span {
    background: #8B8B8B;
}

input[type="radio"]:not(:checked):hover + label > span span {
    opacity: 0.3;
}

input[type="radio"] + label:hover {
    cursor: pointer;
}

/* SQUARED THREE */
input[type=checkbox] {
    visibility: hidden;
}

.squaredThree {
    display: inline-block;
    width: 180px;
    position: relative;
}

.squaredThree.method {
    margin-left: 22px !important;
}

.squaredThree label, .forms .text-input .squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    line-height: 20px;
    left: 0px;
    border: 1px solid #dddddd;
    background: #f3f3f3;
}

.squaredThree label span {
    padding-left: 30px;
    color: #474747;
    font-family: HelveticaNeueMedium, Arial;
    text-transform: uppercase;
}

.label-without-checkbox {
    color: #474747;
    font-family: HelveticaNeueMedium, Arial;
    text-transform: uppercase;
}

.squaredThree label b {
    padding-left: 30px;
    color: #474747;
    font-weight: normal;
}

.forms .text-input .squaredThree input:disabled + label, .s-forms .form-item .squaredThree input:disabled + label {
    border: 1px solid #fff;
}

.squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 15px;
    height: 6px;
    background: transparent;
    top: 0px;
    left: 2px;
    border: 3px solid #474747;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree [disabled] + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 15px;
    height: 6px;
    background: transparent;
    top: 0px;
    left: 2px;
    border: 3px solid #8B8B8B;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label {
    display: block !important
}

.checkbox-list .squaredThree.withTop {
    margin-top: 6px;
    width: 6%;
    float: left;
}

span.withTop {
    margin-top: 6px;
    float: left;
}

div.checkbox-list {
    margin-top: 34px;
}

.checkbox-list .squaredThree b {
    width: 390px;
    display: inline-block;
    line-height: 13px;
}

.checkbox-list .squaredThree:nth-child(3) {
    margin-bottom: 10px
}

.checkbox-list > div {
    text-align: right
}

.checkbox-list > div > div {
    text-align: left;
}

ul.radio-group .squaredThree + li, ul.radio-group .squaredThree + li + li {
    min-width: 65px;
}

.squaredThree label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#location-form .squaredThree {
    padding: 8px 0px;
}

#location-form .squaredThree label b {
    width: 170px;
    display: inline-block;
}

#location-form.ui-widget-content a {
    color: #01a1dd;
}

.hintdiv {
    clear: right;
    text-align: right;
    color: #888888;
    padding-top: 20px;
}

.hintdiv.hide {
    visibility: hidden
}

header {
    background: url(../images/h_bg.jpg) repeat-x;
    padding: 17px 0px 10px;
    overflow: hidden;
}

header, header a {
    color: #474747;
    text-decoration: none
}

header #logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 15px;
}

header #logo img {
    margin-top: 10px;
}

header #user_block {
    float: right;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 12px;
    margin-top: 24px;
    margin-right: 10px;
}

header .acount_name {
    text-transform: uppercase;
    font-family: HelveticaNeueBold, Arial;
    font-size: 20px
}

header nav {
    margin-bottom: 30px
}

nav ul {
    background: #ffffff;
    border: 1px solid #eeeeee;
    text-align: center;
}

nav > ul > li {
    display: inline-block;
    width: 13%;
    vertical-align: middle;
    text-align: center;
    padding: 20px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    position: relative;
}

nav > ul > li:nth-child(1) {
    width: 12%;
}

nav > ul > li:nth-child(2) {
    width: 17%;
}

nav > ul > li:nth-child(3), nav > ul > li:nth-child(4) {
    width: 12%;
}

nav > ul > li:nth-child(5) {
    width: 10%;
}

nav > ul.admin-nav > li {
    padding: 20px 15px;
}

nav > ul.admin-nav > li:nth-child(1) {
    width: 16%;
}

nav > ul.admin-nav > li:nth-child(2) {
    width: 17%;
}

nav > ul.admin-nav > li:nth-child(3), nav > ul > li:nth-child(4) {
    width: 11%;
}

nav > ul.admin-nav > li:nth-child(5) {
    width: 10%;
}

nav > ul.admin-nav > li:nth-child(7) {
    width: 19%;
}

nav > ul.super-admin-nav > li:nth-child(1) {
    width: 14%;
}

nav > ul.super-admin-nav > li:nth-child(2) {
    width: 17%;
    margin: 0px 200px;
}

nav > ul.super-admin-nav > li:nth-child(3) {
    width: 21%;
}

nav > ul > li > a.current:after, nav > ul > li > a.active:after, nav > ul > li > a:hover:after {
    content: "";
    border: 6px solid transparent;
    border-top: 6px solid #eeeeee;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -6px;
}

nav > ul > li > a.current, nav > ul > li > a.active {
    color: #01a1dd
}

nav ul li a {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 16px;
    display: table-cell;
    height: 32px;
    vertical-align: middle;
}

nav ul ul li a {
    font-size: 16px;
    text-transform: none;
    max-width: 140px;
    white-space: normal;
    text-align: center;
    line-height: 12px;
}

nav ul ul li a.current {
    color: #fff;
}

nav ul ul li a.current:after, nav ul ul li a:hover:after {
    content: "";
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -6px;
}

nav > ul > li ul {
    display: none;
    position: absolute;
    text-align: left;
    z-index: 100;
    white-space: nowrap;
    top: 72px;
    background: none;
    border: none;
    left: 40px;
}

nav > ul > li > ul {
    margin-left: -254px;
    font-size: 80%;
}

nav > ul > li:hover > ul {
    display: block;
    border: none;
    top: 72px;
    right: 0px;
    width: 405px;
    white-space: nowrap;
    font-size: 0px;
}

nav > ul.super-admin-nav > li:hover > ul {
    right: -21px;
    width: 292px;
}

nav > ul > li li {
    padding: 2px 15px;
    display: inline-block;
    background: #a7a7a7;
    position: relative;
}

nav > ul > li > ul > li.dir {
    background: url('arrow.png') 96% center no-repeat;
}

nav > ul > li > ul > li:hover > ul {
    display: block;
}

nav > ul > li > ul li:hover {

}

nav > ul > li > ul > li > ul {
    margin-left: 190px;
    margin-top: -17px;
    width: 220px;
}

nav > ul > li:hover > ul {
    display: block;
}

.inner {
    width: 940px;
}

.inner {
    width: 1175px;
    width: 1080px;
    margin: 0 auto;
}

.inner.container_16 {
    padding-bottom: 120px
}

.inner.container_16.loggers {
    padding-bottom: 0px
}

#breadcrumbs {
    padding: 25px 0px;
}

#breadcrumbs.loggers {
    padding: 25px 0px 0px;
}

#breadcrumbs li {
    font-family: HelveticaNeueMedium, Arial;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    color: #888888;
}

#breadcrumbs li:last-child span {
    text-transform: none;
}

#breadcrumbs li:first-child span {
    text-transform: uppercase;
}

footer {
    background: url(../images/footer_bg.png) repeat-x top #474747;
    color: #fff;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 12px;
    padding: 40px 0px 28px;
    margin-top: 50px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

footer #copyright {
    margin: 0 auto;
    text-align: center
}

.forms.top-offset {
    margin-top: 30px;
}

.forms .form-item, .s-forms .form-item, .form-item {
    overflow: hidden;
    margin-bottom: 25px;
}

.forms .form-item.with-icon {
    overflow: visible;
}

.forms .form-item.with-icon img {
    vertical-align: middle;
    margin-top: -16px;
    margin-left: 20px;
}

.forms .form-item.with-link .squaredThree {
    width: 45px;
    margin-top: -4px;
    vertical-align: middle;
}

a.bold, #checkInfo {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
}

.bold.under-input {
    display: block;
    margin-top: 10px;
}

.forms .form-item.with-link a img {
    vertical-align: middle;
    margin-left: 10px;
}

.forms .form-item.with-link > label {
    padding-top: 12px;
}

.forms .form-item.label-only {
    margin-bottom: 0px;
}

.forms .text-input {
    float: right;
    position: relative;
    margin-left: 10px;
}

.forms:after {
    content: "";
    clear: both;
    display: block;
}

.forms .form-action, .s-forms .form-action {
    clear: both;
    text-align: center;
}

.forms .form-action input, .s-forms .form-action input {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background: #888888;
    width: 175px;
    height: 45px;
    cursor: pointer;
    margin: 10px;
}

.forms .form-action input:hover, .s-forms .form-action input:hover {
    opacity: 0.8;
    text-shadow: 1px 1px 1px #474747;
}

.forms .form-action input:hover[type="submit"], .s-forms .form-action input:hover[type="submit"] {
    text-shadow: 1px 1px 1px #707070;
}

.forms .form-action input[type="submit"], .s-forms .form-action input[type="submit"] {
    background: #474747
}

.left-form .select2-container, .left-form .select2-container input {
    width: 100% !important;
}

.left-form .form-action {
    text-align: left
}

.left-form .form-action input {
    margin: 0px;
}

.left-form .grid_5 ul.radio-group, .grid_4 .left-form ul.radio-group {
    margin-top: 0px;
}

.left-form .grid_5 ul.radio-group li, .grid_4 .left-form ul.radio-group li {
    padding: 10px 0px 10px 30px;
    position: relative;
}

.left-form .grid_5 ul.radio-group li + li:before, .grid_4 .left-form ul.radio-group li + li:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0px;
    background: url(../images/attent_icon.png);
    width: 22px;
    height: 20px;
}

.left-form .grid_5 ul.radio-group li:nth-child(2):before, .grid_4 .left-form ul.radio-group li:nth-child(2):before {
    background-position: left center
}

.left-form .grid_5 ul.radio-group li:nth-child(2):before, .grid_4 .left-form ul.radio-group li:nth-child(2):before {
    background-position: -22px center
}

.t-forms .form-item {
    margin-bottom: 20px;
    /*text-align: center;*/
}

.forms.t-forms .form-action input {
    width: 110px;
    margin: 0px;
    font-size: 13px;
    height: 35px;
}

.forms.t-forms input[type="text"], .forms.t-forms select, .forms.t-forms .select2-container {
    width: 230px !important;
}

.forms.t-forms .text-input {
    margin-left: 0px;
}

.forms.t-forms .text-input:nth-child(2) {
    margin-top: 10px
}

textarea {
    resize: none
}

input, select, textarea {
    background: #fafafa;
    border: 1px #eeeeee solid;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 12px;
    padding: 10px;
    color: #474747;
}

input[type="text"], input[type="password"] {
    width: 260px;
    height: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

input[type="text"].disabled {
    background: #E2E2E2;
}

input[type="text"][readonly] {
    color: #8B8B8B;
}

input[type="text"].smallInput {
    width: 123px !important;
}

textarea {
    width: 345px;
    height: 260px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

textarea.method {
    width: 332px !important;
}

textarea.small-text {
    width: 320px;
    height: 67px;
}

.s-forms{
    display: none;
}

.forms .form-item > label, .s-forms .form-item > label {
    color: #474747;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 10px;
}

.forms .form-item > label.bold, .s-forms .form-item > label.bold {
    font-family: HelveticaNeueBold, Arial;
    font-size: 13px;
}

.forms .form-item > label > span {
    text-transform: none
}

.s-forms .form-item > label {
    min-width: 215px
}

#location-update-form .form-item > label{
    max-width: 225px;
}

.s-forms.forms .form-item > label {
    min-width: 195px
}

.grid_8.s-forms .form-item > label {
    min-width: 225px
}

.form-item.blocked {
    position: relative;
    margin-bottom: 40px;
}

.grid_8.s-forms.right_grid .form-item:after, .form-item.blocked:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0px;
    left: 0px;
}

.form-item.blocked .gap.ui-slider-horizontal {
    float: right;
    margin: 15px 55px 0px 0px;
}

.form-item.blocked label {
    padding-left: 30px;
    color: #474747;
    font-family: HelveticaNeueMedium, Arial;
    text-transform: uppercase;
    font-size: 14px;
}

.grid_8.s-forms.right_grid .form-item > label {
    min-width: 170px;
    vertical-align: top
}

.grid_8.s-forms.right_grid .form-item > label + span .gap.small.ui-slider-horizontal {
    margin-top: 25px;
}

.s-forms .form-item {
    margin-bottom: 10px;
}

.s-forms textarea, .ui-dialog-content textarea {
    width: 100%;
    height: 117px;
}

.forms .form-item > label.smallLabel {
    text-transform: none;
}

.s-forms .text-input {
    position: relative;
}

.forms .text-input label, .s-forms .text-input label {
    position: absolute;
    left: 10px;
    top: 12px;
    color: #c8cbcd;
    font-size: 12px;
    cursor: text;
    font-family: HelveticaNeueMedium, Arial;
}

.forms .text-input.hint-input, .s-forms .text-input.hint-input {
    width: 100%;
}

.ui-datepicker-trigger {
    float: right;
    /*background: url("../images/datapicker_icon.png");*/
    width: 35px;
    height: 35px;
    position: relative;
}

.ui-datepicker-trigger.time {
    background: url("../images/timepicker_icon.png");
    width: 35px;
    height: 35px;
    background-position: 0px 0px !important;
}

.legend {
    margin-top: 50px;
}

.legend ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 12px;
    color: #888888;
}

.legend ul li span {
    display: inline-block;
    width: 24px;
    height: 6px;
    margin-bottom: 8px;
}

.legend ul li:nth-child(1) span {
    background: #92d117;
}

.legend ul li:nth-child(2) span {
    background: #ffc208;
}

.legend ul li:nth-child(3) span {
    background: #ed1b24;
}

.smallLabel + .legend {
    margin-top: 35px;
}

.download-link {
    float: left;
    margin-top: 10px;
    position: absolute;
    left: -51px;
    max-width: 188px;
    height: 16px;
    overflow: hidden;
}

/*width: 290px;*/
.fileTypeHack {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 345px;
    height: 35px;
    line-height: 40px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
    color: #474747;
}

.logo-file .fileTypeHack {
    height: 40px;
}

.logo-file #file-error {
    top: 8px;
    left: 159px;
    position: absolute;
}

.fileTypeHack input[type=file] {
    position: absolute;
    left: 0px;
    top: 0px;
    height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.fileTypeHack.withButton {
    padding-right: 60px;
}

/*left: 150px;*/
.fileTypeHack:before {
    content: attr(title);
    width: 120px;
    display: block;
    line-height: 35px;
    height: 35px;
    left: 210px;
    border: 0px none !important;
    position: absolute;
    font-size: 15px;
    color: #01a1dd;
    text-transform: uppercase;
    border: 1px solid black;
    font-family: HelveticaNeueBdCond, Arial;
}

.logo-file .fileTypeHack:before {
    content: attr(logo);
}

.fileTypeHack:after {
    content: "";
    background: url(../images/arrow-file.png) no-repeat;
    display: block;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 2px;
}

.fileTypeHack span {
    padding-right: 150px;
    vertical-align: baseline;
}

.but-with-icon {
    float: right;
}

.but-with-icon img {
    vertical-align: middle;
    margin-left: 10px
}

.button.import {
    position: relative;
    margin-right: 50px
}

.button.import:after {
    content: '';
    display: block;
    width: 50px;
    height: 40px;
    background: url('../images/import_icon.png') no-repeat;
    position: absolute;
    right: -57px;
    top: 2px;
}

.container, .container-top {
    border-bottom: 4px solid #e9e9e9;
    overflow: hidden;
    padding-bottom: 22px;
    margin-bottom: 20px;
}

.container-top {
    border-bottom: none;
    border-top: 4px solid #e9e9e9;
    margin-top: 30px;
}

.container_history {
    padding-bottom: 0px;
}

.top-offer {
    margin-top: -40px;
    margin-bottom: 20px
}

.top-offer.loggerUpdate {
    padding-bottom: 10px !important;
}

.top-offer ul.radio-group {
    margin-top: 40px;
}

.s-forms .text-input.small-date-inp {
    display: inline-block;
}

.s-forms .text-input.small-date-inp input {
    width: 118px;
}

.s-forms.forms .text-input.small-date-inp {
    display: inline-block;
}

.s-forms.forms .text-input {
    margin-bottom: 20px;
}

.forms.ui-dialog-content .text-input.small-date-inp input {
    width: 118px !important;
    margin-bottom: 0px;
}

.forms.ui-dialog-content .text-input.small-inp .customSelect {
    width: 153px !important;
}

.s-forms.forms .squaredThree {
    margin-left: 26px
}

.table {
    width: 100%;
    font-style: normal;
    font-weight: normal;
    border-collapse: collapse;
}

.table td {
    position: relative;
}

.table tr {
    border: 1px solid #F4F4F4;
}

/*.table.full-width{width: 100%; margin-left: -42px;}*/

.table th {
    font-family: HelveticaNeueBold, Arial;
    font-size: 13px;
}

.table td a {
    font-family: HelveticaNeueMedium, Arial;
}

.table th, .table td {
    height: 42px;
    vertical-align: middle;
    padding: 10px;
}

.table td:last-child {
    border: 1px solid #fff;
    border-right: 1px solid #f4f4f4;
}

.table.wings tr:last-child td:nth-child(even) {
    border-bottom: 1px solid #f4f4f4;
}

.table tr:nth-child(odd) td:nth-child(odd), .table tr:nth-child(even) td:nth-child(even) {
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
}

.table.small-width {
    width: 700px;
}

.table.small-width th {
    width: 33%;
}

.table.small-width + #tablePagination {
    width: 660px;
    margin: 0 auto
}

.table.small-widthH {
    width: 100%;
}

.table.small-widthH th {
    width: 33%;
}

.table.small-widthH + #tablePagination {
    width: 96.3%;
    margin: 0 auto
}

.table tr:nth-child(even) td:nth-child(odd) {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
}

/*.table tr:nth-child(even).red-tr td:nth-child(odd){background: #e9d9d3;}*/
/*.table tr:nth-child(even).yellow-tr td:nth-child(odd){background: #e9e1c6; background: #f4ebd0;}*/

/*.table tr:nth-child(odd).red-tr td:nth-child(even){background: #ffede7;}*/
/*.table tr:nth-child(odd).yellow-tr td:nth-child(even){background: #fff6d9;}*/

.table tr:nth-child(odd).yellow-tr td:nth-child(odd), .table tr:nth-child(odd) td:nth-child(odd).yellow-td {
    background: #f4ebd0;
    border: 1px solid #f4ebd0;
}

.table tr:nth-child(odd).yellow-tr td:nth-child(even), .table tr:nth-child(odd) td:nth-child(even).yellow-td {
    background: #fff6d9;
    border: 1px solid #fff6d9;
}

.table tr:nth-child(even).yellow-tr td:nth-child(odd), .table tr:nth-child(even) td:nth-child(odd).yellow-td {
    background: #e9e1c6;
    border: 1px solid #e9e1c6;
}

.table tr:nth-child(even).yellow-tr td:nth-child(even), .table tr:nth-child(even) td:nth-child(even).yellow-td {
    background: #f4ebd0;
    border: 1px solid #f4ebd0;
}

.table tr:nth-child(even).red-tr td:nth-child(odd), .table tr:nth-child(even) td:nth-child(odd).red-td {
    background: #E9D9D3;
    border: 1px solid #E9D9D3;
}

.table tr:nth-child(even).red-tr td:nth-child(even), .table tr:nth-child(even) td:nth-child(even).red-td {
    background: #F4E3DD;
    border: 1px solid #F4E3DD;
}

.table tr:nth-child(odd).red-tr td:nth-child(odd), .table tr:nth-child(odd) td:nth-child(odd).red-td {
    background: #f4e3dd;
    border: 1px solid #f4e3dd;
}

.table tr:nth-child(odd).red-tr td:nth-child(even), .table tr:nth-child(odd) td:nth-child(even).red-td {
    background: #ffede7;
    border: 1px solid #ffede7;
}

.table th:nth-child(odd) {
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
}

.viewName {
    margin-left: 43px;
    color: #474747;
    position: absolute;
    margin-top: 10px;
}

.viewDesc {
    margin-left: 109px;
    color: #474747;
    position: absolute;
}

.table th:nth-child(even) {
    background: #ececec;
    border: 1px solid #ececec;
}

.table.wings th:first-child, .table.wings th:last-child,
.table.wings tfoot tr th:first-child, .table.wings tfoot tr th:last-child,
.table.right-wing th:last-child {
    background: #fff;
    border: 1px solid #fff;
}

.table tfoot tr th {
    background: #e2e2e2;
    text-align: left;
    font-family: HelveticaNeueBold;
    font-size: 13px;
}

.table tfoot tr th img {
    vertical-align: middle;
}

.table.wings tbody tr:first-child td:last-child {
    border-top: 1px solid #f4f4f4;
}

.table:not(.wings):not(.right-wing) thead tr:first-child th:last-child {
    border-top: 1px solid #f4f4f4;
}

.table.wings .edit, a.edit {
    width: 20px;
    height: 20px;
    background: url(../images/edit_icon.png) no-repeat;
    display: inline-block;
    margin-left: 0px;
}

a.edit {
    background: url(../images/edit_icon_black.png) no-repeat;
    margin-bottom: -4px;
    margin-left: 10px;
    cursor: pointer;
}

.table.wings .add {
    width: 20px;
    height: 20px;
    background: url(../images/plus_icon.png) no-repeat;
    display: block;
}

.table.wings .delete, .table.right-wing .delete {
    width: 20px;
    height: 20px;
    background: url(../images/close.png) no-repeat center center;
    display: block
}

#tablePagination {
    background: #ECECEC;
    font-family: HelveticaNeueBold, Arial;
    font-size: 13px;
    text-align: center;
    padding: 10px 20px;
}

#tablePagination .select2-container.tiny {
    margin: 0px 10px;
}

.table.wings + #tablePagination {
    margin: 0px 42px;
}

#list-of-devices {
    width: 715px;
    margin: 0px
}

#list-of-devices + #tablePagination {
    width: 675px;
}

#list-of-devices th:nth-child(2), #list-of-devices th:nth-child(3) {
    width: 80px !important;
}

#list-of-devices th:nth-child(1) {
    min-width: 150px
}

#tablePagination div.fleft, #tablePagination div.fright {
    min-width: 30%;
    line-height: 30px;
}

#tablePagination div.fright {
    text-align: right
}

/*#history-import{width: 1250px;margin-left: -160px;margin-left: -98px;}*/
/*#history-import+#tablePagination{width: 1210px;margin-left: -160px;}*/
#history-import th:nth-child(6), #history-import th:nth-child(8) {
    width: 70px;
}

#history-import th:nth-child(1), #history-import th:nth-child(9), #history-import th:nth-child(10) {
    width: 60px;
}

#history-import th:nth-child(3) {
    width: 90px;
}

/*#organization-list{width:1200px;margin-left:-130px;}
    #organization-list+#tablePagination{
        width: 1118px;
        margin-left: -130px;
    }*/
#organization-list th:nth-child(1) {
    min-width: 170px;
}

#organization-list th:nth-child(2) {
    min-width: 150px;
}

#history-edit th:nth-child(1) {
    width: 90px;
}

#history-edit th:nth-child(2) {
    width: 100px;
}

#history-edit th:nth-child(4), #history-edit th:nth-child(5), #history-edit th:nth-child(6) {
    width: 130px;
}

/*#history-repair {width:1050px; margin-left:-55px;}*/
/*#history-repair+#tablePagination{width: 1010px;margin-left:-55px;} */

#remove-warn-form .text-input, #remove-warn-info-form .text-input {
    display: inline-block;
    vertical-align: text-top;
}

#remove-warn-form textarea, #remove-warn-info-form textarea {
    width: 345px;
}

.redWarn, .yellWarn {
    background: url(../images/attent_icon_big.png) no-repeat 0 0;
    display: inline-block;
    width: 38px;
    height: 34px;
    float: left;
    margin: -10px 10px 0px 0px;
}

.yellWarn {
    background-position: -38px 0px
}

/*#finger-table th:nth-child(2),
#finger-table th:nth-child(3),
#finger-table th:nth-child(4),
#finger-table th:nth-child(5){width: 240px}*/
#finger-table th:nth-child(1),
#finger-table th:nth-child(6) {
    width: 10px;
}

table:not(.admin) td a.icon-hover, table:not(.admin) tr.red-tr td a, table:not(.admin) tr.yellow-tr td a {
    padding-right: 30px;
    position: relative;
    display: block
}

table:not(.admin) td a.icon-hover:after {
    content: " ";
    display: block;
    background: url('../images/settings_icon.png') no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    right: 1px;
    margin-top: -10px;
}

table td.icon-block span {
    content: " ";
    display: block;
    background: url('../images/block-icon.png') no-repeat;
    height: 17px;
    width: 17px;
    position: absolute;
    /*top: 50%;*/
    right: 7px;
    margin-top: -14px;
    vertical-align: middle;
}

table tr.red-tr td.icon-block span {
    background: url('../images/block-icon.png') no-repeat -17px 0px;
}

.table td.red-td, .table td.yellow-td, .table td.warn-icon-red, .table td.warn-icon-yellow,
.table td.excl-icon-red, .table td.excl-icon-gray, .table .finger {
    position: relative;
}

.table td.warn-icon-red:after, .table td.warn-icon-yellow:after,
.table td.excl-icon-red:after, .table td.excl-icon-gray:after, .table .finger:after {
    content: " ";
    display: block;
    background: url('../images/attent_icon.png') no-repeat;
    height: 20px;
    width: 22px;
    position: absolute;
    /*top: 21px;*/
    right: 1px;
    margin-top: -10px;
}

.table tr.red-tr td:first-child, .table tr.yellow-tr td:first-child {
    position: relative;
}

.table tr.red-tr td:first-child a + .removeWarn, .table tr.yellow-tr td:first-child a + .removeWarn, .red-td .removeWarn, .yellow-td .removeWarn {
    display: block;
    background: url('../images/attent_icon.png') no-repeat;
    height: 20px;
    width: 22px;
    position: absolute !important;
    top: 27px !important;
    right: 8px !important;
    left: auto !important;
    margin-top: -10px;
    background-position: left center;
    cursor: pointer;
}

.red-td .removeWarn.alarmInfo, .yellow-td .removeWarn.alarmInfo {
    background-position: right center
}

.table tr.yellow-tr td:first-child a + .removeWarn, .yellow-td .removeWarn {
    background-position: -22px center
}

.table td.red-td:after, .table td.warn-icon-red:after {
    background-position: left center;
    right: 10px;
}

.table td.yellow-td:after, .table td.warn-icon-yellow:after {
    background-position: -22px center;
    right: 10px;
}

.table td.excl-icon-red:after {
    background: url(../images/sign.png) no-repeat 0px -18px;
}

.table td.excl-icon-gray:after {
}

.table .finger {
    position: absolute !important;
    top: 27px;
    right: 15px !important;
    left: auto !important;
    width: 25px;
}

.table .finger:after {
    background: url(../images/finger_icon.png) no-repeat 0px 0px;
    right: 15px;
    width: 25px;
}

table.table thead th {
    padding-right: 20px !important;
    position: relative;
    text-align: left;
    font-weight: normal;
}

.table tr.incorrect td {
    color: #999;
    position: relative;
}

.table tr.incorrect td:nth-child(4):after {
    content: " ";
    display: block;
    height: 20px;
    width: 22px;
    position: absolute;
    top: 9px;
    /*margin-top: -10px;*/
    background: url(../images/sign.png) no-repeat 6px 0px;
    left: 50%;
    margin-left: -15px;
}

#tablePagination a.previous span, #tablePagination a.next span {
    width: 14px;
    height: 12px;
    background-image: url(../images/arrows_paging.png);
    background-repeat: no-repeat;
    display: inline-block;
}

#tablePagination a.previous span {
    background-position: center left;
}

#tablePagination a.next span {
    background-position: center right;
}

.idTabs {
    background: #474747;
    padding: 5px 0px 0px 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.idTabs.history {
    margin-top: 0px;
}

.idTabs li {
    display: inline-block;
}

.idTabs li a {
    color: #8e8e8e;
    text-transform: uppercase;
    font-family: HelveticaNeueBdCond;
    font-size: 15px;
    padding: 15px 30px;
    display: block;
}

.idTabs li a:hover {
    color: #fff;
}

.idTabs li a.selected {
    color: #474747;
    background: #fff
}

.grid_16 > .idTabs {
    margin-top: 0px;
}

#from, #from2, #to, #to2 {
    width: 193px !important;
}

td.nowrap {
    white-space: nowrap;
}

/*---------------------------- Chart -----------------------------------*/

.demo-container {
    box-sizing: border-box;
    padding: 20px 15px 15px 5px;
}

.demo-placeholder {
    width: 630px;
    font-size: 14px;
    line-height: 1.2em;
}

.legend table {
    border-spacing: 5px;
}

#choices {
    border: 1px solid #eeeeee;
}

#choices input[type="checkbox"] {
    visibility: visible;
}

#choices .color-line {
    width: 23px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}

#choices .squaredThree {
    display: block;
    width: 100%;
    position: relative;
}

#choices .squaredThree {
    white-space: nowrap;
    padding: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#choices .squaredThree .del {
    display: inline-block;
    background: url('../images/close.png');
    width: 14px;
    height: 14px;
    margin: 1px 0px -1px 4px;
    position: absolute;
    right: -232px;
}

#choices .squaredThree:nth-child(odd) {
    background: #fafafa
}

#choices .squaredThree:nth-child(even) {
    background: #f0f0f0
}

#choices .squaredThree label {
    top: 10px;
    left: 10px;
}

#choices .squaredThree label span {
    padding-left: 50px;
    display: inline-block;
    min-width: 150px;
}

#choices + div {
    text-align: center;
    margin-top: 20px;
}

.flot-tick-label.tickLabel {
    color: #474747;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 13px
}

ul.period-list li {
    display: inline-block;
    height: 31px
}

ul.period-list li button {
    border-bottom: 4px solid #b3bbc5;
    -webkit-transition: border-bottom 200ms linear; /* For Safari 3.1 to 6.0 */
    transition: border-bottom 200ms linear;
}

ul.period-list li button.active {
    border-bottom: 8px solid #b3bbc5;
}

#sortable {
    margin: 30px 0px;
    overflow: hidden;
}

#sortable .ui-sortable-handle {
    border: 1px #a1a1a1 dashed;
    float: left;
    background: #ececec;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: move;
    line-height: 28px;
    padding-left: 10px;
    margin-right: 5px;
    color: #888888;
    position: relative;
}

#sortable .ui-sortable-handle.disable {
    background: #fff;
    color: #b2b2b2;
}

#sortable .ui-sortable-handle span {
    display: block;
    position: absolute;
    width: 14px;
    height: 16px;
    top: 8px;
    right: 7px;
    background: url(../images/close.png);
    opacity: 0.7;
    cursor: pointer;
}

#sortable .ui-sortable-handle.disable span, span.plan, span.readYes, span.readNo {
    position: absolute;
    width: 12px;
    height: 5px;
    background: transparent;
    top: 8px;
    border: 3px solid #888888;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

span.plan, span.readYes, span.readNo {
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -7px;
}

span.readYes {
    border-color: #C2C2C2;
}

span.readNo {
    border-color: #01a1dd;
}

#sortable .ui-sortable-handle span:hover {
    opacity: 1;
}

#sort_example {
    color: #9f9f9f;
    margin-bottom: 80px;
    font-size: 18px;
}

#sort_example span {
    color: #01a1dd;
    font-family: HelveticaNeueBdCond, Arial;
}

#sort_example + .form-item {
    margin-bottom: 80px;
    padding-bottom: 20px;
}

#sortable, #sortable li {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listItem, .editItem, .delItem {
    display: inline-block;
    background: url('../images/edit_cancel_icon.png');
    width: 14px;
    height: 14px;
    margin: 1px 0px -1px 4px;
    display: none;
}

.listItem {
    background-position: 0px 15px;
}

.listItem:hover {
    background-position: 0px 1px;
}

.editItem {
    background-position: 38px 14px;
}

.editItem:hover {
    background-position: 38px 0px;
}

.delItem {
    background-position: 15px 14px;
}

.delItem:hover {
    background-position: 15px 0px;
}

.saveItem, .cancelItem {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px 0px -4px 4px;
    display: none;
    background: url('../images/save-icon.png');
    cursor: pointer;
}

.saveItem {
    background-position: 0px 0px;
}

.saveItem:hover {
    background-position: 0px 15px;
}

.cancelItem {
    background-position: 15px 0px;
}

.cancelItem:hover {
    background-position: 15px 15px;
}

#tree .jstree-anchor:not(.edited):hover .listItem,
#tree .jstree-anchor:not(.edited):hover .editItem,
#tree .jstree-anchor:not(.edited):hover .delItem {
    display: inline-block;
}

#tree .jstree-anchor.edited input {
    display: inline-block;
    margin-left: -1px
}

#tree .jstree-anchor.edited input.error {
    border: 1px #FFBDBD solid;
}

#tree .jstree-anchor + .hidden, #tree .jstree-anchor.edited + .hidden + .jstree-children {
    display: none
}

#tree .jstree-anchor.edited + .hidden {
    display: block;
}

#tree .jstree-anchor.edited span:not(.select2-arrow):not(.select2-chosen) {
    display: none;
}

#tree .jstree-anchor.edited .saveItem, #tree .jstree-anchor.edited .cancelItem {
    display: inline-block;
}

#tree .select2-container.tiny .select2-choice {
    background: #fafafa;
    border: 1px #eeeeee solid;
    height: 22px;
    padding: 5px 7px;
    width: 110px;
}

#tree .select2-container.tiny.error .select2-choice {
    border: 1px #FFBDBD solid;
}

#tree .select2-container.tiny .select2-choice .select2-arrow {
    width: 21px;
}

#tree .select2-container.tiny .select2-choice .select2-arrow b {
    background-position: -3px -4px;
}

#tree .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -29px -4px;
}

#tree .select2-container.tiny {
    width: 115px !important;
}

#tree ul ul ul .select2-container.tiny {
    width: 50px !important;
    margin-left: 5px;
}

#tree ul ul ul .select2-container.tiny .select2-choice {
    width: 50px;
}

/* resizable cols */
.slider {
    margin: 40px 9px 20px !important;

}

.slider.small-slider {
    width: 250px;
    margin: 25px 9px 0px !important;
}

.range {
    border: none;
    height: 5px !important;
}

.range td {
    height: 5px !important;
    padding: 0px !important;
}

.grid_8.right_grid.s-forms #slider, .grid_8.right_grid.s-forms #slider2 {
    width: 290px;
    overflow: hidden;
    margin: 15px 0px 2px;
}

.grid_8.right_grid.s-forms label + span {
    display: inline-block;
}

.range td {
    border: none;
}

.range td:nth-child(1) {
    background: #ed1b24 !important;
}

.range td:nth-child(2) {
    background: #ffc208 !important;
}

.range td:nth-child(3) {
    background: #92d117 !important;
}

.range td:nth-child(4) {
    background: #ffc208 !important;
}

.range td:nth-child(5) {
    background: #ed1b24 !important;
}

.form-item.disabled td, .form-item.disabled .legend ul li span {
    background-color: #b1b1b1 !important;
}

.form-item.disabled .rangeGrip {
    border-bottom-color: #b1b1b1 !important
}

.form-item.disabled .CRZ span {
    color: #b1b1b1 !important;
}

.form-item.disabled, .disabled {
    position: relative;
}

.form-item.disabled ul.radio-group, .form-item.disabled .select2-container .select2-choice > .select2-chosen {
    color: #b1b1b1 !important;
}

.form-item.disabled .select2-container .select2-choice .select2-arrow {
    opacity: 0.5;
}

form .form-item.disabled:after, form .disabled:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0px;
    left: 0px;
}

.disabled .ui-datepicker-trigger {
    opacity: 0.5;
}

.disabled input[type="radio"] + label, .disabled .smallLabel {
    color: #b1b1b1 !important;
}

.form-item.disabled .gap .ui-slider-range, .form-item.disabled .gap.ui-widget-content {
    background-color: #b1b1b1 !important;
}

.form-item.disabled .gap .minTitle:before, .disabled .gap .maxTitle:before {
    border-color: #b1b1b1;
}

.form-item.disabled .gap.submit .ui-state-default div:after {
    border-bottom-color: #b1b1b1;
}

.form-item.disabled .gap .ui-state-default div, .form-item.disabled .gap .minTitle, .form-item.disabled .gap .maxTitle, .form-item.disabled .gap .maxTitle:after, .form-item.disabled .gap .minTitle:after {
    color: #b1b1b1;
}

.slider .CRZ span, .slider2 .CRZ span {
    position: absolute;
    top: -17px;
    left: -14px;
    min-width: 30px;
    text-align: center;
    color: #474747;
    font-size: 13px;
}

.rangeGrip {
    z-index: 8;
    border: 6px solid transparent;
    border-bottom: 12px solid #474747;
    position: absolute;
    top: 4px;
    left: 4px;
    margin-left: -6px;
    cursor: e-resize;
}

.rangeDrag .rangeGrip, .rangeGrip:hover {
    background-position: right;
}

td.with-slider {
    position: relative;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: center;
}

.with-slider {
    position: relative;
}

td.with-slider .gap.fullScale .minTitle {
    left: -4px;
    min-width: 0px;
}

td.with-slider .gap.fullScale .maxTitle {
    right: -10px;
    min-width: 0px;
}

td.with-slider .gap.ui-slider-horizontal.fullScale {
    margin: 10px 5px 0px;
}

.with-slider:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0px;
    left: 0px;
}

.with-slider .text-input, .forms .form-item.with-slider > label.smallLabel {
    display: none
}

table.with-filter .filter-icon {
    position: absolute;
    left: 6px;
    vertical-align: middle;
    top: 18px;
}

table.with-filter th {
    padding-right: 22px !important;
    padding-left: 26px;
}

/*#method-list{width: 1150px;margin-left:-105px;margin-left: -42px;}*/
#method-list th:nth-child(2) {
    min-width: 60px !important;
}

#method-list th:nth-child(3) {
    min-width: 60px !important;
}

#method-list .gap.small.ui-slider-horizontal {
    width: 155px;
}

#method-list .gap.small.fullScale.ui-slider-horizontal {
    width: 210px
}

#warning-list, .checkArea, .checkAreaOne {
    margin-bottom: 20px;
    overflow: hidden;
}

.checkAreaOne .squaredThree label b {
    width: 280px;
    display: inline-block;
}

#warning-list div div {
    padding: 5px 0 5px 19px;
    line-height: 23px;
    position: relative;
}

#warning-list div div:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 20px;
    position: absolute;
    left: -9px;
    top: 4px;
}

#warning-list div:first-child div:first-child:before {
    background: url(../images/sign.png) no-repeat 10px 0px;
}

#warning-list div:first-child div:last-child:before {
    background: url(../images/sign.png) no-repeat 10px -18px;
}

#warning-list div:last-child div:first-child:before {
    background: url(../images/attent_icon.png) no-repeat -22px 0px;
}

#warning-list div:last-child div:nth-child(2):before {
    background: url(../images/attent_icon.png) no-repeat 0px 0px;
}

#warning-list div:last-child div:nth-child(3):before {
    background: url(../images/finger_icon.png) no-repeat 0px 0px;
    width: 26px;
}

.form-item #warning-list div div {
    padding-left: 30px;
}

.form-item #warning-list div div:before {
    left: 0px;
}

.table.wings tr th:first-child, .table.wings tr th:last-child, .table.right-wing tr th:last-child {
    width: 1px;
}

#fingerForm > div {
    padding: 20px 40px;
    background: #E2E2E2
}

#fingerForm th {
    position: relative;
}

#fingerForm input[type="text"] {
    width: 226px;
    top: 2px;
    left: -4px;
}

#fingerForm.forms .text-input {
    float: none;
    margin-left: 0px;
}

#fingerForm.forms textarea {
    width: 100%;
    height: 60px;
}

#fingerForm.forms .form-action {
    clear: none;
}

#fingerForm.forms .form-action input {
    border: none;
}

#fingerForm .ui-datepicker-trigger {
    position: absolute;
    top: 2px;
    right: 0px;
}

#fingerForm tfoot th {
    background: #E2E2E2;
    border: 1px solid #E2E2E2;
}

#fingerForm td span {
    position: absolute;
    top: 23px;
    left: 15px;
    text-align: center;
}

#fingerForm td input {
    visibility: hidden
}

#fingerForm td input + span.timeEntry-append, #fingerForm td input + img {
    display: none
}

#fingerForm td span.error {
    top: 42px;
}

#fingerForm th {
    height: 42px;
    /*vertical-align: baseline;*/
    padding: 10px;
}

#fingerForm .table .finger {
    top: 27px
}

.ui-dialog .forms .hintdiv {
    padding-top: 3px;
}

.ui-dialog .forms .smallSelect.select2-container {
    width: 182px !important;
}

.ui-dialog .forms .file-input img {
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -5px;
}

.ui-dialog .forms .file-input input[type="text"] {
    width: 345px !important;
}

#arrowsGraph {
    display: none;
}

#captchaDiv {
    text-align: center
}

#readAll {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

#readAll:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 5px;
    background: transparent;
    top: 0px;
    left: -23px;
    border: 3px solid #01a1dd;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.period-list {
    margin: 20px 0px 15px 0px;
    font-size: 0px
}

.period-list li a {
    color: #888888;
    font-size: 15px;
    padding: 5px 14px;
    border-bottom: 4px solid #e9e9e9;
    margin-left: 7px;
    cursor: pointer;
}

.period-list li:last-child a {
}

.period-list li a.active, .period-list li a:hover {
    -webkit-transition: border-bottom 1s; /* For Safari 3.1 to 6.0 */
    transition: border-bottom 1s;
    border-bottom: 4px solid #01a1dd;
    color: #474747;
}

#titleTooltip {
    position: absolute;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(227, 227, 227);
    padding: 10px;
    opacity: 0.8;
    top: 886px;
    left: 674px;
    display: none;
    background-color: rgb(71, 71, 71);
    z-index: 999;
    line-height: 18px
}

label.server-error:empty {
    display: none !important;
}

.forms label.error, .s-forms label.error, .forms label.server-error, .s-forms label.server-error, span.error {
    color: #ed1b24;
    display: block;
    text-align: right;
    position: static;
    margin-top: 4px;
    font-size: 12px;
    cursor: text;
    font-family: HelveticaNeueMedium, Arial;
}

.forms .smallInput + label.error, .forms .form-item.file-input input + label.error, .s-forms .hasDatepicker + label.error,
#fingerForm label.error {
    position: absolute;
    left: 0px;
    top: 37px;
    text-align: left;
    min-width: 231px;
}

#check-info-form.forms .smallInput + label.error {
    left: -110px;
}

.file-input .text-input:last-child {
    margin-top: 10px;
    clear: right
}

.file-input.file-input {
    margin-bottom: 15px;
}

#file-error {
    top: -8px;
    left: 159px;
}

.prevStep, .nextStep, .step {
    line-height: 66px;
}

.prevStep:before, .nextStep:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin: -5px 10px 0px;
    background: url(../images/prev-step.png) 0 0;
}

.nextStep:after {
    background-position: 35px 0px
}

.bottom-menu {
    text-align: center;
}

.bottom-menu li {
    display: inline-block;
    padding: 20px;
}

.bottom-menu li a {
    font-family: HelveticaNeueBdCond, Arial;
    font-size: 16px;
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    text-transform: uppercase;
}

.bottom-menu li a.blockedButton {
    vertical-align: text-top;
}

.gray_bg {
    background: #f4f4f4;
    width: 670px;
    margin-left: -35px;
}

.gray_bg > div {
    margin-left: 35px;
    line-height: 25px
}

.gray_bg .gray_bg {
    margin-left: 0px;
    background: #e9e9e9;
}

.gray_bg .gray_bg > div {
    margin-left: 70px;
}

.gray_bg + .form-item + .gray_bg {
    padding-bottom: 25px;
}

#import-result-form {
    padding-bottom: 0px;
}

.form-item.with-hint {
    position: relative;
}

.ui-dialog .forms .form-item.with-hint .hintdiv {
    position: absolute;
    top: 39px;
    right: 0px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    display: none; /* Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

.inc {
    background: url('../images/arrow-select-tiny.jpg') no-repeat -22px -1px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 22px;
    height: 20px;
    background-size: 45px;
}

.dec {
    background: url('../images/arrow-select-tiny.jpg') no-repeat 0 -6px;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 22px;
    height: 18px;
    background-size: 45px;
}

.gap.ui-widget-content {
    background: #ed1b24 !important;
    border-radius: 0px;
    border: none;
}

.gap.ui-slider-horizontal {
    height: 5px;
    margin: 40px 65px 0px;
}

.gap .ui-state-default div {
    position: absolute;
    top: -13px;
    left: -13px;
    min-width: 30px;
    text-align: center;
    color: #474747;
    font-size: 13px;
    font-family: HelveticaNeue, Arial;
}

.gap .ui-state-default div.inp {
    top: -25px;
    left: -27px;
}

.gap .ui-state-default div input {
    width: 54px;
    text-align: center;
    height: 26px;
    padding: 0px;
}

.gap .ui-state-default div input.error {
    border-color: rgba(255, 0, 0, 0.33);
}

.gap.ui-slider .ui-slider-handle {
    width: 3px;
    height: 10px;
    background: #fff;
    border: none;
    border-radius: 0px;
    cursor: e-resize;
}

.gap.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0px
}

.gap .ui-slider-range:nth-child(4) {
    background: #ed1b24 !important;
}

.gap .ui-slider-range:nth-child(3), .gap .ui-slider-range:nth-child(1) {
    background: #ffc208 !important;
}

.gap .ui-slider-range:nth-child(2) {
    background: #92d117 !important;
}

.gap.ui-slider-horizontal .ui-slider-range {
    padding-right: 1px;
}

.gap .minTitle, .gap .maxTitle {
    position: absolute;
    top: -17px;
    min-width: 21px;
    text-align: center;
    color: #474747;
    font-size: 13px;
    font-family: HelveticaNeue, Arial;

    padding-bottom: 4px;
}

.gap .minTitle {
    left: -65px;
}

.gap .minTitle:after {
    content: '...';
    display: block;
    position: absolute;
    top: 10px;
    left: 52px;
    color: #ed1b24;
}

.gap .minTitle:before {
    content: '';
    display: block;
    border-bottom: #ed1b24 5px solid;
    position: absolute;
    top: 12px;
    width: 40px;
    height: 5px;
    left: 11px;
}

.gap .maxTitle {
    right: -65px;
}

.gap .maxTitle:after {
    content: '...';
    display: block;
    position: absolute;
    top: 11px;
    right: 52px;
    color: #ed1b24;
}

.gap .maxTitle:before {
    content: '';
    display: block;
    border-bottom: #ed1b24 5px solid;
    position: absolute;
    top: 12px;
    width: 40px;
    height: 5px;
    right: 11px;
}

.gap.small.ui-slider-horizontal {
    margin: 10px 40px 0px;
    width: 180px;
}

.gap.small .minTitle {
    left: -46px;
}

.gap.small .maxTitle {
    right: -46px;
}

.gap.small .minTitle:before, .gap.small .maxTitle:before {
    width: 19px
}

.gap.small .maxTitle:after {
    right: 32px;
}

.gap.small .minTitle:after {
    left: 32px;
}

.gap.small .ui-state-default div {
    top: -17px;
}

.gap.small.ui-slider .ui-slider-handle {
    height: 5px;
    top: 0px;
}

.filter-icon img {
    margin-bottom: -3px
}

.page {
    display: none
}

.checkScale {
    display: block;
    margin-left: 4px;
    width: 50%;
    margin-top: 10px;
}

.checkScale .squaredThree label {
    width: 12px;
    height: 12px;
    top: 3px;
    line-height: 13px
}

.checkScale .squaredThree label span {
    text-transform: none;
    display: inline-block;
    width: 280px;
    padding-left: 25px;
}

.checkScale .squaredThree {
    width: 280px;
}

.checkScale .squaredThree label:after {
    width: 9px;
    height: 3px;
}

.form-item.disabled .checkScale .squaredThree label span, #checkScaleTemp:disabled + label span, .disabled + label span, a.disabled {
    color: #b1b1b1 !important;
}

.form-item.disabled .checkScale .squaredThree label:after, .disabled + label:after {
    border-color: #b1b1b1;
}

.gap.ui-slider-horizontal.fullScale {
    margin: 40px 27px 0px;
}

.gap.ui-slider-horizontal, .gap.ui-slider-horizontal.fullScale {
    margin-bottom: 25px
}

.gap.fullScale .minTitle {
    left: -9px;
}

.gap.fullScale .maxTitle {
    right: -9px;
}

.custom_import {
    overflow: hidden !important;
    position: relative;
    display: inline-block;
}

.custom_import input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-size: 199px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity:0);
    opacity: 0;
    padding: 0px;
    font-size: 0px;
    min-height: 45px;
    min-width: 175px;
}

.preloader_wrap {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.preloader_wrap i {
    width: 16px;
    height: 16px;
    background: url(../images/throbber.gif) no-repeat;

    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 50%;
}

.editTd {
    width: 35px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: nowrap;
    text-align: center;
}

.editTd .saveItem {
    margin-left: 0 !important;
}

.editTd .saveItem, .editTd .cancelItem {
    /*display: inline-block !important;*/
    display: none !important;
}

.edited .edit {
    display: none !important;
}

.edited .saveItem, .edited .cancelItem {
    display: inline-block !important;
}

.edit {
    /*display: none !important;*/
}

.gap.big.ui-widget-content {
    background: #b1b1b1 !important;
}

.gap.big .ui-slider-range:nth-child(1), .gap.big .ui-slider-range:nth-child(5) {
    background: #ed1b24 !important;
}

.gap.big .ui-slider-range:nth-child(2), .gap.big .ui-slider-range:nth-child(4) {
    background: #ffc208 !important;
}

.gap.big .ui-slider-range:nth-child(3) {
    background: #92d117 !important;
}

.gap.big .minTitle:before, .gap.big .maxTitle:before {
    border-bottom: #b1b1b1 5px solid;
}

.gap.fullScale .minTitle:before, .gap.fullScale .minTitle:after, .gap.fullScale .maxTitle:before, .gap.fullScale .maxTitle:after {
    display: none
}

.form-item.disabled .gap.ui-widget-content, .form-item.disabled .gap.big .ui-slider-range {
    background-color: #b1b1b1 !important;
}

.gap .ui-state-default div {
    min-width: 36px;
}

.gap.fullScale .minTitle {
    left: -13px;
    min-width: 36px;
}

.gap.fullScale .maxTitle {
    right: -23px;
    min-width: 36px;
}

.listItem, .editItem, .delItem {
    cursor: pointer
}

#tree a {
    cursor: pointer;
}

.gapErrorTemp, .gapErrorHum {
    color: #ed1b24;
    cursor: text;
    display: block;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 12px;
    margin: 25px;
    position: static;
    text-align: right;
    display: none
}

.templateBlock {
    display: none;
}

.edit_template {
    margin-top: 20px;
}

.edit_template .squaredThree {
    min-width: 400px;
}

.edit_template .squaredThree label span {
    white-space: nowrap;
}

#tree #s2id_loggersTypesIdSelect {
    width: 115px !important;
}

#tree #s2id_loggersTypesIdSelect a {
    background: none repeat scroll 0% 0% #FAFAFA;
    border: 1px solid #EEE;
    height: 22px;
    padding: 5px 7px;
    width: 110px;
}

#tree #s2id_loggersTypesIdSelect a .select2-arrow {
    width: 21px;
}

#tree #s2id_loggersTypesIdSelect a .select2-arrow b {
    background: url('../images/arrow-select-tiny.jpg') no-repeat scroll 0px 0px transparent;
    background-position: -3px -4px;
}

.view {
    cursor: pointer;
}

span.readNo {
    cursor: pointer;
}

/*.errorRequired {*/
/*border: 2px solid red;*/
/*}*/

.errorDateValidate {
    border: 2px solid red;
}

/*.errorTimeValidate {*/
    /*border: 2px solid red;*/
/*}*/

.categoryError {
    float: right;
    margin-top: 10px;
}

#filter-type.forms .text-input {
    float: none
}

#filter-type .select2-container {
    max-width: 100%;
    text-align: left;
}

#history-edit-form table, #history-edit-form .grid_12 {
    width: 100%
}

#history-edit-form table th:nth-child(1), #history-edit-form table td:nth-child(1) {
    width: 30%
}

#history-edit-form table th:nth-child(2), #history-edit-form table th:nth-child(3), #history-edit-form table td:nth-child(2), #history-edit-form table td:nth-child(3) {
    width: 35%
}

.location-edit-div.form-item > label {
    display: block;
    float: left;
}

.location-edit-div.form-item > label + span {
    display: block;
    margin-left: 225px;
    margin-top: 10px;
}

#datepicker_checking_date, #from, #from2, #to, #to2, #datepicker_from, #datepicker_to {
    width: 169px !important;
    margin-right: 35px;
}

#datepicker_checking_date + .ui-datepicker-trigger, #datepicker_checking_date-error + .ui-datepicker-trigger,
#from + .ui-datepicker-trigger, #from + span + .ui-datepicker-trigger,
#from2 + .ui-datepicker-trigger, #from2 + span + .ui-datepicker-trigger,
#to + .ui-datepicker-trigger, #to + span + .ui-datepicker-trigger,
#to2 + .ui-datepicker-trigger, #to2 + span + .ui-datepicker-trigger,
#datepicker_from + .ui-datepicker-trigger, #datepicker_from + span + .ui-datepicker-trigger,
#datepicker_to + .ui-datepicker-trigger, #datepicker_to + span + .ui-datepicker-trigger,
#datepicker_commissioning + .ui-datepicker-trigger, #datepicker_commissioning + span + .ui-datepicker-trigger,
#datepicker_checking_date + .ui-datepicker-trigger, #datepicker_checking_date + span + .ui-datepicker-trigger {
    position: absolute;
    right: 0px;
    top: 0px
}

#repair-form_repname {
    position: absolute;
    top: 100px;
    word-wrap: break-word;
    width: 315px;
}

.repairdatetime.error {
    position: absolute;
    text-align: right;
}

.repairdatetime.error.end_repair{
    position: relative !important;
    float: right;
    margin-left: 15px;
}

.text-input.small-date-inp.end_repair{
    margin-bottom: 0px !important;
}

.labelPassword {
    text-align: left;
    font-family: HelveticaNeueMedium, Arial;
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 31px;
}

/*#delayedInterval.error{*/
/*border: 2px solid red;*/
/*}*/
.timestampTable {
    white-space: nowrap;
}

/*.text-input.errorDateValidate{*/
/*border: 2px solid red;*/
/*}*/

#datepickerStart, #timepickerStart {
    border: 1px #eeeeee solid;
}

div.error {
    color: red !important;
}

.errorDigit {
    border: 2px solid red;
    color: #e55;
}

.button.submit {
    background: #01a1dd !important;
}

#lblRepair {
    padding-right: 20px;
}

#filter-object, #filter-module, #filter-operation, #warning-list, #checkArea {
    display: none;
}

#exit {
    text-align: right;
    margin-top: 5px;
}

#userIsBlockedMessage {
    float: right;
}

td.breakAll {
    word-break: break-all;
}

.file_certificate > label {
    position: relative;
}

.file_certificate .fileTypeHack {
    text-align: right;
}

.file_certificate .fileTypeHack span {
    margin-bottom: -21px;
    padding-right: 145px;
    padding-left: 40px;
}

.file_certificate .fileTypeHack:before {
    line-height: 40px;
    text-align: left;
}

.file_certificate .fileTypeHack:after {
    top: 11px
}

.file_certificate .download_certificate {
    margin-left: 7px;
    position: absolute;
    top: 11px;
    right: -72px;
    z-index: 99;
}

.view > img {
    margin-left: 40%;
}

.form-item_history {
    float: left;
}
div#s2id_loggersTypesIdSelect{
    float: right !important;
}

.form-item_history.right {
    margin-left: 20px;
}

#datepicker_history_from, #datepicker_history_to {
    width: 160px !important;
}

.repair_image{
    margin-right: 5px;
}

.password{
    margin-left: 0px !important;
}
.disable{
    color: rgba(71, 71, 71, 0.32) !important;
}

th.thFooter{
    font-weight: normal;
}
.timeIcon{
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}

span.finger_message{
    padding-top: 6px;
    position: absolute;
}
.check-radio-item label {
    float: left;
}

.check-radio-item .text-input {
    float: left;
    margin: 7px 15px;
}

.check-radio-item .grid-2 {
    clear: left;
    margin-left: 170px;
    overflow: hidden
}

.check-radio-item ul.radio-group li {
    width: 152px;
    float: left;
}

.check-radio-item .grid-2 .text-input {
    margin: 7px 0px 0px;
    display: none
}

.check-radio-item .text-input.small-date-inp input {
    width: 110px !important;
    margin-bottom: 0px;
}

.check-radio-item .text-input:not(.small-date-inp) input {
    width: 162px !important;
}

.check-radio-item .text-input.small-date-inp .ui-datepicker-trigger {
    float: right;
}

.check-radio-item input[type="radio"]:checked + label + .text-input, .check-radio-item input[type="radio"]:checked + label + .text-input + .text-input {
    display: block;
}

#select-language {
    display: inline;
    margin-left: 85%;
    margin-bottom: 5%;
}