/** {*/
/*    box-sizing : border-box !important;*/
/*}*/

body {
    background-color : #2A2A34 !important;
}

.alert {
    padding : 32px;
    margin  : 32px 0;
}

.float-right {
    float : right;
}

.va-top {
    vertical-align : top;
}

.va-bottom {
    vertical-align : bottom;
}

.va-center, .va-middle {
    vertical-align : middle;
}

table.va-top tr td {
    vertical-align : top;
}

table.nowrap tr td,
.nowrap {
    white-space : nowrap !important;
}

.full-width {
    width : 100%;
}

.main-sub,
.content {
    margin-top : 0px;
    min-height : 100vh;
}

body.login .main-sub {
    padding-top : 64px;
}

fieldset {
    margin        : 16px 0 !important;
    padding       : 16px !important;
    border-radius : 4px;
    border        : 1px solid rgba(0, 0, 0, 0.25) !important;
}

fieldset legend {
    width           : auto !important;
    display         : inline-block !important;
    margin          : 0 16px !important;
    padding         : 0 16px !important;
    text-decoration : none !important;
    font-size       : 20px !important;
    color           : rgba(0, 0, 0, 0.64) !important;
    border          : none !important;
}

label {
    font-weight : normal !important;
}

@media all and (max-width : 400px) {
    .content {
        padding : 64px 0px 0px 0px;
    }
}

#editmask.head_caption {
    margin : 16px 0;
}

#editmask.head_caption a,
#editmask.head_caption span {
    font-size        : 32px;
    background-color : #0072C6;
    padding          : 8px 16px;
    color            : rgba(255, 255, 255, 0.95);
}

#editmask, .head_caption {
    margin : 16px 0 32px -16px !important;
}

.boxtext table {
    border-collapse : collapse;
    /*border          : 1px solid rgba(0, 0, 0, 0.25) !important;*/
    margin-top      : 16px;
    margin-bottom   : 16px;
}

.boxtext table tr td,
.boxtext table tr th {
    border  : 1px solid rgba(0, 0, 0, 0.25);
    padding : 8px;
}

.boxtext table tr td a {
    /*padding : 1px 4px;*/
}

.link_help_aidnum {
    text-decoration : underline;
    color           : #0072C6;
    cursor          : pointer;
}

#dbox * {
    padding : 0;
    margin  : 0;
}

#dbox {
    padding          : 10px;
    margin           : 0;
    background-color : #FFFFFF;
    border           : 1px solid #AAAAAA;
    box-shadow       : 0 2px 10px -7px #000000;
}

#dbox #box {
    float            : left;
    padding          : 0;
    border           : 1px solid #AAAAAA;
    box-shadow       : 0 1px 5px -3px #000000;
    margin           : 10px;
    font-size        : 9pt;
    color            : #444444;
    background-color : #FFFFFF;
}

#dbox #box p.h {
    padding          : 4px 10px 4px 10px;
    font-size        : 10pt;
    font-weight      : bold;
    border           : none;
    border-bottom    : 1px solid #AAAAAA;
    text-align       : center;
    background-color : #EEEEEE;
    cursor           : default;
}

#dbox #box:hover {
    border     : 1px solid #444444;
    box-shadow : 0px 4px 10px -5px #000000;
}

#dbox #box:hover p.h {
    color         : #FFFFFF;
    border-bottom : 1px solid #000000;
}

#dbox #box div.c {
    padding : 5px;
}


#dbox #box table {
    border-collapse : collapse;
    border-radius   : 4px;
}

#dbox #box div.c table tr td {
    border  : 1px solid #CCCCCC;
    padding : 1px 4px 1px 4px;
}

#dbox #box div.c table tr:hover td {
    background-color : #F5F5F5;
}

#dbox #box div.c a {
    font-size     : 9pt;
    color         : #000000;
    margin        : 2px;
    padding       : 2px 4px 4px 4px;
    display       : inline-block;
    display       : block;
    border-radius : 2px;
    border        : 1px solid transparent;
}

#dbox #box div.c a:hover {
    border           : 1px solid #CCCCCC;
    background-color : #F7F7F7;
    color            : #000000;
    box-shadow       : inset 0px 2px 3px 0px #FFFFFF;
    text-shadow      : 1px 1px 1px #FFFFFF;
}

#dbox #box div.c a img {
    opacity  : 0;
    position : relative;
    top      : 3px;
}

#dbox #box div.c a:hover img {
    opacity : 1;
}

#dbox #box div.c p.recent_missions a {
    display       : inline;
    /*padding       : 0px;*/
    border        : none;
    margin        : 1px;
    padding       : 2px 4px 2px 4px;
    text-shadow   : none;
    box-shadow    : none;
    border-radius : 0;
}

#dbox #box div.c p.recent_missions span.href_bg:hover {
    background-color : #EEEEEE;
}

#dbox #box div.c p.recent_missions a:hover {
    border : none;
    color  : #FFFFFF;
}

#dbox #box div.c #termine {
    overflow-y : auto;
    max-height : 225px;
    max-width  : 400px;
    word-break : break-all;
}

#dbox #box div.c div#termine p.termin {
    color         : #000000;
    margin        : 2px;
    padding       : 3px;
    display       : block;
    border-radius : 5px;
    border        : 1px solid transparent;
    cursor        : default;
}

#dbox #box div.c div#termine p.termin:hover {
    border           : 1px solid #CCCCCC;
    background-color : #EEEEEE;
    color            : #000000;
    box-shadow       : inset 0px 2px 3px 0px #FFFFFF;
    text-shadow      : 1px 1px 1px #FFFFFF;
}

#dbox #box div.c div#termine p.termin:hover span.datum {
    text-decoration : underline;
}

#dbox #box div.c div#termine p span.termin_auftragsdetails {
    color     : #555555;
    font-size : 8pt;
}

#np_main_div {
    margin-top : 16px;
    /*margin  : 16px;*/
    /*padding : 16px;*/
}

#np_main_div p.mb {
    /*border-bottom : 1px solid #AAAAAA;*/
    /*padding       : 16px;*/
    margin  : 0 !important;
    padding : 0 0 0 16px !important;
}

#np_main_div .mb b {
    position                : relative !important;
    display                 : inline-block;
    padding                 : 5px 16px;
    margin                  : 0 2px !important;
    border                  : 1px solid rgba(0, 0, 0, 0.25) !important;
    border-bottom           : 1px solid transparent !important;
    cursor                  : pointer;
    font-weight             : normal;
    top                     : 0 !important;
    background-color        : #EEEEEE !important;
    opacity                 : 0.64 !important;
    border-top-left-radius  : 3px;
    border-top-right-radius : 3px;
}

#np_main_div .mb b i.fa {
    opacity : 0.5;
    /*font-size : 12px;*/
}

#np_main_div .mb b.ci.active i.fa {
    color   : #0072C6;
    opacity : 1.0;
}

#np_main_div .mb b.ci.active {
    top              : 1px !important;
    background-color : #FFFFFF !important;
    opacity          : 1.0 !important;
    padding          : 6px 16px 5px 16px;
    /*border-top-color : rgba(0, 0, 0, 0.40) !important;*/
}

#np_main_div > div {
    margin        : 0 !important;
    border        : 1px solid rgba(0, 0, 0, 0.25) !important;
    padding       : 16px;
    border-radius : 3px;
}


select[name] {
    padding          : 6px 12px;
    border-radius    : 3px;
    border           : 1px solid rgba(0, 0, 0, 0.25);
    background-color : #FFFFFF;
}

input[type="text"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="month"],
input[type="tel"],
input[type="search"],
input[type="url"] {
    border-radius    : 3px;
    background-color : #FFFFFF;
    padding          : 4px 12px;
    color            : rgba(0, 0, 0, 0.64);
    border           : 1px solid rgba(0, 0, 0, 0.25);
}

select {
    padding          : 4px 12px;
    background-color : #FFFFFF;
    border-radius    : 3px;
    border           : 1px solid rgba(0, 0, 0, 0.25);
}

textarea {
    border-radius    : 3px;
    background-color : #FFFFFF;
    padding          : 4px 12px;
    font-family      : "Microsoft Sans Serif", sans-serif !important;
    box-shadow       : none !important;
    resize           : none !important;
    resize           : vertical !important;
    border           : 1px solid rgba(0, 0, 0, 0.25);
}

#infobox {
    padding          : 16px;
    margin           : 16px 0;
    border           : 1px solid #B8DAFF;
    color            : #004085;
    background-color : #CCE5FF;
    border-radius    : 3px;
}

#menulink,
input[type="submit"],
input[type="button"],
#button,
.button,
#href_btn {
    padding       : 5px 16px !important;
    border        : 1px solid rgba(0, 0, 0, 0.25);
    border-radius : 3px;
}

table.borderless,
table.borderless tr,
table.borderless tr td,
table.borderless tr th {
    border : none !important;
}

table.hilite {
    margin : 16px !important;
}

.boxtext {
    padding : 16px !important;
}

table tr td.options {
    text-align : center;
}

table tr td.options a {
    display      : inline-block;
    margin-left  : 2px;
    margin-right : 2px;
}

form[name="profil"] > table,
form[name="profil"] > table tr td,
form[name="profil"] > table tr th {
    /*border : none !important;*/
}

table.positions {
    width : 100% !important;
}

table.positions thead tr td,
table.positions tr th,
table tr.trth td {
    padding          : 8px;
    background-color : #0072C6;
    white-space      : nowrap !important;
    color            : #FFFFFF;
}

table.positions tr td {
    vertical-align : top;
}

table thead tr td,
table tr th {
    white-space : nowrap !important;
}

textarea#report,
textarea#textarea_newpos {
    width : 8cm !important;
}

#archived {
    display          : block;
    color            : #CC0022;
    font-weight      : bold;
    background-color : #FFEECC;
    padding          : 8px;
    margin           : 8px 0;
    border           : 1px solid #FFDDAA;
    border-radius    : 3px;
}

.form-cupos table tr td,
#form_edit_position table tr td {
    vertical-align : top !important;
}

.form-cupos textarea {
    min-height : 128px !important;
}

/* Customer and order filter on forms */

form.co-search {
    transition       : all 1000ms ease;
    background-color : rgba(240, 240, 240);
    border           : 1px solid rgba(222, 222, 222);
    padding          : 8px !important;
    border-radius    : 6px !important;
    opacity          : 0.7;
}

form.co-search:hover {
    transition : all 0ms ease;
    opacity    : 1.0;
}

.co-search input,
.co-search select {
    width     : 200px !important;
    max-width : 200px !important;
    font-size : 11px !important;
}

.co-search input[type="submit"] {

}

.co-search table {
    margin : 0;
}

.co-search table tr td,
.co-search table tr th {
    padding : 2px 4px;
    border  : none;
}

hr {
    max-width : 100% !important;
}

.container {
    max-width : 100%;
}

.tab-pane {
    padding : 16px 8px;
}

table tr td.sdesc {
    color     : rgba(0, 0, 0, 0.5);
    font-size : 12px;
}

.disabled {
    pointer-events : none !important;
    opacity        : 0.5 !important;
    cursor         : not-allowed !important;
}

/* Tooltip */

#tooltip {
    padding    : 3px;
    background : #BBD0F6;
    border     : 1px solid #EEEEEE;
    text-align : center;
    font-size  : smaller;
}

span.tip {
    border-bottom : 1px solid #EEEEEE;
}

/* xxxxxxxxxxxxxxxxxxxxx */

.card h3,
.card h4 {
    padding : 8px;
    margin  : 0;
}

/* Pipe Separator */
span.ps {
    pointer-events : none;
    display        : inline-block;
    margin         : 0 2px;
    padding        : 0 2px;
    color          : rgba(0, 0, 0, 0.72);
    font-size      : 12px;
    opacity        : 0.5;
}

.half-opacity {
    opacity : 0.5;
}

td.td_preis {
    text-align : right;
}

td.td_einheit {
    text-align : center;
}

td.td_menge {
    text-align : center;
}

#col_desc {
    width     : 8cm !important;
    max-width : 8cm !important;
    word-wrap : break-word;
    font-size : 3.5mm !important;
    padding   : 1mm !important;
}

#pos textarea[name="report"] {
    width     : 8cm !important;
    max-width : 8cm !important;
    word-wrap : break-word;
    font-size : 3.5mm !important;
    padding   : 1mm !important;
}

table#pos tr td {
    font-family : "Microsoft Sans Serif", sans-serif !important;
}

.is_found_article {
    display          : block;
    font-size        : 11px;
    margin           : 5px 0;
    padding          : 4px;
    border-radius    : 3px;
    background-color : rgba(0, 0, 0, 0.05);
    cursor           : pointer;
}

.is_found_article:hover {
    background-color : #0072C6;
    color            : #FFFFFF;
}

body.archived-order form[name="profil"]:not(.co-search) [name],
body.archived-order form[name="form1"]:not(.co-search) [name],
body.archived-order form[name="form1"]:not(.co-search) [type="submit"],
body.archived-order #cb_preis_abschlag,
body.archived-order #tbl_form_dp a,
body.archived-order table.positions .options a,
body.archived-order .btn-remove-all-positions {
    pointer-events : none !important;
    opacity        : 0.5 !important;
}


/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */