.signin-bkg{
    background-image: url(../../layout/images/signin-bkg.jpg) ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.white-bkg {
    background-color: #FFF;
}

.glass-effect{
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(7.9px);
}

.p-fieldset-legend-text{
    font-family: -apple-system, BlinkMacSystemFont, google_kanit_regular;
}

.p-inputnumber-input {
    text-align: right;
}

span.form-id {
    color: #999;
    font-size: 12px;
    position: absolute;
}

.border-box {
    border: 1px solid;
}

.border-right {
    border-right: 1px solid;
}

.hidden { display:none; }

.shadow{
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px !important;
}

.header-right{
    text-align: right;
}

.short_input > [class~="p-inputnumber-input"] {
    width: 120px;
}

.w-88 > input {
    width: 88px;
}

.w-120 > input {
    width: 120px;
}

.w-100 > input {
    width: 100%;
}

.transport-icon {
    font-size: 1.8rem;
}

.p-dialog-content {
    overflow: visible;
}

.react-calendar{
    padding-bottom: 10px;
}

.react-date-picker__calendar{
    z-index: 99999 !important;
}