:root{
    --mainYellow: #FEC304;
    --mainBlue: #000055;
}

.modal{
    color: var(--mainBlue);
}

.modal input , .modal select{
    border:1px solid var(--mainBlue) ; 
}

.modal-content{
    /* border: 2px solid var(--mainBlue) !important; */
    padding: 25px ;
    padding-top: 5px;
}

.modalBtns{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
}
.modalBtns button{
    margin-left: 8px;
    margin-right: 8px;

}

.saveBtn{
    background: var(--mainBlue);
    color: white;
}
.saveBtn:hover{
    background-color: rgb(32, 32, 99);
    color: white;
}