@import url('fonts/satoshi/css/satoshi.css');
@import url('fonts/fontawesome/css/all.css');
:root{
    --portal-background : #f5F5F5;
    --portal-text-primary: #213256;
    --portal-text-primary-rgb: 33, 50, 86;
    --portal-text-secondary: #00dff6;
    --portal-light: #ffffff;
    --portal-grey: #d3d3d3;
    --portal-icon-blue: rgb(67, 158, 217);
}

* {
    font-family: 'Satoshi', sans-serif;
}

body{
    background: var(--portal-background) no-repeat center center fixed!important;
    background-size: cover!important;
    margin-top: 0!important;
    padding-top:1rem;
    color: var(--portal-text-primary);
    font-weight:normal;
    padding-right:0;
}

h1, h2, h3, h4, h5, h6{
    color: var(--portal-text-primary);
    font-family: 'Satoshi', sans-serif;
    font-weight: 600;
}

/*header*/
header{
    margin-top:1rem;
    margin-bottom: 1rem;
}
header div{
    align-content: center;
}

header .logo-right a{
    font-size:1.35rem;
    font-weight:800;
    line-height:2.33rem
}

header .logo-right img{
    max-height:3rem;
    height:3rem;

}

header h1{
    align-content: center;
    font-size: 2rem;
    max-height:2rem;
    line-height:3.2rem;
}

header .logo-client{

}

header .logo-client img{
    max-height: 3rem;
    height:3rem;
    margin-right: -2rem;
}


header .logo-client .description{
    font-size:1.35rem;
    font-weight:800;
    line-height:2.33rem
}

.divider{
    display:none;
}

/*aside*/
aside{
    margin-top: 2rem;
}

aside h2{
    padding:1rem;
    font-size:2.5rem;
}

aside blockquote.blockquote-notice{
    font-size: 1rem;
    font-style: italic;
    color: var(--portal-text-primary);
    border: 0.1rem solid red;
    border-radius:0.3rem;
}

/*nav*/
nav.euraxi-nav{
    margin-top: 2rem;
}

nav.euraxi-nav ul.nav li.nav-item .card{
    background-color: var(--portal-light);
    padding: 1rem;
    border: 0.01rem solid var(--portal-grey);
    border-radius: 0.3rem;
    transition:all .3s ease;
}

nav.euraxi-nav ul.nav li.nav-item .card i {
    font-size: 3rem;
    color: var(--portal-icon-blue);
    margin-top: 1rem;
}

nav.euraxi-nav ul.nav li.nav-item .card h5{
    font-size: 1rem;
    text-align: left;
    color: var(--portal-text-primary);
    font-weight:600;
}

nav.euraxi-nav ul.nav li.nav-item .card .card-body{
    font-size: 0.8rem;
    text-align: left;
    color: var(--portal-text-primary);
    font-weight:100;
}

nav.euraxi-nav ul.nav li.nav-item a:hover .card{
    background:var(--portal-text-primary);
}

nav.euraxi-nav ul.nav li.nav-item a:hover .card h5{
    color: var(--portal-light);
}

nav.euraxi-nav ul.nav li.nav-item a:hover .card .card-body{
    color: var(--portal-icon-blue);
}

/*documentations*/
.container.doc-content {
    padding: 1.5rem;
    border-radius: 0.3rem;
    background: var(--portal-light);
    margin-bottom:2rem;
}

nav.doc-nav ul.nav li.nav-item .card{
    background:var(--portal-icon-blue);
    padding: 0.5rem;
    border: 0.01rem solid var(--portal-grey);
    border-radius: 0.3rem;
    transition:all .3s ease;
}

nav.doc-nav ul.nav li.nav-item .card i.fa {
    font-size: 3rem;
    color: var(--portal-light);
    margin-top:inherit;
}

nav.doc-nav ul.nav li.nav-item .card{
    justify-content: center;
}

nav.doc-nav ul.nav li.nav-item .card h5.card-title{
}

nav.doc-nav ul.nav li.nav-item .card .card-body .card-text{
    font-size: 0.8rem;
    text-align:center;
    color: var(--portal-light);
    font-weight:normal;
}

nav.doc-nav ul.nav li.nav-item a:hover .card{
    background:var(--portal-text-primary);
    margin-top: -0.5rem;
    box-shadow: 0 9px 35px 0 rgba(var(--portal-text-primary-rgb),.4)!important;
}

/*content*/
.module-euraxi{
    background: var(--portal-light);
    padding: 1.5rem;
    border-radius: 0.3rem;
    margin-top: 1rem;
    width:96%;
    margin-left:2%;
}

/*footer*/
footer.footer-euraxi{
    font-size:1rem;
    padding: 1.5rem;
    border-radius: 0.3rem;
    background: var(--portal-light);
}

/*form*/
form.rwmb-form{
    padding:1.5rem;
    border-radius: 0.3rem;
}

.form-content{
    background: var(--portal-light);
    padding: 1.5rem;
    border-radius: 0.3rem;
    margin-bottom:1rem;
}

.rwmb-heading-wrapper h4{
    text-align:left;
}

.footer-form{
    font-size:0.9rem;
    max-width:96%;
    margin-left:2%;
    margin-top:1rem;
}

.floating-form .rwmb-field .rwmb-label label {
    color: var(--portal-icon-blue);
    font-size: 0.8rem;
    margin-bottom: -5px !important;
    display: block;
}

p.rwmb-error, label.error {
    color: #FFF;
    margin: 0;
    background: #dc3232;
    padding: 2px 8px 2px 8px;
    width: fit-content;
    font-size: 0.7rem;
    z-index: 99;
    line-height: 24px;
    border: none;
    border-radius: 0;
    display: block;
    margin-top: 5px;
    position: absolute;
    top: 2.3rem;
}

/*floating labels*/
/*
.floating-form .rwmb-field {
    position: relative;
}

.floating-form .rwmb-field .rwmb-input input,
.floating-form .rwmb-field .rwmb-input textarea,
.floating-form .rwmb-field .rwmb-input select {
    background: transparent;
    position: relative;
    z-index: 1;
    min-height:1.5rem;
}

.floating-form .rwmb-field .rwmb-label label {
    position: absolute;
    top: 20px;
    left: 10px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    color: var(--portal-text-primary);
    font-size: 0.8rem;
    pointer-events: none;
}

.floating-form .rwmb-field.field-active .rwmb-label label {
    top: 0px;
    transform: translateY(0) scale(0.8);
    color: var(--portal-icon-blue);
    font-size: 0.8rem;
    left: -2px;
}
*/

/*Merci*/
.bg-yellow-thanks{
    background: #ffff01;
    padding: 1rem;
    border-radius: 0.3rem;
    margin-top: 1rem;
    width:96%;
    margin-left:2%;
}