﻿
.center-cell {
    justify-content: center;
    align-items: center;

}

.box-wrapper-light-gray {
    background-color: #EFF4F9;
    display: block; /* ให้ยืดเต็มความกว้าง */
    width: 100%;
   /* border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;*/
}
.box-wrapper-down-light-gray {
    background-color: #F5F8FB;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.box-wrapper-down-light-success {
    background-color: #E5F6EC;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.box-wrapper-light-success {
    background-color: #E5F6EC;
    display: inline-block; /* ให้พอดีกับกล่อง */
    /* border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;*/
}
.box-wrapper-down-light-info {
    background-color: #E4F0FF;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}


/*---------------------------------ปิด-----------------------------*/
.box-wrapper-up-close_programs {
    background-color: #FAE6E6;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.box-wrapper-down-close_programs {
    background-color: #FAE6E6;
    display: inline-block; /* ให้พอดีกับกล่อง */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.box-close_programs_manage {
    background-color: #F44336;
    color: white;
    padding: 10px;
    border-radius: 0;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 15px;
    width: 300px;
}





/*---------------------------------ปรับปรุง-----------------------------*/
.box-wrapper-up-revise_programs {
    background-color: #FBF7E8;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.box-wrapper-down-revise_programs {
    background-color: #FBF7E8;
    display: inline-block; /* ให้พอดีกับกล่อง */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.box-revise_programs_manage {
    background-color: #FFB54D;
    color: white;
    padding: 10px;
    border-radius: 0;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 15px;
    width: 300px;
}




/*---------------------------------ปรับปรุงย่อย-----------------------------*/
.box-wrapper-up-revise_s_programs {
    background-color: #E4F0FF;
    display: inline-block; /* ให้พอดีกับกล่อง */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

}
.box-wrapper-revise_s_programs {
    background-color: #E4F0FF;
    display: inline-block; /* ให้พอดีกับกล่อง */
}
.box-wrapper-down-revise_s_programs {
    background-color: #E4F0FF;
    display: block; /* ให้ยืดเต็มความกว้าง */
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.box-revise_s_programs_manage {
    background-color: #E4F0FF;
    color: white;
    padding: 10px;
    border-radius: 0;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 15px;
    width: 300px;
}




/*---------------------------------ใหม่-----------------------------*/
.box-wrapper-up-new_programs {
    background-color: #E5F6EC; /* เขียวอ่อน */
    display: inline-block; /* ให้พอดีกับกล่อง */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

}
.box-wrapper-down-new_programs {
    background-color: #E5F6EC; /* เขียวอ่อน */
    display: block; /* ให้ยืดเต็มความกว้าง */
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.box-new_programs_manage {
    background-color: #44b84b; /* เขียวเข้ม */
    color: white;
    padding: 10px;
    border-radius: 0;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 15px;
    width: 300px;
}






.bg-new-O-program {
    background-color: #E5F6EC;
    border-radius: 5px;
}
.bg-new-program {
    background-color: #E5F6EC;
}

.bg-revise-program {
    border-radius: 0 !important;
    background-color: #FBF7E8;
   
}

.bg-revise-s-program {
    background-color: #E2F2FF;
   
}

.bg-close-program {
    border-radius: 0 !important;
    background-color: #FAE6E6;
 
}
.no-rounded {
    border-radius: 0 !important;
}





