@import url(../fonts/fontello/css/fontello.css);
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/roboto/Roboto-Light.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url(../fonts/roboto/Roboto-LightItalic.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto/Roboto-Regular.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url(../fonts/roboto/Roboto-Italic.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/roboto/Roboto-Medium.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url(../fonts/roboto/Roboto-MediumItalic.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto/Roboto-Bold.ttf) format("truetype"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url(../fonts/roboto/Roboto-BoldItalic.ttf) format("truetype"); }
body { font-family: 'Roboto', sans-serif !important; }

h1, h2, h3, h4, h5, h6, h7 { font-family: 'Roboto', sans-serif !important; }

.profile { padding: 0 auto; display: block; position: relative; padding: 25px 0 25px 0; }
.profile img { padding: 10px; border-radius: 10px 0 10px 0; left: 50%; transform: translateX(-50%); display: block; position: relative; max-width: 190px; }

body { background: #2f323a; }

.loginWhite { background-color: #f1f1f1; padding: 25px 25px 25px 25px; text-align: center; box-shadow: #000 0 0 5px; }
.loginWhite h1 { font-size: 28px; font-weight: 200; color: #666; }
.loginWhite h2 { font-size: 22px; font-weight: 200; color: #666; margin-bottom: 30px; }
.loginWhite p { font-size: 14px; color: #666; }
.loginWhite hr { border-bottom: 1px dashed #cdcdcd; margin-top: 30px; }
.loginWhite .formLogin h3 { font-size: 18px; font-weight: 200; color: #666666; }
.loginWhite .formLogin .box { width: 100%; max-width: 380px; }
.loginWhite .formPasswordShow { position: relative; }
.loginWhite .formPasswordShow .passwordShowButton { position: absolute; top: 0; right: 0; width: 38px; height: 38px; line-height: 38px; font-size: 20px; color: #909090; cursor: pointer; }
.loginWhite .forgotPassword { margin-bottom: 0; }
.loginWhite .infoBrowser { margin-top: 25px; margin-bottom: 35px; }
.loginWhite .infoBrowser img { display: inline-block; }
.loginWhite .infoBrowser p { color: #666666; font-size: 14px; margin-bottom: 30px; }
.loginWhite .infoBrowser .infoBrowserIcon { width: 155px; display: inline-block; vertical-align: top; }
.loginWhite .infoBrowser .infoBrowserIcon small { font-size: 12px; color: #969696; margin-top: 14px; display: inline-block; }
.loginWhite .infoBrowser .infoBrowserText { display: inline-block; vertical-align: top; width: calc(100% - 160px); min-width: 200px; }
.loginWhite .infoBrowser .infoBrowserText i { display: inline-block; vertical-align: top; font-size: 25px; margin: 5px 20px; }
.loginWhite .infoBrowser .infoBrowserText p { display: inline-block; vertical-align: top; width: 70%; }
.loginWhite .infoBrowser .infoBrowserText .correctTest i { color: #84b512; }
.loginWhite .infoBrowser .infoBrowserText .correctTest p { color: #000000; font-weight: bold; }
.loginWhite .infoBrowser .infoBrowserText .incorrectTest i { color: #ff0000; }
.loginWhite .infoBrowser .infoBrowserText .incorrectTest p { color: #ff0000; font-weight: bold; margin-bottom: 20px; }
.loginWhite .infoBrowser .infoBrowserText .incorrectTest p.incorrectTestInfo { width: 70%; margin-left: 80px; font-weight: lighter; color: #000000; }
.loginWhite .infoWebsite { border-left: 1px dashed #cdcdcd; }
.loginWhite .infoWebsite i { font-size: 30px; color: #666666; display: inline-block; vertical-align: top; }
.loginWhite .infoWebsite p { display: inline-block; text-align: left; vertical-align: top; color: #666666; width: 80%; margin-bottom: 30px; font-size: 14px; }
.loginWhite .infoWebsite p strong { color: #000000; }

input { font-weight: 200; }

input[type="submit"] { background-color: #84b512; width: 100%; height: 50px; }

input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { background-color: #5a910d; }

a { color: #666; }

a:hover, a:active, a:focus { color: #808080; }

.forgot-pass label { display: inline-block; float: left; }

footer .profile-dol { padding: 40px 0 60px 0; }
footer .profile-dol img { max-width: 270px; }
footer .profile-dol a { color: #fff; font-weight: bold; display: inline-block; font-size: 12px; }
footer .profile-dol a.webimpuls { max-width: 490px; padding: 5px 7px 0; margin-top: 10px; }
footer .profile-dol p { color: #fff; font-weight: 200; max-width: 500px; padding: 5px 7px; font-size: 12px; }
footer .profile-dol-right { padding: 40px 30px 60px 50px; }
footer .profile-dol-right h4 { font-size: 18px; font-weight: 200; color: #cbccce; }
footer .profile-dol-right ul { margin-top: 30px; margin-left: 10px; list-style: none; }
footer .profile-dol-right ul li { padding-left: 16px; }
footer .profile-dol-right ul li:before { content: '>'; padding-right: 8px; color: #8bba13; vertical-align: middle; }
footer .profile-dol-right ul li a { font-size: 12px; color: #ffffff; font-weight: 200; }
footer .profile-dol-right a.button { height: 45px; width: 100%; max-width: 300px; background-color: #84b512; margin-top: 20px; }
footer .profile-dol-right a.button:hover { background-color: #6f990d; }

/*# sourceMappingURL=login.css.map */
