#body {
    font-family: Lato;
    /*margin-top: 15px;*/
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.update {
    transform: rotateZ(0deg);
    transition: transform 0.5s;
}

.update:hover {
    transform: rotateZ(180deg);
    transition: transform 0.5s;
    cursor: pointer;
}

#root-block {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

#header {
    width: 100%;
    height: 59px;
    background-color: #383f47;
    border-bottom: 1px solid #DDDFE9;
    margin-left: 0;
}

#logo-main {
    /*background-image: url('../img/logo23.png');
    background-size: 58%;
    background-position: center center;
    background-repeat: no-repeat;*/
    width: 80px;
    height: 59px;
    border-right: 1px solid #DDDFE9;
    position: relative;
    float: left;
}

#logo-ent {
    background-position: left center;
    background-position-x: 20px;
    background-repeat: no-repeat;
    height: 59px;
    position: relative;
    float: left;
    padding: 11px 55px;

}

#main-menu {
    height: 40px;
    width: 40%;
    position: relative;
    float: left;
    top: 5px;
}

.main-menu-item {
    position: relative;
    float: left;
    top: 15px;
    background-image: url('../img/icons/arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    /*width:130px;*/
    font-family: 'Roboto';
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 23px;
    margin-left: 10px;
    cursor: pointer;
}

.main-menu-item:hover {

}

#weather-block {
    /*background-image: url('../img/cloud');*/
    background-repeat: no-repeat;
    background-position-x: 10px;
    top: 10px;
    width: 90px;
    height: 27px;
    position: relative;
    float: left;
}

.time-block {
    width: 150px;
    position: relative;
    float: left;
    font-family: Lato;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    top: 10px;
    color: #fff;
}

#daynight-block {
    position: relative;
    float: left;
    border-right: 1px solid #DDDFE9;
    border-left: 1px solid #DDDFE9;
    background-image: url('../img/sun.png');
    background-repeat: no-repeat;
    background-position-x: 10px;
    height: 27px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 49px;
}

#msg-bell {
    position: relative;
    float: left;
    background-image: url('../img/bell.png');
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 5px;
    width: 47px;
    height: 27px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#person-avatar {
    float: right;
    cursor: pointer;
    background-image: url('../img/elaina/down-arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 13px;
    width: 62px;
    color: #fff;
}

.back {
    background: url("../img/elaina/backgr-min.png") no-repeat fixed;
    /*background: url("../img/zhkh/zhkh_back.png") no-repeat fixed;*/
    background-size: cover;
    position: fixed;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}











#tabs {
    height: 32px;
    width: 100%;
    background-color: #f6f7fa;
    border-bottom: 1px solid #DDDFE9;
    z-index: 4;
    position: absolute;
    -webkit-box-shadow: 0px 8px 12px -5px #DDDFE9;
    -moz-box-shadow: 0px 8px 12px -5px #DDDFE9;
    box-shadow: 0px 8px 12px -5px #DDDFE9;
}

#left-tabs {
    float: left;
}

#left-tabs > .tab-item {
    border-left: 1px solid #DDDFE9;
}

#left-tabs > .tab-item:last-of-type {
    border-right: 1px solid #DDDFE9;
}

#right-tabs {
    float: right;
    border-left: 1px solid #DDDFE9;
}

#tab-main {
}

.tab-item {
    font-family: 'Roboto';
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    background-repeat: no-repeat;
    background-color: white;
    padding-left: 20px;
    height: 31px;
    width: 180px;
    cursor: pointer;
    white-space: nowrap;
}

.tab-item > .size {
    top: 5px;
    float: left;
    position: relative;
    width: 160px;
}

.tab-item > .close {
    background-image: url('../img/tab-cross.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 10px;
    width: 30px;
    height: 31px;
    position: relative;
    float: right;
}

.tab-item-basic {
    background-image: url('../img/tab-pin-normal.png');
    background-position: left center;
    background-position-x: 5px;
    font-weight: 300 !important;
    width: 200px !important;
    padding-left: 30px !important;
    float: left;
    text-align: left;
}

.tab-item-selected {
    background-image: url('../img/tab-pin-active.png');
    background-position: left center;
    background-position-x: 5px;
    font-weight: 300 !important;
    width: 200px !important;
    padding-left: 30px !important;
    float: left;
    text-align: left;
    /*height: 28px;*/
    border-bottom: 3px solid #FF5721;
}

.tab-item-main {
    background-image: url("../img/home-icon.png");
    background-position: center left;
    background-position-x: 10px;
    float: right;
}

.tab-item > span {
    position: relative;
    top: 9px;
}

.size {
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    padding: 5px; /* Поля */
    text-overflow: ellipsis; /* Многоточие */
}

#work-place {
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #042a3f;*/
    background-color: #E1E5EA;

}

.left-main-menu {
    width: 80px;
    margin-top: 5px;
}

.tooltip-inner {
    color: white;
    background: #8391AF !important;
    border: solid 1px #8391AF !important;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #8391AF;
}

.main-page-workspace {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    /*background-color: #E1E5EA;*/
}

/*.back {
    overflow: hidden;
    background: url('../img/elaina/back.png') no-repeat fixed center;
}*/
.backGray {
    background-color: #f6f7fa;
}

#container3d {
    position: absolute;
    top: 5px;
    right: 5px;
    left: 590px;
    bottom: 5px;
    /*background-color: pink;*/
}

#dashboards {
    position: absolute;
    top: 360px;
    /*left: 5px;*/
    bottom: 5px;
    width: 420px;
    /*background-color: chocolate;*/
    overflow: auto;
}

.db-colimn {
    position: relative;
    float: left;
    /*top: 0px;
    bottom:0px;
    padding:0;
    margin:0;*/
    width: 250px;
    /*background-color:red;*/
}

.db-block {
    position: relative;
    width: 250px;
    height: 65px;
    float: left;
    padding: 3px;
    margin: 1px;
    font-size: 11px;
    border: 1px solid gray;
}

.desiner-border-module {
    background-color: white;
    border: 1px solid #cbced5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}

.css-animate-report {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
}

.report-footer {
    -webkit-box-shadow: 0px 8px 12px -5px #DDDFE9;
    -moz-box-shadow: 0px 8px 12px -5px #DDDFE9;
    box-shadow: 0px 8px 12px -5px #DDDFE9;
    height: 150px;
    width: 100%;
    background-color: #f6f7fa;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.text-error {
    color: #cc323a !important;
}

.info {
    position: absolute;
    width: 300px;
    right: 10px;
    background-color: #d9534f;
    height: 30px;
    border-radius: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    box-shadow: 0 0 5px #d9534f;
    top: -95px;
}

.info.open {
    top: 25px;
    transition: top 4s;
    transition-timing-function: cubic-bezier(0.1, 1, 1, 1);
}