/*  Css For Admin Lte*/

/*@font-face {
    font-family: 'kanitregular';
    src: url('fonts/kanit-regular-webfont.woff2') format('woff2'), url('fonts/kanit-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitbold';
    src: url('fonts/kanit-bold-webfont.woff2') format('woff2'), url('fonts/kanit-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

body {
    font-family: 'Noto Serif Thai', serif;
}

/*body {
    font-family: 'kanitregular', sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
}*/

/*.swal2-title {
    font-family: Tahoma;
}*/

/*body {
    font-family: "Open Sans", sans-serif;
}*/


.nav_logo_top > img {
    height: 23px !important;
    padding-bottom: 5px;
    padding-right: 5px;
}

.nav_logo_top > span {
    font-size: 18px;
    color: #FF9800;
}
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.content-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.breadcrumb {
    background-color: #75ccfa !important;
    font-weight: bold;
}
.breadcrumb-item a {
    color: #ffffff !important;
}

.btn {
    border-radius: 0.15rem;
}
.display_block {
    display: none !important;
}

.swal2-header {
    padding: 1rem;
    border-bottom: 0px; 
}
.box_dashboard {
    display: inline-table;
    text-align:center;
    width: 100%;
}
.txt_box_dashboard {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    height: 100px;
}

.txt_box_dashboard i {
    font-size: 45px;
}

.txt_box_dashboard img {
    width: 100%;
}

.txt_logo_dashboard {
    font-size: 26px;
    color: #929292;
}
.menu_none {
    display: none !important;
}
.user-panel img {
    height: auto;
    width: 2.0rem!important;
}

.nav_img1 {
    height: 1.5rem;
    padding-bottom: 6px;
}
.badge {
    font-weight: 500;
}

.input_uppercase {
    text-transform: uppercase
}
.table-bordered td, .table-bordered th {
    /*border: 1px solid #c6c6c6;*/
    border: 1px solid #acacac;
    /*border: 1px solid #979797;*/
}

.navbar_bg {
    background-color: #154c79;
    color: #ffffff;
}
.navbar_bg .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar_right {
    color: #ffffff;
    padding-right: 7px;
}

.navbar_name {
    font-weight: bold;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.navbar_name img{
    height: 40px;
}

/*.navbar_right {
    color: #1d1d1d;
    padding-right: 7px;
}*/

.sidebar {
    overflow-y: unset;
}

.sidebar-light-dark {
    background-color: #dee2e6;
}

[class*=
    -light] .user-panel {
    border-bottom: 1px solid #989898;
}

[class*=sidebar-light] .brand-link {
    border-bottom: 1px solid #989898;
}

.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #2860AC;
    color: #fff;
}

/*.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #a1fbaa;
    color: #1d1d1d;
    border-radius: 2px;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active {
    background-color: #a1fbaa;
    color: #1d1d1d;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active, .sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: #a1fbaa;
    color: #1d1d1d;
}*/

.modal_xxl {
   max-width: 90%;
}
.font_50 {
    font-size: 50px;
}

.cut_text_1 {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form_focus:focus {
    border: 2px solid #80bdff;
}

.swal2-content {
    line-height: 1.4;
    padding-top: 10px;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.4em;
}

.iframe_barcode_show {
    width: 100%;
}

.bg_in_bill {
    border: 1px solid #e9ecef;
    height: 100%;
}

.box_load_plan {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 10px;
}

.box_load_plan .color_text{
    color: #3D3C4D;
}

.box_img {
    text-align: center;
}
.nav-header {
    text-decoration: underline;
}
.brand-link {
    padding: .4rem .5rem;
/*    font-size: 1rem;*/
}
.main-header {
    padding-top: 3px;
  /*  padding-bottom: 3px;*/
}
.main-header .nav-link {
    height: 2rem;
}
.brand-image {
    padding-bottom: 8px;
    margin: 1px 1px 1px 15px;
}

.brand_login_logo {
    color: #ffffff;
    border: 1px solid #ffffff;
    margin-top: 1px;
    padding: 0px 4px 1px 4px;
    border-radius: 20px;
    font-size: 24px;
}
.brand_text_logo {
    color: #ffc107;
    border: 1px solid #ffc107;
    margin-top: 1px;
    padding: 3px 2px 5px;
    border-radius: 20px;
}

.card-header {
    padding: 0.5rem 0.5rem;
}

.card-body {
    padding: 0.5rem 0.5rem;
}
.bd_box {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.select2-rendered__match {
    text-decoration: underline;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    /*border: 1px solid #d2d6de;*/
    padding: 3px 5px;
    height: calc(1.8rem + 2px);
}
.select2-container--bootstrap4 .select2-selection--single {
    /*height: calc(1.5em + .75rem + 2px) !important;*/
    padding: 3px 5px;
    height: calc(1.8rem + 2px) !important;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + .0rem);
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + .0rem);
    /*position: absolute;
    top: -3px;*/
}

/*.select2-container--bootstrap4 .select2-selection__clear {
    width: 0.5em;
    height: 1em;
    line-height: 0.2em;
    padding-left: 0.1em;
    margin-right: 0.1em;
    font-size: 16px;
}*/

.select2-container--bootstrap4 .select2-selection__clear {
    width: 0.5em;
    height: 1em;
    line-height: 0.2em;
    padding-left: .2em;
    margin-top: .5em;
    border-radius: 100%;
    background-color: #ffffff;
    color: #000000;
    float: right;
    margin-right: .2em;
}

.select2-container--bootstrap4 .select2-selection__clear:hover {
   background-color: #ffffff;
}

.select2-selection__arrow b {
    display: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*.h_title_page {
    font-size: 1.5rem !important;
}*/
.input_daterang_w {
    width: 130px !important;
}

select option:disabled {
    color: #cccccc;
}
.txt_user_name {
    color: #343a40;
    font-size: 0.9rem;
}
.txt_user_section {
    color: #707880;
    font-size: 0.8rem;
}

.img_icon {
    height: 15px;
    margin-bottom:5px;
}

.form_group_sm {
    margin-bottom: 0.5rem;
}

.form_sm {
    height: calc(1.75rem + 2px);
    padding: 5px 5px;
}

.label_sm {
    font-weight: normal!important;
    margin-bottom: 0.2rem;
}

.img_logo_sidemenu {
    height: 22px;
    margin-top: -8px;
}
/*label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
}*/
.table_ss td, .table_ss th {
    padding: .1rem;
    font-size: 0.8rem;
}
.table_ss2 td, .table_ss2 th {
    padding: .1rem;
    font-size: 0.7rem;
}
.table thead th {
    border-bottom: 2px solid #b5b5b5;
}

.card_title_s1 {
    text-decoration: underline;
}

.px_2px {
    padding-left: 2px;
    padding-right: 2px;
}

.px_5px {
   padding-left: 5px;
   padding-right: 5px;
}

.bg_red_1 {
    /*background-color: #ffb366 !important;*/
    background-color: #ff6262 !important;
}


.bg_th_s1 {
    background-color: #d0d0d0 !important;
}
.bg_th_s2 {
    background-color: #bbcdff !important;
}
.bg_th_s3 {
    background-color: #f2f4f5;
}
.bg_th_orange {
    background-color: #ffa753;
}
.bg_th_s4 {
    background-color: #c9c9c9;
}
.bg_td_s1 {
    background-color: #cbffd7 !important;
}
.bg_td_s2 {
    background-color: #ffe6cc !important;
}
.bg_td_s3 {
    background-color: #cbffd7 !important;
}
.bg_td_s4 {
    background-color: #a7e9ff !important;
}

.bg_hold_so {
    background-color: #ffce9c !important;
}

.bg_wait_sap {
    background-color: #e1d1ff !important;
}

.bg_submit_sap {
    background-color: #c8e3ff !important;
}


.bg_so_1 {
    /*background-color: #ffb366 !important;*/
    background-color: #ffce9c !important;
}
.bg_so_2 {
    /*background-color: #ffff4d !important;*/
    background-color: #fdfd96 !important;
}
.bg_so_3 {
    /*background-color: #80ff80 !important;*/
    background-color: #b6ffb6 !important;
}
.bg_so_4 {
    /*background-color: #ff99cc !important;*/
    background-color: #ffcff1 !important;
}
.bg_so_5 {
    /*background-color: #d24dff !important;*/
    background-color: #e1d1ff !important;
}
.bg_so_6 {
    /*background-color: #4dd2ff !important;*/
    background-color: #c8e3ff !important;
}
/*.bg_so_7 {
    background-color: #a7e9ff !important;
}*/

.cl_ds_1 {
    color: #ffb366 !important;
}

.cl_ds_2 {
    color: #ffff4d !important;
}

.cl_ds_3 {
    color: #80ff80 !important;
}

.cl_ds_4 {
    color: #ff99cc !important;
}

.cl_ds_5 {
    color: #d24dff !important;
}

.cl_ds_6 {
    color: #4dd2ff !important;
}

.bg_low_1 {
    background-color: #ffcce6 !important;
}

.bg_hight_1 {
    background-color: #ff4d4d !important;
}

.w_80 {
    width: 80% !important;
}

/* Create CSS new */
.btng_gray2, .btnh_gray2 {
    color: #ffffff;
    background-color: #909598;
    border: 2px solid #909598;
}

.btng_gray2:hover {
        background-color: #575e63;
        color: #ffffff;
}

.btng_red_dark, .btnh_red_dark {
    color: #fff;
    background-color: #b42c39;
    border: 2px solid #b42c39;
}

.btng_red_dark:hover {
    background-color: #d35763;
    /*border: 2px solid #d35763;*/
}

.btng_success, .btnh_success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btng_success:hover {
    background-color: #207b35;
}

.btng_primary, .btnh_primary {
    color: #fff;
    background-color: #4099ff;
    border-color: #73b4ff;
}

.btng_primary:hover {
    background-color: #7bb7fb;
}

.btng_purple, .btnh_purple {
    color: #fff;
    background-color: #605ca8;
    border-color: #605ca8;
}

.btng_purple:hover {
   background-color: #6f42c1;
}

.btng_brown, .btnh_brown {
    color: #fff;
    background-color: #cc6600;
    border-color: #ff8000;
}

.btng_brown:hover {
    background-color: #cc6600;
}

.btng_pink, .btnh_pink {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}

.btng_pink:hover {
   color: #fff;
   background-color: #ff61aa;
}

.btng_blue_thin, .btnh_blue_thin {
    color: #0d0d0d;
    background-color: #80d4ff;
    border-color: #80d4ff;
}

.btng_blue_thin:hover {
    color: #0d0d0d;
    background-color: #b3e6ff;
}

.btng_darkgray, .btnh_darkgray {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;
}

.btng_darkgray:hover {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btng_green, .btnh_green {
    color: #fff;
    background-color: #15a98b;
    border-color: #15a98b;
}

.btng_green:hover {
    color: #fff;
    background-color: #1a846f;
    border-color: #1a846f;
}


/*.btng_green2, .btnh_green2 {
    color: #fff;
    background-color: #28803c;
    border-color: #28803c;
}

.btng_green2:hover {
    color: #fff;
    background-color: #35a24e;
}
*/

.btng_green2, .btnh_green2 {
    color: #fff;
    background-color: #21bf7a;
    border-color: #21bf7a;
}

.btng_green2:hover {
    color: #fff;
    background-color: #1c935f;
}

.btng_inverse, .btnh_inverse {
    color: #fff;
    background-color: #27448e;
    border-color: #27448e;
}

.btng_inverse:hover {
    color: #fff;
    background-color: #5675c5;
    border-color: #5675c5;
}

.btng_danger, .btnh_danger {
    color: #fff;
    background-color: #FF5370;
    border-color: #FF5370;
}

.btng_danger:hover {
    color: #fff;
    background-color: #a93f50;
    border-color: #a93f50;
}

.btng_red, .btnh_red {
    color: #fff;
    background-color: #df2121;
    border-color: #df2121;
}

.btng_red:hover {
     color: #fff;
     background-color: #a01a1a;
     border-color: #a01a1a;
}

.btng_warning, .btnh_warning {
    color: #fff;
    background-color: #F57C00;
    border-color: #F57C00;
}

.btng_warning:hover {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800;
}

.btng_blue, .btnh_blue {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btng_blue:hover {
    color: #fff;
    background-color: #117686;
    border-color: #117686;
}

.btng_black, .btnh_black {
    color: #fff;
    background-color: #313131;
    border-color: #313131;
}

.btng_black:hover {
   color: #fff;
    background-color: #737373;
    border-color: #737373;
}

.btng_orange, btnh_orange {
    color: #fff;
    background-color: #fa8b1b;
    border-color: #f77c00;
}

.btng_orange:hover {
    color: #fff;
    background-color: #F57C00;
    border-color: #F57C00;
}

.btng_lemon, .btnh_lemon {
    color: #343a40;
    background-color: #6cffbf;
    border-color: #a1fbaa;
}

.btng_lemon:hover {
   color: #343a40;
   background-color: #3bea9e;
}


.btng_orange_thin, .btnh_orange_thin {
    color: #343a40;
    background-color: #ffe2ad;
    border-color: #fdbd87;
}

.btng_orange_thin:hover {
   color: #343a40;
   background-color: #ffd17d;
}

.text_primary_hv:hover {
    color: #007bff;
}
.text_danger_hv:hover {
    color: #FF5370;
}
.icon_primary {
    font-size: 1.2em;
    cursor: pointer;
}
.icon_primary:hover {
    color: #FF5370;
}
.icon_danger {
    font-size: 1.2em;
    cursor: pointer;
}
.icon_danger:hover {
    color: #FF5370;
}

/*.btng_olive, btnh_olive {
    background-color: #fa8b1b;
    border-color: #f77c00;
}
.btng_olive:hover {
    background-color: #F57C00;
    border-color: #F57C00;
}*/
.bgg_white {
    background: #ffffff !important;
}

.bgg_grayblue {
    background-color: #4da0ff !important;
}

.bgg_gray {
    background-color: #dddddd !important;
}

.bgg_blue {
    background: linear-gradient(45deg, #4099ff, #73b4ff) !important;
}

.bgg_green {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5) !important;
}

.bgg_green_1 {
    background-color: #dafff8 !important;
}

.bgg_brown {
    background-color: #cc6600 !important;
}

.bgg_brown2 {
    background-color: #8e4c0b !important;
}

/*.bgg_green_2 {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5) !important;
}*/

.bgg_yellow {
    background: linear-gradient(45deg, #FFB64D, #ffcb80) !important;
}

.bgg_pink {
    background: linear-gradient(45deg, #FF5370, #ff869a) !important;
}

.bgg_red_dark {
    background-color: #b42c39 !important;
}

.bgg_red_thin {
    background-color: #ff9999 !important;
}

.bgg_orange {
    background: linear-gradient(45deg, #FF9800, #ffb547) !important;
}

.bgg_orange_dark {
    background: #ff5407;
}

.bgg_orange_thin {
    background: #ffd7b3 !important;
}

.bgg_blue_dark {
    background-color: #21397e;
}

.bgg_info_thin {
    background-color: #d2f4f9 !important
}

.font_bold {
    font-weight: bold !important;
}
.font_10 {
    font-size: 10px !important;
}
.font_12 {
    font-size: 12px !important;
}
.font_14 {
    font-size: 14px !important;
}
.border_shadow {
    border-radius: 1px;
    border: 1px solid #cccccc;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.15);
}

.border_shadow_2 {
    box-shadow: 0px 0px 3px 2px #6fc0fb;
    border-radius: 5px;
}

.border_group_blue {
    border-radius: 6px;
    border: 3px solid #5baaff;
}

.border_other {
    border-radius: 1px;
    border: 1px solid #cccccc;
}

.border_2 {
    border: 2px solid #cbcbcb;
}

.border_3 {
    border: 1px solid #a2a2a2 !important;
}

.border_orange {
    border: 2px solid #ff9933;
}

.border_green {
    border: 2px solid #6cf43e;
}

.border_blue {
    border: 2px solid #9acbff;
}

.border_red {
    border: 2px solid #ff5252;
}

.border_password {
    border-radius: 4px;
    border: 1px solid #dc3545;
}

.border_top_s3 {
    border-top: 2px solid #3fa957 !important;
}

.border_top_s4 {
    border-top: 2px solid #007bff !important;
}

.border_bottom {
    border-bottom: 1px solid #707070 !important;
}

/*.border_lemon {
    border: 1px solid #61d26c;
}*/

.border_lemon {
    border: 2px solid #53eda3;
}
.border_orange_thin {
    border: 2px solid #fdbd87;
}

.badge-bluethin {
    color: #fff;
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.badge-orange {
    color: #fff;
    background-color: #fd7e14;
}

.badge-purple {
    color: #fff;
    background-color: #605ca8 !important;
}

.badge-fuchsia {
    color: #fff;
    background-color: #f012be !important;
}

.badge-pink {
    color: #fff;
    background-color: #e83e8c ;
}

.badge-indigo {
    color: #fff;
    background-color: #6610f2 !important;
}

.badge-navy {
    color: #fff;
    background-color: #1449a9;
}

.badge-teal {
    color: #fff;
    background-color: #39cccc !important;
}

.badge-olive {
    color: #fff;
    background-color: #3d9970 !important;
}

.badge-yellow {
    color: #fff;
    background-color: #ffcb80 !important;
}

.badge-brown {
    color: #fff;
    background-color: #cc6600;
}

.text_red {
    color: #ff0018;
}

.text_inverse {
    color: #20409a;
}

.text_crimson {
    color: #bf0000;
}

.text_gray {
    color: #cccccc;
}

/* Font Responsive*/

.text_res_12 {
    font-size: 12px;
}

.text_res_14 {
    font-size: 14px;
}

.text_res_16 {
    font-size: 16px;
}

.text_res_18 {
    font-size: 18px;
}

.h_title_page {
    font-size: 14px;
    font-weight: 600;
    color: #00891f;
}

.h_title_page i {
    color: #28a745;
}

.h_title_page a {
    color: #0099ff;
}
.w_90px {
    width: 90px;
}
.w_80px {
    width: 80px;
}
.w_70px {
    width: 70px;
}
.w_60px {
    width: 60px;
}
.w_10px {
    width: 10px;
}

.line_h_1 {
    line-height: 1.3;
}

.c_poitnter {
    cursor : pointer;
}

/*select:required:invalid {
    color: #999;
}*/

/*
option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}
*/

/* Fix Start to Max*/
/*XS Small devices */
@media (max-width: 576px ) {
    .d_hidden_xs {
        display: none !important;
    }

    .col_div_box {
        width: 100% !important;
    }

    .col_div_arrow {
        display: none !important;
    }

    .txt_box_dashboard {
        font-size : 16px;
    }
}

/*SM devices  */
@media(max-width: 768px ) {

    .d_hidden_sm {
        display: none !important;
    }

    .text_res_12 {
        font-size: 10px;
    }

    .text_res_14 {
        font-size: 12px;
    }

    .text_res_16 {
        font-size: 14px;
    }

    .text_res_18 {
        font-size: 16px;
    }

    .h_title_page {
        font-size: 14px;
    }

    .col_div_box {
        width: 20%;
    }

    .col_div_arrow {
        width: 5%;
    }

    .txt_box_dashboard {
        font-size: 16px;
    }
}
/*MD devices   */
@media (max-width: 991 ) {
    .d_hidden_md {
        display: none !important;
    }

    .text_res_12 {
        font-size: 12px;
    }

    .text_res_14 {
        font-size: 14px;
    }

    .text_res_16 {
        font-size: 16px;
    }

    .text_res_18 {
        font-size: 18px;
    }

    .h_title_page {
        font-size: 16px;
    }

    .col_div_arrow {
        font-size: 20px;
    }

    .col_div_box {
        width: 15%;
    }

    .col_div_arrow {
        width: 5%;
    }
}

/* LG devices  */
@media (max-width: 1199 ) {
    .d_hidden_lg {
        display: none !important;
    }

    .col_div_arrow {
        font-size: 25px;
    }

    .col_div_box {
        width: 12%;
    }

    .col_div_arrow {
        width: 5%;
    }
}

/* XL large devices  */
@media (min-width: 1200px) {
    .d_hidden_xl {
        display: none !important;
    }

    .text_res_12 {
        font-size: 14px
    }

    .text_res_14 {
        font-size: 16px;
    }

    .text_res_16 {
        font-size: 18px;
    }

    .text_res_18 {
        font-size: 20px;
    }

    .h_title_page {
        font-size: 18px;
    }

    .col_div_arrow {
        font-size: 30px;
    }

    .col_div_box {
        width: 10%;
    }

    .col_div_arrow {
        width: 5%;
    }

}