
  .modiForm {
width: 100%;
padding: 2% 0 0;
}



#btnSaveMod:enabled{
  color: #00c3ff;
}
#btnSaveMod:disabled{
  color: #4d4e4e;
}


.formmod {
position: relative;
z-index: 1;
background: rgb(238, 243, 251);
max-width: 1000px;
margin: 0 auto 5px;
padding: 4px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.formmod button {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
/*background: #5DC351;*/
width: 100%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
}
.formmod button:hover,.form button:active,.form button:focus {
background: #c9bd1b;
}

.formmod .message {
margin: 15px 0 0;
color: #b3b3b3;
font-size: 12px;
}
.formmod .message a {
color: #4CAF50;
text-decoration: none;
}
.formmod .register-form {
display: none;
}
.containermod {
position: relative;
z-index: 1;
max-width: 800;
margin: 0 auto;
}
.containermod:before, .container:after {
content: "";
display: block;
clear: both;
}
.containermod .info {
margin: 50px auto;
text-align: center;
}
.containermod .info h1 {
margin: 0 0 15px;
padding: 0;
font-size: 36px;
font-weight: 300;
color: #1a1a1a;
}
.containermod .info span {
color: #4d4d4d;
font-size: 12px;
}
.containermod .info span a {
color: #000000;
text-decoration: none;
}
.containermod .info span .fa {
color: #EF3B3A;
}

