.body {
    height: 100%;
    position: relative;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.container {
    width: 360px;
    /*-webkit-border-radius: 30px 30px 0px 30px;
    -moz-border-radius: 30px 30px 0px 30px;
    align-content: center;*/
    height: 540px;
    
}


.content {
    background-color: #000000;
    width: 330px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 0px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    margin-top: 10%;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

/*.login {
    margin: 5% auto;
    width: 18%;   
    text-align: center;
}*/



.viewbag {
    color: #df151c;
}

.fieldset {
    background-color: #282a2b;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    padding: 10px 14px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #fff;   
}

.fieldset p {
    color: #fff;
    margin-bottom: 4px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;       
}

.h1 {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #fff;
    text-align: center;
    font-size: 26px;
}

.h4 {
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;        
}

.button {
    background-color: #df151c;
    border: none;
    color: #ffffff;
    padding: 2px 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
}

.button_rec {
    background-color: #df151c;
    border: none;
    color: #ffffff;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
}

.button button_rec:hover {
    background-color: #808080;
    color: #000000;
}

.recuperar {
    color: #fff;
    font-size: 13px;
}

.recuperar:hover {
    color: #e0cf16
}

.recuperar:active {
    color: #e0cf16
}

.text {   
    text-align: left;
}

.form-group {
    position: relative;
    margin-bottom: 15px;
}

.form-control { 
    height: 30px;
    border: none;
    padding: 5px 7px 5px 15px;
    background: #fff;
    color: #000;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left:35px;
    width:258px;
   
}

.form-control:focus, .form-control:focus + .fa {
    border-color: #e0cf16;
 
}


.text_login {  
    border: none;
    padding: 5px 7px 5px 15px;
    background: #fff;
    color: #000;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: 2px;
    width: 201px;   
}

.text_login:focus, .text_login:focus + .fa {
    border-color: #e0cf16;
}