html {
    height: 100%;
}

body {
    background: url(../images/bg_gradient.png) repeat-x top;
}

.navbar {
    background-color: #E7E7E7;
    z-index: 5000;
}

.navbar-inner {
    background-image: none;
    background-color: #0088CC;
}

/*[class*="span"] {
    margin-left: 10px;
}*/


body > .container {
    padding-top: 20px;
    padding-bottom: 55px;
}

.navbar .container {
    background-color: #0088CC;
    height: 50px;
}

.navbar .brand {
    padding: 5px 20px;
}

    .navbar .brand img {
        position: fixed;
        border-radius: 4px;
        float: left;
        background-color: white;
        margin-left: -7px;
        width: 70px;
        padding-top: 5px;
        padding-left: 9px;
        padding-right: 9px;
        margin-top: 0px;
        z-index: 1000;
    }

.navbar .nav {
}

    .navbar .nav > li {
        line-height: 31px;
    }

    .navbar .nav > li {
        line-height: 31px;
    }

.pillbox {
    /*margin-bottom: 10px;*/
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.pillbox-border {
    border-color: #bbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

.pillbox ul {
    margin: 0px;
    display: inline-block;
}

.navbar .main-menu A {
    margin-right: 8px;
    font-size: 14px;
    line-height: 31px;
    height: 31px;
}

.main-menu {
    margin-top: 2px !important;
    padding-left: 123px;
}

.right-menu {
    margin-top: 9px !important;
}

    .right-menu > li > a {
        color: #fff !important;
        text-shadow: none !important;
        font-size: 14px !important;
    }

.navbar .divider-vertical {
}

.navbar .caret {
    margin-top: 13px;
    margin-left: 4px;
}

.navbar .main-menu A,
.navbar .main-menu A:hover {
    color: #1e2121 !important;
    border: none;
    text-shadow: none !important;
    width: 80px;
    text-align: center;
    border-radius: 4px;
    border-width: 1px;
    background-color: #FFF !important;
}

.navbar .nav > li > a {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
}

.navbar .main-menu .active A {
    background-color: #F60 !important;
    color: white !important;
    border-radius: 4px;
    border-width: 1px;
}

.navbar-search .btn:not(.btn-secondary) {
    background-color: #5CB85C !important;
    background-image: none;
    color: white;
    text-shadow: none;
    border-color: #4CAE4C;
}



.pillbox li {
    color: #ffffff;
    line-height: 21px;
    padding: 4px 8px 4px 8px;
    font-size: 11.84px;
    font-weight: bold;
    margin: 2px;
    vertical-align: baseline;
    float: left;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    background-color: rgb(248,148,6);
}

    .pillbox li.pill {
        color: #ffffff;
        background-color: rgb(248,148,6);
    }

    .pillbox li.inactive {
        color: #ffffff;
        background-color: #bfbfbf;
    }

    .pillbox li.closable i.icon-remove {
        float: right;
        position: relative;
        top: -2px;
        right: -5px;
        opacity: 0.4;
    }

        .pillbox li.closable i.icon-remove:hover {
            opacity: 1.0;
        }

.label, .badge {
    padding: 4px 8px 4px 8px;
    margin: 2px 2px 2px 2px;
    cursor: pointer;
}

/*FORM*/

.form-horizontal .control-label {
    width: 150px;
    text-align: left;
}

.form-horizontal .controls {
    /*margin-left: 85px;*/
}

#MainContent_pagingElementTop {
    margin-bottom: 10px;
}

#MainContent_DeliveryAddressCityTextBox {
}

.workflowSummaryElement {
    margin-top: 50px;
    text-align: center;
}




.afbeelding {
    text-align: center;
    width: 150px;
    margin: 15px auto;
}

    .afbeelding img {
        border: 1px solid #fff;
    }

.nod_msg {
    background: #fcc;
    display: inline-block;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 5px;
    font-weight: bold;
}

.alignCenter {
    text-align: center !important;
}



/* BIC ADMINISTRATION*/
.bkb-export-errors {
    border: 1pt solid #FF0000;
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    padding: 10px;
}

#AdminLink > .dropdown-menu > li > a {
    padding: 2px 20px;
}

.bkb-export-error-description {
    color: red;
}

/* BIC ADMINISTRATION*/
.bic-application-info {
    width: 100%;
    display: block;
    padding: 8px;
    background-color: #D0E8FF;
    color: #0066FF;
    margin-bottom: 10px;
}

.bic-admin-menu {
    border: 1pt solid #D0E8FF;
    width: 100%;
    padding: 8px;
    height: 400px;
    display: block;
}

    .bic-admin-menu ul {
        list-style-type: square;
    }

    .bic-admin-menu li {
        font-size: 20px !important;
        height: 50px !important;
    }

.bic-admin-page {
    border: 1pt solid #D0E8FF;
    width: 100%;
}

.bic-onix-directorybox {
    width: 50%;
}

.bic-onix-table {
    padding: 8px;
}

    .bic-onix-table td {
        border: 1pt solid #D0E8FF;
        padding: 5px;
    }

    .bic-onix-table .colId {
        font-weight: bold;
    }

.bic-search {
    width: 100%;
    background-color: #CDCDCD;
    margin-bottom: 10px;
}

.bic-error {
    font-size: 14px;
    margin: 10px;
    color: #F00;
}

.bic-title {
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    color: #9BCDFF;
}


/*CUSTOMERS*/
h1 #MainContent_ClientOverviewPageTitle {
    display: none;
}

.table {
    width: 100%;
}

.span12 {
    width: 100%;
}

.client-overview .page-header,
product-overview .page-header {
    border-bottom: none;
    margin: 0;
}

#MainContent_DeliveryDateTextBox {
}

input.btn[type="submit"] {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
    background-image: none;
    text-shadow: none;
}


/**/
/* EDIT PRODUCT */

/*tabbed navigation*/
.row .span10,
.tab-content .row,
.span12,
.row {
    margin-left: 0;
}

.container {
    background-color: #fff;
}

form#mainForm {
    width: 98%;
    padding: 0 1%;
    height: 300px;
}

.sidegrey {
    background-color: #efefef;
    width: 96%;
    float: left;
    padding: 2%;
    margin-top: 20px;
}

.tabbed-nav ul.nav-tabs li a {
    padding-left: 5px;
    padding-right: 5px;
}

.tabbed-nav ul.nav-tabs li a {
    outline: 0;
}

.edit-field-large {
    background-color: #CCC !important;
    width: 70% !important;
    /*width: 60% !important;*/
}

.uneditable-input {
    background-color: #CCC !important;
}

.large-input {
    width: 75%;
}

.small-input {
    width: 25%;
}


.control-group.medium label {
    width: 30% !important;
    float: left;
}

.client-detail .general-info {
    float: left;
    margin-right: 20px;
}

    .client-detail .general-info .control-group {
        margin-bottom: 3px;
    }


.client-detail .discounts {
    float: left;
    width: 100%;
}

.lines-overview {
}

.error-overview {
    border: 2px solid red;
    color: red;
    padding: 10px;
    margin-bottom: 15px;
}

.SelectAllCheckBox {
    margin-top: 3px;
}

.form-signin-holder {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 13%;
}

.form-signin {
    display: table;
    margin: 0 auto;
    float: none;
}

    .form-signin input {
        margin-bottom: 5px;
    }

.order-header {
    display: table;
}

    .order-header h3, .invoice-header h3 {
        color: black;
        font-weight: normal;
        margin: 0;
    }

    .order-header .span12, .invoice-header .span12 {
        margin-bottom: 5px;
        padding-left: 6px;
        padding-right: 6px;
        padding: 5px;
    }

    .order-header .control-group, .invoice-header .control-group {
        width: 100%;
        float: left;
        margin-bottom: 4px !important;
        /*margin-right: 6%;*/
    }

    .order-header .column-1, .invoice-header .column-1 {
        float: left;
        width: 29%;
    }

    .order-header .column-2, .invoice-header .column-2 {
        float: left;
        width: 29%;
    }

    .order-header .column-3, .invoice-header .column-3 {
        float: left;
        width: 42%;
    }

    .order-header .controls, .invoice-header .controls {
        float: left;
        margin-left: 0 !important;
    }

    .order-header .control-label, .invoice-header .control-label {
        width: 120px;
        padding: 0;
        font-weight: bold;
        margin-right: 6px;
    }

    .order-header .control-value, .invoice-header .control-value {
        padding: 0;
    }

.add-line #QuantityTextBox {
}

#MainContent_AddLinePanel {
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.order-lines-holder {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#OrderLinesTable a {
    color: black;
}

#OrderLinesTable .panel-body {
    line-height: 25px;
}

#OrderLinesTable_wrapper {
    margin-top: 10px;
}

    #OrderLinesTable_wrapper > .row-fluid > .span6 {
        display: none;
    }

.add-line .control-label {
    width: 100%;
}

.add-line #EanTextBox {
    width: 106px;
}

.add-line #QuantityTextBox {
    width: 24px;
}

.add-line #AddOrderLineButton {
    margin-top: 30px;
    margin-right: 5px;
}

.add-line .control-group {
    float: left;
    width: auto;
    margin-bottom: 3px;
    margin-right: 20px;
}

#MainContent_StandardAddPanel .btn {
}


#MainContent_StandardAddPanel {
    width: auto;
    float: left;
    margin-left: 0px;
}

/*
.order-header div span {
    margin-right: 40px;    
}
*/

h2 span {
    font-weight: normal;
    font-size: 18px;
}

.table th.align-right {
    text-align: right;
}

.table td.align-right {
    text-align: right;
}

.table th.align-center {
    text-align: center;
}

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

.product-overview h1 {
    display: none;
}

#OrderLinesTable #QuantityTextBox {
    width: 50px;
}

#OrderLinesTable #QuantityTextBox {
    float: left;
    width: 50px;
}

#OrderLinesTable #SaveQuantityButton {
    float: left;
    margin-left: 7px;
}
/**********************Styles for mobile landscape ********************************************/
@media only screen and (min-width : 480px) {
    #MainContent_DeliveryAddressCityTextBox {
        margin-left: 0px;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 100%;
    }
}
/*endMQ*/
/**********************Styles for tablet - portrait ********************************************/
@media only screen and (min-width : 768px) {
    .form-horizontal .controls {
        margin-left: 0px;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 100%;
    }

    .order-detail {
        padding-bottom: 40px;
    }
}
/*endMQ*/
/**********************Styles for tablet -landscape ********************************************/
@media only screen and (min-width : 980px) {

    .order-detail {
        padding-bottom: 40px;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 99%;
    }

    .form-horizontal .controls {
        margin-left: 85px;
    }

    #MainContent_DeliveryAddressCityTextBox {
    }

    #MainContent_BarcodeAddPanel {
        width: auto;
        float: left;
    }

        #MainContent_BarcodeAddPanel input {
            margin-top: 5px;
            width: 186px;
        }

        #MainContent_BarcodeAddPanel .controls {
            margin-left: 0;
        }

    #MainContent_StandardAddPanel input {
        width: 186px;
        margin-top: 5px;
    }

    #MainContent_StandardAddPanel .controls {
        margin-left: 0;
    }

    .order-detail input.btn[type="submit"] {
        margin-right: 20px;
    }

    .order-detail .orders input.btn[type="submit"] {
        margin-right: 0px;
    }

    .order-detail .error-summary .error-message {
        border: 2px solid red;
        color: red;
        padding: 10px;
        margin-bottom: 15px;
    }

    .order-detail .error-summary .close-button {
        float: right;
        cursor: pointer;
    }

    .client-detail .orders {
        margin-top: 5px;
    }

    .sidegrey {
        min-height: 768px;
        background-color: #efefef;
        width: 134px;
        margin-left: 10px;
        float: left;
        min-height: 715px;
        padding: 5px;
        margin-top: 0;
    }

    form#mainForm .span10 {
        width: 735px;
    }

    .afbeelding {
        width: 140px;
    }

        .afbeelding img {
            width: 120px;
            margin-bottom: 10px;
        }

    .footer-bar input.btn[type="submit"] {
        margin-right: 4px;
        margin-top: 4px;
    }
}
/*endMQ*/
/**********************Styles for desktop ********************************************/
@media only screen and (min-width : 1200px) {
    #MainContent_DeliveryDateTextBox {
        display: block;
    }

    .order-detail {
        padding-bottom: 40px;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1177px;
    }


    form#mainForm .span10 {
        width: 920px;
    }

    .sidegrey {
        min-height: 768px;
        background-color: #efefef;
        width: 180px;
        margin-left: 10px;
        float: left;
        min-height: 715px;
        padding: 5px;
    }

    .order-detail input.btn[type="submit"] {
        margin-right: 0px;
    }

    .modal-footer input.btn[type="submit"] {
        margin-right: 0px;
    }

    .footer-bar input.btn[type="submit"] {
        margin-right: 4px;
        margin-top: 5px;
    }
}
/*endMQ*/

.modal-footer .cancel-button {
    float: left;
}






#OrderActionsPanel input.btn[type="submit"] {
    margin-right: 15px;
}

#product-select-modal input.btn[type="submit"] {
    float: none;
}

#product-select-modal input {
}

#product-select-modal .search-panel {
    width: 310px;
    position: absolute;
    top: 5px;
    left: 5px;
}

#product-select-modal .modal-header {
    padding-top: 30px;
}

    #product-select-modal .modal-header .close {
        margin-top: -21px;
    }

#product-select-modal .import-list-panel {
    position: absolute;
    top: 5px;
    right: 50px;
}

.client-overview, .client-detail, .product-overview, .office-admin-overview, .office-edit {
}

    .client-overview .search-panel {
        margin-bottom: 25px;
    }

.paging-element {
    margin-bottom: 5px;
}

    .paging-element > span {
        padding-top: 5px;
        margin-right: 5px;
    }

.pages .previous-page,
.pages .next-page {
    font-size: 1.4em;
    height: 20px;
}

.product-overview .top-holder {
    margin-bottom: 25px;
    margin-top: -5px;
}

.add-line {
    background-color: #F9F9F9;
    padding: 5px;
}

.forgot-password-link {
    float: left;
}

.client-detail input.btn[type="submit"] {
    float: left;
}



.main-menu li {
    padding-top: 7px;
}

.main-menu > li {
    line-height: initial !important;
}

.product-overview .paging-element {
    margin-bottom: 0px;
}

.product-overview .search-query {
    margin-left: 15px;
}

#DecrementButton {
}

#IncrementButton {
}

/* hides the spin-button for firefox */
.order-detail input[type=number] {
    -moz-appearance: textfield;
}
    /* hides the spin-button for chrome*/
    .order-detail input[type=number]::-webkit-outer-spin-button,
    .order-detail input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

#MainContent_BallonInvoiceLinesPanel input[type=number] {
    -moz-appearance: textfield;
}
    /* hides the spin-button for chrome*/
    #MainContent_BallonInvoiceLinesPanel input[type=number]::-webkit-outer-spin-button,
    #MainContent_BallonInvoiceLinesPanel input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

#OrderLinesTable #QuantityTextBox {
    margin-left: 4px;
    margin-right: 4px;
    float: none;
}

.order-line-actions {
    white-space: nowrap;
    display: block;
}

.no-wrap {
    white-space: nowrap;
}

.footer-bar .row {
}


.footer-bar .span12 {
}

.footer-bar input.btn[type="submit"] {
    height: 40px;
    margin-left: 2px;
    margin-right: 2px;
    width: auto;
}

.footer-bar a {
    color: white;
}

.searchbtn {
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../assets/font-bootstrap/glyphicons-halflings-regular.eot');
    src: url('../assets/font-bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: grey;
    margin-right: 10px;
}

.panel-heading a.collapsed:after {
    content: "\e080";
}

#WorkingPanel {
    float: right;
    margin: 8px;
}

@media only screen and (max-width: 768px) {
    table.unseen td:nth-child(3),
    table.unseen th:nth-child(3),
    table.unseen td:nth-child(6),
    table.unseen th:nth-child(6),
    table.unseen td:nth-child(4),
    table.unseen th:nth-child(4),
    table.unseen td:nth-child(8),
    table.unseen th:nth-child(8),
    table.unseen td:nth-child(8),
    table.unseen th:nth-child(8) {
        display: none;
    }
}

@media only screen and (max-width: 980px) {
    table.unseen td:nth-child(6),
    table.unseen th:nth-child(6),
    table.unseen td:nth-child(4),
    table.unseen th:nth-child(4),
    table.unseen td:nth-child(8),
    table.unseen th:nth-child(8),
    table.unseen td:nth-child(8),
    table.unseen th:nth-child(8) {
        display: none;
    }

    .tabbed-nav {
        width: 125%;
    }

    .sidegrey {
        float: right;
        margin-top: 75px;
    }

    .medium input {
        width: 85%;
    }
}

@media (max-width: 979px) {
    .brand {
        display: none !important;
    }

    .main-menu {
        padding-left: 28px !important;
    }

    .right-menu {
        display: none !important;
    }

    body > .container {
        padding-top: 50px !important;
        padding-left: 4px;
    }

    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}

#tb-product_wrapper {
    margin-bottom: 50px;
}

.office-add-buttons {
    margin-bottom: 65px;
    display: inline-block;
    float: right;
}


#dialog-delivery-date a.close {
    display: none;
}

.orders .customer-cell {
    max-width: 80px;
    text-wrap: normal;
    color: #333333;
}

f .orders .reference-cell {
    max-width: 80px;
    text-wrap: normal;
}

input.btn[type="submit"].red {
    background-color: red;
    border-color: menu;
}

#OrderLinesTable #QuantityTextBox.placeholder {
    background: menu;
    font-weight: normal;
    color: GrayText;
}

#OrderLinesTable #QuantityTextBox.realvalue {
    background: #5CB85C;
    font-weight: normal;
    color: white !important;
}

#OrderLinesTable #QuantityTextBox[disabled].realvalue {
    color: white !important;
    -webkit-text-fill-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
}

.objective-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e086";
    float: right;
    color: grey;
    margin-right: 0px;
    margin-top: -20px;
}

.distributor-order-number, .distributor-order-number:hover, .distributor-order-number:visited, .distributor-order-number:active {
    text-decoration: none;
}

    .distributor-order-number:after {
        font-family: 'Glyphicons Halflings';
        content: "\20ac";
        float: right;
        color: grey;
    }

.objective-heading a.collapsed:after {
    content: "\e086";
}

#view-delivery-address-table .control-label {
    width: 170px !important;
}

#OrderLinesPanel a.accordion-toggle {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    #OrderLinesPanel a.accordion-toggle:hover {
        text-decoration: none;
    }

.InvoiceOverview .navbar-search {
    height: 50px;
    float: right;
}



.order-header .xml-link {
    margin-left: 10px;
}

#offline-message {
    background-color: white;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    padding-top: 10%;
    position: fixed;
    text-align: center;
    font-size: 18px;
    color: black;
}

.header-bar .btn-navbar {
    display: none !important;
}

.order-overview .search-panel {
    margin-bottom: 5px;
}

#tb-document {
    width: 100%;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 15px;
}

.office-document {
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
    height: auto !important;
    width: 175px !important;
}

    .office-document .delete-document {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 24px;
        height: 24px;
        color: #ccc;
        background-color: white;
    }

.age-selection #txtAgeFrom, .age-selection #txtAgeUntil {
    width: 15px;
}

.age-selection #ddlAgeFrom, .age-selection #ddlAgeUntil {
    width: 80px;
}

.multiselect-container {
    width: 218px;
}

.original-title {
    width: 220px;
    display: block;
    font-size: 12px;
    margin-left: 33px;
    margin-top: 5px;
}

.ErrorLabel {
    color: red;
    border: 2px solid red;
    padding: 10px;
    width: 100%;
    margin-top: 10px;
    display: inline-block;
}

.add-link {
    font-size: 12px;
    margin-left: 150px;
    margin-top: -15px;
    margin-bottom: 15px;
}

th.rgHeader {
    border-top: #ddd 1px solid;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #OrderLinesTable_wrapper {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #OrderLinesTable {
        table-layout: fixed;
        margin: 20px auto 0px auto;
        width: auto !important;
    }

        #OrderLinesTable th.main-title {
            min-width: 400px;
            width: 400px !important;
        }

        #OrderLinesTable td.main-title {
            min-width: 400px;
            width: 400px !important;
            overflow-x: hidden !important;
        }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    #OrderLinesTable_wrapper {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #OrderLinesTable {
        table-layout: fixed;
        margin: 20px auto 0px auto;
        width: auto !important;
    }

        #OrderLinesTable th.main-title {
            min-width: 400px;
            width: 400px !important;
        }

        #OrderLinesTable td.main-title {
            min-width: 400px;
            width: 400px !important;
            overflow-x: hidden !important;
        }
}

.font-green {
    color: green;
}

.font-red {
    color: red;
}

#ApplicationVersionLabel {
    color: white;
    margin-top: 15px;
    margin-right: 15px;
}

.error {
    color: red;
    padding: 10px;
    margin-bottom: 15px;
}

#dialog-duplicate-validation .btn {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #08C, #04C);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

#dialog-duplicate-validation .btn-primary {
    color: #000;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    background-repeat: repeat-x;
    text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
}

    #dialog-duplicate-validation .btn-primary:hover {
        color: #333;
        text-decoration: none;
        background-position: 0px -15px;
        transition: background-position 0.1s linear 0s;
        text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
    }

th.generic-header {
    color: #0088cc !important;
    font-weight: bold !important;
}

#serie-overview .navbar-search {
    margin-bottom: 25px;
}

.btn-loading {
    background-image: url('../images/ajax-loader-transparent.gif') !important;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent !important;
}

/*.workflow-table {
}

    .workflow-table th {
        text-align: left;
    }

    .workflow-table #description-header {
        width: 300px;
    }

    .workflow-table #enabled-header {
        width: 35px;
        text-align: center;
    }

    .workflow-table #description-column {
        width: 300px;
    }

    .workflow-table #enabled-column {
        width: 35px;
        text-align: center;
    }*/

.warning-actual-price-belgium {
    margin-top: 15px;
}

#invoice-detail-edit .error {
    border-color: Red !important;
}

#invoice-edit .error {
    border-color: Red !important;
}

#invoice-edit #InvoiceLinesTable th {
    font-weight: bold;
}

#invoice-edit #InvoiceLinesTable .btn {
    padding: 0px 5px;
}

#invoice-edit {
    padding-bottom: 75px;
}

    #invoice-edit a.accordion-toggle {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    #invoice-edit .button-group {
        margin-top: 25px;
    }

    #invoice-edit .invoice-header {
        margin-bottom: 25px;
        display: inline-block;
    }

    #invoice-edit #AddPanelHolder {
        padding-left: 3px;
        padding-right: 5px;
        background-color: #f9f9f9;
        border-radius: 4px;
        margin-bottom: 25px;
        padding-bottom: 10px;
    }

    #invoice-edit #add-panel {
        display: inline-block;
        width: 100%;
        border-spacing: 5px;
        border-collapse: separate;
    }

        #invoice-edit #add-panel th {
            text-align: left;
            font-weight: normal;
            padding-left: 3px;
            padding-right: 5px;
            padding-top: 7px;
        }

        #invoice-edit #add-panel .add-cell {
            padding-bottom: 5px;
        }

div.RadComboBox_Bootstrap table .rcbInputCell,
div.RadComboBox_Bootstrap table .rcbArrowCell {
    height: 28px !important;
    line-height: 19px;
    padding: 0;
}

    div.RadComboBox_Bootstrap table .rcbInputCell input {
        height: 28px !important;
        line-height: 19px;
        font: 14px arial,verdana,sans-serif;
        height: 12px;
        padding: 0;
    }

.RadComboBox_Bootstrap .rcbArrowCell a {
    height: 18px !important;
    margin-top: -12px;
}

.rcbInput {
    height: 28px !important;
}

#copy-paste {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

#copy-paste {
    margin-left: 7px;
    margin-right: 7px;
    background-color: white;
}

    #copy-paste h1 {
        width: 300px;
        font-size: 20px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -150px;
    }

    #copy-paste #LoadingImage {
        width: 16px;
        position: absolute;
        top: 45px;
        left: 50%;
        margin-left: -8px;
    }

    #copy-paste #PasteTextBox {
        background-image: url("/Assets/images/watermark.jpg");
        background-position: left center;
        background-repeat: no-repeat;
        text-align: center;
        opacity: 0.2;
        width: 100%;
        height: 100px;
        display: inline-block;
        margin: 0px;
        padding: 0;
        border-collapse: collapse;
        border: none;
    }

#invoice-line-preview-modal {
    width: 1050px;
    margin-left: -525px;
}

    #invoice-line-preview-modal .validation-error {
        color: red;
    }

#invoice-edit #ValidationPanel {
    border: 2px solid red;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#invoice-edit #ValidationLabel {
    color: red;
    padding-left: 10px;
    padding-right: 10px;
}

#invoice-edit #NoLinesLabel {
    margin-left: 8px;
}


#InvoiceDescriptionPanel {
    margin-top: 10px;
    position: relative;
}

    #InvoiceDescriptionPanel span {
        font-weight: bold;
        margin-left: 8px;
    }

    #InvoiceDescriptionPanel textarea {
        margin-top: 10px;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }


.checkboxlist label {
    display: inline;
}

.checkboxlist td {
    padding: 5px;
}

.checkboxlist input {
    background-color: red;
    margin-top: -1px;
    margin-right: 5px;
}


#finalize-invoice .control-group {
    margin-bottom: 10px;
}

/* Customizing RadCombobox */

/*.rad-combo .rcbInner {
    border-color: #cccccc;
    border-radius: 4px;
    height: 23px;
    padding: 0 5px 5px;
    color: #555555 !important;
}

.rad-combo .rcbActionButton {
    background-color: #dedede !important;
    border: 1px solid #c0c0c0 !important;
    width: 17px !important;
}

.rad-combo .rcbIcon {
    font-size: 15px !important;
}

.RadComboBox_MetroTouch .rcbHovered {
    border-color:#c0c0c0 !important;
    color: #555555 !important;
}*/

.RadComboBox {
    width: 220px !important;
}

    .RadComboBox .rcbInner {
        border: 1px solid #ccc !important;
        border-radius: 4px;
    }

.RadComboBoxDropDown {
    width: 350px !important;
}

.RadComboBoxDropDown_MetroTouch {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #555555 !important;
}

.RadComboBox_MetroTouch .rcbFocused {
    border: 1px solid #ccc !important;
}

.RadComboBox_MetroTouch .rcbActionButton {
    background-color: transparent !important;
    border-left: 1px solid transparent !important;
    width: 20px !important;
}

.RadComboBox_MetroTouch .rcbHovered .rcbActionButton {
    background-color: transparent !important;
    color: black !important;
}

.RadComboBox_MetroTouch .rcbFocused .rcbActionButton {
    background-color: transparent !important;
    color: black !important;
}

.RadComboBox_MetroTouch .rcbInner {
    padding-top: 0 !important;
    padding-bottom: 1px !important;
    padding-left: 9px !important;
}

.RadComboBox_MetroTouch .rcbIcon {
    font-size: 14px !important;
}

.RadComboBox_MetroTouch .rcbItem {
}

.rcbInput {
    height: auto !important;
    border: none !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #555555 !important;
}

    .rcbInput:focus {
        box-shadow: none !important;
        outline: 0 none;
    }

.info-box {
    border: 2px solid #0088cc;
    border-radius: 5px;
    padding: 10px;
    text-align: justify;
}

input.id-hidden-field {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {
    border: 1px solid #999;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}

    .ui-autocomplete .ui-state-hover a, .ui-autocomplete .ui-state-hover a:hover,
    .ui-autocomplete .ui-state-hover a:link, .ui-autocomplete .ui-state-hover a:visited,
    .ui-autocomplete .ui-state-focus a, .ui-autocomplete .ui-state-focus a:hover,
    .ui-autocomplete .ui-state-focus a:link, .ui-autocomplete .ui-state-focus a:visited {
        color: #212121;
        text-decoration: none;
    }

.ui-helper-hidden-accessible {
    display: none;
}

.navbar .main-menu > li > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

a.tooltips:hover, a.tooltips:focus {
    text-decoration: none !important;
}

.tooltip-inner {
    text-align: left !important;
}

.filter-checkbox > input {
    margin: 6px;
}

.btn.offline {
    display: none !important;
}

.royaltiesFilterElement {
    border-bottom: solid 1px #CCC;
    margin-bottom: 20px;
}

    .royaltiesFilterElement TABLE TD {
        padding: 5px;
        padding-bottom: 10px;
    }

.royaltieEditorForm {
    background-color: #efefef;
    padding: 5px;
}

    .royaltieEditorForm .addTierElement {
        margin-left: 20px;
        width: 80%;
    }

    .royaltieEditorForm .tiersOverviewElement {
        margin-left: 20px;
        width: 80%;
    }

    .royaltieEditorForm .addTierElement TD {
        vertical-align: middle;
        background-color: rgba(0, 0, 0, 0.2);
        color: white;
    }

    .royaltieEditorForm .control-group {
        margin-bottom: 5px;
    }

.NoTiersFoundElement {
    font-weight: bold;
    line-height: 50px;
}

.royaltieEditorForm h3 {
    padding-left: 30px;
}

.royaltieEditorForm .btn:not(.cancel) {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn.cancel[type="submit"] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}


.royaltiesValidationMessagesList {
    list-style-type: square;
    margin-left: 70px;
}

    .royaltiesValidationMessagesList LI {
        color: #f54141;
        font-weight: bold;
    }


.widget {
    border-radius: 4px;
    padding: 17px 15px 15px 15px;
    display: inline-block;
    width: 100%;
}

    .widget.red-bg {
        background-color: #ed5565;
        border-radius: 5px;
        color: white;
    }

    .widget .icon-element {
        display: inline-block;
        width: 25%;
    }

    .widget .text-element {
        width: 75%;
        padding-top: 5px;
        display: inline-block;
        float: right;
    }

    .widget .title-label {
        display: inline-block;
        text-align: right;
        width: 100%;
    }


    .widget .value-label {
        display: inline-block;
        text-align: right;
        width: 100%;
        font-size: 28px;
        margin-top: 12px;
    }


.BestelbonCategoryCheckboxList {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .BestelbonCategoryCheckboxList input {
        float: left;
    }

    .BestelbonCategoryCheckboxList label {
        font-weight: bold;
        margin-left: 30px;
        position: relative;
        bottom: -1px;
    }

.BestelbonOverviewActionRow {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

    .BestelbonOverviewActionRow .btnSaveSequenceNumbers {
        float: right;
        margin-top: -30px;
        margin-bottom: 20px;
    }

    .BestelbonOverviewActionRow .ShowAllProductsCheckbox label {
    }




.PriceUpdateForm h2 {
    margin-top: 20px;
}


.admin-form {
    background-color: #D0E8FF;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 5px;
    border-style: solid;
    border-color: #9ee4dd;
    border-width: 1px;
}

.admin-form-errorElement {
    color: #ff6b6b;
    font-weight: bold;
    padding-left: 30px;
    margin-top: 10px;
}

.AddProductToCatalogForm {
    background-color: red;
}

.importWizard h3, .finalStatusElement {
    border: solid 1px #8e8e8e;
    background-color: #D0E8FF;
    width: 100%;
    padding-left: 15px;
    color: #696969;
    border-radius: 4px;
}

.finalStatusElement {
    height: 150px;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.scheduledTaskError TD {
    background-color: #ff4747 !important;
    color: white !important;
}

.badge-red {
    background-color: #ff4646;
}

.InputTypeNumberNoIcons {
    -webkit-appearance: none !important;
    margin: 0;
    -moz-appearance: textfield;
}

.float-right {
    float: right;
}

.ui-autocomplete-loading {
    background: url('/img/loading-autocomplete.gif') no-repeat right center;
}

.distributorStatus {
    width: 40px;
    height: 23px;
    border: solid 1px black;
}

.distributorStatusBbCheck {
    background: url('/img/distributorStatusIcons/bb_check.jpg') no-repeat right center;
    background-size: cover;
}

.distributorStatusBbFail {
    background: url('/img/distributorStatusIcons/bb_fail.jpg') no-repeat right center;
    background-size: cover;
}

.distributorStatusBbUnkown {
    background: url('/img/distributorStatusIcons/bb_inactive.jpg') no-repeat right center;
    background-size: cover;
}

.distributorStatusMdsCheck {
    background: url('/img/distributorStatusIcons/mds_check.jpg') no-repeat right center;
    background-size: cover;
}

.distributorStatusMdsFail {
    background: url('/img/distributorStatusIcons/mds_fail.jpg') no-repeat right center;
    background-size: cover;
}

.distributorStatusMdsUnkown {
    background: url('/img/distributorStatusIcons/mds_inactive.jpg') no-repeat right center;
    background-size: cover;
}

.office-control {
    margin-left: 150px;
}

.office-dropdown-control {
    width: 285px;
}

#ActionButtonsElement {
    margin-bottom: -15px;
}

.WorkflowCounterTable {
    border: solid 1px #555555;
}

    .WorkflowCounterTable td {
        padding: 3px;
        border: solid 1px #555555;
        text-align: center;
    }

.flipmanagerOfficeButton {
    border: solid 1px black;
}

.flipmanager-officebuttonelement {
    margin-bottom: 20px !important;
}

.flipmanager-invalid {
    color: red;
}

.flipmanager-action-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-column-gap: 0px;
    grid-row-gap: 1px;
    grid-auto-rows: 32px;
}



.flipmanager-office-selected {
    font-weight: bold;
}

.flipmanager-assignment-menu {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 70%;
}

    .flipmanager-assignment-menu .span4 {
        margin-bottom: 10px;
    }

    .flipmanager-assignment-menu .assignment-items {
        padding-left: 118px;
    }

.flipmanager-error-row {
    background-color: #ffc9c9;
}

.flipmanager-warning-row {
    background-color: #ffe6af;
}

.btn-small.red {
    background-color: #e60f0f;
}

.flipmanager-group-column {
    min-width: 60px;
}

.flipmanager-status-column {
    width: 55px;
}

.flipmanager-remark-column {
    min-width: 150px;
}

.flipmanager-assignment-menu {
    position: fixed;
    bottom: 17px;
    width: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

table.flipmanager-table {
    margin-bottom: 150px !important;
}

.flipmanager-assignment-label {
    margin-left: 30px;
    font-weight: bold;
}

.span12.flipmanager-assignment-title-menu {
    margin-bottom: 5px;
}

.flipmanager-table-selected-item {
    background-color: #d9edf7;
}

.checkbox-column {
    cursor: pointer;
}

.offices-select {
    display: contents;
}

@media(max-width:1200px) {


    .flipmanager-action-input {
        float: left;
    }


    table.flipmanager-table {
        margin-bottom: 300px !important;
    }

    .flipmanager-assignment-menu {
        position: fixed;
        bottom: 17px;
        width: 100vw;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        right: 0;
    }

    .flipmanager-assigment-menu .span3 {
        width: 30% !important;
    }

    .flipmanager-action-buttons {
        display: inline-flex;
    }
}


.glimpse-nowrap {
    bottom: 50px !important;
}

.glimpse-hud-popup {
    bottom: -50px !important;
}

/*.flipmanager-action-buttons {
    float:right;
}*/

.order-working-panel {
    position: fixed;
    display: none;
    float: right;
    background-color: #4CAE4C;
    padding: 12px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    top: 80px;
}

    .order-working-panel .remaining {
        display: inline-block;
        padding-top: 0px;
        padding-left: 13px;
        font-size: 12px;
    }

    .order-working-panel span {
        margin-left: 5px;
    }

.order-lines-holder .row-fluid {
}


/* Dropdown Button */
.dropbtn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
        background-color: #2980B9;
    }

    .dropbtn.pressed {
        background-color: #e6e6e6;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    }

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content.tags.show {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: gray 1px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        max-height: 75vh;
        overflow: auto;
    }



/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

.dropdown-content.tags {
    width: 60vw;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.dropdown-content div .tag {
    width: 190px;
    float: left;
    margin-bottom: 5px;
}

    .dropdown-content div .tag span:hover {
        cursor: pointer;
    }

.dropdown-content.tags fieldset {
    margin-top: 3px;
}

    .dropdown-content.tags fieldset legend {
        margin-bottom: 5px;
        font-weight: bold;
    }



.dropdown-content div .tag input {
    /* checkbox */
    margin-top: 0;
}

.tag label {
    display: none;
}

.part-title {
    width: 100%;
}

    .part-title h3 {
        float: left;
        margin-top: 0px;
    }

.part-upload {
    line-height: 40px;
    float: right;
}

    .part-upload img {
        max-width: 24px;
        max-height: 24px;
        margin-right: 3px;
    }

.btn.btn-secondary.mode-active {
    background-color: #0088CC;
    border-color: #006496;
}

.btn.btn-secondary.mode-inactive {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(linear, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(linear, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(linear, #ffffff, #e6e6e6);
    background-image: linear-gradient(linear, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn.btn-secondary.aspNetDisabled {
    opacity: 0.65;
}

.btn-toolbar.float-left .btn-group {
    display: flex;
}

    .btn-toolbar.float-left .btn-group label {
        padding-left: 3px;
    }

.release-date-filter {
    display: inline-flex;
}

    .release-date-filter input {
        margin-left: 3px;
    }


.btn-group.filter input[type='checkbox'] {
    display: none;
}

.unlinked-invoices-panel {
    margin-bottom: 100px;
}

.tier-textbox {
    width: 140px;
}

.original-ean {
    vertical-align: top;
    padding-top: 7px;
}

.expired-office-label {
    display: grid;
    font-size: 11px;
    padding-top: 3px;
    visibility: hidden;
}

.btn-group.filter.flipmanager {
    margin-bottom: 15px;
}

    .btn-group.filter.flipmanager .apply-filter-button {
        margin-left: 5px;
    }

.flipmanager.overview-title {
    float: left;
}

.flipmanager.filter {
    float: right;
    padding-top: 15px;
}

.related-products .table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border: 1px solid #dddddd;
}


.related-product-row td.related-icon {
    text-align: center;
}

.related-product-row td i.fa.fa-caret-down {
    visibility: hidden;
}

.related-product-row:not(.main-item) td.related-icon {
    border-left: none;
    border-bottom: none;
    border: none;
}

.related-product-row.main-item td i.fa.fa-caret-down {
    visibility: visible;
}

.client-checkbox-alignment {
    display: flex;
}

    .client-checkbox-alignment .checkbox-label {
        display: inline-block;
        margin-top: 2px;
        margin-left: 3px;
    }

.client-checkbox-alignment {
    margin-top: 18px;
}

    .client-checkbox-alignment .checkbox-square {
        padding-top: 5px;
    }

        .client-checkbox-alignment .checkbox-square:hover {
            cursor: not-allowed;
        }

    .client-checkbox-alignment span input[type="checkbox"] {
        /* Hide regular checkbox icon */
        display: none;
    }

.modal-body {
    max-height: 50vh;
}

@media only screen and (max-height: 350px) {
    .modal-body {
        max-height: 30vh;
    }
}