html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.txt-rt{text-align:right}.txt-lt{text-align:left}.txt-center{text-align:center}.float-rt{float:right}.float-lt{float:left}.clear{clear:both}.pos-relative{position:relative}.pos-absolute{position:absolute}.vertical-base{vertical-align:baseline}.vertical-top{vertical-align:top}nav.vertical ul li{display:block}nav.horizontal ul li{display:inline-block}img{max-width:100%}body{background:#50a3a2;font-family:'Open Sans',sans-serif;overflow:hidden}.login-form{background:#eee;width:26%;margin:7% auto 4% auto;position:relative;-webkit-border-radius:.4em;-o-border-radius:.4em;-moz-border-radius:.4em}.head{position:absolute;top:-15%;left:35%}.head img{border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border:6px solid rgba(221,218,215,.23)}.main{position:relative}.main h1{font-size:25px;color:#676767;font-family:'Open Sans',sans-serif;font-weight:400;padding-top:19%;text-align:center}.main form{width:80%;margin:0 auto;padding:6% 0 9% 0}.buttoncolor{background-color:#128a42!important}.main p{text-align:center}.main form p a{color:#888;font-family:'Open Sans',sans-serif}form p a:hover{color:#21a957}input[type="text"],input[type="password"]{text-align:left;position:relative;width:100%;padding:3%;background:#50a3a2;margin-bottom:6%;font-family:'Open Sans',sans-serif;color:#fff;font-weight:600;font-size:16px;outline:none;border:none;border-radius:5px;border:1px solid #ded6d6;-webkit-appearance:none}input[type="text"]:hover,input[type="password"]:hover{border:1px solid #949494;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s}input[type="submit"]{width:13%;padding:0%;margin-bottom:8%;background:#50a3a2;font-family:'Open Sans',sans-serif;color:#100f0f;box-shadow:inset 0 0 10px #666464;-webkit-text-shadow:0 0 3px #000;-moz-text-shadow:0 0 3px #000;-o-text-shadow:0 0 3px #000;-ms-text-shadow:0 0 3px #000;font-size:20px;outline:none;border:none;cursor:pointer;font-weight:500;border-radius:5px;transition:.5s;-webkit-appearance:none;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;height:34px}input[type="submit"]:hover{background:#128a42;color:#fff}.contr{background-color:#212121;padding:10px 0;text-align:center;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0}.filetype{border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;border:1px solid #ccc;font-size:14pt;padding:5px 10px}.upload_form_cont{background:-moz-linear-gradient(#fff,#f2f2f2);background:-ms-linear-gradient(#fff,#f2f2f2);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f2f2f2));background:-webkit-linear-gradient(#fff,#f2f2f2);background:-o-linear-gradient(#fff,#f2f2f2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";background:linear-gradient(#fff,#f2f2f2);color:#000;overflow:hidden}.copy-right{position:absolute;bottom:-19%;left:43.7%}.copy-right p{color:#fff;font-size:1em;font-family:'Open Sans',sans-serif;font-weight:600}.copy-right p a{font-family:'Open Sans',sans-serif;font-size:1em;color:#21a957;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.copy-right p a:hover{color:#fff}@media(max-width:1440px){.login-form{width:30%;margin:11% auto 4% auto}.main h1{padding-top:20%}.copy-right{bottom:-26%}.uploadbuton{width:13%}}@media(max-width:1366px){.login-form{width:32%;margin:7% auto 4% auto}.uploadbuton{width:13%}}@media(max-width:1280px){.login-form{margin:8% auto 0;width:34%}.copy-right{left:41%;bottom:-18%}.uploadbuton{width:13%}}@media(max-width:1024px){.login-form{margin:12% auto 0;width:45%}.copy-right{left:41%;bottom:-18%}.uploadbuton{width:13%}}@media(max-width:768px){.login-form{margin:16% auto 0;width:59%}.copy-right{left:38%;bottom:-14%}.uploadbuton{width:32%!important}}@media(max-width:640px){.login-form{margin:20% auto 0;width:63%}.copy-right{left:36%;bottom:-18%}.uploadbuton{width:32%!important}}@media(max-width:480px){.login-form{margin:32% auto 0;width:74%}.copy-right{left:30%;bottom:-17%}.main h1{font-size:22px}.head img{width:78%}.head{top:-15%;left:34%}input[type="text"],input[type="password"],input[type="submit"]{font-weight:600;margin-bottom:4%}.uploadbuton{width:32%!important}@media(max-width:320px){.login-form{margin:20% auto 0;width:85%}.main h1{padding-top:20%;font-size:20px}.head img{width:60%;border:5px solid rgba(221,218,215,.23)}.head{top:-15%;left:36%}input[type="text"],input[type="password"],input[type="submit"]{font-weight:600;font-size:15px}.main form p a{font-size:15px}input[type="submit"]{padding:2%}.uploadbuton{width:32%!important}}}