/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 2, 2019, 9:34:20 AM
    Author     : nganltk
*/
.tablenhapxuat thead tr th
{
    font-size: 15px !important;
}

.tablenhapxuat thead tr th.title_small
{
    font-size: 10px !important;
}
#taodonhang td.ma_hang
{
    width:20%;
}

#taodonhang td.ten_hang
{
    width:20%;
}

#taodonhang td.tai
{
    width:10%;
}

#taodonhang td.barem
{
    width:10%;
}

.table.table-bordered tr td, .table.table-bordered tr th{border: 1px solid #3c8dbc !important;}

#phieuxuatthanhpham td.stt
{
    width:3%;
    padding: 0px;
    text-align: center;
}

#phieuxuatthanhpham td.ma_hang
{
    width:18%;
    padding: 0px;
}

#phieuxuatthanhpham td.ma_kho
{
    width:5%;
    padding: 0px;
}

#phieuxuatthanhpham td.ten_hang
{
    width:15%;
    padding: 0px;
}
#phieuxuatthanhpham td.so_luong_1
{
     width:10%;
    padding: 0px;
}
#phieuxuatthanhpham td.so_luong_1 input
{
    padding: 0px;
}
#phieuxuatthanhpham td.so_luong_2
{
    padding: 0px;
}
#phieuxuatthanhpham td.so_luong_2 input
{
    padding: 0px;
}
#phieuxuatthanhpham td.don_gia_2
{
    width:15%;
    padding: 0px;
}
#phieuxuatthanhpham td.don_gia_2 input
{
    padding: 0px;
}
#phieuxuatthanhpham td.thanh_tien
{
    width:10%;
}

#phieuxuatthanhpham td.tai
{
    width:7%;
}

#phieuxuatthanhpham td.barem
{
    width:6%;
}


#phieuxuatnguyenlieu td.ma_hang
{
    width:20%;
}

#phieuxuatnguyenlieu td.ten_hang
{
    width:20%;
}

#phieuxuatnguyenlieu td.don_gia_2
{
    width:10%;
}
#phieuxuatnguyenlieu td.thanh_tien
{
    width:10%;
}

#phieuxuatnguyenlieu td.so_luong_2
{
    width:10%;
}

#kiemtratonkho  tr td.dat_hang
{
    background-color: #80ff80;
}

#kiemtratonkho  tr td.giu_hang
{
    background-color:#e6ffff;
}

#baocaonhapxuatton  tr td.ps_nhap
{
    background-color: #80ff80;
}

#baocaonhapxuatton  tr td.ps_xuat
{
    background-color:#e6ffff;
}

#xuatdongcont td.ma_hang
{
    width:20%;
}

#xuatdongcont td.ten_hang
{
    width:20%;
}

#xuatdongcont td.don_gia_2
{
    width:10%;
}
#xuatdongcont td.thanh_tien
{
    width:10%;
}

#xuatdongcont td.so_luong_2
{
    width:10%;
}

.read_only_color
{
    background-color:#cce6ff !important;
}

  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  .custom-combobox a.custom-combobox-toggle
  {
      border: 1px solid #c5c5c5;
      background:#f6f6f6;
      font-weight: normal;
      width: 30px !important;
  }
  
  #taophieuxuatkho td.ma_hang
    {
        padding-right: 30px;
    }
    
/* CSS for Ctable */
.ctable .ctr .ctd
{
   overflow: auto;
}
.ctable .ctr .row.headrow
{
   margin-bottom: 5px;
}
.ctable .ctr .ctd .ctitle, .tong_thanh_tien .ctitle
{
    display: block;
    font-weight: bolder;
}
.ctable .ctr .ctd .cvalue, .tong_thanh_tien .cvalue
{
    float: left;
    width: 80%;
     margin-bottom: 5px;
}
.ctable .ctr .ctd.ma_hang .custom-combobox
{
    width: 70%;
     margin-bottom: 5px;
}
.ctable .ctr .ngan_dong, #view_manual .ngan_dong
{
    border:1px solid #f00;
}

.tong_thanh_tien .ctitle
{
    display: inline-block;
    float: left;
    width: 20%;
    font-weight: bolder;
}
.tong_thanh_tien .cvalue
{
    float: left;
    width: 60%;
     margin-bottom: 5px;
}

 hr.header_line
    {
        border-top: 2px solid #000  ;
        margin: 0px !important;
        
    }
/* End CSS for Ctable */
    
.header-content
{
    padding: 5px 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}
h1.page-title
{
    display: inline-block;
    min-width: 185px;
    margin: unset;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
    color: #dd1a5b;
    font-weight: 700;
}
h1.page-title i
{
   font-weight: 700;
}
h1.page-title i:before 
{
   margin-right:  3px;
}
.header-content .page-control
{
    display: inline-block;
    margin-left: 48px;
}
.header-content .page-control .btn
{
    color: #337ab7;
    font-size: 14px;
    background: transparent;
    padding: 3px 15px 2px 10px;
}
.group-filter .button-control
{
    margin-top: 1rem;
}
.group-filter .button-control .btn
{
    float: right;
}
.list-pagination
{
    margin-bottom: 1rem;
}

.temqrbuoc
{   
    min-height: 40px !important;
}

.temqrbuoc .info-box-icon
{   
    height: 40px !important;
}

.temqrbuoc .info-box-text
{   
    color: #00f !important;
}

.btn.temqr
{
    height: 90px !important;
    width: 90px !important;
}
.btn.temqr strong 
{
    font-size: 20px !important;
}

.temqr .text
{
    font-size: 20px;
}
.temqr .label
{
    font-size: 20px !important;
}
.temqr input.large-radio
{
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
 .ngan_dong {
    border: 1px solid #f00;
}

.callout ul.thongbao li
{
    color: #000;
}

.blankmain.sidebar-mini.sidebar-collapse .content-wrapper, 
.blankmain.sidebar-mini.sidebar-collapse .right-side, 
.blankmain.sidebar-mini.sidebar-collapse .main-footer
{
    margin-left: 0px !important;
}  

.blankmain .content
{
    margin: 0px !important;
    padding: 0px !important;
}

#hieu_them_th
{
    align-items:center;
    font-size:20px;
    font-weight:700;
    border-radius:5px;
    position: absolute;
    top:77%;
    left:35%;
    


}

#hieu_them_th_25
{
    align-items:center;
    font-size:20px;
    font-weight:700;
    border-radius:5px;
    position: absolute;
    top:60%;
    left:65%;
    


}

#hieu_them_th1:hover
{  
    width: 100px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#13733b 90%,#fff);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/8) 50%;
  animation: l3 1s infinite linear;
  background-color: #fff;
  border-color: #fff;
  text-indent: -9999px;



}

.loader {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#13733b 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
    top:60%;/* -1 */
    left:70%; /* +5 */
    position: absolute;
}

.loader_img
{

    top:59%;
    left:75%;
    position: absolute;
}

.loader_img img
{
    width:50px;
    height:auto;
}





@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}


#container_bg
{
    background-image: url(../images/slogan-traicaysachth_slider1.jpeg);
    height: 200px;
}

h2.tile_truy_xuat
{
    font-size:25px;
    font-weight:700;
    color: #339538;
}

.qrtruyxuat .modal img
{
    width:100%;
}

.detail_ly_do
{
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 1100px)
{
    .section-intro.partnerlc .hc-text
    {
         padding-top:10px;
        padding-bottom: 10px;
    }
    .partnerlc .partner-slider{
        margin-top: 0px;
    }



    
}


@media screen and (max-width: 992px)
{
    .section-intro.partnerlc .hc-text
    {
         padding-top:10px;
        padding-bottom: 10px;
    }
    .partnerlc .partner-slider{
        margin-top: 0px;
    }

    .loader {
        top:60%;
        left:70%;
    }

    .loader_img
    {

        top:58%;
        left:77%;
    }

    #hieu_them_th_25
    {
       font-size:15px;
        top:60%;
        left:65%;

    }
    
}

.glyphicon
{
     position:relative;
 top:1px;
 display:inline-block;
 font-family:'Glyphicons Halflings';
 font-style:normal;
 font-weight:400;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
/* layout trang home moi */

@media screen and (max-width: 767px)
{
    .section-intro .hc-text, .section-muctieu .hc-text, .section-muctieu .hc-text
    {
        padding-top: 50px;
    }
    .section-servicelc .col-right, .partnerlc .partner-slider
    {
        margin-top: 0px;
    }
    .section-intro.partnerlc .hc-text
    {
        padding-bottom: 20px;
        padding-top: 40px;
    }
    .section-servicelc .hc-text
    {
        margin-top: 40px;
    }
    
    .section-servicelc .service-item-hc
    {
        width: 250px;
        margin: auto;
    }

    .ly_do_th .col-sm-3
    {
        text-align: center;
        
    }

    .ly_do_th .col-sm-3 img
    {
        width: 50% !important;
        height: auto;

    }


    
}

@media screen and (max-width: 680px)
{
    #hieu_them_th
    {
       font-size:15px;
        top:55%;
        left:30%;

    }


    #hieu_them_th_25
    {
       font-size:15px;
        top:60%;
        left:60%;

    }
    .loader {
        top:60%;
        left:70%;
    }

    .loader_img
    {

        top:58%;
        left:79%;
    }



}

@media screen and (max-width: 640px)
{
    #hieu_them_th
    {
       font-size:14px;
        top:45%;
        left:25%;

    }

    #hieu_them_th_25
    {
       font-size:15px;
        top:60%;
        left:59%;

    }

    .loader {
        top:60%;
        left:70%;
    }

    .loader_img
    {

        top:58%;
        left:81%;
    }


}

@media screen and (max-width: 575px)
{
    .db-btn-lc
    {
        margin-bottom: 10px;
    }
    
    .section-intro .hc-text, .section-muctieu .hc-text, .section-muctieu .hc-text
    {
        text-align: center;
    }


    #hieu_them_th
    {
        font-size:10px;
        top:45%;
        left:33%;

    }

    #hieu_them_th_25
    {
       font-size:13px;
        top:57%;
        left:61%;
        padding: 2px;

    }

    .loader {
        top:60%;
        left:70%;
    }

    .loader_img
    {

        top:58%;
        left:81%;
    }




}

@media screen and (max-width: 530px)
{
    #hieu_them_th_25
    {
       font-size:11px;
        top:53%;
        left:61%;
        padding: 2px;

    }

    .loader {
        top:50%;
        left:62%;
    }

    .loader_img
    {

        top:47%;
        left:75%;
    }

}

@media screen and (max-width: 500px)
{
    #hieu_them_th_25
    {
       font-size:11px;
        top:53%;
        left:61%;
        padding: 2px;

    }

    .loader {
        top:50%;
        left:62%;
    }

    .loader_img
    {

        top:47%;
        left:75%;
    }

}

@media screen and (max-width: 450px)
{

    #hieu_them_th
    {
        font-size:10px;
        top:40%;
        left:30%;

    }

      #hieu_them_th_25
    {
       font-size:10px;
        top:53%;
        left:60%;
        padding: 2px;

    }

    .loader {
        top:48%;
        left:62%;
    }

    .loader_img
    {

        top:47%;
        left:82%;
    }
}

@media screen and (max-width: 400px)
{

    #hieu_them_th
    {
        font-size:10px;
        top:40%;
        left:30%;

    }

      #hieu_them_th_25
    {
       font-size:9px;
        top:59%;
        left:60%;
        padding: 2px;

    }

    .loader {
        top:50%;
        left:62%;
    }

    .loader_img
    {

        top:47%;
        left:80%;
    }
}

@media screen and (max-width: 370px)
{

    #hieu_them_th
    {
        font-size:10px;
        top:41%;
        left:30%;

    }

    
    #hieu_them_th_25
    {
       font-size:9px;
        top:59%;
        left:58%;
        padding: 2px;

    }

    .loader {
        top:50%;
        left:62%;
    }

    .loader_img
    {

        top:47%;
        left:80%;
    }
}


@media screen and (max-width: 350px)
{

    #hieu_them_th
    {
        font-size:10px;
        top:41%;
        left:30%;

    }

     #hieu_them_th_25
    {
       font-size:8px;
        top:57%;
        left:58%;
        padding: 1px;

    }

    .loader {
        top:50%;
        left:62%;
    }

    .loader_img
    {

        top:49%;
        left:80%;
    }
}








  /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{

  
  
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)  
{

  
  
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) 
{
    
    #taophieuxuatkho td.ma_hang .custom-combobox
    {
        width:100px !important;
    } 
  
  
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
/* Styles */

  
    #taophieuxuatkho td.ma_hang .custom-combobox
    {
        width:120px !important;
    } 
    
    #taophieuxuatkho td.don_vi_tinh select
    {
        width:100px !important;
    } 
    
    #taophieuxuatkho td.don_gia input
    {
        width:70px !important;
    } 
    
    #taophieuxuatkho td.so_luong input
    {
        width:70px !important;
    } 
    
    #taophieuxuatkho td.thanh_tien input.text_thanh_tien
    {
        width:90px !important;
    } 
    
     #taophieuxuatkho td.ma_kho select
    {
        width:70px !important;
    } 
    
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
   
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}
/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}