/* fonts */


 header{ position: relative;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #222; background: #fff;}


h1 {font-size: 1.375em; }
h2 {font-size: 1.125em; color: #7C1515; margin-top: 2em; }
h3 {font-size: 1.0em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}

p {letter-spacing: normal;}

ul li {color: #007565; line-height: 20px; margin: 10px 0;}
ul li span {color: #404040;}

button {margin: 2em 0;}
 

video {width: 100%; border: 4px solid #b7b7b7;}

a:link,
a:visited {color: #54ACEC;}
a:hover {color: #54ACEC; text-decoration: none;}

.nowrap {white-space: nowrap;}


.footnote,
.reference {font-size: .87em;}
.pdf {background:transparent url(/common/images/adobe-PDF.gif) no-repeat 0 center ;	padding: 0px 0 0 16px;}


/* Common */
 
.pure-button {background-color: #739595; color: #fff; font-weight: bold; padding: 10px 20px; width: 144px;}
/*input[type=text],
input[type=email],
select {width: 100%;}*/
.btn-cookie-policy {
    color:#fff !important;
    border:none !important;
    width:auto;
}

    .btn-cookie-policy:hover {
        background-color: #739595 !important;
    }
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a {
    background:none !important;
}

.panel {
    display: none;
}
#desktop-step-0 {display: block; text-align: center;}

#back-step-1,
#back-step-2 {display: none; color: #54ACEC; cursor:pointer;}

#back-step-1:hover,
#back-step-2:hover {text-decoration: none;}

#header-back-links {position: absolute; top: 0; right: 0; padding: 14px 20px;}

#describe-request { height: 135px;}
.contact-type {display: none;}

.checkbox-contactinfo label{
    display: inline-block;
}
.select-language{
    margin-bottom: 25px;
    margin-top: 5px;
    font-size: 18px;
}
.lang-en{
    padding-right: 80px !important;
}
.lang-fr{
    padding-left: 80px !important;
}

/* footer */
#footerPage { color: #666666; line-height: 1.8em;}
footer#footerPage { text-align: center; padding: 0; background: #fff; border-top: #D0CDC7 solid 1px;  }
footer#footerPage div#divFooterLogo img#imgCSLBehringLogo {   height: 45px;}
footer#footerPage div#divFooterNavigation {font-size: .75em; line-height: 3em; margin: 0px 0 0px 0;}
footer#footerPage  a{ text-decoration: underline; padding: 0px; margin: 0 5px; }
footer#footerPage  a:hover { text-decoration: none;}
footer#footerPage div#divFooterNavigation a:last-of-type {padding-right: 0;}
footer#footerPage div#divFooterLegalText,
footer#footerPage div#divFooterCopyright { color:#404040; font-size: .75em; line-height: 2em; margin: 0px 0 0 0;}

/* autocomplete */ 
span.ui-helper-hidden-accessible {
    display: none;
    padding: 0px 5px;
}

ul.ui-autocomplete {
    margin: 0;
    padding: 5px 0;
    background: #fff;
    border: solid 1px #000;
    width: 200px;
}

    ul.ui-autocomplete li {
        list-style-type: none;
        font-size: 11px;
        padding: 3px 5px;
    }

        ul.ui-autocomplete li:hover {
            cursor: pointer;
            background-color: #9ab3d7;
        }
 
.csl-logo-home{
    width:100%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.csl-logo-home img{
    max-width: 100%;
    height: auto;
    margin-top: 100px;
}
.header-step-0{
    font-size: 4em;
    font-weight: bold;
    margin-top: 55px;
}
.form-block-header{
    font-size: 1.375em;
    color: #7c1515;
    display: inline-block;
}
.form-block-bg{
    background-color: #d7d7d7;
    padding: 0 15px 20px 15px;
    margin-top: 30px;
}

@media only screen and (min-width: 767px) and (max-width: 1023px){
    .pure-u-23-24{
        width: 100%;
    }
}