body,
table {
    font-size: 11px;
}

#fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 500;
}

#content {
    text-align: center;
    vertical-align: top;
    margin-top: 70px;
    width: 98%;
    padding: 25px 25px;
    background: #eef0f8;
}

#sortable {
    font-size: 1em;
}

#content .card-label {
    color: #283126;
}

#sortable th {
    color: #368128;
}

.btn.btn-yes {
    background-color: rgba(220, 243, 193, 0.3);
    color: #368128;
    /* border-color: #368128;*/
}

#modal-auftrag .nav-link {
    color: #368128;
}

#login-page {
    background-color: #fff;
    display: block !important;
    z-index: 7000;
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    padding: 250;
}


/*
#sortable{
    border-collapse: collapse;

}
#sortable td, #sortable th{
    padding: 5px;
}


#sortable, #grid{
	margin: 20px auto; 
	max-width: 90%;
}*/

#edit-form,
#dialog-aendern,
#kunde-edit-form,
#client-edit-form,
#an-client-edit-form,
#oplist-druck-form,
#oplist-send-form,
#zahlungsliste-druck-form,
#offene-rechnungen-druck-form,
#umsatzlisteliste-druck-form,
#zuordnen-form {
    text-align: left;
}

#edit-form label,
#client-edit-form label,
#an-client-edit-form label,
#login-form label,
#dialog-aendern label,
#kunde-edit-form label,
#oplist-druck-form label,
#zahlungsliste-druck-form label,
#offene-rechnungen-druck-form label,
#umsatzlisteliste-druck-form label {
    width: 115px;
    display: inline-block;
    margin: 6px 0 0 0;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
    font-size: 1.1rem;
}

#edit-form input,
#kunde-edit-form input,
#login-form input,
#edit-form select,
#dialog-aendern input,
#dialog-aendern select,
#client-edit-form input,
#client-edit-form select,
#an-client-edit-form input,
#an-client-edit-form select,
#buchung-druck-form input,
#rechnung-druck-form input,
#oplist-druck-form input,
#oplist-send-form input,
#zahlungsliste-druck-form input,
#offene-rechnungen-druck-form input,
#umsatzlisteliste-druck-form input {
    width: 200px;
    margin: 6px 20px 0 0;
}

#kunde-edit-form .info-label {
    width: 200px;
    margin-right: 3px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 1.1rem;
}

#edit-form .zwischen-label {
    width: 130px;
}

#edit-form .info-label {
    width: 200px;
    margin-right: 3px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 0.75rem;
}

#fieldset-reise #form_input_customs_code1,
#fieldset-reise #form_input_customs_code2,
#fieldset-container #form_input_gestellung_via_reeder,
#edit-form .form-input-unterteilung,
#zahlungsliste-druck-form #form_input_bezahlart1,
#zahlungsliste-druck-form #form_input_bezahlart2,
#zahlungsliste-druck-form #form_input_bezahlart3,
#zahlungsliste-druck-form #form_input_bezahlart4,
#dialog-edit #form_input_fix_flag1,
#dialog-edit #form_input_fix_flag2,
#edit-form .import_check,
#dakosy-versand-list input {
    margin-right: 3px;
    margin-left: 3px;
    width: 15px;
}

#log-dialog .ui-dialog-titlebar-close {
    visibility: hidden;
}

.invisible,
#gf-zahlungsziel-label.invisible,
#bank-label.invisible,
#iban-label.invisible,
#bic-label.invisible {
    display: none;
}

.invisible2 {
    display: none;
}

#edit-form .ladeart-radio {
    margin-right: 3px;
    margin-left: 3px;
    width: 15px;
}

#edit-form .input-with-icon {
    margin-right: 3px;
}

.big-textfield {
    width: 840px;
    margin-top: 6px;
}

#edit-form .mini {
    margin-right: 6px;
    width: 55px;
}

#edit-form .midi {
    margin-right: 6px;
    width: 85px;
}

#bar1 {
    display: block;
}

#bar1 a {
    border: 0;
    margin: 5px;
}

#login-box {
    position: fixed;
    top: 10px;
    right: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.0em;
    text-align: right;
}

.info-label {
    font-size: 0.7em;
}

.ui-widget-content2 {
    /*background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;*/
    border: 0px solid #AAAAAA;
    color: #222222;
}

.disabled {
    background-color: #eee;
}

#fieldset-auftrag #form_input_id {
    font-weight: 700;
    font-size: 1.2em;
}

#fieldset-auftrag label {
    width: 70px;
}

#fieldset-auftrag input {
    width: 90px;
    text-align: right;
}

.selected-row td {
    background-color: #ffffcc;
    background-image: none;
}

#login-container {
    width: 400px;
    margin: 0px auto;
}

#login {
    width: 100%;
}

#form_input_cred,
#form_input_cred_verm,
#form_input_cred_firma {
    width: 150px;
}

#auftrag_cred input,
#auftrag_deb input {
    width: 95%;
}

#angebot_cred input,
#angebot_deb input {
    width: 95%;
}

#auftrag_cred #form_input_cred_mwst {
    width: 50px;
}

#auftrag_deb #form_input_deb_mwst {
    width: 50px;
}

#edit-form th,
#kunde-edit-form th {
    text-align: left;
}

#logout-box-open {
    color: #ffffff;
}

.modal-xxl {
    width: 1400px;
    max-width: 1400px;
}

.modal:nth-of-type(even) {
    z-index: 1052 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}

#modal-auftrag .modal-content {
    min-height: 920px;
}

#login-letter {
    color: #368128;
    background-color: #8bff09;
}

.ui-autocomplete {
    z-index: 4000;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    background-color: #fff;
    border: 1px solid #aaaaaa;
    color: #222222;
    width: 300px;
}

.ui-autocomplete li {
    list-style: none;
    padding: 5px;
}

.ui-autocomplete li:hover {
    list-style: none;
    background-color: #ccc;
}

.btn.btn-outline-simple {
    color: #007bff;
    background-color: transparent;
    border-color: #fff;
}

.btn.btn-outline-simple:hover {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

@media print {
    #sortable {
        display: none;
    }
    #modal-auftrag {
        display: block;
    }
}