.webixappstart {
    opacity:0;
}
.webixapp {
    transition: opacity 500ms;
    opacity: 1;
}
.webix_layout_clean {
    background: white;
}

/*data loading status*/
.status_good, .status_error, .status_saving {
	text-align: center;
	margin-left:-12px;
}
.status_error {
	color:red;
}
.status_good {
	color:green;
}
.lrp_in_progress {
    color:darkorange !important;
}
.field_diff {
    color:red !important;
}
.discount_row {
    background: #ff8d82;
}

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

/*header*/
.app_header,
.app_header .webix_view,
.app_header .webix_menu .webix_list_item {
	background: #34495e;
	color: #ddd;
}
.app_header .webix_menu .webix_list_item.webix_selected {
	color: #fff;
}
.app_header .webix_menu .webix_list_item:hover {
	background-color: #f5f5f5;
	color: #000;
}
.app_header .webix_header .webix_template {
	background-color: #34495e;
	border-bottom:1px solid white;
	text-align: center;
	padding-left:0px;
}

.app_footer {
    border-top:1px solid #aaa;
}

.app_header_toolbar .webix_icon_button .webix_icon {
    color: #8b949e;
}

/*start content*/
.app_start_content {
    padding-left: 100px;
    padding-right: 100px;
    line-height: 24px;
}

.app_start_content h1 {
    font-size: 36px;
}
.app_start_content h2 {
    font-size: 34px;
}
.app_start_content h3 {
    font-size: 32px;
}
.app_start_content h4 {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.app_start_content h5 {
    font-size: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.app_start_content h6 {
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.app_start_content p {
    font-size: 24px;
}

/*content*/
.app_ctxb {
    border-bottom: 1px solid #ddd !important;
}

.app_ctx {
    margin-top: 4px !important;
}

.app_wrapper {
	border-top-left-radius:4px;
}

.app_content {
	background: #fff;
}

.app_toolbar_title {
    margin-top: 10px !important;
    font-size: 17px;
    font-weight: bold;
}

.app_datatable_title {
    margin-top: 5px !important;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0px !important;
    border: 0px;
}

.app_heading {
    font-size: 17px;
    font-weight: bold;
    color: #000 !important;
}

/* same as app_heading but free standing, for use outside a toolbar. lower vertical alignment. */
.app_heading_lower {
    font-size: 17px;
    font-weight: bold;
    margin-top: 5px !important;
}

.app_toolbar_secondary {
    background-color: #e4e4e4;
}

.app_toolbar_secondary .webix_template {
    background-color: #e4e4e4;
    padding: 2px 0px;
    line-height: 17px !important;
    color: black;
}

.webix_toolbar .webix_el_label.app_toolbar_title .webix_el_box,
.app_toolbar_secondary .webix_el_label.app_toolbar_title .webix_el_box {
    padding-top: 2px;
    line-height: 17px !important;
}

.webix_toolbar .webix_el_label.app_toolbar_label .webix_el_box,
.app_toolbar_secondary .webix_el_label.app_toolbar_label .webix_el_box {
    padding-top: 10px;
    line-height: 17px !important;
    font-size: 14px !important;
}

.webix_menu.app_toolbar_menu_icon {
    height: 32px !important;
    border: 0px solid #fff !important;
}

.app_toolbar_menu_icon .webix_list_item {
    padding-left: 7px !important;
    padding-top: 4px !important;
    border: 0px solid #fff !important;
    background-color: #3498db !important;
}

.app_toolbar_menu_icon .webix_list_item .webix_list_icon {
    font-size: 20px !important;
}

.webix_menu.app_toolbar_menu_icon {
    height: 32px !important;
}

.app_toolbar_menu_icon .webix_list_item {
    padding-left: 7px !important;
    padding-top: 4px !important;
    border: 0px solid #fff !important;
    background-color: #3498db !important;
}

.app_toolbar_menu_icon .webix_list_item .webix_list_icon {
    font-size: 20px !important;
}

.app_toolbar_menu_button .webix_list_item {
    color: #fff;
    border: 0px solid #fff !important;
    background-color: #3498db !important;
    text-align: center;
}

.webix_toolbar.app_toolbar_clear {
    background: transparent !important;
    border: 0px solid #fff !important;
}

.webix_toolbar .app_tbr_segmented {

}

.webix_toolbar .app_tbr_segmented .webix_segment_0,
.webix_toolbar .app_tbr_segmented .webix_segment_1,
.webix_toolbar .app_tbr_segmented .webix_segment_N {
    color: #000;
}

.webix_toolbar .app_tbr_segmented .webix_segment_0.webix_selected,
.webix_toolbar .app_tbr_segmented .webix_segment_1.webix_selected,
.webix_toolbar .app_tbr_segmented .webix_segment_N.webix_selected {
    color: #fff;
}

.app_toolbar_secondary .app_tbrsec_seg {

}

.app_toolbar_secondary .app_tbr_segmented .webix_segment_0,
.app_toolbar_secondary .app_tbr_segmented .webix_segment_1,
.app_toolbar_secondary .app_tbr_segmented .webix_segment_N {
    color: #000;
}

.app_toolbar_secondary .app_tbr_segmented .webix_segment_0.webix_selected,
.app_toolbar_secondary .app_tbr_segmented .webix_segment_1.webix_selected,
.app_toolbar_secondary .app_tbr_segmented .webix_segment_N.webix_selected {
    color: #fff;
}

/*.webix_toolbar .webix_el_text input,*/
.app_toolbar_secondary .webix_el_text input {
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
}

.webix_scrollview.app_tabscroller .webix_layout_accordion {
    background: #fff !important;
}

.app_no_top_margin {
    margin-top: 0px !important;
}

.app_small_top_margin {
    margin-top: 4px !important;
}

.webix_form .webix_toolbar + .webix_dtable {
    margin-top: 0px;
}

/* forms */
.app_form_header {
    background-color: #d2e3ef;
    /*border-bottom: none !important;*/
}

.app_form_body {
    border: 1px solid #d2e3ef;
}

.app_form_message .webix_template .title {
    color: #3498db;
    display: block;
    /*line-height: 16px;*/
    font-size: 16px;
    font-weight: 500;
}

.app_form_message .webix_template .text {
    border-left: 2px solid #63b4ea;
    display: block;
    background-color: #fcfcfc;
    padding: 10px;
    font-size: 14px;
    overflow: auto;
}

.webix_info div, .webix_success div {
    background: #63b4ea;
}

.app_form_message .webix_template .info {
    border-left: 2px solid #63b4ea;
}

.app_form_message .webix_template .info:before {
    content: "Information";
    color: #63b4ea;
    display: block;
    /*line-height: 20px;*/
    font-size: 17px;
    font-weight: 500;
}

.app_form_message .webix_template .warning {
    border-left: 2px solid #ea9963;
}

.app_form_message .webix_template .warning:before {
    content: "Warning";
    color: #ea9963;
    display: block;
    /*line-height: 20px;*/
    font-size: 17px;
    font-weight: 500;
}

.webix_error div, .webix_failure div {
    background: #ea6371;
}

.app_form_message .webix_template .error {
    border-left: 2px solid #ea6371;
}

.app_form_message .webix_template .error:before {
    content: "Error";
    color: #ea6371;
    display: block;
    /*line-height: 20px;*/
    font-size: 17px;
    font-weight: 500;
}

.app_form_message .webix_template .webix_icon {
    float: right;
    margin-top: -20px;
    cursor: pointer;
}

.app_form_message .webix_template .action {
    float: right;
    text-align: center;
    background: #3498db;
    color: #fff;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
}

.app_menu_list .webix_list_item {
    border-color: #fff;
}

.app_menu_list .webix_list_item:last-child {
    border-bottom: none;
}

.app_menu_list .webix_list_item:hover {
    background: #f5f5f5;
}

.app_detail_list .webix_list_item {
    border-color: #fff;
}

.app_detail_list .webix_list_item:last-child {
    border-bottom: none;
}

.app_detail_list .title {
    color: #3498db;
    display: block;
    /*line-height: 16px;*/
    font-size: 17px;
    font-weight: 500;
}

.app_detail_list .item {
    border-left: 2px solid #49cd81;
    display: block;
    background-color: #fcfcfc;
    padding: 5px;
    font-size: 14px;
}

.app_detail_list .item.error {
    border-left: 2px solid #ea6371;
}

.app_detail_list .item.error .app_property_name:before {
    content: "Error: ";
    color: #ea6371;
    /*display: block;*/
    /*line-height: 20px;*/
    font-size: 16px;
    font-weight: 500;
}

.app_detail_list .item.warning {
    border-left: 2px solid #ea9963;
}

.app_detail_list .item.warning .app_property_name:before {
    content: "Warning: ";
    color: #ea9963;
    /*display: block;*/
    /*line-height: 20px;*/
    font-size: 16px;
    font-weight: 500;
}

.app_detail_list .item.subitem {
    padding-left: 10px;
}

.app_detail_list .item.enrolments {
    border-left: 2px solid #a693eb;
}

.app_detail_list .item.assessments {
    border-left: 2px solid #63b4ea;
}

.app_detail_list .right {
    float: right;
    text-align: right;
    padding: 0px 10px;
    margin-left: 5px;
}

.app_detail_list .action {
    float: right;
    text-align: center;
    background: #3498db;
    color: #fff;
    border-radius: 3px;
    padding: 0px 10px;
    margin-left: 5px;
}

.app_detail_list .webix_icon {
    float: right;
    padding-top: 5px;
}
.app_detail_list .webix_icon:hover {
    color: #000;
}

.app_detail_list .webix_list_item.webix_selected .webix_icon {
    color: #000;
}

.app_detail_list .webix_list_item.webix_selected .item {
    color: #000;
}

.app_detail_list .webix_list_item.webix_selected .item.enrolments {
    border-left: 4px solid #a693eb;
}

.app_form_separator_hrt div.title {
    border-top: 1px solid #ccc;
    border-bottom: 0px !important;
}

.app_property_name {
    color: #4a4a4a;
    font-size: 14px;
}
.app_property_list div.title {
    border-bottom: 1px solid #ccc;
}
.app_property_list .app_property_name {
    text-align: right;
    background: #f0f0f0;
}
.app_property_list .app_property_name:after {
    content: ": ";
}

app_property_table {

}

.app_italic {
    font-style: italic;
}

.app_detail_area {
    border-left: 1px solid #aaa;
}

.app_hr hr {
    border-top: 1px solid #aaa;
}

.app_text_input_color_blue {
    color: blue !important;
}

.app_ta_r {
    text-align: right;
}

.app_image div.webix_template,
.app_ta_c {
    text-align: center;
}

.app_image div.webix_template img {
    max-width: 100%;
}

.app_sdr_field input,
.app_sdr_field .webix_inp_static,
.app_sdr_field .webix_label_right  {
    background: #DAF2E6;
}

.app_sdr_related input,
.app_sdr_related .webix_inp_static,
.app_sdr_related .webix_label_right,
.app_sdr_related .webix_custom_checkbox {
    background: #FFF4E6;
}

.app_fixed_important {
    color: green;
}

.app_sdr_creg_updated {
    background: #F59127;
    color: white;
}

.webix_el_text.app_field_readonly_important input:focus {
    color: green;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 1px #DDDDDD inset;
}

.webix_el_text.app_field_noborder_important input,
.webix_el_text.app_field_noborder_important input:focus {
    color: green;
    border: none;
    box-shadow: none;
}

.webix_el_search.app_field_readonly input:focus,
.webix_el_text.app_field_readonly input:focus,
.webix_el_combo.app_field_readonly input:focus,
.webix_el_colorpicker.app_field_readonly input:focus,
.webix_el_datepicker.app_field_readonly input:focus,
.webix_el_checkbox.app_field_readonly button:focus {
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 1px #DDDDDD inset;
}

.webix_el_search.app_field_readonly label,
.webix_el_text.app_field_readonly label,
.webix_el_combo.app_field_readonly label,
.webix_el_colorpicker.app_field_readonly label,
.webix_el_datepicker.app_field_readonly label,
.webix_el_checkbox.app_field_readonly label {
    color: #999999;
}

.webix_el_richselect.app_field_readonly .webix_inp_static:focus,
.webix_el_datepicker.app_field_readonly .webix_inp_static:focus,
.webix_el_colorpicker.app_field_readonly .webix_inp_static:focus,
.webix_el_dbldatepicker.app_field_readonly .webix_inp_static:focus {
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 1px #DDDDDD inset;
}
.webix_el_textarea.app_field_readonly textarea:focus {
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 1px #DDDDDD inset;
}
.webix_el_select.app_field_readonly select:focus {
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 1px #DDDDDD inset;
}

.webix_el_search.app_field_noborder input,
.webix_el_text.app_field_noborder input,
.webix_el_combo.app_field_noborder input,
.webix_el_colorpicker.app_field_noborder input,
.webix_el_datepicker.app_field_noborder input {
    border: none;
    box-shadow: none;
}

.webix_el_search.app_field_noborder input:focus,
.webix_el_text.app_field_noborder input:focus,
.webix_el_combo.app_field_noborder input:focus,
.webix_el_colorpicker.app_field_noborder input:focus,
.webix_el_datepicker.app_field_noborder input:focus {
    border: none;
    box-shadow: none;
}

.webix_el_richselect.app_field_noborder .webix_inp_static:focus,
.webix_el_datepicker.app_field_noborder .webix_inp_static:focus,
.webix_el_colorpicker.app_field_noborder .webix_inp_static:focus,
.webix_el_dbldatepicker.app_field_noborder .webix_inp_static:focus {
    border: none;
    box-shadow: none;
}
.webix_el_textarea.app_field_noborder textarea:focus {
    border: none;
    box-shadow: none;
}
.webix_el_select.app_field_noborder select:focus {
    border: none;
    box-shadow: none;
}
.app_validation_error{
    background-color:#660000;
    color: #FFFFFF;
}
.app_validation_warning{
    background-color:#FFEE33;
    color: #000000;
}

/* icon declarations */

.axi-exlamation:before { content: "\f120"; }
.axi-info:before { content: "\f170"; }
.axi-info1:before { content: "\f171"; }
.axi-warning:before { content: "\f123"; }
.axi-student:before { content: "\f13a"; }
.axi-flight:before { content: "\f133"; }
.axi-money:before { content: "\f152"; }
.axi-phone-handle:before { content: "\f132"; }
.axi-user:before { content: "\f113"; }
.axi-staff:before { content: "\f15f"; }
.axi-search:before { content: "\f119"; }
.axi-gears:before { content: "\f14b"; }
.axi-log:before { content: "\f15a"; }
.axi-audit:before { content: "\f15b"; }
.axi-solid-circle:before { content: "\f15d"; }
.axi-view:before { content: "\f117"; }

.axi-refresh:before { content: "\f112"; }
.axi-add:before { content: "\f111"; }
.axi-edit:before { content: "\f122"; }
.axi-save:before { content: "\f13b"; }
.axi-apply:before { content: "\f161"; }
.axi-delete:before { content: "\f12a"; }
.axi-cancel:before { content: "\f124"; }
.axi-stop:before { content: "\f12b"; }
.axi-copy:before { content: "\f140"; }
.axi-clone:before { content: "\f140"; }
.axi-status:before { content: "\f141"; }
.axi-print:before { content: "\f142"; }
.axi-calc:before { content: "\f149" }
.axi-search:before { content: "\f119"; }
.axi-clear:before { content: "\f160"; }

.axi-back:before { content: "\f114"; }
.axi-play:before { content: "\f107"; }
.axi-curved-arrow-down:before { content: "\f13c"; }
.axi-curved-arrow-up:before { content: "\f13d"; }
.axi-curved-arrow-right:before { content: "\f13e"; }
.axi-curved-arrow-left:before { content: "\f13f"; }

.axi-download:before { content: "\f11f"; }
.axi-upload:before { content: "\f156"; }

.axi-darrow-left:before { content: "\f10a"; }
.axi-darrow-right:before { content: "\f10b"; }
.axi-darrow-up:before { content: "\f108"; }
.axi-darrow-down:before { content: "\f109"; }

.axi-arrow-left:before { content: "\f10e"; }
.axi-arrow-right:before { content: "\f10f"; }

.axi-qual:before { content: "\f14f"; }
.axi-attach:before { content: "\f14c"; }
.axi-target:before { content: "\f131"; }
.axi-check:before { content: "\f134"; }
.axi-circle:before { content: "\f130"; }

.axi-settings:before { content: "\f14a"; }
.axi-class:before { content: "\f163"; }
.axi-comps:before { content: "\f164"; }
.axi-vline:before { content: "\f165"; }
.axi-vdots:before { content: "\f166"; }
.axi-hdots:before { content: "\f129"; }
.axi-stack:before { content: "\f167"; }
.axi-invoice:before { content: "\f168"; }
.axi-double-check:before { content: "\f169"; }
.axi-single-check:before { content: "\f16a"; }
.axi-email:before { content: "\f14e"; }
.axi-table:before { content: "\f16d"; }
.axi-postit:before { content: "\f172"; }
.axi-defer-task:before { content: "\f173"; }
.axi-tasks:before { content: "\f143"; }
.axi-group-huddle:before { content: "\f15c"; }
.axi-tasks-complete:before { content: "\f143"; }
.axi-tasks-incomplete:before { content: "\f144"; }
.axi-people:before { content: "\f163"; }