/* CSS Document */
#login{text-align:left;width:302px;margin:0 auto;padding: 35px;background-color: #fff;margin-bottom: 125px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;position: relative}
#login fieldset{overflow:hidden;border:none;}


#header{display: none}
#container{padding-top: 80px;background-color: #efefef;padding-bottom: 0;min-height: calc(100vh - 321px);margin-left: 0px;}
#footer{margin-left: 0px;}
#container .page_name{display: none}
.logo{text-align: center;margin-bottom: 40px;}
.logo img{width: 180px}
.parrafo{font-size: 1em;margin-bottom: 30px;text-align: center;color:#5b5b5b;text-transform: uppercase;font-weight: 600;}

form{padding-left: 0;padding-right: 0}
#login div.input{position: relative;width:100%;height: auto;margin-bottom: 12px;margin-right: 0;padding: 0px;}
#login .input input{width: 100%;padding: 25px 25px 25px 77px;background-color: #a7aaa9;border:0;height: 75px;color:#fff;font-weight: 700;border:2px solid #a7aaa9;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
#login .input input:focus{border:2px solid #18cb6c}
#login  .input .icon-lock,.input .icon-user{position: absolute;left: 23px;top: 24px;color:#fff;font-size: 2em}
#login button{display:block;width: 100%;padding: 20px 5%;text-align: center;color: #fff;text-transform: uppercase;background-color: #18cb6c;border: 0;height: 69px;font-size: 1.14em;margin-bottom: 20px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
#login button:hover{background-color: #00de68}
#login .forgot-pass{color: #5b5b5b;font-size: 1em;font-weight: 600;text-decoration: none;float: right;margin-right: 5px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;display: none;}
#login .forgot-pass:hover{color: #18cb6c}
input::-webkit-input-placeholder {
    color: #d9dddc;
}
.error_message,#msgflash .error{background-color: #5b5b5b;border:0;font-size: 1em;font-weight: 300;color: #fff;position: absolute;padding: 20px;top: 0;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin: 0 auto;left: 0px;width: 90%;box-sizing: border-box;right: 0;}
.error_message .arrow{border-top: 10px solid #5b5b5b;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -10px;left: 49%}
.error_message .icon-close{position: absolute;top: 10px;right: 10px;font-size: 1.5em;cursor: pointer}
#msgflash .success{display: none}
#menu-container{display: none}