@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../lib/materialize/iconfont/MaterialIcons-Regular.eot);
  /* https://example.com/MaterialIcons-Regular.eot); */
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/materialize/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(/MaterialIcons-Regular.woff) format('woff'), url(../lib/materialize/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}
html,
body {
  height: 100%;
}
a {
    color: #00A2D4 !important;
}

.light-blue.darken-1 {
    background-color: #00A2D4 !important;
}
.space {
  padding-left: 10px;
}
.floating-position {
  top: 10px;
  /*desired value*/
  bottom: auto;
}
.required:after {
  content: " *";
  color: #f00;
}
.text-error {
  font-size: 0.9em;
}
/* Gestion du milieu centré */
.body-content {
  display: flex;
  height: 100%;
}
.body-content .content-center-middle {
  margin: auto;
}
.page-consent.container {
  align-self: flex-start;
}
button {
  width: 100%;
}
.register-page {
  width: 600px;
}

/*.card {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}*/
.row {
  margin: 0;
  padding: 0;
}
.row-register {
  margin-top: 15px;
}
.error-page .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
.error-page .card {
  max-width: 600px;
  /*top: 25%;*/
}
.login-page .row-register .col {
  margin-bottom: 10px;
}
.page-consent .card {
  max-width: 100%;
}
.page-consent button {
  width: auto;
}
.home-page .card {
  max-width: 100%;
}
.page-grants .card {
  max-width: 100%;
}
.page-grants .card.info-product {
  width: 400px;
  margin-left: 10px;
  margin-right: 10px;
}
.page-grants img {
  width: 100px;
  height: 100px;
}
.page-grants .clientname {
  font-size: 1.4em;
  font-weight: bold;
}
.page-grants .granttype {
  font-size: 1.2em;
  font-weight: bold;
}
.page-grants .created {
  font-size: 1.2em;
  font-weight: bold;
}
.page-grants .expires {
  font-size: 1.2em;
  font-weight: bold;
}
.debug {
  border: 1px solid red;
}
.select-lang-part {
  /*label {
        margin-bottom:5px;
    }*/
  /*.simple-collapsible {
        border: 0;

        & .arrow-indicator:after {
            vertical-align: middle;
            content: 'arrow_drop_down';
        }

        &.active {
            .arrow-indicator:after {
                content: "arrow_drop_up";
            }
        }
    }

    .content {
        display: none;

        &.active {
            display: block;
        }
    }*/
}
/*.nav-main {
    border: 0;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;

    a {
        color: #000;
    }

    .brand-logo {
        padding-left:15px;
        padding-top:5px;
    }
}*/
.settings-view {
  padding: 15px;
}
.settings-view .title {
  display: block;
  padding-bottom: 15px;
  font-size: 1.5em;
  font-weight: bold;
}

.cl-eye {
    float: right;
    margin-left: -25px;
    margin-top: 12px;
    position: relative;
    z-index: 2;
    color: black;
}

.cl-eye:hover {
    cursor:pointer;
}

.cl-eye-slash {
    color: cadetblue !important;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

input.valid {
    box-shadow: 0 1px 0 0 #1A1D3A !important;
    border-bottom: 1px solid #1A1D3A !important;
}

element.style {
    pointer-events: none;
}

input:not([type]):focus.valid ~ label, input[type=text]:not(.browser-default):focus.valid ~ label, input[type=password]:not(.browser-default):focus.valid ~ label, input[type=email]:not(.browser-default):focus.valid ~ label, input[type=url]:not(.browser-default):focus.valid ~ label, input[type=time]:not(.browser-default):focus.valid ~ label, input[type=date]:not(.browser-default):focus.valid ~ label, input[type=datetime]:not(.browser-default):focus.valid ~ label, input[type=datetime-local]:not(.browser-default):focus.valid ~ label, input[type=tel]:not(.browser-default):focus.valid ~ label, input[type=number]:not(.browser-default):focus.valid ~ label, input[type=search]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label {
    color: #1A1D3A !important;
}
.div-third-party {
    display: flex;
    align-items: center;
    padding: 5px;
}
.span-third-party {
    flex: 1;
    border-bottom: 1px solid #e8e8e8
}
.span-third-party-or {
    padding-left: 10px;
    padding-right: 10px;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.external-content {
    padding-top: 0px !important;  
}

.external-provider-content {
    display: none;
}

.link {
    cursor: pointer;
}

.btn-next{
    width:30%;
}
.microsoft-icon {
    height: 14px;
    width: 14px;
    background-image: url("images/logo-microsoft.png");
    background-size: contain;
    display: inline-block;
}
.microsoft-login {
    text-align: center;
}
.google-icon {
    height: 14px;
    width: 14px;
    background-image: url("images/logo-google.png");
    background-size: contain;
    display: inline-block;
}
.google-login {
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .register-page {
        width: auto;
    }
}

@media only screen and (max-width: 500px) {
    .card {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}

@media only screen and (max-width: 600px) {
    .register-page .card {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}