.horizontal-item
{
    border: 1px solid #c4c4c4;
    border-radius: 15px;
    margin: 2px;
    min-height: 350px;
    padding-top: 5px;
    text-align: center;
}

    .horizontal-item img
    {
        margin-left: auto;
        margin-right: auto;
    }

.input-group-qty-uom
{
    font-size: 14px;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px 0 0 3px;
    position: relative;
}

.customMinwidth
{
    min-width: 80px;
}

.form-control-label
{
    background-color: #e2e2e2;
}

.AmountFieldRightAlign
{
    text-align: right;
    white-space: nowrap;
}

.Grid
{
    border-spacing: 1px;
    border-collapse: separate;
    Border: 1px solid #e1e1e1;
    width: 100%;
}

.GridHeader {
    background-color: #00a25f;
    color: #fff;
    height: 25px;
    padding: 5px;
    /*text-align: center;*/
}

    .GridHeader th
    {
        margin-right: 1px;
        padding: 5px 5px 5px 5px;
        border-left: 1px solid white;
    }
    
.GridFooter
{
    background-color: #666666;
    color: #fff;
    height: 25px;
    padding: 5px;
}
 .GridHeader td
    {
        margin-right: 1px;
        padding: 5px 5px 5px 5px;
        border-left: 1px solid white;
    }
.GridRow
{
    background-color: #fff;
    height: 18px;
    padding: 2px;
}

    .GridRow th, td
    {
        margin-right: 1px;
        font-size: 14px;
        padding: 1px 2px 1px 2px;
    }

.GridErrorRow
{
    height: 18px;
    padding: 2px;
    border: solid 1px Red !important;
    color: red;
}

    .GridErrorRow a
    {
        color: red;
    }

.GridAlternateRow
{
    /*background-color: #e1e1e1;*/
    height: 18px;
    /*padding: 2px;*/
}

.GridPager
{
    height: 30px;
    padding: 2px;
    font-weight: 600;
}

    .GridPager a
    {
        background-color: #e1e1e1;
        border-radius: 2px;
        border: 1px solid #e1e1e1;
        padding: 5px 10px 5px 10px;
    }

        .GridPager a:hover {
            background-color: #00a25f;
            color: #fff;
            border-radius: 2px;
            border: 1px solid #e1e1e1;
            padding: 5px 10px 5px 10px;
        }

    .GridPager span
    {
        padding: 5px 10px 5px 10px;
    }

.rightAlignGridColumn
{
    text-align: right;
    white-space: nowrap;
}

.leftAlignGridColumn
{
    text-align: left;
}

.centerAlignGridColumn
{
    text-align: center;
}

#ItemDetail
{
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    background-color: #ffffff;
    border: outset #666666 1px;
    position: absolute;
    left: 0px;
    top: -350px;
    width: 350px;
    height: 300px;
    overflow: auto;
}

    #ItemDetail #popHeader
    {
        font-size: larger;
        font-weight: bold;
        padding: 10px;
        background-color: #ccc;
        display: block;
        margin: 20px 20px 10px 10px;
    }

    #ItemDetail #popDetail
    {
        padding: 10px;
        margin: 10px 20px 10px 10px;
        border: solid 1px #ccc;
    }

    #ItemDetail .boldText
    {
        font-weight: bold;
    }

.LabelMargin
{
    margin-right: 5px;
}

.tablnk
{
    font: 500 14px/17px "PT Sans",sans-serif!important;
    padding: 5px 10px!important;
    text-transform: none!important;
}

.tabContentTable
{
    border: 1px solid #999999;
    border-collapse: inherit;
}

.dvTabContent
{
    height: 230px;
    overflow: auto;
}

/* Style Included for Nested grid */
.hide
{
    display: none;
}

.lblUOm
{
    padding: 15px;
    text-transform: uppercase;
}

.popover
{
    z-index: 9999; /* A value higher than 1010 that solves the problem */
}

.prop-grid
{
    border: 1px solid #dcdcdc;
}

    .prop-grid table
    {
        table-layout: fixed;
    }

    .prop-grid > table
    {
        background: #f6f7f7 none repeat scroll 0 0;
        width: auto;
    }

.divicon
{
    padding-left: 10px;
}


.gridheaderNested
{
    background: #14bfcc none repeat scroll 0 0;
    color: #fff;
}

    .gridheaderNested th
    {
        border-bottom: 3px solid #169dd8;
        border-left: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        font-weight: 100;
        padding: 10px 0;
        text-align: center;
    }


tr.grid-child
{
    border-style: none;
}

.grid-child table
{
    /*border: 1px solid red;*/
}

    .grid-child table tr td
    {
        border: 1px solid #dcdcdc;
        border-collapse: collapse;
        padding: 5px 5px;
    }

.grid-child tr table tr:nth-of-type(2n+1)
{
}

.grid-child-table tr:nth-of-type(2n+1)
{
    background: white none repeat scroll 0 0;
}

.gridbody
{
    background: #F6F7F7 none repeat scroll 0 0;
}

.collapsablemain
{
    border: 1px solid #dcdcdc;
    padding: 10px;
}

.collapsable
{
    border: 2px solid #dcdcdc;
    border-top: none;
}

    .collapsable > div:nth-of-type(2n+1)
    {
        background: #fff none repeat scroll 0 0;
        padding: 0 10px;
    }

    .collapsable > div:nth-of-type(2n)
    {
        background: #f6f7f7 none repeat scroll 0 0;
        padding: 0 10px;
    }

.collapsablemain h6
{
    background: #14bfcc none repeat scroll 0 0;
    color: #fff;
    margin: 0 !important;
    padding: 8px;
}

.collapsableheader > td
{
    border-top: 1px solid #c4c4c4;
}

.grid-child.row-show > td
{
    padding: 0;
}

.gridcell
{
    display: inline-block;
    height: 100%;
}

.collapsableheader
{
    border: 1px solid #dcdcdc;
    cursor: pointer;
    height: 40px;
    padding: 5px;
    background-color: #e1e1e1;
    font-weight: bold;
}

.ceicon
{
    width: 30px;
    background-color: rgba(255,255,255,0.1);
}

    .ceicon.expand
    {
        content: "\f067";
    }

    .ceicon.collapse
    {
        content: "\f068";
    }

.row-show
{
    display: table-row;
}

.row-hide
{
    display: none;
}

.yourpricevalue
{
    font-size: 17px;
    font-weight: bold;
    /*color:#000;*/
    color: #14bfcc;
}

/*Predictive search related style changes - starts*/

.tokenfield .token
{
    width: 94%;
}

    .tokenfield .token .token-label
    {
        width: 95%;
    }

.tt-dropdown-menu
{
    max-height: 200px;
    overflow-y: scroll;
    width: 94% !important;
    min-width: 280px !important;
}

.tt-dataset-items
{
    width: 98% !important;
    min-width: 98% !important;
}

.tt-suggestion
{
    width: 98% !important;
    min-width: 98% !important;
    /*background-color :#ededed ;*/
}

.token-input
{
    max-height: 50px;
    overflow-y: scroll;
}

.tokenfield-tokenfield, .token-input
{
    width: 94% !important;
}

.twitter-typeahead
{
    width: 100% !important;
}

@media only screen and (min-width : 1px) and (max-width : 768px)
{
    .token-input
    {
        width: 75% !important;
    }

    .twitter-typeahead
    {
        width: 85% !important;
    }

    .tt-hint
    {
        width: 75% !important;
    }
}
/*Predictive search related style changes - ends*/
/* START AllowOrderCreation, EnableQuatation and EnableListFuncationality is turned off then hide quantity input in item layout */
.input-group-qty-uom select:first-child
{
    /*margin-left:60px;*/
}

.input-group-qty-uom span:first-child
{
    /*margin-left:60px;*/
}

@media only screen and (min-device-width: 1200px)
{
    .max-uom-width
    {
        width: 150px;
    }
}
/* END AllowOrderCreation, EnableQuatation and EnableListFuncationality is turned off then hide quantity input in item layout */
/* 20955,20326:EV3 - Moved: iPad - Quantity box with UOM dropdown does not align correctly on search results*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
    .form-control.showarrow
    {
        -webkit-appearance: menulist;
        line-height: 44px;
        /*height:44px;*/
    }
}
/* END EV3 - Moved: iPad - Quantity box with UOM dropdown does not align correctly on search results*/
/*25383,25384:Datetime picker not fully showing inside a .table-responsive class*/
@media only screen and (max-width: 1020px)
{
    .input-group-addon.date
    {
        display: none;
    }
}
/*END*/