html 
{
    margin: 0;
    padding: 0;
    height:100%;
    width:100%;
}

body 
{
    background-color: #ffffff;
    color: #000000;
    font-size: 0.85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    height:100%;
    width:100%;
}

.body-block, .main-table-container, .main-table
{
    height:100%;
    width:100%;
}

.middle-part
{
    vertical-align:top;
    text-align:center;
}

.table-part__half
{
    height:50%;
}

.table-part__full
{
    height:100%;
}

.bottom-part
{
    vertical-align:top;
    text-align:center;
}

.no-view-block
{
    display:none;
}

/* ------------------ web pages ---------------- */

.web-page-container
{
    padding:20px 30px;
}

.page-main-title
{
    font-size:1.4em;
    margin:0 0 15px 0;
}

/* --------------- Management ------------------ */

.top-buttons-block
{
    margin-bottom:40px;
}

.top-buttons
{
    min-width:380px;
    padding:10px 20px;
    font-size:1.4em;
    font-weight:700;
    color:#ffffff;
    border:none;
    background-color:#cccccc;
    cursor:pointer;
}

.start-button
{
    background-color:#52c312;
    margin-right:40px;
}

input.start-button:hover
{
    background-color:#52db12;
}

.stop-button
{
    background-color:#d23434;
}

input.stop-button:hover
{
    background-color:#ee3434;
}

.no-records, .loading
{
    text-align:center;
    color:#999999;
}

.no-records_text, .loading
{
    padding:5px;
}

/* ----------- end Management ------------------ */

/* -------------- end web pages ---------------- */


/* ----------------- header ---------------------*/

.header
{
    text-align:center;
    color:#ffffff;
}

.header-title
{
    height:30px;
    padding-top:10px;
}

.header__grey
{
    background-color:#808080;
}

.header__black
{
    background-color:#000000;
}

.header-location
{
    color:#999999;
    width:24px;
    height:24px;
    position:absolute;
    top:10px;
    left:10px;
}

.menu-button
{
    width:24px;
    height:20px;
    position:absolute;
    top:5px;
    right:8px;
    background-image:url(../Images/menu-icon.gif);
    background-repeat:no-repeat;
    background-position:center;
    padding:4px;
    border:1px solid #666666;
    cursor:pointer;
}

.menu-button__gray
{
    border:1px solid #666666;
}

.menu-button__black
{
    border:1px solid #333333;
}

/* -------------- end header ------------------- */


/* ------------------- enter barcode ------------------ */

.enter-barcode
{
    width:100%;
    padding:10px;
}

.enter-barcode_label
{
    text-align:right;
    width:80px;
    font-size:1.5em;
    padding-right:5px;
}

.enter-barcode_input
{
    width:100%;
    padding:5px 0;
    border:1px solid #000000;
}

/* ---------------- end enter barcode ----------------- */

/* -------------------- actions -------------- */

.action-message
{
    font-size:3em;
    padding:20px 0;
    text-align:center;
}

.info-message
{
    font-size:1.3em;
    padding:20px 0;
    text-align:center;
}

.error-message
{
    font-size:1.3em;
    background-color:#ff0000;
    color:#ffffff;
    padding:20px;
    text-align:center;
}

.waiting-block
{
    display:inline-block;
    padding:10px 20px;
    font-size:2em;
    background-color:#dddddd;
    color:#777777;
    border:1px solid #777777;
    text-align:center;
    //display:inline;
    //zoom:1;
}

.result-message
{
    font-size:1.5em;
}

/* ---------------- end actios -------------- */

/* -------------- Tote, Bay, Cell ----------- */

.tote-bay-cell-container
{
    padding:20px;
}

.tote-bay-cell
{
    border:2px solid #ffffff;
    display:inline-block;
    font-size:3em;
    padding:5px 10px;
    margin:0 10px;
    //display:inline;
    //zoom:1;
}

.push-title
{
    font-size:2em;
    font-weight:700;
    position:absolute;
    bottom:10px;
    text-align:center;
    width:100%;
    color:#75D760;
}

/* ---------- end Tote, Bay, Cell ----------- */

/* -------------- end cancel button ----------------- */

.cancel-button
{
    background:url(../Images/bg_button_repeat.gif) repeat-x 0 0;
    width:100%;
    padding:7px 0 12px 0;
    margin-top:10px;
    text-align:center;
    font-size:1.2em;
}

div.cancel-button:hover
{
    background-position:0 -39px;
}

/* -------------- end cancel button ----------------- */

/* ------------------ background colord ------------- */

.background-blue
{
    background: #0080ff;
    color: #ffffff;
}

.background-orange
{
    background: #ff8700;
    color: #ffffff;
}

.background-violet
{
    background: #7000ff;
    color: #ffffff;
}

.background-green
{
    background: #019c03;
    color: #ffffff;
}
.background-white
{
    background: #ffffff;
    color: #000000;
}

/* -------------- End background colors ------------- */

.ToteCells
{        
    border:solid 1px;
    border-color: white;
    font-size: large;
    color: white;
    padding: 10px 10px 10px 10px
}
.ToteCellsPush
{
    font-size:smaller;                
    font-weight:bold;
    height: 10px;            
}
.ToteCells, .ToteCellsPush
{
    max-width:40px;
    color: white;               
}



/* --------------------------Printing service --------------------------- */

.simple-form-block
{
    width:400px;
    margin-bottom:20px;
}

.simple-form-block_label
{
    color:#7f7f7f;
}

.simple-form-block_data-field
{
    width:100%;
    padding:5px;
    border:1px solid #b2b2b2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.simple-form-block_button
{
    width:100%;
    border:none;
    background-color:#cccccc;
    font-size:1.4em;
    font-weight:700;
    padding:5px;
}

.print-button
{
    background-color:#4093ff;
    color:#ffffff;
}

/* --------------------- End Printing service --------------------------- */

.buttons
{
    background-color:#cccccc;
    border:none;
    font-size:1.4em;
    font-weight:700;
    padding:5px;
    width:100%;
    color:#ffffff;
    cursor:pointer;
    text-decoration:none;
}

/* ------------------------- Login page --------------------------------*/

.login-main-table
{
    width:100%;
    height:100%;
    background-color:#333333;
}

.apac-logo
{
    width:300px;
    height:58px;
    background:url(../Images/apacsale-logo.jpg) no-repeat 0 0;
    margin-bottom:15px;
}

.login-form
{
    width:300px;
}

.login-form-field
{
    width:100%;
    margin-bottom:10px;
    text-align:left;
}

.login-form-field_label
{
    color:#7f7f7f;
}

.login-form-field_input
{
    width:286px;
    padding:5px;
}

.login-form-button
{
    background-color:#7f7f7f;
}

.login-form_error
{
    height:24px;
}

.error-message-pages
{
    color:#d63434;
    font-size:0.9em;
}

/* --------------------- End Login page --------------------------------*/

/* ----------------------- Enquiry page ---------------------------*/

.enquiry-table
{
    width:100%;
    margin-bottom:25px;
}

.enquiry-table_head
{
    background:url(../Images/bg_enquiry_table.gif) repeat-x 0 100% #f1f2f2;
    text-align:left;
    padding:5px 10px;
    font-size:1.2em;
}

.enquiry-table_head__first-col
{
    width:40%;
}

.enquiry-table_clean
{
    background:url(../Images/bg_clean.gif) repeat-x 0 100% #ff7a7d;
    width:100px;
    text-align:center;
    font-size:1.2em;
}

.enquiry-table_clean-link
{
    display:block;
    padding:5px 0;
    color:#ffffff;
    text-decoration:none;
    width:100%;
/*    height:100%;*/
}

.enquiry-table_items
{
    text-align:left;
    padding:5px 10px;
}

.enquiry-table_quantity
{
    padding:5px 10px;
}

/*.enquiry-tables-gap
{
    background:url(../Images/bg_gap.gif) repeat-x 0 100%;
    height:20px;
}*/

.message_space
{
    margin-bottom:10px;
}

/* ------------------- End Enquiry page ---------------------------*/

/* --------------------- Page with menu ---------------------------*/

.menu-main-table
{
    width:100%;
    height:100%;
}

.menu-title
{
    font-size:2.5em;
    font-weight:500;
    margin:0 0 15px 0;
}

/* ----------------- End Page with menu ---------------------------*/

/* -------------------- Buttons in menu ---------------------------*/

.menu-buttons
{
    width:300px;
    display:block;
    margin-bottom:20px;
}

.menu-buttons_logout
{
    background-color:#c80000;
}

a.menu-buttons_logout:hover
{
    background-color:#e10000;
}

.menu-buttons_prereceiving
{
    background-color:#808080;
}

a.menu-buttons_prereceiving:hover
{
    background-color:#999999;
}

.menu-buttons_enquiry
{
    background-color:#000000;
}

a.menu-buttons_enquiry:hover
{
    background-color:#262626;
}

/* ----------------- End Buttons in menu --------------------------*/