#container_quest { display: block; margin: 50px; }
#container_reg_user { display: none; margin: 50px; }
#container_reg_charity { display: none; margin: 50px; }
#container_login { display: none; margin: 50px; }
#container_lostpass { display: none; margin: 50px; }


form {
    text-align: center;
}

input {
    width: 200px;
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    border: solid 1px rgba(200,200,200,1);
}
input:focus {
    outline: none;
    border-color: rgba(0,0,200,0.5);
}
.add_people {
    background-color: #2980b9;
    color: white;
    border: solid 1px rgba(243,243,243,1);

    font-size: 15px;

    margin: 10px;
    padding: 10px;

    min-width: 150px;
    width: 20%;


    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

    cursor: pointer;
    outline: none;
}
.add_people:hover {
    color: lightblue;
    outline: none;
}
textarea {
    width: 200px;
    max-width: 200px;
    height: 50px;
    margin: 5px;
    padding: 5px;
    outline: none;
    border: solid 1px #bdc3c7;
}
textarea:focus {
    border-color: #c0392b;
}
select {
    width: 212px;
    margin: 5px;
    padding: 5px;
    outline: none;
    border: solid 1px #bdc3c7;
}
select:focus {
    border-color: #c0392b;
}
td {
    text-align: left;
}
h1, h2, h3 {
    font-weight: lighter;
    text-align: center;
}
.container {
    width: 80%;
    min-width: 650px;
    margin: auto;
}
.container_download {
    width: 90%;
    min-width: 1024px;
    margin: auto;
}
.submit {
    border: none;
    padding: 10px;
    margin-top: 60px;
    width: 200px;
    text-align: center;
    background-color: #e74c3c; 
    cursor: pointer;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.submit:hover {
    background-color: #e74c3c;
    border-spacing: 20px 20px;
    box-shadow: 1px 1px 3px black;
    
}
.submit:focus {
    text-decoration: underline;
}
.register_text {
    padding: 30px;
    text-align: center;
    color: #7f8c8d;
}
.register_container {
    width: 100%;
    overflow: hidden;
}
.register_list {
    width: 43.9%;
    height: 140px;
    float: left;
    text-align: center;
    padding: 3%;
    cursor: pointer;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.register_list:hover {
    background-color: #ecf0f1;
}
.register_type {
    color: #2980b9;
}
.account_description {
    color: #2980b9;
}
.reg_border {
    border-right: dotted 1px #95a5a6;
}
.formated_1 {
    width: 100%;
    overflow: hidden;
    font-size: 13px;
}
.href_login {
    color: #e74c3c;
    outline: none;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.href_login:hover {
    color: #c0392b;
}
.code_enter {
    text-align: center;
}
.search_file {
    width: 300px;
}
.download_button {
    width: 90%;
    padding: 5%;
    color: #2980b9;
}
.table_file {
    width: 100%;
}
td {
    padding: 4px;
}
.even_tr {
    background-color: #ecf0f1;
}