@charset "UTF-8";

html {
    background: #F6F6F6;
}
body {
    margin: 0;
    padding: 0;
    color: #333333;
    font: 12px sans-serif;
  }
/**
* HEADER
*/
.eon-header-container {
    display: block;
    background-color: #FFFFFF;
    padding-top: 10px;
}

.eon-logo {
    height: 60px;
    width: 170px;
    background: #FFFFFF url(../images/eon-logo.png) no-repeat 0 1px;
    background-size: auto;
    margin-left: 40px;
    padding-bottom: 10px;
}

.delegated-panel-login {
    margin-bottom:10px;
    margin-left:5px;
}

.margin-bottom-10px {
    margin-bottom:10px;
}

.visibility-hidden {
    visibility:hidden;
}

.visibility-visible {
    visibility:visible;
}

.display-none {
    display:none;
}

.display-block {
    display:block;
}

.registered-service-login-margin {
    margin-top:259px;
    margin-left:5px;
}

.not-registered-service-login-margin {
    margin-top:286px;
    margin-left:5px;
}

.horizontal {
    float: left;
    width: 46%;
    /*height: 100%; */
    border: 2px solid blue;
    margin: 5px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
}

.flex-row {
    display: flex;
    /*justify-content: space-between;*/
}

.register-btn {
	margin: 5px 5px 10px 5px;
}

.forgotten-pwd-link {
	margin-left: 10px;
}

.service-title {
	margin-left: 10px;
}

/**
* Container
*/
h1 {
    color: #002776;
    font-size: 24px;
    line-height: 24px;
}

h1.header {
  background-color: #ea1b0a;
  color:white;
  margin-top:0px;
  margin-bottom:0px;
  padding-left: 5px ;
  padding-top: 5px ;
  padding-bottom: 5px ;
  background-clip: padding-box;
  display: block

  -webkit-border-radius: 5px 5px 0px 0px ;
  -moz-border-radius: 5px 5px 0px 0pxx;
  -ms-border-radius: 5px 5px 0px 0px ;
  -o-border-radius: 5px 5px 0px 0px ;
  border-radius: 5px 5px 0px 0px ;

}
.container {
    width: 560px;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 15px;
}

.content {
    margin: 0 0 25px;
}


main#main-content div#content{
    box-shadow: none!important;
    padding-top: 0px!important;
    padding-left:  0px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
    background-color:white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

main#main-content div.cas-card
{
    box-shadow: none!important;
    margin-left:0px!important;
    padding-top: 0px!important;
    padding-left:  0px!important;
    padding-right: 0px!important;
    padding-bottom: 5px!important;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;

}


div.cas-card p{
    padding-left:  5px!important;
}
div.cas-card .smallbutton{
    margin-left:  5px!important;
}

div.banner-danger {
  background-color: #fee5e2;
  color: #d60411;
  border: 1px solid #d60411;
  display:block;
  padding-right: 0px!important;
  margin-right: 5px;
}
/* form */
  form {
    display: inline-block;
    height: auto;
    width: 100%;
    margin: 7px 0 5px;
  }

  label {
    display: block;
    margin-bottom: 5px;
  }

input[type="text"],
  input[type="password"] {
    display:block;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 4px 6px;
    /* width: 250px; */
    height: 30px;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
  }

  input[type="text"]:focus,
  input[type="password"]:focus {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
  }
  .smallbutton {
    display: block;
    width: auto;
    height: 25px;
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    color: #fff;
    background-color: #ea1b0a!important;
    font-weight: bold;
    border: 0;
    cursor: pointer;
  }

  .smallbutton:hover {
    background-color: #d51607;
  }

/**
* LOGIN FORM
**/
section#loginForm .mdi-security::before{
    display:none;
}

section#loginForm span#login-form-title{
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-left: 5px;
  font-weight: bold;
  text-align:left;
}

    section#loginForm label{
      display: block;
      margin-bottom: 5px;
    }
    body.login .login-section {
      padding: 0 0 0 0 ;
    }

  section#loginForm .d-flex, body main#main-content div.d-flex {
      display:block!important;
  }

  section#loginForm div#serviceui {
      background-color: rgba(23, 163, 184, 0.267);
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      box-sizing: border-box;
      display: block;
      font-family: Roboto, sans-serif;
      margin-bottom:0px !important;

  }

  section#loginForm div#serviceui img{
        height: 32px;
        /*width: 32px;*/
        display:inline;
  }

  section#loginForm div#serviceui div{
        /*display:inline;*/
  }

  section#loginForm div#serviceui h2{
      display: inline;
      font-family: Roboto, sans-serif;
      font-size: 24px;
  }

  section#loginForm form {
      padding-left:5px;
  }
  section#loginForm hr {
      display:none;
  }

  section#loginForm button.mdc-button{
      text-transform: none;
  }
  a.mdc-button--raised{
      background-color: #ea1b0a !important;
      color: white !important;
      display: inline-flex; 
      flex-direction: column;
      justify-content: center;
      text-align: center;
      vertical-align: middle;      
  }
/**
* FOOTER
*/
.cas-footer {
  background-color: #ea1b0a;
  padding-left: 3px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  color:white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
}