/* Client-side asynchronous results display styling - GS20160517 */

/*   NO LONGER VALID, THE ACTION IS SPECIFIED AS PARAMETER
     Css class 'g' coding: 
          Style class "gS[grid col]r[row]c[col][i: image or a: a] where 0: whole grid item
          Action class "gA[action][description]", where [action] is: 
              H: insert html 
              P: insert html and unhide (the tr parent)
              G: paint background gray and add title
              Y: paint background yellow and add title
              O: paint background orange and add title
              U: unhide (this)
              V: add line to primary availability table
              a: append
              A: insert attribute "attr" where "attr" is as follows: gAAattr_somename
              X: empty this item
*/
.gS0 {
    border: 1px solid red;
    margin-bottom: 5px;
    background-color: white;
    /*box-shadow: 0px 8px 20px 0px #888888;*/
    padding: 0px;
}

.gS1 {
    /*background-color: rgb(221, 221, 221);*/
    /*border-right: 1px solid white;*/
    height: 200px;
    max-height: 200px;
    border-width: 0px 20px 0px 0px;
    /*-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(255, 255, 255)), to(rgba(0, 0, 0, 0))) 1 100%;*/
    /*-webkit-border-image: -webkit-linear-gradient(left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
    /*-moz-border-image: -moz-linear-gradient(left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
    /*-o-border-image: -o-linear-gradient(left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
    /*border-image: linear-gradient(to left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
}

.gS1r1 {
    padding: 0px !important;
}

.gS1r1c1 {
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
}

.gS1r1c1i {
    display: inline;
    /*width: 51px;*/
    height: 17px;
    margin-right: 10px;
}

.gS1r1c1i2 {
    display: inline;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.gS1r1c2 {
    display: inline-block
}

.gS1r1c2a {
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
}

.gS1r2 {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 0px !important;
}

.gS1r3 {
    text-align: center;
}

.gS1r3ai {
    border: solid 1px #ccc;
    max-width: 130px;
    margin: 0px auto;
}

.gS1r3c1i {max-height:85px;margin:0 auto;cursor:pointer;}

.gS1r4 {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.gS1r4cN {
    display: inline-block;
}

.gS1r4cNa {
    font-size: 20px;
    margin-right: 10px;
}

.gS1r4cNi {
    width: 16px;
    margin-top: -6px;
    margin-right: 10px;
}

.gS1r4cNii {
    font-size: 20px;
}

.gS1r4cNimg {
    width: 20px;
    margin-top: -6px;
}

.gS2 {
    background-color: white;
    height: 200px;
    max-height: 200px;
    overflow-y: auto;
    border-right: 1px solid white;
    padding: 0px;
    border-width: 0px 20px 0px 0px;
    /*-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(221, 221, 221)), to(rgba(0, 0, 0, 0))) 1 100%;*/
    /*-webkit-border-image: -webkit-linear-gradient(left, rgb(221, 221, 221), rgba(0, 0, 0, 0)) 1 100%;*/
    /*-moz-border-image: -moz-linear-gradient(left, rgb(221, 221, 221), rgba(0, 0, 0, 0)) 1 100%;*/
    /*-o-border-image: -o-linear-gradient(left, rgb(221, 221, 221), rgba(0, 0, 0, 0)) 1 100%;*/
    /*border-image: linear-gradient(to left, rgb(221, 221, 221), rgba(0, 0, 0, 0)) 1 100%;*/
}

.gS2t {
    font-family: 'Roboto Condensed', sans-serif;
}

.gS2r1cN {
    padding: 0px !important;
    border-top: none !important;
}

.gS2r2c1 {
    padding: 0 !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    vertical-align: middle !important;
}

.gS2r2c2 {
    padding: 0 !important;
    vertical-align: middle !important;
}

.gS2r2c2 > div {
    font-size: 1.3em;
}

.gS2r2c3 {
    padding: 0px !important;
}

.gS2r2c3t {
    margin: 0px auto;
}

.gS2r2c3t div {
    position: relative;
    width: 46px;
    font-size: 15px;
    height: 15px;
    padding-right: 24px;
    display: inline;
}

.gS2r2c3t td:nth-of-type(1) div > input:nth-of-type(1) {
    border: 1px solid rgb(0, 0, 0);
    height: 17px;
    color: white; /*width: 22px;*/
    text-align: center; /*color:black;*/
}

.gS2r2c3t td:nth-of-type(1) div > input:nth-of-type(2) {
    border: 1px outset;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 5pt;
    top: 2px;
    font-weight: bold;
    line-height: 1em;
    height: 12px;
    left: 22px;
    width: 24px;
    overflow: hidden;
    position: absolute;
}

.gS2r2c3t td:nth-of-type(1) div > input:nth-of-type(3) {
    border: 1px outset;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 5pt;
    font-weight: bold;
    top: 13px;
    height: 11px;
    line-height: 3pt;
    left: 22px;
    width: 24px;
    overflow: hidden;
    position: absolute;
}

.gS2r2c3t td:nth-of-type(1) div > input:nth-of-type(1) {
    vertical-align: sub;
    height: 22px !important;
    width: 30px !important;
}

.gS2r2c3t td:nth-of-type(1) div > input:nth-of-type(2), .gS2r2c3t div > input:nth-of-type(3) {
    width: 15px !important;
    padding: 0px !important;
    left: 30px !important;
}

.gS2r2c3t td:nth-of-type(2) > img {
    border-width: 0px;
    padding-top: 5px;
    padding-left: 10px;
}

.gS3 {
    /*background-color: rgba(211, 211, 211, 0.94);*/
    /*border-right: 1px solid white;*/
    border-width: 0px 20px 0px 0px;
    /*-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(255, 255, 255)), to(rgba(0, 0, 0, 0))) 1 100%;*/
    /*-webkit-border-image: -webkit-linear-gradient(left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
    /*-moz-border-image: -moz-linear-gradient(left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
    /*-o-border-image: -o-linear-gradient(left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
    /*border-image: linear-gradient(to left, rgb(255, 255, 255), rgba(0, 0, 0, 0)) 1 100%;*/
}

.gS3r0 {
    height: 200px;
    max-height: 200px;
    overflow: auto;
}

.gS3r1c1 {
    padding: 0px;
}

.gS3r2c1 {
    font-size: 11px;
    padding: 0 !important;
}

.gS3r2c2 {
    padding: 0 !important;
}

.gS3r7c1 {
    font-size: 11px;
    padding: 0 !important;
    color: red;
    vertical-align: middle !important;
}

.gS3r7c2 {
    padding: 0 !important;
    color: red;
}

.gS3r7c2a {
    color: red;
    font-weight: bold;
    text-decoration: underline;
    float: left;
}

.gS3r8t {
    margin-top: 5px;
    margin-bottom: 0px;
    border: 2px solid black;
}

.gS3r8tc1 {
    padding: 0 !important;
    width: 50%;
    font-size: 12px;
}

.gS3r8tc2 {
    padding: 0 !important;
    width: 50%;
    vertical-align: middle !important;
}

.gS3r8tc2i {
    font-size: 20px
}

.gS3r9t {
    visibility: hidden;
    position: absolute;
    border: 1px solid rgb(204, 204, 204);
    font-size: 12px;
    text-align: center;
    width: 200px;
    padding: 10px;
    z-index: 1000;
    background-color: rgb(255, 255, 255);
}

.gS4 {
    background-color: white;
    border-right: 1px solid white;
}

.gS4r0 {
    height: 200px;
    max-height: 200px;
    overflow-y: auto;
}

.gS4r1 {
    padding: 0px;
}

.gS4r2cN {
    font-size: 11px;
    padding: 0 !important;
}

.gS4r2notes {
    float: left;
    background-color: silver;
    word-wrap: break-word;
    font-size: 11px;
    font-weight: bold;
}

.gFilterButton {
    color: #5E5E5E;
    margin-top: -4px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 10px !important;
    border: 1px rgba(94, 94, 94, 0.32) solid;
    font-weight: 600 !important;
    background-color: white;
}

.gFilterButton ~ ul input {
    margin: 10px;
}

.gFilterButton ~ ul label {
    padding-top: 0px;
    font-weight: 500 !important;
}

.gFilterButton ~ ul button {
    color: #d9534f;
}

.gFilterBtnLi {
    margin-bottom: 5px;
    text-align: center;
}

.gContainerHeader button {
    margin: 20px 0px 10px 10px;
    border-color: #d43f3a;
}

.gContainerHeader span {
    color: #d43f3a;
    font-size: 16px;
    font-weight: bolder;
    margin-right: 10px;
}

.gPaging {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 16px;
}

.gPaging span {
    margin-left: 5px;
    cursor: pointer;
}

.gPaging span:hover {
    background-color: rgba(128, 128, 128, 0.55);
}

.gExtraParts {
    border: 5px solid rgb(112, 111, 111);
    margin: 10px 10px 10px 0px;
}

.gExtraParts > div:first-child {
    text-align: center;
    background-color: rgba(190, 190, 190, 0.94);
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
    margin-top: 4px;
}

#gReport .modal-body {
    font-size: larger;
    font-weight: bolder;
    color: #428bca;
    cursor: pointer;
}

#gReport {
    top: calc(50% - 200px) !important;
}

.gSAvailOnOrdr {
    visibility: hidden;
    position: absolute;
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    z-index: 1000;
    background-color: rgb(255, 255, 255);
    font-size: 14px !important;
    font-weight: bold;
}

.basketIcon:hover {
    cursor: pointer;
}

#gPartsFilter .modal-header {
    border-bottom: none;
}

#gPartsFilter .modal-title {
    font-weight: bolder;
}

#gPartsFilter [onclick] {
    cursor: pointer;
}

#gPartsFilter img {
    border-style: None;
    height: 24px;
    width: 40px;
    border-width: 0px;
}

/*.gPartsFilterBtn {margin-bottom:5px;}*/
#gCritFilter {
    top: calc(50% - 200px) !important;
}

/*#gCritFilter .dropdown-menu li {margin-left:10px;cursor:pointer;}*/
/*#gCritFilter a {text-decoration:none !important;}*/
#gCritFilter select {
    margin-left: 20px;
    width: 120px;
}

/*#gCritFilter select:hover { background-color: yellow; }*/
#gCritFilter li span {
    font-size: larger;
}

#gCritFilter ul li:first-child {
    width: 120px;
}

/* Bulgaria */
/*
    New Action codes for "gA" classes. Action is now a separate parameter in the editor method (id, loc, action, ins) where "action" is:
        "append"    - loc.append(ins)
        "attr:val"  - loc.attr(val, ins)
        "class"     - loc.addClass(ins)
        "clone:val" - loc.append((#gTemplate .val).clone.addClass(ins))
        "fill"      - loc.html(ins)
        "pShow"     - loc.findFirstHiddenParent.removeClass('hidden')
        "style:val" - loc.css(val, ins)
*/
#_container .col-md-3 {
    padding: 0;
}

.cCartSet {
    padding: 0;
    margin-top: 3px;
}

.cCart {
    border: none!important;
    border-width: 0px;
    height: 15px;
    padding-left: 3px;
    /*margin-bottom: 4px;   GS180413*/
}

.cTitle {
    line-height: normal;
    margin: 3px;
}

.cWrap1 {
    text-align: center;
}

.cQty {
    border-color: #000000;
    width: 20px;
    border-width: 2px;
    border-style: inset;
    height: 20px;
    margin-left: 3px;
    padding: 0;
}

@media (min-width: 768px) {
    .gS0 {
        display: flex;
    }
}

.gS1, .gS2, .gS3 {
    height: inherit;
    align-items: stretch;
}

.gApNet img {
    margin-top: 1px;
    height: 20px;
    float: right;
}

.gS1r4 img {
    margin-top: -5px;
}

.gExtraParts {
    padding-bottom: 10px;
    border-width: 2px;
    border-color: #d43f3a;
}

table.table.text-left td {text-align:unset;font-size:14px;}
.kitPartPN {color:blue;cursor:pointer;}
#iGridModal td input[type=checkbox] {margin-left:0;margin-top:-13px;}
#iGridModal th input[type=checkbox] {margin-left:0;margin-top:-24px;}