* { 
  margin:0;
  padding:0;
  outline: none;
}
a.brevo-icon > img,  a.highlevel-icon > img{
  width: 14px;
  height: 14px;
}
.brevo-grey img, .highlevel-grey img {
  filter: grayscale(100%);
}

ul { list-style-type: none; }
a { text-decoration:none; cursor:pointer; color: #515253; }
.clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} * html .clearfix {height:1%;}
.clearfix {display:block;} 
.invisible { display:none; opacity:0;}
.placeholder {visibility:hidden;}
.document-article-new label{font-size:14px !important;}
.invisible-important {display:none !important; }
body { color:#515253;}
table { border-collapse: collapse; width:100%; }
td { text-align:center; vertical-align:top;}
div.error-message, .error a { color: #E10439;}
div.error-message, .error a:hover { color: #a90029;}
div.first-form-error-message{
  position:absolute;
  color:#a90029;
  font-size: 14px;
}
div.first-form-error input, div.first-form-error select{
  border: 1px solid #a90029;
}
div.first-form-error label{
  color:#a90029;
}
#FirstIboxForm > div.input.w-200{
  padding-bottom: 22px;
}

.firstFormIboxSubmit{
  width: 257px;
  margin-right: 35px;
}
span.bluemonkeys-error {font-weight:bold; color:#E10439; font-size:12pt;}
a:hover, a.active, .active a { color: #6FCB85;  }


i.fad.fa-edit, a:hover i.fad.fa-edit{
  color:#616083;
}
a i.fas.fa-paper-plane{
  color:#9F9EA9;
}

.finapi-transaction-status{
  width: 20px;
}
.finapi-transaction-table {
  width: 100%;
}
.finapi-transaction-table th,
.finapi-transaction-table td {
  
  padding: 8px;
  text-align: left;
}
.finapi-transaction-table th {
  background-color: #f2f2f2;
}
.finapi-status-indicator {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.finapi-status-indicator.green {
  background-color: #6FCB85 !important;
}
.finapi-status-indicator.orange {
  background-color:orange !important;
}
tr.finapi-transaction-tr:hover td {background-color:white !important;}

 #DirectionFilter {
width: 125px;
}
#content > div.list > div > table > tbody > tr:nth-child(1) > td.finapi-transaction-status.align-center > span

.marked select { color: #BA4D17;  }
.marked label { color: #BA4D17; font-weight:bold; }

.marked option {font-weight:normal; color: #BA4D17; }
.marked input { color: #BA4D17; }

.highlight { font-weight:bold; color:#BA4D17;}
img { border:0; }

input[type="checkbox"], input[type="radio"] {
display: inline-block;
height: 19px !important;
max-height: 19px;
width: 19px !important;
max-width: 19px;
overflow: hidden;
padding:0 !important;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #F8F9FA;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #ccc;
transition: .2s ease-in-out;
transition-property: background-color,border
}
input[type="radio"]{
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-color: #CFD0D0;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
outline: none;
border-color: #CFD0D0;
}

input[type="checkbox"]:checked, input[type="checkbox"]:indeterminate, input[type="radio"]:indeterminate {
background-color: #F8F9FA;
border-color: #CFD0D0;
}

input[type="radio"]:checked {
background-color: #ffffff;
border-color: #6FCB85;
background-repeat: no-repeat;
background-position: center;
}

input[type="checkbox"]:checked:focus, input[type="checkbox"]:indeterminate:focus {
background-color: #ffffff;
}


input[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6658 0.18456C14.0439 0.480782 14.1113 1.02862 13.8161 1.40818L5.84108 11.6645C5.55466 12.0329 5.02982 12.1091 4.65112 11.8373L0.363472 8.76043C-0.0267586 8.48039 -0.116917 7.93587 0.162098 7.54421C0.441113 7.15255 0.983644 7.06206 1.37388 7.3421L4.984 9.93279L12.4466 0.335471C12.7417 -0.0440966 13.2876 -0.111662 13.6658 0.18456Z' fill='black'/%3E%3C/svg%3E%0A");
}

input[type="checkbox"]:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6658 0.18456C14.0439 0.480782 14.1113 1.02862 13.8161 1.40818L5.84108 11.6645C5.55466 12.0329 5.02982 12.1091 4.65112 11.8373L0.363472 8.76043C-0.0267586 8.48039 -0.116917 7.93587 0.162098 7.54421C0.441113 7.15255 0.983644 7.06206 1.37388 7.3421L4.984 9.93279L12.4466 0.335471C12.7417 -0.0440966 13.2876 -0.111662 13.6658 0.18456Z' fill='black'/%3E%3C/svg%3E%0A");
}

input[type="checkbox"]:disabled {
background-color: #f8f8f8;
border-color: #e5e5e5
}

input[type="checkbox"]:disabled:checked {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6658 0.18456C14.0439 0.480782 14.1113 1.02862 13.8161 1.40818L5.84108 11.6645C5.55466 12.0329 5.02982 12.1091 4.65112 11.8373L0.363472 8.76043C-0.0267586 8.48039 -0.116917 7.93587 0.162098 7.54421C0.441113 7.15255 0.983644 7.06206 1.37388 7.3421L4.984 9.93279L12.4466 0.335471C12.7417 -0.0440966 13.2876 -0.111662 13.6658 0.18456Z' fill='black'/%3E%3C/svg%3E%0A");
}

input[type="checkbox"]:disabled:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6658 0.18456C14.0439 0.480782 14.1113 1.02862 13.8161 1.40818L5.84108 11.6645C5.55466 12.0329 5.02982 12.1091 4.65112 11.8373L0.363472 8.76043C-0.0267586 8.48039 -0.116917 7.93587 0.162098 7.54421C0.441113 7.15255 0.983644 7.06206 1.37388 7.3421L4.984 9.93279L12.4466 0.335471C12.7417 -0.0440966 13.2876 -0.111662 13.6658 0.18456Z' fill='black'/%3E%3C/svg%3E%0A");
}

input[type="radio"]:checked {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACPSURBVHgBfZDNEYJADEaTj1WvlkAJWIKVaAdSAnawdqCVWIJbAiV4VSAh2QMXhn0z+5s3m02YjPbTHWU83FjlSky1jV4VT4TfI566L7ug4+5tbkNrEofhDH9hQ3Aa+VctcooCXOGC/IcSSjVs6ouSFQFVeRUdiwP7Kdo+bTiJwhSR+2BlMsl9SW2rn/3e4zNe1TmCa3XmHAAAAABJRU5ErkJggg=='); 
}

input[type="radio"]:disabled {
background-color: #f8f8f8;
border-color: #e5e5e5
}

input[type="radio"]:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

h1 {
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
color: #31394D;
}
h2{
margin:10px 0;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #515253;

}
h3 {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #181C2F;
}

.error {color:#E10439 !important; font-weight:bold !important;}
.valign-middle {vertical-align:middle;}
.align-left { text-align:left;}
.align-right { text-align:right;}
.nowrap {white-space:nowrap;}
.align-center{ text-align:center;}
.v-bottom {vertical-align:bottom;}
input, textarea, select { width:100%; 
                        background-color:#F8F9FA;
                        font-size:16px;
                        border: none;
                        font-family: 'Roboto', sans-serif !important;
                        box-sizing: border-box;
}
img.v-bottom {
padding-left: 6px ;
margin-bottom: 4px;
}
input {
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 4px;
height: 40px;
padding: 0 10px;
}
/*.document_language {
margin: 0 0 16px 0; 
}*/
textarea {
resize: none !important;
border: 1px solid #E5E5E5;
border-radius: 4px;
resize: vertical;
padding: 5px;
}
#site li select {width: 10%;}
textarea.dyn_ta {height:129px;padding: 5px;}
label { 
display:block; 
font-size: 14px;
line-height: 16px;
/*color: #9F9EA9;*/
color: #515253;
margin-bottom: 8px;
}
label img.help { vertical-align:middle; margin-left:5px;}
.clear { clear:both;}

div.login-btn{
  padding-top:10px;
}
.c-red, .c-red * {color:red !important;}
.c-green, .c-green * {color:green  !important;}

.c-orange, .c-orange * {color:orange !important;}

/* form ausnahmen */
input#OfferName {margin-bottom: 20px;}
div.input {  text-align:left; }
#PeriodicBillName,input#SettingBillTargetDate,
#SettingServicePeriodDateInterval, #SettingSendDateInterval,input#SettingBund,
input#SettingAddArticlesDistributorByOrder, input#SettingNoticeFromAss,
input#SettingRedirectToDocumentscan, input#SettingDocScanConvertMail,
input#BonSettingShowKassaId, input#BonSettingLogoResize,
input#IncomingBillIncomingNumber, input#ProjectName, select#ProjectAssociateId, 
input#BillName, textarea#BillFinishText, input#CreditNoteName, 
select#BackupApplication, select#BackupModel, input#OrderName{
margin-bottom: 20px !important; 
}

input#CostUnitId {
width: 230px;
}

div#transactions div.input.checkbox {
float: right;
width: 170px;
margin-right:38px;
}

#ibox div#transactions select,  #ibox div#transactions  input{
  height:25px;
  font-size: 14px;
 }
 #ibox div#transactions  .date {
   margin-right: 20px;
 }

 #ibox div#transactions .submit {
  margin-top: 20px;
}
#ibox div#transactions label{
  font-size: 12px;
}

#ibox .addTRow {
  margin-top: 80px;
}
#ibox #div_accept_discount label, #ibox #discount_info{
  font-size: 14px;
}





#BillDateStartMonth, #BillDateEndMonth,
#PeriodicBillNextGenerationDateEndMonth, #PeriodicBillNextGenerationDateStartMonth, #OfferDateStartMonth, #OfferDateEndMonth, #DeliveryNoteDateStartMonth, #DeliveryNoteDateEndMonth,
 #ReminderDateStartMonth, #ReminderDateEndMonth, #OutgoingDateStartMonth, #OutgoingDateEndMonth, #CreditNoteDateStartMonth, #CreditNoteDateEndMonth,
 #IncomingCreditNoteDateStartMonth, #IncomingCreditNoteDateEndMonth, #OrderDateStartMonth, #OrderDateEndMonth,
 #IncomingBillDateStartMonth, #IncomingBillDateEndMonth, #ReceiptDateStartMonth ,#ReceiptDateEndMonth, #IncomingCreditNoteDateStartMonth, #IncomingCreditNoteDateEndMonth
 {
width: 111px;
}

.td-ust2.incommingbill-td-ust2 > select.incomingbill-ust {
  position: absolute;
  top: 2px;
  width: 97px;
  right: 58px;

}
.td-ust2.incommingbill-td-ust2 > select.incomingcreditnotes-ust{
  position: absolute;
  top: 2px;
  width: 97px;
  right: 58px;
}
.td-ust2.incommingbill-td-ust2 > select.incomingcreditnotes-ust {
  margin-top: 3px;
  }
 /* .td-ust2.incommingbill-td-ust2 > select.incomingcreditnotes-ust {
    width: 68%;
    }*/



select#CustomerBirthdayMonth,select#ContactBirthdayMonth {
width: 96px;
}

select#CustomerBirthdayDay, select#CustomerBirthdayYear,
select#ContactBirthdayDay, select#ContactBirthdayYear {
width: 55px;  
}

select#CustomerBirthdayYear, select#ContactBirthdayYear,
select#CustomerBirthdayMonth,select#ContactBirthdayMonth {
padding: 0;
}

/*a#CustomerAssociateCategoryIdAdd, a#DistributorAssociateCategoryIdAdd {
margin-left: 10px;
}*/
#DistributorAssociateCategoryId, #CustomerAssociateCategoryId{
  margin-right: 10px;
}

div.block { display:block; width: auto; clear:both; float:none;}

div.images {height:auto;}
div.images img { display:block; margin-top:10px;}
div.images label img {display: inline; margin:0;}
div.stationery img { float:left; }
div.stationery label img {float:none;}

div.detail {  margin:5px 0 0 0; }
div.detail h4 { display:block; width:250px; float:left; font-weight:bold;  }

div.textarea { height:170px;}

div.very-high {height:auto; }
div.very-high textarea {height:300px;}


div.submit, div.swfButton, div.recommendation_credit, div.recommendation_pay{
border: 1px solid #6FCB85;
background-color: transparent;
margin-bottom: 16px;
border-radius: 4px;
display: flex;
justify-content: center;
}
div.recommendation_credit, div.recommendation_pay{
  max-width:150px;
  padding: 8px 5px;text-align: center;margin-left:20px;
  color: #ffffff;
  
}

div.recommendation_credit{
  background-color: #6FCB85;
}
div.recommendation_pay{
  background-color: #636567;
  border: 1px solid #636567;
}

div.recommendation_credit span, div.recommendation_pay span{background-color: transparent;background-position: left center;background-repeat: no-repeat;border: 0 none;color: #FFFFFF;cursor: pointer;font-size: 11pt;}
div.swfButton {
min-height: 38px;
max-width: 205px;
}
div.swfButton #SWFUpload_0 {
border-radius: 3px;
}
div.submit > span {
width: 100%;
}

div.submit > a, div.submit input, div.swfButton > a, div.swfButton input {
position: relative;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 15px;
color: #6FCB85;
padding: 11px 38px 11px 38px;
background-color: transparent;
text-align: left;
cursor: pointer;
border-radius: 4px;
display: inline-block;
border: none;
height: auto;
}


#ibox_content div.submit input{
  line-height: 11px !important;

}
.delete-stripe-secret, .submit-stripe-secret{
  width: 355px;
  float: right;
  margin-right: 10px;
  margin-top: 26px;
}
.delete-stripe-secret{
  margin-top: 0px;
}

.delete-smoobo-secret, .submit-smoobo-secret{
  width: 355px;
  float: right;
  margin-right: 10px;
  margin-top: 26px;
}
#SmoobuDay{
  width: 100px;
  margin-right: 10px;
}
.delete-smoobo-secret{
   margin-top: 0px;
}
  

div.submit input.i-button{
  padding-left: 14px;
}

.index-sidebar.info {
overflow: hidden;
padding-top: 40px;
}
div.submit:hover, div.submit:hover > a, div.submit:hover input , div.swfButton, div.swfButton:hover > a, div.swfButton:hover input{
color: #ffffff;
background-color: #6FCB85;
}
div.submit.red, div.swfButton.red{
border-color: #E10439;
}
div.submit.red > a, div.submit.red input, div.swfButton.red > a, div.swfButton.red input{
color: #E10439;
}
div.submit.red:hover, div.submit.red:hover > a, div.submit.red:hover input , div.swfButton.red, div.swfButton.red:hover > a, div.swfButton.red:hover input{
color: #ffffff;
background-color: #E10439;
}
div.swfButton {
  margin-top: 20px;
  padding: 0px;
  height: 24px;
  width: 205px;
}

div.checkbox label { 
padding-left:8px; 
display:inline; 
vertical-align: middle;
font-size: 16px;
line-height: 24px;
color: #515253;
}

input.small, select.small { width:80px;}
input.mini, select.mini {
background: #F8F9FA;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 4px;
width: 100px;
height: 25px;
}

select#pageCount, select.mini{
  height: 20px;
  font-size: 14px;
  margin-top: 3px !important;
}
select#pageCount{
  margin-right: 5px ;
}
.small { font-size:8pt; /*color: #9F9EA9;*/color: #515253;}
div.date select {
  width:auto;
}
div.date option {
  padding-right:0.8em;
}
#PagingForm {position:relative; top:-2px;}
#PagingForm label { display:inline; margin: 0 10px; }
div#search { text-align:right; margin-bottom:29px; position:relative; width:438px; float:right;}
div#search .error {position:absolute; top:-16px; right:0; 
font-weight: normal;
font-size: 14px;
line-height: 16px; }
div#search .error a {
white-space:nowrap;

}
div#search .error a:hover {

}
div#search label { margin-right: 14px; margin-bottom:0; font-weight: normal; font-size: 14px; line-height: 16px; color: #515253;}
div#search input { 
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 4px;
width: 300px; 
padding: 0 30px 0 10px;
height: 40px;
}
div#search input.submit { 
  width: auto;
  border: 0;
  background-color: transparent;
  background-image: url(/img/svg_icons/search_icon_search.svg);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  position: absolute;
}
div#search select {width:auto; margin:0 5px;}

div#filter-button {
margin-top: 23px;
}


p#todays_date { 
text-align:right; 
position:absolute; 
top:13px; 
right:0; 
width:600px; 
font-size:12px;
line-height: 20px;
}
p#todays_date a {	text-decoration:underline;}

div.list-toolbar,div.small-list-toolbar { background-color:#F3F4F5; margin-bottom:20px; /*padding:20px;*/}




#showhidefilter{float:right;}
#FilterForm{padding:20px;}
/*.filter-up{
  background: transparent url(/img/svg_icons/bullet_arrow_up.svg) no-repeat center right;
}
.filter-down{
  background: transparent url(/img/svg_icons/bullet_arrow_down.svg) no-repeat center right;
}
.filter-up-marked{
  background: transparent url(/img/svg_icons/bullet_arrow_marked_up.svg) no-repeat center right;
}
.filter-down-marked{
  background: transparent url(/img/svg_icons/bullet_arrow_marked_down.svg) no-repeat center right;
}*/
.filter-down-up{
  margin-right: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
}
#showhidefilter{
  color: #6FCB85; font-weight: 500;
}

a#showhidefilter.filter-down-marked, a#showhidefilter.filter-up-marked{
  color:red;
}

.filter-transaction_date{
  margin-top:33px;
      margin-left: 10px !important;
}

div.list-toolbar div.input,div.small-list-toolbar div.input {float:left; margin-right:15px;}
div.list-toolbar div.lastDate, div.small-list-toolbar div.lastDate {margin-right:0;}
div.list-toolbar div.input select, div.small-list-toolbar div.input select {width:auto;}
div.list-toolbar div.date,div.small-list-toolbar div.date  {width:auto; }
div.list-toolbar #filter-button, div.small-list-toolbar #filter-button {
display: flex;
float: right;
justify-content: flex-end;
}

div.list-toolbar div.filter-submit input[type="submit"], div.small-list-toolbar div.filter-submit input[type="submit"] {
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #6FCB85;
border:1px solid #6FCB85;
width: 130px;
padding: 11px 0;
background-color: transparent;
text-align: center;
cursor: pointer;
border-radius: 4px;
}
div.list-toolbar div.filter-submit input[type="submit"]:hover, div.small-list-toolbar div.filter-submit input[type="submit"]:hover {
color: #ffffff;
background-color: #6FCB85;
}

div.list-toolbar #filter-button > *, div.small-list-toolbar #filter-button > * {
margin-right: 16px;
}
div.list-toolbar #filter-button > *:last-child, div.small-list-toolbar #filter-button > *:last-child {
margin-right: 0;
}
.filterbar-secondary {
width: 400px !important;
margin-bottom:  30px;
font-size: 14px;
line-height: 16px;
color: #515253;
overflow: hidden;
}

.kb							{margin:10px 0 0; clear:both;}
.list-toolbar .checkbox label, .small-list-toolbar .checkbox label	{line-height:18px; }
#StatusFilter, #ProjectIdFilter, select#list-items, #ArticleCategoryIdFilter, select#AccountApartment {width:160px;}
select#date-type-items {width:180px;}
/*select#OfferDateStartDay,select#OfferDateEndDay,
select#ReminderDateEndDay,select#ReminderDateStartDay
{width: 54px;}
select#OfferDateStartMonth, select#OfferDateEndMonth,
select#ReminderDateStartMonth, select#ReminderDateEndMonth
{width: 112px;margin: 0 12px;}
select#OfferDateStartYear, select#OfferDateEndYear,
select#ReminderDateStartYear, select#ReminderDateEndYear
{width: 69px; margin-right: 6px;}*/
#CountryFilter{width:120px;}
div.list-toolbar option,div.small-list-toolbar option {padding-right:0.8em;}
.list-toolbar .checkbox, .small-list-toolbar .checkbox  
#ActionsForm {margin-left:25px;}
#ActionsForm img {float:left; margin-right:5px;}
#ActionsForm div {float:left;margin-right:5px;}
#ActionsForm select {
height: 40px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 4px;
padding:10px 14px;
}
ul.filter li { /*border-left:1px solid black;*/ padding:0 2px;}
ul.filter li.first {border-left:0;}
ul.filter li a.active {font-weight:bold;}

form.status-filter label {
width:auto; 
margin-right:10px; 
font-weight: normal;
font-size: 14px;
line-height: 16px;
margin-bottom: 8px;
color: #515253;
}

.block {display:block;}
.placeholder {visibility:hidden;}

.erechnung label {font-size:13px; font-weight:bold;}
.pay label { font-size:12px; }
/* standard styles */

body { 	
background-color: #F3F4F5;;
color: #181C2F;
font-family: 'Roboto', sans-serif;
margin-top:0px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
}
pre {font-size:16px; font-family: 'Roboto', sans-serif; }

div#startimage {background:url(/img/startscreen2.jpg) no-repeat top left; width:670px; height:442px;position:relative;top:15px;}
div#startimage_eng {background:url(/img/startscreen_eng.jpg) no-repeat top left; width:670px; height:442px;position:relative;top:15px;}
#login {
  background:transparent url(http://www.everbill.at/images/secure-login.gif) no-repeat scroll 0%;
  padding-left:20px;
  position:absolute;
  right:25px; 
  text-align:right;
  top:11px;
  width:145px;
}
.sortableI {position:absolute; display:none;}
div.sortableContainer div.sortable {
border:1px solid #E5E5E5; 
height:40px; 
margin-bottom:8px;
display: flex;
border-radius: 4px;
}
div.sortableContainer div.sortable div{
  clear:none;
}
div.sortableContainer div.inactive {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;	
}
div.sortableContainer div.hover {
  border-bottom:1px solid black;
}
div.sortableContainer div.sortable div.td-1, div.td-2, div.td-3, div.td-4 {
display: flex;
align-items: center;
}
div.sortableContainer div.sortable div.td-1 {
  width: 50px;
  font-weight: normal;
  padding: 0px;
  text-align: center;
  justify-content: center;
  border-right: 1px solid #E5E5E5;
}
div.sortableContainer div.sortable div.td-2 {
  padding-left:20px;
  border-left: 1px solid #E5E5E5;
}
div.sortableContainer div.sortable div.td-3 {
  flex: 0 1; 
  padding-top:2px;
}
div.sortableContainer div.sortable div.td-4 {
padding-right: 10px;
padding-left: 20px;
}
div.sortableContainer div.sortable div.td-4 > a {
padding: 0 7px;
padding-bottom: 10px;
}
div.sortableContainer div.sortable input {
  width:auto;

}
div.sortableContainer div div
table.sortableContainer {
  border-collapse:collapse;
}
table.sortableContainer tr td {
  border:1px solid black;
  padding:2px 5px;
  text-align:left;
  font-size:8pt;
}
table.sortableContainer tr.hover td, table#sortableContainer td.hover th {
  background-color:#d5d5d5;
}

table#customer-deliveryaddress {
margin-top: 17px;
}

table.sortableContainer tr th {
  border:1px solid black;
  padding:2px 5px;
  font-size:8pt;
}

#content {
  padding: 15px 30px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 4px;
}
#content.login-content{
  border: none !important;
}
#content > h2 {
margin-bottom: 8px;
}
div.list, div.small-list {
  clear:both;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 13, 32, 0.1);
  padding: 20px;
  margin-bottom: 30px;
}
div.small-list {
  background:none;
  padding-bottom:20px;
}
div.list div.list-2, div.small-list div.list-2{
overflow-x: hidden;  
}

@media (max-width: 1200px) {
div.list-2 {
  overflow-x: scroll !important;
}
}

div.list div.list-2 table, div.list_small div.list-2 table {
  width:100%;
}



div.list div.list-2 table tr th, div.list_small div.list-2 table tr th, div.small-list div.list-2 table tr th {
  font-weight:normal;
  border-bottom:1px solid #EEEEEF;
  margin:0;
  padding: 12px;
  border-right:1px solid #EEEEEF;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #515253;

}
div.list div.list-2 table tr th a, div.list_small div.list-2 table tr th a, div.small-list div.list-2 table tr th a {
font-weight: 500;
font-size: 14px;
line-height: 14px;
}

div.list div.list-2 > div{
margin-top: 16px;
}

table tr.odd td {background-color:#F3F4F5;}
table tr.tmobil td {background-color:#FFE5E5;}
table tr.online td {font-weight:bold;}

table tr.locked td {background-color:#FFE5E5;}

div.list div.list-2 table tr td, div.list_small div.list-2 table tr td {
padding: 5px 11px;
border-right:1px solid #dbdcdd;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
color: #515253;
vertical-align: middle;
/*width: 20px;*/
}

tr td > a {
display: inline-block;
  line-height: 1.4;
margin: 0 4px;
}

div.list div.list-2 table tr td.last, div.list div.list-2 table tr th.last, div.list_small div.list-2 table tr td.last, div.list_small div.list-2 table tr th.last { 
border-right:0; white-space:nowrap;
} 

.last > a {
margin: 0 2px;
}

div.list div.list-2 table tbody tr td.transaction-last {

  white-space: normal;
}


div.list-2  tr:hover td {background-color:#DFF9E5; border-right:1px solid #CFD0D0 !important;}
div.list-2  tr:hover td.last {background-color:#DFF9E5; border-right:0;}

#ProjectForm div.list-2  tr:hover td {background-color:#DFF9E5; border-right:0px solid #CFD0D0 !important;}
#ProjectForm div.list-2  tr:hover td.last {background-color:#DFF9E5; }



a.current-order-desc { font-weight:bold; color: #6FCB85; background: transparent url(/img/svg_icons/bullet_arrow_up.svg) no-repeat center right; padding-right:20px; }

a.current-order-asc {  font-weight:bold; color: #6FCB85; background: transparent url(/img/svg_icons/bullet_arrow_down.svg) no-repeat center right; padding-right:20px;}

ul.filter { float:right;}
ul.filter li { display:inline;}

div.paging {
  float:right;
  text-align:right;
  width:300px;
}
div.paging * { margin:0 2px; }
div.paging span.pageCount { 
font-size:8pt;
}
div.paging div.select {width:180px;}
div.paging div.select select {width:auto;}
div.paging div.select label {
float: left;
margin-top: 5px;
font-size: 14px;
line-height: 16px;
margin-right: 14px;
color: #515253;
}
div.tab {
float:left;
box-sizing: border-box;
width:853px;
border:1px solid #E5E5E5;
position:relative;
padding: 30px 24px;
top:-1px;
z-index:1;
border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 4px 4px 4px;
-ms-border-radius:0 4px 4px 4px;
-o-border-radius:0 4px 4px 4px;
}

div.tab.checkbook { width: 1060px;}

#UploadAddForm .submit.red {
margin-right: 16px;
}

div.tab h3 {margin:0; }
div.tab h2 {
  margin:15px 0;
}
div.tab div.submit {
max-width: 260px;
}
div.tab-lg {
  width: 100%;
}

div.checkout {
  position:relative;
  clear:both;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #515253;
}
div.checkout div.pb-10 { padding-bottom:10px;}
div.checkout div.pb-30 { padding-bottom:30px;}

div.submit input {
  background-repeat: no-repeat;
  background-position: 14px center;
}
div.everbill-color  > a{
  color: #6FCB85;
}

/*div.submit .add_article {
background-position: 15px;
}*/
div.add, div.banner_link, div.no_link, div.clip_link{
  margin-right:16px;
  float:left;
}

select#CustomerAssociateCategoryId {
padding: 0 14px;
width: 188px;
}

div.list-toolbar div.input select, div.small-list-toolbar div.input select {
padding: 0 4px;
width: 76px;
}


.input.checkbox.discount_activate {
right: 227px;
position: absolute;
margin-top: 3px
}
.input.checkbox.discount_activate-bill {
  right: 247px;
  
}
.input.checkbox.customer_discount_activate {
   padding-top: 30px
}


#BillShowProject_ > label {
margin-bottom: 14px;
}


/*.save {background: transparent url(/img/icons/disk.png) no-repeat left center; }*/
.signoff {background: transparent url(/img/icons/signoff.png) no-repeat left center; }
.check {background: transparent url(/img/icons/pay-mark-green.png) no-repeat left center; }

div.submit input.inactive {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;	
  color:#494f55;
  cursor:default;
}
#Article .td-5 {
display: flex;
justify-content: space-around;
align-items: center;
}

#Article a.delete_row {
display: flex;
}

.Kundendaten-position {
margin-top: 3px;
}

#ProjectName, #ProjectNotices, #ProjectAssociateId, #ProjectSearchName {
background-color: #F3F4F5;
}
/*
div.submit input#PDFPreview {
  background-image:  url(/img/svg_icons/eye.svg); 
}
div.submit:hover input#PDFPreview {
  background-image:  url(/img/svg_icons/eye-white.svg); 
}*/
/*div.submit input#PDFSend, div.submit input.associateSend {
  background-image:  url(/img/svg_icons/mail.svg);
}
div.submit:hover input#PDFSend, div.submit input.associateSend {
background-image:  url(/img/svg_icons/mail_white.svg);
}*/
div.submit input.xml { background-image:url(/img/svg_icons/XML-2.svg); }
div.submit:hover input.xml { background-image:url(/img/svg_icons/XML_white.svg); }
div.submit input#NewsletterSend {
  background-image:  url(/img/icons/email_go.png);
}
/*div.submit input#download {
  background-image:  url(/img/svg_icons/download_the_file.svg);
}*/
div.submit:hover input#download {
  background-image:  url(/img/svg_icons/download_the_file_white.svg);
}

div.hidden-tab { position:absolute; top:0; left:0;}
div.active-tab { display:inline;}
div.hidden-tab { display:none;}

div.sidebar { position:relative; float:right; clear:right;width:302px;padding-bottom: 10px;}
div.sidebar h4, div.index-sidebar h4, div.index-sum h4 {  
font-size: 16px; 
margin-top: 15px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid #EEEEEF;
line-height: 24px;
color: #515253;
}
div.sidebar.info h4{
margin-top: 0;
}
#aep_prompt {

}
div.sidebar div.email, div.sidebar div.collection { margin-bottom:20px;font-size:8pt; overflow:hidden;}
div.sidebar div.email p, div.sidebar div.collection p { margin:3px 0;}
div.sidebar div.email h5, div.sidebar div.collection h5 {font-size:8pt; }
div.sidebar div.email p.date, div.sidebar div.collection p.date {font-size:8pt; }
div.sidebar div.email p.text, div.sidebar div.collection p.text {margin:10px 0;}
div.sidebar div.collection { margin-bottom:5px;}
div.email_bcc_and_confirmation_block{
  margin-top:35px;
}
div.sidebar-cockpit { width: 100%;}
div.sidebar-cockpit div.upload_progressbar{
  margin-top:0px;
}

table.transaction-sum {float:right; width: 400px;}
table.transaction-sum td, table.transaction-sum th {
  text-align:right;
}
div#cockpit-left {
display: flex;
flex-wrap: wrap;
}
div.cockpit-info {float:none; width:auto;padding-top: 20px;}

#info  {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #515253;
}

div.index-sum {width:280px; clear:right;}
div.index-sum table {width:100%;}
div.index-sum td, div.index-sum th	{text-align:right; font-size: 14px;color: #515253;}
div.index-sidebar { padding: 10px; clear:both; }
div.sum-sidebar {width:768px; float:right; clear:none; padding:0;}

ul.tabs {
  display: flex;
  flex-wrap: wrap;
  width:854px;
  position:relative;
  z-index:2;
}
ul.tabs li > a { 
background-color: #F3F4F5;
border-top:1px solid #E5E5E5;
font-weight: 500;
text-align:center;
border-bottom:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding: 11px 25px;  
line-height:32px;
display: inline-block;
position: relative;
}
ul.tabs li:first-child > a {
border-left:1px solid #E5E5E5;
border-radius: 4px 0 0 0;
}
ul.tabs li:last-child > a {
border-radius: 0 4px 0 0;
padding-right: 23px;
  border-right: 1px solid #E5E5E5;
}

ul.tabs li.active > a {
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
  border-radius: 4px 4px 0 0;
  border-right: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
}

.f-left > .input.checkbox:first-child {
margin-bottom: 14px;
}
.f-left > .input.checkbox {
margin-bottom: 14px;
}

input#SettingDecisionEmail, input#SettingDecisionPost, input#SettingDecisionDelivery{
  margin-top: 0px;
}
#CostUnitAddForm ul.tabs li > a {
font-size: 15px;
}
#CostUnitAddForm label, #ContraAccountForm label{
margin: 8px 0; 
}
#ContraAccountNameSmall{
  display: block;
}

input#SettingLayoutMarginTop {
width: 168px;
}
input#SettingLayoutMarginBottom {
width: 168px;
}
select#SettingLayoutPdfFontDiff {
width: 196px;
}
input#SettingLayoutPdfSubheadingTopMargin {
width: 206px;
}

table.ust { width:auto; float:right;}
table.ust td, table.ust th { text-align:right;}
table.ust th { padding-right:20px;}

div#transactions { margin-bottom:10px;}
/*div#transactions a.del {display:block; float:left; width:15px; margin-top:27px;padding:20px; background: transparent url(/img/svg_icons/delete.svg) no-repeat left center; padding-left:20px;}*/
div#transactions a.del {display:block; float:left; width:15px; margin-top:27px;padding-top:10px;}

div#transactions a.stripe-terminal {
  display: block;
  float: left;
  width: 15px;
  margin-top: 30px;
  padding-top: 10px;
  padding-left: 8px;
}
#ibox div#transactions a.del {margin-top:20px;}


div#transactions div.input {width:183px;}
div#transactions div.td-notes {width:150px;}




.dropdown-menu {
  position: absolute;
  z-index: 9;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

#dropdown_buttom{
  margin-top:38px;
  margin: 38px 0 0 0;
}
.dropdown-menu-functions{
  margin: 0 -60px 0;
}

.more_buttom_ul{
  display: inline-block;
}

.dropdown-menu > li{
  padding: 5px 0 5px 0;
}



.dropdown-menu > li > a {
  padding: 8px 17px;
  -webkit-transition: background-color;
  -o-transition: background-color;
  transition: background-color;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  font-family: roboto;
}


.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.075);

}

ul#dropdown_buttom.dropdown-menu li a{
  
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #6FCB85;
}
ul#dropdown_buttom.dropdown-menu li a img,  td.last ul.dropdown-menu li a img, ul.dropdown-menu-status li a img{
  position: relative;
  top: 3px;
  right: 5px;
}


i.i-w-20{
  width: 20px;
}

i.flag_green, i.coins_green, i.i-green{
  color: #6FCB85 !important;
}
i.flag_red,i.coins_red, i.i-red{
  color:red !important;
}
i.flag_orange,  i.coins_orange, i.i-orange{
  color: orange;
}
i.i-yellow{
  color:#CCCC00;
}
i.coins_yellow{
  color:#FEA800;
}
i.flag_grey{
  color:#9F9EA9;
}
i.flag_yellow{
  color:#515253;
}
i.flag_send{
  color:#2088E8;
}

i.flag_light_green{
  color:#FEA800;
}
i.i-gray, i.coins_gray{
  color:gray !important;
}
i.coins_red{
color:#E10439;
}

td.last a.more_vert{
  padding-left:3px;
}

div.list-2 table tbody tr td.last a i.fas.fa-file-pdf{
  color: #FF5454;
}
i.fas.fa-info-circle{
  color:#6D9BF4;
}
.i-mail-sent{
color:#2088E8 !important;
}
.i-mail-down{
  color: #21B25B !important;
}

i.fa-shopping-cart{
  color:#C59080;
}
i.fa-dolly{
  color:#AD7BDE;
}
i.create_reminder{
  color:#FEA800;
}
i.i-blau{
  color: #039BE5;
}
i.ebinterface{
  color:#F46D75;
}
i.dark-blue{
  color:#697CE0;
}

div.submit.red i.fa-window-close, div.submit.red i.fa-trash-alt{
  color:gray !important;
}
.categorize-add i.fa-plus-circle, i#showhide_icon.fa-chevron-circle-down,   i#showhide_icon_dynamics_fields.fa-chevron-circle-up, i#showhide_icon_dynamics_fields.fa-chevron-circle-down{
  color: #6FCB85;
}
i#showhide_icon_dynamics_fields{
  padding-left:3px;
  padding-right:4px;
}




.mt28{
  margin-top:28px !important;
}
#filter-elementbox .assigned_docs, #filter-finapi-elementbox .assigned_docs {
  clear: both; margin-left:0px;
}
.mw250{
  max-width:250px;
}
.mw150{
  max-width:150px;
}
.mnw160{
  min-width:160px;
}
.mw100{
  max-width:100px;
}
.finapi-filter-reset{
  clear:right;
  float: right;
  margin-bottom: 0px !important;
  margin-right: -58px;
}

ul.dropdown-menu.dropdown-menu-functions li a i, ul.dropdown-menu.dropdown-menu-status li a i{
  padding-right: 5px;
  width: 21px;
}

/*a.change_status:hover, a.change_status:focus {
  color: inherit;
}*/

/*
.tab table td {
  padding-right:8px;
}*/
.f-left {
  float:left;
  padding-right:20px;
}
.f-right {
  float:right;
}
.line {
  border-top: #EEEEEF solid 1px;
  margin:30px 0;
  width:100%;
  clear:both;
}
.line.different-margin {
margin: 34px 0 20px 0;
}

.line.different-margin-2 {
margin: 50px 0 20px 0;
}
.line-mt20 { margin-top:20px;}
.line-mt10 { margin-top:10px;}
.mb-20 {margin-bottom:20px;}
.mb-50 {margin-bottom:50px;}
.mt-50 {margin-top:50px;}
.mb-14 {margin-bottom:14px;}
.mb0 {margin-bottom:0px !important;}
.mt-20 {margin-top:20px;}
.td-50p-l #ArticleUst{
  width: 115px;
}
.smoobuSearchArticleName, .SearchArticleAccommodationTaxName{
  width: 356px;
  margin-bottom: 14px;
}
#smoobuArticleDiv, #accommodationTaxName{
  font-size: 16px;
    margin-bottom: 14px;
}
#smoobuArticleIdDelete, #accommodationTaxIdDelete{
  margin-left:10px;
}
.pl20{
  padding-left:20px;
}
tr.saldo-main th{padding-top:10px; font-weight:normal;}
tr th.saldo-part{font-size:16px; padding:15px 0 0 0; }

table.articles-view td, table.articles-view th {
  padding:3px; 
}
table.articles-view h4 {
  font-size:12px;
}
table.articles-view .gesamtpreis , table.articles-view .rabatt, table.articles-view .einzelpreis {
  white-space:nowrap;
}

.date select {
  width:auto;
}
.aboDataInfo{
  clear: both;
  width: 840px;
  padding-top: 5px;
  padding-left: 15px;
  color: red; 
  font-weight:bold;
}
.aboDataInfo a{
  color: red;
  text-decoration:underline;
}

a.deleteRow { 
  /*background:transparent url(/img/svg_icons/delete.png) no-repeat left center;*/
  float:right;
  padding-left:20px;	
  padding-right:10px;	
  clear:both;
}
.deleteRow_tasks, .deleteRow_bills, .deleteRow_incomingbills, .deleteRow_credit_notes, .deleteRow_offers, .deleteRow_incoming_credit_notes, .deleteRow_orders{ 
  /*background:transparent url(/img/svg_icons/delete.png) no-repeat left center;*/
  float:right;
  padding-left:20px;
}

.deleteRow_tasks, .deleteRow_bills, .deleteRow_incomingbills, #accounts a.deleteRow, .deleteRow_credit_notes, .deleteRow_orders {
  position:absolute;
  bottom:5px;
  right:5px;
}

#articles a.deleteRow {
  clear:right;
  display: inline-block; 
  margin-top: 10px;
}
#accounts a.deleteRow {
  clear:right;
  display:block; 
  width:50px;
}
#articles a.delete-incoming {
  position: absolute;
  right: 0;
  margin-top: 0;
  bottom: 10px;
}
#articles div.td-description textarea {
margin-top: 20px;
font-family: 'Roboto', sans-serif;
  height: 129px;
}
/* Teste 
.tr.clearfix.tr-grey.odd .td-2 .td-name {
margin-top: 15px !important;
}*/

div#articles div.td-name span.small, div.td.td-5 div.serialnumber span.small{
  font-size: 8pt;
margin-top: 10px;
  display: block;
  line-height: 17px !important;
}
div#articles .tr{
  padding-left:6px;
}
div.divTableHeader{
  padding-left:5px;
}
div.divTableHeader div.th.td-price-brutto{
  padding-right: 7px;
}
div.divTableHeader div.th.td-quantity{
  padding-left:2px;
  padding-right:5px;
}
div.divTableHeader div.th.td-unit{
  padding-right: 5px;
}

div.divTableHeader div.th.td-price{
  padding-right: 5px;
}

div.divTableHeader div.th.td-discount{
  width: 125px;
}
div.divTableHeader div.th.td-total{
  padding-left: 5px;
  padding-right: 0;
}
/*
#article-row-0 .small {
font-size: 8pt;
margin-top: 10px;
  display: block;
  line-height: 17px !important;
}
*/
#OfferAddForm #OfferNotices {
height: 105px;
}

#OfferAddForm {
padding-top: 30px;
}

/*#OfferAddForm .offers_add_projekte {
position: absolute;
right: 29px;
}*/

#OfferAddForm .clearfix.clear .date.f-right.w-200 {
position: relative;
}

#article-row-0 .input.checkbox.f-left {
width: auto;
right: 29px;
}

#article-row-0 .input.checkbox.f-left > label {
display: inline-block;
width: 100px;
vertical-align: text-top;
}

#Article0ArticlesDocumentConsider {
margin-top: 6px;
}

select.incomingbill-ust {
margin-top: 3px;
}

input#Article0ArticlesDocumentConsider, input#Article0ArticlesDocumentSubheading,
input#OfferShowArticleNumbers, input#DeliveryNoteShowArticleNumbers,
input#DeliveryNoteShowProjec, input#DeliveryNoteShowCustomerNumber,
input#DeliveryNoteShowCustomerUid {
padding: 0 !important;
}

#CustomerNumber {
padding-left: 10 !important;
}

#uploads .swfButton {
 display: flex;
 align-items: center;
}
.table-200
{
  width: 248px;
  margin:0 20px 20px 0px;
}
.tab .table-200:last-child
{
  margin:0 0 20px 0px;
}
.table-200 tr td{
padding-bottom: 16px;
line-height: 1;
text-align: left;
}
.table-200 input, .table-200 textarea, .table-200 select {
border: 1px solid #E5E5E5;
border-radius: 4px;
height: 40px;
box-sizing: border-box;
padding: 5px 14px 5px 5px;
}
.table-300
{
  width:303px;
  margin:0 30px 40px 0px;
}
.table-200 label, .table-300 label {
  text-align:left; 
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  /*color: #9F9EA9;*/
  color: #515253;
  margin-bottom: 5px;
}
#user-edit-taxinfo, .table-last {
  margin-right:0px;
}
.table-200 div{
  width:100%;
  text-align:left;
}

/*input#UserZipcode {
width: 86px;
}
input#UserLocation {
width: 151px;
}*/

.table-200 div.zipcode{
  width:86px;
  padding-right:14px;
}
.table-300 div.zipcode {
  padding-right:10px;
  width:100px;
}
.table-200 div.location {
  width:140px;
}
.table-300 div.location {
  width:190px;
}
.table-200 div.customer_discount {
  width:130px;
  padding-right:10px;
  
}
.table-200 div.customer_discount_unit {
  margin-top:20px;
}
div.show-customer-discount-td {
  padding-bottom: 1px !important;
}

.table-500
{
  width: 500px;
  margin:0 20px 20px 0px;
}
.tab .table-500:last-child
{
  margin:0 0 20px 0px;
}
.table-500 tr td{
padding-bottom: 16px;
line-height: 1;
text-align: left;
}
.table-500 input, .table-500 textarea, .table-500 select {
border: 1px solid #E5E5E5;
border-radius: 4px;
height: 40px;
box-sizing: border-box;
padding: 10px 14px 10px 5px;
}

.table-500 label{
  text-align:left; 
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  /*color: #9F9EA9;*/
  color: #515253;
  margin-bottom: 5px;
}

.table-500 div{
  width:100%;
  text-align:left;
}
.table-500 div.customer_discount {
  width:130px;
  padding-right:10px;
  
}
.table-500 div.customer_discount_unit {
  margin-top:20px;
}
.table-500 div.customer_show_discount{
  padding-top:30px;
}
.table-500 td.discount_value,  .table-500 td.discount_value input { 
  width: 130px;
  padding: 0 10px 0 0 ;
}
.table-500 td.discount_value_days{
  width: 130px;
  padding: 0 10px 0 0 ;
}

.rabatt-input {
width: 150px;
}

#FilterForm div.time-filter select{
  width: 48px;
  font-size: 14px;
}



/*#UserBirthDateDay, #UserBirthDateMonth, #UserBirthDateYear {
margin-right: 10px;
width: 54px;
}*/
#UserBirthDateDay{
  width: 48px;
}
#UserBirthDateMonth {
width: 100px;
}
#UserBirthDateYear{
  width: 65px;
}
.userBirthDate .calendaricon{
  margin: 0px 0px -3px 4px;
}
.userBirthDate select {
  padding: 0 0 0 0;
}

#UserBranch .category {font-weight: bold}

#UserBranch .item {padding-left: 25px;}

#ArticleArticleCategoryId {
  width:160px;
}
/*#ArticleUst {width:70%;}*/

.td-50p-l, .td-50p-r {
  width:50%;
}
.tab .table-300.f-left label:not([for="ArticleName"]):not([for="ArticleEan"]) {
margin-top: 20px;
}

#ArticleArticleCategoryIdAdd{
margin-left:5px;
}
.td-50p-l { padding-right:0; }
.td-50p-r { padding-left:5px; }

div.pb-20 {
  padding-bottom:20px;
}

.pt-20 {
  padding-top:20px;
  text-align: left; 
}

#settings-charge {
  width:435px;	
}
.setting-layout-short-sender {
  width:250px; margin-top:30px;}
.setting-layout-short-sender h6 {
  font-style:italic; font-weight:normal;
}

#settings-pdf-margins{
  width:280px;
}
#settings-pdf-fonts {
   width:320px;
}
#settings-pdf-fonts td{
  width:50%;
}
#settings-charge td, #settings-pdf td, #settings-pdf-margins td,  #settings-pdf-fonts td{
  padding-right:20px;
  padding-top: 20px;
}
#settings-pdf-fonts td:last-child {
  padding-right:0;
}

#PdfLayout {width:200px;}
.indent {
  padding-left:20px;
}
#settings-iv div{
  float:left;
  padding-right:20px;
  width:180px;
  margin-bottom: 20px;
}

.clearfix.tab.active-tab > .input.checkbox {
margin-bottom: 14px;
}

div.input.checkbox.show_article_numbers label, div.input.checkbox.activate_calculation label, div.input.checkbox.show_pdf_serial_number label, table#offer-sum.clearfix tbody tr td.select-ust div.input.checkbox label, div.input.checkbox.show_position_numbers label{
  font-size:14px;
}
div.input.checkbox.show_article_numbers, div.input.checkbox.activate_calculation, div.input.checkbox.show_pdf_serial_number{
  margin-bottom: 2px !important;
}
.doc-netto-brutto{
  font-size:14px;
}

select#SettingLanguage {
  margin-bottom: 20px;
}

input#SettingCharge3, input#SettingCharge2, input#SettingCharge1 {
  width: 250px;
  margin-bottom: 20px;
}


#UserEditForm div.input{
  width:250px;
  float:left;
  padding-right: 40px;
}

#BillPaymentTermsText, #PeriodicBillPaymentTermsText, #PeriodicBillFinishText, #PeriodicBillIntroductionText {
font-family: 'Roboto', sans-serif;
}

a.deleteRow:hover { color:red;}
/*.categorize-delete, .position-add { padding:0 9px; }*/
.categorize-delete{ padding-right: 4px;padding-left: 2px;}
.categorize-delete img, .categorize-add img, .position-add img {vertical-align: middle;}
.categorize-select {
margin-bottom: 16px;
}

/*.categorize-select select {width:227px;}*/
.categorize-select select {width:200px;}
#ProjectIdAdd {
padding-left: 6px;
}


.calculation div.tr {
  width:1020px;
}
.calculation-only {
  display:none;
}
.calculation .calculation-only {
  display:block;
}
.calculation tr.calculation-only {
  display:table-row;
}
.calculation .divTableHeader {
  width:1033px;
  background:white;
}


.calculation div.profit_absolute.calculation-only, .calculation div.profit_percent.calculation-only{
  height: 40px;
  line-height: 35px;
}
.calculation .marge-checkboxs{
  width: 200px;
  margin-top: -75px;
  margin-left: 10px;
}
div.td.td-2 div.consider-checkbox{
  margin-top: 93px;
  margin-left: -156px;
  width: 155px;
}


.input.text.required {
padding-bottom: 20px;
}

.input.radio fieldset {
width: 100%;
border: none;
}

.input.radio fieldset > legend {
margin-bottom: 14px;
}

.input.radio fieldset > label {
display: inline-block;
width: 220px;
margin-bottom: 14px;
}
.input.radio fieldset > input { 
margin-top: -30px;
margin-right: 15px;
}
div.input.radio fieldset input#SettingDocumentMail0, div.input.radio fieldset input#SettingDocumentMail1{
  margin-top: 0px;
}

table#user-edit-firmenname .input.radio fieldset > label {
width: auto;
padding-right: 20px;
margin-bottom: 20px;
}

textarea#SettingBonLayoutHeader {
margin-bottom: 20px !important;
}
div#inventorys > .input.checkbox {
margin-bottom: 14px;
}

div.tr a.close { width:100px;
               float:left;
               background: transparent url(/img/icons/arrow_in.png) no-repeat left center; 
               padding-left:25px;	
}
div.tr a.open { width:100px;
              float:left;
              background: transparent url(/img/icons/arrow_out.png) no-repeat left center; 
              padding-left:25px;	
}


div.tr a.close { display:block;		 }
div.tr a.open { display:none; 		}

div.tr div.input { width:auto;}
div.tr div.checkbox { height:auto;}
div.tr div.options { height:auto;}
div.tr div.options input { margin-bottom:6px;}
div.tr div.options a { display:block;}
div.tr-small { height:90px; overflow:hidden;}
div.tr-small  a.close {display:none;}
div.tr-small a.open { display: block;}
div.tr-small div {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;			
  height:50px; overflow:hidden;
}



div.tr-small div.input {
  display:none;
}
div.tr-small div.td-1 div.select {
  display:block;
}
div.tr a.close, div.tr a.open {  float:none; clear:both;}

div.td-1, div.td-2, div.td-3 {
  width:100%;
  /*float:left;*/
  clear:both;
}
div.td-1 div, div.td-2 div, div.td-3 div, div.th, div.td-4 div {
  float:left;
  padding:5px 5px 5px 0;
}
div.td-1 div.f-right, div.td-2 div.f-right, div.td-3 div.f-right  {
  float:right;
}
div.th-right {
  float:right; padding:5px 10px 5px 0;
}
.w-50 {
  width:50px;
}
.w-80 {
  width:80px;
}
.w-100p {
  width:100%;
  resize: none;
}
.w-100 {width:100px;}
.w-200 {
width:260px;
padding-bottom: 16px;
}
.associate {
margin-top: 3px;
}
.w-400 {
  width:400px;
}
.w-236 {
width: 236px;
margin-bottom: 20px;
}

.w-360 {
  width:360px;
  padding-bottom: 16px;
}
#ContraAccountContraAccountsCategoryId{
max-width: 758px;
margin-right:7px;
}

tr.grey td, tr.grey td * {color:#999;}

.categorize-select.w-200 {
width: 290px;
}

a#TextTextCategoryIdAdd {
padding-left: 15px;
}

#PdfLayout div {margin-bottom:10px;}
#PdfLayout input {margin:10px 80px; }
#PdfLayout a.pdf-layout {  text-align:center; margin-top:10px;}
#PdfLayout a img { border:1px solid #777777;margin-right:10px;}
#CustomerName, #DistributorName, #AddressName, #UserName { min-height:80px; resize: vertical;}
div.title input {width:100%; float: left; }

#articles, #distributors, #accounts { 
clear: both;
/*overflow: hidden;*/
margin-bottom: 20px;
}	
#distributors .tr, #accounts .tr, #bills .tr, #incomingbills .tr, #credit_notes .tr, #offers .tr, #incoming_credit_notes .tr{/*, #more_contacts .tr ,#more_adresses .tr, #orders .tr*/
  background-color: #f2f2f2;
}
#distributors .deleteRow {clear:none; }

#bills .tr-grey, #tasks .tr-grey, #incomingbills .tr-grey, #credit_notes .tr-grey, #offers .tr-grey, #incoming_credit_notes .tr-grey, #orders .tr-grey {
  position:relative;
}

/*#OfferDateMonth {
margin: 0 -3px;
}
*/
#articles .tr input, #articles .tr textarea, #articles .tr select,
#distributors .tr input, #distributors .tr select,
#accounts .tr input, #accounts .tr select, #more_contacts .tr input, #more_adresses .tr input, #more_adresses .tr select, #more_adresses .tr textarea
{
border: 1px solid #E5E5E5;
border-radius: 4px;
height: 40px;
box-sizing: border-box;
padding: 10px 8px;
}
div.td-article, div.td-name, div.td-bill, div.td-incomingbill, div.td-creditnote, div.td-subheading,div.td-offers , div.td-incomingcreditnote, div.td-serialnumberid, div.serialnumber, div.td-order, div.td-costunit  {
  width:200px;
}
div.td-surcharge{
  width: 345px;
padding-top: 27px;
}
div.td-1 div.td-article2 {
  padding:0 5px;
}
div.td-number {
  width:80px;
}
div.th {
  font-size:14px;
  /*color: #9F9EA9;*/
  color: #515253;
}
div.td-price {
  width:110px;
}
td-notes {width:170px;}
div.td-ust {
  width: 170px;
  padding-right: 5px;
  text-align: right;
  padding-left: 8px !important;
  margin-top: -76px;
  padding-right: 0 !important;
  margin-left: -25px;

}
 
div.td.td-2 div.td-ust select.ust {
width: 68%;
}
div.td.td-2 > .input.checkbox.f-left {
position: absolute;
  right: 0;
  width: 130px;
  top: 125px;
}
div.td-ust select { width:97px;}
div.td-ust label {display:inline;padding-right: 14px;}
#articles div.td-ust2 {
  width:134px;
  float:right;
  margin-right: 25px;
  margin-top: -45px !important;
}
div.td-ust2 select { width:60px;}
div.td-quantity {
  width:50px;
}
div.td-unit {
  width:50px;
}
div.td-discount {
  width:57px;
}
div.td-discount-unit {
  width:72px;
}
div.td-total {
  width:101px;
}
div.td-description {
  width:418px;
}

div.td-distributor{
  width:150px;
}
div.td-article-number{
  width:200px;
}
div.td-hours{
  width:50px;
}

div.input.checkbox.f-right {
  float: left;
  width: 153px;
}

.clear.input.select.f-right.categorize-select {
float: left;
margin-right: 7px;
}

#bill-sum, #offer-sum, #project-sum, #project-account-sum, #project-incoming-sum, #project-bill-sum, #project-credit_notes-sum, #cost_unit-sum, #project-offer-sum,#project-sum_right, #project-incoming_credit_notes-sum,  #project-order-sum{
  width:525px;
  margin:20px 0px;
  text-align:right;
  float: right;
}
#bill-sum .select-ust  > div, 
#offer-sum .select-ust  > div, 
#project-sum .select-ust  > div, 
#project-account-sum .select-ust  > div, 
#project-incoming-sum .select-ust  > div, 
#project-bill-sum .select-ust  > div, 
#project-credit_notes-sum .select-ust  > div, 
#cost_unit-sum .select-ust  > div, 
#project-offer-sum .select-ust > div,
#project-sum_right .select-ust  > div, 
#project-incoming_credit_notes-sum .select-ust  > div,  
#project-order-sum .select-ust  > div{
margin-right: 90px;
}

#project-sum, #project-account-sum, #project-incoming-sum, #project-bill-sum, #project-credit_notes-sum, #cost_unit-sum, #project-offer-sum, #project-sum_right, #project-incoming_credit_notes-sum, #project-order-sum {width: auto; }
#bill-sum {float:right; }
.brutto {margin:20px 0; }

/*.input.brutto {
margin-bottom: 50px;
}*/

div.zertificat_pay{float:left; margin:10px 0;width:90%;}
.brutto input,.pay_type input, div.zertificat_pay input {float:left;
             height:22px;
             margin-right:12px;
             width:auto;}
.input.f-left.zertificat_pay > label {

line-height: 20px;
}

p#zertificat_pay_label {

}
p#zertificat_pay_label_small{
  font-size: 10px;
  padding-bottom: 14px;
}

input#UserSalutationMr, input#UserSalutationMrs {
margin-top: 0;
}

#project-account-sum.line, #bill-sum .line, #offer-sum .line, #project-sum .line, #cost_unit-sum .line, #project-sum_right .line {
border-top: 1px solid #EEEEEF;
margin:0;
width:auto;
}


#project-sum th, #project-sum td {
padding: 4px 0;
font-size: 16px;
line-height: 24px;
color: #515253;
}

#project-sum td {
font-size: 14px;
}

.SendEmailDiv .input {
margin-bottom: 20px;
}
#subtotal, #ust, #total, #nettototal, #sumtotal, #gewinn, #rentabilitaet, #nettototalIncoming, #nettototalBill, #nettototalCreditNote, #sumCreditNotes, #sumBill, #sumIncommingBill, #sumEmployes,#sumOffer,#sumCreditNotes_offer,#sumIncommingBill_offer,#sumEmployes_offer,#sumOrder_offer,#gewinn_offer,#rentabilitaet_offer, #sumIncomingCreditNotes, #sumIncomingCreditNotes_offer, #nettototalIncomingCreditNote, #nettototalOffer, #nettototalOrder  {
  width:100px;
  text-align:right;
}
#periodic_bills-months {
display: flex;flex-wrap: wrap;
}

#periodic_bills-months div.checkbox {
width: 25%;
margin-bottom: 8px;
}
select#PeriodicBillPeriodicBillDay {
  width:200px;
}

/*
#distributors div.td-1 {
      width:250px;
}
*/
#attributes div.td-1 {
  width:220px;
}

#attributes div.td-2 {
  width:230px;
}
#attributes div.td-3 {
  width:230px;
}
.checkout.no-tab {
margin-top: 24px;
}

div.checkout { float:right; margin-top:56px; margin-bottom:36px; width:323px; padding-left: 21px;
box-sizing: border-box;} 
div.no-tab { margin-top:0;}
div#flashMessage, div.flashMessage { 
margin:12px 0;
font-style: normal;
overflow: hidden;
font-weight: normal;
font-size: 14px;
line-height: 24px;
padding: 15px 20px 15px 44px;
background: #FFECD0 url(/img/svg_icons/caution_icon.svg) no-repeat 21px 20px;
background-size: 15px 14px;
}
div#cockpit-quickinfo div.flashMessage{
  padding: 4px 20px 4px 47px;
  background: #FFECD0 url(/img/svg_icons/caution_icon.svg) no-repeat 18px 9px;
  background-size: 15px 14px;
}
div.news {padding:30px 20px 30px 58px; background:#FFF5D0 url(/img/svg_icons/caution_icon.svg) no-repeat 20px 31px; }
div.news + div.news { margin-top:16px; }
div.news + .filterbar-secondary {
margin-top: 30px;
}
div.news div.more a {text-decoration:underline;}
div.news a.deleteNews img {vertical-align:text-top;}
div.news h5 {
float:left; 
color: #515253; 
font-weight: bold;
font-size: 16px;
line-height: 24px;
margin-top: 2px;
}
div.news h5 span {
font-weight: normal;
font-size: 14px;
}
div.news p {
clear:both; 
margin:0; 
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #515253;
}
div.news p + p {  
margin-top: 22px;
}
div.news p.date{
clear:none; 
float:right;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #515253;
margin-top: 4px;
}
div.news ul {margin:0 0 1em 1em; list-style-type:disc;}
div.news ul li { padding: 0 0 0 .5em; }
.sidebar div#flashMessage, .sidebar div.flashMessage { margin:5px 0; }
body.popup {background:none; padding:20px;}
body.popup h2 {margin:10px 0;}
body.popup{ background:none; } 
body.popup div.email { margin:0 15px;padding:5px;}
body.popup div.email { background:#ffffcc; }
body.popup div.email h4 {float:left; margin:0 0 1em 0;}
body.popup div.email h5 {clear:left;margin:0 0 1em 0;}
body.popup div.email p.attachment {float:right;}
body.popup div.email p.date {float:right; margin-right:10px;}

body.popup div.email p.text {clear:left; margin:5px 0;}
body.popup div.email a {text-decoration:underline;}
body.popup a.print-popup { position:absolute; top:10px; right:10px;  padding-left:20px; background:url(/img/svg_icons/printing-tool.svg) left center no-repeat;}
body.popup a.print-popup:hover {
background-image:url(/img/svg_icons/printing-tool-white.svg) ;
}
div.alert { margin:8px 0; 
          /*padding:4px 20px 4px 14px;*/ 
          padding: 4px 20px 4px 47px;
          background-color:#FFE5E5; 
          background-image:url(/img/svg_icons/warning.svg);
          background-repeat: no-repeat;
          /*background-position: 9px 9px;*/
          background-position: 23px 9px;
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 24px;
}

.alert-row:after {
  content: "";
  display: table;
  clear: both;
}


div.alert a {
color: #515253;
}
div.alert a:hover {
color: #E10439;
}
noscript {
  background-color:#FBC3BB; 
  background-image:url(/img/svg_icons/warning.svg);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  display:block;
  margin:5px 0;
}
div.popupcontainer { margin: 0 10px; }
div.alert ul {margin-left:15px;}
div.checkout h3 { margin: 5px 0;}

a.wizard_next  {
  background: transparent url(/img/svg_icons/arrow_incoming.svg) no-repeat right center; 
  padding-right:25px;
  position:absolute; bottom:0; right:0;
}

.f-left.clear.input.checkbox {
padding-bottom: 14px;
}

input#DeliveryNoteName {
margin-bottom: 20px;
}

table#user-edit-address tr td,  table#user-edit-firmenname tr td, table#pay-user-edit-address tr td{
padding-bottom: 10px;
}

table#user-edit-bank1 tr td {
padding-bottom: 20px
}

#AddressName, #CustomerName {
/*min-height: auto;*/
overflow: hidden;
}

.f-left.w-200.Dokumentbezeichnung {
padding-top: 12px;
}

a.wizard_back  {
  background: transparent url(/img/svg_icons/arrow_left.svg) no-repeat left center; 
  padding-left:25px;
  position:absolute; bottom:0; left:0;
}
/*
input.addRow {
  background: transparent url(/img/svg_icons/plus.svg) no-repeat left center; 
  padding-left:20px;		
  float:right;
  text-align:left;
}
div.submit:hover input.addRow {
  background: transparent url(/img/svg_icons/plus-white.svg) no-repeat 14px center; 
  padding-left:38px;
  }*/


/*input.addRow {background: transparent url(/fontawesome/svgs/duotone/plus-circle.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}*/

div.tab div.submit.longbutton{
  max-width: 265px;
}
#addRowDiv {
  width:auto;
}
#cockpit-quickinfo {
margin-bottom: 30px;
margin-top:40px;
}


i {
   font-size:16px;

}




.add_text { background: transparent url(/img/svg_icons/brick_add.svg) no-repeat left center; 
          padding-left:20px; clear:both; display:block; float:left;}

/*.add_bill { background: transparent url(/img/svg_icons/add.svg) no-repeat 14px center; 
          padding-left:30px; clear:both; display:block; float:left;}*/
/*div.submit.add:hover .add_bill { background: transparent url(/img/svg_icons/add-white.svg) no-repeat 14px center; 
          padding-left:38px; clear:both; display:block; float:left;}*/
/*.add_reminder { background: transparent url(/img/icons/error_add.png) no-repeat left center; 
              padding-left:20px; clear:both; display:block; float:left;}*/					
.add_delivery_note { background: transparent url(/img/svg_icons/money_add.svg) no-repeat left center; 
                   padding-left:20px; clear:both; display:block; float:left; }
.add_credit_note { background: transparent url(/img/svg_icons/coins_add.svg) no-repeat left center; 
                 padding-left:20px; clear:both; display:block; float:left; }
/*.add_cash_in { background: transparent url(/img/svg_icons/arrow_incoming.svg) no-repeat 14px center; 
          padding-left:20px; clear:both; display:block; float:left;}*/
/*div.submit.add:hover .add_cash_in { background: transparent url(/img/svg_icons/arrow_incoming_white.svg) no-repeat 14px center; 
          padding-left:38px; clear:both; display:block; float:left;}*/
.add_cash_pays { background: transparent url(/img/svg_icons/refresh.svg) no-repeat left center; 
          padding-left:20px; clear:both; display:block; float:left;}
div.submit.add:hover .add_cash_pays { background: transparent url(/img/svg_icons/refresh_white.svg) no-repeat 14px center; 
          padding-left:38px; clear:both; display:block; float:left;}
.add_cash_out { background: transparent url(/img/svg_icons/arrow_outgoing.svg) no-repeat left center; 
          padding-left:20px; clear:both; display:block; float:left;}
.cash_balance { background: transparent url(/img/icons/view-small.png) no-repeat left center; 
          padding-left:20px; clear:both; display:block; float:left;}
.submit.add:hover .cash_balance { background: transparent url(/img/icons/view-small-white.png) no-repeat left center; 
padding-left:38px; clear:both; display:block; float:left; background-position: 16px;}
.export_xls {background: transparent url(/img/svg_icons/excel-file.svg) no-repeat left center; }
.submit:hover .export_xls, .export_xls:hover {background-image: url(/img/svg_icons/excel-file-white.svg)}

.syn {background:url("/img/icons/link.png") no-repeat scroll left center transparent;}

/*.eputime-syn {
  background: transparent url(/fontawesome/svgs/duotone/cloud-download-alt.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 20px;
}*/


.inventory {background: transparent url(/img/icons/book_open.png) no-repeat left center; }

/*bill, .incoming_bill, .associate { background: transparent url(/img/svg_icons/cash.svg) no-repeat left center; 
                                  padding-left:24px;  }*/


/*.bill {
  background: transparent url(/fontawesome/svgs/duotone/file-invoice.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 14px;
}*/
.i-bill{
  color: #6FCB85;
}
.i-credit_note{
  color: red;
}
.i-reminder_level_1{
  color: #6FCB85;
}
.i-reminder_level_2{
  color: orange;
}
.i-reminder_level_3{
  color: red;
}

i.i-cash.i-in{
  color: #6FCB85;
}

/*.associate { background: transparent url(/img/svg_icons/user.svg) no-repeat left center; 
           padding-left:20px;  }*/
/*.delivery_note { background: transparent url(/img/icons/delivery_note.png) no-repeat left center; 
               padding-left:20px;  }*/
/*.outgoing { background: transparent url(/img/icons/outgoing.png) no-repeat left center; 
          padding-left:20px;  }*/
/*.periodic_bill {background: transparent url(/img/icons/clock_edit.png) no-repeat left center; padding-left:20px;}
.storno, .credit_note { background: transparent url(/img/icons/storno.png) no-repeat left center; 
                      padding-left:20px;  }

.add_offer { background: transparent url(/img/svg_icons/add.svg) no-repeat 14px center; 
           padding-left:31px !important;   }*/
/*div.submit.add:hover .add_offer { background: transparent url(/img/svg_icons/add-white.svg) no-repeat 14px center; 
           padding-left:31px !important;   }*/
.show_all_news{ padding-left:20px; }
.show_all_news:before { content: ''; background-image: url(/img/icons/note.png); background-repeat:  no-repeat; position: absolute; left:2px; display: inline-block; width:15px; height:15px;   }	
/*.add_periodic_bill { background: transparent url(/img/svg_icons/time_add.svg) no-repeat left center; 
                   padding-left:20px; clear:both; display:block; float:left; }
.add_order { background: transparent url(/img/svg_icons/add.svg) no-repeat left center; 
           padding-left:20px; clear:both; display:block; float:left; }*/
/*div.submit.add:hover .add_order { background: transparent url(/img/svg_icons/add-white.svg) no-repeat 14px center; 
           padding-left:38px; clear:both; display:block; float:left; }*/
/*.add_customer, .add_distributor { background: transparent url(/img/svg_icons/person_add.svg) no-repeat left center; 
                                padding-left:20px; clear:both; display:block; float:left; }*/

/*.add_customer, .add_distributor{
  background: transparent url(/fontawesome/svgs/duotone/user-plus.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 20px;
}*/
/*.associate_categories{
  background: transparent url(/fontawesome/svgs/duotone/folders.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 20px;
}*/
div.submit.add i, div.submit i{
  color:#6FCB85;
}
div.submit.add:hover i, div.submit:hover i{
  color:white;
}



/*.add_article{ background: transparent url(/img/svg_icons/lorry_add.svg) no-repeat left center; 
            padding-left:46px !important; clear:both; display:block; float:left; }*/
.add_newsletter{ background: transparent url(/img/icons/email_add.png) no-repeat left center; 
               padding-left:20px; clear:both; display:block; float:left; }
.add_receipt{ background: transparent url(/img/icons/receipt_add.png) no-repeat left center; 
            padding-left:20px; clear:both; display:block; float:left; }

.add_outgoing{ background: transparent url(/img/svg_icons/outgoing_cart.svg) no-repeat left center; 
             padding-left:20px; clear:both; display:block; float:left; }

/*.time{ background: transparent url(/img/svg_icons/time.svg) no-repeat left center; 
     padding-left:20px; clear:both; display:block; float:left;}*/

/*div.submit:hover .time{ background: transparent url(/img/svg_icons/time_white.svg) no-repeat 14px center; 
     clear:both; display:block; float:left;}*/

.time{ background: transparent url(/fontawesome/svgs/duotone/calendar-week.svg) no-repeat left center; 
      padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}

.login{ background: transparent url(/img/icons/login.png) no-repeat left center; 
      padding-left:20px; clear:both; display:block; float:left; text-align:left; }

.register{ background: transparent no-repeat left center; 
         padding-left:20px; clear:both; display:block; float:left; text-align:left; }

/*a.add { clear:both; display:block; float:left;margin-left:5px;} */
.package { background: transparent url(/img/icons/package.png) no-repeat left center; padding-left:20px; }


.edit { background: transparent url(/img/svg_icons/edit.svg) no-repeat left center; padding-left:20px; }
/*.delete { background: transparent url(/img/svg_icons/delete.png) no-repeat left center; padding-left:20px; }
div.submit.red:hover .delete { background: transparent url(/img/svg_icons/delete-white.png) no-repeat left center; padding-left:38px; background-position: 14px; }*/

/*.delete {background: transparent url(/fontawesome/svgs/duotone/trash-alt.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 17px;}*/



.export { background: transparent url(/img/svg_icons/download_the_file.svg) no-repeat left center; padding-left:20px; }
.print { background: transparent url(/img/svg_icons/printing-tool.svg) no-repeat left center; padding-left:20px; }
.submit:hover .print, .print:hover { background-image: url(/img/svg_icons/printing-tool-white.svg)}

.mail { background: transparent url(/img/icons/email.png) no-repeat left center; padding-left:20px; }
.pdf { background: transparent url(/img/icons/pdf.png) no-repeat left center; padding-left:20px; }
.xml { background: transparent url(/img/icons/xml.png) no-repeat left center; padding-left:20px; }
/*.cancel { background: transparent url(/img/svg_icons/cancel.svg) no-repeat left center; padding-left:20px; }
.submit:hover .cancel, .cancel:hover { background-image: url(/img/svg_icons/cancel-white.svg)}*/

/*.cancel {background: transparent url(/fontawesome/svgs/duotone/window-close.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}*/

/*.details { background: transparent url(/img/icons/details-green.png) no-repeat left center; padding-left:20px; }*/
.details {background: transparent url(/fontawesome/svgs/duotone/chart-bar.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}
/*.save { background: transparent url(/img/svg_icons/save-button.svg) no-repeat left center; padding-left:20px;}
.submit:hover .save , .save:hover { background-image: url(/img/svg_icons/save-button-white.svg)}*/

/*.save {background: transparent url(/fontawesome/svgs/duotone/save.svg) no-repeat left center; 
padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}*/

div.submit:hover .details { background: transparent url(/img/icons/details-white.png) no-repeat center; padding-left:38px; background-position: 14px; }
.settings { background: transparent url(/img/svg_icons/settings.svg) no-repeat left center; padding-left:20px;}
.submit:hover .settings:hover { background: transparent url(/img/svg_icons/settings_white.svg) no-repeat 14px center; padding-left:38px;}
div.submit.red .settings { background: transparent url(/img/svg_icons/settings_red.svg) no-repeat 14px center; padding-left:38px;}
.submit.red:hover > .settings { background: transparent url(/img/svg_icons/settings_white.svg) no-repeat 14px center; padding-left:38px;}

.mail_reminder { background: transparent url(/img/icons/email_error.png) no-repeat left center; padding-left:20px; }
/*.reminder { background: transparent url(/img/svg_icons/caution_icon.svg) no-repeat left center; padding-left:20px; background-size: 15px; }*/
.receipt { background: transparent url(/img/icons/receipt.png) no-repeat left center; padding-left:20px; }
/*.offer { background: transparent url(/img/svg_icons/newspaper.svg) no-repeat left center; padding-left:20px; }*/

.offer {background: transparent url(/fontawesome/svgs/duotone/telescope.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}


.order { background: transparent url(/img/icons/cart.png) no-repeat left center; 	padding-left:20px; /*clear:both; display:block; float:left;margin-left:5px;*/ }
.search { background: transparent url(/img/icons/search.png) no-repeat right center; padding-right:20px;}
/*.link-add { background: transparent url(/img/icons/link_add.png) no-repeat left center; padding-left:20px; }*/
/*.link-add {background: transparent url(/fontawesome/svgs/duotone/folder-open.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}*/
.documentscan { background: transparent url(/img/icons/building.png) no-repeat left center; padding-left:20px; }

div.submit .receipts.savebutton { background: transparent url(/img/icons/view-small.png) no-repeat center; background-position: 14px; }
div.submit:hover .receipts.savebutton { background: transparent url(/img/icons/view-small-white.png) no-repeat center;background-position: 14px;  }


form#StatisticsForm { display:block; float:left;}
form#StatisticsForm div.input { float:none; clear:both;}
form#StatisticsForm div.input.date, form#StatisticsForm .statistic-side-checkbox{ 
margin-bottom: 20px;
}
form#StatisticsForm { margin-top: -56px; }
div#flashcontent { /*clear:both; text-align:center;*/}
form#SettingsForm div.checkbox { height:auto;}

form#AccessForm div.submit {margin-top:20px;}
form#AccessForm table {float:left; width:600px;}
form#AccessForm table th {text-align:left;width:450px; }
form#AccessForm table td {width:20px;padding:3px;}	
form#AccessForm table thead td {padding-bottom:10px;}	
form#AccessForm img {cursor:pointer;}
form#AccessForm div.submit {float:left; margin-left:20px; margin-top:0;}
form#AccessForm div.tab {width:598px;}

div.box { width:400px;  
        position:relative;
        min-height: 326px;
        padding:22px;
        margin-bottom: 24px;
        box-sizing: border-box;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
     }
     @media (max-width: 1168px) {
      div.box {
        width: 100%;
      }
      .width-3-33 {
        width: 100% !important;
      }
    }
div.box a.wizard_next { bottom:14px; right:22px; color: #6FCB85;}
div.box a.wizard_next:hover {
color: #727e75;
}
div.box h3 { 
margin:0 0 15px 0; 
float:left;
font-style: normal;
font-weight: 500;
font-size: 20px;
color: #515253;
line-height: 23px;
}
div.box p { float:right;}
div.box p a {
font-style: normal;
font-weight: 500;
color: #515253;
font-size: 16px;
line-height: 19px;
}
div.box p a:hover {
color: #6FCB85;
}
div.box p.bottom { position:absolute; bottom:22px;float:none; right:22px; }
div.box table {
  clear:both;
  margin-top:10px;
  margin-bottom: 30px;
}
div.box table tr th {
  border-bottom:1px solid #dbdcdd;
  padding:0 0 2px 0;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}
div.box table tr td {
  border-bottom:1px solid #dbdcdd;
  padding:6px 0;
  vertical-align: middle;
  text-align-last: left;
}
div.box table tr td.date { width:80px; font-size:14px; color:#515253;}
div.box table tr td.text { width:190px;font-size:14px;color:#515253}
div.box table tr td.one-line a { display:block; overflow:hidden; white-space:nowrap; }
div.box table tr td.last { width:20px; text-align: right; }
div.box table tr.odd td {background-color:#f4f5f5;}		
div.box2{
margin-left: 24px;
}


@media(max-width: 1168px) {
.upload_progressbar {
  width: 300px !important;
}
.clearfix.upload_progress_limit {
  width: 300px;
}
.submit.clearfix.center.bigbutton.cockpit-cashpoint {
  width: 300px;
}
.grid-item.width-1-42 {
  width: 100%;
}
.grid-item.width-3-33 {
  width: 100%;
}
#cockpit-left {
  width: 100%;
}
div.box2{
  margin-left: 0px;
  width: 100%;
}
}
.box #pChartImg {
width: 100%;
height: 267px;
object-fit: contain;
}
#quicklinks, #back { margin:20px; }

/*a.insert-text {
  margin-top:-28px;
  float:right;
  background: left center url('/img/svg_icons/brick_link.svg') no-repeat transparent;
  padding-left: 20px;
}*/
a.insert-text {
  margin-top:-28px;
  float:right;
  background: left center url('/fontawesome/svgs/duotone/cubes.svg') no-repeat transparent;
  padding-left: 28px;
}
div.submit i{
  padding-top: 7px;
  padding-left: 14px;
  font-size: 20px;
}


div.texts div.texts-tr div.texts-td, div.contraAccounts div.contraAccounts-tr div.contraAccounts-td {
  height:17px; overflow: hidden; 
  margin:2px 0; 

  padding:3px;
}
div.texts div.texts-tr, div.contraAccounts div.contraAccounts-tr {
  border-style:solid;
  border-color:#ccc;
  border-width: 0 2px 2px 0 ;
}
div.texts div.expanded div.texts-td, div.contraAccounts div.expanded div.contraAccounts-td  {
  height:auto; 
}
div.texts div.expanded,div.contraAccounts div.expanded  {
  background:#ddd;
}
div.texts-td, div.contraAccounts-td {
  float:left; 
  cursor:pointer;
}
div.texts-td1 {
  width:300px;
}
div.contraAccounts-td1 {
  width:200px;
}
div.contraAccounts-td2 {
  width:400px;
}
div.contraAccounts-td2_2 {
  width:100px;
  color: silver;
  font-size: 1em;
}
div.contraAccounts-td.contraAccounts-td2 pre{
  font-size: 0.9em;
}
div.texts-td2 {
  width:300px;	
}
div.texts-td3, div.contraAccounts-td3 {
  float:right;
}

div.texts, div.contraAccounts {
  border-style:solid;
  border-color:#ccc;
  border-width: 2px 0 0 2px;	
  margin-top:50px;
  position:relative;
}
div.contraAccounts { margin-top:20px;}
.insert-contraAccount i.fa-plus-circle {
  color: #6FCB85;
}

#Zenboxlink{position:absolute; margin-left:30px; text-align: center; bottom:0; left:50%; width:150px; background:#000000; border:3px solid #CCCCCC; border-bottom:none;}
#footer #Zenboxlink a {color:#FFFFFF; font-weight:bold; line-height:30px; font-size:15px;}

.container {
max-width: 1240px;
width: 100%;
margin: 0 auto;
}

#header {  
text-align:center;
background: #FFFFFF;
}

#header-white {  
text-align:center;
padding-top:60px;
position:relative;
background: #ffffff;
}
#header .container {
padding-top: 75px;
position:relative;
} 

#header #logo {
  position:absolute;
  left:0;
  top:15px;
  background:transparent url(/img/everbill-new.png) no-repeat left top; 
  background-size: 180px;
}
#header #logo a, #header #logo-wko a,  #header #logo-gastro a{
  display:block;
  width:180px;
  height:55px;
  text-indent:-9000px;
}
#header #logo-gastro a{
  width:300px;
}
#header #logo-wko {
  position:absolute;
  left:20px;
  top:10px;
  background:transparent url(/img/logo-wko2.png) no-repeat left top; 
}

#header #logo-gastro {
  position:absolute;
  left:0px;
  top:10px;
  background:transparent url(/img/logo-gastro.png) no-repeat left top; 
}

#header #banner {width:187px;height:46px;position:absolute;right:24px;top:35px;}

#header ul#menu {
box-shadow: 0px 9px 12px rgba(0, 13, 32, 0.1);
padding-bottom: 4px;
position: relative;
z-index: 1;
}
#header ul#menu li {
  display: inline-block;
  padding: 0 17px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
}

#header ul#menu li a {  color:#515253; }
#header ul#menu li a:hover, #header ul#menu li a.active { color: #6FCB85;; }
.submenu li a:hover, .submenu li a.active { color: #6FCB85;; }

#header ul.submenu {
padding:8px 0;
background-color: #F3F4F5;
}
#header ul.submenu li {
  display: inline-block;
  padding: 0 17px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
#filter-elementbox > * {
margin-bottom: 20px;
}
#filter-finapi-elementbox > * {
  margin-bottom: 5px;
}

.mt0{
  margin-top:0px !important;
}


#footer, #document_download_footer {  
max-width: 1240px;
margin:0 auto;
position:relative;
text-align: center;
padding: 30px 0 40px;
}
#footer{
  padding: 10px 0 25px;
}

#Zenboxlink{position:absolute; margin-left:0; text-align: center; bottom:0; left:50%; width:150px; background:#000000; border:3px solid #CCCCCC; border-bottom:none;}

#footer #Zenboxlink a {color:#FFFFFF; font-weight:bold; line-height:30px; font-size:15px;}
#footer a, #document_download_footer a {
color:  #181C2F;
text-decoration:none;
cursor:pointer;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 24px;
}
#footer a:hover, #footer a.active, #footer  .active a, #document_download_footer a:hover, #document_download_footer a.active, #document_download_footer  .active a { color: #6FCB85; }

#footer ul, #document_download_footer ul {
  margin-top:20px;
}
#footer ul li, #document_download_footer ul li { 
  margin:2px 0;
}
#footer #footer-left, #document_download_footer #footer-left{
  float:left; margin-left:20px; width:200px; 
}
#footer #footer-left li a #document_download_footer #footer-left li a {
  padding-left:20px; 
  background: transparent url(/img/icons/footer_arrow.gif) left center no-repeat;
}
#footer #footer-right, #document_download_footer #footer-right {
  float:right; padding-right:20px; width:400px; text-align:right;
}
#footer #geotrust, #document_download_footer #geotrust {
  position:relative; padding:20px; width:115px; float:left;
}
#footer p, #document_download_footer p {
  text-align:center;
  margin-bottom: 10px;
}
#footer a, #document_download_footer a {
  color:#494F55;
  font-size:11px;
  text-decoration:none;
}

#verifyLogin {
  background:transparent url(/images/secure-login.gif) no-repeat scroll 0 0;
  padding-left:20px;
  position:absolute;
  right:25px;
  text-align:right;
  top:11px;
  width:145px;
}
#verifyLogin a {
  color:#ED711E;
}
#loading { position:fixed !important;
         position:absolute; right:0; top:0; height:20px;  font-weight:bold; background-color:#FFFF99; padding:5px;}
#saving { position:fixed !important;
        position:absolute; right:0; top:0; height:20px;  font-weight:bold; background-color:#FFFF99; padding:5px;}
#articleSearch, #documentSearch, #incomingBillSearch, #customerSearch, #creditNoteSearch, #eputimeProjectSearch, #eputimeCustomerSearch , #serialNumberSearch, #orderSearch, #bankSearch, #articleSearchAccommodationTax{ z-index:3000; background-color:white;
                                                                                                                                                             /*height: expression( this.scrollHeight > 200 ? "333px" : "auto" ); 
                                                                                                                                                               max-height: 200px; */
                                                                                                                                                             overflow: auto;
                                                                                                                                                             border:1px solid black;
                                                                                                                                                             width: 200px;
                                                                                                                                                             cursor:pointer;
}
#articleSearch ul, #documentSearch ul, #incomingBillSearch ul, #customerSearch ul, #creditNoteSearch ul, #eputimeProjectSearch ul,  #eputimeCustomerSearch ul,#serialNumberSearch ul, #orderSearch ul, #bankSearch ul,  #articleSearchAccommodationTax ul {border-bottom:1px solid }
#articleSearch ul li, #documentSearch ul li, #incomingBillSearch ul li, #customerSearch ul li, #creditNoteSearch ul li, #eputimeProjectSearch ul li,  #eputimeCustomerSearch ul li, #serialNumberSearch ul li, #orderSearch ul li, #bankSearch ul li, #articleSearchAccommodationTax ul li{ padding:2px 5px; border-bottom:#999999 solid 1px; }
#articleSearch ul li.last, #documentSearch ul li.last, #incomingBillSearch ul.li.last, #customerSearch ul.li.last, #creditNoteSearch ul.li.last, #eputimeProjectSearch ul.li.last,  #eputimeCustomerSearch ul li.last, #serialNumberSearch ul.li.last, #orderSearch ul.li.last, #bankSearch ul.li.last, #articleSearchAccommodationTax ul li.last { border-bottom:0;}		
#articleSearch ul li.selected, #documentSearch ul li.selected, #incomingBillSearch ul li.selected, #customerSearch ul li.selected, #creditNoteSearch ul li.selected, #eputimeProjectSearch ul li.selected,  #eputimeCustomerSearch ul li.selected, #serialNumberSearch ul li.selected, #orderSearch ul li.selected, #bankSearch ul li.selected, #articleSearchAccommodationTax ul li.selected{background-color:#FFFF99;}

#articleSearch ul li span.id, #documentSearch ul li span.id, #incomingBillSearch ul li span.id, #customerSearch ul li span.id, #creditNoteSearch ul li span.id, #eputimeProjectSearch ul li span.id, #eputimeCustomerSearch ul li span.id,#serialNumberSearch ul li span.id, #orderSearch ul li span.id, #bankSearch ul li span.id, #articleSearchAccommodationTax ul li span.id{display:none;}
#articleSearch ul li span.number, #documentSearch ul li span.number, #incomingBillSearch ul li span.number, #customerSearch ul li span.number, #creditNoteSearch ul li span.number, #eputimeProjectSearch ul li span.number, #eputimeCustomerSearch ul li span.number,#serialNumberSearch ul li span.number, #orderSearch ul li span.number, #bankSearch ul li span.number, #articleSearchAccommodationTax ul li span.number{float:left;display:block;  margin-right:5px;}
#articleSearch ul li span.desc, #documentSearch ul li span.desc, #incomingBillSearch ul li span.desc, #customerSearch ul li span.desc, #creditNoteSearch ul li span.desc, #eputimeProjectSearch ul li span.desc, #eputimeCustomerSearch ul li span.desc,#serialNumberSearch ul li span.desc,#orderSearch ul li span.desc, #bankSearch ul li span.desc, #articleSearchAccommodationTax ul li span.desc{float:left;  font-size:6pt;}
#articleSearch ul li span.address, #articleSearch ul li span.contact, #documentSearch ul li span.address, #documentSearch ul li span.contact,  #incomingBillSearch ul li span.address, #incomingBillSearch ul li span.contact, #customerSearch ul li span.contact, #customerSearch ul li span.address, #creditNoteSearch ul li span.contact, #creditNoteSearch ul li span.address, #eputimeProjectSearch ul li span.address, #eputimeProjectSearch ul li span.contact, #eputimeCustomerSearch ul li span.address, #eputimeCustomerSearch ul li span.contact,#serialNumberSearch ul li span.address, #serialNumberSearch ul li span.contact, #orderSearch ul li span.address, #orderNumberSearch ul li span.contact, #bankSearch ul li span.contact, #articleSearchAccommodationTax ul li span.contact{display:block;  font-size:6pt;}
#eputimeProjectSearch ul li span.client-name{font-weight: bold;}
#articleSearch ul li span.description, #bankSearch ul li span.description, #articleSearchAccommodationTax ul li span.description{font-size:13px;line-height: 20px;}
#articleSearch.big_article_search_field{
  width: 400px !important;
}

/*
#bankSearch {
  z-index: 3000;
  background-color: white;
  overflow: auto;
  border: 1px solid black;
  width: 200px; 
  cursor: pointer;
  position: absolute;
  left: 244px;
  top: 227px;
  width: 1178px; 
}*/

#bankSearch ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#bankSearch ul li {
  padding: 2px 5px;
  border-bottom: 1px solid #999999;
  display: flex;
  align-items: center;
}

#bankSearch ul li.last {
  border-bottom: 0;
}

#bankSearch ul li.selected {
  background-color: #FFFF99;
}

#bankSearch ul li img, #bankSearch ul li .fa-landmark {
  width: 40px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

#bankSearch ul li span {
  vertical-align: middle;
  margin-right: 10px;
}

#bankSearch .bank_info {
  font-size: 14px;
}

#bankSearch .name {
  font-weight: bold;
}

.bank-container {
  margin-top:65px !important;
  display: flex;
flex-wrap: wrap;
margin: -10px;
}

.bank-box {
flex: 0 0 31.333%;
border: 1px solid #ccc;
box-sizing: border-box;
text-align: center;
padding: 20px;
margin: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
background-color: #f9f9f9;
border-radius: 5px;
max-height: 200px; /* Maximale Höhe der Box */
display: flex;
align-items: center;
justify-content: center;
overflow: hidden; /* Verhindert Überlaufen des Inhalts */
}
.bank-box img {
max-width: 100%;
max-height: 100%; /* Stellt sicher, dass das Bild innerhalb der Box bleibt */
height: auto;
border-radius: 3px;
}














.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; width:25px; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; white-space:nowrap; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0px 0px -3px 5px; width: 20px;}



#aep_ovrl {
  background-color: black;
  -moz-opacity: 0.7; opacity: 0.7;
  top: 0; left: 0; position: fixed;
  width: 100%; height:100%; z-index: 99;
  filter:alpha(opacity=70); 
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_ww input { border:1px solid black;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 10px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;display:none;}
#aep_text {width: 100%;}
#aep_w span {font-family: 'Roboto', sans-serif; font-size: 12pt;}
#aep_w div {text-align: right; margin-top: 5px;}
#aep_ok, #aep_cancel {width:auto;}

#aep_cancel {
margin-left: 5px;
}

* html #aep_ovrl { 
  position: absolute; 
  filter:alpha(opacity=70); 
  top: expression(eval(document.body.scrollTop)); 
  width: expression(eval(document.body.clientWidth)); 
} 
* html #aep_ww {  
  position: absolute;  
  top: expression(eval(document.body.scrollTop));  
}

#ibox_wrapper div.tab {margin:0; border:0; 	width:100%;}
#ibox_wrapper div.tab h3 {float:left;}
#ibox_wrapper div.tab #transactions {clear:both;}
#ibox_wrapper div.line {margin:0; }
#ibox_footer_wrapper {font-weight:bold;}
#ibox_footer_wrapper a {
  font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
#ibox_footer_wrapper {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#ibox_wrapper {background:white;}
#ibox_wrapper, #ibox_footer_wrapper a {}
#ibox_content {background-color:#fff;overflow-x:hidden;}
#ibox_loading {padding:50px; color:#fff;font-size:16px;font-weight:bold;}

.progressBar {overflow: hidden;}
.progressBar div {background: transparent url(/img/progressbar.gif) top left repeat-x;}
#period-selection >div.input {
margin-bottom: 12px;

}
#service-period {
clear: both;
}
#service-period fieldset{
border: none;
padding: 0;
max-width: 690px;
margin-left: -10px;
}
#service-period fieldset legend {
margin-left: 10px;
margin-bottom: 8px;
padding-top: 20px;
}
#service-period fieldset input[type="radio"] {
margin-right: 8px;
margin-bottom: -18px;
margin-left: 10px;
vertical-align: middle;
}
#service-period fieldset label {
display: inline-block;
width: 42%;
vertical-align: middle;
}

input[type="file"] {
border: none;
height: auto;
}

input#SettingLayoutBackgroundPicture1 {
padding: 0;
margin-top: 20px;
}
input#SettingLayoutBackgroundPicture2, input#SettingLayoutLogo,
input#SettingBonLayoutLogo,input#BackupFile, input#UserSepaFile {
padding: 0;
margin: 20px 0;
}

.legacy-red {padding:10px; background:#FFC0A9;}
.legacy-green {padding:10px; background:#A8D165;}

#register_plot { padding-left: 12px;}
#edelivery_associate_table {}
#edelivery_associate_table td {text-align: left;}
.edelivery_left_column {font-weight: bold; width: 200px;}
#edelivery_header {padding-top: 10px; padding-bottom: 5px;}
#plot_search_header {font-weight: bold;}
.search_table td {text-align: left;}
#plot_search_main_header {padding-bottom: 10px;}
#plot_search_main_header h3 {margin-left: 0px;}

.delivery_date_calendar		{width:220px;  }
.delivery_date_calendar	h3	{text-align:center; margin:10px 0; }
.delivery_date_calendar table	{border-left:1px solid #ccc; border-top:1px solid #ccc;}
.delivery_date_calendar	h3 a	{margin:0 5px; text-decoration:underline; }
.delivery_date_calendar td	a { padding:4px 8px; }

.delivery_date_calendar td a.current	{font-weight:bold; background:#ddd;}
.delivery_date_calendar td a:hover	{ background:#eee;}
.delivery_date_calendar td,
.delivery_date_calendar th	{ padding:3px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.delivery_date_list h3		{margin:10px 0;}
.delivery_date_list table	{border-left:1px solid #ccc; border-top:1px solid #ccc; width:600px;}
.delivery_date_list	td		{padding:2px 10px;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#choose_delivery_date		{font-weight:bold; display:block; margin:5px 0; font-size:14px; text-decoration:underline; }

#offer-wrapper, #project-wrapper, #project-account-wrapper	{float: right; text-align: right;}
#project-wrapper{clear: both;}
.cashbook-submit {clear:both; padding-top:10px; position:relative;}

#OfferIntroductionText, 
#OfferFinishText, 
#DeliveryNoteIntroductionText, 
#DeliveryNoteFinishText,
#BillIntroductionText,
#BillFinishText, 
#BillPaymentTerms,
#ReminderIntroductionText,
#ReminderFinishText,
#CreditNoteIntroductionText,
#CreditNoteFinishText,
#OrderIntroductionText,
#OrderFinishText,
#CashIntroductionText,
#CashFinishText,
#TextContent,
#TextName
 {font-family:Helvetica, Arial,Sans-Serif !important; resize: none;}

.discount_activate { padding-top: 25px; width:100px !important; }
#discount_table div.discount_activate label {margin-top: 2px; padding-right: 5px; display:block; float: right; }
#discount_table div.discount_activate input { float:right; display:block; width: 20px; margin-top: 7px}
#target_date_row {padding-top: 50px;}
#discount_table {float:right; margin-bottom:10px; width:auto;}
#target_date_table {}
td.discount_value { padding: 0 0 0 10px;}
td.discount_value input { width: 90px}
td.activate {width: 60px;}
.discount_outer {
max-width: 352px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-direction: column;
}
#documents_discount	{
text-align:right; 
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: column;
}
.reminder_level, .filter-delivery {clear:left;}
.reminder-euro-img{margin: 0 0 -3px;}
.eputime-error{color:red;}


div.td-account {
  width:200px;
}
div.td-bill-number, div.td-incomingbill-number, div.td-order-number{
  width:225px;
}

div.td-sum_netto {
  width:200px;
}
div.td-hour {
  width:80px;
}

div.td-hourly_price {
  width:83px;
}
div.td-hour {
  width:50px;
}
div.td-premium {
  width:80px;
}
.tr_line {border-top:1px solid #999999}
.tr_line_project {border-bottom:1px solid #999999}
.details-view-project{float:left; margin:5px 4px 0 0;}
#project-incoming-sum th, #project-bill-sum th, #project-credit_notes-sum th, #project-offer-sum th, #project-incoming_credit_notes-sum th, #project-order-sum th{border-bottom: 0px; border-right:0px}
#nettototalBill, #nettototalIncoming, #nettototalOrder{border-right: 0px;}
#ProjectAssociateId, #ProjectName, #ProjectSearchName, #ProjectEputimeId, #ProjectSearchProjectName, #ProjectNumber{width:200px;}


.upload_progressbar {
  height:32px;
  position:relative;
  width:100%;
  text-align:center;
  margin-top:7px;
  border-radius: 4px;
  background: #F3F4F5;
  border: 1px solid #E5E5E5;
}

.upload_progress {
  background: #6FCB85;
  left:0;
  position:absolute;
  top:0;
  border-radius: 3px;
  width:0;
  height:32px;
}

div.upload_progress span { width:300px; display: flex; align-items: center; justify-content: center; height: 32px; font-size: 12px;  } 
#upload_progress_first { 
width:75px; 
text-align:left; 
float:left; 
margin-top: 3px; 
margin-left:10px; 
display:block; 
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px; } 
#upload_progress_last {
width:75px;
text-align:right;
float:right; 
margin-top: 3px; 
display:block; 
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;} 
#SettingServicePeriodDateInterval, #SettingSendDateInterval, #SettingArchivYear{width:100px;margin-right: 14px;}
#CustomerStatisticsForm .input.select {
margin-top: 20px;
}

div.statistic_side {
  background-color:#F4F5F5;
  border:1px solid #CCCCCC;
  margin-bottom:20px;
  padding:10px;
}
div.statistic_side div.date {float:left; margin-right:15px;}
div.statistic_side div.select { float:left; margin-right:15px;}
div.statistic_side div.lastDate {margin-right:0;}
div.statistic_side div.input select {width:auto;}
div.statistic_side_button{float:right; margin:-39px 0 0 0}
#CustomerStatisticsForm div.statistic_side_button div.submit > a, #CustomerStatisticsForm div.statistic_side_button div.submit input{ 
padding: 11px 12px 11px 32px;
}
#CustomerStatisticsForm div.statistic_side_button  div.submit input {
background-position: 10px center;
}
#StatisticModel option, #StatisticType option{padding-right:10px;}
.upload_progress_limit{margin-bottom: 0}
div.statistic-sum{
  border-top:#999999 solid 1px;
  float:right;
  text-align:right;
  width:auto;
  margin: 10px 10px;
}
div.submit input#SmallView {
  background-image:url("/img/icons/view-small.png");
}

div.submit:hover input#SmallView {
background-image:url("/img/icons/view-small-white.png");
}

.bill-small{
  width: 80mm;
  font-size:10pt;
}
div.bill-small img { 
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top:10px;
  padding-bottom:10px;
}

.resizable-textarea {position:relative; width:100%}
.resizable-textarea .resizer {
    background: url(/img/icons/resizer.png) no-repeat transparent;
    cursor: se-resize;
    display: block;
    float: right;
    height: 15px;
    outline: 0 none;
    width: 17px;
    position: absolute;
    right: 0px;
    bottom: 2px;
}
div.firmen_adress{
  text-align:center;
}

div.td-distributor_ust{
  width:100px;
}

div.td-distributor_ust{
  width:100px;
}

#associates_info {
  float: right;
  margin: 2px 0pt 0pt 0pt;
}

#ibox_wrapper div.tab-serialnumber{
  width:483px;
}

.incoming_credit_note{display:block; float:left; width:700px; margin-top:20px;}
.list .incoming_credit_note{ width:auto;}
/* History */
div.history{width: 718px;}
div.history-2{width: 704px;}
div.history, div.history-2 {background: none;}
div.list div.history-2 {background: none; width:704px;}


.associate_more_up, .dynamics_fields_up{
  background:url(/img/svg_icons/control_up.svg)no-repeat top left;
  float: left;
  margin: 10px 10px 0pt 0pt;
  padding-left:20px;

}
.associate_more_down_{
  background:url(/img/svg_icons/time.svg)no-repeat left;
  float: left;
  padding-left:20px;

}
.associate_more_table div, .dynamics_fields_table div{
  width: 253px;
}
.associate_more_table, .dynamics_fields_table {
  margin-bottom:40px;
  width: 253px;
}
.associate_more_table td, .dynamics_fields_table td {
padding-bottom: 20px;
}
#OfferAddForm .f-left.clear.input.checkbox{
clear: left;
}



.marginforPeriodicBill,.marginforCreditNote,.marginforOutgoing, .marginforShopOrder,
.marginforShopOrder,.marginforIncomingBill,.marginforOrder,.marginforReceipt,
.marginforOffer,.marginforDeliveryNote,.marginforBill
{
  margin-top:9px;
}

#ShopOrderDelivery{
  margin-top:15px;
}

#associate{
  margin-bottom:0;
}
.table-200 div.shop_stock_visible {
  margin-top : 10px;

}

div.submit.e-delivery {
  width: 170px;
  margin-right:10px;
  border-right:1px solid #A8D166;
}
div.submit.ibox-button {
  width: 104px;
  border-right:1px solid #A8D166;
}
div.edelivery_geb_date{
  width: 192px;

}
#delivery_message{
  margin:5px 10px; padding:5px 30px; background:#ffffcc url(/img/svg_icons/caution_icon.svg) no-repeat 10px 5px;
}
.register_plot_new{
  background-image:url("/img/icons/postserver.png");
}
.synch-red{
  color: red;
}
/*.copy {background: transparent url(/img/icons/copy.png) no-repeat left center; padding-left:20px;}*/
.copy-icon{padding-right:3px;}
div.td-surcharge_percent{width: 140px;}
div.td-subtotal_brutto,div.td-subtotal_netto {width:140px;}
#SettingSurchargePercent{width: 100px;}
div.checkbox.surcharge_checkbox label, div.checkbox.subheading_checkbox label {  display: block;
                                                                               float: left;
                                                                               margin-top: 0px;
                                                                               padding-left: 5px;
                                                                               width: 320px;
                                                                               line-height:15px;
}
div.checkbox.surcharge_checkbox input, div.checkbox.subheading_checkbox input{float:left;}

div#eputime div.detail h3 {margin-top: 10px;margin-bottom: 5px;}
div.w-380{width: 380px;}
div.recommendations-text{margin: 0;padding: 5px 10px 5px 30px;}
div.recommendations-text h4{margin: 5px 0 5px 0;}
div.recommendations-text ul {list-style-type: square; margin-left:35px;}
.recommendations-url{border: 1px solid #DDDDDD; text-align:center; padding: 10px 30px; margin-top:10px; background-color: #e9ece2;font-weight:bold;margin-bottom:10px;}
div.recommendations-text p .activ{color: #83B817; font-weight:bold;}
.bannertext p {padding:5px;font-weight:bold;font-size: 16px;}
.bannertext{margin-top : 40px; margin-bottom : 10px;}
.banner-layouts{margin-bottom:20px;}
.bannerlink{width: 100%;	padding: 6px 0; margin-top: 21px;}
#d_clip_button{margin-top:10px;}
.banner-td{width: 40%;}
.append-bottom-2 {padding-bottom: 60px;padding-top: 20px;padding-left: 174px;}
.append-1 {padding-right: 20px;}
.float_left {float: left;}
div.tell-friend h3{margin-left:0px;}
div.tell-friend h4{margin-top:5px;margin-bottom:5px;}
div.tell-friend .textarea {padding-top:7px;}
div.list-toolbar #project-filter-button {float:right; padding-top:10px; width:240px;}
.project-filter-reset input {width:160px;margin-right: 10px;}
#ProjectFilter{padding-bottom:20px;}
#AccountTranslate{width: 25%;}
div.translate {margin-top:5px;margin-bottom:5px;}
div.translate label{ display: inline;font-size: 12px;font-weight: bold;margin-right: 13px;}
.translate_menu{font-family: Helvetica,Sans-Serif;font-size: 13pt;color: black;}
div#emptyMessage.emptyMessage{ background: url("/img/svg_icons/caution_icon.svg") no-repeat scroll 10px 5px #FFFFCC;margin: 5px 10px;padding: 5px 30px;}
a#everbill_customer{font-weight: bold;background: url("/img/icons/eputime.png") no-repeat scroll right center transparent;width: 90px;display: block;margin: 0 0 0 109px;position: relative;line-height: 22px;}
.refresh_currency { background: transparent url(/img/svg_icons/refresh.svg) no-repeat right center; 
                  padding-left:20px; clear:both; display:block; float:left; width: 210px;}
.flrght{float:right; margin-bottom: 10px;}
.label_mt10 label{margin-top:10px;}
.currency_rate{float: left;margin-left: 10px;margin-top: 30px;}
.currency_rate label{display:inline;margin-right:10px;}
.currency_rate input{width: 50px;margin-right:10px;}
.document_currency{width: 347px;}
.mt100{margin-top:100px;}
.project_profit {background:url("/img/svg_icons/chart.svg") no-repeat scroll 14px center transparent;}
.submit.add:hover .project_profit {background:url("/img/svg_icons/chart_white.svg") no-repeat scroll 14px  center transparent;}
.doc_currency{float: left; width: 124px;}
.lang-change { 
position: absolute;    
right: 0;   
text-align: right;
top: 36px;
width:200px; 
font-style: normal;
font-size: 12px;
line-height: 15px;
}
.lang-activ{font-weight:bold;}
.settingsCurrency{width: 400px;}
#currencies.line{margin-top:5px;}
.settingsCurrency div.small{margin-top:15px;}
img.not-available {opacity:0.2;filter:alpha(opacity=20) }
div.news-languages img {display: block;float: left;margin-right: 2px;}
.news-languages{width: 80px;}

div.rc-list div.rc-list-2 {margin:0 auto;background: url(/img/list/list_rc_complete_3.png) no-repeat left bottom;width:480px;padding:0 10px 10px;}
div.rc-list div.rc-list-2 table {width:100%;}

div.rc-list div.rc-list-2 table td select {width:auto;display:block; position:absolute;border:1px solid #111111;}
div.rc-list div.rc-list-2 #CashbookAddForm table td select {position:static; border:0; display:inline;}
div.rc-list div.rc-list-2 table tr th {font-weight:normal;border-bottom:1px solid #dbdcdd;margin:0;padding:0 4px 4px 4px;border-right:1px solid #dbdcdd;vertical-align:bottom;}
div.rc-list div.rc-list-2 table tr td {padding:4px 4px 0 4px; border-right:1px solid #dbdcdd;}
div.rc-list div.rc-list-2 table tr td.last, div.rc-list div.rc-list-2 table tr th.last { border-right:0; white-space:nowrap;}
td a.asc {}
td a.desc {}

div.rc-list-2  tr:hover td {background-color:#ddd; border-right:1px solid white;}
div.rc-list-2  tr:hover td.last {background-color:#ddd; border-right:0;}
div.rc-list {position:relative;background: url(/img/list/list_rc_complete_3.png) no-repeat left top;width:500px; padding-top:10px;margin-top:44px;}
div.recommendations-client .paging ,div.recommendations-list div#search{margin-right: 12px;}
div.recommendations-client div.index-sum{margin-left:25px;}
div.recommendations-client{float: right;
                         width: 590px;margin-top: 35px;}

div.recommendations-client div#search, div.recommendations-client div.paging {margin-right: 40px;margin-top:6px;}
div.recommendations-client div.click{margin:20px 20px 0 0;}
.pay_voucher{margin: 0px 45px 15px;}
.ml20{margin-left:20px;}
div.erpel_companies table tbody tr td{text-align:left; padding-bottom:12px;}
div.erpel_companies table tbody tr td span{font-weight:bold;}
.erpel-uuid {width:200px;}
.erpel-uuid input {width:180px;}
.erpel-uuid img{margin-left:5px;}
div.erpel_companies table tbody tr td.insertToggle img{margin-top:20px;}
div.list div.list-2 table tr td.border-l2,div.list div.list-2 table tr th.border-l2{border-left: 1px solid #000;}
div.list div.list-2 table tr td.border-r2,div.list div.list-2 table tr th.border-r2{border-right: 1px solid #000;}
div.stat-vouchers{margin-right: 5px;}
div.stat-vouchers h4{border-bottom: none;margin-bottom: 0px;}
div.stat-vouchers h5{border-bottom: 1px solid black;font-weight:normal;margin-bottom: 5px;}
.mtop22{margin-top:22px;}
.stat-month{background-color: #F4F5F5; border: 1px solid #CCCCCC;}
.filter-delivery{margin-top:5px;}
div.submit input#erpel {background-image: url("/img/icons/erpel.png");}
div.ebinterface-submit {background: url("/img/ebinterface-button-green.png") no-repeat scroll 0 0 transparent;width: 250px;float:right;  margin-left: 10px;}
div.ebinterface-submit input {padding: 1px 50px 1px 0;}
div.ebInterface-down{margin-bottom: 150px; margin-top: 32px;}

div.serialnumber, div.td-serialnumberid, div.td-costunit {margin-top:5px;}
div.td-costunit {margin-top:-35px;margin-right:10px;}
/*div.td-costunit select#CostUnitId {margin-bottom: 40px;}*/
table#cost_unit-sum tbody tr td{padding-left:20px; white-space: nowrap;}
div.recommendations-text ul.recommendations-quidelines-1 , div.recommendations-text ul.recommendations-quidelines-2, div.recommendations-text ul.recommendations-index-1 , div.recommendations-text ul.recommendations-index-2 {width: 90%;list-style-type: none;}
div.recommendations-text ul.recommendations-quidelines-2, div.recommendations-text ul.recommendations-index-2{margin-right: 120px;}
div.recommendations-text ul.recommendations-quidelines-1, div.recommendations-text ul.recommendations-index-1 {float: left;margin-bottom:30px;}
div.recommendations-text ul.recommendations-quidelines-2, div.recommendations-text ul.recommendations-index-2 {float: right;}
div.recommendations-text ul.recommendations-quidelines-1 li, div.recommendations-text ul.recommendations-quidelines-2 li, div.recommendations-text ul.recommendations-index-1 li, div.recommendations-text ul.recommendations-index-2 li{margin-bottom: 20px;}
li.number_1{background-image:url(/img/icons/number_1.png);background-repeat:no-repeat;background-position:0px 15px; padding-left:70px;}
li.number_2{background-image:url(/img/icons/number_2.png);background-repeat:no-repeat;background-position:0px 13px; padding-left:70px;}
li.number_3{background-image:url(/img/icons/number_3.png);background-repeat:no-repeat;background-position:0px 26px; padding-left:70px;}
li.number_4{background-image:url(/img/icons/number_4.png);background-repeat:no-repeat;background-position:0px 18px; padding-left:70px;}
li.number_5{background-image:url(/img/icons/number_5.png);background-repeat:no-repeat;background-position:0px 15px; padding-left:70px;}
li.number_6{background-image:url(/img/icons/number_6.png);background-repeat:no-repeat;background-position:0px 0px; padding-left:70px;padding-bottom:16px;}
li.number_7{background-image:url(/img/icons/number_7.png);background-repeat:no-repeat;background-position:0px 10px; padding-left:70px;padding-bottom:20px;padding-top:25px;}
li.number_8{background-image:url(/img/icons/number_8.png);background-repeat:no-repeat;background-position:0px 12px; padding-left:70px;}

li.index_number_1{background-image:url(/img/icons/number_1.png);background-repeat:no-repeat;background-position:0px 15px; padding-left:70px;padding-bottom:25px;padding-top:30px;}
li.index_number_2{background-image:url(/img/icons/number_2.png);background-repeat:no-repeat;background-position:0px 0px; padding-left:70px;padding-bottom: 11px;padding-top: 5px;}
li.index_number_3{background-image:url(/img/icons/number_3.png);background-repeat:no-repeat;background-position:0px 5px; padding-left:70px;padding-bottom: 7px;padding-top: 5px;}
li.index_number_4{background-image:url(/img/icons/number_4.png);background-repeat:no-repeat;background-position:0px 0px; padding-left:70px;padding-top:13px;padding-bottom:20px;}


li.index_number_5{background-image:url(/img/icons/number_5.png);background-repeat:no-repeat;background-position:0px 10px; padding-left:70px;}
li.index_number_6{background-image:url(/img/icons/number_6.png);background-repeat:no-repeat;background-position:0px 15px; padding-left:70px;}
li.index_number_7{background-image:url(/img/icons/number_7.png);background-repeat:no-repeat;background-position:0px 10px; padding-left:70px;padding-bottom:9px;padding-top:7px;}
li.index_number_8{background-image:url(/img/icons/number_8.png);background-repeat:no-repeat;background-position:0px 12px; padding-left:70px;}

/*#####################################*/

/*#####################################*/
ul.recommendations-quidelines-2 li.number_7{padding-top:4px;}
.quidelines_ps{background-color:#e9ece2; margin-bottom:50px; border:1px solid #ccc; padding:10px 30px; margin-left:45px;margin-right:35px;}
div.banner_link,div.no_link{background: url("/img/banner_link_green.png") no-repeat scroll 0 0 transparent;height: 40px;margin-bottom: 10px;overflow: hidden;padding: 1px 5px;width: 330px;margin-left: 5px;}
div.no_link{background: url("/img/no_link.png") no-repeat scroll 0 0 transparent;}
div.banner_link input, div.no_link input{background-color: transparent;background-position: left center;background-repeat: no-repeat;border: 0 none;cursor: pointer;font-size: 10pt;color:#FFF;font-weight: bold;height: 42px;padding: 1px 10px 1px 10px;}
div.recommendations-heading{margin:45px 0 40px 45px;}
div.recommendations-heading h4, div.recommendations-list h4{font-size: 27px;}
div.convinced h4{margin:20px 0 20px 0;font-size: 27px;}
div.convinced p{float:right;width: 230px;margin-right: 295px;margin-top: 4px;}
.convinced{margin-bottom: 20px;margin-left: 160px;}
div.recommendations-text h4 span.green{color:#7bc042;}
div.recommendations-text div.left_text{float: left;width: 860px;margin-left:10px;}
div.recommendations-text div.left_text h4{color:#7bc042;font-size: 27px;margin-bottom: 10px;}
div.recommendations-text div.left_text h5{margin-bottom: 10px;}
a.share-on-facebook,a.share-on-twitter,a.share-on-mail,.launch-referpop, a.share-on-everbill{color:#7bc042;font-weight:bold;text-decoration:underline;}
ul.recommendations-index-2 li img{margin: 10px auto 25px auto;display: block;display: block;}
div.convinced_no p{margin-right: 263px;width: 260px;}
/*div.recommendation_credit, div.recommendation_pay {background: url("/img/sum_credit.png") no-repeat scroll 0 0 transparent;height: 20px;margin-bottom: 10px;overflow: hidden;padding: 8px 5px;width: 77px;text-align: center;margin-left:20px;}
div.recommendation_credit span, div.recommendation_pay span{background-color: transparent;background-position: left center;background-repeat: no-repeat;border: 0 none;color: #FFFFFF;cursor: pointer;font-size: 10pt;font-weight: bold;}
div.recommendation_pay {background: url("/img/sum_pay.png") no-repeat scroll 0 0 transparent;}*/
p.recommendation_click{color:#9f3034;margin:10px 0 10px 20px;}
.recommendation_sum{border: 1px solid #CCCCCC;margin-left: 2px;margin-top: 490px;margin-bottom: 30px;width: 520px;height: 250px;}
div.recommendation_sum p{margin-left:20px;margin-bottom: 8px;margin-top: 10px;}
div.list_small{width:950px;background: url(/img/list/list_admin_complete_3.png) no-repeat left top;position:relative; left:-3px;margin:0 auto;clear:both;padding-top:10px;}
div.list_small div.list-2{width:930px;margin:0 auto;padding:0 10px 10px;}
div.admin_statistic div.active-tab{width:943px;}
div.list_small div.list-2 table tr td {padding:4px 1px 0 1px;}
#uidValidError.error img{display: block;margin-left: auto;margin-right: auto;height: 32px;width: 32px;}
#project-sum_right {float:right;padding-right: 80px;}

div.recommendations-text ul.recommendations-banner{list-style-type: none;}
li.number_b{background-image:url(/img/li_point.png);background-repeat:no-repeat;background-position:5px 7px; padding-left:20px;padding-bottom:4px;}
div.recommendations-text h4.recommendations-banner-heading{font-size: 27px;}
div.recommendations-text p.w35{width:40%;}
/*div#main div#content.clearfix div.recommendations-text div img.link_arrow{display: block;vertical-align: middle;}*/
div#main div#content.clearfix div.recommendations-text div img.link_arrow{float:left;}
html body div#main div#content.clearfix div.recommendations-text div.recommendations-url{float:left; margin-left:20px;margin-top:0px;}/*width:37%;float:right;margin-right: 54px;margin-top: -37px;*/
div.recommendations-banner-contain{margin-left:13px;}
html body div#main div#content.clearfix div.recommendations-text ul.recommendations-banner{margin-left:0px;}
html body div#main div#content.clearfix div.recommendations-text p.green a{color: #7BC042;font-weight: bold;}
input#bannerlink.bannerlink{width: 442px}
html body div#main div#content.clearfix div.recommendations-text div.bannertext table.banners tbody tr td.banner-td p{text-align:left;}
/*div.recommendations-text div.more_link{margin-top:40px;}*/
div.recommendations-text div.more_link a {font-size: 10pt;}
div.more_link{margin-top:25px;}
div.recommendations-text div.bannertext table.banners tbody tr td img.banner-layouts{padding-top:10px;padding-left:30px;}
div.clip_link{background: url("/img/copy_button_2.png") no-repeat scroll 0 0 transparent;height: 40px;margin-bottom: 10px;overflow: hidden;padding: 1px 5px;width: 440px;margin-left: 5px;}
div.clip_link p{background-color: transparent;background-position: left center;background-repeat: no-repeat;border: 0 none;cursor: pointer;font-size: 10pt;color:#FFF;font-weight: bold;height: 42px;padding: 10px 0 0 70px;}
.recommendations-url_index{border: 1px solid #DDDDDD; text-align:center; padding: 10px 30px; margin-top:10px; background-color: #e9ece2;font-weight:bold;margin-bottom:10px;}
html body div#main div#content.clearfix div.recommendations-text div.recommendations-url_index{margin-left:60px;margin-top:0px;width:100px;}
input.w-155{width: 155px;}

input.commission-number-categorize{width: 200px; margin-right: 6px;}
div.sidebar h4 small.commission_number{font-weight: normal;  font-size: 12px;}
.payMethod input {float: left;height: 21px;margin-right: 5px;width: auto;}
div.payMethod fieldset { border:0 ; height:auto; }
div.payMethod fieldset input { background:none; width:auto; vertical-align: middle; } 
/*.payMethod{
  height: 100px;
}*/
td div.input.payMethod fieldset legend{
  margin-bottom:10px;
}
td.td-pay-firmenname{
  padding-top:10px;
}

table#user-edit-firmenname.table-200{margin-bottom: 0px;}
table#user-edit-address.table-200{margin-bottom:0px;}
.sendAccountBcc{float: right; margin-right: 50px;}
.mt10{margin-top:10px;}
/*.status-filter div.input select#ProjectImportType{width: 110px;}*/
.related_document_sum{padding:0 0 5px 30px;}
div.related_document_sum p{font-size:11px;}
.articlelink{ background: url("/img/icons/new_lorry.png") no-repeat scroll left center transparent; padding-left: 20px;padding-bottom: 2px;}
div#CostUnitFilter div#filter-button a#filter-reset{border: 1px solid #AAAAAA; padding: 3px 5px 3px 5px; font-family: Tahoma,Arial,Sans-Serif; font-size: 12px;}
div.CostUnitFilterLink{ background-color: #EDEDED;margin-top:4px;}
div#CostUnitFilter div#filter-button a:hover {color: #494F55; cursor: default;}
div#CostUnitFilter {padding-bottom: 20px;}
tr.saldo-main a.incoming_credit_note{width: auto;}
.automatically{padding-left: 195px;padding-top:20px;}
.w280{width: 280px; float: left;}
.setArticleNumber {padding-left: 5px;}
#ArticleAddForm div.clearfix table.table-300 tbody tr td div.name div.error-message, #ArticleEditForm div.clearfix table.table-300 tbody tr td div.name div.error-message{float:left;}
table#settings-pdf tbody tr td{width: 50%}
table#settings-pdf tbody tr td.input label{float: left;}
div.pdf-settings-checkboxs{max-width: 580px;}
div#ibox_content div#search{width: 250px; height: auto; margin-bottom:0px;}
div#ibox_content div#search p.error{top: 0;}
div#ibox_content div#search form#SearchForm.ajax{margin-top: 20px;}
div#pChart div.paging-statistic{margin-right: 128px;}
.clearleft{clear: left;}
form#FilterForm.status-filter div#project-filter-button{width: 300px;}
form#FilterForm.status-filter div.input select#ProjectImportType,form#FilterForm.status-filter div.input select#ProjectIntervall{width: 130px;}
.w-60 {width:60px;}
.w-120{width:120px;}
.w-170{width:150px;}
div#more_contacts a.delete{padding-right: 40px;}
/*div#more_adresses .tr div.td div.td-name textarea{width: 242px;}
div#more_adresses .tr div.td div.td-name{width: 242px;}*/
div#more_adresses a.delete{ float: right;margin-top: 25px;padding-right: 19px;}
div#more_contacts .odd, div#more_adresses .odd{background-color: #f2f2f2;}
#pageCount{  
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 4px;
width: 45px;
height: 25px;
margin: 0 14px;
}
div.flashMessage a.underline{text-decoration: underline;}
/*div.grey-submit{background: url("/img/button-gray.png") no-repeat scroll 0 0 transparent;}*/
div.w-65{width: 65px;}
table tr.owner td {background-color: #c6fa5c;}
div.td-ust .w-auto{width: auto;}
div.td-ust .w-auto option{padding-right: 6px;}
p.mail_download{background: url("/img/icons/download.png") no-repeat scroll left center transparent;padding-left: 20px;padding-top: 2px;}
p.mail_view{background: url("/img/icons/eye.png") no-repeat scroll left center transparent;padding-left: 20px;padding-top: 2px;}

/*.document_download{margin-left:167px;margin-bottom: 15px;height: 620px;width: 658px;overflow: hidden;}
.document_download img{ border: 1px solid #CCCCCC;margin-left: 9px;margin-right: 56px;margin-top: 9px;}*/
.top9{margin-top:9px;}
div#SendPerEmail a.insert-text{color: #494F55;font-weight:normal;}

#document_download_footer{height: 13px;}

#footer #Teilenlink a {
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #ffffff;
display: inline-block;
background-color: #6FCB85;
border-radius: 4px;
padding: 11px 20px !important;
}

#footer #Teilenlink a:hover {
background-color: #6FCB85;
}

#teilenBox{
height: 250px;
position: absolute;
width: 700px;
margin: 0 auto;
left: 0;
right: 0;
bottom: 85px;
padding: 30px;
background-image: url(/img/teilen2.png);
background-repeat: no-repeat;
z-index: 999;
background-size: cover;
}
#teilenBox h1{
float: left;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #515253;
margin-bottom: 26px;
padding: 5px 30px 5px;
background-image: url(/img/everbill-logo-teilen.png);
background-repeat: no-repeat;
background-position: left center;
}

.clearfix.tab > h3 {
margin-bottom: 15px;
}

div#footer #teilenBox p{
font-size: 16px;
text-align: left;
font-style: normal;
line-height: 28px;
text-align: center;
color: #515253;
margin-bottom: 15px;
clear: both;
}
#teilenBox p span.gren{
font-weight: bold;
}
div#teilenBox div.share a {
margin: 0 6px;
display: inline-block;
}

div#teilenBox a.close{
float:right;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #6FCB85;
}
div#teilenBox a.close:hover{
color: #6FCB85;
}

span.epunetUuid{
  font-weight: bold;
}

/*.name {
padding-bottom: 34px;
}*/

form#UploadAddForm div.submit{
  float: right;
  margin-top: 20px;
}
#user-edit-bank1{
  margin-bottom: 12px;
}
p.sepa-mandatsreferenznummertext{
  margin-bottom:15px;
  clear: both;
  padding-top: 15px;
  font-weight: bold;
}
p.sepafiles{
  margin:10px;
  font-weight: bold;
}
div.kontroll-summe{
  margin-top:-20px;
  margin-bottom:5px;
  float: right;
  font-size: 10px;
  line-height: 22px;
}
div.submit input.document-detail {
  background-image: url("/img/icons/details.png");
}
p#sepa_top_text{
  clear: both;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}
select#PluginPlugin{
  height: 300px;
}
div.download_pdf_button {
  background: url("/img/down-pdf.png") no-repeat scroll 0 0;
  height: 36px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 8px 0;
  width: 200px;
  text-align: center;
  float: left;
  margin-right: 40px;

}
div.download_xml_button {
  background: url("/img/down-xml.png") no-repeat scroll 0 0;
  height: 36px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 8px 0;
  width: 200px;
  text-align: center;
  float: left; 
}
.ml387{
  margin-left: 387px;
}
.ml267{
  margin-left: 267px;
}
.ml162{
  margin-left: 162px;
}


.download_pdf,.download_xml{
  background: transparent;
  font-size: 20px;
  font-family: "Myriad Pro", "Myriad";
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  border:none;
}
.paper_welle{
  left: 191px;
  position: absolute;
  top: 584px;

}/*
.pdf-vorschau{
  left: 275px;
  position: absolute;
  top: 230px;
}

.pdf-vorschau_en {
  left: 325px;
  position: absolute;
  top: 230px;
}*/
#recMail{background: url("/img/mail-icon.jpg") no-repeat scroll 0 0 transparent;
       margin-top: 10px;
       overflow: hidden;
       padding: 12px 5px;
       cursor: pointer;

}
div#teilenBox p.teilenbox-recommendations-url{
  padding-top: 5px;
}
div#teilenBox p.teilenbox-recommendations-url a{
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 28px;
text-align: center;
}
.li-recommendations-url{
  display: block; margin-left:240px;margin-bottom:15px;
}
#articles a.addSerialNumber{
  clear: right;
  display: block;
  width: 115px;
  background: url("/img/icons/barcode.png") no-repeat scroll left center transparent;
  float: right;
  padding-left: 20px;
  margin-top: 5px;
}
div#ibox_content form#SerialNumberAddForm{
  margin-left: 25px;
  width: 730px;
}
.rzl-ust{
  float: right;
  width: 177px;
}
div#articles div.td-name:not(.incomings){margin-top:-33px;}
div#articles div.odd, div#tasks div.odd{
  background-color:  #E7E7E7;
}
div#articles div.even, div#tasks div.even{
  background-color:  #F8F9FA;
}
.center-button{
  margin: 0 auto;
  max-width: 800px !important;
}

#articles_accounts .tr-grey, #articles .tr-grey, #distributors .tr-grey, #accounts .tr-grey, #bills .tr-grey, #tasks .tr-grey, #incomingbills .tr-grey, #credit_notes .tr-grey, #offers .tr-grey, #incoming_credit_notes .tr-grey, #more_contacts .tr-grey, #more_adresses .tr-grey, #orders .tr-grey {
  background-color: #E7E7E7;
}
.table-200 div.date.datamolino-date{
   text-align: left;
   width: 270px;
}

.select-ust > .input.checkbox {
padding-bottom: 20px;
}

.input.brutto > label {
margin: 0;
padding: 5px 0;
font-size: 13px;
}
.input.brutto > p {
padding-bottom: 8px;
}

.input.brutto > input {
margin-top: 5px;
}

.input.pay_type > label {
  margin: 0;
  padding: 5px 0;
  font-size: 13px;
  }
  .input.pay_type > p {
  padding-bottom: 8px;
  }
  
  .input.pay_type > input {
  margin-top: 5px;
  }

  .input.pay_type > input {
    margin-top: 5px;
    }

    div.pay_type > p {
      display: block;
      font-size: 14px;
      line-height: 15px;
      color: #515253;
  }


.datamolino-items div.td-1 , .datamolino-items div.th{
  padding: 0 2px 2px 0;

}
.datamolino-items div.td.td-1 div.td-item{
  width: 80px;
  padding: 0 2px 2px 0;
}
.datamolino-items .deleteItem  a.deleteItem{
  padding-top: 8px;
  padding-left: 2px;
}
.datamolino-items div.th.td-item, div.th.td-datamolino-item{
   width: 80px;
  padding: 0 2px 2px 0;
}
.submit.add.datamolino-generieren-submit {
margin: 15px 10px 30px 0;
}

div.th.td-datamolino-item{
  padding-top: 10px;
}


div#articles.datamolino-items{margin-bottom:10px;}
.datamolino-edit-left{float: left; margin-left: 10px;max-width:350px;margin-top: -80px;padding-right: 20px;}
.datamolino-edit-left table#associate{margin-bottom:30px;}
.refresh_documentscan { background: transparent url(/img/svg_icons/refresh.svg) no-repeat right center;padding-left:20px; clear:both; display:block; float:left; width: 210px;}
div.submit.add:hover .refresh_documentscan { background: transparent url(/img/svg_icons/refresh_white.svg) no-repeat 14px center;padding-left:38px; clear:both; display:block; float:left;}
.import_documentscan { background: transparent url(/img/svg_icons/download_the_file.svg) no-repeat right center;padding-left:20px; clear:both; display:block; float:left; width: 210px;}
div.submit.add:hover .import_documentscan { background: transparent url(/img/svg_icons/download_the_file_white.svg) no-repeat 14px center;padding-left:38px; clear:both; display:block; float:left;}

.pay-sum-box{
  background-color: #000;
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom: 15px;
}

.table-200 div.location {
width: 100%;
}

div.pay-sum-box table tbody tr td,div.pay-sum-box span#sumPrice{
  color:#ffffff;
  font-weight: bold;
}
.pay-box-options{
 background-color: #ededed;
}
.pay-box-options{
  padding:2px 15px;
}
.pay-sum-box{
padding:10px 15px;
}
.pay-box{
  width: 350px;
  padding-right:0px;
}
.pay-box table tbody tr td{
  text-align: left;
}
form#UserPayForm .pay-box table tbody tr td.price{
  text-align: right;
  font-weight: bold;
}
.pay-box table tbody tr.strong td{
  font-weight: bold;
}
.pay-box table tbody tr.options td{
  padding-bottom: 15px;
}
.pay-box table.paysum{
  background-color: #000;
}
.pr0{
  padding-right: 0;
}
.table-payment{
  width: 350px;
  margin:0 13px 40px 0;
}
p.pay-box-header{
  clear: both;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}
.table-350-left{
  margin: 0 13px 0 0;
  width: 350px;
  padding-right: 0;
}
.table-390-left{
  margin: 20px 47px 0 0;
  width: 394px;
  padding-right: 0;
}
td div.input.f-left.zertificat_pay label{
  font-size : 10px;
}
td.pay-registerkassa-checkbox div.input.checkbox label{
  font-size : 12px;
}

.table-350-right{
  margin: 0;
  max-width: 370px;
  padding-right: 0;
  margin: 0 13px 0 0;
}
#user-edit-address{
  margin-bottom: 50px;
  margin-top: 78px;

  
}
#pay-user-edit-address{
  width: 370px;
  position: relative;
  /*top: 28%;
  left: 50%;*/
}
.pay-gespart{
  font-size:14px;
  color:#6FCB85;
}
form#UserPayForm td{text-align: left;}
.table-350-right div.zipcode, .table-350-left div.zipcode{
  width: 120px;
  padding-right: 10px;
}
.table-350-right div.location, .table-350-left div.location{
  width: 220px;
}
#paypal_loading {background-color: #000000;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 7500;opacity: 0.8;}
.paypal_loading p{font-size: 12px;font-weight: bold; color: white; width:340px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-150px; padding-bottom:30px; text-align:center}



div.paypal-info {
  background: none repeat scroll 0 0 #f6f6f5;
  height: auto !important;
  margin: 20px auto 0;
  min-height: 400px;
  padding-top: 0px;
  width: 480px;
}
div.paypal-info div#logo-small {
  background: url("/img/login_logo.png") no-repeat scroll left center transparent;
  margin: 0 auto;
  width: 200px;
}


div.pay-info-box-options table,  div.pay-info-sum-box table{
  margin:10px 20px;
  width: 440px;
}
div.pay-info-box-options table td,  div.pay-info-sum-box table td{
  padding:5px 5px;
}

div.pay-info-box-options tr.options td, div.pay-info-sum-box table tr td{
  text-align: left;
   font-size:12px;
   font-weight: bold;
}
div.pay-info-box-options tr.options td.price, div.pay-info-sum-box table tr td.price {
  text-align: right;
  font-size:12px;
   font-weight: normal;
}

div.pay-info-box-options table tr.even, div.pay-info-sum-box table tr.even{background-color:#ffffff;}
div.paypal-info p{font-weight: bold; font-size:12px;margin-left:20px;}
.paypal-h1{
  font-size:17px;margin:0 0 10px 20px;padding-top:20px;
}
div.pay-info-sum-box{margin-top:30px;}

.abo-btn-input{font-weight: bold;background: none repeat scroll 0 0 #6ebf63;color: #fff;cursor: pointer;display: inline-block;font-size: 13px;margin: 0 auto;text-align: center;width: 120px;}
.abo-btn-input{padding:5px 0px;}
.abo-btn{margin:20px 0 20px 180px;}
div.paypal-info p.paypal-comment{font-size:10px;font-weight: normal;padding-bottom: 5px; margin-right: 10px;}

div.paypal-info div#paypal-logo {
  background: url("/img/paypal.png") no-repeat scroll left center transparent;
  float: right;
  margin-right: 10px;
  margin-top: 15px;
  width: 110px;
}
div.paypal-info div#paypal-logo a {
  display: block;
  height: 30px;
  text-indent: -9000px;
}

#UserEditForm .input.checkbox.user-plugin-checkbox{
  float: left; width: 40%;padding-right: 0;
}

#UserEditForm .input.user-plugin-price{
  float: left;
  width:auto;
  padding-right: 0;

}
tr.user-plugin-tr td{
  padding-bottom:10px;
}
.user-plugin-sum{
  width: 30%;
  float:right;
  margin-bottom:15px;
}
div.user-plugin-sum table{
   width: 100%;
}
div.user-plugin-sum tr td{text-align: left;}
div#more_adresses div.td-1 div, div.td-2 div, div.td-3 div, div.th{padding: 0 10px 0 0;}
div#more_adresses div.clearfix, div#more_contacts div.clearfix{margin-bottom:10px;}

div#more_adresses .tr, div#more_contacts .tr{padding-top:10px; padding-left:10px}


div.list div.list-2 table tbody tr td.blRed{
  background-color:red;
}
div.list div.list-2 table tbody tr td.blOrange{
  background-color:orange;
}

.userback-button-container .userback-button[wstyle=circle] {
width: 60px !important;
height: 60px !important;
}

.collection-ibox p { font-size:9pt;}
.collection-ibox .collection-msg{padding:2px 0 10px 0;}
.collection-ibox {padding:0 10px;}
.collection-ibox .sendCollection {
background-image: url(/img/icons/newspaper_add.png);
}
.collection-ibox{background-color: #f6f6f6;height: 100%;}
.collection-ibox .write{border: 1px solid #dddddd !important;background-color: #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:10px;margin-bottom: 5px;}
div.write p span{padding-right: 20px;}
.collection-ibox h2{margin: 0;}
.collection-ibox h3{margin-left: 10px;}
.collection-ibox h4{padding-bottom: 10px;}
.collection-ibox .bill-info{margin-top:10px;}
.collection-ibox .submit{margin-left:280px;}
.collection-ibox .frage{clear: both;}
.collection-ibox ul{margin-bottom: 10px;}
.collection-ibox li {background-image: url(/img/icons/check.png);background-repeat: no-repeat;padding-left: 35px;padding-bottom: 10px;font-size:15px;}
.collection-ibox a{color: #81b900;}
div.collection-ibox div.collection-email div.bill-info.write a.pdf-view{float:right;margin-top:-20px;margin-right: 20px;}
.collection-ibox .schuldner{float:left; width:46%;}
.collection-ibox .glaeubiger{float:right;width:46%;}
#filter-elementbox, #filter-finapi-elementbox{width:900px; position: relative;}

#filter-elementbox .input.select, #filter-finapi-elementbox .input.select  {
margin-bottom: 20px;
}
#CashbookForm > * {
margin: 10px 0;
}



/*.input.select.reminder_level {
position: absolute;
left: 530px;
}*/
div#filter-elementbox div.input.select.reminder_level, div#filter-finapi-elementbox div.input.select.reminder_level{
  clear: none !important; 
}

select#CostUnitId {
margin-right: 6px;
}

select {
height: 40px;
background: #F8F9FA;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 4px;
}
.pipedrive-div {width:200px;margin-top:10px;}
.pipedrive-div input {width:180px;}
.pipedrive-div img{margin-left:5px;}
.pipedrive-add-btn {background: transparent url(/img/icons/link_add.png) no-repeat left center; }
.back {background: transparent url(/img/svg_icons/arrow_left.svg) no-repeat left center;  padding: 11px 70px !important; background-position: 47px center !important;}
div.submit:hover .back {background: transparent url(/img/svg_icons/arrow_left_white.svg) no-repeat left center; }
.back-button-datamolino{ float: right;margin-top: -56px;margin-right: 10px;}
.openerpConnection-button-row{margin-top:10px;}
.openerpConnection-button-row .submit{float:left;}
.openerpConnection-button-row .save-buttom{margin-right:10px;}
div.openerp_text{text-align: center;}
div.openerp_text p{padding:5px 60px;}
div.openerp_text p a{text-decoration: underline;}
div.openerp_text .small p {font-size:8pt;}
#RegisterMehr{font-size: 10px; color: rgb(110, 191, 99);font-weight: normal;}

/*.documentscan-file-input {
margin: 5px 20px 20px 0px; 
}*/
.documentscan-file-input{
  margin: 5px 20px 20px 20px;
  width: 350px;
}


.or-text{
  margin-left:20px;
}

/*.upload-button {
  background: transparent url(/img/icons/add.png) no-repeat left center;
  padding-left: 20px;
}*/
/*.upload-button {background: transparent url(/fontawesome/svgs/duotone/cloud-upload-alt.svg) no-repeat left center; 
  padding-left:20px; clear:both; display:block; float:left;background-size: 18px;}
*/

.documentscan-file-input input[type='file'] {
border: none;
padding: 0;
height: auto;
}

.lineDot{
   border-bottom: 0.5mm dashed #000;
   margin-bottom: 2.5mm;
  padding-bottom: 1.5mm;
}

.balance-transaction, .balance-sum-block{
  margin-top : 10px;
}
.balance-transaction .text, .balance-sum-block .text{
  float:left;
  width: 70%;
}
.balance-transaction .price, .balance-sum-block .price{
  float: right;
  text-align: right;
  width: 30%;
}
.balance-transaction .sum, .balance-sum-block .sum{
  border-top:1px solid #000000;
}

table.bon-view td, table.bon-view th {
  padding:3px; 
}
table.bon-view h4 {
  font-size:12px;
}
table.bon-view .gesamtpreis , table.bon-view .rabatt, table.bon-view .einzelpreis {
  white-space:nowrap;
}
.mb5{
  margin-bottom:5px;
}
.balance-text-box{
  margin: 10px auto;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 7px;
  text-align: center;
  font-size: 14pt;
  color: rgb(0, 0, 0);
  font-weight: bold;
}
div.cash-info-box{text-align: center;}
div.cash-info-box p{padding:5px 60px;}
div.cash-info-box p a{text-decoration: underline;}
div.cash-info-box .small p {font-size:8pt;}

/*.overlay .updone {
font-size: 11px;
top: 8px;
line-height: 0px;
color: #515253;
}*/
#dropbox{
    min-height: 230px;
    overflow: hidden;
    position: relative;
    background: none repeat scroll 0 0 #F7F7F7;
    border-radius: 8px;
    box-shadow: 0 0 10px #C0C0C0 inset;
    text-align: center;
    /*text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);*/
    transition: all 0.5s linear 0s;
    z-index: 2;
    border:1px solid #fff;
    margin: 0 20px 5px;
    height: 150px;
    overflow: auto;
    padding: 10px 0;
    clear:both;
  
}
#dropbox .text{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
   text-align: center;
   font-size: 24px;
    color: #8F8F8F;
   margin-top: 4%;
}

.eachImage {
  float: left;
  /*margin: 28px;*/
  margin:5px 10px;
  position: relative;
  /*width: 205px;*/
  width:96%;
  text-align: center;
  z-index: 10;
  line-height: 0px;
}
.preview{
    display: inline-block;
    position: relative;
}
.preview img{
  border: 3px solid #FFFFFF;
  box-shadow: 0 0 2px #000000;
  display: block;
  max-height: 200px;
  max-width: 200px;
  box-shadow: 0px 0px 10px 1px #484848;
}
.overlay{
  background: rgba(255, 255, 255, 0.5);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.overlay .updone{
  position: relative;
  text-align: right;
  /*text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);*/
  transition: all 0.5s linear 0s;
  /*font-size: 25px;*/
  font-size:11px;
  top:8px;

  z-index:9999;
}
.overlay span{
  position: absolute;
  top: 35%;
  color: black;
  font-weight: bold;
}

.eachImage {
margin-left: 10px;
}
.eachImage .progress span{
background: #6FCB85;
border-radius: 3px;
box-shadow: none;
display: flex;
align-items: center;
height: 20px;
}
.progress span{
  float: left;
  position: relative;
  text-align: left;
  /*text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);*/
  transition: all 0.5s linear 0s;
  /*font-size: 25px;*/
  font-size:11px;
  color: #000;
  font-weight: bold;
  line-height: 130%;
  padding-left:10px;
} 
.progress span{
  width: 0px;
  display: block;
  text-align: right;
  height: 16px;
 
  background-color: rgb(43,194,83);
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(43,194,83)),
      color-stop(1, rgb(84,240,84))
      );
  background-image: -webkit-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
      );
  background-image: -moz-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
      );
  background-image: -ms-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
      );
  background-image: -o-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
      );
  -webkit-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.progress span.classerror{
  background-color: rgb(232,49,49);
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(232,49,49)),
      color-stop(1, rgb(235, 9, 9))
      );
  background-image: -webkit-linear-gradient(
      center bottom,
      rgb(232,49,49) 37%,
      rgb(235, 9, 9) 69%
      );
  background-image: -moz-linear-gradient(
      center bottom,
      rgb(232,49,49) 37%,
      rgb(235, 9, 9) 69%
      );
  background-image: -ms-linear-gradient(
      center bottom,
      rgb(232,49,49) 37%,
      rgb(235, 9, 9) 69%
      );
  background-image: -o-linear-gradient(
      center bottom,
      rgb(232,49,49) 37%,
      rgb(235, 9, 9) 69%
      );
  -webkit-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}


.clearfix.f-left.index-sum h4{
margin-top: 0;
}

table#DatamolinoTable tr.newInsert{
    background:#61b637;
}
.rePanel {
  background-color: #fff;
  margin: 0 auto;
  padding: 4mm 4mm 1mm 4mm;

}
.rePanel {
  border: 1px solid #aaa;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.bon-footer{padding-top:3mm;}
.bon-footer p {font-size:11px;}
.bordertop {
  border-top: 0.5mm dashed #000;
}
div.cash-index-sum {width:350px;}
.statistic-side-checkbox{margin-top:5px;}
.m-auto{margin:0 auto;}
/*.cashpoint {
background-color: #ffffff; 
background-image: url(/img/svg_icons/cash_machine.svg);
background-repeat: no-repeat;
}
div.submit:hover .cashpoint {background-image: url(/img/svg_icons/cash_machine-white.svg); }
*/
/* Bon Settings*/
div.bon_textarea {
  height: 125px;
}
#BonLayout a img {
  border: 1px solid #777777;
  margin-right: 10px;
}
#BonLayout {
  width: 200px;
}
/* .bigbutton{
  width: 100% !important;
} */
.cockpit-cashpoint {
  margin-top:10px;
  box-sizing: border-box; 
  padding: 0 !important;;
}
/* .cockpit-cashpoint span input:hover {
background-color: #6FCB85 ;
border: 1px solid #6FCB85;
color: #ffffff;
} */

.qty {
  width: 68px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  background-color: #F3F4F5;
}
input.qtyplus { 
color: #6FCB85;
background-color: transparent;
width: auto;
padding: 8px;
margin-left: 6px;
cursor: pointer;
font-size: 16px;
}
input.qtyminus { 
/*color: #9F9EA9;*/
color: #515253;
background-color: transparent;
width: auto;
padding: 8px;
margin-right: 6px;
font-size: 18px;
width: 27px;
cursor: pointer;
}

table#user-edit-address, table#user-edit-bank1,table#pay-user-edit-address
table#user-edit-bank2 {
width: 394px;
}
table#user-edit-address div.location, table#pay-user-edit-address div.location {
width: auto;
}
.printer-name{
text-align: left;
font-size: 18px;
line-height: 24px;
font-weight:bold;
margin-bottom: 24px;
}
.printer-price{
font-weight: bold;
font-size: 24px;
line-height: 24px;
color: #515253;
margin-top: 30px;
}
.printer-ust{
font-weight: normal;
font-size: 12px;
line-height: 24px;
color: #515253;
margin-bottom: 16px;
}
.printer-img{
  width:211px;
}
.printer-quantry {
display: flex;
align-items: center;
justify-content: flex-end;
}
.printerlist .tr-line {
border-bottom: 1px solid #EEEEEF;	
}
.printerlist .tr-line:last-child {
border-bottom: unset;	
}

.printerlist td {
padding-top: 30px;
padding-bottom: 30px;
text-align: right;
}
.printerlist td:first-child {
padding-right: 20px;
}
.printerlist td:last-child {
padding-left: 20px;
}
.printer-text{
margin-bottom: 14px;
text-align: left;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #515253;
}
.printer-text-secondary {
/*color: #9F9EA9;*/
color: #515253;
font-size: 16px;
}

div.printer-pay-info {
  background: none repeat scroll 0 0 #f6f6f5;
  height: auto !important;
  margin: 20px auto 0;
  padding-top: 0px;
  width: 480px;
}

div.printer-pay-info p{font-weight: bold; font-size:12px;margin-left:20px;}
div.printer-pay-info p.paypal-comment{font-size:10px;font-weight: normal;padding-bottom: 5px; margin-right: 10px;}

div.printer-adress-info {
  background: none repeat scroll 0 0 #f6f6f5;
  height: auto !important;
  margin: 10px auto 0;
  padding-top: 0px;
  width: 480px;
}
div.printer-pay-info .pay-info-sum-box{
  padding-bottom:10px;
}
.printer-adress-info table{
      margin: 10px 20px;
  width: 440px;

}
div.printer-adress-info div.zipcode {

  padding-right: 10px;
}

.printer-adress-info label {
  text-align: left;
}
.printer-adress-info table input, .printer-adress-info table textarea, .printer-adress-info table select{
  background-color: #FFFFFF;
}
.printer-adress-info .abo-btn{
  margin:0;
  padding:20px 0 20px 130px;
}
div.printer-adress-info div.abo-btn input.abo-btn-input{
  width: 221px;
}
.printer-adress-info .deliverAddress{
  margin: 0 0 10px 20px;
  padding-top: 20px;
}
.printer-list-name{
  width: 80%;
}
.pl40{
  padding-left:40px;
}
.pr20{
  padding-right:20px;
}
.saldo-sum{
  border-top: 1px solid #494f55;
}
.reminder_level_1 { background: transparent url(/img/icons/m1.png) no-repeat left center; 
                                  padding-left:20px;  }
.reminder_level_2 { background: transparent url(/img/icons/m2.png) no-repeat left center; 
                                  padding-left:20px;  }
.reminder_level_3 { background: transparent url(/img/icons/m3.png) no-repeat left center; 
                                  padding-left:20px;  }
.w250{width: 250px;}

.disabled, .disabled select {
  background-color:#ffffff;
}
.w-350{
  width: 350px;
}
.m20{
  margin:20px !important;
}
.mr10{
 margin-right:10px !important; 
}
.mr20{
  margin-right:20px !important; 
 }
.mr30{
  margin-right:30px !important; 
 }
.mr40{
  margin-right:40px !important; 
 }
 .editable{
  cursor: pointer;
 }
.cash-edit-transactions{
  margin:20px;
}
.cash-edit-transactions td, .cash-edit-transactions th{
  padding-bottom:10px;
}
#CashPayForm{margin:20px} 

div.sortableCashHomeContainer { }
div.sortableCashHomeContainer div.sortable {border:1px solid black; margin-bottom:1px;}
div.sortableCashHomeContainer div.sortable div{
clear:none;
}
div.sortableCashHomeContainer div.inactive {
          filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;	


}
div.sortableCashHomeContainer div.hover {
border-bottom:1px solid black;
}
div.sortableCashHomeContainer div.sortable div.td-1 {
      float:left; 
      width:20px;
      font-weight:bold; 
      text-align:center; 
      height:100%;
/*border-right:1px solid black;*/
      cursor:move;
      position: absolute;
}
div.sortableCashHomeContainer div.sortable div.td-2 {
float:left; 
      width:200px; 
      min-width:200px;
      padding-left:30px;
      cursor:move;
      display:block;

}
div.sortableCashHomeContainer div.sortable div.td-3 {
  float:left; 
      width:370px; 
      padding-left:10px;
      cursor:move;
}


div.sortableCashHomeContainer div.sortable div.td-4 {
float:left; 
      width:0px; 
      padding-top:2px;
}
div.sortableCashHomeContainer div.sortable div.td-5 {
float:right; 
      width:60px; 
}
div.sortableCashHomeContainer div.sortable input {
width:auto;

}
div.sortableCashHomeContainer div div
table.sortableCashHomeContainer {
border-collapse:collapse;
}
table.sortableCashHomeContainer tr td {
border:1px solid black;
padding:2px 5px;
text-align:left;
font-size:8pt;
}
table.sortableCashHomeContainer tr.hover td, table#sortableCashHomeContainer td.hover th {
background-color:#d5d5d5;
}

table.sortableCashHomeContainer tr th {
border:1px solid black;
padding:2px 5px;
font-size:8pt;
}

div#filter-button div#search form#SearchForm.ajax{
  margin-top: 0px !important;
}
#SearchForm, #IboxSearchForm {
display: flex;
align-items: center;
justify-content: flex-end;
}
#SearchForm  #binocular, #IboxSearchForm #binocular{
cursor: pointer;
width: 30px;
padding:0;
}
#IboxSearchForm {
  margin-top: 20px;
    margin-bottom: 5px;
}


div#filter-button div#search p.error{
  margin-top: -20px !important;
}
div#filter-button{
  margin-right: -135px;
}
div#ProjectFilter div#filter-button{
  margin-right: 0;
}
div#CostUnitFilter  div#filter-button{margin-right: 0px;}
#FilterForm div.input.select select{
  font-size: 14px;
}
div.index-sum h4{
  text-align: right;
}

#iboxAjaxLoading{position:fixed;top:0px;right:0px;width:100%;height:100%;background-color:#666;background-image:url('/img/loader.gif'); background-repeat:no-repeat;background-position:center;z-index:10000000;  opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */}
.cash {
background: transparent url(/img/svg_icons/cashier-disabled.svg) no-repeat left center;
padding-left: 20px;
}
.cash-stofromin {
  background: transparent url(/img/icons/cancellation-in.png) no-repeat left center;
  padding-left: 20px;
}
.h125{
height: 125px !important;
}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
#settings-bon-margins{width:100%}
#settings-bon-margins td{padding-right:10px;padding-bottom: 20px;}
#settings-bon-margins td .input{width:172px;}
.incommingbill-td-ust2{margin-top:-24px !important}
.w-auto{width: auto !important;}
.only-sum{padding-right:10px;}
.view-fromBill-text{
  font-size: 14px;
  font-weight: bold;
}
#associates_refresh {
  float: right;
  margin: 2px 4pt 0pt 0pt;
}

/*
div.td-occurrence-default{width:200px;}
#occurrences a.deleteRow {
  width: 50px;
  position: absolute;
  top: 4px;
  right: 0;
  clear: right;
  display: block;
}*/

#TableCategoryTableCount{
  height:20px;
  margin-top:1px;
  margin-right:20px;
  float:left;
  width: 50px;

}
.tableDeleteRow, .printerDeleteRow, .occurrencesDeleteRow{
  float:none !important;
  line-height: 200%;
}
.th-position-number{
  width: 20px;
}
div.td-table, div.td-person, div.td-status
{ 
  width:130px;
  float:left;
  padding-right: 5px;

}
.td-4{
  clear: both;
  padding-top:5px;
}
.td-subheading{
  float:left;
  padding-right: 7px;
}
.new-position-table {background-color:#fcf8e3;}
.table-select-empty{
border: 2px solid red;
color: red; 
}    
.cashboxs-articlecategory{
      width: 15px;
  height: 15px;
  padding: 0;
  position: absolute;
  right: 110px;

}
.td-hasArticle_ust {
  width: 100px;
}
div.td-garnish, div.td-garnish-name{
  width:360px;
}
.ml138{
  margin-left:138px;
}
.BonSettingsCheckouts{
  width: 350px;
  float: right;
  padding-top:10px;
}
.mt-5{margin-top:5px;}
.mt-15{margin-top:15px;}
.certificateIboxContent{
  margin:10px 20px;
}
.certificateIboxContent .date{
  width: 200px !important;
}
.certificateIboxSubmit{
  margin-top:17px;
  float:right;
}

.pl-5 {
  padding-left: 5px;
}
.pl-30 {
  padding-left: 30px;
}
#certificate-info th, #certificate-info td{
  padding-top:5px;
}
p.certificate-info-text{margin-top:10px;margin-bottom:20px;}
p.certificate-info-text a{color: #83B817;}
.f-11{font-size:11px;}
.time-filter{width:45px; margin-top:24px; margin-right: 8px !important;}
.pl2 {padding-left:2px;}
.cash-filter-start-date{margin-left:20px;}
.cash-filter-end-date {margin-left:453px;}
.disabled-all-childs{
  pointer-events: none;
  opacity: 4;
}
ul.printers {
list-style-type: none;
padding-left: 0;
}

ul.printers li {
padding-bottom:8px;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #515253;
text-align: left;
display: flex;
align-items: flex-start;
}
ul.printers li:before {
content: '';
width: 11px;
background: #000;
height: 1px;
flex-shrink: 0;
margin-right: 6px;
margin-top: 11px;

}
.f-14{font-size:14px;}
.td-article_settings_articles-name{padding-right: 90px !important; }
.td-article_settings_occurrence{padding-right: 153px !important;}

.cash-in {
  background: transparent url(/img/svg_icons/arrow_incoming.svg) no-repeat left center;
  padding-left: 20px;
}
.cash-out {
  background: transparent url(/img/svg_icons/arrow_outgoing.svg) no-repeat left center;
  padding-left: 20px;
}
.cash-stofromout {
  background: transparent url(/img/icons/cancellation-out.png) no-repeat left center;
  padding-left: 20px;
}
.cash-agin {
  background: transparent url(/img/icons/cash-agin.png) no-repeat left center;
  padding-left: 20px;
}
.cash-agout{
  background: transparent url(/img/icons/cash-agout.png) no-repeat left center;
  padding-left: 20px;
}
.cash-last{text-align:left;padding-left: 10px !important; padding-right: 0px !important;}
.sing_not_found{text-align:center;}
div.td-costunit {float: right !important;}
#main_lang_popup div.tab {
  width: 94%  !important;
}
#cost_umsatz_article {float: left; text-align: right; clear: both;}
.ml-15{
  margin-left:15px;
}
.null_beleg_btn {background: transparent url(/img/icons/null_beleg.png) no-repeat left center; }

.ArticlesAccountDeleteRow{
  margin-top:5px;
}
.w-150 {width:150px;}
.w-110 {width:110px;}
.w-154 {width:154px;}
.w-210 {width:210px;}
.w-185 {width:185px;}
.w-355{width: 355px;}

#articles_accounts .error input, #articles_accounts .error select {
  border : 1px solid red;
}
#articles_accounts .error-message{ display:none;}
.periodic_bill_discount_block .discount_outer {
  height: auto;
}
#articles_accounts .td-article_account_number{
  width:105px;
  padding-left:5px;
}
 #articles_accounts .td-article_account_ust_option,
 #articles_accounts .td-article_account_associate_category_id,
 #articles_accounts .td-article_account_cost_unit {
  width:140px;
}

#articles_accounts .td-article_account_type {
  max-width:130px;
}

.discount_pbill_bottom{width: 196px; float: right;}

.max-account-text{float:left; padding-left: 10px;}
.costunit-article-tabs ul.tabs{
  width:100%;
}
.mb-10 {margin-bottom:10px;}
.mt-40{margin-top: 40px;}
.dsgvo_signature{height: 140px !important;}
#dsgvo-address label, #dsgvo-address-2 label {
  float: left;
}


.grid {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin: -12px;
}
.grid > .grid-item {
padding: 12px;
}

.width-1-1 {
width: 100%;
}
.width-1-2 {
width: 50%;
}
.width-1-3 {
width: 33.33%;
}
.width-2-3 {
width: 66.66%;
}
.width-1-4 {
width: 25%;
}
.width-3-4 {
width: 75%;
}
.width-1-5 {
width: 20%;
}
.width-2-5 {
width: 40%;
}
.width-3-5 {
width: 60%;
}
.width-4-5 {
width: 80%;
}
.width-1-42 {
width: 300px;
}
.width-3-33 {
width: 70%;
}
#TextLang, #TextTextCategoryId{
width: auto;
}

.sidebar-view{
width: 265px !important;


.send_input_after{
    font-size: 10px;
}
.send_input_after a {
    color: #83B817;
}
.change_netto{
    width: 300px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}
.changeCategoryUst{
      margin: 0 auto;
}
#discount_info{
    margin-bottom: 15px;

}
div#articles .even{background-color: #E7E7E7;}
.even{background-color: #E7E7E7;}

/*
.odd{
  background-color: #E7E7E7;
}
#articles .odd{
  background-color: #E7E7E7;
}
div#articles div.odd{
  background-color: #E7E7E7;
}*/

div#more_contacts div.td-title input{
  width: 180px;
}
p.switch_plattform{
  font-size: 13px;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 70px;
  width: 200px;
}
p.switch_plattform a{
  color: #83B817;
}

.bank_info{
	font-size:14px;
}