html,
body {
  height: 100%;
 /* background-color: #fff;*/
  color: #212529;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  font-family: "DIN Pro";
}

.dinpro {
  font-family: "DIN Pro";
}

div[data-lastpass-icon-root] {
  display: none;
}

div[data-lastpass-root] {
  display: none;
}

.navbar.sticky-top {
  background-color: #191d21;
}

.display-4 sup {
  font-size: 15px;
  vertical-align: super;
  top: -17px;
}

.layout {
  position: relative;
}

.pointer {
  cursor: pointer;
}

sup.smaller {
  font-size: 11px !important;
}

.top-menu {
  box-shadow:none;
  min-height: 59px;
}
.navbar-brand {
  background-color: inherit!important;
  box-shadow: none!important;
}

/*
   * Sidebar
   */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  /* margin: 59px 0 0;*/
  padding: 0px;

}


.sidebar-sticky {
  position: relative;
  top: 0;
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
 /* background-color: #f8f9fa !important;*/
  /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  margin-right: 0px;
  font-weight: 500;
   /* color: #999;*/
}

.sidebar .nav-link .fa-fw {
 /*  color: #212529;*/
}

.sidebar .nav-link:hover {
/*   color: #212529;*/
}

.sidebar .nav-link.active,
.sidebar .nav-link.active:hover,
.sidebar .nav-link.active .fa-fw {
   color: #007bff;
}


.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 1px;
  border-radius: 0;
}

::-webkit-input-placeholder {
  color: #f00;
}

::-moz-placeholder {
  color: #f00;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #f00;
}

/* ie */
input:-moz-placeholder {
  color: #f00;
}

.help {
  color: #0062cc !important;
  font-size: 12px;
  vertical-align: normal;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  background-color: #fff;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-control:focus {
  background-color: #fff;
  border-color: #f05323;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(240 83 35 / 24%);
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-forgotpassword input[type="email"] {
  margin-bottom: 0px;
  border-bottom-right-radius: .25rem;
  ;
  border-bottom-left-radius: .25rem;
  ;
}


.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pointer {
  cursor: pointer;
}

.azure-sign-in-button {
  cursor: pointer;
  transition: background-color .3s, box-shadow .3s;
      
  padding: 12px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  
  background-image: url('../content/images/signin_with_microsoft_light.svg');
  background-color: rgb(100, 100, 100);
  background-repeat: no-repeat;
  background-position: 10px 9px;
}

.google-sign-in-button {
  cursor: pointer;
  transition: background-color .3s, box-shadow .3s;
      
  padding: 11px 16px 12px 30px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: rgb(100, 100, 100);
  background-repeat: no-repeat;
  background-position: 12px 13px;
}

.google-sign-in-button:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}

.google-sign-in-button:active {
  background-color: #eeeeee;
}

.google-sign-in-button:active {
  outline: none;
      box-shadow: 
      0 -1px 0 rgba(0, 0, 0, .04),
      0 2px 4px rgba(0, 0, 0, .25),
      0 0 0 3px #c8dafc;
}

.google-sign-in-button:disabled {
  filter: grayscale(100%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  cursor: not-allowed;
}