#notices p {
  color: #004080;
}

.spid-form {
  /*border: 1px solid !important;*/
  margin: 8% auto !important;
  max-width: 720px !important;
  /*border-color: #f48026 !important;*/
  /*box-shadow: 0 5px 50px #ccc !important;*/
  /*border-radius: 40px !important;*/
  /*padding: 30px 40px 40px !important;*/
  padding: 0px !important;
}

.spid-form p {
  text-transform: none !important;
}

@media only screen and (max-width:979px) {
  .tab-pane {
    margin:0px !important;
    padding:0px !important;
  }

  .tab-content {
    margin:0px !important;
    padding:0px !important;
  }
}

a.button-spid:link, a.button-spid:visited {
  color: #FFF !important;
}

.spid-idp-button .spid-idp-button-menu li > a, .spid-idp-button .spid-idp-button-menu label {
  line-height: 30px !important;
}

.spid-idp-button .spid-idp-button-menu li > a img {
  padding: 3px 0 3px 3px !important;
}

label#l2Label {
  padding-left: 10px;
}

div.l2 {
  display: none;
}

input[id=strong]:checked ~ div.l1 {
  display:none;
  color: red;
}

input[id=strong]:checked ~ div.l2 {
  display:block;
}

.card {
  display: block;
  border: 1px solid #009bd0;
  border-radius: 6px;
}
.nav-link {
  font-size: 16px;
}

a.nav-link:hover {
  font-weight: bold !important;
  background-color: #eee;
}

a.nav-link.active:hover {
  font-weight: normal !important;
}

a.nav-link {
  color: #444 !important;
}

a.nav-link {
  text-decoration: none !important;
}

li.nav-item {
  width: 100px !important;
  height: 40px !important;
  margin-right: 5px
}

li.nav-item > a {
  text-align: center;
  border: 1px solid #ccc;
  background-color: #ccc;
}

.nav-link {
  padding: .2em 1rem !important;
}

#user_form a.btn-link {
  border: none;
  width: 162px;
  font-size: 16px;
  line-height: 15px;
  color: #fff;
  background-color: #a00009;
  text-transform: lowercase;
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 5px 10px 7px 10px;
  border-radius: 3px;
}

#main-content {
    max-width: 960px;
}

.idp-message{
  white-space: pre-wrap;
}

.tooltip-spid-idp-support-link {
  list-style-type: none;
}

.tooltip-spid-idp-support-link > a {
  padding: 5px 0 10px 10px;
}

.tooltip {
    display: inline-block;
    position: relative;
    left: 200px;
    bottom: 15px;
}

.tooltip i {
  position:relative;
  top: -20px;
}

.tooltip .content {
  min-width:250px;
  top:10px;
  left:50%;
  transform:translate(-90%, 0);
  padding:10px 20px;
  color:#444444;
  background-color:#FFFFFF;
  font-weight:normal;
  font-size:13px;
  border-radius:8px;
  position:absolute;
  z-index:99999999;
  box-sizing:border-box;
  border:1px solid #888888;box-shadow:0 1px 8px rgba(0,0,0,0.5);
  visibility:hidden; opacity:0; transition:opacity 0.8s;
  text-align: left;
}

.tooltip:hover .content {
  visibility:visible; opacity:1;
}

.tooltip .content i {
  position:absolute;
  bottom:100%;
  left:90%;
  margin-left:-12px;
  width:24px;
  height:12px;
  overflow:hidden;
}

.tooltip .content i::after {
  content:'';
  position:absolute;
  width:12px;
  height:12px;
  left:50%;
  transform:translate(-50%,50%) rotate(45deg);
  background-color:#FFFFFF;
  border:1px solid #888888;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
}