@charset "UTF-8";
@font-face { font-family: Montserrat-ExtraLight; src: url("../fonts/Montserrat-ExtraLight.eot") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Montserrat-Light; src: url("../fonts/Montserrat-Light.eot") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Montserrat-LightItalic; src: url("../fonts/Montserrat-LightItalic.eot") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Montserrat-Medium; src: url("../fonts/Montserrat-Medium.eot") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Montserrat-SemiBold; src: url("../fonts/Montserrat-SemiBold.eot") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Montserrat-Bold; src: url("../fonts/Montserrat-Bold.eot") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Montserrat-Regular; src: url("../fonts/Montserrat-Regular.eot") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: MyriadPro-Regular; src: url("../fonts/MyriadPro-Regular.eot") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: HelveticaNeueLTStd-BdCn; src: url("../fonts/HelveticaNeueLTStd-BdCn.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-BdCn.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-BdCn.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/*========================================================================*/
@-ms-viewport { width: device-width; }
html { margin: 0 !important; }

body { margin: 0 !important; font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.2; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased; -o-font-smoothing: subpixel-antialiased; }

.nav a:hover, .nav a:focus { background-color: transparent; }

a { cursor: pointer; }
a:hover, a:focus { color: #000; cursor: pointer; }

a { font-style: normal; font-weight: 400; color: #333; }
a.btn.focus, a.btn:focus, a.btn:hover { color: #fff; }

a.link { font-family: "Montserrat-ExtraLight"; font-size: 22px; line-height: 1.2; text-decoration: underline; }

button.button { background-color: #81828c; border: 1px #fff solid; }

input[type="checkbox"], input[type="radio"], input[type="submit"], button, label { cursor: pointer; }

a.button, input[type=submit].btn.button { background-color: #81828c; color: #fff; display: inline-block; padding: 0; border-radius: 0; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; padding-top: 3px; line-height: 26px; font-size: 1.2em; }
a.button:hover, input[type=submit].btn.button:hover { text-decoration: none; }

b { font-weight: normal; }

.jumbotron h1 { margin: 15px 0 0 0; font-size: 36px; }

h1 { color: #353e59; font-size: 36px; line-height: 40px; }
h1.colour { color: #81828c; }

h2 { color: #81828c; }
h2.colour { color: #353e59; }

h3 { color: #353e59; }
h3.title { color: #fff; background-color: #81828c; padding-left: 8px; }
h3.title.title_box { height: 44px; line-height: 54px; font-size: 2.6em; letter-spacing: 1px; margin: 8px 0; }

h4 { color: #81828c; }

h5 { color: #81828c; }

li { list-style: none; }

.m0 { margin: 0; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr30 { padding-right: 30px; }

.pr40 { padding-right: 40px; }

.pr50 { padding-right: 50px; }

.p0 { padding: 0; }

.pd15 { padding: 15px; }

.p20 { padding: 20px; }

.p30 { padding: 30px; }

.p50 { padding: 50px; }

.text-color-blue { color: #00b3f0; }

.text-color-dark { color: #81828c; }

.text-color-gray { color: #81828c; }

.text-color-color1 { color: #bbbcc2; }

.bg-color-blue { background-color: #00b3f0; }

.bg-color-dark { background-color: #81828c; }

.text-mr-size11 { font-family: "Montserrat-Regular"; font-size: 11px; line-height: 1.5; }

.text-mr-size14 { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 1.5; }

.text-mr-size17 { font-family: "Montserrat-Regular"; font-size: 17px; line-height: 1.5; }

.text-mr-size22 { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.5; }

.text-mr-size32 { font-family: "Montserrat-Regular"; font-size: 32px; line-height: 1.5; }

.text-mr-size42 { font-family: "Montserrat-Regular"; font-size: 42px; line-height: 1.5; }

.text-mr-size50 { font-family: "Montserrat-Regular"; font-size: 50px; line-height: 1.5; line-height: 25px; position: relative; top: 23px; }

.text-ml-size14 { font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.5; }

.text-ml-size22 { font-family: "Montserrat-Light"; font-size: 22px; line-height: 1.5; }

.text-ml-size17 { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; }

.text-ml-size32 { font-family: "Montserrat-Light"; font-size: 32px; line-height: 1.5; }

.text-ml-size42 { font-family: "Montserrat-Light"; font-size: 42px; line-height: 1.5; }

.title56 { font-family: "Montserrat-Light"; font-size: 56px; line-height: 1.5; color: #00b3f0; }

.text-mm-size17 { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; }

.text-mm-size22 { font-family: "Montserrat-Medium"; font-size: 22px; line-height: 1.5; }

.text-mm-size32 { font-family: "Montserrat-Medium"; font-size: 32px; line-height: 1.5; }

.text-mm-size42 { font-family: "Montserrat-Medium"; font-size: 42px; line-height: 1.5; }

.text-mpr-size14 { font-family: "MyriadPro-Regular"; font-size: 14px; line-height: 1.5; }

.text-mli-size14 { font-family: "Montserrat-LightItalic"; font-size: 14px; line-height: 1.5; }

.text-mli-size17 { font-family: "Montserrat-LightItalic"; font-size: 17px; line-height: 1.5; }

.text-msb-size14 { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.5; }

.text-msb-size17 { font-family: "Montserrat-SemiBold"; font-size: 17px; line-height: 1.5; }

.text-msb-size22 { font-family: "Montserrat-SemiBold"; font-size: 22px; line-height: 1.5; }

.text-msb-size42 { font-family: "Montserrat-SemiBold"; font-size: 42px; line-height: 1.5; }

.text-mb-size17 { font-family: "Montserrat-Bold"; font-size: 17px; line-height: 1.5; }

.text-mb-size22 { font-family: "Montserrat-Bold"; font-size: 22px; line-height: 1.5; }

.bg-color-white { background: #FFFFFF; }

.bg-color-gray { background: #f5f7fa; }

.box-shadow1 { box-shadow: 0 0 5px 5px #eef0f3; }

.no-float { float: none !important; }

xmp, pre, #style-guide textarea { padding: 2px 6px; margin: 0; text-align: left; white-space: normal; }

nobr { overflow: hidden; width: 100%; display: block; }

.mx-auto { margin-left: auto; margin-right: auto; }

.clear { clear: both; }

.error-msg, .success-msg { line-height: 20px; margin-bottom: 6px !important; display: none; margin-left: 0 !important; }

input.required { border: 1px #ed1c24 solid; }

.error-msg { color: #ed1c24 !important; }

.success-msg { color: #4cfa4c; }

.error-info, .error-msg { font-size: 14px; }

.error-info { color: #ed1c24; margin: -4px 0 0 0; display: none; }

.has-error { background-color: #ed1c24; border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error-triangle { background-color: #ed1c24; border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); list-style: none; background-image: url(images/bg-selectitem_2.png); background-position: 98% 50%; background-size: 16px 16px; background-repeat: no-repeat; }

.fake-pass { display: none; }

.break-all { word-break: break-all; }

.links { font-style: normal; font-weight: 400; color: #696673; }

.callout { background-color: transparent; border: 0; margin: 0; border-radius: 0; }

ul[role="menu"] > li { cursor: pointer; padding-left: 6px; line-height: 20px; }

.dividing_line { width: 1px; float: left; border-left-style: solid; border-left-width: 1px; box-sizing: border-box; }

.underline { text-decoration: underline; }

input.button_default, button.button_default, a.button_default { border-radius: 6px; background-color: #00b3f0; color: #fff; border: 0; font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.2; }

a.button_default { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: .85em 1em; text-align: center; cursor: pointer; }

.full-height { height: 100%; }

.auto_iframe { width: 100%; max-width: 100%; }

.card-shadow { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-bottom: 1px rgba(0, 0, 0, 0.12) solid; }

.card { margin: 0 15px; }
.card .card-header { padding: 50px 0; background: #00b3f0; }
.card .card-header .title { color: #fff; font-family: "Montserrat-Light"; font-size: 34px; line-height: 1.2; text-align: center; }
/*.card .card-body { width: 80%; margin: 0 auto; padding: 20px 0; }*/
.card .card-body { width: 80%; margin: 0 auto; padding: 200px 0; } /* changed by Guilherme Couto on 03/12/2018 */
/*.card .card-footer { padding: 50px 0; background: #f8f8fb; }*/
.card .card-footer { padding: 50px 0; background-color: transparent; text-align: center; } /* changed by Guilherme Couto on 03/12/2018 */
.card .card-footer .box { width: 80%; margin: 0 auto; }
.card .card-footer p { color: #81828c; font-family: "Montserrat-Regular"; font-size: 21px; line-height: 1.2; }
.card a { color: #00b3f0; font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; }
.card a:hover { cursor: pointer; }

.cus_select { max-width: 300px; }
.cus_select .cus_option_label { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0; padding: .5rem; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #0a0a0a; transition: box-shadow .5s,border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.cus_select .cus_option_label.placeholder { color: #cacaca; }
.cus_select .cus_option_label:after { content: "▼"; display: inline-block; font-size: 10px; font-family: Arial; color: #81828c; float: right; position: relative; right: 0; top: 2px; pointer-events: none; }
.cus_select .cus_option.hide { height: 0px; }
.cus_select .cus_option .cus_select_option { margin: 0; box-sizing: border-box; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); transition: box-shadow .5s, border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 64px; left: 0; width: 300px; z-index: 99; }
.cus_select .cus_option .cus_select_option li { font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #0a0a0a; padding: 0.6rem 1rem; cursor: pointer; }
.cus_select .cus_option .cus_select_option li:hover { background-color: #00b3f0; color: #fff; }

/* header ========================================================================*/
header { background-image: none }
#new_header { background-image: url("../images/header-bg.jpg"); background-size: cover; background-position: center; padding: 28px 0;}
header#public_homepage { background-image: url("../images/ae-hero-desktop.png"); background-size: cover; background-position: center;}

/* header#header { min-height: 424px; width: 100%; padding: 28px 0; box-sizing: border-box; } */
header#header { height: 687px; padding: 28px 0; box-sizing: border-box; }

header#login_page {background-image: url("../images/header-bg.jpg"); background-size: cover; background-position: center; height: 900px; padding: 28px 0; box-sizing: border-box; }

/*header#questionnaire-header { background-position: center 0; min-height: 86px; width: 100%; padding: 28px 0; box-sizing: border-box; }*/
header#questionnaire-header { background-color:#1949E4; min-height: 73px; width: 100%; box-sizing: border-box; }
header#header.metabolic_syndrome_header { min-height: 316px; }
header .home-logo { width: 98px; height: 27px; }
header .login_button .icon { background-image: url("../images/icon-user.png"); }
header .home_button .icon { background-image: url("../images/icon_home.png"); }
header .home_button .icon, header .login_button .icon { background-size: 26px; background-repeat: no-repeat; width: 26px; height: 26px; float: left; }
header .home_button span, header .login_button span, header .logout_button span { color: #fff; font-size: 14px; display: inline; padding: 0 0 0 6px; line-height: 26px; }
header .home_button span:hover, header .login_button span:hover, header .logout_button span:hover { text-decoration: underline; }
header .home_button, header .login_button { margin-right: 16px; }
header .logout_button.hide { display: none; }
header .callout h1, header .callout .subheader { color: #fff; }
header .callout h1 { font-family: "Montserrat-Light"; font-size: 42px; line-height: 1.2; }
header .callout h1 span { font-size: 22px; }
header .callout .subheader { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.2; }
header .callout .subheader .category1 { color: #ffce01; }
header .callout .subheader .category2 { color: #b9b9c2; }

/*#footer { padding: 28px 0; background-color: #f5f7fa; }
#footer p, #footer a { color: #81828c; font-size: 14px; }*/
#footer { padding: 28px 0; background-color: #5F6062; } /* implemented by Guilherme Couto on 29/11/2018*/
#footer p, #footer a { color: #FFF; font-size: 12px; } /* implemented by Guilherme Couto on 29/11/2018 */
#footer .info a, #footer .info p { display: inline; font-size: 11px; }
#footer .info .split { padding: 0 10px; }
#footer .icon { width: 26px; height: 26px; background-size: 26px; background-repeat: no-repeat; background-position: center; float: left; margin: 0 16px 0 0; }
#footer .icon.icon-location { background-image: url("../images/footer-icon-location.png"); }
#footer .icon.icon-mail { background-image: url("../images/footer-icon-mail.png"); }
#footer .icon.icon-phone { background-image: url("../images/footer-icon-phone.png"); }
#footer .location-text { line-height: 26px; }

/* questionnaire ========================================================================*/
.questionnaire { padding: 40px 0; background-color: #f5f7fa; }
.questionnaire .question-panel .row { max-width: 54rem; }
.questionnaire .question-panel sup { font-size: 60%; top: -.7em; }
.questionnaire .question-panel .question-title { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.5; color: #81828c; margin-bottom: 20px; }
.questionnaire .question-panel .question-title-ms { font-family: "Montserrat-Light"; font-size: 32px; line-height: 1.5; color: #81828c; }
.questionnaire .question-panel .question-title-foot { font-family: "Montserrat-Regular"; font-size: 17px; line-height: 1.5; color: #00b3f0; margin-top: 30px; margin-bottom: 30px; }
.questionnaire .question-panel .question-text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #81828c; }
.questionnaire .question-panel .list-title-sm { font-family: "Montserrat-Regular"; font-size: 14px; line-height: 1.5; color: #81828c; padding-left: 18px; }
.questionnaire .question-panel .question-list { margin-left: 20px; position: relative; }
.questionnaire .question-panel .question-list li { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #81828c; margin-bottom: 6px; margin-top: 20px; text-indent: -8px; }
.questionnaire .question-panel .question-list li:before { content: "\f111"; font: normal normal normal 10px/1 FontAwesome; display: inline-block; color: #00b3f0; padding-right: 6px; position: relative; top: -2px; }
.questionnaire .question-panel .people-list { padding-left: 20px; padding-right: 20px; position: relative; }
.questionnaire .question-panel .people-list li { font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.5; color: #81828c; margin-bottom: 6px; margin-top: 15px; text-indent: -9px; }
.questionnaire .question-panel .people-list li:before { content: "●"; display: inline-block; color: #00b3f0; font-size: 10px; padding-right: 6px; }
.questionnaire .question-panel .people-list-M4 { position: relative; }
.questionnaire .question-panel .people-list-M4 li { font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.5; color: #81828c; margin-bottom: 6px; margin-top: 15px; text-indent: -9px; }
.questionnaire .question-panel .people-list-M4 li:before { content: "●"; display: inline-block; color: #00b3f0; font-size: 10px; padding-right: 6px; }
.questionnaire .question-panel .question-list_blue { margin-left: 20px; position: relative; }
.questionnaire .question-panel .question-list_blue li { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #00b3f0; margin-bottom: 6px; margin-top: 15px; text-indent: -9px; }
.questionnaire .question-panel .question-list_blue li:before { content: "●"; display: inline-block; color: #00b3f0; font-size: 17px; padding-right: 6px; }
.questionnaire .question-panel .map-panel { max-height: 850px; background: url("../images/screening-and-diagnosis/page4-bgMap.png"); background-repeat: no-repeat; background-position: center; background-size: 650px; }
.questionnaire .question-panel .map-panel .map-list { padding: 30px 30px; margin: auto; }
.questionnaire .question-panel .map-panel .map-list .map-text { padding: 0 20px; font-family: "Montserrat-Regular"; font-size: 17px; line-height: 1.5; color: #00b3f0; margin-bottom: 30px; max-height: 220px; }
.questionnaire .question-panel .div-img { width: 85%; background: #FFFFFF; margin: 0 auto 20px auto; }
.questionnaire .question-panel .div-img .img-title { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; padding-top: 30px; padding-bottom: 30px; }
.questionnaire .question-panel .div-img .img-text { font-family: "Montserrat-Light"; font-size: 17.02px; line-height: 1.5; padding: 50px 0; color: #81828c; }
.questionnaire .question-panel .div-img .img-ending { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; padding-top: 30px; padding-bottom: 30px; background: #f8f8fb; }
.questionnaire .question-panel .div-img:not(.div-noclick-img):hover, .questionnaire .question-panel .div-img.active { box-shadow: 0 0 5px 5px #c7e9f7; }
.questionnaire .question-panel .div-img:not(.div-noclick-img):hover .img-title, .questionnaire .question-panel .div-img.active .img-title { color: #00b3f0; }
.questionnaire .question-panel .div-img:not(.div-noclick-img):hover .img-ending, .questionnaire .question-panel .div-img.active .img-ending { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4 { width: 99%; background: #FFFFFF; margin: auto; }
.questionnaire .question-panel .div-img-M4.wrong > * { color: #ed1c24 !important; }
.questionnaire .question-panel .div-img-M4.success > * { color: #4cb748 !important; }
.questionnaire .question-panel .div-img-M4 .img-title { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; padding-top: 30px; padding-bottom: 30px; }
.questionnaire .question-panel .div-img-M4 .img-title2 { font-family: "Montserrat-SemiBold"; font-size: 22px; line-height: 1.5; color: #81828c; padding-top: 20px; padding-bottom: 20px; }
.questionnaire .question-panel .div-img-M4 .img-title3 { font-family: "Montserrat-Light"; font-size: 22px; line-height: 1.5; color: #81828c; padding-top: 20px; padding-bottom: 20px; }
.questionnaire .question-panel .div-img-M4 .img-title4 { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.5; color: #81828c; padding-top: 20px; padding-bottom: 20px; }
.questionnaire .question-panel .div-img-M4 .img-text { font-family: "Montserrat-Light"; font-size: 17.02px; line-height: 1.5; padding: 50px 0; color: #81828c; }
.questionnaire .question-panel .div-img-M4 .img-text2 { font-family: "Montserrat-Regular"; font-size: 17px; line-height: 1.5; color: #81828c; padding-top: 15px; padding-bottom: 15px; }
.questionnaire .question-panel .div-img-M4 .img-ending { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; padding-top: 30px; padding-bottom: 30px; background: #f8f8fb; }
.questionnaire .question-panel .div-img-M4 .arrow-triangle { width: 12px; height: 10px; border: 12px solid #82848e; margin: auto; }
.questionnaire .question-panel .div-img-M4 .arrow-tetragonal { width: 0; height: 0; border-top: 28px solid #82848e; border-right: 25px solid transparent; border-left: 25px solid transparent; margin: auto; }
.questionnaire .question-panel .div-img-M4 .arrow-tetragonal2 { width: 0; height: 0; border-bottom: 28px solid #82848e; border-right: 25px solid transparent; border-left: 25px solid transparent; margin: auto; }
.questionnaire .question-panel .div-img-M4.wrong .img-title2 { color: #ed1c24 !important; }
.questionnaire .question-panel .div-img-M4.success .img-title2 { color: #4cb748 !important; }
.questionnaire .question-panel .div-img-M4.active { box-shadow: 0 0 5px 5px #c7e9f7; }
.questionnaire .question-panel .div-img-M4.active .img-title { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .img-title2 { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .img-title3 { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .img-title4 { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .img-text2 { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .img-ending { color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .arrow-triangle { border-color: #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .arrow-tetragonal { border-top: 28px solid #00b3f0; }
.questionnaire .question-panel .div-img-M4.active .arrow-tetragonal2 { border-bottom: 28px solid #00b3f0; }
.questionnaire .question-panel .header-pic-one { margin: 10px auto; width: 230px; height: 230px; border-radius: 50%; background-image: url("../images/pei/pei-M1S08-header-one.png"); background-position: -132px -15px; }
.questionnaire .question-panel .header-pic-two { margin: 10px auto; width: 230px; height: 230px; border-radius: 50%; background-image: url("../images/pei/pei-M1S08-header-two.png"); background-position: -120px -15px; }
.questionnaire .question-panel .down-title { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.5; color: #81828c; }
.questionnaire .question-panel .down-list { font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.5; color: #81828c; }
.questionnaire .question-panel .down-list a { font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.5; color: #81828c; word-wrap: break-word; }
.questionnaire .question-panel .icon-title { font-family: "Montserrat-Medium"; font-size: 34px; line-height: 1.5; color: #00b3f0; margin: 50px auto 0 auto; }
.questionnaire .question-panel .icon-img img { margin: 20px auto; }
.questionnaire .question-panel .content-text { font-family: "Montserrat-Medium"; font-size: 22px; line-height: 1.5; color: #00b3f0; }
.questionnaire .question-panel .button-text { margin: 20px auto; width: 60px; height: 60px; border-radius: 50%; background: #00b3f0; cursor: pointer; }
.questionnaire .question-panel .button-text i { font-size: 30px; color: white; margin-top: 15px; }
.questionnaire .question-panel .table-1 { width: 100%; padding: 0; background-color: #f5f7fa; border-collapse: inherit; }
.questionnaire .question-panel .table-1 td { padding: 0; }
.questionnaire .question-panel .table-1 p { margin: 0; }
.questionnaire .question-panel .table-1 .td-left { width: 5%; background-color: #f5f7fa; }
.questionnaire .question-panel .table-1 .td-right { width: 95%; background-color: #f5f7fa; }
.questionnaire .question-panel .table-2 { width: 100%; padding: 0; background-color: #f5f7fa; border-collapse: inherit; }
.questionnaire .question-panel .table-2 td { padding: 0; }
.questionnaire .question-panel .table-2 p { margin-bottom: 1rem; }
.questionnaire .question-panel .table-2 .td-left { width: 2%; background-color: #f5f7fa; }
.questionnaire .question-panel .table-2 .td-right { width: 98%; background-color: #f5f7fa; }
.questionnaire .question-panel .radiobox-label.wrong { color: #ed1c24; }
.questionnaire .question-panel .radiobox-label.success { color: #4cb748; }
.questionnaire .answer-panel .answer-title { font-family: "Montserrat-Medium"; font-size: 22px; line-height: 1.5; color: #50b848; }
.questionnaire .answer-panel .answer-text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #4cb748; }
.questionnaire .answer-panel .answer-sm-title { font-family: "Montserrat-SemiBold"; font-size: 17px; line-height: 1.5; color: #50b848; }
.questionnaire .answer-panel .answer-list { margin-left: 20px; position: relative; }
.questionnaire .answer-panel .answer-list li, .questionnaire .answer-panel .answer-list li a { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #50b848; margin-bottom: 6px; margin-top: 15px; text-indent: -8px; }
.questionnaire .answer-panel .answer-list li:before { content: "\f111"; font: normal normal normal 10px/1 FontAwesome; display: inline-block; color: #50b848; padding-right: 6px; position: relative; top: -2px; }

.button_finish { width: 144px; margin: 0 10px; }

.questionnaire-navigation-bar { background-color: #fff; padding: 40px 0; border-bottom: 2px rgba(0, 0, 0, 0.12) solid; }
.questionnaire-navigation-bar .button_default { width: 144px; margin: 0 10px; }
.questionnaire-navigation-bar .column { text-align: center; }
.questionnaire-navigation-bar .unavailable { display: none; }

.slideshow-viewprot { overflow: hidden; width: 100%; position: relative; }
.slideshow-viewprot .page-ul, .slideshow-viewprot .page-li { margin: 0; padding: 0; }
.slideshow-viewprot .page-ul { transition: transform .5s; -webkit-transition: -webkit-transform .5s; }
.slideshow-viewprot .page-ul .page-li { float: left; width: 100%; list-style: none; }

.accordion-menu { width: 100%; margin: 30px auto 20px auto; background: #f5f7fa; }
.accordion-menu .dropdownlink { font-family: "Montserrat-Regular"; font-size: 21.95px; line-height: 1.5; color: #00b3f0; border-top: 1px solid #dee0e4; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; padding: 20px 0 20px 0; cursor: pointer; display: flex; align-items: center; }
.accordion-menu .dropdownlink .dropdownlink-title { width: 90%; }
.accordion-menu .dropdownlink .fa-chevron-down { margin-left: 10%; }
.accordion-menu .accordion-content { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; border: 0 !important; background: #f5f7fa; margin-bottom: 20px; color: #81828c; margin-left: -15px; width: 90%; }

.accordion-menu li.open .dropdownlink .fa-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* survey ========================================================================*/
.survey-panel { padding: 40px 0; background-color: #fff; }
.survey-panel .row { max-width: 54rem; }
.survey-panel sup { font-size: 60%; }
.survey-panel .card { padding: 40px; }
.survey-panel .survey-title { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.5; color: #81828c; margin-bottom: 20px; text-align: center; }
.survey-panel .survey-text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #81828c; text-align: center; }
.survey-panel .question-seq { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; color: #00b3f0; text-align: center; margin: 0 auto 20px auto; }
.survey-panel .survey-question-panel .survey-question-title { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.5; color: #81828c; margin-bottom: 20px; text-align: center; margin-top: 40px; }
.survey-panel .survey-question-panel .survey-question-title .question-subtext { font-family: "Montserrat-Light"; margin-top: 60px; }
.survey-panel .survey-question-panel .answer-textbox textarea { max-width: 90%; margin: 10px auto; }
.survey-panel .survey-question-panel .option-panel .option-box { float: left; }
.survey-panel .survey-question-panel .option-panel .option-box .survey-option-label { position: relative; margin: 0 auto; width: 50px; height: 50px; background-color: #fff; border-radius: 100%; border: 10px #e6e6e8 solid; }
.survey-panel .survey-question-panel .option-panel .option-box .survey-option { display: none; }
.survey-panel .survey-question-panel .option-panel .option-box .survey-option:checked + .survey-option-label { border-color: #1296ea; }
.survey-panel .survey-question-panel .option-panel .option-box .option-text { font-family: "Montserrat-Light"; font-size: 17px; color: #81828c; margin-top: 10px; }
.survey-panel .survey-question-panel .option-panel .line { width: calc(100% - 40px); height: 5px; background-color: #e6e6e8; left: calc(50% + 20px); top: 25px; position: relative; }
.survey-panel .slideshow-prev-btn { margin-right: 10px; }
.survey-panel .slideshow-next-btn { margin-left: 10px; }

.textareabox-list, .radiobox-list { background-color: #fff; }
.textareabox-list .textareabox, .textareabox-list .radiobox, .radiobox-list .textareabox, .radiobox-list .radiobox { padding: 30px 60px; background-color: #fff; }
.textareabox-list .textareabox-title, .textareabox-list .radiobox-title, .radiobox-list .textareabox-title, .radiobox-list .radiobox-title { font-family: "Montserrat-Medium"; font-size: 17px; line-height: 1.5; color: #00b3f0; margin-bottom: 10px; }
.textareabox-list label, .textareabox-list input, .textareabox-list .textareabox-text, .textareabox-list .radiobox-text, .radiobox-list label, .radiobox-list input, .radiobox-list .textareabox-text, .radiobox-list .radiobox-text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #81828c; margin-bottom: 10px; }

.textareabox-list .textareabox textarea { height: 100px; }
.textareabox-list .textareabox .answer-box { color: #4cb748; font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; display: none; }
.textareabox-list .textareabox .answer-box.show { display: block; }

.radiobox-list .radiobox:nth-child(even) { background-color: #f6f7fb; }
.radiobox-list .radiobox video { margin-bottom: 20px; }
.radiobox-list .radiobox label { float: left; margin-right: 10px; min-width: 100px; }
.radiobox-list .radiobox .progress { margin-bottom: 10px; }
.radiobox-list .radiobox .progress-text { margin-bottom: 18px; }
.radiobox-list .radiobox .radiobox-value { color: #00b3f0; padding-left: 6px; }
.radiobox-list .radiobox .progress-text { color: #81828c; }
.radiobox-list .radiobox .progress-text .text-color-blue { padding-left: 6px; }
.radiobox-list .radiobox .answer-box { color: #4cb748; font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; display: none; }
.radiobox-list .radiobox .answer-box.wrong { color: #ed1c24; }
.radiobox-list .radiobox .answer-box.show { display: block; }

.answer-box { color: #4cb748; font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; display: none; }
.answer-box.show { display: block; }
.answer-box.success .answer-text { color: #4cb748 !important; }
.answer-box.wrong, .answer-box.wrong .answer-text { color: #ed1c24 !important; }

.table { display: table; width: 100%; max-width: 100%; margin: 40px 0; }
.table .table-row { display: table-row; }
.table .table-row .table-cell { display: table-cell; vertical-align: top; padding: 10px 26px; box-sizing: content-box; }

.table:not(.no-border) { border: 1px #81828c solid; }
.table:not(.no-border) .table-row .table-cell:not(:first-child) { border-left: 1px #81828c solid; }
.table:not(.no-border) .table-row .table-cell:not(.table-not-cell) { border-left: 0; }
.table:not(.no-border) .table-row:not(:first-child) .table-cell { border-top: 1px #81828c solid; }

.flex-table { position: relative; display: block; width: 100%; max-width: 100%; margin: 40px 0; }
.flex-table .flex-table-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.flex-table .flex-table-row .flex-table-cell { padding: 10px 26px; }

/* @media ========================================================================*/
@media screen and (min-width: 64em) { .questionnaire .question-panel .icon-img img { width: 40%; }
  .slideshow-viewprot .page-ul .page-li .question-list { width: 75%; margin: 0 auto; padding-bottom: 50px; } }
.page1 .page-ul { transform: translateX(0); -webkit-transform: translateX(0); }

@media screen and (max-width: 39.9375em) { .callout { padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; }
  .questionnaire-navigation-bar .button_default { width: 100px; font-size: 14px; }
  .button_finish { width: 100px; font-size: 14px; }
  .home_button { display: none; } }
.progress { background-color: #f5f7fa; }
.progress .progress-meter { background-color: #00b3f0; }

.device-order { padding: 15px 50px; }
.device-order .form-text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; color: #81828c; padding-left: 5px; margin-bottom: 8px; }
.device-order input { font-size: 18px; padding-left: 8px; padding-right: 8px; width: 100%; height: 45px; border-radius: 18px; border: 2px solid #cccccc; }
.device-order input:focus { outline: none; }
.device-order input.required { border: 1px solid #ed1c24; }
.device-order .msg { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.5; display: none; }
.device-order .msg.success { color: #4cb748; }
.device-order .msg.error { color: #ed1c24; }
.device-order .msg.show { display: block; }

.my_clinical_title { display: none; margin: 0 0 8px 0; text-align: center; }
.my_clinical_title.show { display: block; }
.my_clinical_title .icon { display: inline-block; width: 162px; height: 47px; background-image: url("../images/icon_my_clinical.png"); background-size: 162px 47px; background-repeat: no-repeat; background-position: center; margin: 0 0 4px 0; position: relative; }
.my_clinical_title p { display: inline-block; color: #fff; font-family: "Montserrat-Light"; font-size: 22px; line-height: 1.2; text-shadow: 1px 1px 5px #333; margin: 0 0 0 10px; vertical-align: bottom; }

@media (min-width: 0px) and (max-width: 767px) { .flex-table .flex-table-row .flex-table-cell { padding: 10px; } }
#header:not(.page-slug-home) .started_today_btn { display: none; }

.home-page .home-callout { background-color: #f5f7fa; }
.home-page .home-callout .row p { font-family: "Montserrat-ExtraLight"; font-size: 17px; line-height: 1.2; margin: 0; color: #81828c; }
.home-page .list-page-callout .module-info-card { display: block; margin: 0 auto; padding-top: 30px; }
.home-page .list-page-callout .module-info-card img {width: 100%;}
.home-page .list-page-callout .module-info { padding: 20px 0 0 0 !important; min-height: 0px !important; }
.home-page .list-page-callout .hr-line { padding: 20px; display: none; }
.home-page .list-page-callout .hr-line span { border-bottom: solid 1px #dee0e4; display: block; }
.home-page .list-page-callout #module-info-card-btn { padding: .85rem 1.75rem; margin: 20px auto; height: 50px; }
.home-page .list-page-callout .mylan-icon { padding: 20px 0 20px 10px; }
.home-page .home-content .row { padding-top: 90px; }
.home-page .home-content .home-title { font-family: "Montserrat-Regular"; font-size: 32px; line-height: 1.2; }
.home-page .home-content .title { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.2; color: #81828c; }
.home-page .home-content .text { font-family: "Montserrat-ExtraLight"; font-size: 16px; line-height: 1.5; color: #81828c; }
.home-page .home-content .last { padding-top: 80px; padding-bottom: 100px; }
.home-page .home-content .shadow-down { box-shadow: 0px 30px 70px 0 #e9eaeb; }
.home-page .home-footer-callout { background-color: #00b3f0; }
.home-page .home-footer-callout .title { color: #fff; font-family: "Montserrat-Light"; font-size: 32px; line-height: 1.2; }
.home-page .home-footer-callout .link { color: #fff; }

.ms-center { margin: 60px auto 50px auto; text-align: center; background: #f8f8fb; box-shadow: 0 0 3px #eef0f3; }

.callout { background-repeat: no-repeat; width: 100%; box-sizing: border-box; }
.callout h1 { color: #fff; font-family: "Montserrat-Light"; font-size: 42px; line-height: 1.2; text-shadow: 1px 1px 5px #333; }
.callout h1 .sup-text { display: block; font-family: "Montserrat-Light"; font-size: 22px; line-height: 1.2; }

.pei-callout { background-image: url("../images/pei-callout.png"); background-position: right 0; background-size: cover; height: 229px; }

.anaphylaxis-callout { background-image: url("../images/Anaphylaxis/anaphylaxis-callout.png"); background-repeat: no-repeat; background-size: cover; height: 229px; }

.an-overview-callout { background-image: url("../images/an-overview/an-overview-callout.png"); background-repeat: no-repeat; background-size: cover; background-position: 100% 0; height: 229px; }

.pei-center { background-repeat: no-repeat; background-position: right 0; background-color: #000; width: 100%; box-sizing: border-box; text-align: center; margin-top: 30px; }
.pei-center img { padding: 30px 0; }

.DragDrop_box { width: 100%; margin: 0 auto; }

.DragDrop_survey_box { display: none; }

.DragDrop_viewport .drop-box .icon-wrong, .DragDrop_viewport .drop-box .icon-correct { display: none; font-size: 72px; }
.DragDrop_viewport.drop-box1 .drop-box .icon { background-image: url("../images/question/DragDrop_icon.png"); }
.DragDrop_viewport.drop-box1 .drop-box .icon:before { content: "Drag answer here"; }
.DragDrop_viewport.drop-box1 .icon-wrong, .DragDrop_viewport.drop-box1 .icon-correct { top: -30px; position: relative; }
.DragDrop_viewport.drop-box2 .icon:before { width: 80px; }
.DragDrop_viewport.drop-box2 .icon-wrong, .DragDrop_viewport.drop-box2 .icon-correct { top: -60px; position: relative; }
.DragDrop_viewport.drop-box4 .icon:before { width: 130px; padding-top: 10px; }
.DragDrop_viewport.drop-box4 .icon-wrong, .DragDrop_viewport.drop-box4 .icon-correct { top: 10px; position: relative; }
.DragDrop_viewport.drop-box2 .drop-box .icon, .DragDrop_viewport.drop-box4 .drop-box .icon { background-image: none !important; }
.DragDrop_viewport.drop-box2 .drop-box .icon:before, .DragDrop_viewport.drop-box4 .drop-box .icon:before { content: "Drag answer here"; word-wrap: break-word; }
.DragDrop_viewport.drop-box1 .drop-box, .DragDrop_viewport.drop-box2 .drop-box { background-image: url("../images/question/DragDrop_bg.png"); }
.DragDrop_viewport.drop-box4 .drop-box { background-image: url("../images/question/DragDrop_bg4.png"); }
.DragDrop_viewport.drop-box1 .drop-box, .DragDrop_viewport.drop-box2 .drop-box, .DragDrop_viewport.drop-box4 .drop-box { background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; }
.DragDrop_viewport.drop-box1 .drop-box .icon, .DragDrop_viewport.drop-box2 .drop-box .icon, .DragDrop_viewport.drop-box4 .drop-box .icon { width: 168px; height: 168px; top: 200px; margin: 0 auto; position: relative; pointer-events: none; }
.DragDrop_viewport.drop-box1 .drop-box .icon:before, .DragDrop_viewport.drop-box2 .drop-box .icon:before, .DragDrop_viewport.drop-box4 .drop-box .icon:before { display: inline-block; font-family: "Montserrat-Medium"; font-size: 14px; line-height: 1.2; color: #1296ea; position: relative; top: 16px; }
.DragDrop_viewport.drop-box1 .draggable, .DragDrop_viewport.drop-box2 .draggable, .DragDrop_viewport.drop-box4 .draggable { min-height: 44px; position: absolute; color: #1296ea; font-family: "Montserrat-Medium"; font-size: 42px; line-height: 1.5; cursor: pointer; }
.DragDrop_viewport.drop-box1 .draggable sup, .DragDrop_viewport.drop-box2 .draggable sup, .DragDrop_viewport.drop-box4 .draggable sup { font-size: 60%; }
.DragDrop_viewport.drop-box1 .draggable span, .DragDrop_viewport.drop-box2 .draggable span, .DragDrop_viewport.drop-box4 .draggable span { cursor: pointer; }
.DragDrop_viewport.drop-box1.question_done .correct, .DragDrop_viewport.drop-box2.question_done .correct, .DragDrop_viewport.drop-box4.question_done .correct { display: none; }
.DragDrop_viewport.drop-box3 { width: 100%; }
.DragDrop_viewport.drop-box3 .drop-box { position: relative; width: 250px; height: 173px; margin: 0 auto; top: 50px; left: 0px; padding: 50px; }
.DragDrop_viewport.drop-box3 .drop-box .icon { width: 390px; height: 73px; background-image: url("../images/question/DragDrop_icon3.png"); background-size: 390px 73px; background-repeat: no-repeat; background-position: center; }
.DragDrop_viewport.drop-box3 .drop-box .icon .icon-wrong, .DragDrop_viewport.drop-box3 .drop-box .icon .icon-correct { font-size: 58px; }
.DragDrop_viewport.drop-box3 .drop-box .icon:before { content: "Drag answer here"; display: inline-block; font-family: "Montserrat-Medium"; font-size: 14px; line-height: 1.2; color: #e6e6e8; position: relative; top: 30px; text-transform: uppercase; }
.DragDrop_viewport.drop-box3 .drag-panel { width: 250px; margin: 0 auto; }
.DragDrop_viewport.drop-box3 .drag-panel.drop-box3-length4 { height: 480px; }
.DragDrop_viewport.drop-box3 .drag-panel.drop-box3-length3 { height: 380px; }
.DragDrop_viewport.drop-box3 .draggable { width: 388px; height: 73px; position: absolute; background-image: url("../images/question/DragDrop_draggable3.png"); background-size: 388px 73px; background-repeat: no-repeat; background-position: center; color: #fff; font-family: "Montserrat-Medium"; font-size: 22px; line-height: 1.5; cursor: pointer; }
.DragDrop_viewport.drop-box3 .draggable sup { font-size: 60%; }
.DragDrop_viewport.drop-box3 .answer { top: 0px; }
.DragDrop_viewport.drop-box3.question_done .correct { display: block; opacity: 1; }
.DragDrop_viewport.drop-box3.question_done_wrong .draggable.correct { background-image: url("../images/question/DragDrop_draggable3_correct.png"); }
.DragDrop_viewport.drop-box3.question_done_correct .draggable.correct { background-image: url("../images/question/DragDrop_draggable3_correct.png"); }
.DragDrop_viewport.multi-drop-box1 .table .table-row .table-cell { padding: 10px 10px; }
.DragDrop_viewport.multi-drop-box1 .drop-box { position: relative; width: 164px; height: 80px; border: 1px #81828c solid; box-sizing: border-box; padding: 28px 18px; }
.DragDrop_viewport.multi-drop-box1 .drop-box.done:before { opacity: 0; }
.DragDrop_viewport.multi-drop-box1 .drop-box:before { content: "Drag answer here"; display: inline; text-align: center; font-family: "Montserrat-Medium"; font-size: 14px; line-height: 1.5; color: #00b3f0; opacity: 1; transition: opacity .3s; -webkit-transition: opacity .3s; }
.DragDrop_viewport.multi-drop-box1 .drag-panel .draggable { position: absolute; text-align: center; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.DragDrop_viewport.multi-drop-box1 .drag-panel .draggable span.wrong { color: #ed1c24; }
.DragDrop_viewport.multi-drop-box1 .drag-panel .draggable span.success { color: #4cb748; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s24 { top: 0; width: 150px; height: 75px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s24 .draggable { height: 75px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s24 .draggable#drag-1 { left: 0; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s24 .draggable#drag-2 { left: 190px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s24 .draggable#drag-3 { left: 380px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s24 .draggable#drag-4 { left: 570px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 { top: 0; width: 150px; height: 100px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable { height: 50px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-1, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-2, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-3 { top: 0; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-4, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-5, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-6 { top: 70px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-1, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-4 { left: 80px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-2, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-5 { left: 270px; }
.DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-3, .DragDrop_viewport.multi-drop-box1 .drag-panel.drag-panel-m5s37 .draggable#drag-6 { left: 460px; }
.DragDrop_viewport .multi-drop-panel1 { position: relative; height: 75px; }
.DragDrop_viewport .multi-drop-panel1 .draggable { width: 170px; text-align: center; }

.choice_survey_mobile_viewport #choice_survey_mobile-m5s24-submit, .choice_survey_mobile_viewport #choice_survey_mobile-m5s37-submit { margin: 0 auto; display: block; width: 98px; }
.choice_survey_mobile_viewport #choice_survey_mobile-m5s24-submit.unavailable, .choice_survey_mobile_viewport #choice_survey_mobile-m5s37-submit.unavailable { display: none; }
.choice_survey_mobile_viewport .multi-draggable-select.wrong { border: 1px #ed1c24 solid; }
.choice_survey_mobile_viewport .multi-draggable-select.success { border: 1px #4cb748 solid; }

.DragDrop_viewport.drop-box1.question_done .drop-box .icon { background-image: none; }

.DragDrop_viewport.drop-box1.question_done .drop-box .icon:before, .DragDrop_viewport.drop-box2.question_done .drop-box .icon:before { visibility: hidden; }

.choice_survey_panel, .choice_survey_panel .choice_survey_viewport, .SingleChoice_viewport, .SingleChoice_viewport .choice_survey_viewport { position: relative; margin: 0 auto; }
.choice_survey_panel .answer, .SingleChoice_viewport .answer { visibility: hidden; font-family: "Montserrat-Light"; font-size: 22px; line-height: 1.5; position: relative; text-align: center; width: 100%; }
.choice_survey_panel .icon-wrong, .SingleChoice_viewport .icon-wrong { color: #ed1c24; }
.choice_survey_panel .icon-correct, .SingleChoice_viewport .icon-correct { color: #4cb748; }

.SingleChoice_viewport.TrueOrFalse .answer { top: 0px; }
.SingleChoice_viewport.TrueOrFalse .SingleChoice-panel { padding: 60px 0 0 0; text-align: center; }
.SingleChoice_viewport.TrueOrFalse .SingleChoice-panel .SingleChoiceBtn { display: inline-block; width: 164px; height: 164px; background-color: #e6e6e8; border-radius: 100%; margin: 0 24px 60px 24px; padding: 27px; box-sizing: border-box; cursor: pointer; }
.SingleChoice_viewport.TrueOrFalse .SingleChoice-panel .SingleChoiceBtn span { pointer-events: none; display: inline-block; border-radius: 100%; width: 110px; height: 110px; background-color: #fff; padding: 44px 0; font-size: 22px; line-height: 1; box-sizing: border-box; }
.SingleChoice_viewport.TrueOrFalse .SingleChoice-panel .SingleChoiceBtn.correct span { color: #fff; border: 10px #fff solid; padding: 34px 0; }

.SingleChoice_viewport.ChoiceList .answer { top: 0px; }
.SingleChoice_viewport.ChoiceList .SingleChoice-panel { width: 300px; text-align: left; margin: 0 auto; }
.SingleChoice_viewport.ChoiceList .SingleChoice-panel .SingleChoiceBtn { display: inline-block; width: 185px; height: 54px; box-sizing: border-box; cursor: pointer; margin: 10px 0; text-align: left; }
.SingleChoice_viewport.ChoiceList .SingleChoice-panel .SingleChoiceBtn .icon { width: 54px; height: 54px; background-color: #fff; border: 10px #e6e6e8 solid; border-radius: 100%; float: left; padding: 9px; box-sizing: border-box; }
.SingleChoice_viewport.ChoiceList .SingleChoice-panel .SingleChoiceBtn span { pointer-events: none; display: inline-block; border-radius: 100%; background-color: #fff; padding: 16px 0 16px 20px; font-size: 22px; line-height: 1; box-sizing: border-box; text-align: left; color: #81828c; }

.SingleChoice_viewport.TrueOrFalse .question_done_icon .icon-box { left: 360px; top: 100px; }

.SingleChoice_viewport.ChoiceList .question_done_icon .icon-box { left: 200px; }

.SingleChoice_viewport.TrueOrFalse .question_done_icon, .SingleChoice_viewport.ChoiceList .question_done_icon { position: relative; width: 300px; margin: 0 auto; }
.SingleChoice_viewport.TrueOrFalse .question_done_icon .icon-box, .SingleChoice_viewport.ChoiceList .question_done_icon .icon-box { position: absolute; }
.SingleChoice_viewport.TrueOrFalse .question_done_icon .icon-box .icon-correct, .SingleChoice_viewport.TrueOrFalse .question_done_icon .icon-box .icon-wrong, .SingleChoice_viewport.ChoiceList .question_done_icon .icon-box .icon-correct, .SingleChoice_viewport.ChoiceList .question_done_icon .icon-box .icon-wrong { display: none; font-size: 72px; }

.question_done.ChoiceList .choice_survey_btn { opacity: .5; }
.question_done.ChoiceList .choice_survey_btn.correct { opacity: 1; }
.question_done.ChoiceList .choice_survey_btn.correct .icon:before { content: " "; display: inline-block; width: 16px; height: 16px; background-color: #00b3f0; border-radius: 100%; }

.SingleChoice_viewport.question_done_wrong.TrueOrFalse .correct span { background-color: #ed1c24 !important; }

.SingleChoice_viewport.question_done_correct.TrueOrFalse .correct span { background-color: #4cb748 !important; }

.question_done:not(.multi-drop-box1) .draggable { opacity: .5; }

.question_done.question_done_correct + .answer { color: #4cb748; }
.question_done.question_done_correct .icon-correct { display: block !important; }
.question_done.question_done_wrong + .answer { color: #ed1c24; }
.question_done.question_done_wrong .icon-wrong { display: block !important; }
.question_done + .answer { visibility: visible; }
.question_done.drop-box4 .icon:before { display: none !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-1, .question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-2, .question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-3, .question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-4, .question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-5, .question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-6 { left: 588px !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-1 { top: -614px !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-2 { top: -512px !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-3 { top: -412px !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-4 { top: -312px !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-5 { top: -212px !important; }
.question_done .drag-panel-m5s37 .multi_drag_drop_answer_sort-6 { top: -112px !important; }

.slideshow-viewprot .ms03-next { position: absolute; right: 0; top: 100px; z-index: 99; }
.slideshow-viewprot .ms03-prev { position: absolute; left: 0; top: 100px; z-index: 99; }
.login-content .card { position: relative; top: -60px; border: 0; border-radius: 6px; background-color: transparent; }
/*.login-content .card .card-body .text { margin: 6px 0; color: #81828c; font-family: "Montserrat-Regular"; font-size: 17px; line-height: 1.2; } */
.login-content .card .card-body .text { margin: 6px 0; color: #81828c; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.2; } /* Changed by Guilherme Couto on 04/12/2018 */
.login-content .card .submit { margin-top: 2rem; }
.login-content .card .msg { display: none; }
.login-content .card .msg.show { display: block; }
.login-content .card .msg.wrong { color: #ed1c24; }
.login-content .card .msg.success { color: #4cb748; }
.login-content .card #mylogin { font-size: 17px; width: 140px; }
.login-content .card #forgot_password { font-size: 17px; margin: 6px 0; }

.list-page { background-color: #f5f7fa; }
.list-page .list-header .title { font-family: "Montserrat-Regular"; font-size: 22px; line-height: 1.2; color: #81828c; }
.list-page .list-header .text { font-family: "Montserrat-ExtraLight"; font-size: 17px; line-height: 1.2; color: #81828c; }
.list-page .list-content .category_header { max-width: 390px; }
.list-page .list-content .category_header.category_header_left { margin: 0 0 40px auto; }
.list-page .list-content .category_header.category_header_right { margin: 0 auto 40px 0; }
.list-page .list-content .category_header p { font-family: "Montserrat-SemiBold"; font-size: 14px; line-height: 1.2; color: #81828c; }
.list-page .list-content .category_header.gold p { color: #d9b93f; }
.list-page .list-content .category_header .header-icon { height: 66px; border-bottom: 1px #dee0e4 solid; }
.list-page .list-content .category_header .header-icon .icon { width: 271px; height: 66px; background-image: url("../images/list/list-category-icon.png"); background-position: center; background-size: 271px 47px; background-repeat: no-repeat; float: left; }
.list-page .list-content .category_header .header-icon .pts { float: right; height: 66px; width: 98px; background-color: #e9ebef; font-family: "Montserrat-SemiBold"; font-size: 39px; line-height: 66px; color: #81828c; padding: 0 10px; box-sizing: border-box; }
.list-page .list-content .category_header .header-icon .pts span { font-size: 14px; line-height: 1.2; vertical-align: super; position: relative; top: -4px; padding: 0 0 0 4px; }
.list-page .module-info-card { margin: 0 auto 40px auto; max-width: 390px; }
.list-page .module-info-card .card-body { margin: 0; padding: 0; position: relative; width: 100%; top: 0; }
/*.list-page .module-info-card .card-body .module-pts { position: absolute; top: 6px; left: 0; }*/
.list-page .module-info-card .card-body .module-pts { position: absolute; top: 6px; left: 7px; }
/*.list-page .module-info-card .card-body .module-alm { position: absolute; top: 70px; left: 0; }*/
.list-page .module-info-card .card-body .module-alm { position: absolute; top: 70px; left: 7px; }
.list-page .module-info-card .card-body .module-alm p { font-size: 23px !important; line-height: 54px !important; }
.list-page .module-info-card .card-body .module-alm, .list-page .module-info-card .card-body .module-pts { width: 62px; height: 62px; padding: 4px; color: #fff; text-align: center; }
.list-page .module-info-card .card-body .module-alm.gold, .list-page .module-info-card .card-body .module-pts.gold { background-color: #f7941d; }
.list-page .module-info-card .card-body .module-alm.green, .list-page .module-info-card .card-body .module-pts.green { background-color: #007f79; background-image: linear-gradient(to bottom right, #007f79, #229a99); } /* Created by Guilherme Couto on 28/11/2018*/
.list-page .module-info-card .card-body .module-alm.silver, .list-page .module-info-card .card-body .module-pts.silver { background-color: #7cc576; }
.list-page .module-info-card .card-body .module-alm.blue, .list-page .module-info-card .card-body .module-pts.blue { background-color: #c80037; background-image: linear-gradient(to bottom right, #c80037, #9d063c);} /* Created by Guilherme Couto on 28/11/2018*/
/*.list-page .module-info-card .card-body .module-alm p, .list-page .module-info-card .card-body .module-pts p { color: #fff; font-family: 'Ropa Sans', sans-serif; font-size: 32px; line-height: 1.2; margin: 0; }*/
.list-page .module-info-card .card-body .module-alm p, .list-page .module-info-card .card-body .module-pts p { color: #fff; font-family: 'Ropa Sans', sans-serif; font-size: 40px; line-height: 0.9; margin: 0; } /* Created by Guilherme Couto on 17/01/2019*/
.list-page .module-info-card .card-body .module-alm span, .list-page .module-info-card .card-body .module-pts span { font-family: 'Ropa Sans', sans-serif; font-size: 14px; line-height: 1.2; vertical-align: super; position: relative; }
.list-page .module-info-card .card-body .module-info { padding: 40px 0px; }
.list-page .module-info-card .card-body .module-info .title { font-family: "Montserrat-Medium"; font-size: 24px; line-height: 1.2; color: #5d5f6a; margin-bottom: 20px; }
.list-page .module-info-card .card-body .module-info .module-info-text { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1.2; padding-bottom: 20px; }
.list-page .module-info-card .card-body .module-info .module-info-text p { margin-bottom: 6px; }
.list-page .module-info-card .card-body .module-info .module-info-text p.key { color: #a0a1a6; }
.list-page .module-info-card .card-body .module-info .module-info-text p.value { color: #5d5f6a; }
.list-page .module-info-card .card-body .module-info .sponsored-info-text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; color: #a0a1a6; }
.list-page .module-info-card .card-body .module-info .sponsored-info-text p { margin-bottom: 6px; }
.list-page .module-info-card .card-footer { padding: 20px 20px; border-bottom: solid 1px #dee0e4; border-top: solid 1px #dee0e4; }
.list-page .module-info-card .card-footer .button_default { color: #fff; width: 140px; margin: 0; float: right; }
.list-page .module-progress-box .progress .chart { width: 95px; height: 95px; }
.list-page .module-progress-box .progress .chart-text { color: #00b3f0; top: 35px; width: 100%; text-align: left; }
.list-page .module-progress-box .progress .chart-text .num { font-family: "Montserrat-SemiBold"; font-size: 28px; line-height: 1.2; font-size: 22px; vertical-align: super; padding: 0 0 0 2px; }
.list-page .module-progress-box .progress .chart-text p { font-family: "Montserrat-Regular"; font-size: 28px; line-height: 1.2; font-size: 13px; }
.list-page .module-dropdown-box .accordion-menu { background-color: #fff; margin: 0; }
.list-page .module-dropdown-box .accordion-menu .dropdownlink { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; color: #81828c; border: 0; padding: 20px 20px; }
.list-page .module-dropdown-box .accordion-menu .dropdownlink i.fa { display: none; }
.list-page .module-dropdown-box .accordion-menu .accordion-content { border: 0; background-color: #fff; width: 100%; margin: 0; padding: 0; }
.list-page .module-dropdown-box .module-progress-list { margin: 0; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card { margin-bottom: 10px; padding: 10px 20px; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card.complete { border-left: 2px #d9b93f solid; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card:nth-child(odd) { background-color: #f7f7fa; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card:nth-child(even) { background-color: #fbfbfd; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .title { font-family: "Montserrat-Light"; font-size: 22px; line-height: 1.2; color: #5d5f6a; margin-bottom: 6px; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .text { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; color: #a0a1a6; margin-bottom: 6px; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .module-progress-card-footer { margin-bottom: 6px; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .module-progress-card-footer:after { content: ' '; display: table; clear: both; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .module-progress-card-footer .pts { font-family: "Montserrat-SemiBold"; font-size: 28px; line-height: 1.2; color: #00b3f0; width: 80px; float: left; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .module-progress-card-footer .pts span { font-size: 14px; line-height: 1.2; vertical-align: super; position: relative; top: 0px; padding: 0 0 0 4px; }
.list-page .module-dropdown-box .module-progress-list .module-progress-card .module-progress-card-footer .link { font-family: "Montserrat-Light"; font-size: 17px; line-height: 1.2; color: #00b3f0; float: left; }

/*#update_profile_form .input, #registe_form .input { margin-bottom: 1rem; }
#update_profile_form p, #update_profile_form .input input, #registe_form p, #registe_form .input input { margin-bottom: 2px; }*/
#update_profile_form .input, #registe_form .input { margin-bottom: 1rem; font-family: 'Roboto', sans-serif;} /* Changed by Guilherme Couto on 04/12/2018 */
#update_profile_form p, #update_profile_form .input input, #registe_form p, #registe_form .input input { margin-bottom: 2px; font-family: 'Roboto', sans-serif;} /* Changed by Guilherme Couto on 04/12/2018 */

.progress-box { display: none; }
.progress-box.show { display: block; }

.circle-progress-example, .circle-progress { position: relative; display: inline-block; }

.circle-progress-example .example { margin: 10px 0; }
.circle-progress-example .example .icon { width: 20px; height: 20px; display: inline-block; }
.circle-progress-example .example span { padding: 0 0 0 10px; font-family: "Montserrat-SemiBold"; font-size: 17px; line-height: 1.5; color: #81828c; position: relative; top: -3px; }

.circle-progress { margin: 10px; position: relative; }
.circle-progress .chart { border-radius: 50%; background-color: #81828c; }

@media screen and (max-width: 39.9375em) { .home-page .home-callout .column { text-align: center; }
  .pei-callout h1 { font-size: 32px; }
  .anaphylaxis-callout h1 { font-size: 32px; }
  .DragDrop_box { padding: 15px; }
  .DragDrop_viewport.drop-box1, .DragDrop_viewport.drop-box2, .DragDrop_viewport.drop-box4 { width: 250px; height: 560px; }
  .DragDrop_viewport.drop-box1 .drop-box, .DragDrop_viewport.drop-box2 .drop-box, .DragDrop_viewport.drop-box4 .drop-box { top: 30px; width: 250px; height: 360px; }
  .DragDrop_viewport.drop-box1 .icon, .DragDrop_viewport.drop-box2 .icon, .DragDrop_viewport.drop-box4 .icon { top: 140px; }
  .DragDrop_viewport.drop-box1 #drag-1, .DragDrop_viewport.drop-box1 #drag-2, .DragDrop_viewport.drop-box2 #drag-1, .DragDrop_viewport.drop-box2 #drag-2, .DragDrop_viewport.drop-box4 #drag-1, .DragDrop_viewport.drop-box4 #drag-2 { left: 0px; }
  .DragDrop_viewport.drop-box1 #drag-2, .DragDrop_viewport.drop-box1 #drag-4, .DragDrop_viewport.drop-box2 #drag-2, .DragDrop_viewport.drop-box2 #drag-4, .DragDrop_viewport.drop-box4 #drag-2, .DragDrop_viewport.drop-box4 #drag-4 { top: 460px; }
  .DragDrop_viewport.drop-box1 #drag-1, .DragDrop_viewport.drop-box1 #drag-3, .DragDrop_viewport.drop-box2 #drag-1, .DragDrop_viewport.drop-box2 #drag-3, .DragDrop_viewport.drop-box4 #drag-1, .DragDrop_viewport.drop-box4 #drag-3 { top: 400px; }
  .DragDrop_viewport.drop-box1 #drag-3, .DragDrop_viewport.drop-box1 #drag-4, .DragDrop_viewport.drop-box2 #drag-3, .DragDrop_viewport.drop-box2 #drag-4, .DragDrop_viewport.drop-box4 #drag-3, .DragDrop_viewport.drop-box4 #drag-4 { left: 140px; }
  .DragDrop_viewport.drop-box1 .small-text, .DragDrop_viewport.drop-box1 .small-text span, .DragDrop_viewport.drop-box2 .small-text, .DragDrop_viewport.drop-box2 .small-text span, .DragDrop_viewport.drop-box4 .small-text, .DragDrop_viewport.drop-box4 .small-text span { font-size: 16px; line-height: 1.2; }
  .DragDrop_viewport.drop-box3 .drop-box { left: 0px !important; padding: 0 !important; height: 132px; }
  .DragDrop_viewport.drop-box3 .drop-box .icon { top: 100px !important; width: 250px !important; height: 47px !important; background-size: 250px 47px !important; }
  .DragDrop_viewport.drop-box3 .drop-box .icon:before { top: 16px; }
  .DragDrop_viewport.drop-box3 .drag-panel { width: 250px; margin: 0 auto; }
  .DragDrop_viewport.drop-box3 .drag-panel.drop-box3-length4 { height: 360px; }
  .DragDrop_viewport.drop-box3 .drag-panel.drop-box3-length3 { height: 280px; }
  .DragDrop_viewport.drop-box3 .small-text, .DragDrop_viewport.drop-box3 .small-text span { font-size: 22px; line-height: 1.5; color: #fff; padding: 6px 0px; }
  .DragDrop_viewport.drop-box3 .small-text .multirow, .DragDrop_viewport.drop-box3 .small-text span .multirow { font-size: 12px; line-height: 1.3; }
  .DragDrop_viewport.drop-box3 .small-text .multirow2, .DragDrop_viewport.drop-box3 .small-text span .multirow2 { font-size: 14px; line-height: 1.2; padding: 6px 0px; }
  .DragDrop_viewport.drop-box3 .draggable { width: 250px; height: 47px; background-size: 250px 47px; }
  .DragDrop_viewport.drop-box3 .draggable.correct { top: 50px !important; }
  .DragDrop_viewport.drop-box3 #drag-1 { top: 193px; }
  .DragDrop_viewport.drop-box3 #drag-2 { top: 266px; }
  .DragDrop_viewport.drop-box3 #drag-3 { top: 339px; }
  .DragDrop_viewport.drop-box3 #drag-4 { top: 412px; }
  .DragDrop_viewport.drop-box3 .icon-wrong, .DragDrop_viewport.drop-box3 .icon-correct { float: none; left: 0px; top: 40px; position: relative; }
  .DragDrop_viewport-m1s10 #drag-3 { left: 130px; }
  .DragDrop_viewport-m1s08, .DragDrop_viewport-m1s17 { height: 880px; }
  .DragDrop_viewport-m1s27 { height: 980px; }
  .DragDrop_viewport-m1s26 { height: 900px; }
  .DragDrop_viewport-m1s26 .answer { top: 590px; }
  .DragDrop_viewport-m1s26 .DragDrop_viewport-m1s26 #drag-1, .DragDrop_viewport-m1s26 .DragDrop_viewport-m1s26 #drag-3 { top: 380px; }
  .DragDrop_viewport-m1s26 .DragDrop_viewport-m1s26 #drag-2, .DragDrop_viewport-m1s26 .DragDrop_viewport-m1s26 #drag-4 { top: 500px; }
  .DragDrop_viewport-m1s26 .DragDrop_viewport-m1s26 #drag-4 { left: 150px; }
  .DragDrop_viewport-m1s17 #drag-2, .DragDrop_viewport-m1s17 #drag-4, .DragDrop_viewport-m1s18 #drag-2, .DragDrop_viewport-m1s18 #drag-4, .DragDrop_viewport-m1s25 #drag-2, .DragDrop_viewport-m1s25 #drag-4 { top: 480px; }
  .DragDrop_viewport-m1s17 .answer, .DragDrop_viewport-m1s18 .answer, .DragDrop_viewport-m1s25 .answer { top: 570px; }
  .DragDrop_viewport-m1s18 .answer, .DragDrop_viewport-m1s24 .answer { top: 470px; }
  .DragDrop_viewport-m1s25 #drag-3, .DragDrop_viewport-m1s25 #drag-4 { left: 130px; }
  .DragDrop_viewport-m1s25 .answer { top: 550px; }
  .DragDrop_viewport-m3s11 { height: 860px !important; }
  .DragDrop_viewport-m3s11 #drag-1, .DragDrop_viewport-m3s11 #drag-3 { top: 50px; }
  .DragDrop_viewport-m3s11 #drag-2, .DragDrop_viewport-m3s11 #drag-4 { top: 660px !important; }
  .DragDrop_viewport-m3s11 #drag-3 { left: 500px; }
  .DragDrop_viewport-m3s11 #drag-4 { left: 180px; }
  /*.DragDrop_viewport-m1s25 #drag-4{ top: 480px; }*/
  .drag-panel-options2 #drag-2 { top: 400px !important; left: 160px !important; }
  #logout_button { margin-top: 0px; margin-bottom: 8px; }
  #login_button { margin-top: 0px; margin-bottom: 8px; }
  #login_button span { display: none; }
  .map-list { padding: 30px 0 !important; }
  .title56 { font-family: "Montserrat-Light"; font-size: 35px; line-height: 1.5; color: #00b3f0; }
  .sm-border-bottom { border-bottom: 1px solid #dee0e4; }
  .sm-border-bottom2 { border-bottom: 1px solid #dee0e4; } }
@media screen and (min-width: 40em) { .home-page .home-content .text-left-panel { padding-right: 40px; }
  .home-page .home-content .text-right-panel { padding-left: 40px; }
  .DragDrop_box { padding: 15px; }
  .DragDrop_viewport.drop-box1, .DragDrop_viewport.drop-box2, .DragDrop_viewport.drop-box4 { width: 250px; height: 600px; margin: 0 auto; }
  .DragDrop_viewport.drop-box1 .drop-box, .DragDrop_viewport.drop-box2 .drop-box, .DragDrop_viewport.drop-box4 .drop-box { top: 30px; width: 250px; height: 360px; }
  .DragDrop_viewport.drop-box1 #drag-1, .DragDrop_viewport.drop-box1 #drag-2, .DragDrop_viewport.drop-box2 #drag-1, .DragDrop_viewport.drop-box2 #drag-2, .DragDrop_viewport.drop-box4 #drag-1, .DragDrop_viewport.drop-box4 #drag-2 { left: 0px; }
  .DragDrop_viewport.drop-box1 #drag-2, .DragDrop_viewport.drop-box1 #drag-4, .DragDrop_viewport.drop-box2 #drag-2, .DragDrop_viewport.drop-box2 #drag-4, .DragDrop_viewport.drop-box4 #drag-2, .DragDrop_viewport.drop-box4 #drag-4 { top: 460px; }
  .DragDrop_viewport.drop-box1 #drag-1, .DragDrop_viewport.drop-box1 #drag-3, .DragDrop_viewport.drop-box2 #drag-1, .DragDrop_viewport.drop-box2 #drag-3, .DragDrop_viewport.drop-box4 #drag-1, .DragDrop_viewport.drop-box4 #drag-3 { top: 400px; }
  .DragDrop_viewport.drop-box1 #drag-3, .DragDrop_viewport.drop-box1 #drag-4, .DragDrop_viewport.drop-box2 #drag-3, .DragDrop_viewport.drop-box2 #drag-4, .DragDrop_viewport.drop-box4 #drag-3, .DragDrop_viewport.drop-box4 #drag-4 { left: 140px; }
  .DragDrop_viewport.drop-box1 .small-text, .DragDrop_viewport.drop-box1 .small-text span, .DragDrop_viewport.drop-box2 .small-text, .DragDrop_viewport.drop-box2 .small-text span, .DragDrop_viewport.drop-box4 .small-text, .DragDrop_viewport.drop-box4 .small-text span { font-size: 16px; line-height: 1.2; }
  .DragDrop_viewport.drop-box3 { width: 570px; }
  .DragDrop_viewport.drop-box3 .drop-box { width: 410px; height: 155px; }
  .DragDrop_viewport.drop-box3 .drop-box .icon { top: 100px !important; width: 310px; height: 58px; background-size: 310px 58px; }
  .DragDrop_viewport.drop-box3 .drop-box .icon:before { top: 22px; }
  .DragDrop_viewport.drop-box3 .small-text, .DragDrop_viewport.drop-box3 .small-text span { font-size: 22px; line-height: 1.5; color: #fff; padding: 10px 0px; }
  .DragDrop_viewport.drop-box3 .small-text .multirow, .DragDrop_viewport.drop-box3 .small-text span .multirow { font-size: 12px; line-height: 1.3; }
  .DragDrop_viewport.drop-box3 .small-text .multirow2, .DragDrop_viewport.drop-box3 .small-text span .multirow2 { font-size: 16px; line-height: 1.2; padding: 6px 0px; }
  .DragDrop_viewport.drop-box3 .draggable { width: 308px; height: 57px; background-size: 308px 57px; left: 130px; }
  .DragDrop_viewport.drop-box3 .draggable.correct { top: 100px !important; }
  .DragDrop_viewport.drop-box3 #drag-1 { top: 243px; }
  .DragDrop_viewport.drop-box3 #drag-2 { top: 326px; }
  .DragDrop_viewport.drop-box3 #drag-3 { top: 409px; }
  .DragDrop_viewport.drop-box3 #drag-4 { top: 492px; }
  .DragDrop_viewport.drop-box3 .icon-wrong, .DragDrop_viewport.drop-box3 .icon-correct { float: right; right: -80px; position: relative; }
  .DragDrop_viewport-m1s10 #drag-3 { left: 130px; }
  .DragDrop_viewport-m1s18 #drag-2 { top: 500px; }
  .DragDrop_viewport-m1s08, .DragDrop_viewport-m1s17 { height: 880px; }
  .DragDrop_viewport-m1s27 { height: 980px; }
  .DragDrop_viewport-m1s26 { height: 900px; }
  .DragDrop_viewport-m1s26 .answer { top: 570px; }
  .DragDrop_viewport-m1s26 #drag-2, .DragDrop_viewport-m1s26 #drag-4 { top: 490px; }
  .DragDrop_viewport-m1s17 #drag-2, .DragDrop_viewport-m1s17 #drag-4 { top: 500px; }
  .DragDrop_viewport-m1s17 .answer { top: 570px; }
  .DragDrop_viewport-m1s18 .answer, .DragDrop_viewport-m1s24 .answer { top: 480px; }
  .DragDrop_viewport-m1s25 #drag-3, .DragDrop_viewport-m1s25 #drag-4 { left: 130px; }
  .DragDrop_viewport-m1s25 #drag-2, .DragDrop_viewport-m1s25 #drag-4 { top: 480px; }
  .DragDrop_viewport-m1s25 .answer { top: 560px; }
  .DragDrop_viewport-m1s26 #drag-1, .DragDrop_viewport-m1s26 #drag-3 { top: 380px; }
  .DragDrop_viewport-m3s11 { height: 800px !important; }
  .DragDrop_viewport-m3s11 #drag-1, .DragDrop_viewport-m3s11 #drag-3 { top: 50px; }
  .DragDrop_viewport-m3s11 #drag-2, .DragDrop_viewport-m3s11 #drag-4 { top: 590px !important; }
  .DragDrop_viewport-m3s11 #drag-3 { width: 200px !important; }
  .drag-panel-options2 #drag-2 { top: 400px !important; left: 160px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-1, .drag-panel-m5s24 .multi_drag_drop_answer_sort-2, .drag-panel-m5s24 .multi_drag_drop_answer_sort-3, .drag-panel-m5s24 .multi_drag_drop_answer_sort-4 { left: 184px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-1 { top: -448px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-2 { top: -328px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-3 { top: -228px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-4 { top: -128px !important; }
  .sm-border-bottom { border-bottom: 1px solid #dee0e4; }
  .sm-border-bottom2 { border-bottom: none; }
  .sm-border-right { border-right: 1px solid #dee0e4; }
  .large-mlr-150 { margin-left: 150px; margin-right: 150px; }
  .height-100 { height: 100px; }
  .pt-live { padding: 40px 30px !important; }
  .max_height-150-M414 { height: 150px; }
  .max_height-80 { height: 80px; }
  .list-page .module-info-card .card-body .module-info { min-height: 248px; } }
.showL768, .showR768 { display: none; }

.text-border-left { border-left: solid 1px #dee0e4; }

.text-border-bottom { border-bottom: solid 1px #dee0e4; width: 100%; margin-bottom: 40px; }

@media (min-width: 0px) and (max-width: 767px) { .showL768 { display: block; } }
@media screen and (min-width: 768px) { .showR768 { display: block; } }
@media screen and (min-width: 769px) { .drag-panel-m5s24 .multi_drag_drop_answer_sort-1, .drag-panel-m5s24 .multi_drag_drop_answer_sort-2, .drag-panel-m5s24 .multi_drag_drop_answer_sort-3, .drag-panel-m5s24 .multi_drag_drop_answer_sort-4 { left: 212px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-1 { top: -428px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-2 { top: -328px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-3 { top: -228px !important; }
  .drag-panel-m5s24 .multi_drag_drop_answer_sort-4 { top: -128px !important; } }
@media screen and (min-width: 64em) { .max_height-790 { height: 790px; }
  .max_height-670 { height: 670px; }
  .max_height-580 { height: 580px; }
  .max_height-520 { height: 520px; }
  .max_height-450 { height: 450px; }
  .max_height-350 { height: 350px; }
  .max_height-280 { height: 280px; }
  .max_height-250 { height: 250px; }
  .max_height-180 { height: 180px; }
  .max_height-150 { height: 150px; }
  .max_height-120 { height: 120px; }
  .max_height-100 { height: 100px; }
  .max_width-950 { width: 950px; }
  .height-100 { height: 100px; }
  .text-border { border-right: solid 1px #dee0e4; }
  .DragDrop_box { padding: 50px 20px; }
  .DragDrop_viewport.drop-box1, .DragDrop_viewport.drop-box2, .DragDrop_viewport.drop-box4 { height: 560px; width: 720px; }
  .DragDrop_viewport.drop-box1 .drop-box, .DragDrop_viewport.drop-box2 .drop-box, .DragDrop_viewport.drop-box4 .drop-box { top: 50px; left: 220px; width: 280px; height: 500px; }
  .DragDrop_viewport.drop-box1 .icon, .DragDrop_viewport.drop-box2 .icon, .DragDrop_viewport.drop-box4 .icon { top: 220px !important; }
  .DragDrop_viewport.drop-box1 .small-text, .DragDrop_viewport.drop-box1 .small-text span, .DragDrop_viewport.drop-box2 .small-text, .DragDrop_viewport.drop-box2 .small-text span, .DragDrop_viewport.drop-box4 .small-text, .DragDrop_viewport.drop-box4 .small-text span { font-size: 22px; line-height: 1.5; }
  .DragDrop_viewport.drop-box1 #drag-1 { top: 100px; left: 20px; }
  .DragDrop_viewport.drop-box1 #drag-2 { top: 300px; left: 100px; }
  .DragDrop_viewport.drop-box1 #drag-3 { top: 100px; left: 580px; }
  .DragDrop_viewport.drop-box1 #drag-4 { top: 300px; left: 500px; }
  .DragDrop_viewport.drop-box2 #drag-1, .DragDrop_viewport.drop-box2 #drag-2 { left: 50px; }
  .DragDrop_viewport.drop-box2 #drag-2, .DragDrop_viewport.drop-box2 #drag-4 { top: 300px; }
  .DragDrop_viewport.drop-box2 #drag-1, .DragDrop_viewport.drop-box2 #drag-3 { top: 100px; }
  .DragDrop_viewport.drop-box2 #drag-3, .DragDrop_viewport.drop-box2 #drag-4 { left: 500px; }
  .DragDrop_viewport.drop-box3 { width: 720px; }
  .DragDrop_viewport.drop-box3 .icon { top: 100px !important; }
  .DragDrop_viewport.drop-box3 .small-text, .DragDrop_viewport.drop-box3 .small-text span { font-size: 22px; line-height: 1.5; color: #fff; padding: 10px 0px; }
  .DragDrop_viewport.drop-box3 .small-text .multirow, .DragDrop_viewport.drop-box3 .small-text span .multirow { font-size: 12px; line-height: 1.3; padding: 12px 0px; }
  .DragDrop_viewport.drop-box3 .small-text .multirow2, .DragDrop_viewport.drop-box3 .small-text span .multirow2 { font-size: 16px; line-height: 1.2; padding: 6px 0px; }
  .DragDrop_viewport.drop-box3 .draggable { left: 205px !important; }
  .DragDrop_viewport.drop-box3 .draggable.correct { top: 100px !important; }
  .DragDrop_viewport.drop-box3 #drag-1 { top: 243px; }
  .DragDrop_viewport.drop-box3 #drag-2 { top: 326px; }
  .DragDrop_viewport.drop-box3 #drag-3 { top: 409px; }
  .DragDrop_viewport.drop-box3 #drag-4 { top: 492px; }
  .DragDrop_viewport.drop-box3 .icon-wrong, .DragDrop_viewport.drop-box3 .icon-correct { float: right; right: -80px; position: relative; }
  .DragDrop_viewport.drop-box4 #drag-1 { top: 180px; left: 50px; }
  .DragDrop_viewport.drop-box4 #drag-2 { top: 350px; left: 40px; }
  .DragDrop_viewport.drop-box4 #drag-3 { top: 180px; left: 550px; }
  .DragDrop_viewport.drop-box4 #drag-4 { top: 350px; left: 550px; }
  .DragDrop_viewport-m1s18 #drag-2, .DragDrop_viewport-m1s25 #drag-2, .DragDrop_viewport-m1s26 #drag-2, .DragDrop_viewport-m1s27 #drag-2 { top: 300px !important; left: 30px !important; }
  .DragDrop_viewport-m1s26 #drag-3 { top: 100px; left: 520px; }
  .DragDrop_viewport-m3s11 { height: 550px !important; }
  .DragDrop_viewport-m3s11 #drag-1, .DragDrop_viewport-m3s11 #drag-3 { top: 120px !important; }
  .DragDrop_viewport-m3s11 #drag-3 { width: 200px !important; left: 530px !important; }
  .DragDrop_viewport-m3s11 #drag-2 { left: 30px !important; }
  .DragDrop_viewport-m3s11 #drag-2, .DragDrop_viewport-m3s11 #drag-4 { top: 350px !important; }
  .drag-panel-options2 #drag-1 { top: 180px !important; left: 100px !important; }
  .drag-panel-options2 #drag-2 { top: 180px !important; left: 550px !important; }
  .slideshow-viewprot .ms03-next { right: 15%; }
  .slideshow-viewprot .ms03-prev { left: 15%; }
  .large-plr { padding-left: 50px; padding-right: 50px; }
  .large-ptb { padding-top: 70px; padding-bottom: 70px; }
  .large-mlr { margin-left: 50px; margin-right: 50px; }
  .map-list { padding: 80px 30px !important; }
  .sm-border-bottom { border-bottom: none; }
  .list-page .module-info-card .card-body .module-info { min-height: 298px; }
  .home-page .list-page-callout .hr-line { display: block; } }
#reinforcing-activity-option1 span, #reinforcing-activity-option2 span { pointer-events: none; }

/*# sourceMappingURL=page.css.map */