.webixappstart {
    opacity: 0;
}

.webixapp {
    transition: opacity 500ms;
    opacity: 1;
}


/*data loading status*/

.status_good,
.status_error,
.status_saving {
    text-align: center;
    margin-left: -12px;
}

.status_error {
    color: red;
}

.status_good {
    color: green;
}


/*login form*/

.invalid_login .webix_header>div {
    background: #FC3636;
    transition: background 1s;
}

.invalid_login {
    -webkit-animation: formshake .5s linear;
}

@-webkit-keyframes formshake {
    8%,
    41% {
        -webkit-transform: translateX(-10px);
    }
    25%,
    58% {
        -webkit-transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-5px);
    }
    92% {
        -webkit-transform: translateX(5px);
    }
    0%,
    100% {
        -webkit-transform: translateX(0);
    }
}


/*siberia theme*/

.webix_layout_toolbar.webix_toolbar.form-bottom-bar {
    background: #34495E;
}

.center {
    text-align: center;
}

.app-left-panel .webix_menu .webix_list_item.spacer:hover {
    background: transparent;
    cursor: default;
}

.webixapp {
    background: #34495e;
}

.webix_layout_clean {
    background: white;
}


/* unradius borders */

.webix_menu {
    border-radius: 0px;
}


/*left side menu*/

.app-left-panel,
.app-left-panel .webix_view,
.app-left-panel .webix_menu .webix_list_item {
    background: #34495e;
    color: #ddd;
}

.app-left-panel .webix_menu .webix_list_item.webix_selected {
    color: #fff;
}

.app-left-panel .webix_menu .webix_list_item:hover {
    background-color: #f5f5f5;
    color: #000;
}

.app-left-panel .webix_header .webix_template {
    background-color: #34495e;
    border-bottom: 1px solid white;
    text-align: center;
    padding-left: 0px;
}

.webix_sidebar {
    background: #fff;
}


/*right side panel*/

.app-right-panel {
    border-top-left-radius: 4px;
}

.app-right-panel .webix_layout_wide {
    background: #fff;
}

.app-right-panel .webix_layout_clean {
    background: #efefef;
}


/* sync status */

.status_good {
    color: #ddd;
}

.header_person {
    background: transparent !important;
}

.header_person .webix_template {
    padding: 0;
    line-height: 46px;
}

.header_person .photo {
    width: 38px;
    height: 38px;
    float: left;
    margin-top: 5px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.header_person span {
    color: #fff;
    float: left;
    padding-left: 7px;
}

.header_person .webix_icon {
    line-height: inherit;
}

.t_header_page {
    background: #C44141
}

.t_header_page.webix_layout_toolbar {
    background: #C44141
}

.t_header_dashboard {
    background: #fff
}

.t_header_dashboard.webix_layout_toolbar {
    background: #fff
}

.t_element_border.webix_layout_form {
    border-radius: 5px;
    border-width: 1px;
}

.t_layout_space.webix_layout_space {
    background: #ddd;
    border: 0px;
}

.webix_layout_space,
.webix_layout_wide {
    background-color: #efefef;
}

.webix_modal {
    opacity: 0.7;
}

.webix_template {
    padding: 5px 0px 5px 0px;
}

.template_gradient {
    background: rgb(250, 160, 160);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(250, 160, 160, 1), rgba(250, 160, 160, 0));
    /*Safari 5.1-6*/
    background: -o-linear-gradient(right, rgba(250, 160, 160, 1), rgba(250, 160, 160, 0));
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(right, rgba(250, 160, 160, 1), rgba(250, 160, 160, 0));
    /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(250, 160, 160, 1), rgba(1250, 160, 160, 0));
    /*Standard*/
    margin-top: 10px;
    padding: 5px;
}

.webix_popup_text {
    padding-left: 10px;
    padding-right: 10px;
}

.multiline {
    line-height: 30px !important;
}

.deleted_row {
    background-color: #FAA0A0;
}

.disable_row {
    color: #ddd;
}

.print_bg {
    overflow: auto;
    padding: 0.5in;
}

.print_bg {
    background: #999;
    cursor: default;
}

.print_body {
    box-sizing: border-box;
    height: 11.69in;
    margin: 0 auto;
    overflow: hidden;
    width: 8.27in;
}

.print_body {
    background: #FFF;
    border-radius: 1px;
    box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
    .print_bg {
        background: none;
        padding: 0;
    }
    .print_body {
        box-shadow: none;
        margin: 0;
    }
}

.subtoolbar {
    background: #FFAAAA;
}

.subtoolbar.webix_layout_toolbar {
    background: #FFAAAA
}

.marginx10 {
    margin-left: 10px;
    margin-right: 10px;
}

.row_yellow {
    background-color: #d3cc6e;
}

.row_red {
    background-color: #FFAAAA;
}

.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_selected span {
    background-color: #FF9E3E;
    padding-right: 0;
}

.webix_sidebar_popup_list .webix_list_item.webix_selected:hover {
    background: #FF9E3E;
}

.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_selected span {
    background-color: #FF9E3E;
    padding-right: 0;
}

.webix_sidebar_popup_title.webix_selected {
    border-left-color: #FF9E3E;
    background: #FF9E3E;
}

.webix_el_arrow {
    width: 18px;
    height: 18px;
    font-size: 15px;
    padding: auto 6px;
    font-family: PT Sans, Tahoma;
    border: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    outline: none;
    color: #ffffff;
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border: 1px solid #dddddd;
}

.webixtype_prev:hover,
.webixtype_prev:hover+.webixtype_prev_arrow,
.webixtype_next:hover,
.webixtype_next:hover+.webixtype_next_arrow {
    background-color: transparent;
}

.padding10 {
    padding: 10px;
}

.margin10 {
    margin: 10px;
}

.dashboard_item {
    border: 1px solid #dddddd;
    background: #fff;
}

.sub_title .webix_template {
    font-size: 20px;
    padding-left: 12px;
    padding-top: 12px;
    margin-bottom: 12px;
}

.flex_tmp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.flex_tmp .item {
    border-radius: 3px;
    position: relative;
    min-width: 150px;
    height: 105px;
    padding-top: 10px;
    margin: 11px 5.5px 0px 5.5px;
    color: #fff;
    -ms-box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    /* Firefox 19- */
    -ms-flex: 1 auto;
    /* TWEENER - IE 10 */
    -webkit-flex: 1 auto;
    /* NEW - Chrome */
    flex: 1 auto;
}

.flex_tmp .item .icon {
    padding-left: 10px;
    height: 73px;
    padding-top: 7px;
    display: block;
    width: 30%;
    font-size: 77px;
    color: rgba(255, 255, 255, 0.17);
}

.flex_tmp .item .details {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 150px;
}

.flex_tmp .item .value {
    font-size: 27px;
    text-align: right;
}

.flex_tmp .item .text {
    width: 100%;
    font-size: 18px;
    text-align: right;
}

.tiles .orders {
    background-color: #a693eb;
}

.tiles .users {
    background-color: #63b4ea;
}

.tiles .item.profit {
    background-color: #49cd81;
}

.tiles .feedbacks {
    background-color: #f19b60;
}

.tiles .feedbacks2 {
    background-color: #f33454;
}

.flex_tmp .footer {
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.05);
}

.flex_tmp .footer .webix_icon {
    font-size: 14px;
}

.highlight {
    background-color: #edf4f9;
    font-weight: bold;
}

.rugilabalabel {
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    padding-right: 10px;
}

.rugilabalabel2 {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
}