@charset "utf-8";
#kchinhtro{width:100%;float:left;height:auto;}
#tdkchi{width:100%;float:left;height:auto;padding:30px 0px;background:#ffd500;color:#000;font-weight:bold;font-size:30px;text-align:center;margin-bottom:20px}
.kcpdt1{width:100%;float:left;height:auto;margin-bottom:20px}
.kcpdt1 ul{margin:0px;padding:0px;}
.kcpdt1 ul li{margin:0px;padding:0px;list-style:none;float:right;padding:7px 10px;background:#ed1b24;color:#fff;font-weight:700}
.kcpdt1 ul li:first-child{border-left:1px solid #fff}
#ndkchi{width:100%;float:left;height:auto;margin-bottom:20px}
table#customers {
    font-size: 13px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    color: #000;
}
#customers th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #abd043;
    color: #fff;
}
#customers tr:nth-child(even) {
    background-color: #f2f2f2;
}
#customers tr.alttd:nth-child(even) {
    background-color: #cce6c8;
}
#customers td,
#customers th {
    border: 1px solid #eee;
    text-align: left;
    padding: 8px;
}
.tencht{width:100%;float:left;height:auto;color:#333;font-weight:700;font-size:16px}
.nutchonchicss{float:left;padding:5px 10px 5px 10px;background:#ffd500;color:#000;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;cursor:pointer}
.nutchonchicss:hover{background:#FFAA0A}
#poxdkh1{position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -99;
    transform: scale(1);
    opacity: 0;
    transform-origin: center;
    transition: 0.7s ease-in-out;}
#poxdkh2{    width: 1100px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    overflow: hidden;
    max-height: calc(100vh - 50px);}	
.hienpopcau{z-index: 999999999!important;
    opacity: 1!important;
    transform: scale(1)!important;
    transition: 0.7s ease-in-out!important;}	
#tdpoxdkh{background-color: #ffd500;
    padding: 8px 10px;width:100%;float:left;height:auto;position:relative}	
#tdpoxdkh i.fa-xmark{position: absolute;
    top: 18px;
    right: 5px;
    font-size: 25px;
    color: #000;
    cursor: pointer;}	
#ctdpoxdkh{color: #000;
    font-weight: bold;
    font-size: 22px;
    float: left;
    padding: 6px 0;}	
#ftkpocch{float: right;
    width: 655px;
    margin-top: 5px;
    margin-right: 80px;
    position: relative;}	
#ftkpocch input{line-height: 36px;
    width: 100%;
    border-radius: 2px;
    outline: none;
    padding: 0 10px;
    border: none;
    height: 36px;}	
#ftkpocch i{position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer;
    color: #ec1b23;
    font-size: 18px;}	
#ndpoxdkh{width:100%;float:left;height:auto}	
#trpoxdkh{width:30%;float:left;padding: 10px;
    background: #fff;
    border-right: 1px solid #e1e1e1;}
#tdphpoxdkh{width:50%;float:left;height:auto}	
#trtdphpoxdkh select{height:32px;}
#tdtrpoxdkh{width:100%;float:left;height:auto;    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    line-height: 32px;
    margin-bottom: 11px;}	
#ndtrpoxdkh{width:100%;float:left;height: calc(100vh - 170px);
    overflow: auto;}	
#phpoxdkh{width:70%;float:right;height:auto;background:#fff}
#tdphpoxdkh{width:100%;float:left;height:auto;padding: 5px 10px;
    border-bottom: 1px solid #e1e1e1;}	
#ndphpoxdkh{width:100%;float:left;height: calc(100vh - 191px);
    overflow-y: scroll;}	
#ndphpoxdkh::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

#ndphpoxdkh::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #233976;
}	
.mxdchs{width:100%;float:left;height:auto;border-bottom: 1px solid #e1e1e1;
    padding: 25px 20px;
    position: relative;padding-right:170px}
.mxdchs .fa-plus{position:absolute;top:10px;right:10px;background:#ffd500;width:72px;height:42px;line-height:42px;text-align:center;color:#000;font-size:18px;    border-radius: 3px;cursor:pointer}
.mxdchs .fa-plus:hover{background:#FFAA0A}

.mxdchs img{height:130px;margin-right:10px}	
.mxdchs h3{margin:0px;padding:0px}
.mxdchs h3 a{    font-size: 14px;
    color: #222222;
    display: block;
    font-weight: bold;}
.mxdchs .pmxdchs{margin:0px;padding:0px;font-size:14px;display: flex;}	
.mxdchs .cdaumxdchs{width:80px;margin-right:5px}
.pmxdchs .chsanpham{float:none!important}
.pmxdchs .giapmxdchs{color: #ec1b23;
    font-weight: bold;
    font-size: 18px;}

.pmxdchs .ttcchc{float:left;margin-right:10px}
.mspdxd{width:100%;float:left;height:auto}	
.tmspdxd{width:60%;float:left;height:auto}
.tmspdxd img{height:100px;margin-right:10px}	
.tmspdxd h3{margin:0px;padding:0px}
.tmspdxd h3 a{    font-size: 14px;
    color: #222222;
    display: block;
    font-weight: bold;}
.tmspdxd .pmxdchs{margin:0px;padding:0px;font-size:14px;    display: flex;}	
.tmspdxd .cdaumxdchs{width:80px;margin-right:5px}
.pmxdchs .chsanpham{float:none!important}
.pmxdchs .chsanphamlh{float:none!important}
.pmspdxd{width:39%;float:left;height:auto;padding-top:15px;padding-right:15px}
.pmspdxd ul{margin:0px;padding:0px;}
.pmspdxd ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:15px}
.pmspdxd ul li .fa-trash-can{color:#fe6a24;font-size: 17px;
    position: relative;
    top: 4px;cursor:pointer}
.pmspdxd ul li .fa-trash-can:hover{color:#d84701}	
.pmspdxd ul li .fa-pen-to-square{color:#ffd500;font-size: 17px;
    position: relative;
    top: 4px;cursor:pointer}
.pmspdxd ul li .fa-pen-to-square:hover{color:#0458a4}	

.pmspdxd ul li .fa-circle-plus{color:#ffd500;font-size: 17px;
    position: relative;
    top: 4px;cursor:pointer}
.pmspdxd ul li .fa-circle-plus:hover{color:#0458a4}
.pmspdxd ul li span.giagdcnch{font-size:15px;font-weight:700}
.pmspdxd ul li span.giadcnch{font-size:15px;font-weight:700;color:#e51d24}
.pmspdxd ul li .numtxt{width:50px;height:30px}
#kthemlistgh{width:100%;float:left;height:auto;}
#kthemlistgh ul{margin:0px;padding:0px}
#kthemlistgh ul li{margin:0px;padding:0px;float:right;margin-left:5px;    display: block;
   }
#kthemlistgh ul li a{ border-radius: 3px;
    background-color: #ffd500;
    text-transform: uppercase;
    line-height: 40px;
    cursor: pointer;
    font-weight:700;
    font-size: 14px;color:#000;padding:0px 10px;float:right}	
#kthemlistgh ul li a:hover{background:#FFAA0A}	


@media only screen and (min-width : 1px) and (max-width : 1200px) {
.tmspdxd{width:100%}	
#poxdkh2{width:98%;}
.mxdchs img{width:20%;height:auto}
.mxdchs .fa-plus{width:30px;height:20px;line-height:20px;}
.mxdchs{padding-right:50px}
#ctdpoxdkh{width:30%}
#ftkpocch{width:59%;float:right;margin-right:10%}
.pmspdxd{width:100%;padding-right:0px}
}