.inlineLayout {
    height: auto;
}

.inlineWidth2 {
    width: 2%;
}

.inlineWidth3 {
    width: 3%;
}

.inlineWidth4 {
    width: 4%;
}

.inlineWidth6 {
    width: 6%;
}

.inlineWidth7 {
    width: 7%;
}

.inlineWidth8 {
    width: 8%;
}

.inlineWidth9 {
    width: 9%;
}

.inlineWidth10 {
    width: 10%;
}

.inlineWidth11 {
    width: 11%;
}

.inlineWidth115 {
    width: 11.5%;
}

.inlineWidth12 {
    width: 12%;
}

.inlineWidth14 {
    width: 14%;
}

.inlineWidth15 {
    width: 15%;
}

.inlineWidth16 {
    width: 16%;
}

.inlineWidth18 {
    width: 18%;
}

.inlineWidth20 {
    width: 20%;
}

.inlineWidth225 {
    width: 22.5%;
}

.inlineWidth23 {
    width: 23%;
}

.inlineWidth25 {
    width: 25%;
}

.inlineWidth30 {
    width: 30%;
}

.inlineWidth333 {
    width: 33.3%;
}

.inlineWidth334 {
    width: 33.4%;
}

.inlineWidth34 {
    width: 34%;
}

.inlineWidth35 {
    width: 35%;
}

.inlineWidth40 {
    width: 40%;
}

.inlineWidth45 {
    width: 45%;
}

.inlineWidth50 {
    width: 50%;
}

.inlineWidth60 {
    width: 60%;
}

.inlineWidth70 {
    width: 70%;
}

.inlineWidth75 {
    width: 75%;
}

.inlineWidth85 {
    width: 85%;
}

.inlineWidth90 {
    width: 90%;
}

.inlineWidth100 {
    width: 100%;
}

.inlineWidthAuto {
    width: auto;
}

.inlineWidth20px {
    width: 20px;
}

.inlineWidth30px {
    width: 30px;
}

.inlineWidth50px {
    width: 50px;
}

.inlineWidth90px {
    width: 90px;
}

.inlineWidth100px {
    width: 100px;
}

.inlineWidth130px {
    width: 130px;
}

.inlineWidth150px {
    width: 150px;
}

.inlineWidth180px {
    width: 180px;
}

.inlineWidth450px {
    width: 450px;
}

.inlineWidth167pxInlineBlock {
    width: 167px;
    display: inline-block;
}

/*.inlineGridColorBlue{*/
/*    color:royalblue !important;*/
/*    cursor: pointer !important*/
/*}*/

.inlineFloatLeft {
    float: left
}

.inlineMarginTop-1 {
    margin-top: -1px
}

.inlineMinWidth65 {
    min-width: 65%;
}

.inlineMinWidth80 {
    min-width: 80%;
}

.inlineMinWidth40 {
    min-width: 40%;
}


.inlineMargin20 {
    margin: 20px;
}

.inlineCursorPoint {
    cursor: pointer
}


.inlineheight24px {
    height: 24px;
}

.inlineheight26px {
    height: 26px !important;
}

.inlineheight100px {
    height: 100px;
}

.inlineheight180px {
    height: 180px;
}

.inlineheight300px {
    height: 300px !important;
}

.inlineheight200px {
    height: 200px;
}

.inlineheight527px {
    height: 527px !important;
}

.inlineOverFlowAndHeight {
    overflow: hidden scroll;
    height: 497px;
}

.inlineGridHidden {
    display: none;
}

.inlineFontSize13 {
    font-size: 13px;
}

.inlineWidth500floatLeft {
    width: 500px;
    float: left;
    text-align: right;
}

.inlineWidth100height100px {
    width: 100%;
    height: 100px;
    resize: none;
}

.inlineVoucherTypeDtl {
    width: 100%;
    height: 100px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
    display: none;
}

.inlineWidth100height200px {
    width: 100%;
    height: 200px;
    resize: none;
}

.inlineHeight250ResizeNone {
    height: 250px;
    resize: none;
}

.inlineHeight350ResizeNone {
    height: 350px !important;
    resize: none !important;
}

.inlineFloatLeftAndFontLarger {
    float: left;
    font-size: larger;
}

.inlineDisplayBlock {
    display: block;
}

.inlineDisplayNone {
    display: none;
}

.inlineDisplayInline {
    display: inline;
}

.inlineTextAlignRight {
    text-align: right
}

.inlineTextAlignCenter {
    text-align: center;
}

.inlineBackGroundNone {
    background: none;
}

.inlineVerticalAlignTop {
    vertical-align: top !important;
}

.inlineVerticalAlignUnset {
    vertical-align: unset !important;
}

.inlineColorRed {
    color: red;
    padding: 3.5px
}

.inlineColorRed2 {
    color: red;
}

.inlineColorBlue {
    color: blue;
}

.inlinePaddingLeft20 {
    padding-left: 20px;
}

.inlinePaddingLeft30 {
    padding-left: 30px;
}

.inlineFloatRight {
    float: right
}

.inlinePaddingTop8Bottom8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.inlinePaddingBottom15 {
    padding-bottom: 15px
}

.inlinePaddingBottom30 {
    padding-bottom: 30px
}

.inlinePaddingTop15 {
    padding-top: 15px
}

.inlineFontWeightBold {
    font-weight: bold;
    float: right;
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.inlineBackGroundColorLightGrey {
    background-color: lightgrey;
    font-weight: bold;
    float: right
}

.inlineBackGroundColorLightGreyLeft20px {
    background-color: lightgrey;
    font-weight: bold;
    margin-left: 20px
}

.inlineHeightAutoBoxShodow {
    height: auto !important;
    box-shadow: #0b2e13
}

.inlineDisplayFlex {
    display: flex;
    justify-content: center;
}

.inlineDisplayFlex20px {
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}

.inlineMarginLeft5 {
    margin-left: 5px
}

.inlineMarginLeft30 {
    margin-left: 30px
}

.inlineBackGroundColorf3 {
    background: #f3f3f3;
}

.inlineWidth950height800 {
    width: 950px;
    height: 800px
}

.inlinePadding0px10px {
    padding: 0px 0px 0px 10px
}

.inlineWhiteSpace {
    white-space: pre;
}

.inlineFontSize15 {
    font-size: 15px;
    color: whitesmoke
}

.inlinePositionRelative3px {
    position: relative;
    z-index: 1;
    left: 3px;
    top: 2px;
}

.inlinePositionAbsolute2px {
    position: absolute;
    z-index: 2;
    top: 2px;
}

.inlineColorAndDisplay {
    color: #F63D3A;
    display: none
}

.inlineColor0054FF {
    color: #0054FF;
}

.inlineSkinDtlStyleTh {
    width: 50%;
    background: none;
    vertical-align: top;
}

.inlineSkinDtlStyleTd {
    width: 50%;
    padding-left: 10px;
    vertical-align: top;
}

.inlineSkinDtlStyleDiv {
    border: 1px;
    margin-left: -8.5px;
    margin-top: 0px;
    margin-bottom: auto;
    font-weight: normal;
}
.inlineSkinNewStyleDiv {
    border:1px solid black;
    width:350px;
    margin-left: -8.5px;
    margin-top:0px;
    margin-bottom:auto;
    font-weight:normal;
}

.inlineSkinDtlStyleDiv2 {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.inlineSkinDtlStyleButton {
    width: 100px !important;
    height: 40px !important;
    margin: auto !important;
}

.inlineSkinDtlStyleP {
    font-size: 30px;
    line-height: 35px;
}

.inlineTextStart {
    text-align: start;
}

.inlineVoucherDtlV2 {
    width: 100%;
    height: 100px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
}

.inlineVoucherDtlV {
    height: auto !important;
    box-shadow: #0b2e13
}

.inlineVoucherDtlV700 {
    height: 700px !important;
    box-shadow: #0b2e13
}

.inlineModalzIndex {
    display: none;
    z-index: 999999;
}

.inlinePreWrap {
    white-space: pre-wrap;
}

.inlinePositionRelative330px {
    position: relative;
    height: 330px;
}

.shopAdminFindPwBtn {
    cursor: pointer;
    border-left: 1px solid #aaa;
}

.shopAdminLoginLayout {
    top: 50%;
    margin-top: -92px;
}

.inlineMarginRight10px {
    margin-right: 10px;
}

.inlineDisplayTable {
    display: inline-table;
}

.inlineFloatLeft {
    float: left;
    text-align: right;
}

.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    background: #f3f3f3;
    border: 1px solid #ddd;
}

.ui-jqgrid tr.ui-row-ltr td {
    border: 1px solid #ddd;
}

.ui-jqgrid tr.jqgrow td {
    border: 1px solid #ddd;
}

.ui-jqgrid .ui-jqgrid-htable {
    border-top: 1px solid #ddd;
}

.ui-jqgrid-labels {
    border: 1px solid #ddd;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: #ddd !important;
    border-right-style: solid !important;
    border-bottom-color: #ddd !important;
    border-bottom-style: solid !important;
    background: #fff;
}

.popup_close {
    font-size: 1rem;
}

.popup_close_box {
    margin-bottom: 0px;
    padding-left: 0px
}

.customBox {
    cursor: grabbing;
    user-select: none;
}

img.contain {
    object-fit: contain;
}

.inlineWidth150pxImportant {
    width: 150px !important;
}

.popup_btn-group ul li.soloBtn {
    width: 100%;
}

.popup-banner{
    display: none;
}
.popup_btn-group{
    line-height:60px;
    background:#282828;
    width: 100%;
}
.popup_btn-group ul{
    width: 100%;
    padding: 0;
    margin: 0;
}
.popup_btn-group ul li{
    float:left;
    width:50%;
}
.popup_btn-group ul li:first-child{
    border-right:1px solid #2c2b2b;
}
.popup_btn-group ul:after{
    display:block;
    content:'';
    clear:both;
}
.popup_btn-group ul li button{
    display:block;
    text-align:center;
    width:100%;
    border:0;
    background:#111;
    color:#fff;
    height:60px;
    line-height:60px;
    font-size:1rem;
}
.popup_btn-group ul li button:active{
    background:#000;
}

.popup img{
    display: block;
    max-width: max-content;
}
