/*input[type="search"] {
  -webkit-appearance: searchfield;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}*/

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #FFFFFF;
    width: 1000px;
    height: 400px;
    border: 2px solid lightgray;
    border-radius: 12px;
    padding: 0;
}


.articleHistoryPopup {
    background-color: #FFFFFF;
    width: 1200px;
    height: 720px;
    border: 2px solid lightgray;
    border-radius: 12px;
    padding: 0;
}

.addressbookPopup {
    background-color: #FFFFFF;
    width: 1000px;
    height: 475px;
    border: 2px solid lightgray;
    border-radius: 12px;
    padding: 0;
}

.ErrorPopup {
    background-color: #FFFFFF;
    width: auto;
    height: 400px;
    border: 2px solid lightgray;
    border-radius: 12px;
    padding: 0;
    overflow-y: scroll;
}

.ErrorPopup-body {
    width: 100%;
    float: left;
    display: block;
    margin-top: 10px;
    margin-left: 30px;
    
}

.ConfirmationPopup {
    background-color: #FFFFFF;
    width: 500px;
    height: 150px;
    border: 2px solid lightgray;
    border-radius: 12px;
    padding: 0;
}

.ConfirmationPopup-body {
    width: 100%;
    float: left;
    display: block;
    margin-top: 10px;
    margin-left: 30px;
}




.modalPopup .header {
    background-color: #FFFFFF;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modalPopup .body {
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.modalPopup .footer {
    padding: 6px;
}

.backcasic-items-modal-header {
    width: 100%;
    height: 30px;
    float: left;
    display: block;
    margin-top: 30px;
}

.backcasic-items-modal-buttons {
    float: right;
    width: 100px;
    height: 21px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    font-size: 16px;
}

.backcasic-addressbook-checkbox-label {
    float: right;
    width: 150px;
    height: 21px;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 12px;
}


.backcasic-orders-checkbox-label {
    float: right;
    /*width: 110px;*/
    height: 21px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}

.backcasic-orders-checkbox {
       
    float: right;

    vertical-align: middle;
    margin-right: 50px;



 
}

    .backcasic-orders-checkbox label,  .backcasic-orders-checkbox input {
            display: inline-block; 
           vertical-align: middle;
    }

.backcasic-items-modal-footer {
    width: 100%;
    padding-bottom: 20px;
}

.backcasic-items-modal-header-text {
    font-size: 21px;
    float: left;
    color: black;
    line-height: 19px;
    vertical-align: middle;
    margin-left: 30px;
    margin-bottom: 10px;
}

.backcasic-items-modal-grid {
    width: 100%;
    display: table;
    border-color: lightgray;
}



.backcasic-data-items-modal-grid {
    height: 300px;
    width: 958px;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left: 30px;
    margin-top: 30px;
}

.backcasic-data-addressbook-modal-grid {
    height: 200px;
    width: 958px;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left: 30px;
}

.backcasic-addressbook-label {
    width: 25%;
    height: 19px;
    float: left;
    line-height: 19px;
}


tbody {
    width: 100%;
}

tr:first-child:hover {
    background-color: #FFFFFF;
}

tr:hover {
    background-color: lightblue;
}

.backcasic-body {
    padding: 0;
    margin: 0;
    display: block;
    font-family: Open Sans,Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.backcasic-login {
    float: left;
    padding-top: 50px;
    width: 100%;
}

.backcasic-logo {
    width: 300px;
    float: left;
    padding-top: 5px;
}

    .backcasic-logo img {
    }



.backcasic-top {
    width: 900px;
    float: left;
}

.backcasic-form {
    width: 1200px;
    height: 768px;
    border: 1px solid black;
    padding: 0px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.required:after {
    content: " *";
    font-weight: bold;
    color: red;
}

.backcasic-menu-panel {
    height: 65px;
    width: 100%;
    float: right;
}

.backcasic-menu-button {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    background-color: white;
    font-size: 20px;
    margin: 5px;
    padding: 2px 10px;
    float: right;
    text-align: center;
    color: black;
    text-decoration: none;
}

.backcasic-menu-selected-button {
    display: block;
    width: 100px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    background-color: lightgray;
    color: black;
    font-size: 20px;
    margin: 10px;
    padding: 2px 10px;
    float: right;
    text-align: center;
    text-decoration: none;
}



/*.backcasic-menu-button:link, 
    .backcasic-menu-button:visited, 
    .backcasic-menu-button:Active {
        background-color: lightgray;
        color:black;
      text-decoration:none;
    }*/




.backcasic-menu-button:hover {
    background-color: lightgray;
    text-decoration: underline;
}

.backcasic-login-panel {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    float: right;
}

.backcasic-language-button {
    padding: 5px 0px 5px 0px;
    height: 100%;
    vertical-align: middle;
}

.backcasic-user-status {
    font-size: 16px;
    background-color: none;
    padding: 2px 5px;
    width: auto;
    display: block;
    float: right;
    text-align: center;
}



.backcasic-logout {
    margin-right: 10px;
    color: red;
}

.backcasic-login {
    color: black;
}

.backcasic-username {
    margin-right: 5px;
    padding-left: 15px;
    color: black;
}


.backcasic-customer-border {
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
}

.backcasic-selected {
    background-color: lightgray;
}

.backcasic-main-content {
    width: 100%;
    display: block;
}

.backcasic-header-text {
    font-size: 26px;
    font-weight: bold;
    float: left;
}

.backcasic-header-OrdersInlezen {
    text-align: right;
    font-size: 26px;
    font-weight: bold;
    float: right;
    margin-bottom: 10px;
}

.backcasic-header-OrdersExport {
    text-align: left;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}



.backcasic-small-header-text {
    font-size: 18px;
    float: left;
    text-align: center;
    margin: 5px;
}

.backcasic-header {
    width: 100%;
    float: left;
    display: block;
    margin-top: 30px;
    vertical-align: middle;
}

.backcasic-search-image, .backcasic-search-textbox, .backcasic-search-export {
    float: right;
}

.backcasic-search-image {
    margin-right: 10px;
    vertical-align: bottom;
}

.backcasic-delete-image {
    margin-right: 10px;
    vertical-align: middle;
    margin: auto;
}

.backcasic-search-export {
    width: 100px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    margin-right: 20px;
}

.backcasic-total {
    font-size: 26px;
    font-weight: bold;
    float: left;
}

.backcasic-search-textbox {
    width: 250px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    margin-right: 20px;
}

.backcasic-data-main {
    height: 180px;
    width: 100%;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}



.backcasic-data-main-articles {
    height: 355px;
    width: 100%;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}

.backcasic-textbox-articles {
    width: 65%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
}

.backcasic-textbox-articles-dimensions {
    width: 10%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    margin-right: 10px;
}

.backcasic-label-articles-dimensions {
    width: 10%;
    height: 19px;
    margin-left: 5px;
    margin-right: 25px;
    line-height: 19px;
}

.backcasic-label-articles {
    width: 30%;
    height: 19px;
    float: left;
    line-height: 19px;
}

.backcasic-data-inbound-order-lines {
    height: 180px;
    width: 100%;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}

.backcasic-data-order-lines {
    height: 200px;
    width: 100%;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
}


.backcasic-data-outbound-order-lines {
    height: 133px;
    width: 100%;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}

.backcasic-data-detail {
    height: 367px;
    width: 100%;
    display: block;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: hidden;
}



.backcasic-data-detail-articles {
    height: 210px;
    width: 100%;
    display: block;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: hidden;
}

.backcasic-data-main-grid {
    width: 100%;
    display: table;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-top-style: none;
    border-left-style: none;
}

.backcasic-data-inventory {
    height: 590px;
    width: 99%;
    display: block;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}

.backcasic-data-inventory-history {
    height: 610px;
    width: 99%;
    display: block;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}

.backcasic-data-detail-buttons {
    width: 100%;
    padding-bottom: 10px;
}

.backcasic-addressbook-buttons {
    width: auto;
    padding-bottom: 10px;
    margin-left: 30px;
    margin-top: 10px;
}

.backcasic-addressbook-checkboxes {
    width: 100%;
    padding-bottom: 10px;
    margin-left: 30px;
    margin-top: 10px;
    float: right;
}

.backcasic-addressbook-content {
    width: 100%;
    padding-bottom: 10px;
    margin-left: 30px;
    margin-top: 10px;
}

.backcasic-addressbook-buttons input {
    width: 110px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    font-size: 16px;
    margin-right: 10px;
}


.backcasic-addressbook-input {
    width: 45%;
    float: left;
    padding-left: 30px;
    margin-bottom: 5px;
    display: block;
}

.backcasic-addressbook-input-part {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.backcasic-data-detail-buttons input {
    width: 125px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    font-size: 16px;
}

.backcasic-data-detail-input {
    width: 388px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.backcasic-data-detail-input-articles {
    width: 48%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.backcasic-vendor-textbox {
    width: 44%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: left;
    margin-left: 1px;
}

.backcasic-addressbook-textbox {
    width: 72%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: left;
    margin-left: 1px;
}

.backcasic-ship-to-textbox {
    width: 49%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: left;
    margin-left: 1px;
}

.backcasic-vendor-modal-image {
    width: 19px;
    height: 19px;
    float: right;
}

.backcasic-textbox {
    width: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: right;
}

.backcasic-label {
    width: 45%;
    height: 19px;
    float: left;
    line-height: 19px;
}

.backcasic-vendor-label {
    width: 49%;
    height: 19px;
    float: left;
    line-height: 19px;
}

.backcasic-ship-to-label {
    width: 44%;
    height: 19px;
    float: left;
    line-height: 19px;
}

.backcasic-label-wmsnumber {
    width: 300px;
    height: 19px;
    float: right;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    margin-right: 70px;
    color: white;
}

.backcasic-outbound-textbox {
    width: 55%;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: right;
}

.backcasic-outbound-reference-textbox {
    width: 55%;
    height: 45px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: right;
}

.backcasic-outbound-label {
    width: 40%;
    height: 19px;
    float: left;
    line-height: 19px;
}

.backcasic-label-management {
    width: 30%;
    height: 19px;
    float: left;
    line-height: 19px;
}

.backcasic-data-detail-input-part {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.backcasic-login-input {
    width: 600px;
    float: left;
    margin-bottom: 10px;
}

.backcasic-data-detail-add-order-line {
    width: 100%;
    float: left;
    background-color: lightgray;
}

.backcasic-data-detail-add-order-line-input {
    width: 15%;
    height: 21px;
    float: left;
    padding-left: 4px;
    padding-right: 10px;
    background-color: lightgray;
}

.backcasic-outbound-label-order-line-main {
    height: 21px;
    float: left;
    line-height: 19px;
    font-weight: bold;
    font-size: 14px;
    background-color: lightgray;
}


.backcasic-outbound-data-detail-add-order-line-input {
    width: 100%;
    float: left;
    background-color: lightgray;
}

.backcasic-outbound-data-detail-main-add-order-line-input {
    height: 21px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    background-color: lightgray;
}

.backcasic-data-detail-outbound-add-order-line-input {
    width: 12%;
    height: 21px;
    float: left;
    padding-left: 6px;
    padding-right: 7px;
    background-color: lightgray;
}

.backcasic-label-order-line-main {
    height: 19px;
    float: left;
    line-height: 19px;
    font-weight: bold;
    font-size: 14px;
}

.backcasic-label-order-line-other {
    width: 50%;
    height: 19px;
    float: right;
    line-height: 19px;
    font-size: 13px;
}

.backcasic-outbound-label-order-line-other {
    height: 19px;
    float: right;
    line-height: 19px;
    font-size: 13px;
}

.backcasic-textbox-order-line {
    width: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    float: left;
    line-height: 16px;
}

td {
    cursor: default;
}

th {
    text-align: left;
}

.autoComplete {
    width: auto;
    height: 250px;
}


/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}


/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.backcasic-data-attachments {
    height: 500px;
    width: 100%;
    display: block;
    border-color: lightgray;
    overflow-x: hidden;
    overflow-y: scroll;
}

.uploadPopup {
    background-color: #FFFFFF;
    height: 300px;
    width: 400px;
    border: 2px solid lightgray;
    border-radius: 12px;
    padding: 0;
}



.backcasic-data-uploadPopup-modal {
    height: 140px;
    width: 318px;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    padding: 10px;
    margin-top: 60px;
    margin-left: 30px;
}


.imageTable {
    width: 100%;
}

.imageTable tr:hover {
    background-color: #FFFFFF;
}