/**
 * Icon
 **/
.ui-icon {
	display: inline-block;
}

/**
 * JSTree
 **/
.jstree a {
	vertical-align: top;
	white-space: normal !important;
	height: auto !important;
	margin-right: 18px !important;
}

.jstree-os_niveau ins {
	vertical-align: top;
}
#dtps_mod_content .jstree-os_niveau,
#dtps_mod_content .jstree-os_niveau.jstree-focused,
.dtps_dialog .jstree-os_niveau,
.dtps_dialog .jstree-os_niveau.jstree-focused {
	background: transparent;
}
#dtps_sidebar_content .jstree-os_niveau,
#dtps_sidebar_content .jstree-os_niveau.jstree-focused {
	background: #F4F4F4;
	border-radius: 9px 0 0 9px;
}
/**
 * Dialog
 **/
.ui-dialog {
	background-color: #ffffff;
	background-image: none;
	border-radius: 9px;
}

.ui-dialog .ui-dialog-titlebar {
	margin: 17px 17px 0;
	padding: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #011d47;
	color: #011d47;
	text-transform: uppercase;
}

.ui-dialog .ui-dialog-titlebar-close {
	top: 0;
	right: 0;
	margin: 0;
}

.ui-dialog .ui-dialog-content {
	margin: 20px 17px 17px;
	padding: 1px;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: transparent;
	border-top: 1px solid #011d47;
	margin: 0 20px;
	padding: 10px 0;
}

.ui-dialog .ui-state-hover, .ui-dialog .ui-state-focus { border-color: transparent; background-color: transparent; background-image: none; }
.ui-dialog .ui-state-hover .ui-icon, .ui-dialog .ui-state-focus .ui-icon { background-image: url(ui-icons_333333_256x240.png?548a05af48ef6545db2fd999b12ca937); }

/**
 * Tabs
 **/
.ui-tabs {
	padding: 0;
	border: none;
}

.ui-tabs .ui-tabs-nav {
	border-bottom: #BED7EB solid 1px;
	line-height: 20px;
  	padding: 0;
	margin-top: -5px;
}

.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	position: relative;
	width: auto;
	background: #BED7EB;
	color: #011d47;
	border: #BED7EB solid 1px;
	border-radius: 9px 9px 0 0;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	padding: 5px 20px;
	margin: 5px 3px 0 0;
	font-size: 1.2em;
}

.ui-tabs .ui-tabs-nav li:hover {
	background: #E7EFFA;
	/* border-bottom: #E7EFFA solid 1px; */
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: #5C9ACD;
	border-color: #5C9ACD;
	color: #fff;
  	cursor: default;
}
.ui-tabs .ui-tabs-nav li a {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #011d47;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	color: #fff;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	cursor: default;
	outline: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 0;
}

/**
 * Button
 **/
.ui-button, input.ui-button, .bluebutton, input.bluebutton { 

	/* height: 20px; */
	line-height: 20px;
	margin: 0 1px;
	padding: 0 15px;
	border: none;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
}

.bluebutton.simple {
  padding: 4 10px;
	line-height: normal;
}

.ui-button.ui-state-default, .bluebutton {

  background: #5c9acd;
  color: #fff;
	background-image: none;
	border: 1px solid #5C9ACD;
}

.ui-button.ui-state-hover, .bluebutton:hover, .ui-button.ui-state-default:hover {
	background: #bed7eb;
	color: #333333;
}
.ui-button.ui-state-hover .ui-button-icon-primary {
	background-image: url(ui-icons_333333_256x240.png?548a05af48ef6545db2fd999b12ca937);
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
	position: absolute;
	left: 10px;
	top: 50%;
	margin: -9px 0 0;
	padding: 0;
}

.ui-button .ui-button-text, .ui-button-text-only .ui-button-text {
	position: relative;
	display: inline-block;
	padding: 0;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	margin-left: 16px;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
	margin-right: 16px;
}

/**
 * Input-status
 **/
.dtps_status_success {
	background-color: #E7F3D3 !important;
	color: #88C424 !important;
	border-color: #88C424 !important;
}

.dtps_status_change {
	background-color: #FCF5AE !important;
}

.dtps_status_failed {
	background-color: #F9D1D6 !important;
	color: #E21D37 !important;
	border-color: #E21D37 !important;
}

.webix_cell.red {
	color: red;
}

.webix_cell.green {
	color: green;
}

.webix_cell.highlight_greenish {
	background-color: #DCFFE4;
}

.webix_cell input.webix_table_checkbox {
  	width: 18px;
  	height: 18px;
  	margin: 4px auto;
}

.webix_view {
color: #333;
}

.center{
  	text-align:center;
}

.webix_layout_toolbar.webix_toolbar {
    /* color: #fff; */
    /* font-size: 16px; */
    background: #5C9ACD;
}

/* loadmask */

#dtps_page .loadmask {
	background: #f4f4f4;
}