.border-dashed { --bs-border-style: dashed; }

#logo{
    width: 30%;
}

body{
    margin: 0; /* Remove default margin */
}
.container-fluid{
    background-color: white;
    color: #015258;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#scm{
    width: 80%;
}

img #overview{
   width: 80vw; 
}

#enrollmentForm{
    width: 50%;
    margin: auto;
}

label{
    padding: 10px;;
}

#scm{

    border-left: 1px solid #015258 ;   
    border-right: 1px solid #015258 ;
       
        border-radius: 4px;
        color: #015258;
        padding: 0px;
        margin-right: 25px;
        margin-left: 1px;
        text-align: center;
    }
    
    #scm_dropdown{
        color:#06DFC7;
    }
    .btn-success {
    background-color: #015258;
    border-color: #015258;
    color: white;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-success:hover {
    background-color: #015258;
    border-color: #FFFFFF;
}

.btn-success:focus,
.btn-success:active {
   background-color: #015258;
    border-color: #015258;

}

    .btn-secondary {
    background-color: #015258;
    border-color: #015258;
    color: white;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-secondary:hover {
    background-color: #015258;
    border-color: #FFFFFF;
}