html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin         : 0;
    padding        : 0;
    border         : 0;
    outline        : 0;
    font-weight    : inherit;
    font-style     : inherit;
    font-size      : 100%;
    font-family    : inherit;
    vertical-align : baseline;
}

/* remember to define focus styles! */
:focus {
    outline : 0;
}

body {
    line-height : 1;
    color       : black;
    background  : white;
}

ol, ul {
    list-style : none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse : separate;
    border-spacing  : 0;
}

caption, th, td {
    text-align  : left;
    font-weight : normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content : "";
}

blockquote, q {
    quotes : "" "";
}

a {
    text-decoration : none;
}

body {
    margin           : auto;
    text-align       : center;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 12px;
    height           : 100%;
    color            : #737373;
    background       : #ededed;
    background-image : url(/Content/img/bg.png);
}

.page {
    width      : 940px;
    margin     : 0 auto;
    background : #fff;
    margin-top : 20px;
    border     : 1px solid #cbcbcb;
    box-shadow : 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.15);
}

.pageBorder {
    padding : 5px;
}

#pageTitle {
    background  : #f8f8f8;
    color       : #b3b3b3;
    padding     : 10px 0px 10px 10px;
    font-size   : 24px;
    font-weight : bold;
    text-align  : left;
}

#header {
    background        : #fff;
    text-align        : left;
    background-repeat : no-repeat;
}

#headerContainer {
    height : 115px;
}

#headerTitle {
    text-align  : right;
    padding     : 30px;
    font-size   : 36px;
    font-weight : bold;
}

#header h1 {
    font-weight : bold;
}

#main {
    text-align : left;
    padding    : 5px;
}

#footer {
    text-align : left;
    background : #e7e6e5;
    padding    : 10px;
}

/* styles */

.bd {
    border : 1px solid #c6c6c6;
}

/* component */

.infobox {
    background : #f1f1f1;
    margin     : 10px;
    padding    : 20px;
    border     : 1px solid #d5d5d5;
    color      : #595959;
    font-size  : 12px;
}

.frmLbl {
    padding-left : 3px;
    font-weight  : bold;
    margin-top   : 5px;
}

.frmTbx input {
    border     : 1px solid #b2b2b2;
    padding    : 3px;
    margin-top : 5px;
    font-size  : 16px;
    width      : 250px;
}

.loginFrm {
    margin        : 0 auto;
    width         : 300px;
    margin-top    : 50px;
    margin-bottom : 50px;
}

.stockItemList {
  
}

.stockItemList thead td {
    font-size  : 14px;
    background : #666666;
    color      : #fff;
    padding    : 5px;
   
   
}

.stockItemList tbody td, .stockItemList thead td {
}

.stockItemList tbody td {
    padding        : 8px 3px 8px 3px;
    border-top     : 1px dashed #c6c6c6;
    vertical-align : top;
}

.fieldNum {
    text-align    : right;
    width         : 4%;
    padding-right : 10px;
    color         : #bdbdbd;
    font-size     : 10px;
}

.fieldBarcode {
    width : 15%;

}

.customLH {
    line-height : 1.4;
}

.fieldClient {
    line-height : 1.4;
    width       : 50%;
}

.notes-hint {
    background-color: #f79129;
    padding: 5px 10px;
    display: inline-block;
    color: white !important;
    font-weight: bold;
}

.fieldProfil0, .fieldProfil1, .fieldProfil2, .fieldProfil3 {
    width               : 5%;
    padding-top         : 20px;
    background-repeat   : no-repeat;
    text-align          : right;
    font-size           : 11px;
    background-position : 0px 10px;
}

.fieldProfil0 {
    background-image : url(../../Content/img/bullet_green.png);
}

.fieldProfil1 {
    background-image : url(../../Content/img/bullet_yellow.png);
}

.fieldProfil2 {
    background-image : url(../../Content/img/bullet_red.png);
}

.fieldProfil3 {
    background-image : url(../../Content/img/bullet_white.png);
}

.fieldStock {
    width      : 20%;
    text-align : center;
}

.fieldStock a {
    background          : #235bb7;
    border              : 1px solid #1b4791;
    color               : #ffffff;
    background-position : 15px 20px;
    background-repeat   : no-repeat;
    font-size           : 12px;
    font-weight         : bold;
    margin-top          : 3px;
    text-decoration     : none;
    padding             : 5px;
    display             : -moz-inline-stack;
    display             : inline-block;
    vertical-align      : top;
    padding             : 5px 10px 5px 10px;
    zoom                : 1;
    *display            : inline;
}

.fieldStock .ordered a {
    background-color : #f59f0b;
    border-color     : #d58b09;
}


.fieldStockState0, .fieldStockState1, .fieldStockState2 {
    background-repeat   : no-repeat;
    background-position : 2px 5px;
}

.fieldStockState {
    display: block;
    width: 24px;
    height: 36px;
}

.fieldStockState0 {
    background-image : url(../../Content/img/state_Out.png);
    background-color: #c21414;
}

.fieldStockState1 {
    background-image : url(../../Content/img/state_In.png);
     background-color: #22a927;
}

.fieldStockState2 {
    background-image : url(../../Content/img/state_Ordered.png);
     background-color: #f79129;
}

.errorBox {
    padding : 10px;

}

.errorBox div {
    margin : 5px 10px;
}

.inBoxFirst {
    float : left;
}

.inBoxNext {
    overflow : hidden;
    float    : left;
}

.inBoxLast {
    overflow : hidden;
}

.authBox {
    border-bottom : 1px solid #d2d2d2;
}

.companyBox {
    font-weight : bold;
    font-size   : 14px;
    padding     : 10px;
}

.btnArea {
    padding : 3px;
}

.btnArea a, .btnArea a:visited, .btnAreaInvert a, .btnAreaInvert a:visited {
    text-decoration     : none;
    color               : #4268ca;
    padding             : 5px;
    border              : 0px solid #d0d0d0;
    border-bottom-width : 3px;
    display             : -moz-inline-stack;
    display             : inline-block;
    vertical-align      : top;
    zoom                : 1;
    *display            : inline;
}

.btnArea a:hover {
    background : #4268ca;
    color      : #fff;
}

.btnAreaInvert a, .btnAreaInvert a:visited {
    background : #4268ca;
    color      : #fff;
}

.btnAreaInvert a:hover {
    color      : #4268ca;
    background : #fff;
}

.bodyContainer {
    margin-top : 20px;
}

.mainLeftBox {
    width : 200px;
}

.mainRightBox {
    padding    : 0px;
    border     : 1px solid #d0d0d0;
    background : #fff;
}

.customerMessageBox {
    padding    : 10px;
    border-top : 5px solid #d0d0d0;
    margin     : 3px;
}

.customerMessageBox h1 {
    font-weight   : bold;
    font-size     : 18px;
    color         : #fba105;
    padding       : 3px 0px 3px 0px;
    display       : block;
    border-bottom : 1px dashed #fba105;
}

.customerMessageBox h2 {
    font-weight : bold;
    font-size   : 12px;
}

.specialRequest a, specialRequest a:visited {
    margin-top      : 3px;
    text-decoration : none;
    color           : #fff;
    background      : #4268ca;
    padding         : 7px;
    font-size       : 14px;
    display         : -moz-inline-stack;
    display         : inline-block;
    vertical-align  : top;
    zoom            : 1;
    *display        : inline;
}

.specialRequest a:hover {
    background : #4268ca;
    color      : #fff;
}

.specialRequestBox {
    position   : absolute;
    background : #fff;
    padding    : 10px;
    width      : 890px;
    border     : 5px solid #d2d2d2;
    box-shadow : 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.15);
}

.sr_header {
    font-size     : 14px;
    font-weight   : bold;
    padding       : 10px 0px 5px 0px;
    border-bottom : 3px solid #6b6b6b;
}

.sr_footer {
    margin-top : 10px;
    background : #f5f5f5;
    padding    : 10px;
}

.specialRequestBox label {
}

.specialRequestBox textarea {
    height     : 100px;
    width      : 600px;
    margin-top : 3px;
}

.s_description {
    color     : #858584;
    font-size : 10px;
}

.br {
    border : 1px solid #FF0000;
}

.mainFiltersBox {
    background    : #f1f1f1;
    border-bottom : 2px solid #cdcdcd;
    padding       : 10px;
    box-shadow    : 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.mainFiltersBox select, .mainFiltersBox input {
    margin-top : 5px;
}

.filterContainer {
    padding : 0px;
}

.filterContainer .textSearch {
}

.s_extendedFilterContainer {

    padding       : 10px;
    background-color: #e8e8e8;
    border-radius: 5px;
}

.s_extendedFilterContainer input, .s_extendedFilterContainer select {
    width      : 100px;
    border     : 1px solid #b2b2b2;
    padding    : 3px;
    margin-top : 5px;
    font-size  : 12px;

}

.s_checkOptions {
    padding-top : 10px;
}

.s_checkOptions input {
    width : auto;
}

.filterOptionBox, .orderOptionBox {
    margin : 3px;
}

.s_submitBtn a {
    border-radius       : 15px;
    background-color    : #235bb7;
    border              : 1px solid #1b4791;
    color               : #ffffff;
    background-image    : url(../../Content/img/zoom.png);
    background-position : 15px 13px;
    background-repeat   : no-repeat;
    font-size           : 16px;
    font-weight         : bold;
    margin-top          : 3px;
    text-decoration     : none;
    padding             : 20px 20px 20px 20px;
    padding-left        : 55px;
    display             : -moz-inline-stack;
    display             : inline-block;
    vertical-align      : top;
    zoom                : 1;
    *display            : inline;
}

.s_submitBtn a:hover {
    background-color : #131f79;
}

.orderMask {
    border-top : 2px dashed #d2d2d2;
}

.orderMask .orderMaskContainer {
    padding    : 10px;
    margin-top : 10px;
    border     : 1px solid #d2d2d2;
    text-align : left;
}

.orderMask input, .orderMask select {
    width : 120px;
}

.orderMask .orderMaskTitle {
    border-bottom : 1px solid #d2d2d2;
    font-weight   : bold;
}

.orderMaskOptions select {
    width : auto;
}

.orderMaskOptions select option {
    padding : 3px;
    margin  : 2px;
    width   : auto;
}

.ui-datepicker-calendar tbody tr td {
    padding   : 1px;
    border    : 0px solid #d2d2d2;
    font-size : 11px;
}

a.simpleLink, a.simpleLink:visited {
    color           : #4c6b9e;
    text-decoration : none;
    padding         : 2px;
}

a.simpleLink:hover {
    text-decoration : underline;
}

.detailsTopic {
    width : 110px;
}

.detailsInfo {
}

.detailsClientNote textarea {
    width  : 300px;
    height : 60px;
}

.details {
}

.detailsItem {
    display : block;
}

.importantInfoBox, .veryimportantInfoBox {
    border           : 1px solid #fbe1ae;
    padding          : 10px;
    margin           : 10px;
    background-color : #fef1d8;
    line-height      : 1.4;
    color            : #c38101;
}

.veryimportantInfoBox {
    font-size    : 14px;
    border-color : #cf4e07;
    border-width : 3px;
    background   : #d21f0c;
    color        : #fff;
    box-shadow    : 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.mainActionMenue {
    padding-top   : 20px;
    font-size     : 14px;
    font-weight   : bold;
    border-bottom : 2px solid #cdcdcd;
    padding       : 10px 0px 0px 0px;
}

.mainActionMenue a {
    border           : 0px;
    background-color : #f5f5f5;
    padding          : 5px 20px 5px 20px;
}

a.exportPDF {
    text-decoration : none;
    color           : #4269c1;
}

a.exportPDF:hover {
    color           : #638be7;
    text-decoration : underline;
}

.fieldClient a {
    text-decoration : none;
    color           : #3f63a5;
}

.fieldClient a:hover {
    color           : #638be7;
    text-decoration : underline;
}

.actioButtons {
    padding : 10px;
}

.actioButtons a {
    text-decoration     : none;
    color               : #4268ca;
    padding             : 5px;
    border              : 0px solid #d0d0d0;
    border-bottom-width : 3px;
    vertical-align      : top;
}

input.input-padding {
    padding : 10px 10px;
}

input.input-padding-small, select.input-padding-small {
    padding : 5px 10px;
}