@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: Inter;
}
body {
  padding-top: 0px;
}
footer {
  padding: 30px 0;
}

/*footer{
  bottom: 0px;
  position: fixed;
  width: 100%;
}*/

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (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 #00abb8;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 10px;
}

.show_all {
    background: none repeat scroll 0 0 #00abb8;
    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;*/
    height: 100%;
    background: white;
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
}

.sidebar-all > a {
    color: #000000;
    outline: medium none;
}

.sidebar-all > a:hover {
    color: #00abb8;
    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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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;
}

.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: #00abb8 !important;
}*/

.menu_button.profil-a{
  background: url("../../images/topmenubuttons/edit_OFF.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0) !important;
  height: 84px;
  padding: 11px;
  width: 70px;
}

.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: #00abb8 !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: #00abb8 !important;
    background: none repeat scroll 0 0 #4D4D4D !important;
}

.menu_button.abmelden-a {
    background: none repeat scroll 0 0 #00abb8;
    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;
}

.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;
    padding-left: 10px;
}

.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%;
}

/* Filter Tag UI (scoped via IDs to avoid conflicts) */
#filter-text-right {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #cfd6e4;
  background: #fff;
  border-radius: 6px;
  min-height: 34px;
  padding: 4px 6px;
}
#filter-text-right #filter-tags-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.filter-tag {
  display: inline-flex;
  align-items: center;
  background: #eef3ff;
  border: 1px solid #c7d8ff;
  color: #223;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.4;
}
.filter-tag-remove {
  margin-left: 6px;
  cursor: pointer;
  color: #556;
  font-weight: bold;
}
.filter-tag-remove:hover {
  color: #000;
}


.task-grid {
  display: grid;
  margin-top: 4px;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  justify-items: stretch;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 4px;
  max-width: 100%
}

.next-task-a {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    padding: 4px 4px;
    word-break: break-word;
}

/*.next-task-a:hover {
    background: none repeat scroll 0 0 #00abb8;
    color: #FFFFFF;
}*/

.task-href:hover, .task-href:focus {
  background: repeat scroll 5px center #00abb8;
  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
{
  background: url("../../images/tasks_icons/task_hakerl_over.svg") no-repeat scroll 5px center #00abb8;
  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,
.email-task-href:focus
{
    color: #FFFFFF;
}
.email-task-href:hover{
  background-color: #00abb8;
  color: #fff;
}

.email-task-href {
  margin-left: 5px;
  background: url("../../images/mail_OFF_bg.png") no-repeat scroll 5px center #000000;
  padding: 4px 25px;
}

.task-href-1 {
  background: url("../../images/tasks_icons/task_1.svg") no-repeat scroll 5px center #000000;
}

.task-href-2 {
  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: #00abb8;
    font-size: 12px;
    padding: 12px;
}*/

/*.action-error {
  background: none repeat scroll 0 0 green;
  color: #00abb8;
  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 #00abb8;
  color: white;
  font-size: 21px;
  height: auto;
  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-top.main_message_top{
  width: 90vw;
  margin: 0;
  left: 50%;
  transform:translateX(-50%);
}

#action-error-top.main_message_top:nth-child(n + 1){
  margin-top: 10px;
}
#action-error-top.main_message_top:nth-child(n + 2){
  margin-top: 20px;
}
#action-error-top.main_message_top:nth-child(n + 3){
  margin-top: 30px;
}
#action-error-top div#close_error_msg {
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
  line-height: 15px;
}
#action-error-top div#close_error_msg:hover {
  opacity: 0.5;
  background-color: #ffffff;
  color: #000;
}

#action-error-email-imap-id {
  background: #28a8e0 none repeat scroll 0 0;
  color: white;
  font-size: 21px;
  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 #00abb8;
  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);
}

.action-error-false {
  background: none repeat scroll 0 0 red !important;
  height: 71px !important;
}

.attention-error-not-close {
  background: none repeat scroll 0 0 #00abb8;
  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-left {
  float: left;
}
.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/default_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/default_images/ausklappen_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.hide-all-top {
    background: url("../../images/default_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/default_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/default_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/default_images/einklappen_OVER.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.back-top {
    background: url("../../images/default_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/default_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{
    background-color: #00abb8;
    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: #00abb8;*/
  color:white;
  cursor: pointer;
  padding-left: 2px;
  margin-left: 5px;
}




.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: #00abb8;
  border-color: #00abb8;
}


/* 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,#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, .open_close_pfeil {
  border-radius: 5px;
  background: url("../../images/arrow_einklapp.png") no-repeat scroll right 6px center #00abb8;
}

.diverses_pfeil_zu{
   background: url("../../images/arrow_einklapp.png") no-repeat scroll right 6px center #00abb8 ;
   background-color: #00abb8;
   border-radius: 5px;
}

.diverses_pfeil_ab{
   background: url("../../images/arrow_einklapp.png") no-repeat scroll right 6px center #00abb8 ;
   background-color: #00abb8;
   border-radius: 5px;
}

.diverses_pfeil_auf{
   background: url("../../images/arrow_aufklapp.png") no-repeat scroll right 6px center #00abb8 ;
   background-color: #00abb8;
   border-radius: 5px;
}

#allgemein_orange,.allgemein_orange{
  background: #00abb8;
  padding: 8px;
  border-radius: 5px;
}

.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%;
}

.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%;
  border: 1px solid;

}

.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: #00abb8;
  border-color: #00abb8;
}


div.style-adi{


  margin-top: 22px;
  background-color:#DDDDDD;
  color:#00abb8;
  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 #00abb8;
}

#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;
}
.regular-checkbox.regular-checkbox-inline + label{
  padding: 6px;
  margin-bottom: -1px;
}
.regular-checkbox.regular-checkbox-inline + label:after{
  font-size: 10px;
  top: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
  margin: 0;
}
.regular-checkbox.checkbox_left_text + label {
  float: left;
  margin-right: 5px;
}
.regular-checkbox.checkbox_left_text + label + label {
  display: block;
  float: left;
}


.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;
  border: 1px solid;


}

.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;
    padding-top: 5px;
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 20px 20px;
}

.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 #00abb8;
    height: 25px;
    width: 80%;
    margin-left: 5px;
    padding: 4px;
    font-family: Source Sans Pro;
}

.suchbutton,.suchbutton:focus {
    background: none repeat scroll 0 0 #00abb8;
    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;
  padding: 8px;
}

#kunde, #ansprechperson, #referenz{
    display: inline-table;
    width: 70%;
}

.angebot_td_small {
    width: 3%;
}

.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 #00abb8;
  margin: 50px auto 0px;
}

.img-responsive-log {
  display: block;
  margin: 60px auto 0;
  max-width: 16%;
  max-height: 150px;
}

.log-1{
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: bold;
}

.user-log{
  color: #00abb8;
}

input.log{
  height: 40px;
  width: 80%;
  font-size: 30px;
  color: #00abb8;
  border-width:2px;
  border-style:solid;
  border-color:black;
  text-align: center;
}

input.pass{
  height: 40px;
  width: 80%;
  font-size: 30px;
  color: #00abb8;
  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/default_images/aktivitaet_dot_aktiv.png") no-repeat scroll 0 0 ;
    font-size: 0;
    background-position: center;
}
.read_only.ok-class:hover {
    background: url("../../images/default_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/default_images/aktivitaet_dot_over.png") no-repeat scroll 0 0 ;
    font-size: 0;
    background-position: center  ;
}
.read_only.over-class:hover {
    background: url("../../images/default_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/default_images/aktivitaet_dot_neu.png") no-repeat scroll 0 0 ;
    font-size: 0;
    background-position: center;
}
.read_only.neue-class:hover {
    background: url("../../images/default_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/default_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/default_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/default_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/default_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/default_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/default_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/default_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: #00abb8;
    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/default_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/default_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/default_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/default_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/default_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 {
    background: none repeat scroll 0 0 #808080;

    float: none;
    height: 100%;
    margin-top: 0px;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 2223;
    top: 0;
    left: 0;
}

#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 {
    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;
    left: 0;
    top: 0;
}

#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 #00abb8;
  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: #00abb8;
}

.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/default_images/look_OFF.png") no-repeat scroll right 0 #FFFFFF;
    cursor: pointer;
}
#kunde:hover {
    background: url("../../images/default_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-whatsapp {
  background: url("../../images/whatsapp.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  padding: 1px 14px 4px;
  background-size: contain;
}
.button-whatsapp:hover {
  background: url("../../images/whatsapp.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  background-size: contain;
}

.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/default_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/default_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 {
    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;
}

.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: #00abb8;
    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;
}

/* Old navbar styles removed - using modern navbar styles below */

#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;
  display: none;
}

.navbar-nav{
  margin-top: 0px;
}

.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 #4d4d4d;
  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: url("../../images/left_menu/widget_icon1_off.png") no-repeat scroll 10px center / 17% auto #00abb8;
  color: white;
  display: block;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 1px 45px;
  position: fixed;
  text-decoration: none;
  width: 136px;
}

.speichern-left:hover {
  background: url("../../images/left_menu/widget_icon1_over.png") no-repeat scroll 10px center / 17% auto #00abb8;

  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/default_images/widget_notiz_off.png") no-repeat scroll center center #dddddd;
  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/default_images/widget_notiz_over.png") no-repeat scroll center center  #dddddd;

}

.show-hide-notiz-right {
  background: url("../../images/default_images/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/default_images/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/default_images/widget_ausklappen_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.hide-all-leftm {
    background: url("../../images/default_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/default_images/widget_einklappen_over.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.back-left {
    background: url("../../images/default_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/default_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/default_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: 2222;
  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 #00abb8;
  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;
  display:none;
}

.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 #00abb8;
  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: 486px;
  z-index: 2222;
}

.text-left-1 {
  font-size: 12px;
}

.text-left-2 {
  font-size: 12px;
}

.text-left-3 {
  font-size: 12px;
  float: left;
}

.text-left-4 {
  font-size: 12px;
  float: left;
  text-align: left;
  width: 100%;
}

.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 #00abb8;
}

.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 red;
  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;
}

#searchvalue_right {

}

#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 {
    float: none;
}

.dropdown-submenu.pull-left>.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;
}

#orders-table tr.norwegen-class #col10-bottom{
  background: #00ACED !important;

}

#orders-table tr.schweiz-class #col10-bottom{
  background: #E21A27 !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;
}

#orders-table{
  font-size: 12px;
}

.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: 85%;
  left: 90px;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  top: 90px;
  width: 90%;
  z-index: 999999;
  display:none;
}


#alert-close{
  background-color: #00abb8;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
  margin-top: -2px;

}

#alert-close-log{
  background-color: #00abb8;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
  margin-top: -2px;

}
.alert-close1{

  /*background-color: #00abb8;*/
  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/default_images/arrow-scroll.png") no-repeat scroll 0 20px 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:#00abb8;
  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:#00abb8;
  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% #00abb8;
}

.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: #00abb8;
}

.long{

  width: 50% !important;
}

#elem_2,#elem_3{

  width: 30% !important;
}





.alert-close2{

  background-color: #00abb8;
  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: #00abb8;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;


}

.alert-close1-notiz{

  background-color: #00abb8;
  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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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: #00abb8 !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;
}

.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.png") no-repeat scroll 10px 31px rgba(0, 0, 0, 0);
  height: 84px;
  padding: 11px;
  width: 70px;
}

.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: #00abb8 !important;
}*/

.pull-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, #00abb8) 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 #00abb8;
  float: right;
  padding: 13px 12px;
}

#next {
  background: url("../../images/arrow_aufklapp_right.png") no-repeat scroll right 8px center / 9px 15px #00abb8;
  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: 1% !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: 60%; */
}

.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: red;
}
/*
.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:red;}
.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 #00abb8;
  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: #00abb8;
  color: #FFFFFF;
  padding-right: 5px;
  text-align: right;
  margin-top: -2px;

}


#error-top-abgabestellen {
  background: none repeat scroll 0 0 #00abb8;
  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: #00abb8 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;
}

.small-whatsapp{
  margin-right: 8px;
  margin-left: 0px;
  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: red 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/default_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{
  float: left;
  margin-left: 20px !important;
}
.dpd_nein_btn,.dhl_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:130px !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: red !important;
}

.text-sidebar-left {
  font-size: 12px;
}

.clafirst-red {
  color: red !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/default_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/default_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/default_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/default_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/default_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: red;
}

.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 #00abb8;
    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: #00abb8;
  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: #00abb8;
  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: #00abb8;
    border-color: #00abb8;
}

.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:#00abb8;
}

.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:red;
}

.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: 7%;
    float: right;
}


.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: #00abb8;
  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: #fdf1e1;
}
.p_list.konto_active,.p_list.konto_active:hover{
  background-color: #fde3c2;
  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: #fde3c2 !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: red !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: #00abb8 !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: #00abb8 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 red;
}

.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: #00abb8 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:#00abb8;
  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/default_images/einklappen_OFF.png") no-repeat center center;
}

/*tr.shown td.details-control:hover {
    background: url("../../images/default_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);
}

.whatsapp-anrufe-spezial{
  height: 25px;
  width: 25px;
}

.whatsapp-anrufe-spezial:hover{
  background: url("../../images/whatsapp.png") contain 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*/


#gruppen_rechte_table{
  width: auto;
  /*overflow: auto !important;*/

}

.automatische_aufgabe {
  background: white !important;
}

.manuelle_aufgabe {
  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: #00abb8;
  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*/
#gruppen_rechte_table tbody {
  height: 525px;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}
#gruppen_rechte_table thead, #gruppen_rechte_table tbody {
  display: block;

}
 #gruppen_rechte_table th {
  display: block !important;
  float:left;
}
#gruppen_rechte_table tbody td, #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: #00abb8;
  border-color: #00abb8;
  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: #00abb8;
}
.ergebnis_cont div {
    cursor: pointer;
}
.required:after{
  content:"*";
  color: #00abb8;
  margin-left: 2px;
}
.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: #fdf1e1;
}
.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: #fde3c2;
}
.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: #fdf1e1;
}
#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: 70px;
  vertical-align: middle;
}
.email_adress_input {
  width: calc(100% - 78px);
  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: 68px;
}
.email_adress_btns[onclick]{
  cursor: pointer;
}
.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% - 78px);
  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: #fde3c2;
  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: #fde3c2;
}
.email_vorlage_input, .sms_vorlage_input{
  width: calc(100% - 106px);
}
/*.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: #fde3c2;
}
.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: 1000;
  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: fixed;
    top: 160px;
    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;
}
.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: #f00;
    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: #00abb8;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 130px;
    margin-top: 8px;
}

a.auftrag_manuell_btn {
  position: absolute;
  margin: auto;
  margin-top: 38px;
  z-index: 200;
  width: 20px;
  height: 30px;
  background: url(../../images/default_images/drcities_form_button2.png) no-repeat top center;
  cursor: pointer;
  transition: all .2s;
}
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: red;
  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: #00abb8 !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;
}
.heading_objekt{
  font-size: 18px;
  padding: 5px 15px;
  background: #00abb8;
  color: white;
  font-weight: 800;
  width: 100%;
  display: block;
}

.auftrag_img_cont{
  border: 3px solid transparent;
  /*float: left;*/
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.auftrag_img_active{
  border: 3px solid #00abb8;
}
.auftrag_img_active:after{
  font-family: "Glyphicons Halflings";
  content: "\e067";
  color: #00abb8;
  font-size: 30px;
  position: absolute;
  bottom: -4px;
  right: 0;
}
.auftrag_img_cont .auftrag_img{
  max-height: 250px;
}
.auftrag_add_image_bgbtn{
  display: none;
  padding: 31px;
  position: relative;
  border: 5px solid #00abb8;
  color: #00abb8;
  text-align: center;
  cursor: pointer;
  height: 153px;
  width: 100%;
}

.auftrag_add_image_bgbtn>div.glyphicon.glyphicon-plus-sign{
  position: relative;
  font-size: 80px;
  width: 80px;
  height: 80px;
  vertical-align: middle;
}
.auftrag_img_cont:hover>div.open_image,.auftrag_img_cont:hover>div.download_image,.auftrag_img_cont:hover>div.delete_image{
  display: block;
}
.auftrag_img_cont>div.open_image,.auftrag_img_cont>div.download_image,.auftrag_img_cont>div.delete_image{
  display: none;
  position: absolute;
  top: 0;
  right: 4px;
  font-size: 30px;
  color: #00abb8;
  cursor: pointer;
}
.auftrag_img_cont>div.download_image{
  right: 80px;
}
.auftrag_img_cont>div.open_image{
  right: 40px;
}
.fullsize_img_cont{
    position: fixed;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 20010;
    margin: 100px auto;
    margin: 5vh auto;
    left: 0;
    right: 0;
}
.fullsize_img_cont>div>img{
  max-height: 600px;
  max-width: 100%;
  max-height: 90vh;
  max-width: 90vw;
}
.fullsize_img_cont>div>.fullsize_img_close{
  position: absolute;
  right: 1px;
  top: 1px;
  height: 30px;
  width:30px;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
  display: none;
}
.fullsize_img_cont>div:hover>.fullsize_img_close{
  display: block;
}
.fullsize_img_cont>div{
  background-color: #fff;
  text-align: center;
  margin:auto;
  display: inline-block;
  position: relative;
}
.fullsize_img_bg{
    background-color: #777;
    opacity: 0.6;
    position: fixed;
    z-index: 20000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.auftrag_add_image_text{
  font-size: 18px;
}

#haupttab_cont {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    display: inline-block;
}

#ver_angebot_form [readonly], #ver_angebot_form [readonly]:focus, #angebot_form [readonly], #angebot_form [readonly]:focus, #rechnung_form [readonly], #rechnung_form [readonly]:focus, #rechnung_change_form [readonly], #rechnung_change_form [readonly]:focus, #erstangebot_more_div [readonly], #erstangebot_more_div [readonly]:focus {
  background-color: #ebebe4;
  cursor: default;
  border: 1px solid #aaa;
}
div.anchor{
  position: relative;
  top: -50px;
}
@media(min-width: 1880px){
  div#floating-sidebar-right{
    position: fixed;
    overflow-y: auto;
    width: 19%;
  }
}

.cont_toggle_prices{
  display: flex;
}
.cont_toggle_prices span{
  cursor: pointer;
}

.regular-checkbox.doubleLabel + label{
  margin-bottom: 0px;
  vertical-align: middle;
}
.regular-checkbox.doubleLabel + label + label{
  vertical-align: middle;
  margin-left: 5px;
}

.create_new_popup{
  position: fixed;
  top: 110px;
  width: 768px;
  margin: auto;
  left: 0;
  right: 0;
  border: 1px solid grey;
  z-index: 100;
  max-height: (100vh - 150px);
  overflow: auto;
}
.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: 2224;
}
#pop_overlay[data-aufgabe_manuell_popup],#pop_overlay[data-new-popup]{
  top: 0;
  display: block;
  z-index: 2223;
}
div#popup_size_980, div#popup_size_1200{
  position: fixed;
  top: 120px;
  width: 100%;
  margin: 0;
  max-height: 80vh;
  overflow-y: auto;
}
div#popup_size_1200{
  max-width: 1200px;
  left: calc((100% - 1200px) /2);
}
@media (max-width: 1199px){
  div#popup_size_1200{
    left: 0;
  }
}
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;
}
.floating_save_btn a{
  position: fixed;
}
.create_new_popup .dataTables_wrapper{
  min-height: 1px;
}
.change_img_onclick{
  position: relative;
  display: table-cell;
  max-height: 150px;
  max-width: 150px;
}
.change_img_onclick:hover:after{
  content: "Ändern";
  position: absolute;
  min-width: 55px;
  min-height: 20px;
  background-color: #aaa;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#email_postfaecher_table tr.country_head_email_table > td, li.country_head_email_list{
  background-color: #00abb8;
  color: #ffffff;
  cursor: pointer;
}
tr.country_head_email_table > td > span, li.country_head_email_list span{
  position: relative;
}
li.country_head_email_list span{
  display: block;
}
tr.country_head_email_table > td > span:after, li.country_head_email_list > span:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: 4px;
  right: -30px;
}
li.country_head_email_list > span:after{
  right: 0;
  top: 6px;
}
tr.country_head_email_table > td > span.active:after, li.country_head_email_list > span.active:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 4px;
  right: -30px;
}
li.country_head_email_list > span.active:after{
  right: 0;
  top: 6px;
}
input#daysUntil{
  display: inline-block;
  max-width: 70px;
  width: 100%;
  min-width: 50px;
}

.required_green_border{
  border-color: green;
}

.form-textarea{
  height: initial;
  min-height: 25px;
}

.disabled{
  background-color: lightgrey;
}
/* .notizen_prio_10_bg_color{
  background-color: #56b782;
}
.notiz_prio_1_bg_color{
  background-color: #56b782;
} */
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, textarea::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;
}

.ratings {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #b1b1b1;
  overflow: hidden;
}
.ratings > .full-stars {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #e7711b;
}
.ratings > .empty-stars:before, .ratings > .full-stars:before {
  content:"\2605\2605\2605\2605\2605";
  font-size: 14pt;
}
.ratings > .empty-stars:before {
  -webkit-text-stroke: 1px #848484;
}
.ratings > .full-stars:before {
  -webkit-text-stroke: 1px #e7711b;
}
.testimonial_file_preview{
  max-width: 300px;
  max-height: 200px;
  position: relative;
}
.testimonial_file_preview:hover:before{
  content: "Ändern";
  width: 100%;
  height: 100%;
  background: hsl(0deg 0% 0% / 70%);
  color: #fff;
  position: absolute;
  display: grid;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

table.dataTable thead, table.dataTable thead + tfoot{
  position: relative;
  z-index: 1;
  background-color: #fff;
}

input[type="range"]{
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  background: inherit;
  border: none;
  box-shadow: none;
}
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none;
  background: hsl(198deg 100% 45%);
  border: 1px solid hsla(198deg 100% 45%, 0.8);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -4px;
}
input[type="range"]::-moz-range-thumb{
  background: hsl(198deg 100% 45%);
  border: 1px solid hsla(198deg 100% 45%, 0.8);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  cursor: pointer;
}
input[type="range"]::-ms-thumb{
  background: hsl(198deg 100% 45%);
  border: 1px solid hsla(198deg 100% 45%, 0.8);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  cursor: pointer;
}
input[type="range"]::-ms-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: hsl(198deg 100% 45%);
}
input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: hsl(198deg 100% 45%);
}
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: hsl(198deg 100% 45%);
}
input[type="range"].traffic_light::-ms-track {
  background: linear-gradient(0deg, red, orange, green);
}
input[type="range"].traffic_light::-moz-range-track {
  background: -moz-linear-gradient(0deg, red, orange, green);
}
input[type="range"].traffic_light::-webkit-slider-runnable-track {
  background: -webkit-linear-gradient(0deg, red, orange, green);
}

.dataTables_wrapper > .dataTables_paginate.paging_full_numbers {
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
}

@media (max-width: 1199px) {
  #orders-table_wrapper {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

#orders-table tr.row_bauexperte, .row_bauexperte {
  background-color: #fff8c7 !important;
}

select.jaNein {
  width: 60px;
  min-width: 30px;
}

.regular-checkbox.checkbox-btn-size:checked + label:after{
  top: 1px;
}
.regular-checkbox.checkbox-btn-size + label{
  height: 23.2px;
  width: 22px;
  margin: 0;
  vertical-align: middle;
}


/*the container must be positioned relative:*/
.w3autocomplete {
  position: relative;
  display: inline-block;
}

/* input.w3autocomplete {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input.w3autocomplete[type=text] {
  background-color: #f1f1f1;
  width: 100%;
} */

.w3autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.w3autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.w3autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.w3autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.file_placeholder_box{
  display: flex;
  border: 5px solid #00abb8;
  padding: 20px;
  min-width: 200px;
  text-align: center;
  min-height: 200px;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.file_name_text {
  text-align: center;
}

.antworten_Faq{
  max-width: calc(100% - 32px);
}
.faq-frage{
  max-width: calc(100% - 52px);
}
.mw-50 {
  max-width: 50%;
}
.d-block {
  display: block;
}

/* textarea mention */

.menu_t {
  background-color: #f3f3f3;
  /*position: absolute;*/
}

.menu-item {
  cursor: default;
  padding: 1rem;
}

.menu-item.selected {
  background-color: slateGray;
  color: white;
}

.menu-item:hover:not(.selected) {
  background-color: #fafafa;
}

.home-hover-td:hover {
    background: #00abb8;
}

td.sorting_1:hover {
	background: none ;
	background: #00abb8;
}

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right #00abb8;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right #00abb8;
}

.cke_top {
    background-image: -webkit-linear-gradient(top, #00abb8, #00abb8) !important; 
    border-bottom-color: #00abb8 !important;
}

.cke_toolgroup {
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255)) !important;
    border-color: #00abb8 !important;
}

.cke_bottom {
    background-image: -webkit-linear-gradient(top, rgb(242, 248, 233), #00abb8) !important;
    border-top-color: #00abb8 !important;
}

.cke_chrome {
    border-color: #00abb8 !important;
}

a.cke_button_off:hover, .cke_1 a.cke_button_off:focus, .cke_1 a.cke_button_off:active {
    background-image: -webkit-linear-gradient(top, rgb(230, 241, 211), #00abb8) !important;
}

.cke_toolbar_separator {
    background-color: #00abb8 !important;
}

.cke_combo_button {
    border-color: #00abb8 !important;
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255)) !important;
}

.cke_resizer {
    border-right-color: #00abb8 !important;
}

.module-partner-product-popup {
  position: fixed;
  top: 105px;
  left: 230px;
  background: white;
  border: solid 1px;
  min-width: 52%;
  min-height: 20%;
  z-index: 11000;
  max-width: 80%;
  max-height: 80%;
  overflow-y: scroll;
}
.module-partner-product-overlay{
	position: fixed;
    width: 100%;
    height: 100%;
    background: grey;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    z-index: 10000;
}

#email-to-replace-detail .ck-editor__editable {
    max-height: 400px;
    font-weight: 400;
}

.modern-sidebar {
  width: 100%;
  height: 100%;
  background: white;
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.modern-sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}

.modern-sidebar-header h2 {
  font-size: 18px;
  font-weight: bold;
}

.modern-sidebar-filter-clear, .speichern-modern {
  background: transparent;
  border: 1px solid #ddd;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  z-index: 10;
}

.speichern-create-auftrag-z{
  z-index: 1000;
}

.modern-sidebar-filter-clear:hover, speichern-modern:hover {
  background: #f5f5f5;
}

.modern-sidebar-filter-options {
  margin-bottom: 15px;
}

.modern-sidebar-filter-options label {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px;
}

.modern-sidebar-filter-options input {
  margin-right: 8px;
}

.modern-sidebar-section {
  margin-bottom: 15px;
}

.modern-sidebar-section-header {
  font-weight: bold;
  cursor: pointer;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

.modern-sidebar-section ul {
  list-style: none;
  padding-left: 10px;
  margin-top: 0px;
}

.modern-sidebar-section ul li {
  margin-bottom: 0px;
}

.modern-sidebar-section ul li a {
  text-decoration: none;
  font-size: 12px;
  color: #555;
  transition: color 0.3s;
}

.modern-sidebar-section ul li a:hover {
  color: #007bff;
}

/* Old navbar styles removed - using modern navbar styles below */

/* User Dropdown */
.navbar-right .dropdown-menu {
  right: 0;
  left: auto;
  padding: 10px;
}

.navbar-right .dropdown-menu input[type="text"] {
  width: 50px;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
}

.navbar-right .dropdown-menu input[type="checkbox"] {
  margin-left: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .navbar-nav > li > a {
    font-size: 14px;
  }
}

.modern-navbar-right{
  float:right;
  margin-left: auto;
}

.modern-navbar-nav{
  float: left;
  /*margin-left: 50px;*/
}

.dropdown-menu-left{
  left: -100% !important;
}

.themecolor{
  color: #00abb8;
}

#popup_aufgaben_form > div.help_div_back{
  background: none repeat scroll 0 0 #DDDDDD;
}

:root {
    --primary-bg: #F5F5F5;
    --toolbar-bg: #FFFFFF;
    --border-color: #E0E0E0;
    --accent-color: #3F51B5;
    --text-color: #333333;
    --shadow-color: rgba(0, 0, 0, 0.1);
    
    /* Status element colors */
    --status-blue: #BBDEFB;
    --status-yellow: #FFF9C4;
    --status-orange: #FFE0B2;
    --status-green: #C8E6C9;
    --status-red: #FFCDD2;
}

.app-container {
    display: flex;
    height: 100vh;
}

/* Toolbar Styles */
.toolbar {
    width: 60px;
    background-color: var(--toolbar-bg);
    border-right: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    z-index: 10;
}

.tool-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.tool-button {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: none;
    background-color: transparent;
    margin: 5px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

.tool-button:hover {
    background-color: var(--border-color);
}

.tool-button.active {
    background-color: var(--accent-color);
    color: white;
}

.tool-button svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tool-button.active svg {
    stroke: white;
}

/* Board Styles */
.board-container {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.board {
    width: 4000px;
    height: 4000px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
    transform: scale(1);
    cursor: grab;
}

.board:active {
    cursor: grabbing;
}

/* Status Element Styles */
.status-element {
    position: absolute;
    width: 200px;
    min-height: 120px;
    background-color: var(--status-blue);
    border-radius: 4px;
    box-shadow: 0 2px 8px var(--shadow-color);
    user-select: none;
    z-index: 1;
    transition: box-shadow 0.2s, transform 0.1s;
}

.status-element:hover {
    box-shadow: 0 4px 12px var(--shadow-color);
}

.status-element.dragging {
    opacity: 0.8;
    z-index: 100;
    box-shadow: 0 8px 16px var(--shadow-color);
    transform: scale(1.02);
}

.status-header {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: move;
}

.status-title {
    font-weight: 600;
    font-size: 16px;
    flex: 1;
    outline: none;
}

.status-actions {
    display: flex;
}

.status-actions button {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    border-radius: 4px;
    margin-left: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-actions button:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.color-button {
    position: relative;
}

.color-button::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff0000, #00ff00, #0000ff);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.delete-button {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
}

.status-content {
    padding: 10px;
    min-height: 60px;
    font-size: 14px;
    outline: none;
    white-space: pre-wrap;
}

/* Connection Points */
.connection-points {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.connection-point {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: var(--accent-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: auto;
    cursor: crosshair;
    z-index: 2;
}

.status-element:hover .connection-point,
.connection-point.active {
    opacity: 1;
}

.connection-point.top {
    top: 0;
    left: 50%;
}

.connection-point.right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
}

.connection-point.bottom {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

.connection-point.left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

/* Connection Lines */
.connection-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

/* Color Picker */
.color-picker {
    position: absolute;
    display: flex;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 5px;
    z-index: 1000;
}

.color-option {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin: 0 3px;
    cursor: pointer;
    border: 1px solid var(--border-color);
}

.color-option:hover {
    transform: scale(1.1);
}

.hidden {
    display: none;
}

/* Controls */
.controls {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 10px;
    z-index: 100;
}

.controls button {
    padding: 8px 16px;
    background-color: var(--accent-color);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.controls button:hover {
    background-color: #303F9F;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .toolbar {
        width: 50px;
    }
    
    .tool-button {
        width: 36px;
        height: 36px;
    }
    
    .status-element {
        width: 180px;
    }
}

@media (max-width: 480px) {
    .toolbar {
        width: 40px;
    }
    
    .tool-button {
        width: 32px;
        height: 32px;
    }
    
    .status-element {
        width: 160px;
    }
}

.demo-header {
    background-color: #3F51B5;
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.demo-title {
    font-size: 20px;
    font-weight: 600;
}

.demo-instructions {
    position: absolute;
    top: 70px;
    right: 20px;
    width: 320px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    padding: 15px;
    z-index: 1000;
    font-size: 14px;
}

.demo-instructions h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #3F51B5;
}

.demo-instructions ul {
    padding-left: 20px;
    margin-bottom: 10px;
}

.demo-instructions li {
    margin-bottom: 5px;
}

.demo-instructions .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

.demo-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding: 10px 20px;
    border-top: 1px solid #E0E0E0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.demo-footer a {
    color: #3F51B5;
    text-decoration: none;
}

.demo-footer a:hover {
    text-decoration: underline;
}

/* Adjust app container to account for header and footer */
.app-container {
    height: calc(100vh - 110px);
    margin-top: 60px;
}

/* Make toolbar more visible */
.toolbar {
    background-color: #F5F5F5;
    border-right: 1px solid #E0E0E0;
}

/* Highlight active tool more clearly */
.tool-button.active {
    background-color: #3F51B5;
    color: white;
}

/* Add tooltip for tools */
.tool-button {
    position: relative;
}

.tool-button:hover::after {
    content: attr(title);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    margin-left: 10px;
    z-index: 1000;
}

.login-body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #e0f7fa, grey);
    background-image: linear-gradient(black, black), url(../../images/nexoro_background.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -46px;
    background-blend-mode: saturation;
}

.login-logo {
    position: absolute;
    top: 10px;
    left: 18px;
    font-size: 28px;
    font-weight: bold;
    color: #3aaac1;
    text-transform: lowercase;
    text-decoration: none;
    width: 200px;
}

.login-container {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 40px;
    width: 400px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.login-body h2 {
    color: #3aaac1;
    text-align: center;
    margin-bottom: 10px;
    font-size: 24px;
}

.login-body p {
    color: #666;
    text-align: center;
    margin-bottom: 30px;
    font-size: 14px;
}

.input-group {
    margin-bottom: 20px;
    width: 100%;
}

.input-group label {
    display: block;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

.input-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    outline: none;
    transition: border 0.3s;
}

.input-group input:focus {
    border: 1px solid #3aaac1;
}

.forgot-password {
    display: block;
    text-align: right;
    color: #3aaac1;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 20px;
}

.login-btn {
    width: 100%;
    padding: 12px;
    background: #3aaac1;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.login-btn:hover {
    background: #3aaac1;
}


@media (min-width: 768px) {
  #crm-main-navbar{
    display: flex !important;
  }
} 

/* Responsive navbar - start reducing size at 1800px */
@media (max-width: 1800px) {
  #crm-main-navbar > ul.nav.navbar-nav > li > a {
    font-size: 13px;
    padding: 6px 12px !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li {
    margin: 4px 2px !important;
  }
}

@media (max-width: 1700px) {
  #crm-main-navbar > ul.nav.navbar-nav > li > a {
    font-size: 12px;
    padding: 5px 8px !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li {
    margin: 4px 1px !important;
  }
  #anzahl-der-anrufe{
    font-size: 8px;
    margin-left: -5px;
    padding: 2px;
  }
} 

@media (max-width: 1500px) {
  #crm-main-navbar > ul.nav.navbar-nav > li > a {
    font-size: 11px;
    padding: 4px 6px !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li > a i {
    margin-right: 4px !important;
  }
}

@media (max-width: 1300px) {
  #crm-main-navbar > ul.nav.navbar-nav > li > a {
    font-size: 10px;
    padding: 4px 5px !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li > a i {
    display: none;
  }
  #anzahl-der-anrufe{
    font-size: 8px;
    margin-left: -5px;
    padding: 2px;
  }
}

@media (max-width: 1100px) {
  #crm-main-navbar > ul.nav.navbar-nav > li > a {
    font-size: 9px;
    padding: 3px 4px !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li {
    margin: 2px 0px !important;
  }
}

/* Between 768-1000px: hide logo, make navbar compact */
@media (max-width: 1000px) and (min-width: 768px) {
  .navbar-header {
    display: none !important;
  }
  .navbar-default > .container-fluid {
    padding-left: 0 !important;
  }
  .navbar-brand {
    padding: 0 5px !important;
  }
  .navbar-brand img {
    height: 30px !important;
    max-height: 30px !important;
  }
  #crm-main-navbar {
    flex: 1 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav {
    min-width: max-content;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li:first-child {
    margin-left: 0 !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li > a {
    font-size: 9px;
    padding: 3px 3px !important;
  }
  #crm-main-navbar > ul.nav.navbar-nav > li {
    margin: 2px 0px !important;
  }
  .navbar-nav.navbar-right {
    flex-shrink: 0 !important;
  }
  .navbar-nav.navbar-right > li > a {
    padding: 5px 8px !important;
  }
}

html, body {
  height: 100%;
}

#body-id > div.container, #main_row {
  /*min-height: 100%;*/
}

/* Modern Navbar Improvements */
.navbar-default {
  background-color: #f8f9fa !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
  min-height: 44px !important;
  margin-bottom: 0px;
  border-bottom: 1px solid #dee2e6 !important;
  position: relative !important;
  z-index: 1030 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.navbar-default > .container-fluid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
}

.navbar-header {
  float: left !important;
  width: auto !important;
  height: 53px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 10 !important;
  background: #f8f9fa !important;
  flex-shrink: 0 !important;
}

.navbar-brand {
  padding: 0px 15px !important;
  height: 44px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  float: left !important;
}

.navbar-brand img {
  height: 40px !important;
  max-height: 40px !important;
}

.navbar-nav {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

.navbar-collapse {
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

#crm-main-navbar {
  width: 100% !important;
  flex: 1 !important;
}

#crm-main-navbar > ul.nav.navbar-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

.navbar-nav > li {
  margin: 4px 5px !important;
}

.navbar-nav > li > a {
  color: #495057 !important;
  font-weight: 500;
  padding: 8px 20px !important;
  border-radius: 6px !important;
  transition: all 0.3s ease;
  line-height: 28px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  background-color: #e9ecef !important;
  color: #212529 !important;
}

.navbar-nav > li > a i {
  margin-right: 8px !important;
  width: 16px !important;
  text-align: center !important;
  font-size: 14px;
}

.dropdown-menu {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
  padding: 8px 0 !important;
  margin-top: 10px !important;
}

.dropdown-menu > li > a {
  color: #333333 !important;
  padding: 10px 20px !important;
  transition: all 0.3s ease;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #f8f9fa !important;
  color: #2c3e50 !important;
}

.dropdown-menu > li > a i {
  margin-right: 10px !important;
  width: 16px !important;
  text-align: center !important;
  opacity: 0.7;
}

.dropdown-menu > li > a:hover i {
  opacity: 1;
}

.dropdown-header {
  color: #2c3e50 !important;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 20px 5px;
}

.navbar-nav.navbar-right {
  float: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}


.navbar-nav.navbar-right > li > a:hover,
.navbar-nav.navbar-right > li > a:focus {
  background-color: #dee2e6 !important;
  color: #212529 !important;
}

/* Fix for left-opening submenu */
.dropdown-submenu-left > .dropdown-menu {
  left: auto !important;
  right: 100% !important;
  top: 0 !important;
  margin-right: 1px !important;
}

.dropdown-submenu-left:hover > .dropdown-menu {
  display: block !important;
}

/* Mobile Menu Styles */
.mobile-menu-toggle {
  background: transparent !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  margin-right: 10px !important;
}

.mobile-menu-toggle i {
  color: #495057 !important;
  font-size: 18px !important;
}

.mobile-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
  border-radius: 0 0 8px 8px !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
  z-index: 1050 !important;
}

.mobile-menu-header {
  background: #f8f9fa !important;
  padding: 15px 20px !important;
  border-bottom: 1px solid #dee2e6 !important;
}

.mobile-user-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 600 !important;
  color: #495057 !important;
}

.mobile-user-info i {
  font-size: 24px !important;
  color: #6c757d !important;
}

.mobile-nav-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mobile-nav-item {
  border-bottom: 1px solid #f1f3f4 !important;
}

.mobile-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 15px 20px !important;
  color: #495057 !important;
  text-decoration: none !important;
  transition: background-color 0.2s !important;
}

.mobile-nav-link:hover {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}

.mobile-nav-link i {
  width: 20px !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #6c757d !important;
}

.mobile-nav-section {
  border-bottom: 1px solid #f1f3f4 !important;
}

.mobile-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 15px 20px !important;
  background: #f8f9fa !important;
  font-weight: 600 !important;
  color: #495057 !important;
  border-bottom: 1px solid #e9ecef !important;
}

.mobile-section-title i {
  width: 20px !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #6c757d !important;
}

.mobile-section-content {
  background: #ffffff !important;
}

.mobile-sub-link {
  display: flex !important;
  align-items: center !important;
  gap: 35px !important;
  padding: 12px 20px 12px 55px !important;
  color: #6c757d !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: background-color 0.2s !important;
  border-bottom: 1px solid #f8f9fa !important;
}

.mobile-sub-link:hover {
  background-color: #f8f9fa !important;
  color: #495057 !important;
}

.mobile-sub-link i {
  width: 16px !important;
  text-align: center !important;
  font-size: 14px !important;
  color: #6c757d !important;
}

.mobile-logout {
  border-bottom: none !important;
}

.mobile-logout .mobile-nav-link {
  color: #dc3545 !important;
}

.mobile-logout .mobile-nav-link i {
  color: #dc3545 !important;
}

.mobile-logout .mobile-nav-link:hover {
  background-color: #f8d7da !important;
  color: #c82333 !important;
}

@media (max-width: 1300px) {
  .navbar-nav > li > a {
    padding: 12px 15px !important;
    font-size: 12px !important;
  }
}