.route-space {
    margin-left: 10px;
    margin-right: 10px;
}

.mg-top-15 {
    margin-top: 15px !important;
}

.text-right {
    text-align: right;
}
.sidebar {
    /* width: 270px;  */
    /* หรือขนาดที่คุณต้องการ เช่น 240px, 300px เป็นต้น */
}

.table-edition {
    font-size: 12px;
}

.table-edition th {
    padding: 5px;

    text-align: left;
    border-bottom: 1px solid #ddd;
}

.table-edition td {
    padding: 5px;

    text-align: left;
    border-bottom: 1px solid #ddd;
}

.group-header {
    background: #e4edf6;
    cursor: pointer;
}

.btn-info {
    --btn-color: #fff;
    --btn-bg: #009ef7;
    --btn-border-color: #009ef7;
    --btn-hover-color: #fff;
    --btn-hover-bg: #009ef7;
    --btn-hover-border-color: #009ef7;
    --btn-focus-shadow-rgb: 42, 169, 185;
    --btn-active-color: #fff;
    --btn-active-bg: #009ef7;
    --btn-active-border-color: #009ef7;
    --btn-active-shadow: inset 0 0 0 0 transparent;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #009ef7;
    --btn-disabled-border-color: #009ef7;
}

.bg-info {
    --bg-opacity: 1;
    background-color: #009ef7 !important;
}


.bg-input{
   background-color:#ededed;
}