@font-face { font-family: 'Play'; src: url('../fonts/Play-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype'); }

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */;
  font-family: 'Source Sans Pro', sans-serif;
}
body {
  padding-top: 0px;
}
footer {
  padding: 30px 0 0 0;
}

/*footer{
  bottom: 0px;
  position: fixed;
  width: 100%;
}*/

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

  /*input {
    width: 100%;
}
    */
.sidebar-header {
    background: none repeat scroll 0 0 #88CBC6;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 10px;
}

.show_all {
    background: none repeat scroll 0 0 #88CBC6;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 10px 3px;
}

.show_all:hover {
    background: none repeat scroll 0 0 #4d4d4d;
    color: white;
}

.sidebar-heading {
    padding-left: 10px;
}

.sidebar-all {
    padding-left: 10px;
}

.sidebar-header > a {
    color: #FFFFFF;
    font-weight: bold;
    outline: medium none;
    font-family: 'Play', sans-serif
}

.sidebar {
    margin: 0 15px 0 0;
    width: 15.66% !important;
}

.sidebar-background {
    background: none repeat scroll 0 0 #DDDDDD;
    margin-top: 2px;
}

.main {
  /*  background: none repeat scroll 0 0 #DDDDDD;
    padding: 6px 21px 10px;*/
}

.sidebar-all > a {
    color: #000000;
    outline: medium none;
}

.sidebar-all > a:hover {
    color: #88CBC6;
    text-decoration: none;
    
}

.sidebar-all > span {
    color: #808080;
}

.show_all > a {
    color: #FFFFFF;
    font-weight: bold;
}

h3{
  font-family: 'Play', sans-serif
}

.menu-numbers {
    background: url("../../images/topmenubuttons/label_auftragszahl.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0) !important;
    color: white !important;
    padding-top: 14px !important;

}

.li-numbers {
    margin-right: -7px;
    margin-top: 30px;
}

.menu_button.auftraege-a{
  background: url("../../images/topmenubuttons/auftraege_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
  
}

.menu_button.auftraege-a:hover{
  background: url("../../images/topmenubuttons/auftraege_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.auftraege-a {
    background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}




.menu_button.aufgaben-a{
  background: url("../../images/topmenubuttons/aufgaben_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 6px;
  width: 70px;
  background-size: 45px;
}

.menu_button.aufgaben-a:hover{
  background: url("../../images/topmenubuttons/aufgaben_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.aufgaben-a {
    background: url("../../images/topmenubuttons/aufgaben_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}




.menu_button.emails-a{
  background: url("../../images/topmenubuttons/emails_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 13px;
  width: 70px;
  background-size: 45px;
}

.menu_button.emails-a:hover{
  background: url("../../images/topmenubuttons/emails_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.emails-a {
    background: url("../../images/topmenubuttons/emails_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}

.menu_button.sms-a{
  background: url("../../images/topmenubuttons/sms_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 19px;
  width: 70px;
  background-size: 45px;
}

.menu_button.sms-a:hover{
  background: url("../../images/topmenubuttons/sms_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.sms-a {
    background: url("../../images/topmenubuttons/sms_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}


.menu_button.hotlead-a{
  background: url("../../images/topmenubuttons/hot-lead_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 4px;
  width: 70px;
  background-size: 45px;
}

.menu_button.lead-a{
  background: url("../../images/topmenubuttons/lead_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 10px;
  width: 70px;
  background-size: 45px;
}

.menu_button.lead-a:hover{
  background: url("../../images/topmenubuttons/lead_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  background-size: 45px;
}

.active .menu_button.lead-a {
  background: url("../../images/topmenubuttons/lead_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  color: #88CBC6 !important;
  background-size: 45px;
}


.menu_button.hotlead-a:hover{
  background: url("../../images/topmenubuttons/hot-lead_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.hotlead-a {
    background: url("../../images/topmenubuttons/hot-lead_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}




.menu_button.anrufe-a{
  background: url("../../images/topmenubuttons/anrufe_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.anrufe-a:hover{
  background: url("../../images/topmenubuttons/anrufe_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.anrufe-a {
    background: url("../../images/topmenubuttons/anrufe_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}

.menu_button.rueckrufe-a{
  background: url("../../images/topmenubuttons/rueckrufe_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.rueckrufe-a:hover{
  background: url("../../images/topmenubuttons/rueckrufe_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.rueckrufe-a {
    background: url("../../images/topmenubuttons/rueckrufe_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}



.menu_button.anfragen-a{
  background: url("../../images/topmenubuttons/anfragen_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 2px;
  width: 70px;
  background-size: 45px;
}

.menu_button.anfragen-a:hover{
  background: url("../../images/topmenubuttons/anfragen_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.anfragen-a {
    background: url("../../images/topmenubuttons/anfragen_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}

.menu_button.partneranfragen-a{
  background: url("../../images/topmenubuttons/partneranfragen_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 2px;
  width: 70px;
  background-size: 45px;
}

.menu_button.partneranfragen-a:hover{
  background: url("../../images/topmenubuttons/partneranfragen_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.partneranfragen-a {
    background: url("../../images/topmenubuttons/partneranfragen_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}

#actext {
  background: none repeat scroll 0 0 #dddddd;
  border: medium none;
  border-radius: 29px;
  height: 47px;
  text-align: center;
}

.menu_button.durchwahl-a{
 /* background: url("../../images/topmenubuttons/auftraege_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);*/
  height: 84px;
  padding: 11px;
  width: 70px;
}

.menu_button.durchwahl-a:hover{
  /*background: url("../../images/topmenubuttons/auftraege_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);*/
}

.active .menu_button.durchwahl-a {
    /*background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;*/
}



.menu_button.kunden-a{
  background: url("../../images/topmenubuttons/kunden_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.kunden-a:hover{
  background: url("../../images/topmenubuttons/kunden_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.kunden-a {
    background: url("../../images/topmenubuttons/kunden_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}


.menu_button.kontakte-a{
  background: url("../../images/topmenubuttons/kontakte_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.kontakte-a:hover{
  background: url("../../images/topmenubuttons/kontakte_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.kontakte-a {
    background: url("../../images/topmenubuttons/kontakte_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}

.menu_button{
  cursor: pointer;
}

.menu_button.partner-a{
  background: url("../../images/topmenubuttons/partner_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 6px;
  width: 70px;
  background-size: 45px;
}

.menu_button.partner-a:hover{
  background: url("../../images/topmenubuttons/partner_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.partner-a {
    background: url("../../images/topmenubuttons/partner_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}



.menu_button.hilfe-a{
  background: url("../../images/topmenubuttons/help_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0) !important;
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.faq-a{
  background: url("../../images/topmenubuttons/help_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0) !important;
  height: 84px;
  padding: 11px 11px 11px 19px;
  width: 70px;
  background-size: 45px;
}

.menu_button.faq-a:hover{
  background: url("../../images/topmenubuttons/help_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0) !important;
}

.menu_button.hilfe-a:hover{
  background: url("../../images/topmenubuttons/help_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0) !important;
}

/*.active .menu_button.hilfe-a {
    background: url("../../images/topmenubuttons/help_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}*/

.menu_button.profil-a{
  background: url("../../images/topmenubuttons/edit_OFF.svg") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.profil-a:hover{
  background: url("../../images/topmenubuttons/edit_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0) !important;
}
/*
.active .menu_button.profil-a {
    background: url("../../images/topmenubuttons/profil_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}*/

.menu_button.kunde-detail-a {
    background: none repeat scroll 0 0 #4D4D4D;
    color: #FFFFFF !important;
    margin-top: 42px;
    padding: 3px 14px;
    vertical-align: middle;
}

.menu_button.kunde-detail-a:hover {
    color: #88CBC6 !important;
    background: none repeat scroll 0 0 #4D4D4D !important;
}

.menu_button.abmelden-a {
    background: none repeat scroll 0 0 #88CBC6;
    color: #FFFFFF !important;
    margin-top: 42px;
    padding: 3px 14px;
    vertical-align: middle;
    margin-left: 20px;
}

.menu_button.abmelden-a:hover {
    color: white !important;
    background: none repeat scroll 0 0 #4D4D4D !important;
}

.logo-header {
  margin: 3px;
  max-width: 90%;
  width: 100%;
  max-height: 70px;
}

.navbar-header > input {
    margin: -21px -15px -31px 336px;
    position: relative;
}


.under-row {
    margin-top: -2px;
}

.sidebar-auftrag-detail {
    margin: 0 12px 0 0;
    padding: 0px;
}

.main-detail {
    margin-right: 12px;
}

.background-left {
    background: none repeat scroll 0 0 #DDDDDD;
    padding: 7px 10px;
    font-size: 10px;
    padding: 2px 0 2px 7px;
}

.header-detail-left {
    padding-left: 10px;
}
.th-left{
  font-weight: bold;
  font-size: 12px;
  margin: 0 !important;
}

.background-right {
    background: none repeat scroll 0 0 #DDDDDD;
    font-size: 14px;
    padding: 7px 0px;
    width: 100%;
}



.next-task-a {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    padding: 4px 35px;
}

/*.next-task-a:hover {
    background: none repeat scroll 0 0 #88CBC6;
    color: #FFFFFF;
}*/


.task-href-1:hover,.task-href-2:hover,.task-href-3:hover,.task-href-4:hover,.task-href-5:hover,.task-href-6:hover,.task-href-7:hover,.task-href-8:hover,.task-href-9:hover,.task-href-10:hover,
.task-href-11:hover,.task-href-12:hover,.task-href-13:hover,.task-href-14:hover,.task-href-15:hover,.task-href-16:hover,.task-href-17:hover,.task-href-18:hover,.task-href-19:hover,.task-href-20:hover,
.task-href-21:hover,.task-href-22:hover,.task-href-23:hover,.task-href-24:hover,.task-href-25:hover,.task-href-26:hover,.task-href-27:hover,.task-href-28:hover,.task-href-29:hover,.task-href-30:hover,
.task-href-31:hover,.task-href-32:hover,.task-href-33:hover,.task-href-34:hover,.task-href-35:hover,.task-href-36:hover,.task-href-37:hover,.task-href-38:hover,.task-href-39:hover,.task-href-40:hover,
.task-href-41:hover,.task-href-42:hover,.task-href-43:hover,.task-href-44:hover,.task-href-45:hover,.task-href-46:hover,.task-href-47:hover,.task-href-48:hover,.task-href-49:hover,.task-href-50:hover,
.task-href-51:hover,.task-href-52:hover,.task-href-53:hover,.task-href-54:hover,.task-href-55:hover,.task-href-56:hover,.task-href-57:hover,.task-href-58:hover,.task-href-59:hover,.task-href-60:hover,
.task-href-61:hover,.task-href-62:hover,.task-href-63:hover,.task-href-64:hover,.task-href-65:hover,.task-href-66:hover,.task-href-67:hover,.task-href-68:hover,.task-href-69:hover,.task-href-70:hover,
.task-href-71:hover,.task-href-72:hover,.task-href-73:hover,.task-href-74:hover,.task-href-75:hover,.task-href-76:hover,.task-href-77:hover,.task-href-78:hover,.task-href-79:hover,.task-href-80:hover,
.task-href-81:hover,.task-href-82:hover,.task-href-83:hover,.task-href-84:hover,.task-href-85:hover,.task-href-86:hover,.task-href-87:hover,.task-href-88:hover,.task-href-89:hover,.task-href-90:hover,
.task-href-91:hover,.task-href-92:hover,.task-href-93:hover,.task-href-94:hover,.task-href-95:hover,.task-href-96:hover,.task-href-97:hover,.task-href-98:hover,.task-href-99:hover,.task-href-100:hover,
.task-href-101:hover,.task-href-102:hover,.task-href-103:hover,.task-href-104:hover,.task-href-105:hover,.task-href-106:hover,.task-href-107:hover,.task-href-108:hover,.task-href-109:hover,.task-href-110:hover,
.task-href-111:hover,.task-href-112:hover,.task-href-113:hover,.task-href-114:hover,.task-href-115:hover,.task-href-116:hover,.task-href-117:hover,.task-href-118:hover,.task-href-119:hover,.task-href-120:hover,
.task-href-121:hover,.task-href-122:hover,.task-href-123:hover,.task-href-124:hover,.task-href-125:hover,.task-href-126:hover,.task-href-127:hover,.task-href-128:hover,.task-href-129:hover,.task-href-130:hover,
.task-href-131:hover,.task-href-132:hover,.task-href-133:hover,.task-href-134:hover,.task-href-135:hover,.task-href-136:hover,.task-href-137:hover,.task-href-138:hover,.task-href-139:hover,.task-href-140:hover,
.task-href-141:hover,.task-href-142:hover,.task-href-143:hover,.task-href-144:hover,.task-href-145:hover,.task-href-146:hover,.task-href-147:hover,.task-href-148:hover,.task-href-149:hover,.task-href-150:hover,
.task-href-151:hover,.task-href-152:hover,.task-href-153:hover,.task-href-154:hover,.task-href-155:hover,.task-href-156:hover,.task-href-157:hover,.task-href-158:hover,.task-href-159:hover,.task-href-160:hover, [class^="next-task-a task-href-"]:hover
 {
  background: url("../../images/tasks_icons/task_hakerl_over.svg") no-repeat scroll 5px center #88CBC6;
    color: #FFFFFF;
}

.task-href-1:focus,.task-href-2:focus,.task-href-3:focus,.task-href-4:focus,.task-href-5:focus,.task-href-6:focus,.task-href-7:focus,.task-href-8:focus,.task-href-9:focus,.task-href-10:focus,
.task-href-11:focus,.task-href-12:focus,.task-href-13:focus,.task-href-14:focus,.task-href-15:focus,.task-href-16:focus,.task-href-17:focus,.task-href-18:focus,.task-href-19:focus,.task-href-20:focus,
.task-href-21:focus,.task-href-22:focus,.task-href-23:focus,.task-href-24:focus,.task-href-25:focus,.task-href-26:focus,.task-href-27:focus,.task-href-28:focus,.task-href-29:focus,.task-href-30:focus,
.task-href-31:focus,.task-href-32:focus,.task-href-33:focus,.task-href-34:focus,.task-href-35:focus,.task-href-36:focus,.task-href-37:focus,.task-href-38:focus,.task-href-39:focus,.task-href-40:focus,
.task-href-41:focus,.task-href-42:focus,.task-href-43:focus,.task-href-44:focus,.task-href-45:focus,.task-href-46:focus,.task-href-47:focus,.task-href-48:focus,.task-href-49:focus,.task-href-50:focus,
.task-href-51:focus,.task-href-52:focus,.task-href-53:focus,.task-href-54:focus,.task-href-55:focus,.task-href-56:focus,.task-href-57:focus,.task-href-58:focus,.task-href-59:focus,.task-href-60:focus,
.task-href-61:focus,.task-href-62:focus,.task-href-63:focus,.task-href-64:focus,.task-href-65:focus,.task-href-66:focus,.task-href-67:focus,.task-href-68:focus,.task-href-69:focus,.task-href-70:focus,
.task-href-71:focus,.task-href-72:focus,.task-href-73:focus,.task-href-74:focus,.task-href-75:focus,.task-href-76:focus,.task-href-77:focus,.task-href-78:focus,.task-href-79:focus,.task-href-80:focus,
.task-href-81:focus,.task-href-82:focus,.task-href-83:focus,.task-href-84:focus,.task-href-85:focus,.task-href-86:focus,.task-href-87:focus,.task-href-88:focus,.task-href-89:focus,.task-href-90:focus,
.task-href-91:focus,.task-href-92:focus,.task-href-93:focus,.task-href-94:focus,.task-href-95:focus,.task-href-96:focus,.task-href-97:focus,.task-href-98:focus,.task-href-99:focus,.task-href-100:focus,
.task-href-101:focus,.task-href-102:focus,.task-href-103:focus,.task-href-104:focus,.task-href-105:focus,.task-href-106:focus,.task-href-107:focus,.task-href-108:focus,.task-href-109:focus,.task-href-110:focus,
.task-href-111:focus,.task-href-112:focus,.task-href-113:focus,.task-href-114:focus,.task-href-115:focus,.task-href-116:focus,.task-href-117:focus,.task-href-118:focus,.task-href-119:focus,.task-href-120:focus,
.task-href-121:focus,.task-href-122:focus,.task-href-123:focus,.task-href-124:focus,.task-href-125:focus,.task-href-126:focus,.task-href-127:focus,.task-href-128:focus,.task-href-129:focus,.task-href-130:focus,
.task-href-131:focus,.task-href-132:focus,.task-href-133:focus,.task-href-134:focus,.task-href-135:focus,.task-href-136:focus,.task-href-137:focus,.task-href-138:focus,.task-href-139:focus,.task-href-140:focus,
.task-href-141:focus,.task-href-142:focus,.task-href-143:focus,.task-href-144:focus,.task-href-145:focus,.task-href-146:focus,.task-href-147:focus,.task-href-148:focus,.task-href-149:focus,.task-href-150:focus,
.task-href-151:focus,.task-href-152:focus,.task-href-153:focus,.task-href-154:focus,.task-href-155:focus,.task-href-156:focus,.task-href-157:focus,.task-href-158:focus,.task-href-159:focus,.task-href-160:focus, [class^="next-task-a task-href-"]:focus
 {
 
    color: #FFFFFF;
}

.task-href-1 {
  background: url("../../images/tasks_icons/task_1.svg") no-repeat scroll 5px center #000000;
}

.task-href-2, .task-href-149 {
  background: url("../../images/tasks_icons/task_2.svg") no-repeat scroll 5px center #000000;
}

.task-href-3 {
  background: url("../../images/tasks_icons/task_3.svg") no-repeat scroll 5px center #000000;
}

.task-href-4 {
  background: url("../../images/tasks_icons/task_4.svg") no-repeat scroll 5px center #000000;
}

.task-href-5 {
  background: url("../../images/tasks_icons/task_5.svg") no-repeat scroll 5px center #000000;
}

.task-href-6 {
  background: url("../../images/tasks_icons/task_6.svg") no-repeat scroll 5px center #000000;
}

.task-href-7 {
  background: url("../../images/tasks_icons/task_7.svg") no-repeat scroll 5px center #000000;
}

.task-href-8 {
  background: url("../../images/tasks_icons/task_8.svg") no-repeat scroll 5px center #000000;
}

.task-href-9 {
  background: url("../../images/tasks_icons/task_9.svg") no-repeat scroll 5px center #000000;
}

.task-href-10 {
  background: url("../../images/tasks_icons/task_10.svg") no-repeat scroll 5px center #000000;
}

.task-href-11 {
  background: url("../../images/tasks_icons/task_11.svg") no-repeat scroll 5px center #000000;
}

.task-href-12 {
  background: url("../../images/tasks_icons/task_12.svg") no-repeat scroll 5px center #000000;
}

.task-href-13 {
  background: url("../../images/tasks_icons/task_13.svg") no-repeat scroll 5px center #000000;
}

.task-href-14 {
  background: url("../../images/tasks_icons/task_14.svg") no-repeat scroll 5px center #000000;
}

.task-href-15 {
  background: url("../../images/tasks_icons/task_15.svg") no-repeat scroll 5px center #000000;
}

.task-href-16 {
  background: url("../../images/tasks_icons/task_16.svg") no-repeat scroll 5px center #000000;
}

.task-href-17 {
  background: url("../../images/tasks_icons/task_17.svg") no-repeat scroll 5px center #000000;
}

.task-href-18 {
  background: url("../../images/tasks_icons/task_18.svg") no-repeat scroll 5px center #000000;
}

.task-href-19 {
  background: url("../../images/tasks_icons/task_19.svg") no-repeat scroll 5px center #000000;
}

.task-href-20 {
  background: url("../../images/tasks_icons/task_20.svg") no-repeat scroll 5px center #000000;
}
.task-href-21 {
  background: url("../../images/tasks_icons/task_21.svg") no-repeat scroll 5px center #000000;
}

.task-href-22 {
  background: url("../../images/tasks_icons/task_22.svg") no-repeat scroll 5px center #000000;
}

.task-href-23 {
  background: url("../../images/tasks_icons/task_23.svg") no-repeat scroll 5px center #000000;
}

.task-href-24 {
  background: url("../../images/tasks_icons/task_24.svg") no-repeat scroll 5px center #000000;
}

.task-href-25 {
  background: url("../../images/tasks_icons/task_25.svg") no-repeat scroll 5px center #000000;
}

.task-href-26 {
  background: url("../../images/tasks_icons/task_26.svg") no-repeat scroll 5px center #000000;
}

.task-href-27 {
  background: url("../../images/tasks_icons/task_27.svg") no-repeat scroll 5px center #000000;
}

.task-href-28 {
  background: url("../../images/tasks_icons/task_28.svg") no-repeat scroll 5px center #000000;
}

.task-href-29 {
  background: url("../../images/tasks_icons/task_29.svg") no-repeat scroll 5px center #000000;
}

.task-href-30 {
  background: url("../../images/tasks_icons/task_30.svg") no-repeat scroll 5px center #000000;
}
.task-href-31 {
  background: url("../../images/tasks_icons/task_31.svg") no-repeat scroll 5px center #000000;
}

.task-href-32 {
  background: url("../../images/tasks_icons/task_32.svg") no-repeat scroll 5px center #000000;
}

.task-href-33 {
  background: url("../../images/tasks_icons/task_33.svg") no-repeat scroll 5px center #000000;
}

.task-href-34 {
  background: url("../../images/tasks_icons/task_34.svg") no-repeat scroll 5px center #000000;
}

.task-href-35 {
  background: url("../../images/tasks_icons/task_35.svg") no-repeat scroll 5px center #000000;
}

.task-href-36 {
  background: url("../../images/tasks_icons/task_36.svg") no-repeat scroll 5px center #000000;
}

.task-href-37 {
  background: url("../../images/tasks_icons/task_37.svg") no-repeat scroll 5px center #000000;
}

.task-href-38 {
  background: url("../../images/tasks_icons/task_38.svg") no-repeat scroll 5px center #000000;
}

.task-href-39 {
  background: url("../../images/tasks_icons/task_39.svg") no-repeat scroll 5px center #000000;
}

.task-href-40 {
  background: url("../../images/tasks_icons/task_40.svg") no-repeat scroll 5px center #000000;
}
.task-href-41 {
  background: url("../../images/tasks_icons/task_41.svg") no-repeat scroll 5px center #000000;
}

.task-href-42 {
  background: url("../../images/tasks_icons/task_42.svg") no-repeat scroll 5px center #000000;
}

.task-href-43 {
  background: url("../../images/tasks_icons/task_43.svg") no-repeat scroll 5px center #000000;
}

.task-href-44 {
  background: url("../../images/tasks_icons/task_44.svg") no-repeat scroll 5px center #000000;
}

.task-href-45 {
  background: url("../../images/tasks_icons/task_45.svg") no-repeat scroll 5px center #000000;
}

.task-href-46 {
  background: url("../../images/tasks_icons/task_46.svg") no-repeat scroll 5px center #000000;
}

.task-href-47 {
  background: url("../../images/tasks_icons/task_47.svg") no-repeat scroll 5px center #000000;
}

.task-href-48 {
  background: url("../../images/tasks_icons/task_48.svg") no-repeat scroll 5px center #000000;
}

.task-href-49 {
  background: url("../../images/tasks_icons/task_49.svg") no-repeat scroll 5px center #000000;
}

.task-href-50 {
  background: url("../../images/tasks_icons/task_50.svg") no-repeat scroll 5px center #000000;
}.task-href-51 {
  background: url("../../images/tasks_icons/task_51.svg") no-repeat scroll 5px center #000000;
}

.task-href-52 {
  background: url("../../images/tasks_icons/task_52.svg") no-repeat scroll 5px center #000000;
}

.task-href-53 {
  background: url("../../images/tasks_icons/task_53.svg") no-repeat scroll 5px center #000000;
}

.task-href-54 {
  background: url("../../images/tasks_icons/task_54.svg") no-repeat scroll 5px center #000000;
}

.task-href-55 {
  background: url("../../images/tasks_icons/task_55.svg") no-repeat scroll 5px center #000000;
}

.task-href-56 {
  background: url("../../images/tasks_icons/task_56.svg") no-repeat scroll 5px center #000000;
}

.task-href-57 {
  background: url("../../images/tasks_icons/task_57.svg") no-repeat scroll 5px center #000000;
}

.task-href-58 {
  background: url("../../images/tasks_icons/task_58.svg") no-repeat scroll 5px center #000000;
}

.task-href-59 {
  background: url("../../images/tasks_icons/task_59.svg") no-repeat scroll 5px center #000000;
}

.task-href-60 {
  background: url("../../images/tasks_icons/task_60.svg") no-repeat scroll 5px center #000000;
}

.task-href-61 {
  background: url("../../images/tasks_icons/task_61.svg") no-repeat scroll 5px center #000000;
}

.task-href-62 {
  background: url("../../images/tasks_icons/task_62.svg") no-repeat scroll 5px center #000000;
}

.task-href-63 {
  background: url("../../images/tasks_icons/task_63.svg") no-repeat scroll 5px center #000000;
}

.task-href-64 {
  background: url("../../images/tasks_icons/task_64.svg") no-repeat scroll 5px center #000000;
}

.task-href-65 {
  background: url("../../images/tasks_icons/task_65.svg") no-repeat scroll 5px center #000000;
}

.task-href-66 {
  background: url("../../images/tasks_icons/task_66.svg") no-repeat scroll 5px center #000000;
}

.task-href-67 {
  background: url("../../images/tasks_icons/task_67.svg") no-repeat scroll 5px center #000000;
}

.task-href-68 {
  background: url("../../images/tasks_icons/task_68.svg") no-repeat scroll 5px center #000000;
}

.task-href-69 {
  background: url("../../images/tasks_icons/task_69.svg") no-repeat scroll 5px center #000000;
}

.task-href-70 {
  background: url("../../images/tasks_icons/task_70.svg") no-repeat scroll 5px center #000000;
}
.task-href-71 {
  background: url("../../images/tasks_icons/task_71.svg") no-repeat scroll 5px center #000000;
}

.task-href-72 {
  background: url("../../images/tasks_icons/task_72.svg") no-repeat scroll 5px center #000000;
}

.task-href-73 {
  background: url("../../images/tasks_icons/task_73.svg") no-repeat scroll 5px center #000000;
}

.task-href-74 {
  background: url("../../images/tasks_icons/task_74.svg") no-repeat scroll 5px center #000000;
}

.task-href-75 {
  background: url("../../images/tasks_icons/task_75.svg") no-repeat scroll 5px center #000000;
}

.task-href-76 {
  background: url("../../images/tasks_icons/task_76.svg") no-repeat scroll 5px center #000000;
}

.task-href-77 {
  background: url("../../images/tasks_icons/task_77.svg") no-repeat scroll 5px center #000000;
}

.task-href-78 {
  background: url("../../images/tasks_icons/task_78.svg") no-repeat scroll 5px center #000000;
}

.task-href-79 {
  background: url("../../images/tasks_icons/task_79.svg") no-repeat scroll 5px center #000000;
}

.task-href-80 {
  background: url("../../images/tasks_icons/task_80.svg") no-repeat scroll 5px center #000000;
}

.task-href-81 {
  background: url("../../images/tasks_icons/task_81.svg") no-repeat scroll 5px center #000000;
}

.task-href-82 {
  background: url("../../images/tasks_icons/task_82.svg") no-repeat scroll 5px center #000000;
}

.task-href-83 {
  background: url("../../images/tasks_icons/task_83.svg") no-repeat scroll 5px center #000000;
}

.task-href-84 {
  background: url("../../images/tasks_icons/task_84.svg") no-repeat scroll 5px center #000000;
}

.task-href-85 {
  background: url("../../images/tasks_icons/task_85.svg") no-repeat scroll 5px center #000000;
}

.task-href-86 {
  background: url("../../images/tasks_icons/task_86.svg") no-repeat scroll 5px center #000000;
}

.task-href-87 {
  background: url("../../images/tasks_icons/task_87.svg") no-repeat scroll 5px center #000000;
}

.task-href-88 {
  background: url("../../images/tasks_icons/task_88.svg") no-repeat scroll 5px center #000000;
}

.task-href-89 {
  background: url("../../images/tasks_icons/task_89.svg") no-repeat scroll 5px center #000000;
}

.task-href-90 {
  background: url("../../images/tasks_icons/task_90.svg") no-repeat scroll 5px center #000000;
}

.task-href-91 {
  background: url("../../images/tasks_icons/task_91.svg") no-repeat scroll 5px center #000000;
}

.task-href-92 {
  background: url("../../images/tasks_icons/task_92.svg") no-repeat scroll 5px center #000000;
}

.task-href-93 {
  background: url("../../images/tasks_icons/task_93.svg") no-repeat scroll 5px center #000000;
}

.task-href-94 {
  background: url("../../images/tasks_icons/task_94.svg") no-repeat scroll 5px center #000000;
}

.task-href-95 {
  background: url("../../images/tasks_icons/task_95.svg") no-repeat scroll 5px center #000000;
}

.task-href-96 {
  background: url("../../images/tasks_icons/task_96.svg") no-repeat scroll 5px center #000000;
}

.task-href-97 {
  background: url("../../images/tasks_icons/task_97.svg") no-repeat scroll 5px center #000000;
}

.task-href-98 {
  background: url("../../images/tasks_icons/task_98.svg") no-repeat scroll 5px center #000000;
}

.task-href-99 {
  background: url("../../images/tasks_icons/task_99.svg") no-repeat scroll 5px center #000000;
}

.task-href-100 {
  background: url("../../images/tasks_icons/task_100.svg") no-repeat scroll 5px center #000000;
}

.task-href-101 {
  background: url("../../images/tasks_icons/task_101.svg") no-repeat scroll 5px center #000000;
}
.task-href-102 {
  background: url("../../images/tasks_icons/task_102.svg") no-repeat scroll 5px center #000000;
}
.task-href-103 {
  background: url("../../images/tasks_icons/task_103.svg") no-repeat scroll 5px center #000000;
}
.task-href-104 {
  background: url("../../images/tasks_icons/task_104.svg") no-repeat scroll 5px center #000000;
}
.task-href-105 {
  background: url("../../images/tasks_icons/task_105.svg") no-repeat scroll 5px center #000000;
}
.task-href-106 {
  background: url("../../images/tasks_icons/task_106.svg") no-repeat scroll 5px center #000000;
}
.task-href-107 {
  background: url("../../images/tasks_icons/task_107.svg") no-repeat scroll 5px center #000000;
}
.task-href-108 {
  background: url("../../images/tasks_icons/task_108.svg") no-repeat scroll 5px center #000000;
}
.task-href-109 {
  background: url("../../images/tasks_icons/task_109.svg") no-repeat scroll 5px center #000000;
}

.akt_task_right {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    color: #777777;
    display: block;
    margin: 0px 0 0;
    background: white;
}


.last-task-a {
    background: url("../../images/tasks_icons/tasks_step_back_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font-size: 0;
    padding: 14px 13px;
}

.last-task-a:hover {
    background: url("../../images/tasks_icons/tasks_step_back_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/*.action-error {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #88CBC6;
    font-size: 12px;
    padding: 12px;
}*/

/*.action-error {
  background: none repeat scroll 0 0 green;
  color: #88CBC6;
  font-size: 21px;
  height: 48px;
  margin: -3px 0 0;
  padding: 12px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 999;
}*/

#action-error-top {
  background: none repeat scroll 0 0 #0067ae;
  color: white;
  font-size: 21px;
  min-height: 43px;
  margin: 2px 0 0 20.7%;
  padding: 8px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 58.3%;
  z-index: 100002;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
}


#action-error-email-imap-id {
  background: #28a8e0 none repeat scroll 0 0;
  color: white;
  font-size: 21px;
  min-height: 43px;
  margin-top: 32px;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  z-index: 999;
}

#action-error-not-close {
  background: none repeat scroll 0 0 #0067ae;
  color: white;
  font-size: 21px;
  min-height: 43px;
  margin: 2px 0 0 20.7%;
  padding: 8px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 58.3%;
  z-index: 999;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
}

.action-error-false {
  background: none repeat scroll 0 0 #e94946 !important;
  height: 71px !important;
}

.attention-error-not-close {
  background: none repeat scroll 0 0 #0067ae;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 21px;
  margin: 2px 0 19px 20.7%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  width: 58.3%;
  z-index: 999;
}


/*
.col1 {
  width: 1% !important;
}
.col2 {
  width: 5% !important;
}
.col3 {
  width: 3% !important;
}
.col4 {
  width: 5% !important;
}
.col5 {
  width: 6% !important;
}
.col5a {
  width: 6% !important;
}
.col6 {
  width: 1% !important;
}
.col7 {
  width: 13% !important;
}
.col8 {
  width: 8% !important;
}
.col9 {
  width: 4% !important;
}
.col10 {
  width: 1% !important;
}
.col11 {
  width: 1% !important;
}
.col12 {
  width: 1% !important;
}
.col13 {
  width: 1% !important;
}
*/

.float-right-save {
    float: right;
}

.float-right-padding {
    float: left;
}

.speichern {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 4px 35px 3px;
    vertical-align: top;
}
.speichern-user {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px;
    border: none;
    width: 96%;
    display: block;
    text-align: center;
}

.speichern-notiz {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 10px;
    border: none;
}

.speichern-top{
  margin-right: 5px;
}
.speichern-login {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.5;
    padding: 3px 35px;
    border: none;
    height: 35px;
}
.show-all-top {
    background: url("../../images/ausklappen_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 13px;
    margin-right: 1px;
}
.show-all-top:hover {
    background: url("../../images/ausklappen_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.hide-all-top {
    background: url("../../images/einklappen_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 12px;
    margin-right: 3px;
}

.reload-all-top {
    background: url("../../images/reload_OFF.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 12px;
    margin-right: 0px;
}

.reload-all-top:hover {
    background: url("../../images/reload_ON.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.hide-all-left {
    margin-right: 0px !important;
}
.hide-all-top:hover {
    background: url("../../images/einklappen_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.back-top {
    background: url("../../images/back_to_all_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 13px;
}
.back-top:hover {
    background: url("../../images/back_to_all_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.speichern:hover, .speichern:focus,.speichern-notiz:hover, .speichern-notiz:focus,.speichern-user:hover, .speichern-user:focus,.speichern-login:hover, .speichern-login:focus,
.abgabestelle-bearbeiten:hover,.abgabestelle-bearbeiten:focus,.loeschen:hover,.speichern_logo_only:hover{
    background-color: #88CBC6;
    color: #000000;
}


.offers {
    width: 100%;
}


/*für Scanner FOrm field*/
.form_scan {
    /*margin: -2000px 0 0 -2000px;*/
    position: fixed;
}



/* Mario */

.main-form{
  /*background-color:#DDDDDD;
  padding: 7px; */


}
div.style-data{
  /*background-color: #88CBC6;*/
  color:white;
  cursor: pointer;
  padding-left: 2px;
}




.btn-black{

    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF

}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #FFFFFF;
  background-color: #88CBC6;
  border-color: #88CBC6;
}


/* Mario */

form.mario{
  background-color:#DDDDDD;
  padding: 7px; 
}

.webauftritt-spezial{
  min-width: 0% !important;
  width: 8% !important;
}

.express-spezial{
  min-width: 0% !important;
  width: 20% !important;
}

.form-control-crm-webseiten{
    display: block;
    padding: 2px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    background-image: none;
    border: medium none;
    height: 115px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

div.style-data{
  
  color:white;
  cursor: pointer;
  padding-left: 2px;
}

#no_1,#no_2,#no_3,#no_4,#no_5,#no_6,#angebote_pfeil,#anhang_pfeil,#notiz_pfeil,#analysek_pfeil,#sonstiges_pfeil,#ansprechperson_neu_pfeil,#ansprechperson_pfeil_1,#ansprechperson_pfeil_2,
#ansprechperson_pfeil_3,#ansprechperson_pfeil_4,#ansprechperson_pfeil_5,#ansprechperson_pfeil_6,#ansprechperson_pfeil_7,#address_pfeil,#daten_pfeil,#rechnung_pfeil,#angebot_eins_pfeil,
#gutschrift_pfeil,#auftraege_pfeil,#auftraege_partner_pfeil,#mail_pfeil,#call_in_pfeil,#call_out_pfeil,#sms_out_pfeil,#anhang_partner_pfeil, #notiz_partner_pfeil, #entgelt_partner_pfeil, 
#leistung_partner_pfeil, #webauftritt_partner_pfeil, #ldt_rechnung_pfeil, #partner_adi_more_1, #partner_adi_more_2, #partner_adi_more_3, #ptner_adi_more_4, #partner_adi_more_5, 
#partner_adi_more_6, #partner_adi_more_7, #partner_adi_more_8,#partner_adi_more_9, #partner_adi_more_10, #subpartner_pfeil,
#abgabestelle_partner_pfeil, #abwicklung_pfeil, #partner_rechnung_pfeil, #partner_email_pfeil, #sms_pfeil, #kosten_pfeil {
  background: url("../../images/arrow_einklapp.png") no-repeat scroll right 6px center #88CBC6;
}

.diverses_pfeil_zu{
   background: url("../../images/arrow_einklapp.png") no-repeat scroll right 6px center #88CBC6 ;
}

.diverses_pfeil_auf{
   background: url("../../images/arrow_aufklapp.png") no-repeat scroll right 6px center #88CBC6 ;
} 

#allgemein_orange,.allgemein_orange{
  background: #88CBC6;
}

.form-control-crm {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 1.42857;
    max-width: 100%;
    min-width: 40%;
    padding: 2px;
    vertical-align: middle;
    width: 100%;
}

.form-control-crm.form-textarea{
  height: initial;
  min-height: 25px;
}

.control-stat {
  width: 96%;
}

.form-control-crm-notiz {
  
  display: block;  
  width: 100%;
  height: 25px;
  padding: 2px 2px;
  font-size: 16px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: none;
  height: 115px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
 
}

.btn-black{

    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF

}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #FFFFFF;
  background-color: #88CBC6;
  border-color: #88CBC6;
}


div.style-adi{

  
  margin-top: 22px;
  background-color:#DDDDDD;
  color:#88CBC6;
  cursor:pointer;
  width: 76%;
  
}

div.style-icon{

  
  margin-top: 22px;
  background-color:#DDDDDD;
  width: 47%;
  
}

div.button_priv{

  margin-top: 22px;



}




/*für tabs*/
.tab {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 3px 4px;
}

.tab:hover {
    background: none repeat scroll 0 0 #88CBC6;
}

#tab1,#tab2,#tab3,#tab4,#tab5,#tab6 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 3px;
}

.header-as {
    background: none repeat scroll 0 0 #4D4D4D;
    color: #FFFFFF;
    font-size: 10px;
    padding: 1px 2px;
    text-align: left;
    border: 2px solid #FFFFFF;
}

.as-input {
    background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    height: 20px;
    padding: 0;
    width: 100%;

}

.as-left {
    background: none repeat scroll 0 0 #4D4D4D;
    color: #FFFFFF;
    font-size: 12px;
    padding: 1px 3px;
}

.as, .as-left {
    border: 2px solid #FFFFFF;
}

/*Checkbox*/

/*.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}

label {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: black;
    border: 1px solid grey;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);

    border-radius: 3px;

    position: relative;
    height: 24px;
    width: 24px;
    font-size: 17px;
    content: "";
    padding: 0 11px;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: black;
    border: 1px solid grey;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label:after {
    color: #FFFFFF;
    content: "✔";
    padding: 0 6px;
}
*/

.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}

label {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: black;
    border: 1px solid grey;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: black;
    border: 1px solid grey;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 4px;
    color: white;
}

.dt-span {
    vertical-align: top;
    padding-left: 3px;
}

/*End Checkbox*/

.div_select {
  display: block;
  margin: -40px 10 50px;
  overflow: hidden;
  /*background: url("../../images/dropdown.png") no-repeat scroll 99% 1px / 21px 91% #FFFFFF;*/
  /*background: #FFFFFF;*/
}


.div_select select { 
 /* -webkit-appearance: none;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';*/
  background: white;

  line-height: 1;
  float: left;
  /*padding: 4px 0 3px 8px;*/
  width: 100%;
  height: 25px;
  
    
}

.div_select_user {
  display: block;
  margin: -40px 10 50px;
  overflow: hidden;
  /*background: url("../../images/dropdown.png") no-repeat scroll 99% 0 / 11% 91% #FFFFFF;*/
  background: none;
  width: 96%;
}

.div_select_user select { 
  -webkit-appearance: none;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  background: transparent;
  line-height: 1;
  float: left;
  /*padding: 4px 0 3px 8px;*/
  width: 100%;
  height: 25px;
  border: 1px solid #CCCCCC; 
}

.div_select_rechnung_ind select{ 
  -webkit-appearance: none;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  background: transparent;
  line-height: 1;
  float: left;
  /*padding: 4px 0 3px 8px;*/
  width: 96%;
  height: 28px;
  border: 1px solid #CCCCCC; 
}

#sel_rechnung {
  width: 100% !important;
}


#main_row {
    min-height: 520px;
}

.awhite > strong {
    color: #FFFFFF;
}

.notiz-div {
    padding: 0 10px;
}

.speichern-padding {
    /*padding-top: 17px;*/
    padding-top: 17px;
}

.filter-padding {
    /*padding-top: 17px;*/
    padding-top: 4px;
}

/*.speichern-top {
    float: right;
}*/

.help_div_back {
    background: none repeat scroll 0 0 #DDDDDD;
    /*margin-bottom: 20px;*/
    padding: 0px 4px;
}

.row.erste_row:before {
    padding: 0 !important;
}

.float-right-search {
    float: right;
    font-family: play;
    font-size: 18px;
    width: 100%;
    margin-top: 9px;
    text-align: right;
}

.header-home-1 {
    font-family: play;
    font-size: 31px;
    font-weight: bold;
    padding: 0;
}

.header-filter{
  padding:0 0 0 10px;
}

.header-home-2 {
    font-family: play;
    font-size: 31px;
    padding: 0 5px;
}

.header-home-3 {
    font-family: play;
    font-size: 17px;
    font-weight: bold;
    padding: 0;
}

.header-home-3-left {
    font-family: play;
    font-size: 17px;
    font-weight: bold;
    padding: 0 0 0 7px;
}
.header-home-3-under {
    color: #FFFFFF;
    font-family: play;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}

.row-next-schritt-1 {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 7px 0;
    padding-top: 16px;
}

.status-margin-top {
    margin-top: 20px;
}

/*.row > div {
    padding: 0 9px;
}
*/
.padding-abstand{
  padding: 0 9px;
}

.padding-abstand-marketing{
  padding: 0 18px;
}
.style-icon.pull-right {
    text-align: right;
}

.pull-right > label {
    margin-left: 6px;
    margin-top: 2px;
}

.user_input_class {
    width: 96%;
    border: 1px solid #CCCCCC;
    height: 25px;
}

.header_user {
    font-family: play;
    font-size: 17px;
    font-weight: bold;
}

.datentraeger-text {
    min-height: 106px;
}

.main-kunden {
    padding: 0 15px;
}

#searchfield {
    border: 1px solid #88CBC6;
    height: 25px;
    width: 80%;
    margin-left: 5px;
    padding: 4px;
    font-family: Source Sans Pro;
}

.suchbutton,.suchbutton:focus {
    background: none repeat scroll 0 0 #88CBC6;
    color: #FFFFFF;
    padding: 2px 7px;
}

.suchbutton:hover {
    background: none repeat scroll 0 0 #4d4d4d;
    color: #FFFFFF;
}


.num_auftrag_2 {
    background: url("../../images/label_neu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 2px 9px 2px 20px;
}

.datentraeger-class{
  color: white !important;
  display: block;
}

#kunde, #ansprechperson, #referenz{
    display: inline-table;
    width: 70%;
}

.angebot_td_small {
    width: 3%;
}

.anhaenge_td_small {
    width: 9%;
}

#anhaenge-table_wrapper{
  min-height: 150px;
}

.small-label {
    font-size: 11px;
    font-weight: normal;
}

.form-group.form-group-1 {
    margin-bottom: 0;
}

/* Style for Loginpage */

.box_log {               /*Box for Login*/
  border-width:1px;
  width: 360px;
  padding: 75px;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-left: physical;
  padding-left: physical;
  padding-right: physical;
  padding-right: physical;    
  background-color: rgb(250, 250, 250);
  box-shadow: -1px 0px 4px #000000, 5px 5px 5px #88CBC6;
  margin: 50px auto 0px;
}

.img-responsive-log {
  display: block;
  margin: 60px auto 0;
  max-width: 16%;
}

.log-1{
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: bold;
}

.user-log{
  color: #88CBC6;
}

input.log{
  height: 40px;
  width: 80%;
  font-size: 30px;
  color: #88CBC6;
  border-width:2px;
  border-style:solid;
  border-color:black;
  text-align: center;    
}

input.pass{
  height: 40px;
  width: 80%;
  font-size: 30px;
  color: #88CBC6;
  margin-top: 12px;
  border-width:2px;
  border-style:solid;
  border-color:black;
  text-align: center;
}

.ansprechperson-more {
    text-align: right;
}

.read_only.ok-class {
    background: url("../../images/aktivitaet_dot_aktiv.png") no-repeat scroll 0 0 ;
    font-size: 0;
    background-position: center;
}
.read_only.ok-class:hover {
    background: url("../../images/aktivitaet_dot_aktiv.png") no-repeat scroll 0 0 !important;
    font-size: 0 !important;
    background-position: center !important;
}

.read_only.over-class {
    background: url("../../images/aktivitaet_dot_over.png") no-repeat scroll 0 0 ;
    font-size: 0;
    background-position: center  ;
}
.read_only.over-class:hover {
    background: url("../../images/aktivitaet_dot_over.png") no-repeat scroll 0 0 !important;
    font-size: 0 !important;
    background-position: center !important;
}

.read_only.neue-class {
    background: url("../../images/aktivitaet_dot_neu.png") no-repeat scroll 0 0 ;
    font-size: 0;
    background-position: center;
}
.read_only.neue-class:hover {
    background: url("../../images/aktivitaet_dot_neu.png") no-repeat scroll 0 0  !important;
    font-size: 0 !important;
    background-position: center !important;
}


.ok-class-right {
    background: url("../../images/aktivitaet_dot_aktiv.png") no-repeat scroll 0 0 white;
    font-size: 0;
    padding: 13px 0px;
    background-position: center;
}
.ok-class-right:hover {
    background: url("../../images/aktivitaet_dot_aktiv.png") no-repeat scroll 0 0 white!important;
    font-size: 0 !important;
    background-position: center !important;
}

.over-class-right {
    background: url("../../images/aktivitaet_dot_over.png") no-repeat scroll 0 0 white;
    font-size: 0;
    padding: 13px 0px;
    background-position: center;
}
.over-class-right:hover {
    background: url("../../images/aktivitaet_dot_over.png") no-repeat scroll 0 0 white!important;
    font-size: 0 !important;
    background-position: center !important;
}

.neue-class-right {
    background: url("../../images/aktivitaet_dot_neu.png") no-repeat scroll 0 0 white;
    font-size: 0;
    font-size: 0;
    padding: 13px;
    background-position: center;  
}
.neue-class-right:hover {
    background: url("../../images/aktivitaet_dot_neu.png") no-repeat scroll 0 0 white  !important;
    font-size: 0 !important;
    background-position: center !important;
}
.main-user {
    padding: 0 14px;
}

.row-next-schritt-2 {
    background: url("../../images/label_next_step.png") no-repeat scroll 0 0 / 100% auto #DDDDDD;
    min-height: 115px;
    padding: 1px 4px;
}

.row-user-innen:before, .row-user-innen:after {
    content: " ";
    display: table;
    padding-bottom: 0px !important;
}

.user-erstellen-error {
    color: #FF0000;
    font-size: 15px;
    padding: 3px 0 0;
    vertical-align: middle;
}

.akt_task_class {
  background: none repeat scroll 0 0 #ffffff;
  padding: 3px 0 3px 6px;
  width: 87% !important;
}

/*email senden*/
.help_pos{
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
  margin-top: 7px;
}

.help_pos_text{
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
 
}
.padding-abstand-text {
    padding: 35px 9px;
        
}

.help-text-email{

  min-height: 200px;
}

.send-button{

  background-color: #000000;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 35px;
}

.send-button:hover{

   background-color: #88CBC6;
    color: #000000;
}

.help-input{

  margin-left: -70px;
  margin-top: 5px;
}
/*----*/

.row-abstand-top {
    margin-top: 20px;
}

.row.no-top-free:before {
    padding: 0 !important;
}

.vertical-bottom {
    padding: 15px 0 0;
}

.num_auftrag {
    background: url("../../images/aktivitaet_dot_neu.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    margin: 0 6px 0 0;
    padding: 0 19px 0 0;
}

.num_auftrag-1 {
    background: url("../../images/aktivitaet_dot_aktiv.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    margin: 0 6px 0 0;
    padding: 0 19px 0 0;
}

.num_auftrag-2 {
    background: url("../../images/aktivitaet_dot_over.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    margin: 0 6px 0 0;
    padding: 0 19px 0 0;
}

.num_auftrag_2 {
    background: url("../../images/label_neu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 2px 9px 2px 20px;
}

.num_auftrag_3 {
    background: url("../../images/label_imSoll.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 2px 9px 2px 20px;
    color: white;
}

.num_auftrag_4 {
    background: url("../../images/label_imVerzug.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 2px 9px 2px 20px;
    color: white;
}

.num_auftrag_2, .num_auftrag_3 {
    margin-right: 20px;
}

#pop_overlay,#pop_overlay_z,#dpd_popup_overlay,#dhl_popup_overlay,#ups_popup_overlay {
    background: none repeat scroll 0 0 #808080;
   
    float: none;
    height: 100%;
    margin-top: 0px;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
#pop_overlay{
  z-index: 9999;
}

#pop_overlay1 {
    background: none repeat scroll 0 0 #FFFFFF;
   
    float: none;
    height: 100%;
    margin-top: 0px;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

#popup,#popup_z,#dpd_popup,#dhl_popup,#ups_popup {
    background: none repeat scroll 0 0 #FFFFFF;
   
    float: none;
    /*height: 252px;*/
    margin: 200px auto 0 38%;
    position: fixed;
    width: 29%;
    z-index: 999999;
    padding: 0 0 7px;
}

#popup_wait {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
   
    float: none;
    /*height: 252px;*/
    margin: 200px auto 0 35.5%;
    position: fixed;
    width: 29%;
    z-index: 999999;
    padding: 0 0 7px;
    text-align: center;


}

#popup_warning {
  background: none repeat scroll 0 0 #88CBC6;
  float: right;
  padding: 0 0 20px;
  position: fixed;
  right: 9px;
  text-align: center;
  top: 187px;
  width: 19%;
}

.href-popup {
  color: #808080;
  font-size: 19px;
}

#loading_img{
  margin-bottom: 14px;
  width: 25%;
}

.close {
    border-radius: 22px;
    float: right;
    height: 30px;
    margin: -4px -4px 0 0;
    padding: 0 11px;
    width: 30px;
}

.search_close {
    border-radius: 22px;
    float: left !important;
    height: 30px;
    margin: -3px 0 0 -5px;
    padding: 0 11px;
    width: 30px;
}

#okay-button-popup {
    background-color: black;
    background-image: none;
    margin: 0 auto;
    padding: 5px 15px !important;
    text-shadow: none;
    display: block;
    color: white;
}
#okay-button-popup:hover{
   background-color: #88CBC6;
}

.popup-text, .popup-text_z {
    /*height: 160px;*/
    margin: 37px 20px 10px;
}
#label-popup-text,#label-popup-text_1,#label-popup-text_z {
    display: block;
    font-size: 16px;
    font-weight: normal;
    text-align: center !important;
}

#kunde {
    background: url("../../images/look_OFF.png") no-repeat scroll right 0 #FFFFFF;
    cursor: pointer;
}
#kunde:hover {
    background: url("../../images/look_ON.png") no-repeat scroll right 0 #FFFFFF;
}

#help_for_analyse,#angebote_more_div,#sonstiges_more_div,#notizen_more_div, #mail_more_div, #anhang_partner_more_div, #notizen_partner_more_div{
    padding: 10px;
}

.help_email_abstand {
    margin-bottom: 10px;
}

.button-email {
    background: url("../../images/mail_OFF.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    padding: 1px 14px 4px;
}
.button-email:hover {
    background: url("../../images/mail_OVER.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.button-sms {
    background: url("../../images/sms_OFF.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    padding: 1px 14px 4px;
}
.button-sms:hover {
    background: url("../../images/sms_OVER.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.button-phone {
    background: url("../../images/phone_OFF.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    padding: 1px 14px 4px;
}
.button-phone-user {
  background: url("../../images/phone_OFF.png") no-repeat scroll center center / 63% auto rgba(0, 0, 0, 0);
  padding: 1px 14px 4px;
}
.button-phone-user:hover {
    background: url("../../images/phone_OVER.png") no-repeat scroll center center / 73% rgba(0, 0, 0, 0);
}
.button-phone:hover {
    background: url("../../images/phone_OVER.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.button-mobil {
    background: url("../../images/mobil_OFF.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
    padding: 1px 14px 4px;
}
.button-mobil:hover {
    background: url("../../images/mobil_OVER.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.button-senddata-user {
  background: url("../../images/look_OFF.png") no-repeat scroll center center / 63% auto rgba(0, 0, 0, 0);
  padding: 1px 14px 4px;
}
.button-senddata-user:hover {
    background: url("../../images/look_ON.png") no-repeat scroll center center / 73% rgba(0, 0, 0, 0);
}

#fileA {
    display: none;
}
#fileP {
    display: none;
}

#fileE {
    display: none;
}

#fileEP {
    display: none;
}

#filePA {
    display: none;
}

#fileEC {
    display: none;
}

#anrufer_div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #808080;
    border-radius: 7px;
    float: right;
    height: 112px;
    /*margin: 32% 14% 15% 81%;*/
   
    right: 10px;
   
    vertical-align: bottom;
    width: 385px;
    z-index: 99999;
    display: none;
}

.anrufer_div_class {
    position: relative;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #808080;
    border-radius: 7px;
    float: right;
   /* height: 170px;*/
    /*margin: 32% 14% 15% 81%;*/
    bottom: 10px;
    right: 10px;
   
    vertical-align: bottom;
    width: 385px;
    z-index: 99999;
    margin-bottom: 3px;
}

.anrufer_div_class_info {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #808080;
  border-radius: 7px;
  bottom: 132px;
  float: right;
  height: 415px;
  margin-bottom: 11px;
  right: 10px;
  vertical-align: bottom;
  width: 385px;
  z-index: 99999;
  padding: 0 0px 0 8px;
}
.anrufer_div_class>button.close{
  position: absolute;
  border-radius: 30px;
  position: absolute;
  right: 1px;
  top: 1px;
  margin: 0;
  border : 2px solid #fff;    
  transition: border 2000ms ease-out;
 -webkit-transition : border 2000ms ease-out; 
 -moz-transition : border 2000ms ease-out;
 -o-transition : border 2000ms ease-out;
}
.anrufer_div_class>button.close.animate_clear_mess{
  border : 2px solid #e94946;
}


.teleon-side-input {
  width: 98%;
}

.telefon-side-textarea {
  height: 106px;
  margin-bottom: 9px;
}

#telefon-save-div {
  color: green;
  margin-left: 10px;
}

#anrufer_div_parrent {
   bottom: 10px;
  float: right;
  position: fixed;
  right: 10px;
  width: 385px;
  z-index: 99999;
}

.text_telefon {
    color: #88CBC6;
    font-size: 20px;
    padding: 0px 10px;
    text-align: center;
    vertical-align: middle;
    margin:0px;
}


#firma{
    display: inline-table;
    width: 83%;
}

#tel_1, #a_tel_1{
  width: 90%;
}

#tel_2, #mobile{ 
  width: 100%;
}

.pull-right-tel_2{

  padding-left: -10px;
}
.abstand-top{

  padding-top: 1px;
}

#barcode, #helpbarcode{
  margin-left: -1000px;
  margin-top: -1000px;
}


.row-no-padd:before, .row-no-padd:after {
    padding-bottom: 0 !important;
}

#firmen_zusatz, #strasse, #adi_zu, #ort{

  width: 99%;
}

.input_pa{
  
  width: 83% !important;
}

div.style-adi-m{

  margin-top: 67px;
}

.speichern_p{


  padding-top: 10px;
}

/*
=====================================
|            Mario                  |
=====================================
*/

.background_footer{

  background-color: #4D4D4D;
  height: 70px;
}


.copyr{

  color:#FFFFFF;
}

ul.footer_menu_list li{

  float: left;
  padding-right: 6px;
  list-style: none outside none;
  text-align: center;
}

a.weiss{

  color:#FFFFFF;
}

.navbar.navbar-default{
  background: white;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 999999;
  box-shadow:0 0 17px rgba(0, 0, 0, 0.5)
}
#footerleiste {
  background: none repeat scroll 0 0 white;
  border-radius: 4px;
  bottom: 0;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
  float: right;
  height: 40px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 9999;
  padding: 7px 0px;
}

.navbar-nav{
  margin-top: -55px;
}

.container{
  margin-top: 85px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
  display: none;
}

.menu-left {
  background: none repeat scroll 0 0 #dddddd;
  bottom: 44px;
  float: left;
  height: 95px;
  left: 0;
  position: fixed;
  width: 158px;
  z-index: 999;
  box-shadow:0 0 17px rgba(0, 0, 0, 0.5);
}

#speichern-left-menu {
  background: url("../../images/ausklappen_OFF.png") no-repeat scroll 0 0 orange;
  display: block;
  font-size: 0;
  margin: 1px 1px 0;
  padding: 17px 19px;
  top: 12px;
  z-index: 999;
}

.speichern-left {
  background: #88CBC6;
  color: white;
  display: block;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 1px 20px;
  position: fixed;
  text-decoration: none;
  width: 136px;
  text-align: center;
}

.speichern-left:hover {
  background: #88CBC6;
  color: #4D4D4D;
}

.small-notiz {
  background: none repeat scroll 0 0 #dddddd;
  bottom: 44px;
  /*box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);*/
  /*height: 150px;*/
  left: -700px;
  padding: 1px 6px;
  position: fixed;
  width: 300px;
  z-index: 9;
  box-shadow:0 0 17px rgba(0, 0, 0, 0.5);
}

.show-hide-notiz-left {
  background: url("../../images/left_menu/widget_notiz_off.png") no-repeat scroll center center #ffffff;
  display: block;
  height: 95px;
  left: 158px;
  padding: 14px;
  position: fixed;
  z-index: 99;
  bottom: 44px;
  box-shadow:0 0 17px rgba(0, 0, 0, 0.5);
}

.show-hide-notiz-left:hover {
   background: url("../../images/left_menu/widget_notiz_over.png") no-repeat scroll center center  #ffffff;

}

.show-hide-notiz-right {
  background: url("../../images/left_menu/widget_notiz_offen_off.png") no-repeat scroll center center #dddddd;
  display: block;
  padding: 130px 0;
  z-index: 999;
}

.show-hide-notiz-right:hover {
   background: url("../../images/left_menu/widget_notiz_offen_over.png") no-repeat scroll center center  #dddddd;

}

.allbuttons-left {
  margin-left: 22px;
  margin-top: 63px;
  position: fixed;
}

.container.container-home-login {
  margin-top: -110px !important;
}

.show-all-left {
    background: url("../../images/ausklappen_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 13px;
    margin-right: 0px;
}
.show-all-left:hover {
    background: url("../../images/left_menu/widget_ausklappen_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.hide-all-leftm {
    background: url("../../images/einklappen_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 12px;
    margin-right: 1px;
}

.hide-all-leftm:hover {
    background: url("../../images/left_menu/widget_einklappen_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.back-left {
    background: url("../../images/back_to_all_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 13px;
}
.back-left:hover {
    background: url("../../images/left_menu/widget_back_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.reload-all-left {
    background: url("../../images/reload_OFF.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 18px 12px;
    margin-right: 1px;
}

.reload-all-left:hover {
    background: url("../../images/reload_ON.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.speichern-notiz-left {
  float: right;
  margin-top: -14px;
}

.form-control-crm-notiz-left {
  max-height: 96px !important;
  min-height: 96px !important;
  resize:none;
}

.show-barcode {
  background: url("../../images/ausklappen_OFF.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 0;
  margin-right: 1px;
  padding: 14.8px 13px 9.21px;
}
.show-barcode:hover {
    background: url("../../images/ausklappen_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.show-english {
  background: url("../../images/eng.gif") no-repeat scroll 99% 88% / 100% 100% rgba(0, 0, 0, 0);
  font-size: 0;
  margin-right: 1px;
  padding: 15.8px 21px 9.21px;
}

#barcode_lagerort {
  /*display: block;

  position: fixed;
  left: 434px;
  top: 363px;
  width: 93px;*/
}

#barcode_lagerort {
  margin: 0 0 35px 1px;
  width: 99.5%;
}

.text-left-menu {
  float: left;
  left: 0;
  position: fixed;
  bottom: 144px;
  z-index: 9999;
  background: white;
  box-shadow:0 0 17px rgba(0, 0, 0, 0.5);
  padding: 5px;
  text-align: center;
  width: 186px;
}

.show-hide-user {
  background: url("../../images/arrow_aufklapp_left.png") no-repeat scroll 0 0 black;
  background: url("../../images/arrow_aufklapp_left.png") no-repeat scroll right 6px center #88CBC6;
  float: left;
  margin-left: -25px;
  margin-top: -20px;
  padding: 20px 10px;
}

.text-right-menu {
  background: none repeat scroll 0 0 white;
  bottom: 50px;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
  float: right;
  height: 650px;
  padding: 5px;
  position: fixed;
  right: -300px;
  width: 300px;
  z-index: 9999;
}

.anruf-user-div {
  height: 600px;
  overflow-y: auto;
  padding-top: 4px;
}

.user-hr {
  margin: 5px;
}

.search_user {
  width: 100%;
}

.text-left-menu-kunden {
  background: none repeat scroll 0 0 #0067ae;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
  color: white;
  float: left;
  left: -600px;
  padding: 5px;
  position: fixed;
  text-align: center;
  top: 90px;
  width: 490px;
  z-index: 9999;
}

.text-left-1 {
  font-size: 14px;
}

.text-left-2 {
  font-size: 14px;
}

.text-left-3 {
  font-size: 14px;
  float: left;
}

.text-left-4 {
  font-size: 14px;
  float: left;
  text-align: left;
}

.a-left-menu:hover{
  font-weight: bold;
}

.hr-left{
  margin: 6px 0px;
}

.user_input_class_websites {
  border: 1px solid #cccccc;
  height: 25px;
  padding: 3px 4px;
  text-align: right;
  width: 95%;
}

.akr-input-left {
  float: right;
  margin-right: 5px;
  width: 95%;
  margin-right: 0px;
}

.akr-input-left-span {
  margin-left: 9px;
  width: 95%;
}

.akr-input {
  margin-right: 2px;
  width: 95%;
}

.re-individuell-input {
  border: 1px solid #cccccc;
  height: 28px;
  margin-right: 2px;
  width: 99%;
}

.re-abstand-right {
  width: 97%;
}

.akr-input-right {
  width: 80% !important;
}

.re-individuell-input-right {
  margin-right: 4px;
  width: 75% !important;
}

.rechthr {
  margin: -3px 0 3px 2px;
}

.mainrechte {
  margin-left: 10px;
}

.user_input_diverses_kosten {
  width: 80%;
}

.kosten_datentraeger {
  width: 80%;
}

.select_ang_class {
  /*margin-left: 10px;*/
  width: 100%;
}

.anmerkungen-kunde-text{
  height:100px;
  border: 3px solid #88CBC6;
}

.user_input_class_status_name {
  border: 1px solid #cccccc;
  height: 25px;
  padding: 3px 4px;
  /*text-align: right;*/
  width: 95%;
}

.gut-input {
  /*margin-right: 2px;*/
}

#rechnung-erneut-senden-button {
  margin-right: 5px;
}

.update_stat {
  height: 25.7px;
  margin-top: 18.5px;
}

#rechnung_sent {
  float: left;
  margin-left: 10px;
}

.line-diagram {
  background: url("../../images/diagramm_lines_OFF.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-right: 5px;
  /*padding: 13px;*/
  padding: 5px 13px;
}


.line-diagram:hover{
  background: url("../../images/diagramm_lines_ON.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.cake-diagram {
  background: url("../../images/diagramm_cake_OFF.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 13px;
}
.cake-diagram:hover{
  background: url("../../images/diagramm_cake_ON.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*#speichern-verantwortlichkeit {
  bottom: 10px;
  padding: 5px 4px;
  position: fixed;
  width: 10%;
  z-index: 9999;
}*/

#speichern-verantwortlichkeit {
  padding: 5px 4px;
  z-index: 9999;
}

.span-div-left {
  color: black !important;
}

.texte_box{
  height:100%;
  max-width: 95% !important;
  margin-bottom: 25px !important; 
}

.frage_erstellen {
  height: 110px;
  resize: none;
}

.found {
  color: orange;
}

#not-bezahlt {
  background: none repeat scroll 0 0 #e94946;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 999;
}

.search_right_head {
  background: none repeat scroll 0 0 #dddddd;
  padding: 10px;
}

#search_right_id {
  background: none repeat scroll 0 0 white;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  bottom: 40px;
  /*padding: 3px 4px 0 11px;*/
  position: absolute;
  width: 22%;
  z-index: 999;
}
#search_donor_id{
    background: none repeat scroll 0 0 white;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    position: absolute;
    width: 130%;
    z-index: 999;
    display: none;
}
#search_right_id_telefon {
  background: none repeat scroll 0 0 white;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  bottom: 40px;
  /*padding: 3px 4px 0 11px;*/
  position: absolute;
  width: 22%;
  z-index: 999;
  left: 260px;
}

/*#search_right_id_anr {
  background: none repeat scroll 0 0 white;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  bottom: 40px;

  position: absolute;
  width: 22%;
  z-index: 999;
}*/

#search_right_id_anr {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #dddddd;
  bottom: 400px;
  padding: 5px;
  width: 100%;
  z-index: 999999999;
}

#searchright_href {
  margin-left: 10px;
}

#search_right_id_search {
  bottom: 6px !important;
  margin-left: 10px;
  
  width: 15%;
  z-index: 2147483647;
}

#search_right_id_search_anr {
  bottom: 6px !important;
  width: 100%;
}

.search_right {
  display: unset !important;
  width: 30% !important;
  float: left;
}

.search_right_anr {
  display: unset !important;
  width: 100% !important;
  float: left;
}

#call_bottom_div {
  bottom: 6px !important;
  margin-left: 80px;
  
  width: 15%;
  z-index: 2147483647;
}

.call_bottom {
  display: unset !important;
  width: 30% !important;
  float: left;
}

.button-phone-bottom {
  padding: 1px 14px 6px;
}

#actext_id {
  bottom: 0 !important;
  float: left;
  margin-left: 10px;
  margin-top: 29px;
  width: 50px;
  z-index: 2147483647;
}

#gesp {
  background: none repeat scroll 0 0 white;
  border: 1px solid green;
  color: green;
  margin-left: -12px;
  margin-top: 5px;
  padding: 5px 6px;
  position: absolute;
}




.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    transition: 0.25s visibility;
    display: block;
    visibility: hidden;
}

.dropdown-submenu:hover>.dropdown-menu {
    visibility: visible;
    transition-delay: 0.25s;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left, .dropdown-submenu.pull-left-1 {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu, .dropdown-submenu.pull-left-1>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
 
#filter-text-left {
  font-size: 17px;
  font-weight: bold;
}

#filter-text-right {
  display: flex;
  font-weight: bold;
}

.hr-left-top {
  float: left;
  margin: -5px 0 14px;
  width: 95%;
}

#orders-table tr.bearbeitet {
  background: #E0E0E0 !important;
  color: black;
}

#formulare-table tr.bearbeitet {
  background: #E0E0E0 !important;
  color: black;
}

#orders-table tr.norwegen-class #col10-bottom{
  background: #00ACED !important;

}

#orders-table tr.schweiz-class #col10-bottom{
  background: #F6B6B5 !important;

}

#orders-table tr.holland-class #col10-bottom{
  background: #E49B10 !important;

}
#orders-table tr.tuerkei-class #col10-bottom{
  background: #FC559D !important;
}
#orders-table tr.finnland-class #col10-bottom{
  background: #4C9ED9 !important;
}

#orders-table tr.ratenzahlung_aktiv{
  background: rgba(0, 128, 0, 0.2) !important; /* Green background with 30% opacity */
}

#orders-table .bearbeitet a {
  color: black;
}

.container-ohne-menu {
  margin-top: 10px !important;
}

#gutschrift-prozent-berechnen {
  float: right;
  margin-right: 17px;
}

#strasse_auftrag_detail{

  display: inline-table;
  width: 70%;
}

#land_auftrag_detail{

  width:85%;
}

#ort_auftrag_detail{

  width:98%;
 
}

#plz_auftrag_detail{

  width:85%;
}

tfoot {
  display: table-header-group;
}

.as-input-small{
  width: 67% !important;
}

.help-input-2{

  margin-top: 5px;
}

.mail_padding{

  padding-left: 10px;
  padding-right: 10px;
}

.width_mw{
  width: 5.5% !important;
}

/*#alert{
  position:fixed;
  top:90px;
  left:30%;
  display:none;
  margin:0 auto;
  padding:0;
  background:#DDDDDD;
  z-index:9998;
  height: 700px;
}
*/
#alert {
  background: #dddddd none repeat scroll 0 0;
  height: 87%;
  left: 0;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 999999;
  display:none;
}


#alert-close{
  background-color: #88CBC6;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
  margin-top: -2px;
  
}

#alert-close-log{
  background-color: #0067AE;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
  margin-top: -2px;
  
}
.alert-close1{

  /*background-color: #0067AE;*/
  color: #FFFFFF;
  cursor: pointer;
}

@media (max-width: 1170px) { 

  #alert{
  position:fixed;
  top:90px;
  left:15%;
  display:none;
  margin:0 auto;
  padding:0;
  background:#DDDDDD;
  z-index:99991;
  height: 700px;
  width: 350px;
}


 }

.ueberschrift_uebersetzung{

  font-family: play;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: -20px;
}

.scrollToTop {
  background: url("../../images/arrow-scroll.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
  bottom: -2px;
  display: none;
  height: 75px;
  position: fixed;
  right: -15px;
  width: 60px;
  z-index: 999999;
}


/*Neu*/

.table_col{

  width: 50% !important;
}

.table_col_spezial{

  width: 32% !important;
}

.help_mw{

  padding: 3px 10px;
}

#searchResults,#searchResults1, #searchResults_first, #searchResults_zu_adi, #searchResults_ans_new, #searchResults_kunden, #searchResults_subpartner, #searchResults_subpartner_speichern {
    background: #DDDDDD;
    list-style: none outside none;
    margin-left: 0;
    position: absolute;
    width: 36%;
    color:black;
    font-size: 15px;
    z-index: 999999;
    opacity: 0.88;
    cursor: pointer;
}

#searchResults > li:hover, #searchResults1 > li:hover, #searchResults_first > li:hover, #searchResults_zu_adi > li:hover, #searchResults_ans_new > li:hover, 
#searchResults_kunden > li:hover, #searchResults_subpartner > li:hover, #searchResults_subpartner_speichern > li:hover{
  color:#88CBC6;  
  outline: none; 
}

.search_extra{
    background: #DDDDDD;
    list-style: none outside none;
    margin-left: 0;
    position: absolute;
    width: 36%;
    color:black;
    font-size: 15px;
    z-index: 999999;
    opacity: 0.88;
    cursor: pointer;
}

.search_extra > li:hover{
  color:#88CBC6;  
  outline: none; 
}

.no_pad{

  padding: 0px !important;
}

/*.table_col_select{

  width: 32% !important;
  min-width: 0% !important;
}*/


.input_hausnummer_{

  width: 110% !important;
  max-width: 150% !important;

}

.table_col_street{

  width: 72%;
}

.link_abweichend{

  background: none repeat scroll 0% 0% #88CBC6;
}

.link_abweichend1{

  color:#FFFFFF;
  
}

.marg_check{

  margin-bottom: -6px !important;
}

.textWasIstPassiert,.textSonstiges{

  width: 100%;
  height: 200px;
}

.textPartiton, .textOrdner, .textDateien{

  height:130px;
}

#allgemein_orange_dt_1,#allgemein_orange_dt_2,#allgemein_orange_dt_3,#allgemein_orange_dt_4,#allgemein_orange_sonstiges,#allgemein_orange_zusatzI{

  margin-top: 20px;
 background: #88CBC6;
}

.long{

  width: 50% !important;
}

#elem_2,#elem_3{

  width: 30% !important;
}





.alert-close2{

  background-color: #88CBC6;
  color: #FFFFFF;
  cursor: pointer;
}

#alert_1{
  position:fixed;
  top:90px;
  left:30%;
  display:none;
  margin:0 auto;
  padding:0;
  background:#DDDDDD;
  z-index:9998;
  height: 700px;
}

.dropdownmw{

  left:-135px !important;
}

.user_input_class_links {
  border: 1px solid #cccccc;
  height: 30px;
  padding: 3px 4px;
  width: 95%;
}


.div_select_abholort {
  display: block;
  margin: -40px 10 50px;
  overflow: hidden;
  background: none;
  width: 96%;
}

.div_select_abholort select { 
  -webkit-appearance: none;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  background: transparent;

  line-height: 1;
  float: left;
  width: 50%;
  height: 25px;
  border: 1px solid #CCCCCC;
   
}
.small-input{

  margin-right:10px;
}

#alert-notiz{
  position:fixed;
  top:90px;
  left:30%;
  display:none;
  margin:0 auto;
  padding:0;
  background:#DDDDDD;
  z-index:9998;
  width: 800px;
  border: 1px solid black;
  
}

#alert-close-notiz{
  background-color: #88CBC6;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
 
  
}

.alert-close1-notiz{

  background-color: #88CBC6;
  color: #FFFFFF;
  cursor: pointer;
}

.marg_notiz{

  margin-left: 10px;
}

.small_input_ab_man{

  width: 48%;
}

.zum-auftrag-tel {
  margin-top: 10px;
}

.menu_button.archiv-a{
  background: url("../../images/topmenubuttons/archiv_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.archiv-a:hover{
  background: url("../../images/topmenubuttons/archiv_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

.active .menu_button.archiv-a {
    background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}

.menu_button.links-a{
  background: url("../../images/topmenubuttons/links_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.links-a:hover{
  background: url("../../images/topmenubuttons/links_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

/*.active .menu_button.links-a {
    background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}*/

.menu_button.logins-a{
  background: url("../../images/topmenubuttons/logins_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 10px;
  width: 70px;
  background-size: 45px;
}

.menu_button.logins-a:hover{
  background: url("../../images/topmenubuttons/logins_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

/*.active .menu_button.logins-a {
    background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}*/

.menu_button.stati-a{
  background: url("../../images/topmenubuttons/statistik_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px 5px;
  width: 70px;
  background-size: 45px;
}

.menu_button.stati-a:hover{
  background: url("../../images/topmenubuttons/statistik_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

/*.active .menu_button.stati-a {
    background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}*/

.menu_button.tools-a{
  background: url("../../images/topmenubuttons/tools_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.tools-a:hover{
  background: url("../../images/topmenubuttons/tools_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}


.menu_button.interna-a{
  background: url("../../images/topmenubuttons/interna_OFF.svg") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
  background-size: 45px;
}

.menu_button.interna-a:hover{
  background: url("../../images/topmenubuttons/interna_OVER.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
}

/*.active .menu_button.stools-a {
    background: url("../../images/topmenubuttons/auftraege_ON.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0)!important;
    color: #88CBC6 !important;
}*/

.pull-left-1{
  float: left;
  left:-103px !important;
}

#alert_login {

    
    margin: 0px auto;

    background: none repeat scroll 0% 0% #DDD;
    z-index: 9998;

    width: 300px;
}

.pop_log_1{

  width: 250px;
}

.pop_log_2{

  width: 250px;
}


.scrollable-menu {
    height: auto;
    max-height: 282px;
    overflow-x: hidden;
}

.scrollable-menu1 {
    height: auto;
    max-height: 800px;
    overflow-x: hidden;
}

.img_for_typ {
  margin-bottom: 2px;
  margin-right: 5px;
  width: 4%;
}

.img_for_typ_kunde {
  margin-bottom: 3px;
  margin-right: 3px;
  width: 19px;
}

.form-smaller-ldt {
  width: 90%;
  display: table-row-group;
}

.more_ldt {
  float: right;
}

.abholung_today{

  background-color: #7BCC00 !important;

}

.no-abholung_today{

  background-color: #D91C24 !important;
  color: #ffffff;
}

.kundenmeinung-form {
  width: 70%;
  display: -moz-stack;
}

.hakerl-fertig-class {
  background: url("../../images/tasks_icons/task_hakerl_over.svg") no-repeat scroll center center / 93% auto rgba(0, 0, 0, 0);
  float: right;
  padding: 13px;
}

.label-km {
  float: right;
  margin-top: 3px;
}

.pull-left-2{

  left:-156px !important;
}

.pull-left-3{

  left:-156px !important;
}

.pull-left-4{

  left:-89px !important;
}

.mein_login_input_class_links{

  border: 1px solid #CCC;
  height: 30px;
  padding: 3px 4px;
  width: 95%;
}

.firma-input-partner {
  display: inline-table;
  width: 73%;
}

/*.zeiterfassung-row {
  border-bottom: none;
  margin: -1px;
}*/

.zeiterfassung-row {
  border-bottom: medium none;
  height: 24px;
}

/*.zeiterfassung-row-gesamt {
  border-bottom: none;
  margin: -1px;
  background: linear-gradient(#bebebe, #88CBC6) repeat scroll 0 0 white;
}*/

.zeiterfassung-row-gesamt {
  background: none repeat scroll 0 0 rgba(88, 195, 249, 0.3);
  border-bottom: none;
  margin: -1px;
}

.wochenende {
  background: linear-gradient(#bebebe, #9e9e9e) repeat scroll 0 0 #9e9e9e;
}

/*.feiertag {
  background: linear-gradient(#BFEFFF, #87CEEB) repeat scroll 0 0 #87CEEB;
}*/

.feiertag {
  background: none repeat scroll 0 0 rgba(88, 195, 249, 0.3);
}

.input_zeit {
  height: auto;
  background: none;
  border: none;
}

.zeiterfassung-spalte {
  height: 24px !important;
}

.sidebar-zeiterfassung-user {
  margin-left: 10px !important;
}

.usernames {
  margin: 0 -7px;
  padding: 0 7px;
}

.monat-under-right {
  text-align: center;
}

#prev {
  background: url("../../images/arrow_aufklapp_left.png") no-repeat scroll right 7px center / 9px 15px #88CBC6;
  float: right;
  padding: 13px 12px;
}

#next {
  background: url("../../images/arrow_aufklapp_right.png") no-repeat scroll right 8px center / 9px 15px #88CBC6;
  padding: 13px 12px;
  float: left;
}

.monat-header {
  vertical-align: middle;
  margin: auto;
}

.vertical-middle {
  padding: 7px 0 0;
}

.header-zeit {
    font-family: play;
    font-size: 17px;
    font-weight: bold;
    padding: 0 5px;
}

.header-provision {
    font-family: play;
    font-size: 17px;
    font-weight: bold;
}

.vertical-button {
  padding: 19px 0 0;
}

.form-sonderkuerzel {
  height: 21px;
  padding: 0;
  width: 100% !important;
}

.zeit-right {
  text-align: right;
}

.stat-line {
  border-top: 1px solid black;
  font-weight: bold;
}

.stat-line-not {
  border-top: 1px solid black;
}

.stat-fett {
  font-weight: bold;
}

.sidebar-zeiterfassung {
  padding-left: 30px;
}

.zeit-trenn {
  margin: 5px 0;
}

.text-user-stat {
  float: right;
}

.action-error-top-2 {
  background: none repeat scroll 0 0 #FF0000 !important;
  margin-top: 50px !important;
}

.action-no-error-top-2 {
  margin-top: 50px !important;
}

.toggle-vis {
  cursor: pointer;
}

.main-randlos {
  padding: 0 10px;
}

.text-telefon {
  width: 100%;
}

.log-col1{
  width: 1% !important;
}

.log-col2{
  width: 1% !important;
}

.log-col3{
  width: 2% !important;
}

.log-col4{
  width: 1% !important;
}

.log-col5{
  width: 1% !important;
}

.log-col6{
  width: 1% !important;
}

.log-col7{
  width: 1% !important;
}

.log-col8{
  width: 1% !important;
}

.log-col9{
  width: 1% !important;
}

.log-col10{
  width: 1% !important;
}

.log-col11{
  width: 3% !important;
}

.log-col12{
  width: 2% !important;
}

.log-col13{
  width: 2% !important;
}

.log-col14{
  width: 7% !important;
}

.log-col15{
  width: 1% !important;
}

.log-col16 {
  width: 1% !important;
}

.log-col17.sorting {
  width: 3% !important;
}
.log-col18 {
  width: 1% !important;
}

textarea.text-telefon {
  padding: 3px 2px;
}

.menu-left-mw{

  right:100% !important;
  left:auto !important;
  margin-right: -1px;
}

.menu-left-mw-2{

  left:auto !important;
}


.caret-left > a::after{

    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-bottom-color: transparent;
    border-image: none !important;
    border-left-color: transparent;
    border-right: 5px solid #ccc !important;
    border-style: solid !important;
    border-top-color: transparent;
    border-width: 5px !important;
    float: left !important;
    margin-left: -15px !important;

}

.caret-left:hover > a::after{
  border-right-color: #fff !important;
  border-left-color:transparent !important;
}

.beschreib_div {
  font-family: play;
  height: 25px;
  margin-top: 9px;
  padding: 3px 0 0;
  text-align: center;
  width: 65%;
}

.abstand-right {
  position: relative;
  right: 10px;
}

.float-right-geld {
  text-align: right;
}

.export-offene-posten {
  margin-left: 9px;
}

.plus-vortag {
  color: #b3ee3a;
}

.minus-vortag {
  color: #e94946;
}
/*
.header-dreh {
  transform: rotate(90deg);
  transform-origin: left center 0;
  padding: 0 0 13px 0px;
}

.row-other-height {
  height: 146px;
}*/

.my_disabled_class,body.my_disabled_class {
  background: none repeat scroll 0 0 #dddddd !important;
}

.verwendung {
  background: none repeat scroll 0 0 #dddddd;
}

.form-emails-bearbeiten {
  padding: 7px 0 0;
}

.dt-abst {
  margin-right: 9px;
}

.faq_valid_img{width:30px;display:block;height:30px;border-radius:15px;margin-right:10px;float:left;font-size: 30px;}
.faq_valid_color{color:green;}
.faq_ans_img{width:15px;height:15px;margin-top: 2px;margin-left: 4px;font-size: 15px;}
.faq_wrong_color{color:#e94946;}
.faq_unknown_color{color:#555555;}
.faq_hover:hover{color:green;}
.faq_hover:hover:before{content:"\e089";}
.faq_ul{list-style:none;padding-left:0px;}
.faq_sub_ul{padding-left:20px;}
.faq_que_frame{border: 1px solid #ddd;padding: 10px;margin-bottom: 20px;}
.faq_inner_frame{border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 10px;background-color: #eee;}
.faq_button_add,.faq_button_remove{float: right;margin-right: 13px;}
.faq_button_add_2{margin-right: 3px;}
.faq_save_new,.faq_cancel_new{font-size: 15px;margin-top: -3px;margin-left: 2px;}
#faq_add_input{width: 100%;max-width: 75%; margin-bottom: 5px;}
.row:nth-child(even) .faq_ans_frame{border-bottom: 1px solid #ddd;padding-bottom: 2px;margin-bottom: 2px;border-top: 1px solid #ddd;padding-top: 2px;margin-top: 2px; background-color:#eee;}

.speichern-email-bearbeiten {
  margin: 0 0 0 9px !important;
}

#orders-table .speichern-user, .mail_button_anrufe_mw{
  color: white !important;
}

#error-top-user-daten {
  background: none repeat scroll 0 0 #0067ae;
  color: white;
  font-size: 21px;
  height: 43px;
  margin: 2px 0 0 20.7%;
  padding: 8px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 58.3%;
  z-index: 999;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
}

.error-top-user-daten-aktiv{
  background: none repeat scroll 0 0 #D91C24 !important;
}

#alert-sms {
  background: #dddddd none repeat scroll 0 0;
  height: 42%;
  left: 0;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  top: 80px;
  width: 42%;
  z-index: 999999;
  display:none;
}


#alert-sms-close{
  background-color: #88CBC6;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
  margin-top: -2px;
  
}


#error-top-abgabestellen {
  background: none repeat scroll 0 0 #0067ae;
  color: white;
  font-size: 21px;
  height: 43px;
  margin: 2px 0 0 20.7%;
  padding: 8px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 58.3%;
  z-index: 999;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
  top:88px;
}

.error-top-abgabestellen-aktiv{
  background: none repeat scroll 0 0 #D91C24 !important;
}

#error-top-partner{
  background: #0067AE none repeat scroll 0px 0px;
  color: #FFF;
  font-size: 21px;
  height: 43px;
  margin: 2px 0px 0px 20.7%;
  padding: 8px;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 58.3%;
  z-index: 999;
  box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.5);
  top: 88px;
  left: 0px;
}

.error-top-partner-aktiv{
  background: none repeat scroll 0 0 #D91C24 !important;
}



.font_abgabestellen{
  /*font-family: play !important;*/
  font-size: 16px !important;
  font-weight: bold !important;
}

.margin_first_row{
  margin-top: 20px !important;
}

.abgabestelle-bearbeiten {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px;
    border: none;
    width: 96%;
    display: block;
    text-align: center;
}

.button-phone-anrufe {
  float: left;
  margin-top: -2px;
  padding: 11px !important;
}

.button-phone-anrufe:hover {
  background: url("../../images/phone_ON.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  /*height:25px;
  width: 25px;*/
}

.dt_input_class {
    
    border: 1px solid #CCCCCC;
    height: 25px;
}

.form-control-crm-wip{
  background-color: #FFF;
  background-image: none;
  border: 1px solid #CCC;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  max-width: 100%;
  min-width: 40%;
  /*padding: 2px;*/
  vertical-align: middle;
  width: 100%;
}

.form-control-crm-partner {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    color: #555555;
    font-size: 14px;
    height: 25px;
    line-height: 1.42857;
    max-width: 100%;
    min-width: 40%;
    padding: 2px;
    vertical-align: middle;
    width: 50%;
}

.loeschen {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 4px 35px 5px;
    vertical-align: top;
    margin-right: 20px;
}

.loeschen-top{
  margin-right: 8px !important;
}

.abstand-left-nt {
  margin-left: 5px;
}

.line_spezial{

  width: 58%;
  margin-top: 12px !important;
  margin-bottom: 5px !important;
  border-color: black !important;
  margin-left: -9px !important;
}

.speichern_ent{
  width: 80% !important;
  margin-bottom: 5px;
}

.input_min_vol{
  min-width: 0% !important;
  width: 27%;

}

.col-mw{
  width: 3.33333% !important;
}

.col-spezial{
  width: 10.33333% !important;
}

.checkboxes {
  margin-left: 7px !important;
  margin-right: 2px !important;
}

.header_user_ungerade {
  background: #dddddd none repeat scroll 0 0;
  padding: 1px 2px;
}


.header_user_gerade {
 
  padding: 1px 2px;
}

.row-abstand-spalte {
  margin-bottom: 16px;
}
/*
.row_stat_ungerade {
  background: #dddddd none repeat scroll 0 0;
}*/

#input_einkaufskosten{
  min-width: 10% !important;
  width: 23% !important;
  display: inline-table;
}

.extra-phone{
  width: 89% !important;
  display: -moz-grid-line !important;
}
.small-sms{
  margin-right: 8px; 
  margin-left: 8px; 
  padding-left: 5px; 
  padding-bottom: 0px; 
  padding-right: 14px;
}

.kontakte_pad{
  padding: 11px 2px !important;
}

hr.raten{
  border-color:#000000 !important;
  margin: 0px !important;
}

.raten-spezial{
  min-width: 0% !important;
  width: 15% !important;
  display: inline;
  margin-top: -5px;

}

.raten_checkbox{
  margin-left: 13px !important;
  margin-top: 10px !important;
}

td.raten-td{
  width: 4%;
}

td.raten-td-1{
  width: 12%;
}

td.raten-td-2{
  width: 15%;
}

td.raten-td-3{
  width: 7%;
}

input.raten-betrag{
  width: 80% !important;
}

.raten-table-margin{
  margin: 0px !important;
}

textarea.width-rate{
  max-width: 50% !important;
  min-height: 25px !important;
  resize: none;
} 

input.raten-betrag-help{
  display: none !important;
}

td.raten-td-invisible{

  display: none !important;
}

.speichern-raten{
  padding:4px 24px 4px !important;
}

.pad-anrufe{
  padding:11px 9px !important;
}

.width-ausgehende-anrufe{
 width: 1.5% !important;
}

.anrufe-textarea-width{
    /*min-height: 10px !important; 
    height: 46px;
    width: 500px;*/
    resize: none;
}

/*.button-calls{
  margin-left: 66px;
}*/

.calls-abstand-unten{
  padding-bottom: 15px;
}

td.width-textarea-calls{
  width: 500px;
}

.vermittlung {
  background: #e94946 none repeat scroll 0 0;
  margin-left: 30px;
  padding: 3px 4px;
}

.plz_contacts{
  max-width: 150% !important;
  width: 102% !important;
}

.pull-right-contacts{
  text-align: right;
  padding: 6px;
}

#link_contacts_detail{
  background: #FFF url("../../images/look_OFF.png") no-repeat scroll right 0px;
  cursor: pointer;
  padding-left: 25px; 
  padding-bottom: 7px;
  margin-left: 5px;
  vertical-align: middle;
}

.search_street_kontakt{
  width: 95% !important;
}

.dpd_ja_btn,.dhl_ja_btn,.ups_ja_btn{
  float: left;
  margin-left: 20px !important;
}
.dpd_nein_btn,.dhl_nein_btn,.ups_nein_btn{
  float: right;
  margin-right: 20px !important;
}
#task_change{
  min-width: 100px !important;
}

.wait_datum_form {
  height: 26px;
  margin: -5px 16px 0 -10px;
}

#select_email_anhang{
  height:100px !important;
}

#select_email_anhang_partner{
  height:130px !important;
}

.extra_mario{
  width: 100% !important;
}

.padding_one_side{
    padding-right: 0px !important;
}

.padding_mw{
  padding-right: 10px;
}

.frage-kunde {
  font-size: 15px;
}

.text-right-save{
  text-align:right;
}

.speichern-abstand {
  margin-left: 3px;
}

.count-sidebar-left-red {
  color: #e94946 !important;
}

.text-sidebar-left {
  font-size: 12px;
}

.clafirst-red {
  color: #e94946 !important;
}

.small-under-stat {
  color: grey;
  font-size: 10px;
}

.notizen_word_break{
  
  max-width: 500px;
  word-wrap: break-word;
}

#abzug_stunden, #gutschrift_stunden {
  border: 0 none;
  font-family: source sans pro;
  font-size: 14px;
  height: 23px;
  margin-right: -8px;
  width: 40px;
}

.checkbox_vertrag{
  margin-bottom: -5px;
}

.extra-width{
  width: 95%;
}

.help_for_label{
  float:left;
  margin-right: 5px; 
  font-size: 20px; 
  margin-top: -3px; 
  margin-left: -4px;
}

#refresh {
  display: block;
  margin-left: 17% !important;
  margin-top: -25px;
  padding-left: 13px !important;
  width: 100%;
}

#anrufer-table td {
  padding-right: 7px;
}

#anrufer-table tr {
  line-height: 15px !important;
}


#span-telefoniert {
  background: rgba(0, 0, 0, 0) url("../../images/aktivitaet_dot_aktiv.png") no-repeat scroll right center;
  float: left;
  padding: 4px 20px 11px 1px;
  margin-right: 3px;
}

#span-klingelt {
  background: rgba(0, 0, 0, 0) url("../../images/aktivitaet_dot_over.png") no-repeat scroll right center;
  float: left;
  padding: 4px 20px 11px 1px;
  margin-right: 3px;
}

#span-telefoniert-klingelt {
  background: rgba(0, 0, 0, 0) url("../../images/aktivitaet_dot_half_half.png") no-repeat scroll right center;
  float: left;
  padding: 4px 20px 11px 1px;
  margin-right: 3px;
}

#span-waehlt {
  background: rgba(0, 0, 0, 0) url("../../images/aktivitaet_dot_over_half.png") no-repeat scroll right center;
  float: left;
  padding: 4px 20px 11px 1px;
  margin-right: 3px;
}


#span-telefoniert-nicht {
  background: rgba(0, 0, 0, 0) url("../../images/aktivitaet_dot_neu.png") no-repeat scroll right center;
  float: left;
  padding: 4px 20px 11px 1px;
  margin-right: 3px;
}

.gut_vorhanden{
  background-color: lawngreen;
}

.gut_nicht_vorhanden{
  background-color: #e94946;
}

.abstand_speichern{
  margin-left: 20px;
}

.spalte2-provision {
  color: green !important;
}

.menu_b_interna{
  padding-top: 11px !important;
  padding-right: 8px !important;
  padding-bottom: 11px !important;
  padding-left: 8px !important;
}

#popup_email_versand {
    position: relative;
    z-index: 99;
    margin-left: auto;
    margin-right: auto;
    width: 70%;   
}

#pop_overlay {
    background: #808080 none repeat scroll 0px 0px;
    float: none;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    border-left: 1px solid black;
    padding-left: 5px;
}

.spalte_pro_akt {
  border-left: 1px solid black;
  padding-left: 5px;
}

.help_abstand_extra{
  padding-bottom: 10px;
}

.float_extra_help{
  text-align:right;
  font-weight: bold;
  font-size: 14px;
}

.closebutton,.closebutton:focus {
    background: none repeat scroll 0 0 #88CBC6;
    color: #FFFFFF;
    padding: 1px 7px 3px;
}

.closebutton:hover {
    background: none repeat scroll 0 0 #4d4d4d;
    color: #FFFFFF;
}

.help_label_vor{
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
  margin-top: 3px;
}

.help_sendedatum{
  width: 88%;
}

a.speichern.btn_tracking {
  max-width: 100%;
  display: inline-block;
  text-align: center;
  width: 94%;
  margin-right: 6%;
}
textarea.text_tracking{
  max-width: 100%;
  width: 100%;
  margin-bottom: 4px;
}

.mail_button_anrufe_mw{
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;
  border: none;
  width: 96%;
  /*display: none !important;*/
  text-align: center;
}

.mail_button_anrufe_mw:hover, .mail_button_anrufe_mw:focus{
  background-color: #88CBC6;
  color: #000000;
}

.mail_button_anrufe_direkt{
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;
  border: none;
  width: 96%;
  /*display: none !important;*/
  text-align: center;
  margin-top: 5px;
  color: white !important;
}

.mail_button_anrufe_direkt:hover, .mail_button_anrufe_direkt:focus{
  background-color: #88CBC6;
  color: #000000;
}

.help_anrufe_mail{
  margin-top: 44px;
}

.div_select_user.select_dt > select {
  height: auto;
}

td.mw_no_hover:hover {
  background: transparent none repeat scroll 0% 0% !important;
}

.opa_orga .btn span.glyphicon  {         
  opacity: 0;       
}
.opa_orga .btn.active span.glyphicon{        
  opacity: 1;       
}

.btn-radio-orange {
    color: #FFF;
    background-color: #88CBC6;
    border-color: #88CBC6;
}

.border_mw{
  border-radius: 30px !important;  
  padding: 0px 3px !important;
  /*color: #000 !important;*/
  background-color: #000 !important;
  border-color: #000 !important;
}

#radio_group{

  border-width: 1px; 
  border-style: solid; 
  padding-top: 2px; 
  padding-bottom: 2px;
  border-color: #DDDDDD;
}

.padding-abstand-street {
    
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 9px;
}

.padding-abstand-hausnr {
  
  padding-top: 0px;
  padding-right: 9px;
  padding-bottom: 0px;
  padding-left: 0px;
}


#search_abholung_id{
  width: 40%;
  border: 1px solid rgb(221, 221, 221);
}

#searchrkunden_abholung_href:hover{
  color:#88CBC6;
}

.extra-width-mw{
  width: 65%;
}

.next-text{
  display:inline-block !important;
  width: 80%;
}


#border_cloud{
  border-width: 2px;
  border-style: solid;
  padding-top: 2px;
  padding-bottom: 2px;
  border-color: #fff;
}


.help-margin-bcloud{
  margin-left: 12px;
}

.bezahlt-markieren-kunde {
  margin: 0;
  padding: 2px 0;
  text-align: center;
  width: auto;
}

.not_available {
  text-align: center;
  color:white;
  padding: 0px;
  font-size: medium;
  background:#e94946;
}
      
.available {
  text-align: center;
  color: #2f2f2f;
  padding: 0px;
  font-size: medium;
  background: lawngreen;
}

#main-table-float {
  padding-left: 10px;
  padding-right: 10px;
}

.just-looking-good{
  margin-left: 8px;
}

.just-looking-good-textarea{
  height:100px;
  width: 90%;
}

.countruck {
  font-weight: bold;
  position: absolute;
  top: 26px;
  left: 52px;
}

.ldt-gratis{
  float:left !important;
}

#kundenmeinung, #leihdatenträger, #leihdatenträger_ld1, #leihdatenträger_ld2{
  margin-bottom: 5px;
}

.searchfield_abgabe{
  margin-right: -5px !important;
}
.img_for_tel_abgabe {
    margin-bottom: 2px;
    margin-right: 5px;
    width: 18px;
}
a.a_abgabe_uebersicht {
  display: inline-block;
}


.abgabestellen_help_bearbeiten{
  background-color: #000000;
  border-color: #000000 ;
  color: #FFFFFF !important;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;
  border: none;
  width: 96%;
  display: block;
  text-align: center;
}
.abgabestellen_help_bearbeiten:hover{
  background-color: #88CBC6;
  color: #000000 !important;
}

.list {
  font-family:sans-serif;
  margin:0;
  padding:0px;
}
.list > li {
  background-color: #eee;
  box-shadow: 0 1px 0 #fff inset;
  display: block;
  padding: 3px 6px;
}
.avatar {
  max-width: 150px;
}
img {
  max-width: 100%;
}
.h3_list_mail {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 0.3rem;
  display: inline-block;
  line-height: 1.2;
  font-family: sans-serif;
}

.h3_list {
  font-size: 14px;
  font-weight: normal;
  margin: 2px 0 3px;
}
.input_list {
  margin:0;
}

.input_list {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 1px 6px;
  width: 100%;
}
.input_list:focus {
  outline:none;
  border-color:#aaa;
}
.sort {
  background-color: #28a8e0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  height: 21px;
  text-decoration: none;
  width: 49.5%;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
}
.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}

.round-div-mails {
  padding: 0 10px;
}

#postfach {
  padding: 10px 13px 0 0;
}

.p_list {
  font-size: 12px;
  margin: 0 0 1px;
  padding-left: 6px;
}
.p_list:hover{
  background-color: #FDF79B;
}
.p_list.konto_active,.p_list.konto_active:hover{
  background-color: #BBE2CD;
  font-weight: bold;
}

.p_date_mail.born {
  margin: 0 0 1px;
}

.p_list_mail {
  font-size: 11px;
  margin: 0 0 1px;
}

.p_datel.born {
  margin: 0 0 1px;
}
.mail-list {
  display: block;
  max-height: 1300px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  margin-top: 9px;
}

.p_date_mail[data-email-datum] {
  font-size: 10px;
}

.date-right-mail {
  text-align: right;
}

.selected_mail {
  background-color: #BBE2CD !important;
}

.unread_crm_mail .h3_list_mail[data-email-name], .unread_crm_mail .p_list_mail[data-email-subj], .unread_crm_mail .p_date_mail[data-email-datum] {
  font-weight: bold;
}

.rueck-pad{
  padding: 11px 2px !important;
}

.form-control-crm-imap {
  background-color: #ffffff;
  background-image: none;
  border: medium none;
  color: #555555;
  font-size: 13px;
  font-weight: normal;
  height: 17px;
  margin-left: 4px;
  max-width: 100%;
  min-width: 40%;
  padding: 2px;
  width: 91%;
  font-family: arial;
}

.green_border_partner_uebersicht{
  border-left-width: 7px !important;
  border-left-color: green !important;
}

.red_border_partner_uebersicht{
  border-left-width: 7px !important;
  border-left-color: #e94946 !important;
}

.blue_border_partner_uebersicht{
  border-left-width: 7px !important;
  border-left-color: #2E9AFE !important;
}

.orange_border_partner_uebersicht{
  border-left-width: 7px !important;
  border-left-color: #88CBC6 !important;
}

.show-hide-white-left {
  background: white none repeat scroll 0 0;
  bottom: 144px;
  height: 25px;
  left: 186px;
  margin: auto;
  position: fixed;
  vertical-align: middle;
  width: 20px;
}

.show-hide-white-left {
  background: #88CBC6 url("../../images/arrow_aufklapp_left.png") no-repeat scroll right 6px center;
}

#show-hide-white-left-id > a {
  padding: 10px;
}

.button-manage-email {
  border: 1px solid #dddddd;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  margin-right: 0;
  padding: 4px;
}

.hr-email {
  margin: 13px 0 0;
}

.menu-imap-answer {
  margin-top: 10px;
}

.ui-dialog {
  width: 40% !important;
  z-index: 10101 !important;
  max-height: 500px !important;
}

.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
  z-index: 99999;
}

.table-div {
  height: 220px;
  margin-bottom: 14px;
  overflow: hidden;
}

#select_contact {
  height: 500px !important;
}

.select-imap-input {
  border: 1px solid #cccccc;
  height: 28px;
  margin-right: 2px;
  width: 90%;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0 3px !important;
}

.imap_zeile-header-select {
  display: -moz-stack;
  font-size: 14px;
  width: 6% !important;
}

.select-imap-input {
  font-size: 10px !important;
}

.add_select_class {
  display: inline-table !important;
  margin-left: 9px !important;
}

.button-select-float-right {
  float: right;
  margin-right: 27px;
  margin-top: 10px;
}

.button-select-window {
  padding: 1px 4px !important;
}

.anzahl-anrufe {
  font-weight: bold;
}

.status_span_2 {
  border-left: 7px solid #e94946;
}

.status_span_1 {
  border-left: 7px solid green;
}

.head-class-table a {
  color: white;
}
.select_email_anhang{
  height: 130px !important;
}

.audio-phone {
  margin-top: 7px;
  width: 100%;
}

.wegbe_width{
  width: 98% !important;
}

#radio_group_abgabestelle{

  border-width: 1px; 
  border-style: solid; 
  padding-top: 2px; 
  padding-bottom: 2px;
  border-color: #DDDDDD;
}

.background-left-aufgabe {
 /* background: #88CBC6 none repeat scroll 0 0;*/
  font-size: 10px;
  padding: 2px 7px;
}

#aufgabe_response {
  color: green;
  font-size: 16px;
  margin-left: 5px;
}

.button_hot_lead {
  text-decoration: underline !important;
}

.one_day_ver {
  background: rgba(0, 0, 0, 0) url("../../images/btn_aufgabe-plus1.svg") no-repeat scroll center center;
  padding: 6px 15px;
}

.one_day_ver:hover {
  background: rgba(0, 0, 0, 0) url("../../images/btn_aufgabe-plus1_OVER.svg") no-repeat scroll center center;
}

.three_day_ver {
  background: rgba(0, 0, 0, 0) url("../../images/btn_aufgabe-plus3.svg") no-repeat scroll center center;
  padding: 6px 15px;
  margin-left: 3px;
}

.three_day_ver:hover {
  background: rgba(0, 0, 0, 0) url("../../images/btn_aufgabe-plus3_OVER.svg") no-repeat scroll center center;
}

.seven_day_ver {
  background: rgba(0, 0, 0, 0) url("../../images/btn_aufgabe-plus7.svg") no-repeat scroll center center;
  padding: 6px 15px;
  margin-left: 3px;
}

.seven_day_ver:hover {
  background: rgba(0, 0, 0, 0) url("../../images/btn_aufgabe-plus7_OVER.svg") no-repeat scroll center center;
}

.notizen_class {
  border-bottom: 1px solid black;
}

.erledigt_auf {
  background: rgba(0, 0, 0, 0) url("../../images/tasks_icons/task_hakerl_over.svg") no-repeat scroll center center;
  padding: 6px 15px;
}

.erledigt_auf:hover {
  background: rgba(0, 0, 0, 0) url("../../images/tasks_icons/task_hakerl_over.svg") no-repeat scroll center center;
}

.new_aufgabe {
  background: rgba(0, 0, 0, 0) url("../../images/btn_manuelle-aufgabe.svg") no-repeat scroll center center;
  padding: 6px 15px;
}

.new_aufgabe:hover {
  background: rgba(0, 0, 0, 0) url("../../images/btn_manuelle-aufgabe_OVER.svg") no-repeat scroll center center;
}



.padding-abstand-partner{
  margin-top: 10px;
}

#email-table_wrapper {
  min-height: auto !important;
}

div.style-adi-sub{

  margin-top: 22px;
  background-color:#DDDDDD;
  color:#88CBC6;
  cursor:pointer;
  
}

.answered-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll center center;
  padding: 2px 10px;
  background-size: 77%;
}

.weitergeleitet-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_weiterleiten.svg") no-repeat scroll center center;
  padding: 2px 10px;
  background-size: 77%;
}

.anhang-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_anhang.svg") no-repeat scroll center center / 70% auto;
  padding: 2px 10px;
  margin-right: 3px;
}

.answer-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.forward-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_weiterleiten.svg") no-repeat scroll left center;
  padding: 2px 24px;
  background-size: 15%;
}

.answer-email-button-all {
  background: rgba(0, 0, 0, 0) url("../../images/emails_allen-antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 14%;
}





/*.neue-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.an-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.von-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.cc-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.bcc-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.datei-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.send-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.add-to-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}

.abbrechen-email-button {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 26px;
  background-size: 17%;
}*/

.ui-menu-item {
  border: none !important;
}

td.details-control {
    background: url("../../images/ausklappen_OFF.png") no-repeat center center;
    cursor: pointer;
}

/*td.details-control:hover {
    background: url("../../images/ausklappen_OVER.png") no-repeat center center;
}*/

tr.shown td.details-control {
    background: url("../../images/einklappen_OFF.png") no-repeat center center;
}

/*tr.shown td.details-control:hover {
    background: url("../../images/einklappen_OVER.png") no-repeat center center;
}*/

.sms-anrufe-spezial{
  height: 25px;
  width: 25px;
}

.sms-anrufe-spezial:hover{
  background: url("../../images/sms_ON.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

/*Table header schräg anzeigen*/
.table-header-rotated th.row-header{
  width: auto;
}

.table-header-rotated td{
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: left;
}

.table-header-rotated th.rotate-45{
  height: 80px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 16px;
  /*line-height: 0.8;*/
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 29px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -20px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  /* width: 100%;*/
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  /* white-space: nowrap;*/ /*whether to display in one line or not*/
}

#email_postfaecher_table{
  width: 95%;
}
/*Ende*/


/*Table header 2 schräg anzeigen*/

.table-header-rotated-2 td{
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: left;
}

.table-header-rotated-2 th.rotate-45-2{
  height: 157px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 16px;
  /*line-height: 0.8;*/
}

.table-header-rotated-2 th.rotate-45-2 > div{
  position: relative;
  top: 0px;
  left: 78px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated-2 th.rotate-45-2 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 67px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -87px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  /* width: 100%;*/
  width: 210px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  /* white-space: nowrap;*/ /*whether to display in one line or not*/
}

/*Für User in Usergruppe*/
.table-header-rotated-2 th.rotate-45-2 span.user_in_group {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 74px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -63px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  /* width: 100%;*/
  width: 210px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  /* white-space: nowrap;*/ /*whether to display in one line or not*/
  font-size:11px !important;
}
/*End*/


[data-table-typ="gruppen_rechte_table"]{
  width: auto;
  /*overflow: auto !important;*/

}

.automatische_aufgabe {
  background: white !important;
}

.manuelle_aufgabe, #orders-table tr.manuell, .manuell {
  background: #CCE1EF !important;
}
.eigene_aufgabe {
  background: #e2f7d7 !important;
}
/*Ende*/


.copied::after {
  position: absolute;
  top: 12%;
  right: 110%;
  display: block;
  content: "kopiert";
  font-size: 10px;
  padding: 2px 3px;
  color: black;
  background-color: #88CBC6;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  70% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}

.button-help-mw{
  margin-left: 5px;
}

.phone-table-right th, .phone-table-right td {
  padding: 0 7px;
}

.span-incoming {
  background: rgba(0, 0, 0, 0) url("../../images/emails_antworten.svg") no-repeat scroll left center;
  padding: 2px 10px;
  background-size: 75%;
}

.span-outgoing {
  background: rgba(0, 0, 0, 0) url("../../images/emails_weiterleiten.svg") no-repeat scroll left center;
  padding: 2px 10px;
  background-size: 75%;
}

/*Von Axl für gruppenrechte scroll*/
[data-table-typ="gruppen_rechte_table"] tbody {
  height: 375px;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}
[data-table-typ="gruppen_rechte_table"] thead, [data-table-typ="gruppen_rechte_table"] tbody {
  display: block;

}
 [data-table-typ="gruppen_rechte_table"] th {
  display: block !important;
  float:left;
}
[data-table-typ="gruppen_rechte_table"] tbody td, [data-table-typ="gruppen_rechte_table"] thead > tr > th {
  max-width:none !important;
}
/*End*/

.btn-extra{

  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
  width: 100% !important;
}

.btn-extra:hover,
.btn-extra:focus,
.btn-extra:active,
.btn-extra.active {
  color: black;
  background-color: #88CBC6;
  border-color: #88CBC6;
  width: 100% !important;
}

.infomail_count_red{
  color:#FF0000;
}

.infomail_count_green{
  color:#088A08;
}
/*Für Combobox in individuelle Rech*/
.metal-div{
  width: 99%;
  border: 1px solid #cccccc;
}

.metal-input-div{
  height:26px;
}

.metal-pointer{
  padding: 0px !important;
}
/*Aufgabe Manuell erstellen Ergebnis-Boxen*/
.ergebnis_cont div:hover {
    color: #88CBC6;
}
.ergebnis_cont div {
    cursor: pointer;
}
.required:after{
  content:"*";
  color: #88CBC6;
}
.ergebnis_cont{
  position: absolute;
  background-color: #fff;
  z-index: 100;
  padding: 0 10px;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
}
.verschoben td{
  padding-right:10px;
}
.verschoben td:first-child{
  width: 260px;
}
#search_email_id {
    background: none repeat scroll 0 0 white;
    border: 1px solid #dddddd;
    position: absolute;
    z-index: 999;
    font-size: 13px;
    margin-top: -1px;
}
#search_email_vorlage_id {
    background: none repeat scroll 0 0 white;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    /* bottom: 38px; */
    /* padding: 3px 4px 0 11px; */
    position: absolute;
    width: 95%;
    z-index: 999999;
    font-size: 13px;
}
#search_email_vorlage_id a{
  margin-left: 5px;
}
#search_email_vorlage_id_new {
    background: none repeat scroll 0 0 white;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    /* bottom: 38px; */
    /* padding: 3px 4px 0 11px; */
    position: absolute;
    width: 120%;
    z-index: 999999;
    font-size: 12px;
}
#search_email_vorlage_id_new a{
  margin-left: 5px;
}

.normal_col{
  padding: 0 10px;
}
.abstand_check_text{
  height: 22px;
}

#popup_login {
  float: none;
  margin: 200px auto 0 35.5%;
  padding: 0 0 7px;
  position: fixed;
  text-align: center;
  width: 29%;
  z-index: 999999;
}

.login-link {
  font-size: 20px;
  text-decoration: underline;
}
.empty_search_mail{
    margin-top: 4px;
    margin-left: -42px;
    background: black;
    color:white;
}
.empty_search_mail_1{
    margin-top: -1px;
    margin-left: -42px;
    background: black;
    color:white;
}
.firma_disable{
  display: none;
}
#search_paket_id{
	background: none repeat scroll 0 0 white;
    border: 1px solid #dddddd;
    margin-top: 24px;
    position: absolute;
    width: 100%;
    z-index: 999;
}
#search_paket{
	width: 100% !important;
}
.button_paketsuche{
	line-height: 2.5;
	margin-left: 20px;
}
#status_telefonfenster {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.sorting_ldt::before{
  margin-top: -10px;
    left: 8px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: left;
    font-family: 'Courier New', Courier, monospace;
    text-indent: 4px;
    line-height: 16px;
    content: '+';
    background-color: #31b131;
}
.sorting_ldt{
  background: none !important;
}
/*END*/
/**
 * Email-Verwaltung
 */
/*Buttons*/
.btn_email_adress_liste{
  background: url('../../images/email/adress-liste.svg') center center no-repeat;
}
.btn_email_alle_ordner_empfangen{
  background: url('../../images/email/alle-ordner-empfangen.svg') center center no-repeat;
}
.btn_email_allen_antworten{
  background: url('../../images/email/allen-antworten.svg') center center no-repeat;
}
.btn_email_antworten{
  background: url('../../images/email/antworten.svg') center center no-repeat;
}
.btn_email_aufgabe_erstellen{
  background: url('../../images/email/aufgabe-erstellen.svg') center center no-repeat;
}
.btn_email_auftrag_verknuepfen{
  background: url('../../images/email/auftrag-verknuepfen.svg') center center no-repeat;
}
.btn_email_datei_anhaengen{
  background: url('../../images/email/datei-anhaengen.svg') center center no-repeat;
}
.btn_email_aus_vorlage{
  background: url('../../images/email/email-aus-vorlage.svg') center center no-repeat;
}
.btn_email_senden{
  background: url('../../images/email/email-senden.svg') center center no-repeat;
}
.btn_email_verwerfen{
  background: url('../../images/email/email-verwerfen.svg') center center no-repeat;
}
.btn_email_erledigt{
  background: url('../../images/email/erledigt.svg') center center no-repeat;
}
.btn_email_in_bearbeitung{
  background: url('../../images/email/in-bearbeitung.svg') center center no-repeat;
}
.btn_email_loeschen{
  background: url('../../images/email/loeschen.svg') center center no-repeat;
}
.btn_email_neue_email{
  background: url('../../images/email/neue-email.svg') center center no-repeat;
}
.btn_email_signatur_einfuegen{
  background: url('../../images/email/signatur-einfuegen.svg') center center no-repeat;
}
.btn_email_anhang{
  background: url("../../images/email/emails_anhang.svg") center center no-repeat;
}
.btn_email_suchfeld_leeren{
  background: url('../../images/email/suchfeld-leeren.svg') center center no-repeat;
}
.btn_email_weiterleiten{
  background: url('../../images/email/weiterleiten.svg') center center no-repeat;
}
.btn_email_zum_auftrag{
  background: url('../../images/email/zum-auftrag.svg') center center no-repeat;
}
.btn_email_markieren{
  background: url('../../images/email/email-markieren.svg') center center no-repeat;
}
.btn_email_verwaltung {
  height: 40px;
  width: 40px;
  /*background-position-x: -20px;
  background-position-y: -20px;*/
  vertical-align: middle;
  display: inline-block;
}
.btn_email_text {
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  line-height: 1;
}
.email_btn_container {
  float: left;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.email_btn_container:hover {
  background-color: #FDF79B;
}
.email_btn_group{
  border-right: 2px solid #dddddd;
  float: left;
}
.email_verwaltung_head.col-xs-12 {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px solid #dddddd;
}
.email_suchfeld_leeren{
  height: 26px;
  width: 25px;
  background-position-x: -27px;
  background-position-y: -28px;
  float: left;
  border: 1px solid #dddddd;
}
#email_search_bar{
  border: 2px solid #dddddd;
  margin-bottom: 3px;
  padding: 1px 6px;
  width: calc(100% - 26px);
  float: left;
}
#users{
  padding-top: 10px;
}
.btn_email_sort{
  width: 25%;
  float: left;
  padding: 5px;
  height: 30px;
  background-color: #ffffff;
  cursor: pointer;
  color: #000000;
  margin-bottom: 3px;
}
.btn_email_sort:hover,.email_btn_active{
  background-color: #BBE2CD;
}
.email_btn_active.bt_email_sort:hover, .btn_email_sort.email_select_filter_btn.email_btn_active, .btn_email_sort.email_sorting.email_btn_active, .btn_email_sort.email_filtering.email_btn_active, .email_btn_active.bt_email_sort:hover, .btn_email_sort.email_select_filter_btn:hover, .btn_email_sort.email_sorting:hover, .btn_email_sort.email_filtering.email_btn_active:hover{
  background-color: #FDF79B;
}
.btn_email_small {
  height: 18px;
  width: 18px;
  display: inline-block;
  background-size: 320%;
}
.btn_email_smaller {
  height: 12px;
  width: 12px;
  display: inline-block;
  background-size: 320%;
  float: right;
}
.btn_email_smaller:first-child{
  margin-left: 3px;
}
.email_small_box{
  min-height: 18px;
  max-height: 18px;
}
.email_select_filter_btn:not(.filter_open):after,.email_desc:after{
  width: 10px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #000;
  height: 0px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.email_select_filter_btn.filter_open:after,.email_asc:after{
  width: 10px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #000;
  height: 0px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.email_list_cont{
  border: 2px solid #dddddd;
  padding: 0 5px 0 0;
  position: relative;
}
.email_list_cont:not(.selected_mail):hover{
  background-color: #FDF79B;
}
#email_liste .email_list_cont:not(.hidden):not(.hidden_search) ~ .email_list_cont{
  border-top: none;
}
.email_date_cont{
  background-color: #dddddd;
  border: 2px solid #dddddd;
  padding: 5px;
  font-weight: bold;
}
.hidden_search{
  display: none;
}
.btn_email_small[onclick]{
  cursor: pointer;
}
.email_ans_head{
  border: 2px solid #dddddd;
  border-top: none;
  margin-top: -7px;
  padding-bottom: 3px;
}
.email_adress_btns {
  display: inline-block;
  background-color: #dddddd;
  padding: 3px 5px;
  font-size: 14px;
  border: #cfcfcf 1px solid;
  width: 50px;
  vertical-align: middle;
}
.email_adress_input {
  width: calc(100% - 68px);
  border: 1px solid #cfcfcf;
  padding: 3px 3px;
  font-size: 14px;
  display:inline-block;
  vertical-align: middle;
  float: right;
}
.email_adress_text{
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  width: 58px;
}
.email_adress_btns[onclick]{
  cursor: pointer;
  background-color: #000;
  color: #fff; 
}
.email_adress_btns[onclick]:hover{
  background-color: #88CBC6;
  color: #000;
}
.email_aufgabe_save_btn{
  display: inline-block;
}
#email_aufgabe_form{
  margin-top: 0px;
}
.email_sidebar_headline{
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 5px;
}
#email_zugeordneter_auftrag,#email_kategorie_auswahl{
  max-width: 250px;
  float: left;
  padding: 12px 5px;
  display: inline-block;
  vertical-align: middle;
}
#email_kategorie_auswahl{
  min-width: 160px;
}
.email_cont_pointer{
  cursor: pointer;
}
.email_no_color{
  margin-left: 10px;
  padding-left: 5px;
}
.email_with_color,.email_with_color_prio{
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}
.email_with_color_prio{
  left: 0px;
}
#email_vorlage_search, #sms_vorlage_search{
  position: absolute;
  z-index: 100;
  background-color: #fff;
  right: 0;
  width: calc(100% - 68px);
  border: 1px solid #cfcfcf;
  padding: 3px 3px;
  font-size: 14px;
  margin-top: 3px;
  max-height: 500px;
  overflow: auto;
}
#email_vorlage_search a, #sms_vorlage_search a{
  display: block;
}
#email_vorlage_search a:hover, #sms_vorlage_search a:hover{
  background-color: #BBE2CD;
  cursor: pointer;
}
.email_vorlage_btn_clear{
  float: right;
  height: 28px;
  width: 28px;
  vertical-align: middle;
  display: inline-block;
  background-color: #cfcfcf;
}
.email_vorlage_btn_clear:hover{
  background-color: #BBE2CD;
}
.email_vorlage_input, .sms_vorlage_input{
  width: calc(100% - 96px);
}
/*.chosen-container.chosen-container-multi#email_kategorie_select_chosen{
  height: 30px;
  overflow:hidden;
  position: absolute;
  z-index: 10;
}*/
.email_kat_color,.email_kat_color_prio{
  background-color: #fff;
  min-height: 0%;
  max-height: 100%;
  width: 5px;
}
#email_filter_optionen{
  /*position: relative;*/
  background-color: #fff;
  /*z-index: 10;*/
  width: 100%;
  padding: 5px;
  /*left: 0px;
  top: 30px;*/
  border: 1px solid #cfcfcf;
  height: auto;
  display: none;
  overflow: auto;
}
.email_filtering:hover{
  background-color: #BBE2CD;
}
.email_filtering{
  padding: 2px 5px;
  cursor: pointer;
}
.email_filter_box{
  display: inline-block;
  vertical-align: middle;
}
.email_filter_box:nth-child(even){
  max-width: 80%;
  margin-left: 2px;
}
.email_select_filter_btn{
  position: relative;
}
.email_color_box{
  display: inline-block;
  height: 10px;
  width: 10px;
  vertical-align: middle;
  margin-right: 2px;
}
.email_filter_box span{
  vertical-align: middle;
}
.email_hr{
  margin: 5px 0;
}
.email_pop_border{
  border: 1px solid #ddd;
}
#email_popup {
  position: fixed;
  margin: auto;
  width: 550px;
  padding: 20px;
  max-height: 150px;
  z-index: 10101;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.email_close_p{
  position: absolute;
  right: 5px;
  top: 5px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 16px;
  height: 20px;
  width: 20px;
  margin: auto;
  padding: 2px 6px;
  line-height: 1;
  background-color: #ddd;
  cursor: pointer;
}
#email_popup_html{
  margin-top: 14px;
}
#email_popup_html #email_btn_div{
  margin: auto;
  position: absolute;
  bottom: 10px;
  width: 100%;
  padding: 0 20px;
  margin-left: -20px;
}
.email_aufgaben_td{
  border-bottom: 1px solid #ddd;
}
.email_aufgaben_thead{
  border-bottom: 2px solid #ddd;
}
li[data-option-array-index]:before{
  content: "";
  height: 10px;
  width: 10px;
  margin-right: 2px;
  display: inline-block;
}
/*END Email-Verwaltung*/
/*Oeffnungszeiten Partner*/
.oeffnungszeit_standard {
  display: inline-block;
  float: left;
  margin: 5px 0;
}
a#set_all_days{
  display: inline-block;
  width: 140px;
  margin-left: 10px;
  cursor: pointer;
  margin-top: 7px;
}
span.dayofweek {
  min-width: 30px;
  display: block;
  float: left;
}
input.time_select.input_daten {
  max-width: 45px;
}
select.oest_oeffnungsart.input_daten {
  max-width: 155px;
  margin-left: 5px;
}
/**/
#label_opened_p{
	display: inline;
    position: absolute;
    margin-left: -13px;
    margin-top: 10px;
}
.popup-donor{
    position: absolute;
    top: 10px;
    left: 0px;
    background: white;
    border: solid 1px;
    min-width: 100%;
    z-index: 11000;
}
.popup-donor-1 {
    position: absolute;
    top: 105px;
    left: 444px;
    background: white;
    border: solid 1px;
    min-width: 52%;
    min-height: 20%;
    z-index: 11000;
}
.popup-donor-overlay{
	position: fixed;
    width: 100%;
    height: 100%;
    background: grey;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    z-index: 10000;
}
.popup-datadrive {
    position: absolute;
    top: 105px;
    left: 100px;
    background: white;
    border: solid 1px;
    width: 85%;
    min-height: 20%;
    z-index: 11000;
}
.popup-datadrive-overlay{
  position: fixed;
    width: 100%;
    height: 100%;
    background: grey;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    z-index: 10000;
}
.ad_email_status_info_text{
  position: absolute;
  width: 180px;
  left: 22px;
  top: -1px;
  background-color: #ddd;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  display: none;
  z-index: 1;
  color: #000;
}
.ad_email_status_info{
  display: inline-block;
  position: relative;
  font-size: 18px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 2px;
  background-color: #000;
  color: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  padding-top: 2px;
}
.ad_email_status_info:hover .ad_email_status_info_text{
  display: inline-block;
}
#ad_email_status_select{
  max-width: 120px;
  display: inline-block;
}
.circle_red {
    background: #e94946;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 130px;
    margin-top: 8px;
}
.circle_black {
    background: #000000;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 130px;
    margin-top: 8px;
}
.circle_orange {
    background: #88CBC6;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 130px;
    margin-top: 8px;
}

.navbar-nav > li > a.auftrag_manuell_btn {
  margin: auto;
  margin-top: 42px;
  width: 26px;
  height: 26px;
  background: url(../../images/drcities_form_button2.png) no-repeat top center;
  cursor: pointer;
  transition: all .2s;
  padding-bottom: 0px;
}
.navbar-nav > li > a.auftrag_manuell_btn:hover{
  background-position: bottom center;
}

.today_open_times,.all_open_times{
  cursor: pointer;
}
.all_open_times{
  display: none;
}
.row-fluid.all_open_times > div{
  min-height: 18px;
}
.today_open_times > div{
  float: none;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
}
.today_open_times .arrow{
  float: none;
  vertical-align: middle;
  width: 0px;
  height: 0px;
  border-top: 7px solid #000;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-left: 10px;
}
.span4.second_line{
  margin-left: 0px;
}
.buero{
  background: none repeat scroll 0 0 #CCCCCC;
  margin-top: 22px;
  padding: 6px;
  color: #333333;
}
#hinweis_abgabe,#hinweis_not_open{
  color: #e94946;
  font-weight: bold;
  display: none;
}
@media (max-width: 1199px){
  .today_open_times > div{
    max-width: 400px;
  }
}
@media (max-width: 979px){
  .today_open_times > div{
    max-width: 300px;
  }
}
@media (max-width: 767px){
  .today_open_times > div{
    max-width: none;
    width: 90%;
  }
  .span6.second_line{
    display: none;
  }
}
.multiple_marked{
  background-color: #76a3b2 !important;
}
.multiple_marked.selected_mail{
  background-color: #0067ae !important;
}
.a_m_e_tel{
  max-width: calc(100% - 238px);
  margin-left: 5px;
  display: inline-block;
}
.a_m_e_vorwahl_land{
  width: 45px;
  min-width: 45px;
  display: inline-block;
}
table.display.a_m_e_table_kontakt{
  width: calc(100% + 20px) !important;
  margin: 0 -10px !important;
  max-width: calc(100% + 20px) !important;
}
button.a_m_e_btn_tel_insert{
  display: inline-block;
  padding: 4px 10px 3px;
}
.kosten_auftrag_table{
  min-width: 30%;
}
.kosten_right{
  text-align: right;
}
.kosten_center{
  text-align: center;
}

.ausgaben {
  color: #e94946;
}

.einnahmen {
  color: green;
}

.subbetrag {
  padding-left: 35px !important;
}
#standorte_sortable{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-right: 10px;
}
#standorte_sortable li{
  padding: 5px;
  margin-bottom: 2px;
}
.standort_info{
  display: none;
}
.standort_info_placeholder{
  height: 160px;
  width: 1px;
}
.btn_anrufer_change{
  height: 22px;
  width: 22px;
  padding: 0;
  margin: 2px 0;
  float: right;
}
.tb_col_anrufer_art{
  width: 110px;
}

.beantragungen_button{
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  padding: 4px 35px 4px;
}
.ame_handy_pinncode_tb{
  display: none;
}
.christmastree{
    position: absolute;
    height: 70px;
    right: 10px;
}
#notiz_popup{
    position: fixed;
    max-height: 700px;
    overflow-y: scroll;
    z-index: 100;
    right: 10px;
    display: none;
}
#notiz_popup_pfeil{
  background: url("../../images/close.png") no-repeat scroll right 6px center #88CBC6;
}
div.no-abholung_today{
    float: left;
    padding: 2px;
    margin-left: 5px;
}

.textarea-berichte{  
  display: block;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
  width: 100%;
}

.create_new_popup{
  position: fixed;
  top: 110px;
  width: 768px;
  margin: auto;
  left: 0;
  right: 0;
  border: 1px solid grey;
  z-index: 100;
}
.create_new_popup .popup_body{
  background: none repeat #DDDDDD;
  padding: 0px 4px;
}
#popup_email_senden{
  width: calc(100% - 200px);
  overflow: auto;
}
#popup_email_senden #btn_email_verwerfen{
  display: none;
}
#email-to-replace-detail {
    margin-top: 10px;
}
@media(max-width: 768px){
  .create_new_popup{
    position: absolute;
  }
  #popup_email_senden{
    width: 100%;
  }
}
#pae_close_btn {
  display: block;
  padding: 3px;
  width: 20px;
  height: 20px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
}
[data-new-popup],div#popup_aufgabe_erstellen{
  z-index: 10100;
}
#pop_overlay[data-aufgabe_manuell_popup],#pop_overlay[data-new-popup]{
  top: 0;
  display: block;
  z-index: 10000;
}
div#popup_size_980, div#popup_size_1200{
  position: fixed;
  top: 150px;
  width: 100%;
  margin: 0;
  max-height: 740px;
  overflow-y: auto;
}
div#popup_size_1200{
  max-width: 1200px;
  left: calc((100% - 1200px) /2);
}
div#popup_size_980{
  max-width: 980px;
  left: calc((100% - 980px) /2);
}
div#popup_aufgabe_erstellen{
  position: fixed;
  top: 200px;
  max-width: 768px;
  width: 100%;
  left: calc((100% - 768px) /2);
}
#popup_aufgabe_erstellen textarea{
  max-width: 100%;
  width: 100%;
}
.new_aufgabe.popup_telefon,.new_aufgabe.popup_telefon:hover{
  padding: 0px;
  display: block;
  width: 25px;
  height: 25px;
  margin: 5px 0px;
  background-size: contain;
}
.text-left-menu-kunden-text{
  width: calc(100% - 20px);
  display: block;
}
.btn-left-menu-kunden{
  position: absolute;
  top: 0;
  height: 54px;
  right: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
.btn-left-menu-kunden i{
  line-height: 52px;
}

#streets{
  position: absolute;
  background-color: #DDDDDD;
  color: #000;
  padding-top: 5px;
  width: 100%;
  max-width: 272px;
  left: 0px;
  top: 4px;
  margin-top: 21px;
  opacity: 0.9;
  z-index: 10;
}
/*#ansprechpartner_form #streets{
  max-width: 273px;
}*/
#streets ul{
  list-style: none;
  padding: 0 5px;
  font-size: 14px;
  margin-bottom: 0px;
}
#streets ul li{
  padding: 2px 0;
  cursor: pointer;
  color: #000;
}
#streets ul li:hover{
  color: #88CBC6;
}

/*Haupttab*/
#haupttab_cont {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  display: inline-block;
}
#haupttab_cont label,#haupttab_cont input{
  cursor:pointer;
}
#is_haupttab{
  height: 10px;
  width: 10px;
  vertical-align: middle;
  line-height: 15px;
  margin: auto;
}
.placeholder_loading{
  width: 100px;
  height: 100px;
  margin: auto;
  text-align: center;
}
.placeholder_loading>#loading_img{
  width: 100%;
}
table.dataTable tbody tr.details_aufgaben_row{
  background-color: #ccc !important;
}
@media (min-width: 768px){
  .details_aufgaben_row .add_padding_left_20{
    padding-left: 20px;
  }
}
#aufgaben-table tr[onclick]{
  cursor: pointer;
}
/*Ende Haupttab*/

.disabled{
  background-color: lightgrey;
}
/* .notizen_prio_10_bg_color{
  background-color: #88CBC6;
}
.notiz_prio_1_bg_color{
  background-color: #88CBC6;
} */
a.aufgaben_symbole{
  margin: 1px;
  display: inline-block;
  float: left;
}
a.aufgaben_symbole>span{
  background-color: black;
  color: #fe9e26;
  text-align: center;
  padding: 4px 0;
  border-radius: 25px;
  height: 24px;
  width: 24px !important;
  font-size: 14px;
}

select#new_group_val > option[value="0"]{
  background: #e94946;
}
select#new_group_val > option[value="1"]{
  background: green;
}
select#new_group_val > option[value="2"]{
  background: yellow;
}
input::placeholder { color: #bbb;}

.aufgaben_gruppen_anzeige{
  display: inline;
  cursor: pointer;
}
.row.withmargin{
  margin-right: -10px;
  margin-left: -10px;
}

#popup_aufgabe_header.style-data{
  cursor: default;
}
#popup_aufgabe_header strong{
  vertical-align: middle;
  display: inline-block;
  font-size: 25px;
  padding: 5px 10px;
}
#popup_aufgabe_header #pae_close_btn {
  display: block;
  padding: 3px;
  width: 30px;
  height: 30px;
  line-height: 22px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  top: 0;
  right: 0;
  position: absolute;
  /*background-color: #000;*/
}
#popup_aufgabe_header button.speichern{
  float: right;
  margin: 10px 40px 10px 0;
}
#popup_aufgabe_header button.speichern ~ button.speichern{
  margin: 10px 5px 10px 0;
}
#popup_aufgabe_header button.speichern:hover,#popup_aufgabe_header button.speichern:active,#popup_aufgabe_header button.speichern:focus{
  background-color: #777777;
  color: #fff;
}
label[for="manuell_eigene"]{
  margin: 0 2px 1px 0;
  padding: 7px;
  vertical-align: middle;
  display: inline-block;
}
.regular-checkbox:checked + label[for="manuell_eigene"]:after{
  top: -2px;
  left: 2px;
}
div#cont_manuell_eigene{
  float: right;
  display: inline-block;
}
.speichern-full-size{
  font-size: 18px;
  width: 100%;
  display: block;
  text-align: center;
  padding: 5px;
  margin: 5px 0;
}
.aufgaben_clipboard{
  height: 1px;
  width: 1px;
  border: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  position: absolute;
}

.menu_add_aufgabe {
  position: absolute;
  display: inline-block;
  bottom: 3px;
  right: 10px;
  background-color: #000000;
  border-radius: 30px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  padding: 1px;
}
.menu_add_aufgabe:hover{
  background-color: #333333;
}
.notiz_prio_10_bg_color{
  background-color: #fe9e26;
}
.notiz_prio_1_bg_color{
  background-color: #ffca87;
}
.speichern_logo_only {
  background-color: #000000;
  border: none;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.5;
  padding: 4px 4px 3px;
  vertical-align: top;
  width: 24px;
  height: 24px;
  text-align: center;
}
.input_with_speichern_logo{
  max-width: calc( 100% - 24px);
  width: 100%;
  float: left;
}
.cke_dialog, .cke_panel, .cke_panel, .cke_combopanel  {
    z-index: 10102 !important;
}

.google-ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}
.google-full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #e7711b;
}
.google-empty-stars:before, .google-full-stars:before {
    content:"\2605\2605\2605\2605\2605";
    font-size: 14pt;
}
.google-empty-stars:before {
    -webkit-text-stroke: 1px #848484;
}
.google-full-stars:before {
    -webkit-text-stroke: 1px #e7711b;
}
/* Webkit-text-stroke is not supported on firefox or IE */

/* Firefox */
 @-moz-document url-prefix() {
    .google-full-stars {
        color: #ECBE24;
    }
}

span.google-rating-number{
  font-size: 18px;
  vertical-align: middle;
  color: #e7711b;
  line-height: 1;
}
span.google-min-rating-number{
  vertical-align: middle;
}

.tb_header_group{
  background-color: black;
  color: white;
}
.tb_header_group th:nth-child(even){
  background-color: #88CBC6;
}
.popup_sub_headline{
  font-size: 18px;
}
div#action-error-top[data-time-id] {
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 15px;
}
div#action-error-top[data-time-id] > #close_error_msg {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  font-size: 20px;
  height: 30px;
  width: 30px;
  line-height: 1;
  cursor: pointer;
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
.spinner{
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}

@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.plzAndCityCont label{
  display: block;
  margin-bottom: 0;
}
.plzAndCityCont .plz-field{
  max-width: 60px;
  min-width: 60px;
  display: inline-block;
}
.plzAndCityCont .city-field{
  width: calc(100% - 63px);
  display: inline-block;
}

#form_delivery input[readonly], #form_delivery select[disabled], #form_delivery textarea[readonly]{
  background-color: #ccc;
}

#form_delivery .checkbox_flex{
  display: flex;
}
#form_delivery .checkbox_flex label{
  margin-right: 5px;
}
#form_delivery #customer_select{
  position: absolute;
  background: #fff;
  z-index: 10;
  padding: 5px;
  width: 100%;
  border: 1px solid #ccc;
  top: 24px;
}
#form_delivery #customer_select a{
  display: block;
  cursor: pointer;
}

#form_delivery .search_right{
  width: calc(100% - 25px) !important;
}

.normal_label{
  font-weight: normal;
  font-size: 14px;
  margin-left: 5px;
}
.red_asterix:after{
  content: " *";
  color: #e94946;
}

#toggle_page_table #page_table_wrapper{  
  min-height: 0px;
}

#anzahl-der-gutscheine{
    font-weight: bold;
    position: absolute;
    top: 38px;
    left: 57px;
}
#anzahl-der-forms{
    font-weight: bold;
    position: absolute;
    top: 26px;
    left: 52px;
}

@media print{
  #text-left-menu-id{
    display: none;
  }
  #menu-left-id{
    display: none;
  }
  #footerleiste{
    display: none;
  }
  #show-hide-notiz-left-id{
    display: none;
  }
}

.beantragen_button_box{
  display: flex;
  justify-content: space-evenly;
}
.beantragen_button_box textarea{
  min-width: 100%;
  max-width: 500px;
  min-height: 26px;
}
.beantragen_button_box .beantragungen_button{
  padding: 5px;
  margin: 0;
}

.errorRow{
  border: 1px solid #D91C24;
}