@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway');
@font-face { font-family: 'Servicebund Custom';
             src: url('../font/SERVBCN_.TTF') format('truetype');
             font-style: normal; }
body, html {
  height: 100%;
  padding: 0;
}

body {
  font-family: 'raleway', Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  margin-top: 0;
  margin-left: 0;
  /*NEW 052017*/
  /*font-family: 'raleway';*/

}
/*body * {
  box-sizing: border-box;
}*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

a {
  color: #b4b2b2;
}

#totalwrtprice {
  /*display: block;
  position: relative;
  float: left;
  width: 200px;
  margin-left: 300px;*/
  /* 	* margin-left:-200px; */
  /*margin-top: -150px;
  text-align: right;*/
}

a:hover {
  text-decoration: none;
}

/* Seitenelemente */

#errmessage {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: red;
  margin: 10px;
  padding: 0px;
  /*height: 100%;*/
}

#content_header {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  float: left;
  width: 835px;
  /*NEW052017*/
  color: #ee2624;
  border-bottom: 2px solid #d3d3d3;
  padding-bottom: 5px;
  margin-left: 0px;
  width: 100%;
}

#page {
  width: 1200px;
  height: 100%;
  /*height:1024px; */
  /*margin:0px;
  padding:0px;
  top:0px; */
  position: relative;
  float: left;
  /* NEW052017 */
  width: 100%;
}

#ribbon {
  position: absolute;
  left: 0;
  top: 59px;
}

.ribbon {
  position: absolute;
  /*left: -5px;*/
  top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 35px;
  text-align: right;
  margin-left: 5px;
}

.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  /*transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);*/
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  /*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);*/
  position: absolute;
  top: 10px;
  left: -15px;
}

.ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbon span.staging {
  background: #79A70A;
  background: linear-gradient(#C31AC9 0%, #A115A6 100%);
}

.ribbon span.staging::before {
  border-left: 3px solid #A115A6;
  border-top: 3px solid #A115A6;
}

.ribbon span.staging::after {
  border-right: 3px solid #A115A6;
  border-top: 3px solid #A115A6;
}

.ribbon span.test {
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

.ribbon span.test::before {
  border-left: 3px solid #1e5799;
  border-top: 3px solid #1e5799;
}

.ribbon span.test::after {
  border-right: 3px solid #1e5799;
  border-top: 3px solid #1e5799;
}

.ribbon span.devel {
  background: #79A70A;
  background: linear-gradient(#05EFF7 0%, #087F8F 100%);
}

.ribbon span.devel::before {
  border-left: 3px solid #087F8F;
  border-top: 3px solid #087F8F;
}

.ribbon span.devel::after {
  border-right: 3px solid #087F8F;
  border-top: 3px solid #087F8F;
}

#backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background-color: #000000;
  opacity: 0.55;
  visibility: hidden;
}

#top {
  background-repeat: repeat-x;
  position: relative;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /*top:0px;*/
  /*NEW052017*/
  /*background-color: #d3d3d3;*/
  /*border-bottom-right-radius: 20px;*/
  background-image: url(../images/logos/Logo_Service-Bund.png);
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: right 20px top 5px;
  position: fixed;
  background-color: rgba(255,255,255,0.8);
  z-index: 2000;
}
#top-background {
  position: fixed;
  top: 0px;
  height: 60px;
  background-color: #ededed;
  z-index: 1999;
  width: 100%;
}

#user_info {
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
  width: auto;
  height: 45px;
  /* 	padding-left:550px; */
  /* 	padding-top:9px; */
  margin-top: 0px;
  /*margin-left: -8px;*/
  margin-right: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 10px;
  /*NEW052017*/
  height: 60px;
  background-image: none;
  /*border-bottom: 1px solid rgba(0,0,0,0.05);*/
}

#user_info .info {
  color: #6d6b71;
  padding-top: 15px;
  padding-left: 10px;
}

#user_info .info span.title {
  font-family: 'Servicebund Custom', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.4em;
  font-size: 14px;
}

#user_info .info span.key {
  color: #6d6b71;
}

#user_info .info span.value {
  color: #6d6b71;
}

#x_search {
  position: absolute;
  /*z-index: 20;*/
  padding-top: 20px;
  /*padding-left: 330px;*/
  /*NEW052017*/
  right: 190px;
  padding-left: 0px;
  /*padding-top: 15px;*/
}

#top .x-form-field-wrap .x-form-search-trigger {
  background-image: url(../extJS/resources/images/default/form/search-trigger.gif);
}

#top input {
  background: none;
  border: 1px solid #d3d3d3!important;
  height: 21px;
}
#backdrop {

}

#x-search-tabpanel {
  position: relative;
  z-index: 20;
  /*top: 2px;*/
  /*left: 330px;*/
  opacity: 1;
  box-shadow: 2px 3px 12px -4px rgba(0, 0, 0, 1);
  /*visibility: visible!important;*/
  /* NEW052017 */
  margin: auto;
  width:100%;
}

.highlight {
  background: greenyellow;
  color: black;
}

/* NEW052017 */
/*#bottom {
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
  height: 100%;
}*/

#left {
  /*background-image:url(../images/left_bg.jpg);*/
  /*background-repeat:repeat-y;*/
  /*background-color: #971127;*/
  background-color: #E20C18;
  width: 103px;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  float: left;

  /* NEW052017 */
  width:90px;
  position: fixed;
  top: 60px;
  border-top-right-radius: 16px;
  background-color: rgb(109, 110, 113);
}

#navigation {
  padding-top: 30px;
  bottom: 0;
  float: left;
}

ul#main_nav {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: normal;
  list-style: none;
  padding: 0px 0px 0px 0px;
  /* NEW052017 */
  font-size: 1em;
  /*text-transform: uppercase;*/
  font-weight: normal;
  letter-spacing: 0.3px;
}

ul#main_nav li.header {
  padding-left: 15px;
  display: block;
  height: 20px;
  color: #b9070c;
  background-color: #ffffff;
}

ul#main_nav li {
  display: block;
  border-bottom: 1px solid #cd898c;
  /* NEW052017 */
  width: 90px;
  border-bottom:none;
  border-top: 1px solid rgba(255,255,255,0.3);
}

ul#main_nav li a {
  display: block;
  color: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: 5px solid transparent;
  text-decoration: none;
  /* NEW052017 */
  padding: 8px 10px;
  border-left: none;
}
/* NEW052017 */
ul#main_nav li:hover {
  background-color: #ee2624;
}

ul#main_nav li a:hover {
  display: block;
  color: #ffffff;
  border-left: 5px solid #20a044;
  text-decoration: none;

  /* NEW052017 */
  border-left: none;
  background-color: #ee2624;
}

#content {
  /*width: 1280px;*/
  /*height:1024px;*/
  padding: 0px;
  margin: 0px;
  position: relative;
  /* 	top: -70px; */
  /* 	float:left; */

  /* NEW052017 */
  left: 109px;
  top: 50px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% - 129px);
}

/* user_management.html */

/*#user_table {
  margin-left: 20px;
  margin-top: 5px;
  position: relative;
  float: left;

/* NEW052017 */
  /*margin: 0px;
}*/

/*#user_table_1 {
  margin-left: 20px;
  margin-top: 5px;
  position: relative;
  float: left;
}*/

/*#user_table,
#user_table1  {
  width: 47%!important;
}*/
/*#user_table1 #button-grid,
#user_table1 .x-panel-body.xedit-grid {
  width: 100%!important;
}*/

/*#user_table_tag {
  margin-left: 20px;
  margin-top: 5px;
  position: relative;
  float: left;*/
  /* NEW052017 */
  /*margin: 5px 3px;
  width: 100%;
}*/

/*#report-form {
  margin-left: 0px;
  margin-top: -380px;
  position: relative;
  float: left;
}*/

/*#files_edit {
  margin-left: 20px;
  position: relative;
  float: left;
}*/

/*#user_edit {
  margin-left: 20px;
  position: relative;
  float: left;
  margin-top: 0;
  /*width:550px;*/
  /*NEW052017*/
  /*margin-left: 0px;
}*/

/*#user_select4report {
  margin-left: 20px;
  position: relative;
  float: left;
  margin-top: 120px;*/
  /*width:550px;*/
/*}*/

/*#meeting_edit {
  margin-left: 20px;
  position: relative;
  float: left;
  margin-left: 20px;
}*/

#meeting_product {
  /*margin-left:123px;*/
  /*margin-left: 10px;
  position: relative;
  float: left;
  margin-top: -430px;*/
}

/*#meeting-form {
  margin-top: 25px;
}*/

#user_table4 {
  margin-left: 20px;
  margin-top: 25px;
  position: relative;
  float: left;
}

#user_table1 {
  /*margin-left: 10px;
  margin-top: 5px;*/
  position: relative;
  float: left;
}


/*#gesamt_table {
  margin-left: 20px;
  margin-top: 0px;
  position: relative;
  float: left;
}*/

/*#meeting_table1 {
  margin-left: 10px;
  margin-top: 25px;
  position: relative;
  float: left;
}*/

#user_table2 {
  margin-left: 20px;
  margin-top: 280px;
  position: relative;
  float: left;
}

/*#user_table20 {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 0px;
}*/

/*#user_table202 {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 0px;
}*/

#ext-gen152 {
  border: 0px;
}

#ext-gen151 {
  border: 0px;
}

/*#product_table {
  margin-left: 20px;
  margin-top: 5px;
  position: relative;
  float: left;
}*/

/* register */
#register_box {
  background-image: url(../images/registry.gif);
  background-repeat: no-repeat;
  width: 479px;
  height: 583px;
  margin-left: 200px;
  margin-top: 25px;
  padding: 18px;
}

/* login.html */
body.login-page {
  background-color: white!important;
}
#login_box .super-title {

  color: gray;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.login-page #top-background {
  background-color: transparent!important;
}
.login-page .title {
  font-size: 24px!important;
  padding-top: 5px;
  font-family: 'Servicebund Custom', Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #d3d3d3;
}
.login-page #top {
  background-repeat: repeat-x;
  position: relative;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 120px;

  /*top:0px;*/
  /*NEW052017*/
  /*background-color: #d3d3d3;*/
  /*border-bottom-right-radius: 20px;*/
  background-image: url(../images/logos/Logo_Service-Bund.png);
  background-repeat: no-repeat;
  background-size: auto 100px;
  background-position: right 20px top 5px;
  position: fixed;
  z-index: 2000;
}
#user_edit.login_container {
  background-color: transparent!important;
  position: fixed;
  padding: 5px 0px;
  left: 50%;
  margin-left: -225px;
  margin-top:-120px;
  top:40%;
}

#login_box {
  background-image: url(../images/login_box.gif);
  width: 569px;
  height: 310px;
  margin-left: 200px;
  margin-top: 25px;
  padding: 18px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*NEW052017*/
  background-image: none;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-left: 3px;
  width: 450px;
  background-image: none;
  padding-bottom: 20px;
  /*border: 1px solid #d3d3d3;*/
  height: auto;
  /*border-radius: 10px;*/
  /*background-color: white;*/
    /*border-bottom-right-radius: 16px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/
}

#login_header {
  color: #d01f1c;
  font-weight: bold;
  /*NEW052017*/
  color: #ee2624;
  font-size: 18px;
  font-weight: 300;
  padding: 10px 5px;
  padding-top: 14px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 0px;
  /*border-top-left-radius: 10px;*/

  /*background-color: rgba(0, 0, 0, 0.05);*/
}

#login_form {
  margin-top: 40px;
  margin-bottom: 40px;

  /*NEW052017*/
  margin: 20px 10px;
}

#login_form input {
border: 1px solid #d3d3d3;
padding: 5px;
width: 100%;
}

form#form_login label {
  font-weight: bold;
  width: 100%;
  float: left;
  position: relative;

}

input#form_login_username {
  float: left;
  position: relative;
  width: 392px;
  margin-top: 5px;
  margin-bottom: 10px;
  /*NEW052017*/
  width: 100%;
  border: 1px solid #d3d3d3;
}

input#form_login_password {
  float: left;
  position: relative;
  width: 392px;
  margin-top: 5px;
  margin-bottom: 20px;
  /*NEW052017*/
  width: 100%;

}

#lost_password,
#back_to_login {
  /*float: left;*/
  position: relative;
  width: 290px;
  padding-top: 10px;
}

input#form_login_button {
  float: left;
  position: relative;
}

#register_link {
  float: left;
  position: relative;
  width: 540px;
  margin-top: 50px;
  border-top: 1px dotted #333333;
  padding-top: 15px;
  width: auto;
}
.btn-default {
  padding: 0px;
  background-color: #a6ce42;
  border: none;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
  border-bottom-right-radius: 10px;
  float: right;
}
.btn-default:hover {
  background-color: #8ab02e;
}

.btn-default span {
  position: absolute;
  left: 14px;
  top: 7px;
}
.btn-default span:hover {
  cursor: pointer;
}

#Passwort_anfordern,
#Einloggen {
  background-image: none;
  opacity: 0;
  height: 30px;
  width: 100px;
}

/* Startpage */

#actual_meeting {
  /*background-image: url(../images/bg_box_sm.gif);
  background-repeat: no-repeat;
  width: 393px;
  height: 360px;*/
  /*float: left;*/
  /*position: relative;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 0px;
  margin-bottom: 0px;*/

  /*NEW 052017*/
  background-image: none;
  margin: 0px;
  margin-top: 10px;
  padding-bottom: 20px;
  width: 100%;
  display: table;
  /*border: 1px solid #d3d3d3;*/


  height: auto;

  /*border-radius: 10px;*/
  /*padding:10px;*/
  /*margin-left: -100px;*/
}
#box_content {
  background-color: white;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
#list {
  position: relative;
}
#list:nth-child(odd) {
  background-color: #f7f7f7!important;
}

#messages {
  background-image: url(../images/bg_box_sm.gif);
  background-repeat: no-repeat;
  width: 393px;
  height: 360px;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;

}

#quicklinks {
  background-image: url(../images/bg_box_bg.gif);
  background-repeat: no-repeat;
  width: 798px;
  height: 354px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 19px;
  margin-right: 0px;
  /* 	visibility:hidden; */
  margin-bottom: 0px;
}

#quicklinks h1 {
  color: #d01f1c;
  font-weight: bold;
  font-size: 12px;
  padding-left: 15px;
  padding-top: 10px;
}

#messages h1 {
  color: #d01f1c;
  font-weight: bold;
  font-size: 12px;
  padding-left: 15px;
  padding-top: 10px;
}

#actual_meeting h1 {
  color: #d01f1c;
  font-weight: bold;
  font-size: 12px;
  /*padding-left: 15px;
  padding-top: 10px;*/

  /*NEW052017*/
  margin-left: 20px;
  /*margin-top: 10px;*/
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  /*NEW052017*/
  color: #ee2624;
  border-bottom: 2px solid #d3d3d3;
  padding-bottom: 5px;
  margin-left: 0px;
  width: 100%;
  margin-bottom: 8px;
  /*background-color: rgba(0, 0, 0, 0.05);*/
}

#box_header {
  width: 97%;
  background-color: #dddddd;
  height: 19px;
  padding: 5px;
  font-weight: bold;
  color: #5a5959;
  /*NEW052017*/
  padding: 0px;
  padding: 5px;
  background-color: #a6ce42;
  color: white;
  /*text-transform: uppercase;*/
  font-family: 'raleway', sans;
  font-size: 13px;
  letter-spacing: 0.3px;
  width: 100%;
  min-height: 24px;
}

/*NEW052017*/
#box_content {
  overflow: auto;
  height: 270px;
  position: relative;
  float: left;
  width: 390px;
  overflow-y: auto;
  overflow-x: hidden;
  /*NEW052017*/
  padding: 0px;
  height: 625px;
  width: 100%;
}

#list {
  /*width: 97%;*/
  height: 30px;
  padding: 5px;
  color: #5a5959;
  margin-bottom: 5px;
  border-bottom: 1px dotted #5a5959;
  /*NEW052017*/
  min-height: 40px;
  margin-bottom: 0px;
  /*padding: 5px;*/
  width: 100%;
  border-bottom: none;
}

#tagung {
  float: left;
  position: relative;
  width: 50%;
}

#datum {
  float: left;
  position: relative;
  width: 20%;
}

#status, #swapmeet {
  float: left;
  position: relative;
  text-align: center;
  width: 15%;
}

#message_date {
  float: left;
  position: relative;
  width: 25%;
}

#message {
  float: left;
  position: relative;
  width: 60%;
}

#tagung_list {
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #34aa69;
  font-weight: bold;

  /*NEW052017*/
  color: black;
}

#tagung_list a {
  color: #34aa69;
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 13px;
  top: 8px;
  /*NEW052017*/
  color: black;
}
#list:hover {
  background-color: rgba(166, 206, 66, 0.3)!important;
  cursor: pointer;

}

#datum_list {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  position: relative;
  width: 20%;
  margin-left: 50%;
}

#status_list, #swapmeet_list {
  float: left;
  position: relative;
  text-align: center;
  width: 15%;
}

#message_date_list {
  float: left;
  position: relative;
  width: 25%;
}

#message_list {
  float: left;
  position: relative;
  width: 60%;
  color: #34aa69;
  text-decoration: none;
  font-weight: bold;
}

#message_list a {
  color: #34aa69;
  text-decoration: none;
  font-weight: bold;
}

#iconlist {
  padding: 10px;
}

#icon_profile {
  float: left;
  position: relative;
  width: 258px;
  vertical-align: middle;
  margin-bottom: 20px;
}

#icon_meeting {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_help {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_preferences {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_product_concat {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_usermanagement {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_reports {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_import {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

#icon_meeting_management {
  float: left;
  position: relative;
  width: 258px;
  margin-bottom: 20px;
}

a.quick_link {
  display: block;
  width: 200px;
  margin-top: 13px;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  color: #5a5959;
}

#iconlist img {
  float: left;
  position: relative;
}

/** GRID **/

/* Globals */
.x-grid3-hd-row td {
  color: #777;
}

.x-grid3-row {
  background-color: #fcfcfc;
}

.x-grid3-row-alt {
  background-color: #f0f0f0;
}

/* Specific */
#user_table1 .x-grid3-row {
  background-color: #e5eee5;
  height: 1.5em;
}

#user_table1 .x-grid3-row-alt {
  background-color: #f5fff5;
}

#user_table1 .x-grid3-col.x-grid3-cell {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

#user_table1 .x-grid3-cell-inner {
  padding: 2px 2px 2px 5px;
}

#user_table1 .x-grid3-cell-inner.x-grid3-col-0 {
  border-left: 15px solid #dadada;
}

/*#user_table1 .x-grid3-col-0,
#user_table1 .x-grid3-col-1,
#user_table1 .x-grid3-col-2,
#user_table1 .x-grid3-col-3,
#user_table1 .x-grid3-col-4,
#user_table1 .x-grid3-col-5,
#user_table1 .x-grid3-col-6,
#user_table1 .x-grid3-col-7 {
  border-right: 1px solid #dadada;
}*/
#user_table1 .x-grid3-col-1,
#user_table1 .x-grid3-col-2,
#user_table1 .x-grid3-col-3,
#user_table1 .x-grid3-col-4,
#user_table1 .x-grid3-col-5,
#user_table1 .x-grid3-col-6 {
  text-align: right!important;
}

/*#user_table1 .x-grid3-col-2 {*/
/*border-left:1px solid #ededed;*/
/*border-right:1px solid #ededed;*/
/*}*/

#user_table.product_monitor .x-grid3-col.x-grid3-cell {
  /* Add product grid class type for admin "bid monitor view" and
  increase font size for "user_table" which displays available products (CR #2) */
  font-size: 14px;
}

#user_table .x-grid3-col-5 {
  border-left: 1px solid #ededed;
}

#user_table .x-grid3-col-6 {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

#user_table .x-grid3-hd-row,
#user_table .x-grid3-col-pos,
#user_table .x-grid3-cell-first {
  width: 20px;
}

#user_table .x-grid3-td-7 {
  text-align: right;
}

/*#gesamt_table .x-grid3-col-3 {
  text-align: right;
}*/

/** GRID **/
#user_table4 .x-grid3-td-4 {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

#user_table4 .x-grid3-td-5 {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

#user_table4 .x-grid3-td-6 {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

#user_table4 .x-grid3-col-4 {
  border-left: 1px solid #ededed;
}

#user_table4 .x-grid3-col-5 {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

/** FORM **/
.x-column-inner {
  padding: 0px;
  margin: 0px;
}

/* TODO: Check and fix! */
x-form-checkbox {
  width: 16px;
  height: 16px;
}

/** Felder **/
#register_box td input {
  width: 212px;
}

#register_box td #notice {
  width: 212px;
}

#register_box td #submit {
  margin-left: 237px;
  width: 150px;
}

/** News **/
#writeNews {
  overflow-y: auto;
  overflow-x: hidden;
  height: 280px;
  width: 785px;
}

/** Grids  **/

#user_table1 #button-grid .x-grid3-row {
  border-bottom: 1px solid #525252;
}

/*
.x-window-plain .x-window-body, .x-window-plain .x-panel-btns-ct {
	background: white;
}
*/

input.notizBtn {
  margin: 0px;
  padding: 0px;
  height: 16px;
  font: 9px arial, tahoma, helvetica, sans-serif;
}

#user_table1 input.notizBtn {
  margin-top: -2px;
}

.ext-el-mask {
  background-color: #222222;
  z-index: 9000;
}

  /* NEW052017 */

  body {
    background-color: rgba(0,0,0,0.08)!important;
  }
  input {
    background-color: #fff!important;
    font-size: 11px!important;
    font-family: 'arial', sans!important;
    border: 1px solid #dadada!important;
    background-image: none!important;
  }
  #top {
    background-color: transparent;
  }
  .flying_table {
    margin-top: 10px;
    background-color: #f7f7f7;
    float: left;
    width: 100%;
    padding: 10px 5px;
    font-family: arial;
  }
  /*---------------GRID COMPONENTS---------------*/
  .content_container {
    position: relative;
    margin: 0px!important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
  }
  .content_row {
    margin-left: -5px;
    margin-right: -5px;
    width: 100%;
  }
  .content_row:before,
  .content_row:after,
  .content_container:before,
  .content_container:after {
    content: " ";
    display: table;
  }
  .content_row:after {
    clear: both;
  }
  .content_container:after {
    clear: both;
  }
  .col-test-6 {
    width: 50%;
    float: left;
  }
  .col-test-5 {
    width: 41.666666%;
    float: left;
  }
  .col-test-2 {
    width: 20%;
    float: left;
  }
  .col-test-4 {
    width: 33.333333%;
    float: left;
  }
  .col-test-10 {
    width: 80%;
    float: left;
  }
  .col-test-7 {
    width: 58.333333%;
    float: left;
  }
  .col-test-12 {
    width: 100%;
    float: left;
  }

  /*---------------BERICHTE BERICHTE---------------*/
  #report-files-form .x-panel-tl,
  #report-files-form .x-panel-ml,
  #report-files-form .x-panel-mr,
  #report-files-form .x-panel-mc {
    background-image: none!important;
    padding: 0px!important;
    border: none!important;
  }
  #report-files-form.x-panel {
    border: none!important;
  }
  /*#report-files-form > .x-panel-bwrap > .x-form > .x-panel {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
  }*/

  #report-files-form > .x-panel-bwrap > .x-form > .x-form-item {
    background-color: #f7f7f7!important;
    padding: 6px;
    width: 100%!important;
  }
  #report-files-form > .x-panel-bwrap > .x-form > .x-form-item input {
    width: 100%!important;
  }
  #report-files-form > .x-panel-bwrap > .x-form > .x-form-item textarea {
    width: 100%!important;
  }
  #report-files-form > .x-panel-bwrap > .x-form > .x-form-item + .x-form-item {
    padding-top: 0px;
  }
  #report-files-form > .x-panel-bwrap > .x-form > .x-form-item + .x-panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f7f7f7!important;
  }
  #report-files-form > .x-panel-bwrap > .x-form > .x-form-item + .x-panel .x-panel-btns-ct {
    padding-right: 5px!important;
    padding-bottom: 5px!important;
  }
  #x-form-el-ext-comp-1018 .x-toolbar.x-small-editor button {
    background-size: 224px;
  }
  /*---------------BERICHTE TAGUNGEN---------------*/
  #report-actions-tab1 {
    padding: 10px 0px !important;
  }
  #report-actions-tab1 .x-panel-btns-ct table {
    width: 100%;
    float: none;
    clear: both;
  }
  #report-actions-tab1 .x-panel-btns-ct > .x-panel-btns > table > tbody > tr > td {
    display: block;
    float: left;
    padding: 6px!important;
  }
  #report-actions-tab1 .x-panel-btns-ct > .x-panel-btns .x-btn-left {
    display: none;
  }
  #report-actions-tab2 {
    padding: 10px 0px !important;
  }
  #report-actions-tab2 .x-panel-btns-ct table {
    width: 100%;
    float: none;
    clear: both;
  }
  #report-actions-tab2 .x-panel-btns-ct > .x-panel-btns > table > tbody > tr > td {
    /*width: 16.6666667%;*/
    display: block;
    float: left;
    padding: 6px!important;
  }
  #report-actions-tab2 .x-panel-btns-ct > .x-panel-btns .x-btn-left {
    display: none;
  }
  #report-actions-tab1 .x-btn-text,
  #report-actions-tab2 .x-btn-text {
    text-transform: none;
  }
  #user_select4report {
    margin-top: 10px;
    margin-bottom: 50px;
  }
  #report-form .x-panel-footer {
    background-color: white;
  }
  #report-form .x-panel-ml,
  #report-form .x-panel-mr,
  #report-form .x-panel-mc {
    padding: 0px;
  }
  #report-form .x-panel-bl.x-panel-nofooter {
    display: none;
  }
  /*---------------TAGUNGSVERWALTUNG PRODUKT EDITIEREN---------------*/

  #meeting_product {
    margin-top: 10px!important;
    background-color: #f7f7f7!important;
  }
  #meeting_product textarea {
    padding-right: 5px;
  }
  #meeting_table1,
  #meeting_edit {
    background-color: white;
  }
  /*---------------TAGUNGSVERWALTUNG TAGUNG EDITIEREN---------------*/
  #meeting-form .x-panel-body {
    background-color: #f7f7f7!important;
  }

  #meeting-form .x-form-item.x-hide-label + .x-form-item {
    padding: 6px!important;
  }
  #meeting-form .x-form-item.x-hide-label + .x-form-item + .x-panel {
    padding-right: 6px!important;
  }
  #x-form-el-enable_notifications,#x-description {
    padding: 0px 6px!important;
    /*padding-left: 6px!important;*/
  }
  .x-form-item.x-hide-label {
    margin-top: -28px;
    margin-bottom: 17px;
    width: 50%;
  }
  /*---------------TAGUNGSVERWALTUNG PRODUKTE TAB---------------*/


  #meeting-form .x-tab-panel.x-tab-panel-noborder {
    background-color: rgba(166, 206, 66, 1);
    margin-top: 5px;
  }
  #meeting-form .x-tab-panel .x-tab-strip-spacer {
    display: none;
  }
  #meeting-form .x-tab-panel .x-panel-ml,
  #meeting-form .x-tab-panel .x-panel-mr,
  #meeting-form .x-tab-panel .x-panel-mc {
    padding: 0px;
  }
  #meeting-form .x-tab-panel .x-panel-bl,
  #meeting-form .x-tab-panel .x-panel-tl {
    display: none;
  }
  #meeting-form .x-panel .x-panel-tl,
  #meeting-form .x-panel .x-panel-tr,
  #meeting-form .x-panel .x-panel-tc {
    background-color: rgba(166, 206, 66, 1);
    background-image: none;

  }
  #meeting-form .x-panel-ml,
  #meeting-form .x-panel-mr,
  #meeting-form .x-panel-mc,
  #meeting-form .x-panel-bl,
  #meeting-form .x-panel-br,
  #meeting-form .x-panel-bc {
    background-image: none;
    background-color: #f7f7f7!important;
  }
  #meeting-form .x-panel-bwrap .x-panel-tl,
  #meeting-form .x-panel-bwrap .x-panel-tr,
  #meeting-form .x-panel-bwrap .x-panel-header.x-unselectable {
    background-color: #dbebb3!important;
    border: none!important;
  }

  #meeting-form .x-panel-bwrap .x-panel-header.x-unselectable span {
      color: #527300!important;
  }
  #meeting-form .x-panel .x-panel-tc .x-panel-header-text {
    color: #fff!important;
    font-family: 'raleway', sans;
  }
  /*#form-file1-file + table {
    background-color: rgba(166, 206, 66, 1);
  }*/
  /*#form-file1-file + table:hover {
    background-color: #8ab02e;
  }*/
  #form-file1-file + table .x-btn-text {
    color: white!important;
  }
  #meeting_selproducts {
    margin-top: 10px;
  }
  #meeting_selproducts .x-grid3-row:last-child {
    /*border-bottom: 1px solid #dadada!important;*/
  }
  /*---------------TAGUNGSVERWALTUNG DATE PICKER---------------*/
  .x-date-picker {
    width:200px!important;
  }
  .x-date-picker .x-date-left,
  .x-date-picker .x-date-middle,
  .x-date-picker .x-date-right {
    background-image: none;
    background-color: rgba(166, 206, 66, 1);
    font-family: 'raleway', sans;
  }
  .x-date-picker .x-date-inner th {
    background-image: none;
    background-color: rgba(166, 206, 66, 0.4);
    border: none;
  }
  .x-date-inner .x-date-selected a {
    background-image: none;
    background-color: rgba(166, 206, 66, 0.7);
    border: none;
  }
  .x-date-inner a:hover {
    background-color: rgba(166, 206, 66, 0.3);
  }
  .x-date-bottom {
    background-image: none;
    background-color: #DBEBB3!important;
    border-top: none;
  }
  .x-date-bottom:hover {
    background-color: rgba(166, 206, 66, 0.7)!important;
  }
  .x-menu {
    border-color: rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
  }

  /*---------------PRODUKTVERWALTUNG PRODUKTE ZUSAMMENFÜGEN---------------*/
  #user_table20 .x-panel-body {
    background-color: #f7f7f7!important;

  }
  #user_table20 form.x-panel-body > .x-panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /*---------------STADION VIEW MITGLIEDER---------------*/
  .x-grid3-scroller {
    background-color: rgba(166, 206, 66, 0.035);
  }

  #user_table1 {
    width: 100%!important;
  }
  #user_table1 .x-grid3 {
    width: inherit!important;
    height:auto!important;
  }
  #user_table1 .x-grid3-scroller {
    padding-bottom: 2px;
    height:auto!important;
  }
  #user_table1 .x-grid3-row {
    background-color: #ffffff;
    height: 1.55em!important;
  }
  #user_table1 .x-grid3-row.x-grid3-row-alt {
    background-color: #f7f7f7!important;
  }
  #user_table1 .x-grid3-row.x-grid3-row-alt.x-grid3-row-selected {
    background-color: rgba(238,38,36,0.2)!important;
  }

  #user_table1 .x-panel-body.xedit-grid {
   height:auto!important;
  }
  #user_table1 .x-grid3-col-1,
  #user_table1 .x-grid3-col-2,
  #user_table1 .x-grid3-col-3,
  #user_table1 .x-grid3-col-4,
  #user_table1 .x-grid3-col-5,
  #user_table1 .x-grid3-col-6 {
    text-align: right!important;
  }
  #user_table1 .x-grid3-hd {
    text-align: left!important;
  }
  #user_table1 .x-grid3-row:hover,
  #user_table1 .x-grid3-row-over:hover,
  #user_table1 .x-grid3-row.x-grid3-row-alt:hover {
    background-color: #DBEBB3!important;
    background-image: none;
  }
  /*---------------STADION VIEW PRODUKTE---------------*/

  #user_table .x-grid3-col-pos {
    width: auto!important;
  }

  /*---------------STADION VIEW EDIT---------------*/

  #user_edit {
    /*margin-top: 10px;*/
    background-color: #f7f7f7!important;
  }
  #product-form .x-panel-body{
    background-color: #f7f7f7!important;
  }
  #product-form.x-panel {
    -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
  }
  #product-form.x-panel,
  #product-form .x-panel-body {
    border: none!important;
    background-color: inherit;
    padding-bottom: 0px!important;
  }
  #product-form .x-panel-btns-center table {
    float:right;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 2px;
  }
  #product-form.x-panel input,
  .x-form-element textarea {
    font-size: 11px;
    font-family: arial;
    border: 1px solid #dadada;
    background-image: none;
  }
  #product-form.x-panel .x-panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #product-form .x-panel-body.x-panel-body-noheader.x-form {
    height: auto!important;
  }

  /*---------------STADION USER ---------------*/
  #produktZusamm,
  #tab-form {
    margin-top: 10px;
  }
  .user-list-products #produktZusamm {
    margin-top: 0px;
  }
  #user_edit.listmeetingproducts {
    background-color: transparent!important;
  }
  /*---------------MITARBEITER/EINKÄUFER VERWALTUNG MITARBEITER EDIT---------------*/
  #purchaser-form .x-panel,
  #company-form .x-panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #purchaser-form .x-panel-body,
  #company-form .x-panel-body {
    background: none;
  }
  #purchaser-form .x-toolbar.x-small-editor button,
  #news-form .x-toolbar.x-small-editor button,
  #product_table .x-toolbar.x-small-editor button,
  #company-form .x-toolbar.x-small-editor button {
    background-size: 224px;
  }
  #purchaser-form iframe {
    font-family: 'arial', sans!important;
  }
  /*---------------NachrichtenVerwaltung EDIT---------------*/
  #news-form .x-panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #news-form .x-panel-body{
    background: transparent;
  }
  /*---------------STAMMDATEN IMPORTIEREN---------------*/
  #fi-form .x-panel-tl,
  #fi-form .x-panel-tr,
  #fi-form .x-panel-tc {
    background-image: none!important;
    background-color: rgba(166, 206, 66, 1);
  }
  #fi-form .x-panel-header-text {
    color: #fff;
  }
  #fi-form > .x-panel {
    margin-bottom: 10px!important;
  }
  #fi-form .upload-icon {
    background-size: 16px!important;
    background-color: rgba(0,0,0, 0.1)!important;
    display: block;
    margin-left: -10px;
    cursor: pointer;
  }

  /*#fi-form #form-file1-file + table {
    background-color: transparent;
  }*/
  #fi-form .x-btn-center {
    cursor: pointer;
  }
  #fi-form #form-file1-file,
  #fi-form #form-file2-file,
  #fi-form #form-file3-file,
  #fi-form #form-file4-file {
    cursor: pointer;
  }
  #fi-form .x-panel {
    background-color: #f7f7f7!important;
  }
  #fi-form .x-panel-bl,
  #fi-form .x-panel-br,
  #fi-form .x-panel-bc {
    background-image: none!important;

  }
  .x-panel-mc,
  #fi-form .x-panel-bwrap {
    background-color: #f7f7f7!important;
  }
  #meeting-form .upload-icon {
    background-size: 16px!important;
    background-color: rgba(0,0,0, 0.1)!important;
    display: block;
    margin-left: -10px;
    cursor: pointer;
  }
  #form-file1-file {
    cursor: pointer;
  }
  #meeting-form .upload-icon:hover {
    cursor: pointer;
  }
  /*---------------PRODUKTVERWALTUNG TAB KALKULATION---------------*/

  .table-row:before,
  .table-row:after {
    content: " ";
    display: table;
  }
  .table-row:after {
    clear: both;
  }
  .table-row textarea,
  .table-row input {
    width: 100%;
    height: 20px;
    padding: 0px 5px;
    background-color: #f7f7f7!important;
  }
  .table-row textarea {
    border: 1px solid #dadada!important;
    height: 40px;
  }
  .table-row .col-test-2,
  .table-row .col-test-10,
  .table-row .col-test-6,
  .table-row .col-test-12,
  .table-row .col-test-4 {
    padding: 0px 5px;
    padding-bottom: 5px;
  }
  .info-table-label {
    padding-left: 5px;
    font-family: 'arial',sans;
    font-weight: bold;
    color: rgba(0,0,0,.6);
  }
  #field_lieferant {
    padding: 10px 0px;
  }
  .table-row span {
    position: absolute;
    margin-left: -7px;
    margin-top: 4px;
  }
  /*---------------XGRID3 STANDARD OVERWRITE---------------*/
  /*container*/
  .x-panel {url('/sb-gruppenkauf/app/extJS/examples/shared/icons/fam/image_add.png') no-repeat 0 0 !important
    -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    margin-bottom: 0px!important;
    border: none!important;
  }
  #meeting_edit .x-panel {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
  }
  #meeting_edit {
    -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
  }

  .x-panel-header {
    background-image: none;
    background-color: #a6ce42;
    color: white;
    font-family: 'raleway';
    font-size: 13px;
    border: none!important;
    border-radius: 0px 0px 0px 0px;
  }

  .x-panel-body {
    border: none!important;
  }
  .data-import .x-panel-tl,
  .data-import .x-panel-ml,
  .data-import .x-panel-mr,
  .data-import .x-panel-mc {
    background-image: none!important;
    padding: 0px!important;
    border: none!important;
  }
  .data-import .x-panel-tl {
    padding-left: 5px!important;
  }
  /*________________________header*/
  .x-grid3-header {
    background-image: none;
    color: #000!important;
    background-color: rgba(166, 206, 66, 0.15)!important;
    color: #527300!important;
    font-weight: bold;
    border-bottom: 1px solid rgba(166, 206, 66, 0.4);
  }
  .x-grid3-header-offset {
    width: auto!important;
    padding: 0px!important;
  }
  .x-grid3-header-offset > table {
    /*width: 100%!important;*/
    /*background-color: red;*/
    border-right: 1px solid rgba(166, 206, 66, 0.4);
  }
  .x-grid3-hd-inner {
    padding-right:0px!important; /* TODO: That's the orginal by MO */
    padding: 0px 5px;
  }
  td.x-grid3-hd-over .x-grid3-hd-inner {
    background: rgba(166, 206, 66, 0.15);
    background-image: none!important;
  }
  td.sort-desc .x-grid3-hd-inner,
  td.sort-asc .x-grid3-hd-inner {
    background-image: none;
    background-color: #DBEBB3!important;
  }
  .x-grid3-header .x-grid3-cell {
    border-right: 1px solid rgba(166, 206, 66, 0.4);
  }
  .x-grid3-row.x-grid3-row-alt.x-grid3-row-selected,
  .x-grid3-row-selected {
    background-color: rgba(238,38,36,0.2)!important;
  }
  .x-grid3-row:hover,
  .x-grid3-row-over:hover,
  .x-grid3-row.x-grid3-row-alt:hover {
    background-color: #DBEBB3!important;
    background-image: none;
  }
  /*________________________toolbar*/
  .x-panel-tbar {
    background-color: #fff;
  }
  .x-toolbar {
    background-color: rgba(166, 206, 66, 0.4);
    border: none!important;
    background-image: none!important;
    font-family: 'arial',sans;
  }
  .x-toolbar .add,
  .x-toolbar .remove,
  .x-toolbar .kopie,
  .x-toolbar .activate,
  .x-toolbar .deactivate,
  .x-toolbar .x-tbar-page-next,
  .x-toolbar .x-tbar-page-last,
  .x-toolbar .x-tbar-page-prev,
  .x-toolbar .x-tbar-page-first,
  .x-toolbar .x-tbar-loading,
  .x-form-invalid-icon {
    background-size: 16px;
  }

  .x-form-field-wrap .x-form-date-trigger {
    background-size: 102px!important;
    border: none!important;
    margin-top: -1px;
  }
  .x-form-arrow-trigger {
    background-size: 102px!important;
    border: none!important;
  }
  .x-tool-toggle {
    background-size: 30px;
  }

  .x-form-invalid-icon {
    left: 405px!important;
    z-index: 20;
    opacity: 0.9;
  }
  .x-form-check {
    background-size: 52px;
  }
  .x-grid3-row-checker {
    background-size: 50px ;
  }
  .x-grid3-td-checker {
    background-image: none!important;
    border-left: none!important;
  }

  .x-grid3-hd-checker {
    background-size: 50px;
    background-position: 2px 0px;
    height: auto!important;
  }
  .x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position: -23px 0px;
  }
  .x-grid3-td-productid .x-btn-left,
  .x-grid3-td-productid .x-btn-center,
  .x-grid3-td-productid .x-btn-right {
    height: 16px!important;
  }
  .x-btn-left,
  .x-btn-center,
  .x-btn-right {
        background-image: none!important;
  }
  .x-toolbar .x-btn-wrap:hover {
    background-color: rgba(255,255,255,0.5);
  }
  .x-toolbar button {
    color: #527300!important;
    font-family: arial;
    padding-top: 4px!important;
  }
  .ext-strict .x-small-editor input.x-form-text  {
    height: 18px!important;
    border: none!important;
  }
  .user-list-products .x-tbar-page-number {
    height: 18px!important;
    padding-left: 3px;
    min-width: 35px;
    border: none!important;
    margin: 0px 3px;
  }
  .x-combo-list {
    border: none!important;
  }
  /*________________________tab-panel*/
  .x-tab-panel {
    -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
    margin-bottom: 0px!important;
    border: none!important;
  }
  .x-tab-panel-header {
    background-color: rgba(166, 206, 66, 1);
    border: none;
  }
  .x-tab-panel-body {
    border: none!important;
  }
  ul.x-tab-strip-top {
    background-image: none!important;
    background-color: #DBEBB3;
    border-color: rgba(166, 206, 66, 1);
  }
  .x-tab-strip li {
    background-color: rgba(166, 206, 66, 0.5);
  }
  .x-tab-strip li:hover {
    background-color: rgba(166, 206, 66, 0.7);
  }
  .x-tab-strip li.x-tab-strip-active {
    background-color: rgba(166, 206, 66, 1);
    background-image: none!important;
    /*border-radius:  4px 4px 0px 0px;*/
  }
  .x-tab-right {
    background-image: none!important;
  }
  .x-tab-left {
    background-image: none!important;
  }
  .x-tab-strip-inner {
    background-image: none!important;
  }
  .x-tab-strip-text {
    color: white!important;
    font-family: 'raleway', sans!important;
    font-size: 12px!important;
  }
   .x-tab-strip li.x-tab-strip-active .x-tab-strip-text {
     color: white!important;
   }

  /*________________________body*/
  .x-grid3-body {
    /*background-color: rgba(166, 206, 66, 0.14902);*/
    border-bottom: 1px solid #efefef!important;
  }
  .x-grid3-body > .x-grid3-row {
    /*width: 100%!important;*/
    border: none!important;
  }
  .x-panel-body.xedit-grid {
    border-color: #c3c3c3!important;
    border: none!important;
  }
  .x-grid3-row-table {
    width: 100%!important;
  }
  /*________________________window*/
  .x-shadow {
    display: none!important;
  }
  .x-window-body,
  .ext-mb-input {
    width: 100%!important;
    min-width: 200px!important;
  }
  .ext-mb-text {
    font-family: arial;
  }
  .ext-mb-input {
    padding: 3px;
  }
  .x-window-tl,
  .x-window-tr,
  .x-window-tc,
  .x-window-ml,
  .x-window-mr,
  .x-window-mc,
  .x-window-bl,
  .x-window-br,
  .x-window-bc {
    background-image: none;
    background-color: transparent!important;
  }
  .x-window-tl {
    background-color: rgba(166, 206, 66, 1)!important;
  }
  .x-window-bwrap {
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  }
  .x-window-tl .x-window-header {
    color: white;
    font-family: 'raleway', sans;
    font-size: 13px;
  }
  /*________________________cells*/
  .x-grid3-hd.x-grid3-cell {
    height: auto;
  }
  .x-grid3-body .x-grid3-cell {
    border-right: 1px solid #dadada;
  }
  .x-grid3-header .x-grid3-cell:last-child {
    /*border-right: none!important;*/
  }
  .x-grid3-cell {
    padding: 0px!important;
    font-size: 11px!important;
    color: inherit!important;
    border-left: none;
    vertical-align: middle!important;
    height: 22px;
  }
  .x-grid3-cell-inner {
    border-left: none!important;
  }
  /*.x-grid3-body .x-grid3-cell-last,*/
  .x-grid3-cell .x-grid3-cell-inner {
    border-right: none!important;
  }
  .x-grid3-row {
    background-color: #ffffff;
  }
  .x-grid3-row.x-grid3-row-alt {
    background-color: #f7f7f7!important;
  }
  .product_monitor .x-grid3-row:nth-child(even),
  .user-list-products #user_table .x-grid3-row:nth-child(even),
  #user_table_1.listmeetingproducts .x-grid3-row:nth-child(even),
  #gesamt_table.listmeetingproducts .x-grid3-row:nth-child(even) {
    background-color: #f7f7f7!important;
  }
  .product_monitor .x-grid3-row:nth-child(even):hover,
  .user-list-products #user_table .x-grid3-row:nth-child(even):hover,
  #user_table_1.listmeetingproducts .x-grid3-row:nth-child(even):hover,
  #gesamt_table.listmeetingproducts .x-grid3-row:nth-child(even):hover{
      background-color: #DBEBB3!important;

  }
  .product_monitor .x-grid3-row:nth-child(even).x-grid3-row-selected,
  .user-list-products #user_table .x-grid3-row:nth-child(even).x-grid3-row-selected,
  #user_table_1.listmeetingproducts .x-grid3-row:nth-child(even).x-grid3-row-selected,
  #gesamt_table.listmeetingproducts .x-grid3-row:nth-child(even).x-grid3-row-selected{
  background-color: rgba(238,38,36,0.2)!important;
  }
  .user-list-products #tab-form .x-grid3-row:last-child {
    /*border-bottom: 1px solid #dadada!important;*/
  }
  /*________________________button*/
  .x-btn-over .x-btn-left,
  .x-btn-over .x-btn-center,
  .x-btn-over .x-btn-right {
    background-image: none!important;
  }

  .x-toolbar .x-btn-click .x-btn-left,
  .x-toolbar .x-btn-pressed .x-btn-left,
  .x-toolbar .x-btn-menu-active .x-btn-left,
  .x-toolbar .x-btn-click .x-btn-center,
  .x-toolbar .x-btn-pressed .x-btn-center,
  .x-toolbar .x-btn-menu-active .x-btn-center,
  .x-toolbar .x-btn-click .x-btn-right,
  .x-toolbar .x-btn-pressed .x-btn-right,
  .x-toolbar .x-btn-menu-active .x-btn-right {
    background-image: none!important;
    background-color: rgba(166, 206, 66, 1);
  }
  .x-grid3-hd-btn {
    background-size: 28px;
  }
  .x-panel-btn-td {
    padding-bottom: 5px!important;
  }
  .x-panel-btn-td td {
    background-image: none!important;
  }
  .x-panel-btn-td .x-btn-wrap {
    background-color: rgba(166, 206, 66, 1);
    color: #fff!important;
    width: 100%!important;
  }
  .x-panel-btn-td .x-btn-wrap:hover {
    background-color: #8ab02e;
  }
  .x-panel-btn-td .x-btn-text {
    color: #fff;
    font-family: 'raleway';
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
    height: 20px;
  }
  .x-panel-btns-ct {
    padding:0px!important;
    padding-bottom: 1px!important;

  }
  .x-panel-btns-ct table {
    /*width: 40%!important;*/
    border-bottom-right-radius: 10px;
  }
  .x-combo-list {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  }
  .x-combo-list .x-combo-selected {
    border: 1px solid #fff;
    background-color: rgba(166, 206, 66, 0.4);
  }
  /*________________________menu*/
  .x-menu {
    background-image: none;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  }
  .x-menu-item-active {
    background-image: none;
    border: 1px solid #fff;
    background-color: rgba(166, 206, 66, 0.4);
  }
  /*________________________form*/
  .x-form {
    border: none!important;
  }
  .x-form-item {
    font-size: 11px!important;
    font-family: arial!important;
  }
  .x-form-item-label {
    font-size: 11px!important;
    color: rgba(0,0,0,.6);
    font-weight: bold!important;
    font-family: arial!important;
    padding-bottom: 0px!important;
  }
  .x-form-element {
    padding-top: 1px!important;
    padding-bottom: 6px;
  }

/* Keyboard navigation "cheat sheet" */

.cs_container {
  width: 100%;
  position: relative;
  height: 100%;
  font-family: arial;
  font-size: 11.5px;
}

.cs_container .cs_trigger {
  width: 260px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  cursor: pointer;
  border-radius: 5px 5px 0px  0px;
  font-weight: bold;
  font-size: 11px;
  position: fixed;
  margin-left: -150px;
  left: 50%;
  display: block;
  bottom: 0px;
  background-color: #e0e0e0;
  border: 1px solid #ccc;
  z-index: 10000000;
}
.cs_container .cs_board {
  width: 500px;
  height: 300px;
  position: fixed;
  bottom: 30px;
  left: 50%;
  z-index: -1;
  margin-left: -250px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.cs_container .cs_board {
  opacity: 0;
  transition: all 0.2s ease;
}
.cs_trigger:hover {
  background-color: #d2d2d2;
}
.cs_trigger:hover + .cs_board {
  opacity: 1;
  z-index: 10000;
  transition: all 0.2s ease;
}
.sc {
  margin-top: 12px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
.sc span {
  border: 1px solid #f7f7f7;
  padding: 10px;
  border-radius: 4px;
  background-color: white;
  min-width: 35px;
  display: inline-block;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.sc span:last-child {
  margin-right: 10px;
}