/**
 * Copyright (c) Istituto Nazionale di Fisica Nucleare (INFN). 2016-2018
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
#iam-content {
  height: calc(100vh - 50px);
  overflow: auto;
}

.main-sidebar{
  height: calc(100vh - 50px);
}


.absolute-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.absolute-center.is-responsive {
  min-width: 400px;
  padding: 40px;
}

#logo-container{
  margin: auto;
  margin-top: 10px;
    
  width:200px;
  height:150px;
  background-size: 200px;
  background-image:url("/resources/images/indigo-logo.png");
  background-repeat: no-repeat;
}

#logo-container a{
  display:block;
  width:100%;
  height:100%;
}

.ext-authn-info {
  margin: 0 auto;
  padding-top: 2em;
  text-align: justify;
  max-width: 400px;
  font-size: larger;
}

#registration-form{
  padding-top: 2em;
  margin: 0 auto;
  max-width: 400px;
}

.btn-google {
  text-align: center !important;
}
.social-authn {
  text-align: center;
}

#login-form {
  padding-top: 2em;
  margin: 0 auto;
  max-width: 250px;
}

#sign-aup-form {
  padding-top: 2em;
  margin: 0 auto;
  max-width: 400px;
}

#sign-aup-form p {
  font-size: larger;
  text-align: justify;
}

#sign-aup-form .aup-text {
    font-size: x-large;
    text-align: justify;
}

#sign-aup-form .sign-aup-btns {
    margin-top: 2em;
    font-size: x-large;
    text-align: center;
}


#login-error {
  margin: 0 auto;
  max-width: 400px;
}

#login-external-authn {
  margin: 0 auto;  
  padding-top: 2em;
  text-align: center;
  max-width: 250px;
}

#login-external-authn .btn {
  margin-top: 10px;
}

#login-registration{
  padding-top: 2em;
  margin: 0 auto;
  text-align: center;
  max-width: 250px;
}

#register-confirm-message{
  padding-top: 2em;
  margin: 0 auto;
  text-align: justify;
  max-width: 400px;
}

#register-confirm-message p{
  font-size: larger;
}

#register-confirm-back-btn {
  margin-top: 2em;
}

.reset-password-form {
  margin: 0 auto;
  max-width: 400px;

}
.text-wrapped {
  word-break: break-all;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.profile-user-img {
  background-position: center center;
  background-repeat: no-repeat;
}

.footer-indigo-logo {
  margin: 0px;
  margin-top: -7px;
  margin-right: 5px;
  padding: 0px;
  width: 30px;
}

aside {
  background: #222d32;
}

body.skin-blue {
  background-color: #222d32;
}

.content-wrapper {
  background-color: #ecf0f5;
}

.toast-top-center {
  top: 5px !important;
}

#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  min-width: 300px;
  max-width: 500px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}

.main-header .navbar {
  margin-left: 0;
}

.main-header .logo-sm {
  float: left;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;  
  color: #ffffff;
  border-bottom: 0px solid transparent;
}

.version-info{
  text-align: center;
  position: absolute;
  
  color: #b8c7ce;
  background: #1a2226;
  bottom: 0;
  padding: 15px;
  width: 230px;
  height: 50px;
  font-size: 12px;
}

.subjectDn {
  font-weight: 600;
}

.issuerDn {
  margin-top: .2em;
  font-size: smaller;
  color: #4b646f;
}

#x509-authn-info {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 2em;
  text-align: center;
}