.due-date-divs {
    margin-bottom: 20px;
}

.due-date-divs .radio-options-container {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#course-hours #hours-text {
    margin: 0px 10px;
    width: 10%;
    height: 20px;
    text-align: center;
    background: white;
    color: black;
    text-decoration: underline;
}

#subgroup-settings .item {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

#subgroup-settings .item:hover {
    cursor: pointer;
}

.modal.remove-settings-modal .modal-content {
	display: flex;
	flex-direction: column;	
	align-items: flex-start;
}

.modal.remove-settings-modal .modal-header {
	background-color: rgb(74, 74, 75);
	color: white;
	display: flex;
	height: 50px;
	align-items: center;	
}

.modal.remove-settings-modal .modal-header h3 {
	margin: 0;	
	padding-left: 15px;
}

.modal.remove-settings-modal .modal-header i {
	top: 12px;	
	background-color: transparent !important;
    border: 1px solid white;
    font-size: 22px;
}

#reset-settings-btn-container {
    display: flex;
    margin-top: 25px;
    width: 100%;
    justify-content: center;
}