@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@media (max-width: @screen-xs) {
    body{font-size: 10px;} 
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;} 
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #01a2ee;
  font-family: 'Open Sans', sans-serif;
  background-image: url('../img/clouds.png');
  background-repeat: repeat-x;
  background-position: bottom  center;
  background-attachment: fixed;
}

.form-container {
  max-width: 670px; 
  min-width: 500px; 
  padding: 15px;
  margin: 110px auto 0;
}

.form-container .form-login-heading {
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: bold;
  font-size: 30pt;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}

.form-login, .form-resetpassword, .form-changepassword form {
  padding: 15px; 
  margin: 0 auto;
}

/*.form-changepassword {
  max-width: 730px;
  min-width: 670px;
  padding: 0px 10px 15px 10px;
  margin: 0 auto;
}*/

.form-changepassword .alert-danger {
  margin: 10px 0px 0px 0px;
}

.form-resetpassword .content_text, .form-changepassword .content_text  {
  max-width: 237px;
  margin-top: -15px;
  margin-bottom: 15px;
}


.content_text {
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}

.form-login .checkbox {
  margin-top: 24px;
  margin-bottom: 10px;
  font-weight: normal;
}

.form-login .form-control, .form-resetpassword .form-control, .form-changepassword .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

/* all */
.form-control::-webkit-input-placeholder {
  color: #01a2ee;
}

.form-control::-moz-placeholder {
  color: #01a2ee;
} /* firefox 19+ */
.form-control:-ms-input-placeholder {
  color: #01a2ee;
} /* ie */
input:-moz-placeholder {
  color: #01a2ee;
}

.form-login .form-control:focus, .form-resetpassword .form-control:focus {
  z-index: 2;
}

.form-login .form-control, .form-resetpassword .form-control, .form-changepassword .form-control {
  margin: 0px 0px 5px 0px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #0079be;
  border: 0px;
  padding: 12px;
  font-size: 11pt;
}

.form-login .btn-login, .form-resetpassword .btn-resetpassword, .form-changepassword .btn-changepassword {
  background-color: #ffffff;
  color: #01a2ee;
  text-transform: uppercase;
  font-size: 10pt;
  font-weight: bold;
  border: 0px;
  padding: 12px;
}

.form-login .btn-signup {
  background-color: transparent;
  color: #044d84;
  font-size: 10pt;
  font-weight: bold;
  border: 1px solid #044d84;
  padding: 12px;
  margin-top: 30px;
}

.form-login .forgotpassword {
  text-align: right;
  float: right;
  text-decoration: underline;
}

.form-resetpassword .cancelreset {
  padding-right: 10px;
  text-align: right;
  float: right;
  text-decoration: underline;
}

.form-login label, .form-resetpassword label, .cls-notification {
  color: #ffffff;
}

.form-login label {
  padding-left: 0px;
}

.form-resetpassword, .cls-notification {
  display: none;
}

.form-changepassword ul {
  padding: 0px;
  margin: 0px;
}

.form-changepassword ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size: 11px;
}

.cls-notification {
  border: thin solid #0084cf;
  background-color: #0084cf;
  padding: 15px;
  margin: 0 auto;
  border-radius: 5px;
  min-height: 75px;
}

.cls-notification a {
  color: #ffffff;
}

.cls-resetpassword, .cls-changepassword {
  max-width: 660px;
}

.cls-notification .glyphicon.glyphicon-ok-sign {
  font-size: 35px;
}

.cls-notification .cls-text {
  vertical-align:middle;
}

.header {
  float: right;
  padding: 20px;
}

.header li, .template_content li {
  list-style: none;
}

.cls-icon, .cls-text {
  display: inline-block;
  text-align: middle;
}

.cls-text a {
  text-decoration: underline;
}

#chk-remember-me {
  display: none;
}

.error_message {
  z-index: 99999;
  float: right;
  margin-top: -39px;
  margin-right: -67px;
  border: 1px solid #CCC;
}

.popover {
  color: #ffffff;
  background-color: #0078c1;
  background-image: #0078c1;
  max-width: 400px;
}

.popover.right {
  margin-left: 20px;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #0078c1;
  border-left-width: 0;
}

.popover-title {
  font-size: 15px;
}

.popover-content {
  font-size: 12px;
  min-height: 42px;
}

.popover-content .template_icon {
  width: 27px;
  height: 27px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background-color: #f8aa35;
  border-radius: 5px;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
}

.popover-content .template_content {
  width: 330px;
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.template_content span {
  font-size: 10pt;
}

.cached-users a {
  color: #ffffff !important;
  text-decoration: underline;
}

.cached-users .media-body {
  padding-left: 10px;
  font-size: 12px;
}

.cached-users .panel {
  cursor: pointer;
}

.cached-users .panel .glyphicon-remove {
  opacity: 0;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}

.cached-users .panel:hover .glyphicon-remove {
  opacity: 1;
}

.cached-users .image {
  width: 42px;
  height: 42px;
  display: inline-block;
  vertical-align: middle;
  background: url(http://int-nr.comaea.se/photo/0.png) top center no-repeat;
  background-size: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}