/*
  
 Opus Contracts Ltd, Registered in England number 2993087
  
 © 2010 - 2021 All Rights Reserved
 
 All information contained herein is, and remains the property of Opus Contracts Ltd.
 
 The intellectual and technical concepts contained herein are proprietary to Opus Contracts Ltd and may be covered by UK and foreign patents,
 patents in process, and are protected by trade secret or copyright law.
 
 Dissemination of this information, compiling of the code or reproduction of this material is strictly forbidden unless prior written permission is obtained from Opus Contracts Ltd
 
*/


body {
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 30px auto 0px auto;
    padding: 0px;
    color: #696969;
}

.page {
    width: 98%;
    background-color: #b6b7bc;
    margin: 30px auto 0px auto;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}



.menuButtons {
    border-radius: 1em;
  
}

.actionButton{
    height:25px;
    width:25px;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #01a982;
    width: 100%;
    border: solid #01a982;
    border-radius: 1em;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 30px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }



h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }



div.hideSkiplink {
    background-color: #01a982;
    width: 100%;
}

.menu {
    padding: 4px 0px 4px 8px;
}

    .menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        .menu ul li a, .menu ul li a:visited {
            background-color: #01a982;
            border: 1px #01a982 solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            .menu ul li a:hover {
                background-color: #01a982;
                color: #465c71;
                text-decoration: none;
            }

            .menu ul li a:active {
                background-color: #01a982;
                color: #cfdbe6;
                text-decoration: none;
            }



.panelWMSClient {
    background-color: #D3D3D3;
    border: Solid;
    border-width: 1px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    border-radius: 1em;
}

.panelWMSCart {
    background-color: #D3D3D3;
    border: Solid #01a982;
    border-width: 2px;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    border-radius: 1em;
}


.labelBoxTitle {
    font-size: larger;
    color: Black;
}

.searchTextBox {
    background-color: #EBEEF0;
}





.labelTitlesWMS {
    font-size: large;
    color: Black;
    display: inline-block;
    padding-left: 10px;
}

.labelPromptsWMS {
    font-size: small;
    color: Black;
    display: inline-block;
    padding-left: 10px;
    width: 150px;
}

.WMSStockGrid {
    background-color: #fff;
    margin: 0 0 0 0;
    border: none;
    border-collapse: collapse;
    color: #474747;
    vertical-align:top;
}

    .WMSStockGrid th {
        padding: 5px 5px;
        color: white;
        background-color: #01a982;
        border: none;
        border-color: white;
        font-size: small;
        vertical-align: top;
    }

    .WMSStockGrid tr:nth-child(even) {
        background-color: lightgray;
        color: black;
        font-size: small;
        border: none;
        padding: 10px;
        vertical-align: top;
    }

    .WMSStockGrid tr:nth-child(odd) {
        background-color: darkgrey;
        color: white;
        font-size: small;
        border: none;
        padding: 10px;
        vertical-align: top;
    }

    .WMSStockGrid td {
        padding: 10px;
        border: solid;
        border-color: white;
        border: none;
    }
     

.btnsWMSClose {
    float: right;
    height: 30px;
    width: 30px;
    padding-right: 5px;
}


.btnsWMSAction {
    padding-right: 5px;
}


.btnsWMSRightFloat {
    float: right;
    padding-right: 10px;
}


.WMSMessageIcon {
    height: 20px;
    width: 20px;
}

.WMSMessageNoStock {
    height: 20px;
    width: 20px;
align-content:center;
}

.gridview a {
    margin: auto 1%;
    border-radius: 50%;
    background-color: #01a982;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
}





.CalendarExtender {
    background-color: #01a982;
    color: white;
    border: solid 1px #DDEBF7;
    margin: 2px;
    height: 220px;
    width: 220px;
}

    .CalendarExtender .ajax__calendar_container {
        font-size: large;
        width: 100%;
        height: 85%;
        padding: 10px
    }

    .CalendarExtender .ajax__calendar_body {
        width: 100%;
        padding: 5px;
        height: 80%;
    }

    .CalendarExtender .ajax__calendar_container th {
        padding: 2px;
        font-size: medium;
    }

    .CalendarExtender .ajax__calendar_container td {
        padding: 2px;
        font-size: medium;
    }

    .CalendarExtender .ajax__calendar_header {
        font-size: medium;
        width: 100%;
        padding-bottom: 5px;
    }

    .CalendarExtender .ajax__calendar_footer {
        font-size: medium;
        width: 100%;
    }

    .CalendarExtender .ajax__calendar_dayname {
        font-size: medium;
        width: 100%;
    }





.failureNotification {
    font-size: 1.2em;
    color: Red;
}


div.accountInfo {
    width: 100%;
}



fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 100%;
}





.autocomplete_completionListElement {
    background-color: #01a982;
    color: white;
    border: solid 1px #DDEBF7;
    margin: 2px;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    height: 100px;
    min-width: 100px;
    font-size: medium;
    text-align: left;
    list-style-type: none;
}

.autocomplete_highlightedListItem {
    background-color: #bfcbd6;
    color: black;
    padding: 1px;
}


.autocomplete_listItem {
    /* background-color :#465c71; */
    color: Black;
    padding: 1px;
}