@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.recordtbl{
    font-size: 15px;
    font-weight: bold;
    color : #838691;
    border-bottom:3px solid #9d9d9d;
}

.records{
    border-top:1px solid #9d9d9d;
    font-size: 14px;
    font-weight: bold;
    color : #9c9fa5;
}


.product_image{
    width:50px;
    height: 50px;
    border-radius: 15px;
    border:3px solid #adacac
}

/*.....*/

#app-box{
    border:3px solid #acabab;
    border-radius: 10px;
    width:150px;
    height:150px;
    padding:10px;
}

    .OrderTbl{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    }

    .OrderTbl td{
    padding: 10px;
    }

.moreTd{
    display: none;
}


.createForm{
    width:100%;
}

.createForm td{
    padding-right: 20px;
}


.Product_cls{
    border:0px solid hsl(55, 24%, 91%);
    border-radius: 10px;
    background: #f2f2f2;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

}


.trackingGraph{
    list-style-type:none;
    padding:0;
    margin:0;
}

.trackingGraph li{
    padding: 10px;
    border-radius: 10px;
    background-color: #3894fc;
    width:150px;
    border-bottom: 1px solid #333;
}


.btn-cust{
    background-color: #86822b;
    color: #ffffff;
}

.btn-cust:hover{
    background-color: #635f10;
    color: #ffffff;
}


.btn-cust2{
    background-color: #91908d;
    color: #ffffff;
}

.btn-cust2:hover{
    background-color: #80807f;
    color: #ffffff;
}


.validation-div{
    height:20px
}

.btn-card-green{
    border: 2px solid #48a758;
    border-radius: 15px;
    padding: 4px;
    width: 80px;
    text-align: center;
    background: #c1e7c7;
    color: #48a758;
    font-weight: bold;
}

.btn-card-red{
    border: 2px solid #a75648;
    border-radius: 15px;
    padding: 4px;
    width: 80px;
    text-align: center;
    background: #e7c9c1;
    color: #a75648;
    font-weight: bold;
}


.ac-menu{
    padding:0;
    margin:0;
    list-style-type: none;
}


.ac-menu li:hover > ul{
    display:block;
    position:absolute;
}

.ac-menu ul li{
    list-style-type: none;
    float: center;

}


.ac-menu ul{
    list-style-type: none;
    float: center;
    display: none;
}

.ac-menu ul li {
    padding: 10px;
    width: 200px;
    background-color: #fff;
    border-bottom:1px solid #333;
}

.ac-menu ul li:hover {
    padding: 10px;
    width: 200px;
    background-color: #aaaeb6;
    border-bottom:1px solid #333;
}


#subtblMore{
    border:0px solid #333;
    width:100%;
}

#subtblMore td{
 border:1px solid #c7c7c7
}

.SubCapt{
    background-color: #f5f4f4;
    font-weight: bold;
    font-size: small;
    color : #818181
}

.SubTx{
    background-color: #ffffff;
}

.btn-normal{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #3894fc;
    background-color: #ffffff;
    color :#1b84ff;
    border-radius: 15px;
}


.view_order_tbl{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width:500px
}

.view_order_tbl td{
  padding:10px;
  border:1px solid #000
}


.stepsTbl{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}


.stepsTbl td{
    padding: 0;
    margin: 0;
}

.amunt-css{
    font-size: 22px;
    font-weight: bold;
    color: #1b84ff;
}

.amunt-css td{
    border:0px solid #333;
}


.treeStatus{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: 20px;
    width:400px;
}

.treeStatus ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: 25px;
}

.treeStatus ul li{
    padding: 10px;
    border-radius: 0;
    border-left:2px dotted #4f4f4f;
}

.treeStatus li{
    padding: 10px;
    border-radius: 10px;
    border-left:2px dotted #4f4f4f;
}

.treeStatus li:last-child{
    padding: 10px;
    border-radius: 10px;
    border-left:2px dotted #fff;
}

.treeStatus li div{
    position: relative;
    top: -23px;
    left: -23px;
}

.treeStatus li ul li div{
    position: relative;
    top: -23px;
    left: -21px;
}


.linecss{
    width: 2px;
    height: 150px;
    border-left:2px solid #e4e6ea;
    position: relative;
    left: 0px;
}


.created-button{
    width: 30px;
    height: 30px;
    background-color:#aaaaaa;
    border:3px solid #4f4f4f;
     border-radius: 15px;
    z-index: 1;
    position: relative;
    left:0px;
    padding:0;
    margin:0
}

.created-button div{
    width: 24px;
    height: 24px;
    background-color:#ffffff;
    border:5px solid #a7a7a7;
    border-radius: 15px;
    z-index: 1;
    position: relative;
    left:0px
}

.status-button{
    width: 15px;
    height: 15px;
    background-color:#048ac9;
    border:2px solid #048ac9;
     border-radius: 10px;
    z-index: 1;
    position: relative;
    left:0px
}

.assign-button{
    width: 25px;
    height: 25px;
    background-color:#e2e60e;
    border:2px solid #048ac9;
     border-radius: 15px;
    z-index: 1;
    position: relative; 
    left:0px
}

.awb{
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #048ac9;
    
}

.awbcss{
    font-size: 18px;
    font-weight: bold;
    color: #048ac9;   
}

.str{
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    color: #4a4a4a;
    
}

.spl{
    width:350px;
    text-align:left;
    padding:10px;
    position:relative;
    top:-45px;
    left:-10px;
    border-radius: 10px;
    box-shadow: 0px 1px 15px -6px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 1px 15px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 15px -6px rgba(0,0,0,0.75);
}