@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);body {
  font-family: "Raleway";
}

.login-container {
  height: 100%;
  width: 100% !important;
  display: block;
  background-image: linear-gradient(to left top, #003F8A, #003f8a);
  align-content: center;
  color: #FFCC00 !important;
  opacity: 1;
  position: relative;
}

.login-box {
  margin-top: 12%;
  background-color: transparent;
}

.app-logo {
  width: 8.2em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.app-name {
  color: #003F8A;
  font-size: 1.5em;
}

.app-footername {
  color: #003F8A;
  font-size: 1.2em;
  font-weight: bold;
}

.page-header-title {
  background-color: #003F8A;
}

.navbar-default {
  background-color: #003F8A;
}

.logo-sidebar {
  width: 10.2em;
  margin-top: 10px;
  margin-bottom: 50px;
}

.app_logo-modulo {
  width: 180px;
  height: 150px;
}

.avatar-circle {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.initials {
  font-size: 1.2em;
  color: #FFCC00;
  background-color: #003F8A;
  border-radius: 5px;
  text-align: center;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
}

.app-bg {
  background-color: #003F8A !important;
}

.app-color {
  color: #FFCC00;
}

.profile-photo {
  width: 20em;
}

.modal-xl {
  max-width: 95%;
}

.btn-microsoft {
  background-color: #dc3a03;
  border-color: #aa2d02;
  color: white;
}

.btn-microsoft:hover,
.btn-microsoft:active,
.btn-microsoft:focus {
  border-color: #dc3a03;
  background-color: white;
  color: #dc3a03;
}