/* FocusVision Worldwide, Inc. :

    : 2015 */

@media all {
/* defaults */
html, body, div, table, tr, th, td, form, img {margin:0px; border:0px; padding:0px;}
html, body {width:100%; height:100%;}
body {font-family:Roboto, sans-serif; font-size:12px; color:#535353; text-align:center;}
table {border-collapse:collapse; border-spacing:0px;} th {font-weight:bold; text-align:center;} td {text-align:left;}
form, input, select, textarea, button {font-family:Roboto, Arial, sans-serif; font-size:12px; color:#535353;}

h1 {margin:0px; padding:0px; font-size:24px; line-height:24px; font-weight:bold;}
h2 {margin:0px; padding:0px; font-size:18px; line-height:18px; font-weight:bold;}
h3 {margin:0px; padding:0px; font-size:14px; line-height:14px; font-weight:bold;}
h4 {margin:0px; padding:0px; font-size:12px; line-height:12px; font-weight:bold;}
p {margin:5px 0px 0px 0px; padding:0px;}
ul {margin:10px 0px 0px 0px; padding:0px 0px 0px 15px; list-style:disc outside none;}
li {margin:5px 0px 0px 0px; padding:0px;}
a {color:#FAA619; text-decoration:underline;}
h1 a, h2 a, h3 a, h4 a, strong a {text-decoration:none;}
/* defaults */

/* framework */
div.content {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  text-align: left;
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 2rem;
}
/* framework */

/* modules */
div.module div.module-header {font-size:36px; line-height:56px; color:#535353; font-weight:300; text-align:center;}
div.module div.module-cta {padding-bottom: 22px;color:#535353;text-align:center;}
div.module div.module-cta a {font-size: 14px;color:#535353;}

div.module form.module-form div.module-form-notification {padding:10px 15px 10px 40px;background:#FAA619 url(../images/module_form_notification_arrow.png) no-repeat 15px 10px;font-size:14px;color:#FFFFFF;font-weight:bold;text-transform:uppercase;display:none;}

div.module form.module-form label {
	height: 16px;
	color: #627585;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin-bottom: 9px;
}
div.module form.module-form label.alert {color:#E51B24;}
div.module form.module-form label.disabled {color:#DCDCDC;}
div.module form.module-form input.textbox {height:28px; margin:0px; outline:0px; border:1px solid #DCDCDC; border-radius:0px; -webkit-border-radius:0px; -webkit-appearance:none; -moz-appearance:none; padding:0px 5px 0px 5px; background-color:#F7F7F7; font-size:14px; line-height:28px; color:#535353;}
div.module form.module-form input.disabled {color:#B2B2B2;}
div.module form.module-form input.alert {border:1px solid #E51B24;}

div.module form.module-form div.instructions span.alert {color:#E51B24;display:none;margin: -26px 0 11px;}
div#module-change-password form.module-form div.instructions span.alert {color:#E51B24;display:none;margin: -10px 0 5px;}
#module-study-info form.module-form div.instructions span.alert {padding-top:10px;}
div.module form.module-form div.instructions span.alert a {color:#535353;}
div.module form.module-form div.fieldrow {padding-bottom:36px;}
div#page-settings form.module-form div.fieldrow,
div#page-registration form.module-form div.fieldrow {
  padding-bottom:18px;
}
div#page-registration form.module-form div#fieldrow-registration-phone {padding-bottom:36px;}
div.module form.module-form div.notes {font-size: 12px;padding-bottom: 18px;}
div.module form.module-form div.notes strong {text-transform:uppercase; display:block;}
div.module form.module-form .last {margin-bottom:0px !important; padding-bottom:0px !important;}

#module-choice {position:relative;width: 400px;margin:0px auto;display:none;}
#module-study, #module-study-info, #module-librarian, #module-registration, #module-reset-password, #module-change-password, #module-anonymous-opted-login {
    position: relative;
    width: 400px;
    margin: 0px auto;
    display: none;
}

#module-study div.instructions, #module-librarian div.instructions, #module-change-password div.instructions {display:none;}
#module-study input.textbox, #module-study-info input.textbox, #module-librarian input.textbox, #module-registration input.textbox, #module-reset-password input.textbox, #module-change-password input.textbox {
  display:block;
  width: 100%;
  height: 38px;
  box-sizing: border-box;
	background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #CBD2D5;
}
#module-choice #goto-study, #module-choice #goto-librarian {width: 100%;display:block;}
#module-study #cancel-study, #module-study-info #cancel-study-info, #module-librarian #cancel-librarian, #module-registration #cancel-registration, #module-reset-password #cancel-reset-password, #module-change-password #cancel-change-password, #module-anonymous-opted-login {
    display: none;
}

div.module form input.button,
div.module form input.button-over,
div.module form input.button-down,
div.module form input.button-primary,
div.module form input.button-primary-over,
div.module form input.button-primary-down {
  width:100%;
  display:block;
  height: 38px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  outline: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

div.module form input.button {
    background-color: #FFFFFF;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

div.module form input.button-primary {
    background-color: var(--secondary-color);
    color: var(--font-color-primary);
}

#submit-librarian {
	margin-bottom: 10px;
}

#module-study-message {
  margin: 0 auto;
  position: relative;
  top: 10px;
}
#fieldrow-study-info-company, #fieldrow-study-info-phone {display: none;}
.module-form-message{padding-top: 10px !important;padding-bottom: 10px !important;}
#module-librarian-message{margin: 0 auto;position: relative;top: 23px;}
.module-message-text{color: #000;font-size: 13px;font-weight: 500;text-align: center;}
.span-message-text{font-weight: 700;color:red;}

#module-librarian div.module-cta {white-space:nowrap;}
/* modules */
    .main-logo {
        display:flex;
        align-items:flex-start;
        position: absolute;
        top: -77px;
        height: 49px;
        width: 140px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #module-choice .main-logo {
	top: -100px;
    }

    .logo-img{
        max-width: 100%;
        max-height: 100%;
        width:auto;
        height:auto;
    }
}
.main-logo a {
    display:contents;
}


#fieldrow-study-info-firstname,
#fieldrow-study-info-lastname {
    display:inline-block;
    height: 38px;
    width: 47%;
    margin-bottom: 36px;
}
#fieldrow-study-info-firstname {
  margin-right: 5%;
}

#fieldrow-study-info-email {
  padding-bottom: 24px;
}

div.module .instructions .first {
	max-width: 335px;
	color: #2E3032;
	font-family: Roboto;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 27px;
}
@media all and (max-width:990px) {
  body div.ui-page[data-role=page] {width: 100%;}
}

@media all and (max-width:640px) {
    #module-study,
    #module-study-info,
    #module-librarian,
    #module-registration,
    #module-reset-password,
    #module-change-password,
    #module-anonymous-opted-login {
        max-width: 300px;
    }

    #module-study #submit-study,
    #module-study-info #submit-study-info,
    #module-librarian #submit-librarian,
    #module-registration #submit-registration,
    #module-reset-password #submit-reset-password,
    #module-change-password #submit-change-password {
        max-width:50%;
    }

    #fieldrow-study-info-firstname, #fieldrow-study-info-lastname {
        width: 100%;
    }
}