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

.ez-tb-view {
    width: 100%;
    overflow: auto;
}
.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;
    vertical-align: top;
    padding: 3px;
}
.ez-tb-view.ez-table table td {
    vertical-align: top;
}
@media only screen and (min-width: 769px) {
    .ez-tb-view.ez-table:not(.no-wrap) table th,
    .ez-tb-view.ez-table:not(.no-wrap) table td {
        white-space: normal;
    }
}
.ez-tb-view.ez-table.cl-tb-input td .label-inline {
    min-width: 80px;
}
.ez-tb-view.ez-table.cl-tb-input td .label-inline-wbtn {
    min-width: 150px;
}
/**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: 0.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: 0.1rem 0.2rem;
}
.pap-form-group p {
    font-size: 13px;
}

.label-3070-wbtn label {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 0.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;
}

.tx-gray-400 {
    color: #9ca3af;
}
.tx-green-500 {
    color: #22c55e;
}