.bg_login{
    background-image: linear-gradient(-150deg, #fb4444 0%, #000 97%)!important;
}
.login{
    background-color: transparent; 
}
.display_none{
    display: none;
}
.active_menu {
    background-color: #dddddd!important;
    border-left: 5px solid #c42f3e!important;
}
.text_box{
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
}
.text_box_danger{
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
    background: linear-gradient(45deg, #FF5370, #ff869a);
}

.text_box_success{
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
    background-color: #3fbb5b;
}

.title_ttip{
    border-bottom: 1px solid #ccc;
}
.modal{
    z-index: 9990;
}
.img_menu{
    width: 15px!important;
}
.label-warning_list {
    background-color: #FF9800!important;
}
.label-success_list {
    background-color: #4CAF50!important;
}
.label-danger_list {
    background-color: #e8685e!important;
}
.chosen-single{
    height: 34px!important;
    padding-top: 4px!important;
}
.chosen-single >div{
    padding-top: 4px!important;
}
.box_img{
   /* border: 1px solid #dedede;*/
    text-align: center;
    max-width: 100%;
}
.btn_seedetail{
    background-color: #868e96;
    border: 1px solid #868e96;
}
.title_in_form{
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #e9ecef80;
    padding: 3px;
}
.btn_seedetail>span{
    font-size: 0.8rem;
}
.sh_profile>div>span{
      font-weight: bold;
}
.btn_action{
    padding: 4px 5px;
    font-size: 1.1em;
}
.ptb_2{
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
    padding-left: .25rem!important;
    padding-right: .25rem!important;
}
.btn_action i{
    margin-right: 5px; 
}
.btn i {
    margin-right: 0px!important;
}
.auth-box {
   /* background-color: #fff;*/
    border-radius: 4px;
}
.btn_red{
    background-color: #c13434;
    border-color: #c13434;
    color: #fff;
    cursor: pointer;
    transition: all ease-in 0.3s;
}
.btn_red:hover{
    background-color: #000;
    border-color: #000;
}

.logo_nav{
	font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 5px;
}
.bg_navy{
	background-color: #234c7b!important;
}
.swal2-image{
    width: 120px;
}
.card .card_head_modify {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    margin-bottom: 15px;
    color: #ffffff;
    background-color: #46535f;
}
.card_head_modify > div button {
    font-size: 13px;
}
.card .card_head_modify>span {
	font-size: 16px;
}
.thead_txt_center > tr > th{
    text-align: center!important;
}
.tbody_txt_center > tr > td{
    text-align: center!important;
}
.panel_btn_center{
 border-top: 1px solid #ccc;
}
.panel_btn_center>div{
   text-align: center;
   margin-bottom: -13px;
   padding-top: 10px;
}

.bg_contact{
    border-radius: 3px 3px 0px 0px;
    background-image: url("../img/icon/bg_header_contact_lg.jpg");
    background-repeat: no-repeat;
    background-size: 100% ;
}
/* start - use index file */
.fc-bg {
    background-color: #fff;
}
.fc th {
    background: #4099ff;
    color: #fff;
    /* brder-color: #92aece; */
    font-weight: normal;
}
.card {
    margin-bottom: 20px;
}
.h_alert{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.h_alert_title{
    font-size: 22px;
    font-weight: bold;
}
.h_alert_desc{
    font-size: 20px;
}
.h_alert_desc>span{
    font-size: 20px;
    font-weight: bold;
}
.h_alert_icon{
    font-size: 16px!important;
    font-weight: bold;
    margin-right: 8px;
}

/* End - use index file */
.login-card.auth2-body {
    width: 450px;
}
.text_red_ft{
    color: #d35763;
}

.img_contact_logo{
  height: 60px;
  padding-left: 20px;
  padding-top: 1px;
}
.img_contact_qr{
  height: 70px;
  /*padding-top: 20px;*/
}
.text_score{
  text-align: left;
}
.pcoded .pcoded-header {
            background: linear-gradient(to right, #dc3545, #000)!important;
        }
        .panel {
            border: 1px solid #d6d6d6;
        }

/* Create CSS new */
        .border_shadow {
            border-radius: 1px; 
            border: 1px solid #cccccc;
            box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.15);
        }
        .border_other {
            border-radius: 1px; 
            border: 1px solid #cccccc;
        }
        .bg_red_fastrade{
            background-color: #20277A !important;
        }
        .bg_c_orange {
            background: linear-gradient(45deg, #FF9800, #ffb547);
        }
        .fs_14{
            font-size: 14px!important;
        }
        .btn_red_fastrade {
            background-color: #b42c39;
            border: 2px solid #b42c39;
            color: #fff;
        }
        .btn_red_fastrade:hover {
            background-color: #d35763;
            border: 2px solid #d35763;
        }
        .btn_green {
            background-color: #4bc150;
            border: 2px solid #51b155;
            color: #fff;
        }
        .btn_green:hover {
            background-color: #419c45;
            border: 2px solid #51b155;
        }
        .btn_gray {
            background-color: #ccc;
            border: 1px solid #ccc;
            color: #8a8a8a;
        }
        .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_darkgray ,.btnh_darkgray {
            color: #fff;
            background-color: #607D8B;
            border-color: #607D8B;
        }
        .btng_darkgray:hover {
            background-color: #607d8b9e;
            border-color: #607d8b9e;
        }
        .btng_green ,.btnh_green {
            color: #fff;
            background-color: #15a98b;
            border-color: #15a98b;
        }
        .btng_green:hover {
            background-color: #1a846f;
            border-color: #1a846f;
        }

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

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

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

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

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

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

        .bgg_grayblue {
            background-color: #4da0ff6b;
        }
        .bgg_gray {
            background-color: #dddddd;
        }
        .bgg_blue {
            background: linear-gradient(45deg, #4099ff, #73b4ff);
        }
        .bgg_green {
            background: linear-gradient(45deg, #2ed8b6, #59e0c5);
        }
        .bgg_yellow {
            background: linear-gradient(45deg, #FFB64D, #ffcb80);
        }
        .bgg_pink {
            background: linear-gradient(45deg, #FF5370, #ff869a);
        }
        .bgg_footer {
              border-top: 1px solid #cccccc;
              background-color: #e9ecef;
        }
        .font_bold{
            font-weight: bold;
        }
        .text_icon_home{
            font-weight: bold;
            font-size: 1.2em;
        }
        .img_icon_home{
            height: 100px;
            max-width:100%; 
        }
        .text_home{
            font-size: 1em;
        }
        .text_head{
            font-weight: bold;
            font-size: 1.5em;
        }
        .text_other{
            font-size: 1em;
        }
        .text_other > i{
            color: #d35763;
            padding-right: 8px;
        }
        .label_score{
            color: #fff;
            background-color: #868e96;
            border-radius: 5px;
            padding-left: 8px;
            padding-right: 8px;
        }
        .border1_other {
            border-radius: 1px; 
            border: 1px solid #cccccc;
            background-color: #e9ecef;
        }
        .card_radius{
            border-radius: 5px;
        }

.img_contact_qr_xs{
    display: none;
}
.main_footer{
  display: none;
}
/* Css show bill*/
.show_bill_div{
    padding: 5px;
}
.show_bill_div .th_div{
    border-top: 1px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background-color: #e9ecef;
    font-weight: bold;
    padding: 4px 8px;
}
.show_bill_div .td_div{
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    /*background-color: #ddd;*/
    /*font-weight: bold;*/
    padding: 4px 6px;
}

/* css btn index frontend gold button */
.golden-btn + .golden-btn { margin-top: 1em; }
.golden-btn {
    display: inline-block;
    outline: none;
    font-family: inherit;
    font-size: 1em;
    box-sizing: border-box;
    border: none;
    border-radius: .3em;
    height: 2.75em;
    line-height: 2.5em;
    text-transform: uppercase;
    padding: 0 1em;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
    inset 0 -2px 5px 1px rgba(139,66,8,1),
    inset 0 -1px 1px 3px rgba(250,227,133,1);
    background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
    border: 1px solid #a55d07;
    color: rgb(120,50,5);
    text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position:center;
}
.golden-btn:focus,
.golden-btn:hover {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
    inset 0 -2px 5px 1px #b17d10,
    inset 0 -1px 1px 3px rgba(250,227,133,1);
    border: 1px solid rgba(165,93,7,.6);
    color: rgba(120,50,5,.8);
}
.golden-btn:active {
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
    inset 0 -2px 5px 1px #b17d10,
    inset 0 -1px 1px 3px rgba(250,227,133,1);
}


@media (max-width: 767px){
  .login-card.auth2-body{
    width: 100%;
  }
}

/* Start - @media respondsive */
 @media (min-width: 992px) {
    .modal_xxl {
        max-width: 1100px;
    }

    .txt_hidden_md{
      display: none!important;
   }
}
/* End - @media respondsive */

/* Fix Screen AND */
/*XS Small devices (landscape phones, 576 down) */
@media (max-width: 576px) {
   .ol_hidden_xs{
      display: none!important;
   }

   .text_score{
      padding-top: 10px;
      text-align: center;
    }

   .img_contact_qr_xs{
      display: inline;
      position: absolute;
      right: 10px;
      top: 7px;
      height: 47px;
   }

   .main_footer{
      display: inline;
      position: fixed;
      left: 0;
      bottom: 0px;
      width: 100%;
      padding-top: 5px;
      background-color: #e9ecef;
      color: #666;
      text-align: center;
      font-size: 0.9em;
    }

   .bg_contact{
      height: 150px;
      background-size: 100% 100%;
    }
}

/*SM Medium devices (tablets, 577 - 768)  */
@media (min-width: 577px) and (max-width: 768px ) { 
   .ol_hidden_sm{
      display:none!important;
   }
}

/*MD Large devices (desktops, 769 - 991 )  */
@media (min-width: 769px)  and (max-width: 991 ) {
   .ol_hidden_md{
      display:none!important;
   }
}

/* LG devices (large desktops, 992 - 1199)  */
@media (min-width: 992px)  and (max-width: 1199 ) {
   .ol_hidden_lg{
      display:none!important;
   }

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

/* Fix Start to Max*/
/*XS Small devices */
@media (max-width: 576px) {
   .st_hidden_xs{
      display: none!important;
   }
}
/*SM devices  */
@media(max-width: 768px ) { 
   .st_hidden_sm{
      display:none!important;
   }
   .dataTables_length{
      display:none!important;
   }
}
/*MD devices   */
@media (max-width: 991 ) {
   .st_hidden_md{
      display:none!important;
   }
}
/* LG devices  */
@media (max-width: 1199 ) {
   .st_hidden_lg{
      display:none!important;
   }

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