#cbm-wrapper{

max-width:1100px;
margin:auto;
background:#fffffa;

}
#course-container{
background:#fffffa;
}

.online-course-card{

padding:20px;
border:1px solid #ddd;
margin-bottom:25px;
border-radius:8px;
background-color:#F9F6EE;
	
}
.add-student{
	background-color:#FFFFFF;
}
.student{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:5px;
    margin-bottom:5px;
    border:1px solid #ddd;
}
.student-title{
    font-size: 17px;
}

#student-modal{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.6);

    display:flex;
    justify-content:center;
    align-items:center;
	z-index: 99999 !important; 

}

.student-modal-content{

    background:#fff;

    padding:20px;

    width:450px;

    border-radius:8px;

}

.student-modal-content input,
.student-modal-content select{

  /***  width:100%;**/

    margin-bottom:15px;

}
/***
.student-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 10px;
}

.student-row input,
.student-row select {
    width: 100%;
    box-sizing: border-box;
}
**/
/***.gender-group {
    display: flex;
    align-items: center;
    gap: 10px;
}**/


button{

cursor:pointer;

}

#summary{

background:#fafafa;

padding:20px;

margin-top:30px;

}