/*
  THIS FILE IS MANAGED BY PUPPET | LOCAL CHANGES WILL BE OVERWRITTEN
  globalnoc_shibboleth/templates/httpd/ds/login.css.epp
*/

html {
  min-height: 100%;
}

body {
  font: 14px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  color: #444;
/*  background: #2f2f2f; */
  //background: rgb(255,255,255);
  //background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(193,224,245,1) 50%, rgba(104,165,217,1) 80%);
  background: #2f2f2f;
  margin-top: 40px;
}

/*flatten bootstrap*/

.input-group, .input-group-addon, .well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  border-collapse: collapse !important;
  background-image: none !important;
}

label {
display: block;
}

h1 {
  margin: 10px 0;
  font-size: 2.25em;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 25px;
  text-transform: uppercase;
}

h2 {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 1.1em;
  font-weight: normal;
}

.clearfix::after {
  content: "";
  clear: both;
  float: none;
  display: block;
}

.grouping {
  display: inline;
}

.illustration {
  display: inline;
  margin-bottom: 10px;
  float: left;
}

.login {
  background:#2f2f2f; */
  padding:80px 0;
}

.login {
  max-width:480px;
  width:90%;
  margin:0 auto;
  background-color:#ffffff;
  padding:40px;
  border-radius:0px;
  color:#505e6c;
  box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

.login .page {
  max-width:720px;
  width:90%;
  margin:0 auto;
  background-color:#ffffff;
  padding:40px;
  border-radius:0px;
  color:#505e6c;
  box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

.login .illustration {
  text-align:center;
  padding:0 0 20px;
  /*font-size:100px;*/
  /*color:rgb(244,71,107);*/
}

.login form .form-control {
  background:#f7f9fc;
  border:none;
  border-bottom:1px solid #dfe7f1;
  border-radius:0;
  box-shadow:none;
  outline:none;
  color:inherit;
  text-indent:8px;
  height:42px;
}

.login form .btn-primary {
  background:#f4476b;
  border:none;
  border-radius:4px;
  padding:11px;
  box-shadow:none;
  margin-top:26px;
  text-shadow:none;
  outline:none !important;
}

.login form .btn-primary:hover, .login form .btn-primary:active {
  background:#4AC6B5;
}

.login form .btn-primary:active {
  transform:translateY(1px);
}

.login .help-page {
  display:block;
  text-align:left;
  font-size:12px;
  color:#6f7a85;
  opacity:0.9;
  text-decoration:none;

}

.help-page:hover, .help-page:active {
  opacity:1;
  text-decoration:none;
}

.dropdown-toggle:hover, .dropdown-toggle:active {
  background: #fff;
  padding: 7px;
}

.dropdown .btn {
  padding: 10px;
}

.page-header {
  padding-bottom: 9px;
  border-bottom: 0px solid #eee;
}

.logo {
  margin:auto;
  padding: 15px;
}

.input-group .input-group-addon{
  border-radius: 0px;
}

.login {
  max-width:480px;
}

.btn.btn-primary.btn-block {
  /*background-color:#24A08A;*/
  //background-color: rgba(104,165,217,1);
  background-color: rgb(150, 34, 59);
}

.h1, h1 {
  font-size:24px;
}

img {
  margin:10px;
  width: 100%;
}

.btn-social {
  position:relative;
  padding-left:44px;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.btn-social>:first-child {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:32px;
  line-height:34px;
  font-size:1.6em;
  text-align:center;
  border-right:
  1px solid rgba(0,0,0,0.2)
}

body {
  background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(193,224,245,1) 50%, rgba(104,165,217,1) 80%);
  background-size: 100% 100%;
}

.login {
  border-radius: 8px;
  box-shadow: box-shadow: 0 3px 6px rgba(62, 128, 183, 0.16), 0 3px 6px rgba(62, 128, 183, 0.23);
}

#idpSelectIdPSelector {
  border-radius: 4px;
  border: 2px solid #00599C !important;
}

#idpSelectInput {
  border: 2px solid #3E80B7;
  border-radius: 4px !important;
  padding: 4px 8px;
  width: 75% !important;
}

#idpSelectSelectButton, #idpSelectListButton {
  width: 24% !important;
  color: white;
  border: none;
  padding: 6px 8px;
  text-align: center;
  border-radius: 2px !important;
  background: #00599C;
  cursor: pointer;
}

#idpSelectSelectButton:hover, #idpSelectListButton:hover {
  background: #00599cde;
}

[name="IdPSelectAutoDisp"] {
  display: inline-block;
  margin-right: 6px;
  top: 2px;
  position: relative;
}

#idpSelectSelector {
  appearance: none;
  width: 74% !important;
  padding: 4px 8px;
  border-radius: 4px !important;
  border: 2px solid #3E80B7;
  color: #00599C;
  cursor: pointer;
}

#idpSelectSelector:hover {
  background: #E1F8FD;
}

.IdPSelectPreferredIdPImg {
  position: relative;
}

.IdPSelectIdPImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.IdPSelectTextDiv {
  overflow-wrap: break-word;
}