/*==========  Breakpoints  ==========*/
/*==========  Transitions  ==========*/
/*==========  Shadows  ==========*/
/*==========  Buttons styling  ==========*/
#login-page .form-container .col-xs-8 button { background: #c21d22; border-radius: 4px; padding: 5px 20px 5px 20px; color: #ffffff; font-weight: bold; border: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; box-shadow: 0 3px #781215; }

#login-page .form-container .col-xs-8 button:hover { background: #DC0B20; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#login-page .form-container .col-xs-8 button:active { top: 2px; position: relative; box-shadow: 0px 0px; }

#login-page { background: #EDEDED; }

#login-page .form-container .col-xs-8 { min-width: 83%; background: white; margin-top: 30px; margin-bottom: 30px; padding: 0; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5); }

@media only screen and (min-width: 1024px) { #login-page .form-container .col-xs-8 { padding: 0 0 20px 0; } }

#login-page .form-container .col-xs-8 h3 { text-align: center; }

@media only screen and (min-width: 768px) { #login-page .form-container .col-xs-8 form { padding: 10px; } }

#login-page .form-container .col-xs-8 .col-md-6:first-child, #login-page .form-container .col-xs-8 .col-md-6:last-child, #login-page .form-container .col-xs-8 .col-md-6.rightblock { padding: 20px; }

@media only screen and (min-width: 768px) { #login-page .form-container .col-xs-8 .col-md-6:first-child, #login-page .form-container .col-xs-8 .col-md-6:last-child, #login-page .form-container .col-xs-8 .col-md-6.rightblock { padding: 20px 40px 40px 20px; } }

#login-page .form-container .col-xs-8 .col-md-6:last-child p, #login-page .form-container .col-xs-8 .col-md-6.rightblock p { text-align: center; }

@media (max-width: 767px) { #login-page .form-container .col-xs-8 .col-md-6:last-child p, #login-page .form-container .col-xs-8 .col-md-6.rightblock p { float: left; clear: both; width: 100%; } }

#login-page .form-container .col-xs-8 .col-md-6:last-child p:first-child, #login-page .form-container .col-xs-8 .col-md-6:last-child p.firstchild, #login-page .form-container .col-xs-8 .col-md-6.rightblock p:first-child, #login-page .form-container .col-xs-8 .col-md-6.rightblock p.firstchild { padding-top: 0; }

@media (max-width: 767px) { #login-page .form-container .col-xs-8 .col-md-6:last-child p:first-child, #login-page .form-container .col-xs-8 .col-md-6:last-child p.firstchild, #login-page .form-container .col-xs-8 .col-md-6.rightblock p:first-child, #login-page .form-container .col-xs-8 .col-md-6.rightblock p.firstchild { margin-top: 10px; } }

@media only screen and (min-width: 1024px) { #login-page .form-container .col-xs-8 .col-md-6:last-child p:first-child, #login-page .form-container .col-xs-8 .col-md-6:last-child p.firstchild, #login-page .form-container .col-xs-8 .col-md-6.rightblock p:first-child, #login-page .form-container .col-xs-8 .col-md-6.rightblock p.firstchild { padding-top: 4em; } }

#login-page .form-container .col-xs-8 .loginheader { padding: 15px 0 15px 0; background: url(/images/header.jpg) center center; background-size: cover; position: relative; text-align: center; }

#login-page .form-container .col-xs-8 button .glyphicon-user { left: -8px; }

@media (max-width: 767px) { #login-page .form-container .col-xs-8 button { float: left; margin-top: 10px; margin-right: 10px; } }

@media (min-width: 1024px) { #login-page .form-container .col-xs-8 .col-md-6.rightblock .firstchild { padding-top: 4em; }
  #login-page .form-container .col-xs-8 .col-md-6.rightblock p { text-align: center; } }

#login-page .errors-container { margin: 12px 0; }

@media (max-width: 767px) { #login-page .password-recovery { float: left !important; margin-top: 10px; margin-bottom: 10px; } }

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