body
{
    font-size:16pt;
    color:rgb(129,155,192);
}
input[type="button"], input[type="submit"]
{
    min-height:40px;
    background-color:rgb(108,151,206);
    color:white;
    border:none;
    padding-left:4%;
    padding-right:4%;
}
input[type="button"]:disabled, input[type="submit"]:disabled {
    background-color:lightgray;
}
img 
{
    border: none;
}
/*Navigation*/
#navMenu
{
    font-size:12pt;
    width: 1000px;
    border-collapse: collapse;
    color:white;
    background-color:rgb(40,66,103);
}
#navMenu .isWhite
{
    color:white;
    text-decoration:none;
}
#menu_logo
{
    height:100px;
}
#menu_header
{
    width:100%;
    text-align:center;
    font-size:28pt;
    font-weight:bold;
    display:inline-block;
    border-bottom:4px solid white;
}
#navMenu table
{
    color:white;
    font-family: Aller,"helvetica neue","helvetica","roboto","arial",sans-serif;
}
/*End Navigation*/
/*Left Side Menu For Control*/
#left-tab-side
{
    font-size:24pt;
    width:325px;
    display:inline-block;
    color:white;
    vertical-align:top;
}
#left-tab-side div
{
    background-color:rgb(106,151,208);
    padding:15px;
}
#left-tab-side div.notactive
{
    background-color:rgb(177,193,216)
}
#left-tab-side a, #left-tab-side a:visited
{
    color:white;
}
/*End Left Side Menu*/
/*Right Side Menu For Control*/
#right-side
{
    font-size:14pt;
    color:rgb(129,155,192);
    border: 2px solid rgb(129,155,192);
    padding: 10px 20px 20px 20px;
    margin-top:32px;
    max-width:1000px;
}
#right-side .info
{
    border-bottom:3px solid rgb(129,155,192);
    margin-bottom:10px;
    padding-bottom:5px;
}
.AddressBlock .HalfLine
{
    width:49%;
    display:inline-block;
}
.AddressBlock .ThirdLine
{
    width:32%;
    display:inline-block;
}
#right-side .small
{
    width:50px;
}
.ValidateButton
{
    margin-right:150px;
}
.dateblock div
{
    width:250px;
    display:inline-block;
}
.dateblock a
{
    text-decoration:none;
}
.NotesBlock
{
    padding-top:5px;
}
.NotesBlock span
{
    float:left;
    width:150px;
}
.ResponseBlock .Response
{
    padding-bottom:5px;
}
/*End Right Side Menu*/
/*Report Specific*/
#rc_table
{
    width:1000px;
}
#rc_table .crit_head
{
    text-align:right;
    width:490px;
    padding-right:5px;
}
#rc_table .crit_option
{
    text-align:left;
}
/*End Report Specific*/

/*Yes/No Box Styling*/
#YesNoBox {
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}
#YesNoBox input[type="button"]
{
    display: inline-block;
    border-radius: 3px;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
/*End Yes/No Box Styling*/

#NPCategory-selectized, #SelectProduct-selectized,
#VendorID-selectized, #CustomerID-selectized,
#SelectWarehouse-selectized, #invSelectProduct-selectized {
    width: 90% !important;
    margin-bottom: 2%;
}

.ReviewAlignRight{
    text-align:right;
}

/*Mobile Styling*/
@media only screen and (max-width: 850px)
{
    body {
        font-size: 26pt;
        color: rgb(129,155,192);
        max-width: 100%;
    }

    select {
        width: 90%;
        margin-top: 25px;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 26pt;
    }

    input[type="button"], input[type="submit"] {
        min-height: 100px;
        background-color: rgb(10,100,150);
        color: white;
        border: none;
        font-size: 26pt;
        width: 90%;
        text-align: center;
        margin:0px;
        padding:0px;
        margin-bottom: 2%;
    }

    input[type="text"], input[type="password"], input[type="number"], textarea {
        font-size: 26pt;
        margin-bottom: 25px;
        width: 85%;
    }

    .DateInput {
        width:65% !important;
    }

    input[type="button"]:disabled, input[type="submit"]:disabled {
        background-color: lightcoral;
    }

    #NPCategory-selectized, #SelectProduct-selectized,
    #VendorID-selectized, #CustomerID-selectized,
    #SelectWarehouse-selectized, #invSelectProduct-selectized {
        font-size: 26pt !important;
    }
    img {
        border: none;
    }

    .cal {
        width: 40px;
        height: 40px;
    }
    /*Navigation*/
    .menuItem {
        display: none;
    }

    #navMenu {
        font-size: 12pt;
        width: 100%;
        border-collapse: collapse;
        color: white;
        background-color: rgb(40,66,103);
    }

        #navMenu .isWhite {
            color: white;
            text-decoration: none;
        }

    #menu_logo {
        height: 100px;
    }

    #menu_header {
        width: 100%;
        text-align: center;
        font-size: 28pt;
        font-weight: bold;
        display: inline-block;
        border-bottom: 4px solid white;
    }

    #navMenu table {
        color: white;
        font-family: Aller,"helvetica neue","helvetica","roboto","arial",sans-serif;
    }
    #NewCompany {
        display: none;
    }
    /*End Navigation*/

    /*Index Page*/
    #Index a {
        padding-bottom: 30px;
    }

    #Index #MainLinks a, #Index #Templates a {
        display: block;
    }

    #Index #OpenControls a {
        display: inline-block;
        width: 475px;
    }

    /*End Index Page*/

    /*Login*/
    #Login {
        text-align: center;
    }

        #Login table {
            margin-left: 5%;
        }
    /*End Login*/

    /*Left Side Menu For Control*/
    #left-tab-side {
        width: 100%;
        display: inline-block;
        color: white;
        vertical-align: top;
    }

        #left-tab-side div {
            background-color: rgb(106,151,208);
            padding: 15px;
        }

            #left-tab-side div.notactive {
                background-color: rgb(177,193,216);
                display: none;
            }

        #left-tab-side a, #left-tab-side a:visited {
            color: white;
        }
    /*End Left Side Menu*/

    /*Right Side Div

End Right Side Div*/
    #right-side {
        width: 100%;
        font-size:26pt;
    }
        #right-side .small {
            width: 150px;
        }
    .dateblock div {
        width: 250px;
        display: inline-block;
    }

    .dateblock a {
        text-decoration: none;
    }

    #invInfo span {
        display: block;
    }

        #invInfo span #TotalProductCount {
            display: inline-block;
        }

    #NewLineIndicator, #ReviewOtherCosts, #ReviewCustomer, #ReviewVendor {
        font-size: 26pt;
    }
    /*Table Switching*/
    table#NewLineIndicator caption, table#ReviewOtherCosts caption,
    table#ReviewCustomer caption, table#ReviewVendor caption {
        background-image: none;
    }

    table#NewLineIndicator thead, table#ReviewOtherCosts thead,
    table#ReviewCustomer thead, table#ReviewVendor thead {
        display: none;
    }

    table#NewLineIndicator tbody td, table#ReviewOtherCosts tbody td,
    table#ReviewCustomer tbody td, table#ReviewVendor tbody td {
        display: block;
        padding: .6rem;
    }

    table#NewLineIndicator tbody tr td:first-child, table#ReviewOtherCosts tbody tr td:first-child,
    table#ReviewCustomer tbody tr td:first-child, table#ReviewVendor tbody tr td:first-child {
        background: #666;
        color: #fff;
    }

        table#NewLineIndicator tbody tr td:first-child a, table#ReviewOtherCosts tbody tr td:first-child a,
        table#ReviewCustomer tbody tr td:first-child a, table#ReviewVendor tbody tr td:first-child a {
            color: #fff;
        }

        table#NewLineIndicator tbody tr td:first-child:before, table#ReviewOtherCosts tbody tr td:first-child:before,
        table#ReviewCustomer tbody tr td:first-child:before, table#ReviewVendor tbody tr td:first-child:before {
            color: rgb(225,181,71);
        }
     #HeaderRow, .HeaderRow
    {
        display: none;
    }
    table#NewLineIndicator tbody td:before, table#ReviewOtherCosts tbody td:before,
    table#ReviewCustomer tbody td:before, table#ReviewVendor tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 10rem;
    }

    table#NewLineIndicator tr th:last-child, table#NewLineIndicator tr td:last-child,
    table#ReviewOtherCosts tr th:last-child, table#ReviewOtherCosts tr td:last-child,
    table#ReviewCustomer tr th:last-child, table#ReviewCustomer tr td:last-child,
    table#ReviewVendor tr th:last-child, table#ReviewVendor tr td:last-child {
        max-width: 100% !important;
        min-width: 100px !important;
        width: 100% !important;
    }
    /*End Table Switching*/
        #NewLineIndicator #NPProduct, #NewLineIndicator #NPCategory {
            margin: 0px;
        }
        #NewLineIndicator input[type="text"] {
            margin: 0;
            margin-bottom: 0px;
        }
    #ZeroQuantityRemove {
        display: block !important;
        margin-bottom: 25px;
    }

    #NewLineIndicator input[type="button"], #NewLineIndicator input[type="submit"] {
        display: block;
    }

    .NotesBlock span {
        display: block;
        float:none;
    }
    .ReviewAlignRight {
        text-align: initial;
    }
    .AddressBlock .ThirdLine {
        display: block;
        width: 99%;
    }
}
/*End Mobile Styling*/