.txt_dark {
    color: rgb(36, 36, 36) !important;
}

.txt_light {
    color: rgb(248, 248, 248) !important;
}

.bg-gray {
    background-color: rgb(225, 225, 225);
}

.bg-wraning {
    background-color: rgb(255, 215, 115);
}

.bg-cus_service {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(207, 166, 81, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.m0 {
    margin: 0 !important;
}

.pt-2 {
    padding-top: 20px;
}

.p0 {
    padding: 0;
}

.moom {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.moom5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* background-color: rgba(255, 255, 255, 0.7) ; */
}

.bb {
    border: 1px solid gray;
}

.img-logo {
    width: 25%;
}

.items-menu-list {
    font-size: 1rem;
}

.head-menu-list {
    font-size: 1.2rem;
}

.pro_service {
    background-color: rgba(255, 255, 255, 0.7);
}

input[type="text"]:disabled,
input[type="password"]:disabled {
    background: #DDDDDD;
    /* color: black; */
    font-style: italic
}

.btn-user-delete {
    background-color: chocolate;
    color: cornsilk;
    margin-top: 5px;
}

.btn-user-edit {
    background-color: rgb(30, 147, 210);
    color: cornsilk;
    margin-top: 5px;
}

.btn-user-permission {
    background-color: rgb(151, 151, 151);
    color: cornsilk;
    margin-top: 5px;
}


/* .uk-offcanvas-bar>*::after{color:black !important;} */

textarea {
    resize: none;
}

.frm-s001,
.frm-job_des001,
.frm-customer-update {
    border-radius: 5px;
    border: 1px solid #979797;
    /* background-color: rgb(193, 233, 248); */
}

.s001_fill {
    cursor: pointer;
    padding-bottom: 15px;
}

.p2 {
    padding: 20px !important;
}

.btn-exporting {
    cursor: pointer;
}

.btn-cmd-ListSN,
.btn-cmd-editCustomer {
    margin-top: 5px;
}

.sn-bg-danger {
    background-color: #F0506E !important;
    color: #fff !important;
}

.sn-bg-success {
    background-color: #32D296 !important;
    color: #fff !important;
}

.sn-bg-info {
    background-color: #AFD2F6 !important;
    color: rgb(37, 36, 36) !important;
}

.sn-bg-warning {
    background-color: #FAA05A !important;
    color: #fff !important;
}

.sn-bg-grey {
    background-color: #e1e1e1 !important;
    font-weight: 600;
}

.list-items-job {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.list-items-job[last_update="0"] {
    background-color: rgba(161, 213, 247, 0.5);
}

.tb-show-all-claim * {
    border-collapse: collapse;
    border: 1px solid gray;
    font-size: 0.7rem;
}

.txt-warranty {
    padding-left: 5px;
    padding-right: 5px;
}

.img_onShow {
    height: 100px !important;
    width: 100px !important;
    padding: 3px !important;
    border: 1px solid #D5D5D5 !important;
    object-fit: cover;
}

.btn-cancel-date {
    cursor: pointer;
}

html {
    background: url(../img/BG-02.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 100%;
    /* overflow: hidden; */
}

 ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media only screen and (max-width: 420px) {
    .img-logo {
        width: 50%;
    }
}