/* HTML + Body */
html,body  {
  margin:               0px;
  width:                100%;
  height:               100%;
  color:                #000000;
  font-size:            12px;
  font-family:          Trebuchet MS, Tahoma, Arial;
  overflow:             hidden;
  background-color:     white;
}
body {
  /*min-width:            1240px;*/
}
table {
  color:                #000000;
  font-size:            12px;
  font-family:          Trebuchet MS, Tahoma, Arial;
}

/* Startscreen */
div#startscreen {
  z-index:              220;
  position:             absolute;
  width:                100%;
  height:               100%;
  background-color:     #000000;
  background-repeat:    no-repeat;
  background-position:  center center;
}
div.startscreen-rexago360 {
  background-image:     url('../img/design/startscreen-rexago360.jpg');
}
div.startscreen-salespilot {
  background-image:     url('../img/design/startscreen-salespilot.jpg');
}

/* Login */
iframe.iframe_hidden {
  position:             absolute;
  width:                1px;
  height:               1px;
  left:                 -100px;
  top:                  -100px;
  font-size:            1px;
}

/* Header */ 
div#boxHeader {      
  width:                100%;  
  height:               80px;  
  background:           #FFFFFF;  
  background:           -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* FF3.6+ */
  background:           -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F3F3F3)); /* Chrome,Safari4+ */
  background:           -webkit-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* Chrome10+,Safari5.1+ */
  background:           -o-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* Opera 11.10+ */
  background:           -ms-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* IE10+ */
  background:           linear-gradient(to bottom, #FFFFFF 0%, #F3F3F3 100%); /* W3C */
}
div#boxLogo {
  position:             absolute;
  margin:               27px 0 5px 37px;
  width:                160px;
  height:               50px;
  background-image:     url('../img/logo/rexago.svg');
  background-repeat:    no-repeat;
  background-position:  left center;
  background-size:      contain;
  z-index:              1;
}
div#boxProdukt {
  position:             absolute;
  margin:               30px 0 0 243px;
  width:                200px;
  height:               20px;
  font-size:            13px;
  text-align:           left;
  z-index:              2;
}
div#boxSearch {
  position:             absolute;
  right:                0;
  margin:               75px 30px 0 0;
  z-index:              10;
}
div#boxNavigation {
  position:             absolute;
  right:                0;
  margin:               32px 30px 0 0; 
}
div#boxLogged {
  position:             absolute;
  right:                0;
  margin:               6px 30px 0 0; 
  /*margin:               82px 30px 0 0; */
  z-index:              1;
}

/* Bar */ 
div.bar_outter {
  float:                left;
  margin-left:          2px;
  width:                114px;
  border:               1px solid #AAAAAA;
}
div.bar_state {
  height:               12px;
  background:           #72c868;  
  background:           -moz-linear-gradient(top, #89f27d 0%, #72c868 50%, #6ebc62 51%, #72c868 100%); /* FF3.6+ */
  background:           -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89f27d), color-stop(50%,#72c868), color-stop(51%,#6ebc62), color-stop(100%,#72c868)); /* Chrome,Safari4+ */
  background:           -webkit-linear-gradient(top, #89f27d 0%,#72c868 50%,#6ebc62 51%,#72c868 100%); /* Chrome10+,Safari5.1+ */
  background:           -o-linear-gradient(top, #89f27d 0%,#72c868 50%,#6ebc62 51%,#72c868 100%); /* Opera 11.10+ */
  background:           -ms-linear-gradient(top, #89f27d 0%,#72c868 50%,#6ebc62 51%,#72c868 100%); /* IE10+ */
  background:           linear-gradient(to bottom, #89f27d 0%,#72c868 50%,#6ebc62 51%,#72c868 100%); /* W3C */
  filter:               progid:DXImageTransform.Microsoft.gradient( startColorstr='#89f27d', endColorstr='#72c868',GradientType=0 ); /* IE6-9 */
}        
div.bar_value {
  position:             absolute;      
  width:                114px;
  text-align:           center;
  line-height:          12px;    
  font-size:            9px;    
  text-shadow:          0 1px 0 #fff; 
}

/* Auflistung ul/ol ohne Einrückung */
.noindent {
  padding-left: 14px;
}

/* Button */
.button {
  margin:               1px 2px;
  padding:              0 17px;
  clear:                both;
  color:                #030303;
  cursor:               default;
  background-color:     #e9e7e7;
  font-family:          Tahoma;
  font-size:            inherit;
  font-style:           normal;
  text-align:           center;
  overflow:             hidden;
  position:             relative;
  border:               0;
  -moz-user-select:     none;
}
button.button {
  height:               24px;
}
a.button {
  display:              block;
  line-height:          24px;
  text-decoration:      none;
}
.button:hover {
  background-color:     #D6D6D6;
  cursor:               pointer;
}
.button:focus {
  outline:              1px dotted #000000;
}
.button:active {
  background-color:     #D1D1D1;
}
.button.disabled {
  color:                #999999;    
  cursor:               default;    
  background-color:     transparent;
}
.button-disabled:hover {
  cursor:               default;    
  background-color:     transparent;
}
.button-disabled:focus {
  outline:              0;
}
.button-disabled:active {
  background-color:     transparent;
}

/* Form */
.dhxform_obj_dhx_web div.dhxform_txt_label2 {
  margin: 0 !important;
}
.dhxcombo_input {
  padding: 1px 4px !important;
}
.dhxform_select {
  border: 1px solid #FFFFFF !important;
  border-bottom: 1px solid #d8d9db !important;
}
.dhxcombo_dhx_web {
  border-bottom: 1px solid #d8d9db !important;
}
option {
  padding-top: 1px;
  padding-bottom: 1px;
}
option:checked {
  color: #000000;
  background: #b2b2b2 linear-gradient(90deg, #c3c3c3 0%, #c3c3c3 100%);
}
.dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node div.dhxform_img, .dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node div.dhxform_actv_c {
  margin-top: 2px !important;
}

/* Template */
.tmp-clear {
  clear:                both;
}

/* Links */
a.link {
  color: #C80000;
  border-bottom: 1px dotted #C80000;
  text-decoration: none;
}
a.link:hover {
  color: #ff2626;
  border-bottom: 0px;
  text-decoration: underline;
}

/* Cursor */
.mocursor {
  cursor:               default; 
}
.mocursor:hover {
  cursor:               pointer;
}

/* Videos */
.video_notstarted {
  border-top: 2px solid #b80718;
  border-bottom: 2px solid #b80718;
}
.video_started {
  border-top: 2px solid #FF9900;
  border-bottom: 2px solid #FF9900;
}
.video_completed {
  border-top: 2px solid #00CC00;
  border-bottom: 2px solid #00CC00;
}

/* Diverses */
.text {
  font-size: 14px;
  line-height: 20px;
}

/* Formular Fixes */
.dhxform_obj_dhx_web .dhxform_select {
  padding: 4px 4px !important;
}

/* Layout Fixes */
.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
  background-position: -16px 0px;
}

/* Button 2-State DHTMLX */
.dhxform_obj_dhx_web div.dhxform_img.btn2state_0 {
  background-image:     url("../assets/dhtmlx/skins/web_rexago/imgs/dhxform_web/toggle_off.png");
  width:                42px;
  height:               20px;
}
.dhxform_obj_dhx_web div.dhxform_img.btn2state_1 {
  background-image:     url("../assets/dhtmlx/skins/web_rexago/imgs/dhxform_web/toggle_on.png");
  width:                42px;
  height:               20px;
}
.dhxform_obj_dhx_web div.disabled div.dhxform_img.btn2state_0 {  
  background-image:     url("../assets/dhtmlx/skins/web_rexago/imgs/dhxform_web/toggle_off_dis.png");
  width:                42px;
  height:               20px;
}
.dhxform_obj_dhx_web div.disabled div.dhxform_img.btn2state_1 {  
  background-image:     url("../assets/dhtmlx/skins/web_rexago/imgs/dhxform_web/toggle_on_dis.png");
  width:                42px;
  height:               20px;
}

/* Sidebar Zwei Zeilen Template DHTMLX */
.dhxsidebar_tpl_tworows div.dhxsidebar_item .enable_progress {
  height: 44px;
  line-height: 44px;
}
.dhxsidebar_tpl_tworows div.dhxsidebar_item .disable_progress {
  height: 38px;
  line-height: 38px;
}
.dhxsidebar_tpl_tworows img.dhxsidebar_item_icon {
  top: 3px !important;
  left: 4px !important;
}
.dhxsidebar_tpl_tworows div.line_one,
.dhxsidebar_tpl_tworows div.line_progress,
.dhxsidebar_tpl_tworows div.line_two {
  margin-left: 28px;
}
.dhxsidebar_tpl_tworows div.line_one {
  margin-top: 4px;
  line-height: 16px;
}
.dhxsidebar_tpl_tworows div.line_two {
  margin-top: 1px;
  line-height: 12px;
  font-size: 10px;
  color: #999999 !important;
}
.dhxsidebar_tpl_tworows div.dhxsidebar_item:hover div.line_two {
  color: #CCCCCC !important;
}
.dhxsidebar_tpl_tworows div.line_progress {
  border: 1px solid #c0c0c0;
  background-color: #f2f2f2;
  height: 2px;
  overflow: hidden;
  position: relative;
  width: 120px;
  margin-top: 3px;
}
.dhxsidebar_tpl_tworows div.line_progress div.filled_progress {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 5px;
  background-color: #5bc13b;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(78,196,48,1) 35%, rgba(181,225,174,1) 100%);
  overflow: hidden;
}
.dhxsidebar_tpl_tworows .disable_progress div.line_progress {
  display: none;
}

/* Grid */
div.gridbox_dhx_web.gridbox table.obj.row20px tr td {
  vertical-align: top !important;
}
div.gridbox_dhx_web.gridbox table.obj.row20px tr td img {
  padding-top: 3px;
}
.hdrcell.filter > input {
  width: calc(100% - 16px) !important;
}


/* Combolist Multicolumn */
div.dhxcombolist_dhx_web.dhxcombolist_multicolumn {
  background-color: #f4f4f4;
}
div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option {
  background-color: transparent;
  border-color: transparent;
}
div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell {
  border-color: transparent;
}

/* Grid Footer */
div.gridbox div.ftr td {
  padding-top:        4px;
  padding-bottom:     4px;
  border-right:       0;
  border-top:         1px solid #d8d9db;
  border-bottom:      1px solid #d8d9db;
  background-color:   #f4f4f4;
}