body{background-image:url(img/bg-login.jpg);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-color:#464646;margin:0;font-family:roboto,sans-serif;font-weight:300;position:absolute;width:100%;height:100%;}.login-wrapper{width:330px;background:#fff;border-radius:10px;margin:auto;-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);padding:18px 30px;box-sizing:border-box;position:relative;top:50%;transform:translateY(-54%);-webkit-transform:translateY(-54%);}
.logo-cont{padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px;}.logo-cont .logo{width:75%;display:block;margin-left:auto;margin-right:auto;background-image:url(img/logo.svg);background-size:100%;height:40px;}.alert-container{margin-bottom:10px;font-size:11px;color:#c00;text-align:center;padding:5px;border:1px solid #faa;background-color:#ffd7d7;border-radius:5px;}
.campor-form{margin-bottom:15px;}.campor-form li{list-style:none;margin-bottom:10px;}.campor-form li input{width:100%;height:30px;border:0;background:#eee;padding:5px;box-sizing:border-box;font-size:12px;outline:none;}.campor-form li input.field-error{border:1px solid #faa;background-color:#ffd7d7;}
.campor-form li Select{width:100%;height:30px;padding:5px;border:0;background:#eee;box-sizing:border-box;font-size:12px;outline:none;background:url("img/popup_control.svg") no-repeat 100% -10% #eee;background-origin:content-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
.action-button{width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}.action-button a{color:#FFF;padding:6px 12px;width:60px;display:block;text-align:center;background-color:#4096e9;border-radius:4px;font-size:14px;margin:auto;border:1px solid #3079ed;background-color:#d4961b;background:-webkit-gradient(linear,0% 0,0% 100%,from(#52a7f8),to(#368cdf));background:-webkit-linear-gradient(top,#52a7f8,#368cdf);background:-moz-linear-gradient(top,#52a7f8,#368cdf);background:-ms-linear-gradient(top,#52a7f8,#368cdf);background:-o-linear-gradient(top,#52a7f8,#368cdf);cursor:pointer;text-decoration:none;}
.action-button a:hover{border:1px solid #3079ed;background-color:#3987ed;background:-webkit-gradient(linear,0% 0,0% 100%,from(#3e8bf1),to(#3281e7));background:-webkit-linear-gradient(top,#3e8bf1,#3281e7);background:-moz-linear-gradient(top,#3e8bf1,#3281e7);background:-ms-linear-gradient(top,#3e8bf1,#3281e7);background:-o-linear-gradient(top,#3e8bf1,#3281e7);}
.g-login{width:100%;}.g-login .caption{width:130px;height:30px;display:block;background-image:url(img/google.svg);background-position:100px 0;background-size:contain;background-repeat:no-repeat;line-height:30px;margin:auto;text-decoration:none;color:#000;font-size:14px;}.g-login .caption:hover{opacity:.6;}
.footer{width:100%;height:auto;padding:10px;box-sizing:border-box;position:fixed;bottom:0;background:rgba(0,0,0,0.7);line-height:21px;}.footer .address{color:#fff;font-size:11px;float:left;line-height:14px;}.footer .address a{color:#fff;text-decoration:none;}.footer .rrss{color:#fff;font-size:11px;float:right;}
.footer .rrss li{display:inline-block;width:20px;height:20px;background-size:contain;margin-left:5px;list-style:none;float:right;cursor:pointer;}.footer .rrss li:hover{opacity:.7;}.footer .rrss .fb{background-image:url(img/facebook.svg);}.footer .rrss .twit{background-image:url(img/twitter.svg);}.footer .rrss .lkin{background-image:url(img/linkedin.svg);}
.footer .rrss .ytub{background-image:url(img/youtube.svg);}.shake-horizontal{-webkit-animation-name:shake-horizontal;-ms-animation-name:shake-horizontal;animation-name:shake-horizontal;-webkit-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;-ms-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running;}
@-webkit-keyframes shake-horizontal{0%{-webkit-transform:translate(0px,-54%) rotate(0deg);}2%{-webkit-transform:translate(-8px,-54%) rotate(0deg);}4%{-webkit-transform:translate(3px,-54%) rotate(0deg);}6%{-webkit-transform:translate(7px,-54%) rotate(0deg);}8%{-webkit-transform:translate(1px,-54%) rotate(0deg);}
10%{-webkit-transform:translate(4px,-54%) rotate(0deg);}12%{-webkit-transform:translate(3px,-54%) rotate(0deg);}14%{-webkit-transform:translate(7px,-54%) rotate(0deg);}16%{-webkit-transform:translate(-3px,-54%) rotate(0deg);}18%{-webkit-transform:translate(-5px,-54%) rotate(0deg);}20%{-webkit-transform:translate(-10px,-54%) rotate(0deg);}
22%{-webkit-transform:translate(8px,-54%) rotate(0deg);}24%{-webkit-transform:translate(2px,-54%) rotate(0deg);}26%{-webkit-transform:translate(2px,-54%) rotate(0deg);}28%{-webkit-transform:translate(3px,-54%) rotate(0deg);}30%{-webkit-transform:translate(7px,-54%) rotate(0deg);}32%{-webkit-transform:translate(-8px,-54%) rotate(0deg);}
34%{-webkit-transform:translate(-10px,-54%) rotate(0deg);}36%{-webkit-transform:translate(8px,-54%) rotate(0deg);}38%{-webkit-transform:translate(-5px,-54%) rotate(0deg);}40%{-webkit-transform:translate(-1px,-54%) rotate(0deg);}42%{-webkit-transform:translate(6px,-54%) rotate(0deg);}44%{-webkit-transform:translate(-3px,-54%) rotate(0deg);}
46%{-webkit-transform:translate(-1px,-54%) rotate(0deg);}48%{-webkit-transform:translate(9px,-54%) rotate(0deg);}50%{-webkit-transform:translate(-3px,-54%) rotate(0deg);}52%{-webkit-transform:translate(8px,-54%) rotate(0deg);}54%{-webkit-transform:translate(4px,-54%) rotate(0deg);}56%{-webkit-transform:translate(4px,-54%) rotate(0deg);}
58%{-webkit-transform:translate(2px,-54%) rotate(0deg);}60%{-webkit-transform:translate(2px,-54%) rotate(0deg);}62%{-webkit-transform:translate(-9px,-54%) rotate(0deg);}64%{-webkit-transform:translate(-6px,-54%) rotate(0deg);}66%{-webkit-transform:translate(-10px,-54%) rotate(0deg);}68%{-webkit-transform:translate(6px,-54%) rotate(0deg);}
70%{-webkit-transform:translate(7px,-54%) rotate(0deg);}72%{-webkit-transform:translate(-1px,-54%) rotate(0deg);}74%{-webkit-transform:translate(-1px,-54%) rotate(0deg);}76%{-webkit-transform:translate(4px,-54%) rotate(0deg);}78%{-webkit-transform:translate(1px,-54%) rotate(0deg);}80%{-webkit-transform:translate(-6px,-54%) rotate(0deg);}
82%{-webkit-transform:translate(-3px,-54%) rotate(0deg);}84%{-webkit-transform:translate(-8px,-54%) rotate(0deg);}86%{-webkit-transform:translate(5px,-54%) rotate(0deg);}88%{-webkit-transform:translate(-3px,-54%) rotate(0deg);}90%{-webkit-transform:translate(-7px,-54%) rotate(0deg);}92%{-webkit-transform:translate(-4px,-54%) rotate(0deg);}
94%{-webkit-transform:translate(2px,-54%) rotate(0deg);}96%{-webkit-transform:translate(-9px,-54%) rotate(0deg);}98%{-webkit-transform:translate(3px,-54%) rotate(0deg);}}@-ms-keyframes shake-horizontal{0%{-ms-transform:translate(0px,-54%) rotate(0deg);}2%{-ms-transform:translate(-9px,-54%) rotate(0deg);}
4%{-ms-transform:translate(3px,-54%) rotate(0deg);}6%{-ms-transform:translate(-10px,-54%) rotate(0deg);}8%{-ms-transform:translate(2px,-54%) rotate(0deg);}10%{-ms-transform:translate(5px,-54%) rotate(0deg);}12%{-ms-transform:translate(-9px,-54%) rotate(0deg);}14%{-ms-transform:translate(-8px,-54%) rotate(0deg);}
16%{-ms-transform:translate(6px,-54%) rotate(0deg);}18%{-ms-transform:translate(1px,-54%) rotate(0deg);}20%{-ms-transform:translate(7px,-54%) rotate(0deg);}22%{-ms-transform:translate(4px,-54%) rotate(0deg);}24%{-ms-transform:translate(9px,-54%) rotate(0deg);}26%{-ms-transform:translate(2px,-54%) rotate(0deg);}
28%{-ms-transform:translate(4px,-54%) rotate(0deg);}30%{-ms-transform:translate(-9px,-54%) rotate(0deg);}32%{-ms-transform:translate(9px,-54%) rotate(0deg);}34%{-ms-transform:translate(-4px,-54%) rotate(0deg);}36%{-ms-transform:translate(-6px,-54%) rotate(0deg);}38%{-ms-transform:translate(-3px,-54%) rotate(0deg);}
40%{-ms-transform:translate(-8px,-54%) rotate(0deg);}42%{-ms-transform:translate(-8px,-54%) rotate(0deg);}44%{-ms-transform:translate(-2px,-54%) rotate(0deg);}46%{-ms-transform:translate(-7px,-54%) rotate(0deg);}48%{-ms-transform:translate(-1px,-54%) rotate(0deg);}50%{-ms-transform:translate(-8px,-54%) rotate(0deg);}
52%{-ms-transform:translate(0px,-54%) rotate(0deg);}54%{-ms-transform:translate(6px,-54%) rotate(0deg);}56%{-ms-transform:translate(1px,-54%) rotate(0deg);}58%{-ms-transform:translate(-5px,-54%) rotate(0deg);}60%{-ms-transform:translate(9px,-54%) rotate(0deg);}62%{-ms-transform:translate(-3px,-54%) rotate(0deg);}
64%{-ms-transform:translate(-5px,-54%) rotate(0deg);}66%{-ms-transform:translate(-6px,-54%) rotate(0deg);}68%{-ms-transform:translate(5px,-54%) rotate(0deg);}70%{-ms-transform:translate(-3px,-54%) rotate(0deg);}72%{-ms-transform:translate(-1px,-54%) rotate(0deg);}74%{-ms-transform:translate(-6px,-54%) rotate(0deg);}
76%{-ms-transform:translate(-2px,-54%) rotate(0deg);}78%{-ms-transform:translate(1px,-54%) rotate(0deg);}80%{-ms-transform:translate(4px,-54%) rotate(0deg);}82%{-ms-transform:translate(7px,-54%) rotate(0deg);}84%{-ms-transform:translate(-7px,-54%) rotate(0deg);}86%{-ms-transform:translate(-4px,-54%) rotate(0deg);}
88%{-ms-transform:translate(9px,-54%) rotate(0deg);}90%{-ms-transform:translate(-6px,-54%) rotate(0deg);}92%{-ms-transform:translate(-3px,-54%) rotate(0deg);}94%{-ms-transform:translate(-8px,-54%) rotate(0deg);}96%{-ms-transform:translate(4px,-54%) rotate(0deg);}98%{-ms-transform:translate(6px,-54%) rotate(0deg);}
}@keyframes shake-horizontal{0%{transform:translate(0px,-54%) rotate(0deg);}2%{transform:translate(-7px,-54%) rotate(0deg);}4%{transform:translate(7px,-54%) rotate(0deg);}6%{transform:translate(5px,-54%) rotate(0deg);}8%{transform:translate(9px,-54%) rotate(0deg);}10%{transform:translate(9px,-54%) rotate(0deg);}
12%{transform:translate(3px,-54%) rotate(0deg);}14%{transform:translate(9px,-54%) rotate(0deg);}16%{transform:translate(-6px,-54%) rotate(0deg);}18%{transform:translate(8px,-54%) rotate(0deg);}20%{transform:translate(-2px,-54%) rotate(0deg);}22%{transform:translate(-1px,-54%) rotate(0deg);}24%{transform:translate(0px,-54%) rotate(0deg);}
26%{transform:translate(-6px,-54%) rotate(0deg);}28%{transform:translate(-5px,-54%) rotate(0deg);}30%{transform:translate(-4px,-54%) rotate(0deg);}32%{transform:translate(-10px,-54%) rotate(0deg);}34%{transform:translate(9px,-54%) rotate(0deg);}36%{transform:translate(4px,-54%) rotate(0deg);}38%{transform:translate(-1px,-54%) rotate(0deg);}
40%{transform:translate(2px,-54%) rotate(0deg);}42%{transform:translate(2px,-54%) rotate(0deg);}44%{transform:translate(-4px,-54%) rotate(0deg);}46%{transform:translate(8px,-54%) rotate(0deg);}48%{transform:translate(-6px,-54%) rotate(0deg);}50%{transform:translate(4px,-54%) rotate(0deg);}52%{transform:translate(-5px,-54%) rotate(0deg);}
54%{transform:translate(6px,-54%) rotate(0deg);}56%{transform:translate(-5px,-54%) rotate(0deg);}58%{transform:translate(0px,-54%) rotate(0deg);}60%{transform:translate(3px,-54%) rotate(0deg);}62%{transform:translate(5px,-54%) rotate(0deg);}64%{transform:translate(-4px,-54%) rotate(0deg);}66%{transform:translate(-8px,-54%) rotate(0deg);}
68%{transform:translate(4px,-54%) rotate(0deg);}70%{transform:translate(-5px,-54%) rotate(0deg);}72%{transform:translate(7px,-54%) rotate(0deg);}74%{transform:translate(-5px,-54%) rotate(0deg);}76%{transform:translate(1px,-54%) rotate(0deg);}78%{transform:translate(8px,-54%) rotate(0deg);}80%{transform:translate(8px,-54%) rotate(0deg);}
82%{transform:translate(7px,-54%) rotate(0deg);}84%{transform:translate(-10px,-54%) rotate(0deg);}86%{transform:translate(9px,-54%) rotate(0deg);}88%{transform:translate(-1px,-54%) rotate(0deg);}90%{transform:translate(0px,-54%) rotate(0deg);}92%{transform:translate(-2px,-54%) rotate(0deg);}94%{transform:translate(5px,-54%) rotate(0deg);}
96%{transform:translate(5px,-54%) rotate(0deg);}98%{transform:translate(-8px,-54%) rotate(0deg);}}@media only screen and(min-width:320px) and(max-width:736px){.login-wrapper{width:270px;padding:18px 20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}.footer{display:none;}}@media only screen and(min-device-width:320px) and(max-device-width:736px) and(orientation:landscape){.login-wrapper{transform:translateY(-30%);-webkit-transform:translateY(-30%);}
}