@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
}

body,
.webix_view
 {
    font-family: 'Open Sans', sans-serif;
}

/**********************************************
 * Common corona styling
 **********************************************/
.stackTitle {
    font-weight: bold;
    font-size: 120%;
}

/*  Interface Sidebar */
.coronaMenuWrapper {
    background-color: #49565C;
}

.webix_sidebar .webix_tree_item:hover {
    background-color: #515D64;
   -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
}

.webix_sidebar .webix_tree_branch_1 {
    background-color: #49565C;
    border-bottom: #49565C;
}

.webix_sidebar .webix_tree_item {
    color: #ccc;
}

.webix_sidebar_selected {
    background-color: #555;
    }

.webix_sidebar .webix_tree_item.webix_selected{
    box-shadow: 0px 0 #f17221 inset;
    background-color: #f17221;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.webix_sidebar_selected {
    background-color: #868e96;
}

.webix_sidebar_expanded .webix_tree_item.webix_selected {
    background-color: #777E86;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.webix_tree .webix_scroll_cont > .webix_tree_leaves {
    padding: 0;
}

.webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
    line-height: 45px;
    height: 45px;
}

.webix_sidebar .webix_tree_item.webix_selected span,
.webix_sidebar .webix_tree_item span {
    margin: 10px;
}

.webix_sidebar .webix_tree_item{
    box-shadow: 0px 0 #f17221 inset;
    -webkit-transition: box-shadow 3s ease-in-out;
    transition: box-shadow 3s ease-in-out;
}

.webix_tree_item.webix_selected span {
    color: #fff;
}

.webix_el_button.nowrap button, .nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Default fonts */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/**********************************************
 * Basic Corona objects, default styling for coronainterface
 **********************************************/

 /** Default Headers */
.webix_view.header1 > div,
.webix_view.header2 > div,
.webix_view.header3 > div,
.webix_view.header4 > div {
    color: #fff;
}
.webix_view.header1 > div {
    background-color: #a693eb;
}
.webix_view.header2 > div {
    background-color: #63b4ea;
}
.webix_view.header3 > div {
    background-color: #f19b60;
}
.webix_view.header4 > div {
    background-color: #49cd81;
}

 /* Toolbar*/
.webix_toolbar {
    background: #fff;
    color: #49565C;
    border-bottom-width: 1px !important;
    border-color: #d8e0e3 !important;
}

.webix_tree_item:hover {
    background-color: #fafafa;
}

 /* ToolbarIcon */
.toolbaricon .webix_icon {
    line-height: 190%;
}

.toolbaricon {
    padding:0;
    text-align: center;
    margin-left: -1px !important;
}

 /* Widgets */
.widget-shadow {
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    border-radius: 2px;
}

/* ?? */
.webix_property_label_line {
    background-color: #3498DB;
    color: #FFF;
}

/* Datatable */
.webix_dtable .rowhover {
    background: #FDFDFD none repeat scroll 0 0;
}

.webix_layout_space > .custom.webix_view {
    border-radius: 4px;
}
/**
 * Header block
 */
.header .webix_el_label,
.header .toolbaricon button .webix_icon_btn,
.header .toolbaricon:hover button .webix_icon_btn,
.header .webix_icon_button .webix_icon {
    color: #49565C;
}

.title-large {
    font-size: 200%;
    font-weight: bold;
    color: #69727B;
}

/* Spinner buttons */
.fa-spin.fa, .fa-spin.webix_icon,
.fa-spin.webix_icon_btn,
.fa-spin.webix_input_icon {
    padding: 0;
    margin-right: 5px;
}

/* Label without borders */
.webix_property.noborder .webix_property_label {
    border-right: none;
}

/* Global CSS styling */
.transparent {
    background: transparent;
}

/**********************************************
 * Input field styling
 **********************************************/

input,
.webix_inp_static {
    padding: 5px !important;
    border: 1px solid #aaa !important;
    border-radius: 5px !important;
    -webkit-transition: .2s ease-in-out !important;
    transition: .2s ease-in-out !important;
}

input:focus {
    border: 1px solid #F17221 !important;
}

.webix_view .webix_layout_form input,
.webix_view .webix_layout_form .webix_inp_static,
.webix_view .webix_layout_form select {
    background-color: #fff;
}

.loginScreen .webix_view.webix_form {
    background-color: transparent;
}

.selected-date-title *{
    background-color:  transparent !important;
    border: 1px solid transparent !important;
}

.webix_ss_header {
    border-bottom: 1px solid rgb(201, 201, 201);
}


/***********************************************************************
 * Buttons
 ***********************************************************************/
.webix_el_button input,
.webix_el_toggle input,
.webixbutton input,
.webix_el_button button,
.webix_el_toggle button,
.webixbutton button {
    border: 1px solid #F17221;
    color: #F17221;
}

.webix_el_button.button_primary input:hover,
.webix_el_toggle.button_primary input:hover,
.webixbutton.button_primary input:hover,
.webix_el_button.button_primary button:hover,
.webix_el_toggle.button_primary button:hover,
.webixbutton.button_primary button:hover,
.webix_el_button.button_primary input:active,
.webix_el_toggle.button_primary input:active,
.webixbutton.button_primary input:active,
.webix_el_button.button_primary button:active,
.webix_el_toggle.button_primary button:active,
.webixbutton.button_primary button:active
.webix_el_button.button_danger input:hover,
.webix_el_toggle.button_danger input:hover,
.webixbutton.button_danger input:hover,
.webix_el_button.button_danger button:hover,
.webix_el_toggle.button_danger button:hover,
.webixbutton.button_danger button:hover,
.webix_el_button.button_danger input:active,
.webix_el_toggle.button_danger input:active,
.webixbutton.button_danger input:active,
.webix_el_button.button_danger button:active,
.webix_el_toggle.button_danger button:active,
.webixbutton.button_danger button:active {
    -webkit-transition:  all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.webix_inp_counter_next, .webix_inp_counter_prev {
    color: #F17221;
}

/***********************************************************************
 * Breadcrumbs
 ***********************************************************************/
.breadcrumb-outer {
    padding-right: 10px;
}

.breadcrumb-wrapper {
    background-color:#fff;
}


.breadcrumb-wrapper .breadcrumb-outer:after {
    content: '>';
    bottom: 25px;
    right: -10px;
    position: relative;
    float: right;
    color: #F17221;
}

.breadcrumb-wrapper .breadcrumb-outer:nth-last-child(1):after {
    content: '';
}

.moduleHeader {
    background-color: #fff;
}


/***********************************************************************
 * Set wordwrap to normal
 ***********************************************************************/
.webix_template {
    word-break: normal;
}

/***********************************************************************
 * Properties table
 ***********************************************************************/
.webix_template > table.properties td {
    word-wrap: normal;
    word-break: normal;
    line-height: 34px;
    vertical-align: top;
    border: 0px;
}

.webix_template > table.properties td:first-child {
    width: 180px;
}

.webix_template > table.properties td:nth-child(2) {
    border-bottom: 1px solid #edf2f1;
}

.webix_template > table.properties tr:last-child td {
    border-bottom: 0px;
}

.webix_template > table.properties i.fa {
    font-size: 120%;
}

/***********************************************************************
 * WUIv styles specialized components
 ***********************************************************************/

 /**
 * wuiv::Comment
 */
.comment > div {
    font-weight: normal;
}

/**
 * wuwiv::FormLabel
 */
.formLabel > div {
    padding-left: 0px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 10px;
    font-size: 130%;
    color: #F17221 !important;
}
.formLabel {

}

.formPanel {
    background-color: #FFF;
}


/**
 * wuiv::ButtonHeader
 */
.buttonHeader > div {
  font-family: inherit;
  font-size: 14px;
  text-align: center;
  color: #979ea5;
}

.red-bg {
    background-color: red;
}

.coronaScreenLayout {
    margin:0 !important;
}
.screen {
    background-color: #F7F7F7;
}

.menu-toggle.webix_el_button.button_transparent button {
    padding: 0 6px;
}

.menu-toggle.webix_el_button.button_transparent button span {
    color: #fff;
}

/***********************************************************************
 * Login screen styles
 ***********************************************************************/

.loginRightImage {
    background-image: url('../images/bg.jpg');
    background-position: center center;
    background-size: cover;
    height: 100vh;
    padding: 0px;
}

.loginScreen {
    background-color: #fafafa;
}

/***********************************************************************
 * Webix Error Popup
 ***********************************************************************/
 .webix_error {
    background: #fff !important;
    border: 0 solid transparent !important;
}

.webix_error div {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #F22613;
}

.logo img {
    cursor: pointer;
}

/* Search input restyling */
div[view_id='globalsearch'] input {
    height: 45px !important;
    margin-top: 16px !important;
    border-radius: 4px !important;
    border-color: #D8E0E3 !important;
}

/* Search icon placement fix */
div[view_id='globalsearch'] .webix_el_box .webix_input_icon {
    color: #C0C0C0 !important;
    font-size: 24px !important;
    margin-top: 16px !important;
    padding-top: 5px !important;
    padding-right: 18px !important;
    height: 50px !important;
}

/* Welcome label (menu on the right) fix */
div[view_id='welcomeLabel'] div,
div[view_id='welcomeLabel'] span {
    color: #69707A !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
    cursor: pointer !important;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

/* Logo styling */
#application-logo {
    height: 50px;
    width: 220px;
    padding-left: 12px;
    padding-top: 12px;
}


div.combo-button .webix_inp_static {
  border: solid 1px #d9e0e3;
  color: #777e85;
  border-radius: 0px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: none;
  text-align: center;
  padding: 0px 12px;
  margin: 0;
}

div.combo-button:hover .webix_inp_static {
  border: solid 1px #d9e0e3;
  background-color: #eee;
  color: #777e85;
  cursor: pointer;
}

div.combo-button:hover span{
    cursor: pointer;
}

/*.list-Action-Box*/
.combo-button button {
  border: solid 1px #d9e0e3;
  color: #777e85;
  border-radius: 0px;
}
.combo-button.white-bg button {
    background-color: #fff;
}

/*.list-Action-Box*/ .combo-button .webix_placeholder {
  color: #777e85;
  border-radius: 0px;
}

/*.list-Action-Box*/ .combo-button.webix_disabled_view .webix_placeholder {
  color: #b9bfc4;
}

.list-Action-Box {
    border: 1px solid #d9e0e3;
    border-radius: 0px 0px 5px 5px;
}

/*.list-Action-Box*/ .combo-button button:hover {
  border: solid 1px #d9e0e3;
  background-color: #eee;
  color: #777e85;
}

/*.list-Action-Box*/ .combo-button button:focus {
  border: solid 1px #d9e0e3;
  color: #777e85;
}

/*.list-Action-Box*/ .combo-button:first-child button, /*.list-Action-Box*/ .combo-button:first-child .webix_inp_static {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*.list-Action-Box*/ .combo-button:last-child button, /*.list-Action-Box*/ .combo-button:last-child .webix_inp_static  {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}