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

.app_versions {
  background-color: #F2F3F7 !important;
}

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

.center{
	text-align: center;
}

.app-left-panel .webix_menu .webix_list_item.spacer:hover{
	background-color: black;
	cursor:default;
}
.webixapp{
	background: darkgrey;
}
/*.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: black;
	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: darkgrey;
	border-bottom:1px solid white;
	text-align: center;
	padding-left:0px;
}

/*right side panel*/
/*.app-right-panel{*/
/*	border-top-left-radius:4px;*/
/*}*/
/*.app-right-panel .webix_layout_wide{*/
/*	background: #fff;*/
/*}*/


/* sync status */
.status_good{
	color:#ddd;
}

.webix_dataview_item * .reports {
	font-size: 9px;
	height: 140px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: padding-box;
	background: white;
	padding: 8px;
	margin: 8px 8px 16px 8px;
	cursor: pointer;
	text-align: left;
	border: solid black medium;
	/*line-height: 12px;*/
}

.reports_container {
	padding: 1px;
}
.reports_parent * .webix_selected {
	background: white;
}

.webix_dataview_item.webix_selected * .reports {
	color: #fff;
	background: lightblue;
	border-radius: 4px;
	border: solid white medium;
}

.reports {
	background: #dddddd;
	color: black;
	border-radius: 4px;
	border: solid white medium;
}

.form_constraint * .webixtype_base {
	background: #dddddd;
	color: black;
}

.form_constraint * .webix_pressed > button {
	color: white;
}
.slippery {
	background: ghostwhite;
}
/*.slipperyish * div.webix_dataview_item {*/
.slipperyish {
	/*background: #c9c9c9;*/
	border-radius: 6px;
	/*background-image: linear-gradient(rgba(0,200,200,.1) 50%, transparent 0);*/
	background-size: 64px 64px;
	/*padding: 12px;*/
	background-origin: content-box;
	border: 3px double black;
	margin-bottom: 18px;
	/*height: 1124px;*/
}
span.tselected {
	color: #134771;
}
.webix_tree_item.webix_selected > span.xron {
	padding-left: 2px;
	margin-left: -4px;
}
.webix_tree_item > span.xron {
	padding-left: 8px;
	margin-left: 0;
}
.webix_tree_item.webix_selected > span.tselected {
	background-color: white;
	padding: 0;
	color: black;
}
.webix_tree_folder {
	background-image: url(icons/folder.png);
	background-position: 0px 4px;
}
.webix_cell > .webix_tree_folder_open,
.webix_cell > .webix_tree_folder,
.webix_cell > .webix_tree_file {
	margin-top: 5px;
}
.webix_tree_folder_open, .webix_tree_file {
	background-image: url(icons/folder_open.png);
	background-position: 0px 4px;
}
.webix_tree_file-excel-o {
	background-image: url(icons/file-excel-o.png);
}
.webix_tree_file-pdf-o {
	background-image: url(icons/file-pdf-o.png);
}
.webix_tree_file-text-o {
	background-image: url(icons/file-text-o.png);
}

.visual_tree {
	font-size: 7px;
}

div.is_webix_intro {
	text-align: center;
	padding-top: 24px;
	color: #3498db;
}

div.is_webix_heading {
	font-size: 36px;
}

div.is_webix_details {
	padding-top: 24px;
	font-size: 18px;
}

.self_menu {
	font-size: 18px;
	font-weight: bolder;
}

.author_label {
	font-weight: bolder;
}

.app-left-panel
{
	background: transparent;
	cursor:default;
}

.stell {
	font-size: 12px;
	color: #3498db;
}

.cb_gbar * .webix_input_icon {
	margin-top: 6px;
}
.noob
{
    opacity:.50;
    filter: alpha(opacity=50);
    background-color: green;
    border: 1px solid black;
}
.loob
{
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: #ffe77f;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.foob
{
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: oldlace;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.hoob
{
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: oldlace;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.poob
{
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: #2383c4;
	border: 1px solid black;
}

.noob .ui-resizable-sw,
.noob .ui-resizable-nw,
.noob .ui-resizable-ne,
.noob .ui-resizable-se
{
    background: url(icons/handles.png) no-repeat 0 0;
    width: 12px;
    height: 12px;
}
.noob .ui-resizable-sw { left: 0; bottom: 0; }
.noob .ui-resizable-nw { left: 0; top: 0; background-position: 0 -12px; }
.noob .ui-resizable-ne { right: 0; top: 0; background-position: 0 -24px; }
.noob .ui-resizable-se { right: 0; bottom: 0; background-position: 0 -36px; }

/*.slippery .webix_dataview_item {*/
	/*width: 1560px !important;*/
/*}*/
.regex input {
  font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.is_field_units *.webix_list_item, .is_field_units *.webix_list_item.webix_selected {
	padding-left: 24px;
}

.nvidtop {
	width: auto
}

.webix_tree_file, .webix_tree_folder_open, .webix_tree_folder {
  	margin-left: 12px;
  	margin-top: 4px;
	color: black;
}

.webix_selected {
	color: black;
}

.up_overall { height:100%; line-height: 26px; }
.up_name { height:100%; float:left; overflow: hidden; }
.up_size {	padding: 0 10px; width: 100px; text-align: right; float: right; }
.up_remove_file { float:right; width:15px; padding-left: 10px; }
.up_status {
	float: right;
	position: relative;
	margin-top: 4px;
	width: 80px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #A4BED4;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.up_progress { height: 100%; position: absolute; background-color: #b8e6ff; }
.up_message { z-index: 1; width:100%; text-align:center; position: absolute; }
.up_message.error { color: #e83b3b; }

.select_one {
	/*float: right;*/
	line-height: 28px;
}
.btn_left {
	float: left;
	margin-right: 12px;
}
.btn_right {
	float: right;
}

.webix_el_datepicker .webix_input_icon {
	padding-left: 0 !important;
}

.page_counter .webix_inp_counter_value {
	width: 120px;
}
.search_local .webix_inp_counter_value {
	width: 120px;
	background-color: green;
	color: white;
}
.search_results .webix_inp_counter_value {
	width: 100px;
	background-color: lightsalmon;
}

.login_back {
	background-color: black;
}
.login_mid {
	background: url(icons/bg_honeycomb.png) repeat fixed;
}

.login_heading {
	background-color: rgba(0, 0, 0, 0.84);
	background-image: url(icons/logo.png);
	background-repeat: no-repeat;
	background-position: center;
}

.product_heading {
	margin-top: 12px;
	background-color: black;
}

.emulate_heading {
	background-color: black;
}

.customer_heading {
	background-color: white;
}

.chart_report {
	color: white;
	font-size: 12pt;
	font-weight: bold;
}

.message_text {
	font-weight: normal;
}
.message_item {
	margin-top: 12px;
	font-weight: bold;
}
.message_visible {
	float: right;
}
.message_subject {
	margin-left: 12px;
}
.msg_info {
	color: black;
}
.msg_alert {
	color: orangered;
}

.msg_warning {
	color: darkred;
}

.micro_dtable {
	font-size:  11px;
}


.uploader_overall{ height:100%; line-height: 26px;}
.uploader_name{ height:100%; float:left; overflow: hidden;}
.uploader_size{	padding: 0 10px; width: 100px; text-align: right; float: right;}
.uploader_remove_file{ float:right; width:15px; padding-left: 10px;}
.uploader_status{
    float: right;
    position: relative;
    margin-top: 4px;
    width: 80px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #A4BED4;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.uploader_progress{ height: 100%; position: absolute; background-color: #b8e6ff;}
.uploader_message{ z-index: 1; width:100%; text-align:center; position: absolute;}
.uploader_message.error{ color: #e83b3b;}
.gridhover {
	background: #F0DCB6;
}