/* Pre-Arrival Status */
.bg-status-gray{
    background-color: #8e8d8b;
}
.bg-status-yellow{
    background-color: #dbc112;
}
.bg-status-blue{
    background-color: #75b9dc;
}
.bg-status-green{
    background-color: #10B981;
}
.bg-status-orange{
    background-color: #ea9640;
}
.bg-status-purple{
    background-color: #856ada;
}
.bg-status-darkgreen{
    background-color: #4b7e33;
}
.bg-status-red{
    background-color: #e83627;
}
.bg-status-darkred{
    background-color: #a22f29;
}
.bg-status-brown{
    background-color: #a0632a;
}

/* BORDER *//* ความโปร่งแสง 30% */
.border-bg-status-gray\/30 {
    border-color: rgb(142 141 139 / 0.5);
}
.border-bg-status-yellow\/30 {
    border-color: rgb(219 193 18 / 0.5);
    
}
.border-bg-status-blue\/30 {
    border-color: rgb(117 185 220 / 0.5);
    
}
.border-bg-status-green\/30 {
    border-color: rgb(16 185 129 / 0.5);
    
}
.border-bg-status-orange\/30 {
    border-color: rgb(234 150 64 / 0.5);
    
}
.border-bg-status-purple\/30 {
    border-color: rgb(133 106 218 / 0.5);
    
}
.border-bg-status-darkgreen\/30 {
    border-color: rgb(75 126 51 / 0.5);
    
}
.border-bg-status-red\/30 {
    border-color: rgb(232 54 39 / 0.5);
    
}
.border-bg-status-darkred\/30 {
    border-color: rgb(162 47 41 / 0.5);
    
}
.border-bg-status-brown\/30 {
    border-color: rgb(160 99 42 / 0.5);
    
}

/* .bg-primary\/10 {
    background-color: rgb(56 189 248 / 0.2);
} */
/* ความโปร่งแสง 10% */
.bg-status-gray\/10{
    background-color: rgb(142 141 139 / 0.2);
    
}
.bg-status-yellow\/10{
    background-color: rgb(219 193 18 / 0.2);
    
}
.bg-status-blue\/10{
    background-color: rgb(117 185 220 / 0.2);
    
}
.bg-status-green\/10{
    background-color: rgb(16 185 129 / 0.2);
    
}
.bg-status-orange\/10{
    background-color: rgb(234 150 64 / 0.2);
    
}
.bg-status-purple\/10{
    background-color: rgb(133 106 218 / 0.2);
    
}
.bg-status-darkgreen\/10{
    background-color: rgb(75 126 51 / 0.2);;
    
}
.bg-status-red\/10{
    background-color: rgb(232 54 39 / 0.2);
    
}
.bg-status-darkred\/10{
    background-color: rgb(162 47 41 / 0.2);
    
}
.bg-status-brown\/10{
    background-color: rgb(160 99 42 / 0.2);
    
}




.text-bg-status-gray{
    color: #8e8d8b;
}
.text-bg-status-yellow{
    color: #dbc112;
}
.text-bg-status-blue{
    color: #75b9dc;
}
.text-bg-status-green{
    color: #10B981;
}
.text-bg-status-orange{
    color: #ea9640;
}
.text-bg-status-purple{
    color: #856ada;
}
.text-bg-status-darkgreen{
    color: #4b7e33;
}
.text-bg-status-red{
    color: #e83627;
}
.text-bg-status-darkred{
    color: #a22f29;
}
.text-bg-status-brown{
    color: #a0632a;
}


.hover\:bg-status-gray\/20:hover {
    background-color: rgb(142 141 139 / 0.4);
    
}
.hover\:bg-status-yellow\/20:hover {
    background-color: rgb(219 193 18 / 0.4);
    
}
.hover\:bg-status-blue\/20:hover {
    background-color: rgb(117 185 220 / 0.4);
    
}
.hover\:bg-status-green\/20:hover {
    background-color: rgb(16 185 129 / 0.5);
    
}
.hover\:bg-status-orange\/20:hover {
    background-color: rgb(234 150 64 / 0.4);
    
}
.hover\:bg-status-purple\/20:hover {
    background-color: rgb(133 106 218 / 0.4);
    
}
.hover\:bg-status-darkgreen\/20:hover {
    background-color: rgb(75 126 51 / 0.4);;
    
}
.hover\:bg-status-red\/20:hover {
    background-color: rgb(232 54 39 / 0.4);
    
}
.hover\:bg-status-darkred\/20:hover {
    background-color: rgb(162 47 41 / 0.4);
    
}
.hover\:bg-status-brown\/20:hover {
    background-color: rgb(160 99 42 / 0.4);
    
}

.focus\:bg-primary\/20:focus {
    background-color: rgb(56 189 248 / 0.4);
}
.focus\:bg-status-gray\/20:focus {
    background-color: rgb(142 141 139 / 0.4);
    
}
.focus\:bg-status-yellow\/20:focus {
    background-color: rgb(219 193 18 / 0.4);
    
}
.focus\:bg-status-blue\/20:focus {
    background-color: rgb(117 185 220 / 0.4);
    
}
.focus\:bg-status-green\/20:focus {
    background-color: rgb(16 185 129 / 0.4);
    
}
.focus\:bg-status-orange\/20:focus {
    background-color: rgb(234 150 64 / 0.4);
    
}
.focus\:bg-status-purple\/20:focus {
    background-color: rgb(133 106 218 / 0.4);
    
}
.focus\:bg-status-darkgreen\/20:focus {
    background-color: rgb(75 126 51 / 0.4);;
    
}
.focus\:bg-status-red\/20:focus {
    background-color: rgb(232 54 39 / 0.4);
    
}
.focus\:bg-status-darkred\/20:focus {
    background-color: rgb(162 47 41 / 0.4);
    
}
.focus\:bg-status-brown\/20:focus {
    background-color: rgb(160 99 42 / 0.4);
    
}


.active\:bg-primary\/25:active {
    background-color: rgb(56 189 248 / 0.45);
}
.active\:bg-status-gray\/25:active {
    background-color: rgb(142 141 139 / 0.45);
    
}
.active\:bg-status-yellow\/25:active {
    background-color: rgb(219 193 18 / 0.45);
    
}
.active\:bg-status-blue\/25:active {
    background-color: rgb(117 185 220 / 0.45);
    
}
.active\:bg-status-green\/25:active {
    background-color: rgb(16 185 129 / 0.45);
    
}
.active\:bg-status-orange\/25:active {
    background-color: rgb(234 150 64 / 0.45);
    
}
.active\:bg-status-purple\/25:active {
    background-color: rgb(133 106 218 / 0.45);
    
}
.active\:bg-status-darkgreen\/25:active {
    background-color: rgb(75 126 51 / 0.45);;
    
}
.active\:bg-status-red\/25:active {
    background-color: rgb(232 54 39 / 0.45);
    
}
.active\:bg-status-darkred\/25:active {
    background-color: rgb(162 47 41 / 0.45);
    
}
.active\:bg-status-brown\/25:active {
    background-color: rgb(160 99 42 / 0.45);
    
}