﻿/*This is the styling for the layout */


#adminNav .pos-site-head {
    height:58px;

}

#POS-contentAreaWrapper {
   justify-content:center;
}

#POSItemsInnerWrapper #accordion {
width:100%;
}

.DMSite-POS {
    
}

.DMSite-POS .ui-page {
    background: transparent url(/Content/Layout_Images/Site_Background.jpg) no-repeat 0 0 !important;
 background-size: cover !important;
}


    .pos-site-head .primary-nav-wrap {
        padding: 0;
       
       
    }
    .pos-site-head #CartMenu {
    visibility:hidden;
    }

#menu-buffer {
height:50px;
}

.POS-nav-button {
width: 170px;
font-size: 1.5em;

}

/*This is the styling for the Category menu*/
/**********************************************************/


/*This is the styling for the product menu*/
/**********************************************************/

.OverallWrapper .pos_menuImage, .OverallWrapper .SelectedThumb {
   max-width:100%;    
}

.productTitle {
padding: 6px 0px;
    display: inline-block;
}


.POSOptionsMenu .options-wrap-inner {
font-weight:bold;
font-size:1.2em;
}

.POSOptionsMenu select {
font-size:1.2em;
}

.CategoryMenuLink {
    width:100%;
}



/*Cart Styling
************************************************
    */


#pos-CartView #AddNewItemTotalColumn {
display:none;
}

.ProcessOfflineOrders {
margin-bottom: 10px;
}


#pos-CartView .AddNoteColumn, .ProcessOfflineOrders .AddNoteColumn {
display: none;
}

.POS-processorder-topsection-wrapper {
text-align: left;
}

#pos-PaymentView label, .ProcessOfflineOrders label, #ShippingEditOuterWrapper label{
    min-width: 80px !important;  
    width: 80px !important; 
    padding-right: 6px;
    text-align: right;
    font-size: 1em;
}

#ShippingEditOuterWrapper label{
    min-width: 67px !important;   
    padding-right: 6px;
}


#CVVnum, #myEmailid, #splitCashAmount, #splitCCAmount, #myFirstName, #myLastName {
background-color: lightblue;
}


.ShippingFormOutsideWrapper .POSPaymentInfoSectionWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    flex-wrap: wrap;
}


/*--------------------------------------------------------------*/
#POSItemsInnerWrapper .inputRow {
    padding-top: 0px;
}

#pos-PaymentView .ui-selectmenu-button {
    width: inherit !important;
}

#pos-PaymentView #expMonth-button, #pos-PaymentView #expYear-button {
    width:328px !important;
    flex-grow: 0;
    margin-right: 12px;
}


#POSItemsInnerWrapper .doubleTextBoxes .ui-input-text {
    width:48.3% !important;
}

#POSItemsInnerWrapper .trippleTextBoxes .ui-input-text {
    width:31.7% !important;
   
}


#POSItemsInnerWrapper .ui-input-text {
    width:100%;
    margin-right:10px;
}

#POSItemsInnerWrapper  .ui-select .ui-btn {
    width:99%;
     min-width: 200px;
}

#POSItemsInnerWrapper  .doubleTextBoxes .ui-select .ui-btn {
    width:25% !important;
     min-width: 104px;    
}

#POSItemsInnerWrapper .doubleTextBoxes .ui-select { 
     flex-grow:0 !important;
}



#POSItemsInnerWrapper .ui-accordion-header {
    line-height:2em;
    font-weight:bold;
   
}


.ProcessOfflineOrders #myCartTotal, .ProcessOfflineOrders .ShippingFormOutsideWrapper .payment-button-wrapper, .ProcessOfflineOrders .POS-processorder-topsection-wrapper {
display: none;
}

#POS_SendUserCartforPaymentForm .ChangeButton {
    margin-left: 18px;
    
}

#POS_SendUserCartforPaymentForm label, #POS_SendUserCartforPaymentForm .label {
     width: 120px;
    display: inline-block;
    padding-right: 6px;
    text-align: left;
}


#ShippingEditInnerWrapper .InvisibleTable td {
    width:18%;
}


.POSOptionsMenu .MenuDivider {
    right: 0%;
    width: 100%;
}