html {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-weight: 400;
}

/**
  * Firefox specific rule
  */

@-moz-document url-prefix() {
   body {
      font-weight: lighter !important;
   }
}

body {
   -moz-osx-font-smoothing: grayscale;
}

.Button_button {
   padding-top: 18px;
   padding-bottom: 18px;
   font-size: 17px;
   text-align: center;
   padding-left: 45px;
   padding-right: 45px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 18px;
   color: #fff;
   border: none;
}

@media screen and (max-width: 1500px) {
   .Button_button {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 14px;
   }
}

.Button_buttonLink {
   text-decoration: none;
   display: inline-block;
}

.Button_buttonFlat {
   padding-top: 12px;
   padding-bottom: 12px;
   font-size: 16px;
   padding-left: 35px;
   padding-right: 35px;
}

@media screen and (max-width: 1500px) {
   .Button_buttonFlat {
      padding-top: 8px;
      padding-bottom: 8px;
      font-size: 14px;
   }
}

.Button_blueBorder {
   border: 2px solid #2d3d94;
   background-color: #fff;
   color: #2d3d94;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
}

.Button_buttonGrey {
    background-color: #999;
}

.Button_buttonOrange {
    font-weight: 500;
    background-color: #DF3900;
}

.Button_buttonLightBlue {
   background-color: #1c9bd7;
}

.Button_buttonStrongBlue {
    font-weight: 500;
    background-color: #2d3d94;
}

.Button_buttonWhite {
   color: #283891;
   background-color: #fff;
}

.Button_buttonWhiteLightText {
   color: #1c9bd7;
   background-color: #fff;
}

.Button_buttonBold {
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
}

.Button_buttonWide {
   width: 100%;
   text-align: center;
}

.Checkbox_checkboxContainer label {
   display: inline;
}

.Checkbox_checkbox {
   display: none;
}

.Checkbox_checkbox+label {
   background-color: #fff;
   border: 1px solid #cacece;
   border-radius: 2px;
   height: 20px;
   width: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.Checkbox_checkbox+label:hover {
   background-color: #f0f0f0;
}

.Checkbox_checkbox:checked+label:after {
   content: '\2714';
   font-size: 14px;
   color: #4f4f4f;
}

.Checkbox_checkboxTag {
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal;
   font-size: 18px;
   color: #fff;
   margin-left: 20px;
}

@media screen and (max-width: 1500px) {
   .Checkbox_checkboxTag {
      font-size: 15px;
   }
}

@media screen and (max-width: 900px) {
   .Checkbox_checkboxTag {
      font-size: 12.857142857142858px;
   }
}

.Checkbox_checkboxContainer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.TextInput_inputBlackFont {
   padding-top: 18px;
   padding-bottom: 18px;
   font-size: 17px;
   border: 1px solid #999;
   background-color: #fff;
   width: 100%;
   line-height: 19px;
   padding-left: 5px;
   top: 0px;
}

@media screen and (max-width: 1500px) {
   .TextInput_inputBlackFont {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 14px;
   }
}

.TextInput_inputBlackFont:focus {
   outline: none;
}

.TextInput_inputBlackFont::-webkit-input-placeholder {
   color: #999;
}

.TextInput_inputBlackFont::-moz-placeholder {
   color: #999;
}

.TextInput_inputBlackFont:-ms-input-placeholder {
   color: #999;
}

.TextInput_inputBlackFont::-ms-input-placeholder {
   color: #999;
}

.TextInput_inputBlackFont::placeholder {
   color: #999;
}

@media screen and (max-width: 550px) {
    .formValidation {
        font-size: 80%;
    }
}

.Form_formContainer {
   position: relative;
   width: 100%;
   height: 690px;
}

@media screen and (max-width: 860px) {
   .Form_formContainer {
      height: 600px;
   }    
}

.Form_tallContainer {
    height: 750px;
}

.Form_tallerContainer {
    height: 850px;
}

.Form_formLightBlue {
   background-color: #1c9bd7;
   width: 100%;
   height: 460px;
   z-index: 1;
}

@media screen and (max-width: 860px) {
   .Form_formLightBlue {
      height: 420px;
   }
}

.Form_formStrongBlue {
   position: absolute;
   z-index: 2;
   background-image: -webkit-gradient(linear, left top, right bottom, from(#2d3d94), color-stop(50%, #2d3d94), to(#1857b7));
   background-image: linear-gradient(to bottom right, #2d3d94, #2d3d94 50%, #1857b7 100%);
   width: 92%;
   top: 10%;
   right: 0px;
   height: 90%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

@media screen and (max-width: 860px) {
   .Form_formStrongBlue {
      top: 9vw;
      right: 5%;
   }
}

.Form_formRightMargin {
   width: 20px;
   height: 100%;
   left: 0%;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#1758b9), to(#1c9bd7));
   background-image: linear-gradient(#1758b9, #1c9bd7);
}

.Form_form {
   width: 85%;
   margin: 0 auto;
}

.Form_formTitle {
   font-size: 50px;
   font-family: century-gothic, sans-serif;
   font-style: normal;
   font-weight: 400;
   color: #fff;
}

@media screen and (max-width: 1800px) {
   .Form_formTitle {
      font-size: 41.66666666666667px;
   }
}

@media screen and (max-width: 900px) {
   .Form_formTitle {
      font-size: 35.714285714285715px;
   }
}

.Form_formSubTitle {
   font-size: 32px;
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal;
}

@media screen and (max-width: 1800px) {
   .Form_formSubTitle {
      font-size: 26.666666666666668px;
   }
}

@media screen and (max-width: 900px) {
   .Form_formSubTitle {
      font-size: 22.857142857142858px;
   }
}

.Form_formUsername,
.Form_formPassword {
   margin-bottom: 30px;
   width: 425px;
   max-width: 100%;
}

.Form_formButton {
   margin: 10px 20px 10px 0px;
}

.Form_formButtonAndRemember {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 410px;
   max-width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 10px;
}

.Form_formForgot {
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: italic;
   color: #fff;
   font-size: 22px;
}

@media screen and (max-width: 1500px) {
   .Form_formForgot {
      font-size: 18.333333333333336px;
   }
}

@media screen and (max-width: 900px) {
   .Form_formForgot {
      font-size: 15.714285714285715px;
   }
}

.Form_formForgotDobLabel {
    color: white;
    font-family: Roboto;
    padding-top: 15px;
    font-size: 120%
}
@media screen and (max-width: 550px) {
    .Form_formForgot {
        font-size: 13px;
    }
    .Form_formForgotDobLabel {
        font-size: 100%;
        color: white;
    }
}


/************ Header logos ***************************************/
.Header_headerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    width: 100%;
    margin-bottom: 20px;
}
.Header_headerPatientLabel,
.Header_headerSiteLabel {
   font-size: 95px;
   line-height: 85px;
   margin: 0px;
   padding: 0px;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal;
}
.Header_headerPatientLabel, .Header_headerPatientLabel a {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   color: #283891;
   text-decoration: none;
}

.Header_headerSiteLabel, .Header_headerSiteLabel a {
   color: #1c9bd7;
   margin-right: 10px;
   text-decoration: none;
}
    .Header_headerRightLogos {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-left: auto;
}
.Header_headerLeftLogos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
}
.Header_headerBIDMCLogo {
   -o-object-fit: contain;
   object-fit: contain;
   height: 180px;
   margin-bottom: 45px;
}
.Header_headerBIDMC {
    display: none;
}

.Header_headerPSLogo {
    height: 160px;
    margin-top: 10px;
    margin-bottom:10px;
    margin-left:20px;
}
@media screen and (max-width: 1500px) {
    .Header_headerPSLogo {
        height: 90px;
        margin-top: 30px;
    }
    .Header_headerBIDMCLogo {
        height: 140px;
        margin-bottom: 10px;
        float: right;
        margin-right: 20px;
    }
}
@media screen and (max-width: 700px) {
    .Header_headerPSLogo {
        height: 90px;
        margin-top: 30px;
    }
    .Header_headerBIDMC {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 70px;
        margin-right: 20px;
    }
    .Header_headerBIDMCLogo {
        display: none;
    }
}
@media screen and (max-width: 550px) {
    .Header_headerPSLogo {
        height: 75px;
        margin-top: 25px;
        margin-left: 0px;
    }
    .Header_headerBIDMC {
        height: 60px;
        margin-bottom: 0px;
        margin-right: 0px;
    }
}

/***************************************************/


.Feature_featureContainer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 20px;
}

.Feature_featureText {
   margin: 0px;
   margin-left: 10px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   color: #fff;
   font-size: 25px;
}

@media screen and (max-width: 1800px) {
   .Feature_featureText {
      font-size: 20.833333333333336px;
   }
}

@media screen and (max-width: 1500px) {
   .Feature_featureText {
      font-size: 19.23076923076923px;
   }
}

@media screen and (max-width: 1200px) {
   .Feature_featureText {
      font-size: 17.857142857142858px;
   }
}

@media screen and (max-width: 900px) {
   .Feature_featureText {
      font-size: 16.666666666666668px;
   }
}

.FeatureList_features {
   background-color: #1c9bd7;
   width: 100%;
   height: 460px;
   z-index: 1;
}

@media screen and (max-width: 860px) {
   .FeatureList_features {
      height: 420px;
   }
}

.FeatureList_featuresContainer {
   position: relative;
   width: 83%;
   height: 80%;
   top: 3vw;
   left: 10%;
}

.FeatureList_featuresTitle {
   font-size: 35px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   color: #fff;
   margin-top: 40px;
   margin-bottom: 25px;
}

@media screen and (max-width: 1800px) {
   .FeatureList_featuresTitle {
      font-size: 29.166666666666668px;
   }
}

@media screen and (max-width: 1500px) {
   .FeatureList_featuresTitle {
      font-size: 26.923076923076923px;
   }
}

@media screen and (max-width: 1200px) {
   .FeatureList_featuresTitle {
      font-size: 25px;
   }
}

@media screen and (max-width: 900px) {
   .FeatureList_featuresTitle {
      font-size: 23.333333333333332px;
   }
}

.StyledLink_linkContainer {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   text-decoration: none;
   height: 60px;
}

.StyledLink_linkTextAndArrow {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

div.StyledLink_linkOrange,
div.StyledLink_linkBlue {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 5px;
}

span.StyledLink_linkOrange,
span.StyledLink_linkBlue {
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 23px;
   margin-right: 20px;
}

@media screen and (max-width: 1500px) {

   span.StyledLink_linkOrange,
   span.StyledLink_linkBlue {
      font-size: 19.166666666666668px;
   }
}

@media screen and (max-width: 900px) {

   span.StyledLink_linkOrange,
   span.StyledLink_linkBlue {
      font-size: 16.42857142857143px;
   }
}

span.StyledLink_linkOrange {
    color: #DF3900;
}

span.StyledLink_linkBlue {
   color: #1c9bd7;
}

.StyledLink_linkContainer:hover > div.StyledLink_linkOrange {
    background-color: #DF3900;
}

.StyledLink_linkContainer:hover>div.StyledLink_linkBlue {
   background-color: #1c9bd7;
}

.StyledLink_linkPaddingRight {
   margin-right: 25px;
}

span.StyledLink_linkSmallText {
   font-size: 20px;
}

@media screen and (max-width: 1500px) {
   span.StyledLink_linkSmallText {
      font-size: 16.666666666666668px;
   }
}

@media screen and (max-width: 900px) {
   span.StyledLink_linkSmallText {
      font-size: 14.285714285714286px;
   }
}

.StyledLink_linkSmallImage {
   height: 35px;
   width: 35px;
}

.StyledLink_linkImage {
   height: 40px;
   width: 40px;
}

.OpenNotes_openNotes {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.OpenNotes_openNotesImage {
   width: 30%;
   float: right;
}

.OpenNotes_openNotesContainer {
   position: relative;
   width: 90%;
   left: 10%;
}

@media screen and (max-width: 860px) {
   .OpenNotes_openNotesContainer {
      left: 5%;
   }
}

.OpenNotes_openNotesTitle {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 33px;
   color: #1758b9;
}

@media screen and (max-width: 1500px) {
   .OpenNotes_openNotesTitle {
      font-size: 27.5px;
   }
}

@media screen and (max-width: 900px) {
   .OpenNotes_openNotesTitle {
      font-size: 23.571428571428573px;
   }
}

.OpenNotes_openNotesDescription {
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal;
   font-size: 22px;
   line-height: 1.8;
   color: #000;
   margin: 0px;
}

@media screen and (max-width: 1500px) {
   .OpenNotes_openNotesDescription {
      font-size: 18.333333333333336px;
   }
}

@media screen and (max-width: 900px) {
   .OpenNotes_openNotesDescription {
      font-size: 15.714285714285715px;
   }
}

.OpenNotes_openNotesLearnMore {
   -ms-flex-item-align: end;
   align-self: flex-end;
   margin: 10px 0px 25px 0px;
}

@media screen and (max-width: 860px) {
   .OpenNotes_openNotesLearnMore {
      margin-right: 5%;
   }
}

.SignInAlternatives_alternativeQuestion {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 2px;
    margin-bottom: 8px;
    font-size: 20px;
    color: #4f4f4f;
}

@media screen and (max-width: 1500px) {
   .SignInAlternatives_alternativeQuestion {
      font-size: 16.666666666666668px;
   }
}

@media screen and (max-width: 900px) {
   .SignInAlternatives_alternativeQuestion {
      font-size: 14.285714285714286px;
   }
}

.SignInAlternatives_alternativeSolution {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   margin: 2px;
   margin-bottom: 8px;
   font-size: 20px;
   color: #4f4f4f;
}

@media screen and (max-width: 1500px) {
   .SignInAlternatives_alternativeSolution {
      font-size: 16.666666666666668px;
   }
}

@media screen and (max-width: 900px) {
   .SignInAlternatives_alternativeSolution {
      font-size: 14.285714285714286px;
   }
}

.SignInAlternatives_alternativesContainer {
   margin-top: 20px;
   margin-bottom: 20px;
   position: relative;
   width: 90%;
   left: 10%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media screen and (max-width: 860px) {
   .SignInAlternatives_alternativesContainer {
      margin-top: 20px;
   }
}

.SignInAlternatives_alternativesRegister {
   margin-right: 50px;
   margin-bottom: 30px;
}

.Index_container {
   padding: 2% 14% 5% 14%;
}

@media screen and (max-width: 1120px) {
   .Index_container {
      padding: 1% 7% 8% 7%;
   }
}

@media screen and (max-width: 950px) {
   .Index_container {
      padding: 0% 3% 8% 3%;
   }
}

.Index_contentContainer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.Index_loginFormContainer {
   width: 55%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-flow: column;
   flex-flow: column;
}

@media screen and (max-width: 860px) {
   .Index_loginFormContainer {
      width: 100%;
   }
}

.Index_featuresContainer {
   width: 45%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-flow: column;
   flex-flow: column;
}

@media screen and (max-width: 860px) {
   .Index_featuresContainer {
      width: 100%;
   }
}

.modal {
    font-family: 'Roboto', sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.modal-window {
    position: relative;
    background-color: #FFFFFF;
    width: 50%;
    margin: 10% auto;
    padding: 20px;
}

    .modal-window.small {
        width: 30%;
    }

    .modal-window.large {
        width: 75%;
    }

.close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

    .close:hover,
    .close:focus {
        color: #000000;
        cursor: pointer;
    }

.open {
    display: block;
}

a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-style: normal;
    cursor: pointer;
    color: #2d3d94;
    text-decoration: none;
}

.LoginNotification {
    color: #f7915a;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}