body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.form-area_title {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: large;
    transform: translate(-10%,0%);
    background-color:lightgray;
    height: 170px;
    overflow: auto;
    width: 900px;
    color: #ff6a00;
    font-weight :bolder;
}


.form-login1 {
    border-radius: 20px;
    font-size: large;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-20%,-70%);
    width: 400px;
    height: 300px;
    box-sizing: border-box;
    background-color: rgba(193, 183, 129, 0.44);
    padding: 0px;
}

.form-login1 {
    margin: 100px;
    padding: 0;
    font-weight: bold;
    color: #4cdc4a;
    text-align: center;
}

.form-login {
    border-radius: 20px;
    font-size: large;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-10%,-50%);
    width: 600px;
    height: 500px;
    box-sizing: border-box;
    background-color: lightgoldenrodyellow;
    padding: 0px;
}

.form-login {
    margin: 100px;
    padding: 0;
    font-weight: bold;
    color: #ff6a00;
    text-align: center;
}


.form-chang-pass {
    border-radius: 20px;
    font-size: large;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 600px;
    height: 365px;
    box-sizing: border-box;
    background-color: rgba(24, 32, 77,0.7);
    padding: 40px;
}

    .form-chang-pass input, select {
        background-color: #ffffff;
    }

.form-chang-pass {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

    .form-chang-pass input [type=text],
    .form-chang-pass input {
        background-color: transparent;
        font-size: medium;
        outline: none;
        height: 40px;
        color: #ffffff;
    }

        .form-chang-pass input[type=submit] {
            outline: none;
            color: #ffffff;
            background-color: #ffffff;
            height: 40px;
            width: 100px;
        }