/* This stylesheet is included on all admin pages */
body {
    min-width: 1400px;
}
.hide {
    display:none;
}
div.stickyHeader {
    top:0;
    position:fixed;
    _position:absolute;
}
.dynamic-orderitem_set .field-gewicht input,
.dynamic-orderitem_set .field-colli input {
    width: 50px;
}
.dynamic-orderitem_set .field-sku input {
    width: 150px;
}
#result_list a.button {
    display: inline-block;
}
#ordercomment_set-2-group .original {
    display: none;
}
.model-voorraadsorteeritem #changelist-form p.paginator,
.model-pakbonsorteeritem #changelist-form p.paginator {
    position: sticky;
    top: 30px;
}
.model-voorraadsorteeritem #changelist-form .actions,
.model-pakbonsorteeritem #changelist-form .actions{
    position: sticky;
    top: 85px;
}

/* Custom styling for logistiek/*sorteeritem changelist views */
.model-voorraadsorteeritem.change-list td.field-_product,
.model-pakbonsorteeritem.change-list td.field-_product{
    max-width: 120px;
}
.model-voorraadsorteeritem.change-list td.field-_opmerking_order,
.model-pakbonsorteeritem.change-list td.field-_opmerking_order{
    max-width: 200px;
}
.model-voorraadsorteeritem.change-list .field-colli input,
.model-pakbonsorteeritem.change-list .field-colli input{
    width: 6em;
}
.model-voorraadsorteeritem.change-list .field-gewicht input,
.model-pakbonsorteeritem.change-list .field-gewicht input{
    width: 6em;
}
.model-receivablepurchaseitem .field-inslag_locatie .select2-container {
    height: 30px;
}
.model-receivablepurchaseitem .field-qty_inslaan input {
    height: 18px;
}
.model-pakbonsorteeritem.change-list .field-inkoop_ref {
    white-space: nowrap;
}
.model-salesorder.change-form td.field-_product {
    min-width: 14em;
}
.app-voorraadbeheer.model-product #product_form {
    margin-top:40px;
}
#pakbon-import-alv-files {
    border: gray 2px dashed;
    background-color: lightgray;
    padding: 1rem;
}
.app-logistiek.model-pakbon.change-form .select2 {
    width: 500px !important;
}

.app-finance.model-commitment.change-list td.field-_product {
    max-width: 10rem;
    overflow: hidden;
    white-space: nowrap;
}
.app-finance.model-commitment.change-list td.field-_reference {
    min-width: 8rem;
}

/* Topmenu */
@media(max-width: 1100px) {
    div.vb-topmenu {
        display: none;
    }
}

div.vb-topmenu {
    background: #79aec8;
    padding: 10px 40px;
    border: none;
    font-size: 14px;
    color: #fff;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
div.vb-topmenu #user-tools {
    line-height: 20px;
}
div.vb-topmenu #user-tools a,
div.vb-topmenu #user-tools a:hover {
    color: #fff;
}
ul.vb-topmenu {
    margin: 0;
    padding: 0;

}
ul.vb-topmenu > li {
    text-transform: uppercase;
    display: inline-block;
    padding: 0 1rem 0 0;
    margin-right: 1rem;
    position: relative;
    cursor: pointer;
}
ul.vb-topmenu ul.submenu {
    display: none;
    position: absolute;
    text-transform: none;
    top: 30px;
    left: -20px;
    margin: 0;
    background-color: #79aec8;
    border: #fff 20px solid;
    border-top: none;
    white-space:nowrap;
    padding: 0.5rem 1rem 1rem 1rem;
    z-index: 500;
}
ul.vb-topmenu > li.active ul.submenu {
    display: block;
}
ul.vb-topmenu ul.submenu li {
    list-style-type: none;
}
ul.vb-topmenu ul.submenu li a {
    width: 100%;
    color: #fff;
    display: block;
}
ul.vb-topmenu ul.submenu li a:hover {
    text-decoration: underline;
}

/*ul.vb-topmenu li::after {*/
/*    content:"⌄";*/
/*    font-size: 20px;*/
/*    position: relative;*/
/*    top: -2px;*/
/*    right: -5px;*/
/*}*/

div.breadcrumbs {
    background: white;
    border-bottom: #eee 1px solid;
    color: #447e9b;
}
div.breadcrumbs a {
    color: #447e9b;
}
div.breadcrumbs a:hover {
    color: #036;
}

.app-logistiek.model-pakbon.change-list td.field-acties .button {
    margin-right: 0.5rem;
}

/* Home page customization */
.dashboard #content h1 {
    display: none;
}
.dashboard #content {
    width: 100%;
    display: flex;
    box-sizing: border-box;
}
.dashboard #content-main {
    width: 600px;
}
.dashboard #content-related {
    width: 300px;
}
.dashboard #content #content-related,
.dashboard #content #content-home-tasks {
    margin: 0 0 0 2rem !important;
    float: none;
}
#content-home-tasks {
    min-width: 600px;
    max-width: 800px;
    flex-grow: 1;
}
#content-home-tasks .module {
    background: none;
}
.dashboard table.tasks-table {
    width: 100%;
    white-space: nowrap;
    table-layout: fixed;
}
.dashboard table.tasks-table .task-date {
    width: 20%;
}
.dashboard table.tasks-table .task-order {
    width: 12em;
}
.dashboard table.tasks-table .task-title {
    width: 90%;
}
.dashboard table.tasks-table td,
.dashboard table.tasks-table td a{
    overflow: hidden;
    text-overflow: ellipsis !important;
}
.highlight {
    background-color: lightyellow;
}
div.photos-dropzone {
    border: gray 2px dashed;
    background-color: lightgray;
    padding: 1rem;
}
.photos-dropzone-existing {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.photos-dropzone-existing .img-wrapper {
    margin: 0 10px 10px 0;
    text-align: center;
}
.photos-dropzone-existing .img-wrapper img {
    margin-bottom: 7px;
}
.photos-dropzone-existing a.delete-link {
    color: red;
    cursor: pointer;
    text-decoration: underline;
}