@charset "UTF-8";section.login_page{position:fixed;width:100%;height:100%;background:url(../img/background.png) center/cover no-repeat}div.header h2,input,label,span{color:#fff}input::placeholder{color:#fff}div.b_container{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;background:rgba(0,0,0,.8)}div.container{margin:auto;width:35%;border:1px solid var(--nav-color);box-shadow:0 0 15px #000}div.container>div.col:nth-of-type(2){padding:0 5px}div.header{background:var(--nav-color);height:55px;letter-spacing:2px}div.header h2{font-size:1.1em}form.form_login{width:100%}div.form_container{width:100%;padding:15px 0}div.form_container>div.row{width:100%;padding:5px}div.form_container>div.input_row *{flex-basis:100%}select{border-top-left-radius:10px;border-top-right-radius:10px;padding:1px 2px}select{outline:0;background:#e0eee0;color:#696969;width:300px;font-size:1em;flex-basis:25px;transition:color .5s}select:hover{color:#000}div.input_row{position:relative;margin:5px 0}span.placeholder{position:absolute;bottom:5px;left:8px;font-size:.7em;transition:bottom .5s;z-index:-1!important}select option{background:#c1cdc1;color:#696969}input{border:none;outline:0;border-bottom:1px solid #ccc;background:0 0;text-indent:5px;transition:border-bottom .5s}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 0 transparent inset;transition:background-color 500s ease-in-out 0s}input:focus{border-bottom:1px solid var(--color5)}button{border:none;outline:0;cursor:pointer;border-radius:12px;padding:3px 5px;color:#fff;display:flex;flex-direction:row;justify-content:center;background:var(--nav-color)!important;transition:background .5s}button:hover{background:var(--color6)!important}button:hover>span{color:#000}button *{padding:0 5px}button span{line-height:2.1;font-size:1.1em;transition:color .5s}@media only screen and (max-width:1480px){div.container{width:50%}}@media only screen and (max-width:780px){div.container{width:75%}}@media only screen and (max-width:480px){div.container{width:100%;border:none;border-bottom:1px solid var(--nav-color)}select{max-width:250px}}@media only screen and (max-width:250px){select{max-width:150px}}