.modal-header {
background-color:#4caf50;
color:#fff;
z-index:100000
}

.modal-content {
background-color:#101a62;
height:560px;
color:#efefef
}

#regForm {
background-color:#101a62;
font-family:Raleway;
width:100%;
min-width:300px;
margin:20px auto;
padding:40px
}

#regForm h1 {
text-align:center
}

#regForm input,select {
width:100%;
font-size:17px;
font-family:Raleway;
border:1px solid #aaa;
padding:10px
}

#regForm input.invalid,select.invalid {
background-color:#fdd
}

#regForm .tab {
display:none
}

#regForm button {
background-color:#101a62;
color:#fff;
border:none;
font-size:17px;
font-family:Raleway;
cursor:pointer;
padding:10px 20px
}

#regForm button:hover {
opacity:0.8
}

#prevBtn {
background-color:#bbb
}

#regForm .step {
height:15px;
width:15px;
background-color:#bbb;
border:none;
border-radius:50%;
display:inline-block;
opacity:0.5;
margin:0 2px
}

#regForm .step.active {
opacity:1
}

#regForm .step.finish {
background-color:#4caf50
}

.form-group p {
color:#fff
}

@media min-width screen-sm-min {
// this is the 768px breakpoint
.modal-dialog {
max-width:600px;
width:auto
}
}

@media min-width screen-md-min {
// this is the 992px breakpoint
.modal-dialog {
max-width:800px
}
}