/*start upload image*/
.label_image{
    display: inline-block;
    max-width: 200px;
    margin: 0 auto 15px;
    text-align: center;
    word-wrap: break-word;
    color: #1a4756;
}
.hidden, #uploadImg:not(.hidden) + label{
    display: none;
}
#input_image{
    display: none;
    margin: 0 auto;
}
#upload{
    display: block;
    padding: 5px 10px;
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e69;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
}
#uploadImg{
    display: inline-block;margin: 15px;
}
/*end upload image*/

.table {max-width : 100% !important;}

.sub-error{color:red;}
.boxModal{display: inline-block;
    margin-right: 50px;
    margin-top: 20px;
}
.labelOrderDetail{
    width: 49%;
    text-align: center;
    border: 1px solid lightgray;
    padding: 2px;
    border-radius: 2px;
    display: inline-block;
}
.buttonPaymentInfo{width: 56px;padding: 3px;}
/*use in panel */
.username{top: 29px;position: absolute;}
.modal{top: 45px !important;}
.date{direction: ltr;}
.colorWhite{color: white !important}
.pagination{float: left;}
.directionLtr{ direction: ltr; }
.marginB20{margin-bottom: 20px;}
.textLeft{direction: ltr;text-align: left;font-weight: bold;}
.absolute{position: absolute;}
.mrgT30{margin-top: 30px;}
.truckBox{position: relative;top: -76px;}
.cardTopLogin{top: 160px;}
.truckLogin{position:absolute;top:-200px;left:108px;}
.padZ{padding: 0;}
.padL10{padding-left: 10px;}
.fontS12{font-size: 12px;}
.backGray{background-color:lightgray;}
.padL5{padding-left: 5px;}
.txtCntr{text-align: center;}
.pad3{padding: 3px !important;}