/* =============================================[   NEW RESPONSIVE VIEW   ]=============================================== */

.ez-tb-view {
    width:100%;
    overflow:scroll;

}
.ez-tb-view.ez-table table {
    width:auto;
    min-width:100%;
    table-layout: fixed;
}
.ez-tb-view.ez-table table [class*='icon-']{
    font-size:14px;
}
.ez-tb-view.ez-table table th,
.ez-tb-view.ez-table table td{
    white-space: nowrap;
    border:1px solid #444;
    font-size:12px;
}
.ez-tb-view.ez-table table td{
    vertical-align: top;
}

/**SUM*/
.ez-tb-view table tr[class*='tb-sum-']{
    border-top:3px double #444;
}
.ez-tb-view table tr[class*='tb-sum-'] td{
    background-color:#fff;
}


/* =============================================[   BUTTON   ]=============================================== */
.ez-tb-view .btn-in-tb {
    font-size:12px;
    padding:0px 3px;
}
input[type='button'][class*='my-button-'],
input[type='button'][class*='my-button-']:focus {
    font-size:13px;
    padding:1px 8px 3px;
    border-radius: 10px;
}
input[type='button'][class*='my-button-']:hover{
    opacity:0.8;
}
input[type='button'].my-button-blue,
input[type='button'].my-button-blue:focus {
    color:#fff;
    background:#007bff;
    border-color: #007bff;
}
input[type='button'].my-button-yellow,
input[type='button'].my-button-yellow:focus {
    color:#fff;
    background:#ffc107;
    border-color: #ffc107;
}
input[type='button'].my-button-gray,
input[type='button'].my-button-gray:focus {
    color:#fff;
    background:#6c757d;
    border-color: #6c757d;
}
input[type='button'].my-button-green,
input[type='button'].my-button-green:focus {
    color:#fff;
    background:#28a745;
    border-color: #28a745;
}
input[type='button'].my-button-red,
input[type='button'].my-button-red:focus {
    color:#fff;
    background:#dc3545;
    border-color: #dc3545;
}
input[type='button'].my-button-lblue,
input[type='button'].my-button-lblue:focus,
button.my-button-lblue,
button.my-button-lblue:focus {
    color:#fff;
    background:#17a2b8;
    border-color: #17a2b8;
    cursor:pointer;
    box-shadow: none;
}

/* =============================================[   FORM   ]=============================================== */
.tight-text textarea{
    font-size:13px;
    line-height: 110%;
}
.tx-left {
    text-align:left;
}
.tx-right,
.input-right input {
    text-align:right;
}
.tx-center {
    text-align:center;
}

/* ปุ่มค้นหาติด input*/
.label-inline-wbtn,
.label-3070-wbtn {
    float:left;
    width:100%;
    margin-bottom:12px;
}
.label-inline-wbtn label {
    display:block;
    font-size:14px;
    font-weight: 600;
    padding-bottom: .375rem;
}
.pap-input-group {
    position: relative;
    display: flex;
}
.pap-input-group input{
    display:block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width:1%;
}
.pap-input-group-append {
    display: flex;
    margin-left:-1;
}
.pap-input-group-append button{
    padding:.1rem .2rem;
}
.pap-form-group p{
    font-size:13px;
}


.label-3070-wbtn label {
    float:left;
    width:100%;
    font-size:14px;
    font-weight: 600;
    padding-bottom: .375rem;
}
.label-3070-wbtn .pap-form-group{
    float:left;
    width:100%;
}
@media only screen and (min-width: 414px) {
    .label-3070-wbtn label {
        box-sizing: border-box;
        width:30%;
        padding-right:0.75rem;
        text-align:right;
    }
    .label-3070-wbtn .pap-form-group{
        width:70%;
    }
}

/* =============================================[   LINK STYLE   ]=============================================== */
.pap-link-canceled,
.pap-link-canceled:visited,
.pap-link-canceled:hover {
    color:#888;
    text-decoration:line-through;
}

/* =============================================[   EXTRA CSS   ]=============================================== */
.mgb-0 {
    margin-bottom: 0 !important;
}
.pad-0 {
    padding:0 !important;
}