@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: 0; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: yellow;
  color: black; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Silent Mixins */
.filter-wrapper, .filter-region__fixed, .filter-region__responsive, .filter-region__documents, .password-wrapper, .reset-pass__submit, .terms-consent__buttons, .my-account__form, .dropdown-wrapper, .my-account__details .my-account__form-wrapper, .my-account__details .my-account__form-wrapper .my-account__form__section, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width, .item__types li, .left-column__options, .left-column__item,
.right-column__item, .item--first-row, .item--second-row, .volunteer-info,
.volunteer-info-sharepoint, .volunteer-info__center, .volunteer-info__list, .volunteer-info__reminder, .volunteer-info__reminder .volunteer-info__reminder .reminder__time, .volunteer-info__edit--content, label.reminder-notice--reference, .volunteer-buttons, .volunteer-details-top-wrapper, .patient-buttons, .feasibility-files-attachment-item, div.popover div.popover-buttons, body.isolated-form-builder .multiform, body.isolated-form-builder .preview-panel, body.isolated-form-builder .panel-holder .panel-holder__buttons, .hybrid-dropdown-submit__arrow--volunteer, .hybrid-dropdown-submit__arrow, .status-dropdown-wrapper, .modal__content, .ngdialog.ngdialog-theme-default .ngdialog-content, .modal-buttons, .schedule-modal__item, .cancel-schedule-popup__buttons, .schedule-popup__buttons, .form-comments, .right-tab-container__inner, .documents-sharing__wrapper, .documents-sharing__table .documents-sharing__trow, .ngdialog-language-modal .language-list {
  *zoom: 1; }
  .filter-wrapper:before, .filter-region__fixed:before, .filter-region__responsive:before, .filter-region__documents:before, .password-wrapper:before, .reset-pass__submit:before, .terms-consent__buttons:before, .my-account__form:before, .dropdown-wrapper:before, .my-account__details .my-account__form-wrapper:before, .my-account__details .my-account__form-wrapper .my-account__form__section:before, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width:before, .item__types li:before, .left-column__options:before, .left-column__item:before,
  .right-column__item:before, .item--first-row:before, .item--second-row:before, .volunteer-info:before,
  .volunteer-info-sharepoint:before, .volunteer-info__center:before, .volunteer-info__list:before, .volunteer-info__reminder:before, .volunteer-info__reminder .volunteer-info__reminder .reminder__time:before, .volunteer-info__edit--content:before, label.reminder-notice--reference:before, .volunteer-buttons:before, .volunteer-details-top-wrapper:before, .patient-buttons:before, .feasibility-files-attachment-item:before, div.popover div.popover-buttons:before, body.isolated-form-builder .multiform:before, body.isolated-form-builder .preview-panel:before, body.isolated-form-builder .panel-holder .panel-holder__buttons:before, .hybrid-dropdown-submit__arrow--volunteer:before, .hybrid-dropdown-submit__arrow:before, .status-dropdown-wrapper:before, .modal__content:before, .ngdialog.ngdialog-theme-default .ngdialog-content:before, .modal-buttons:before, .schedule-modal__item:before, .cancel-schedule-popup__buttons:before, .schedule-popup__buttons:before, .form-comments:before, .right-tab-container__inner:before, .documents-sharing__wrapper:before, .documents-sharing__table .documents-sharing__trow:before, .ngdialog-language-modal .language-list:before, .filter-wrapper:after, .filter-region__fixed:after, .filter-region__responsive:after, .filter-region__documents:after, .password-wrapper:after, .reset-pass__submit:after, .terms-consent__buttons:after, .my-account__form:after, .dropdown-wrapper:after, .my-account__details .my-account__form-wrapper:after, .my-account__details .my-account__form-wrapper .my-account__form__section:after, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width:after, .item__types li:after, .left-column__options:after, .left-column__item:after,
  .right-column__item:after, .item--first-row:after, .item--second-row:after, .volunteer-info:after,
  .volunteer-info-sharepoint:after, .volunteer-info__center:after, .volunteer-info__list:after, .volunteer-info__reminder:after, .volunteer-info__reminder .volunteer-info__reminder .reminder__time:after, .volunteer-info__edit--content:after, label.reminder-notice--reference:after, .volunteer-buttons:after, .volunteer-details-top-wrapper:after, .patient-buttons:after, .feasibility-files-attachment-item:after, div.popover div.popover-buttons:after, body.isolated-form-builder .multiform:after, body.isolated-form-builder .preview-panel:after, body.isolated-form-builder .panel-holder .panel-holder__buttons:after, .hybrid-dropdown-submit__arrow--volunteer:after, .hybrid-dropdown-submit__arrow:after, .status-dropdown-wrapper:after, .modal__content:after, .ngdialog.ngdialog-theme-default .ngdialog-content:after, .modal-buttons:after, .schedule-modal__item:after, .cancel-schedule-popup__buttons:after, .schedule-popup__buttons:after, .form-comments:after, .right-tab-container__inner:after, .documents-sharing__wrapper:after, .documents-sharing__table .documents-sharing__trow:after, .ngdialog-language-modal .language-list:after {
    content: " ";
    display: table; }
  .filter-wrapper:after, .filter-region__fixed:after, .filter-region__responsive:after, .filter-region__documents:after, .password-wrapper:after, .reset-pass__submit:after, .terms-consent__buttons:after, .my-account__form:after, .dropdown-wrapper:after, .my-account__details .my-account__form-wrapper:after, .my-account__details .my-account__form-wrapper .my-account__form__section:after, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width:after, .item__types li:after, .left-column__options:after, .left-column__item:after,
  .right-column__item:after, .item--first-row:after, .item--second-row:after, .volunteer-info:after,
  .volunteer-info-sharepoint:after, .volunteer-info__center:after, .volunteer-info__list:after, .volunteer-info__reminder:after, .volunteer-info__reminder .volunteer-info__reminder .reminder__time:after, .volunteer-info__edit--content:after, label.reminder-notice--reference:after, .volunteer-buttons:after, .volunteer-details-top-wrapper:after, .patient-buttons:after, .feasibility-files-attachment-item:after, div.popover div.popover-buttons:after, body.isolated-form-builder .multiform:after, body.isolated-form-builder .preview-panel:after, body.isolated-form-builder .panel-holder .panel-holder__buttons:after, .hybrid-dropdown-submit__arrow--volunteer:after, .hybrid-dropdown-submit__arrow:after, .status-dropdown-wrapper:after, .modal__content:after, .ngdialog.ngdialog-theme-default .ngdialog-content:after, .modal-buttons:after, .schedule-modal__item:after, .cancel-schedule-popup__buttons:after, .schedule-popup__buttons:after, .form-comments:after, .right-tab-container__inner:after, .documents-sharing__wrapper:after, .documents-sharing__table .documents-sharing__trow:after, .ngdialog-language-modal .language-list:after {
    clear: both; }

.top-nav, .logo-wrapper, .filter-wrapper, div[class^="filter-region"] .dropdown-inner li, .filter-region__responsive, .filter-region__documents, .sidebar, .toggle-min, .clinlife-animate, .language-switcher, .main-content, .nav-collapsed-min .main-content, .left-column, .item--second-row, .item--name,
.item--name--documentation, .employee--name, .middle-column--empty-volunteer, .nav-collapsed-min .middle-column--empty-volunteer, .middle-column__inner--volunteer, .nav-collapsed-min .middle-column__inner--volunteer, .middle-column__inner--employees, .middle-column__feasibility__detail,
.middle-column__sharepoint__detail,
.middle-column__documentation__detail, .right-column, .right-column--volunteer, body.isolated-form-builder .popover, .pop-overlay, .feasibility-request-progress-bar-wrapper, .progress-bar-bar, .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner .sponsor-dashboard-statistics-interaction, .sponsor-dashboard-sidepane, .spinner-icon-wrapper--middle, .cancel-schedule-popup,
.schedule-popup, .introjs-tooltip, #loading-bar, #loading-bar .bar, .right-tab-container, .documents-sharing__wrapper, .tcell-sortable[class*="ASC"]:before, .tcell-sortable[class*="DESC"]:before, .documents-sharing__table, .documents-sharing__table .documents-sharing__thead, .documents-sharing__table .documents-sharing__tbody, .documents-sharing__sidebar__categories-section li.category-group {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

*, *::after, *::before {
  -webkit-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  -moz-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  -ms-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  -o-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out; }

div[class^="filter-region"] * {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

/* Carries a color change with it so it shouldn't be applied if the text needs it's own color (use font family declaration instead) */
.volunteer-info--value, .volunteer-agreement span, .item-reminder__headline, .dashboard-sponsor-item__value, .sponsor-dashboard-sidepane__head--text {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  color: #333; }

.filter-region__fixed .filter-item,
.filter-region__site-data-sharepoint .filter-item, .filter-region__responsive .filter-item, .filter-type, .interaction-bar__items__wrapper, .interaction-bar__items,
.interaction-bar__sort, .filter-region__documents .filter-item, .sidebar li.nav__title, .comment-radios, .ngdialog.ngdialog-theme-default .ngdialog-button, .my-account__details .my-account__form-wrapper .my-account__form__section-headline .settings-label, .my-account__details .my-account__form-wrapper label.required-label, .left-column__options--small,
.left-column__options--medium,
.left-column__options__date, .item--date span, .month-label, .filter-label, .next30-label.selected-volunteers span, .employee--position, .volunteer-info__headline, .volunteer-info__reminder .reminder__title,
.volunteer-info__reminder .reminder__time, .volunteer-info__reminder .volunteer-info__reminder .reminder__time, .volunteer-info__reminder .volunteer-info__reminder .reminder__subject,
.volunteer-info__reminder .volunteer-info__reminder .reminder__time span, .volunteer-info__reminder-volunteer .reminder__time, .volunteer-info__reminder-volunteer .reminder__subject,
.volunteer-info__reminder-volunteer .reminder__time span, .reminder-button, .form-save-button, .volunteer-info__edit--submit, .volunteer-info__volunteer--submit, label.required-label, .volunteer-info__volunteer--actions, .protocol-history-name,
.more-actions-label, .schedule-event, .add-comment, .item-reminder__headline, .screeners-note span, .scenario-label, .overview-headline, .screener-info__headline, .survey-question-item__number,
.survey-questions-answered, .request-tab-item, .sponsor-feasibility__label, .angular-date-picker > ._month, .q-calendar-title, .language-list li.language-name, .language-list li.continent-name, .interaction-bar__selection-dropdown .dropdown-inner span, .tutorials-list .tutorial-list__headline, .left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item,
.left-column--volunteer .sortingMenu .interaction-bar__dropdown-item, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item,
.left-column--retention .sortingMenu .interaction-bar__dropdown-item, .cancel-schedule-popup__cancel,
.cancel-schedule-popup__nevermind, .schedule-popup p, .schedule-popup__save,
.schedule-popup__nevermind, .welcome-modal__button, .video-overlay-content__sugestion, #toast-container span.undo-dismiss, .documents-sharing__table .documents-sharing__thead .documents-sharing__tcell {
  text-transform: uppercase; }

@keyframes rotating {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .toast-message a, .toast-message label {
    color: white; }
  .toast-message a:hover {
    color: #cccccc;
    text-decoration: none; }

button.toast-close-button {
  padding: 3px 1px 4px 1px;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 26px;
  line-height: 16px;
  margin: 12px 10px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 0px;
  left: 0px; }

.toast-top-center {
  top: 0px; }

.toast-top-right {
  top: 0px;
  right: 0px; }

.toast-bottom-right {
  right: 0px;
  bottom: 0px; }

.toast-bottom-center {
  bottom: 0px; }

.toast-bottom-left {
  bottom: 0px;
  left: 0px; }

.toast-center {
  top: 45%; }

#toast-container {
  position: fixed;
  z-index: 999999; }
  #toast-container.toast-center, #toast-container.toast-top-center, #toast-container.toast-bottom-center {
    width: 100%;
    pointer-events: none; }
  #toast-container.toast-center > div, #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
    margin: auto;
    pointer-events: auto; }
  #toast-container.toast-center > button, #toast-container.toast-top-center > button, #toast-container.toast-bottom-center > button {
    pointer-events: auto; }
  #toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #toast-container span,
  #toast-container .toast-play .toast-message {
    padding: 13px 50px 15px 20px;
    display: inline-block; }
  #toast-container div {
    min-width: 310px;
    color: white; }
    #toast-container div :hover {
      cursor: pointer; }
  #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto; }

.toast {
  background-color: #030303;
  opacity: 1 !important;
  margin-bottom: 5px;
  position: relative;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

.toast-success {
  background-color: #76bc58; }
  .toast-success button.toast-close-button {
    border: 1px solid #91c979;
    background-color: #91c979; }

.toast-error {
  background-color: #E64434; }
  .toast-error button.toast-close-button {
    border: 1px solid #ED6E62;
    background-color: #ED6E62; }

.toast-info, .toast-wait {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f39c12; }
  .toast-warning button.toast-close-button {
    border: 1px solid #3498DB;
    background-color: #3498DB; }

@media all and (max-width: 240px) {
  #toast-container > div {
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    width: 25em; } }

:not(.no-enter)#toast-container > div.ng-enter, :not(.no-leave)#toast-container > div.ng-leave {
  -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; }

:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active {
  opacity: 0.8; }

:not(.no-leave)#toast-container > div.ng-leave {
  opacity: 0.8; }
  :not(.no-leave)#toast-container > div.ng-leave.ng-leave-active {
    opacity: 0; }

:not(.no-enter)#toast-container > div.ng-enter {
  opacity: 0; }

@font-face {
  font-family: 'Lato';
  src: url(/v3/assets//build/assets/lato-regular.eot);
  src: url(/v3/assets//build/assets/lato-regular.eot?#iefix) format("embedded-opentype"), url(/v3/assets//build/assets/lato-regular.woff) format("woff"), url(/v3/assets//build/assets/lato-regular.ttf) format("truetype"), url(/v3/assets//build/assets/lato-regular.svg#fontname) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato-bold';
  src: url(/v3/assets//build/assets/lato-bold.eot);
  src: url(/v3/assets//build/assets/lato-bold.eot?#iefix) format("embedded-opentype"), url(/v3/assets//build/assets/lato-bold.woff) format("woff"), url(/v3/assets//build/assets/lato-bold.ttf) format("truetype"), url(/v3/assets//build/assets/lato-bold.svg#fontname) format("svg");
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box; }

body {
  font-family: 'Lato', helvetica, arial, sans-serif;
  margin: 0;
  background-color: #f9f9f9;
  color: #333; }

* {
  box-sizing: border-box;
  outline: 0; }

*::after, *::before {
  box-sizing: border-box;
  outline: 0; }

*:focus {
  outline: 0; }

a {
  text-decoration: none; }

ul, li {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }
  li li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0; }

h1 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal; }

button[disabled],
html input[disabled],
select[disabled],
.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important; }

.disabled-lite {
  color: #bababa;
  cursor: default !important; }

/* useful classes */
.hidden {
  display: none !important; }

.visuallyHidden {
  visibility: hidden; }

.clickable {
  cursor: pointer !important; }

.unclickable {
  cursor: default !important; }

.prevent {
  display: none !important; }

.bold {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.green,
.status-color-1,
.status-color-1 span {
  color: #76bc58 !important; }

.red,
.status-color-5,
.status-color-5 span {
  color: #e74c3c !important; }

.yellow,
.status-color-6,
.status-color-6 span {
  color: #f1c40f !important; }

.orange,
.status-color-7,
.status-color-7 span {
  color: #f39c12 !important; }

.blue,
.status-color-4,
.status-color-4 span {
  color: #3498DB !important; }

.lite-blue {
  color: #52b3d9 !important; }

.violet,
.status-color-3,
.status-color-3 span {
  color: #9b59b6 !important; }

.brown,
.status-color-2,
.status-color-2 span {
  color: #BE8A77 !important; }

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #76bc58; }

select {
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  resize: vertical; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

.scrollbar-height-fix {
  height: 100%; }

.native-scrollbar {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%; }

.relative {
  position: relative; }

.min-width-1024 {
  min-width: 1024px;
  overflow-x: auto; }

@font-face {
  font-family: 'cl_ipfont';
  src: url(/v3/assets//build/assets/ClinLife_IP.eot?#iefix) format("embedded-opentype"), url(/v3/assets//build/assets/ClinLife_IP.woff) format("woff"), url(/v3/assets//build/assets/ClinLife_IP.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

.nav-icon:before, .icon-error:before, .icon-user:before, .icon-document-sharing:before, .icon-nothing-selected:before, .icon-copy:before, .icon-file:before, .icon-md:before, .icon-child:before, .icon-tasks:before, .icon-sliders:before, .icon-info:before, .icon-list:before, .icon-bell:before, .icon-site-details:before, .icon-mars:before, .icon-MALE:before, .icon-venus:before, .icon-FEMALE:before, .icon-spinner:before, .icon-correct:before, .icon-close:before, .icon-pin:before, .icon-undo:before, .icon-8:before, .icon-4:before, .icon-2:before, .icon-1:before, .icon-15:before, .icon-twitter:before, .icon-facebook:before, .icon-whatsapp:before, .icon-linkedin:before, .icon-sponsor:before, .icon-disease:before, .icon-source:before, .icon-exclusion-criteria:before, .icon-inclusion-criteria:before, .icon-angle-down:before, .icon-sub-angle-down:before,
.icon-sidebar-sub-arrow:before, .item--gender.male:before, .item--gender.female:before, .icon-filter:before, .icon-plus:before, .search-icon:before, .search-back-icon:before, .icon-arrow-right-plain:before, .icon-arrow-right:before, .icon-arrow-right--video:before, .icon-dropdown:before, .icon-dropdown-right:after, .volunteer-info__volunteer--submit span.icon-dropdown-right:after, .icon-dropdown-after:after, .datepicker-arrow-left:before, .datepicker-arrow-right:before, .icon-calendar:before, .item--separator:before, .icon-flag:before, .icon-exell:before, .buller-circle:before, .filter-reset:before, .close-icon:before, .triangle-icon:before, .phone-icon:before, .note-icon:before, .email-icon:before, .sms-icon:before, .arrow-left-more-options:before, .screeners-toggle-icon:before, .play-icon:before, .download-icon:before, .icon-filter-arrow:after, .action-bar-arrow-icon:after, .icon-launch:after, .question-mark-icon:after, .calendar-icon:before, .lists-icon:before, .patients-icon:before, .icon-patient:before, .study-history-icon:before, .documents-icon:before, .arrow-left-icon:before, .chevron-down-icon:after, .icon-share:after, .icon-arrow-right--study:after, .icon-user-search:before, .icon-message:after, .icon-user-stethoscope:before, .icon-stethoscope:after, .icon-stethoscope-alt:before, .icon-cards:before, .icon-list-view:before, .icon-email:before, .icon-faq:before, .icon-location:before, .icon-more-actions:before, .icon-logo-white:before, .icon-logo-small-white:before, .icon-logo-green:before, .icon-logo-small-green:before, .icon-logo-ip:before, .icon-hospital:before, .icon-mobile-phone:before, .icon-monkey:before, .icon-notebook:before, .icon-pill:before, .date-picker-arrow:after, .icon-calendar-activity:before, .icon-subscribe:before, .icon-email-sent:before, .icon-sms:before, .icon-arrow-right-with-background:before, .icon-linkedin-with-background:before, .icon-twitter-with-background:before, .icon-google-plus-with-background:before, .icon-facebook-with-background:before, .q-calendar-next-month:before, .q-calendar-next-year:before, .q-calendar-prev-month:before, .q-calendar-prev-year:before, .left-column--volunteer .dropdownMenu .status-dropdown span:before, .left-column--retention .dropdownMenu .status-dropdown span:before, .left-column--volunteer .dropdownMenu .status-dropdown .dropdown-has-child:before, .left-column--retention .dropdownMenu .status-dropdown .dropdown-has-child:before, .dropdownMenu.detail-status-dropdown span:before, .dropdownMenu.detail-status-dropdown .dropdown-has-child:before {
  font-family: 'cl_ipfont';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.nav-icon:before {
  content: "\E600";
  padding-right: 15px; }

.icon-error:before {
  content: "\E92C";
  padding-right: 0; }

.icon-user:before {
  content: "\E614";
  padding-right: 15px; }

.icon-document-sharing:before {
  content: "\E900";
  padding-right: 15px; }

.icon-nothing-selected:before {
  content: "\E614";
  padding-right: 0; }

.icon-copy:before {
  content: "\E602";
  padding-right: 15px; }

.icon-file:before {
  content: "\E60F";
  padding-right: 15px; }

.icon-md:before {
  content: "\E60E";
  padding-right: 15px; }

.icon-child:before {
  content: "\E925";
  padding-right: 15px; }

.icon-tasks:before {
  content: "\E615";
  padding-right: 15px; }

.icon-sliders:before {
  content: "\E60B";
  padding-right: 15px; }

.icon-info:before {
  content: "\E610";
  padding-right: 15px; }

.icon-list:before {
  content: "\E600";
  padding-right: 15px; }

.icon-bell:before {
  content: "\E613";
  padding-right: 15px; }

.icon-site-details:before {
  content: "\E60D";
  padding-right: 15px; }

.icon-mars:before, .icon-MALE:before {
  content: "\E60A";
  padding-right: 15px; }

.icon-venus:before, .icon-FEMALE:before {
  content: "\E608";
  padding-right: 15px; }

.icon-spinner:before {
  content: "\E619";
  padding-right: 0px; }

.icon-correct:before {
  content: "\E912";
  padding-right: 0px; }

.icon-close:before {
  content: "\E60C";
  padding-right: 0px; }

.icon-pin:before {
  content: "\E92D";
  padding-right: 0px; }

.icon-undo:before {
  content: "\E617";
  padding-right: 0px; }

.icon-8:before {
  content: "\E910";
  padding-right: 0px; }

.icon-4:before {
  content: "\E90F";
  padding-right: 0px; }

.icon-2:before {
  content: "\E90E";
  padding-right: 0px; }

.icon-1:before {
  content: "\E90D";
  padding-right: 0px; }

.icon-15:before {
  content: "\E90C";
  padding-right: 0px; }

.icon-twitter:before {
  content: "\E90B";
  padding-right: 0px; }

.icon-facebook:before {
  content: "\E90A";
  padding-right: 0px; }

.icon-whatsapp:before {
  content: "\E926";
  padding-right: 0px; }

.icon-linkedin:before {
  content: "\E909";
  padding-right: 0px; }

.icon-sponsor:before {
  content: "\E93F";
  padding-right: 0px; }

.icon-disease:before {
  content: "\E935";
  padding-right: 0px; }

.icon-source:before {
  content: "\E93E";
  padding-right: 0px; }

.icon-exclusion-criteria:before {
  content: "\E936";
  padding-right: 0px; }

.icon-inclusion-criteria:before {
  content: "\E939";
  padding-right: 0px; }

.icon-angle-down {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 5px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block; }
  .icon-angle-down:before {
    content: "\E601";
    padding-right: 0px; }
  .icon-angle-down:before {
    vertical-align: middle; }

.icon-sub-angle-down,
.icon-sidebar-sub-arrow {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 5px;
  vertical-align: middle;
  display: inline-block; }
  .icon-sub-angle-down:before,
  .icon-sidebar-sub-arrow:before {
    content: "\E601";
    padding-right: 0px; }
  .icon-sub-angle-down:before,
  .icon-sidebar-sub-arrow:before {
    vertical-align: middle; }

.study-name .icon-sub-angle-down,
.study-name .icon-sidebar-sub-arrow {
  line-height: 0; }

.icon-sidebar-sub-arrow {
  margin-left: 2px; }

.icon-sub-angle-down {
  margin-left: 5px; }

.item--gender.male {
  padding-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  vertical-align: middle; }
  .item--gender.male:before {
    content: "\E60A";
    padding-right: 0px; }

.item--gender.female {
  padding-left: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
  vertical-align: middle; }
  .item--gender.female:before {
    content: "\E608";
    padding-right: 0px; }

.icon-filter {
  font-size: 13px;
  font-size: 0.8125rem; }
  .icon-filter:before {
    content: "\E609";
    padding-right: 0px; }

.icon-plus {
  font-size: 13px;
  font-size: 0.8125rem;
  vertical-align: middle; }
  .icon-plus:before {
    content: "\E616";
    padding-right: 0px; }

.search-icon {
  padding-left: 20px;
  color: #bababa; }
  .search-icon:before {
    content: "\E618";
    padding-right: 0px; }

.search-back-icon {
  padding-left: 20px;
  color: #bababa;
  cursor: pointer; }
  .search-back-icon:before {
    content: "\E600";
    padding-right: 0px; }

.icon-arrow-right-plain:before {
  content: "\E603";
  padding-right: 0px; }

.icon-arrow-right {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6c6c6c;
  position: absolute;
  top: 6px;
  right: 10px; }
  .icon-arrow-right:before {
    content: "\E603";
    padding-right: 0px; }

.icon-arrow-right--video {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6c6c6c;
  position: absolute;
  top: 67px;
  right: 10px; }
  .icon-arrow-right--video:before {
    content: "\E603";
    padding-right: 0px; }

.icon-dropdown {
  color: #bababa;
  font-size: 10px;
  font-size: 0.625rem; }
  .icon-dropdown:before {
    content: "\E601";
    padding-right: 0px; }

.icon-dropdown-right {
  font-size: 12px;
  font-size: 0.75rem; }
  .icon-dropdown-right:after {
    content: "\E601";
    padding-right: 0px;
    padding-left: 0; }
  .icon-dropdown-right:after {
    position: absolute;
    right: 20px;
    top: 25px; }

.volunteer-info__volunteer--submit span.icon-dropdown-right {
  font-size: 12px;
  font-size: 0.75rem; }
  .volunteer-info__volunteer--submit span.icon-dropdown-right:after {
    content: "\E601";
    padding-right: 0px;
    padding-left: 0; }
  .volunteer-info__volunteer--submit span.icon-dropdown-right:after {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #bababa; }

.icon-dropdown-after {
  color: #bababa;
  font-size: 12px;
  font-size: 0.75rem; }
  .icon-dropdown-after:after {
    content: "\E601";
    padding-right: 0px;
    padding-left: 0; }
  .icon-dropdown-after:after {
    padding: 0 5px;
    font-size: 10px;
    font-size: 0.625rem; }

.datepicker-arrow-left:before {
  content: "\E602";
  padding-right: 0px; }

.datepicker-arrow-right:before {
  content: "\E603";
  padding-right: 0px; }

.icon-calendar {
  padding-top: 11px; }
  .icon-calendar:before {
    content: "\E604";
    padding-right: 0px; }

.item--separator {
  font-size: 3px;
  padding: 0 5px;
  color: #333;
  vertical-align: top; }
  .item--separator:before {
    content: "\E606";
    padding-right: 0px; }
  .item--separator:before {
    vertical-align: middle; }

.icon-flag:before {
  content: "\E61A";
  padding-right: 5px; }

.icon-exell:before {
  content: "\E607";
  padding-right: 5px; }

.buller-circle:before {
  content: "\E606";
  padding-right: 5px; }

.filter-reset {
  color: #6c6c6c;
  cursor: pointer; }
  .filter-reset:before {
    content: "\E60C";
    padding-right: 0px; }

.close-icon:before {
  content: "\E60C";
  padding-right: 5px; }

.triangle-icon {
  padding: 0 20px 0 25px; }
  .triangle-icon:before {
    content: "\E61B";
    padding-right: 5px; }

.phone-icon {
  color: #9b59b6; }
  .phone-icon:before {
    content: "\E605";
    padding-right: 5px; }

.note-icon {
  color: #76bc58; }
  .note-icon:before {
    content: "\E615";
    padding-right: 5px; }

.email-icon:before {
  content: "\E904";
  padding-right: 5px; }

.sms-icon {
  color: #f39c12; }
  .sms-icon:before {
    content: "\E904";
    padding-right: 5px; }

.arrow-left-more-options {
  font-size: 9px;
  font-size: 0.5625rem;
  color: #bababa;
  vertical-align: middle; }
  .arrow-left-more-options:before {
    content: "\E602";
    padding-right: 5px; }

.screeners-toggle-icon:before {
  content: "\E601";
  padding-right: 0px; }

.play-icon:before {
  content: "\E61B";
  padding-right: 0px; }

.download-icon:before {
  content: "\E905";
  padding-right: 0px; }

.icon-filter-arrow:after {
  content: "\E601";
  padding-right: 0px;
  padding-left: 0; }

.icon-filter-arrow:after {
  margin-left: 5px;
  font-size: 9px;
  font-size: 0.5625rem;
  color: #6c6c6c; }

.action-bar-arrow-icon {
  text-transform: uppercase; }
  .action-bar-arrow-icon:after {
    content: "\E601";
    padding-right: 0px;
    padding-left: 0; }
  .action-bar-arrow-icon:after {
    margin-left: 5px;
    font-size: 9px;
    font-size: 0.5625rem;
    color: #6c6c6c; }

.icon-launch:after {
  content: "\E932";
  padding-right: 0px;
  padding-left: 0; }

.question-mark-icon:after {
  content: "\E906";
  padding-right: 0px;
  padding-left: 0; }

.calendar-icon:before {
  content: "\E604";
  padding-right: 2px; }

.lists-icon {
  color: #76bc58; }
  .lists-icon:before {
    content: "\E903";
    padding-right: 0px; }

.icon-list:before {
  content: "\E903";
  padding-right: 15px; }

.patients-icon {
  color: #3498DB; }
  .patients-icon:before {
    content: "\E901";
    padding-right: 0px; }

.icon-patient:before {
  content: "\E901";
  padding-right: 15px; }

.study-history-icon {
  color: #f39c12; }
  .study-history-icon:before {
    content: "\E902";
    padding-right: 0px; }

.documents-icon {
  color: #C7C7C7; }
  .documents-icon:before {
    content: "\E900";
    padding-right: 0px; }

.arrow-left-icon:before {
  content: "\E602";
  padding-right: 10px; }

.chevron-down-icon:after {
  content: "\E601";
  padding-right: 0px;
  padding-left: 5px; }

.icon-share:after {
  content: "\E918";
  padding-right: 5px;
  padding-left: 0; }

.icon-arrow-right--study:after {
  content: "\E913";
  padding-right: 0;
  padding-left: 0; }

.icon-user-search:before {
  content: "\E915";
  padding-right: 15px; }

.icon-message:after {
  content: "\E916";
  padding-right: 0;
  padding-left: 0; }

.icon-user-stethoscope:before {
  content: "\E917";
  padding-right: 15px; }

.icon-stethoscope:after {
  content: "\E919";
  padding-right: 0;
  padding-left: 0; }

.icon-stethoscope-alt:before {
  content: "\E91A";
  padding-right: 15px; }

.icon-cards:before {
  content: "\E91B";
  padding-right: 15px; }

.icon-list-view:before {
  content: "\E91C";
  padding-right: 15px; }

.icon-email:before {
  content: "\E904";
  padding-right: 15px; }

.icon-faq:before {
  content: "\E91E";
  padding-right: 15px; }

.icon-location:before {
  content: "\E923";
  padding-right: 5px; }

.icon-more-actions:before {
  content: "\E924";
  padding-right: 0px; }

.icon-logo-white:before {
  content: "\E921";
  color: #fff;
  font-size: 30px; }

.icon-logo-small-white:before {
  content: "\E922";
  color: #fff;
  font-size: 30px; }

.icon-logo-green:before {
  content: "\E921";
  color: #76bc58;
  font-size: 30px; }

.icon-logo-small-green:before {
  content: "\E922";
  color: #76bc58;
  font-size: 30px; }

.icon-logo-ip:before {
  content: "\E922";
  padding-right: 10px; }

.icon-hospital:before {
  content: "\F0F8";
  padding-right: 0px; }

.icon-mobile-phone:before {
  content: "\F10B";
  padding-right: 5px; }

.icon-monkey:before {
  content: "\F1FA";
  padding-right: 5px; }

.icon-notebook:before {
  content: "\F1FB";
  padding-right: 0px; }

.icon-pill:before {
  content: "\F1FC";
  padding-right: 0px; }

.date-picker-arrow {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  vertical-align: middle; }
  .date-picker-arrow:after {
    content: "\E601";
    padding-right: 0;
    padding-left: 0; }
  .date-picker-arrow:after {
    font-size: 12px;
    font-size: 0.75rem;
    color: #bababa;
    padding-left: 15px; }

.icon-calendar-activity:before {
  content: "\E604";
  padding-right: 5px; }

.icon-subscribe:before {
  content: "\E927";
  padding-right: 0px; }

.icon-email-sent:before {
  content: "\E929";
  padding-right: 0px; }

.icon-sms:before {
  content: "\E928";
  padding-right: 0px; }

.icon-arrow-right-with-background:before {
  content: "\E940";
  padding-right: 0px; }

.icon-linkedin-with-background:before {
  content: "\E93B";
  padding-right: 0px; }

.icon-twitter-with-background:before {
  content: "\E941";
  padding-right: 0px; }

.icon-google-plus-with-background:before {
  content: "\E938";
  padding-right: 0px; }

.icon-facebook-with-background:before {
  content: "\E937";
  padding-right: 0px; }

.round-green-icon {
  background-color: #76bc58;
  border-radius: 50%;
  color: white;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto; }
  .round-green-icon span, .round-green-icon i {
    font-size: 30px;
    line-height: 30px; }
    .round-green-icon span:before, .round-green-icon span:after, .round-green-icon i:before, .round-green-icon i:after {
      display: block; }

header {
  background-color: #fff;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 10051;
  height: 50px;
  line-height: 50px; }

.top-investigator .nav-right-first .dropdownLink {
  min-width: 210px;
  text-align: right;
  margin-top: -1px; }
  .top-investigator .nav-right-first .dropdownLink .dropdownLink-text {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle; }

.top-investigator .icon-filter-arrow {
  vertical-align: middle; }
  .top-investigator .icon-filter-arrow:after {
    margin-left: 7px; }

.logo-wrapper {
  width: 260px;
  height: 50px;
  float: left;
  background-color: #76bc58;
  box-sizing: border-box; }

.nav-collapsed-min .logo-wrapper {
  width: 72px; }

.logo {
  width: 260px;
  padding: 0 0 0 30px; }
  .logo .logo__text {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #fff; }
  .logo img {
    width: 96px;
    vertical-align: middle; }

.logo-small {
  padding: 0 0 0 13px; }
  .logo-small img {
    width: 42px; }

.logo__line-element {
  border-bottom: 1px solid #fff;
  width: 50px;
  position: absolute;
  top: 50px;
  left: 30px; }

.logo__line-element--small {
  border-bottom: 1px solid #fff;
  width: 15px;
  position: absolute;
  top: 50px;
  left: 29px; }

.logo-wrapper__big {
  display: block; }

.logo-wrapper__small {
  display: none; }

.nav-collapsed-min .logo-wrapper__big {
  display: none; }

.nav-collapsed-min .logo-wrapper__small {
  display: block; }

.nav-left {
  float: left;
  display: inline-block;
  width: 60%; }

.nav-right {
  position: relative;
  float: right;
  margin: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #76bc58;
  cursor: pointer; }
  .nav-right:hover {
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    background-color: #f9f9f9; }
  .nav-right a,
  .nav-right a:visited,
  .nav-right a:hover {
    color: #76bc58;
    display: block; }

.badge.icon-dropdown-right:after {
  position: relative;
  left: -15px;
  top: 2px;
  color: #6c6c6c;
  font-size: 9px;
  font-size: 0.5625rem; }

.top-nav .dropdownLink.badge {
  padding: 0; }

.top-nav .dropdownLink.badge span.dropdownLink-text {
  color: #fff;
  padding: 0 10px 0 8px;
  margin: 1px 25px 1px 12px;
  position: relative;
  font-weight: bold;
  border-radius: 17px;
  vertical-align: inherit; }

.top-nav .dropdownLink.badge--green span.dropdownLink-text {
  display: inline-block;
  line-height: 22px;
  width: 22px;
  height: 22px;
  background: #76bc58;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px; }

.top-search {
  width: 85%;
  color: #333;
  margin: 0 0 0 5px;
  padding: 5px 10px;
  border: 0;
  outline: 0; }
  .top-search:hover, .top-search:focus {
    border: 0; }

.notifications-area {
  -webkit-box-shadow: 2px 3px 2px #333;
  -moz-box-shadow: 2px 3px 2px #333;
  box-shadow: 2px 3px 2px #333;
  border: 1px solid #bababa;
  position: absolute;
  right: 65px;
  top: 40px;
  height: 150px;
  width: 200px;
  background-color: #fff; }

.nav-collapsed-min .logo {
  width: 72px; }

.nav-collapsed-min .logo__text {
  display: none; }

.nav-collapsed-min .top-nav {
  padding: 0 0 0 60px; }

.filter-wrapper {
  position: relative;
  border-top: 1px solid #bababa;
  left: 260px; }

.nav-collapsed-min .filter-wrapper {
  left: 72px; }

.filter-region {
  height: 63px; }
  .filter-region .icon-dropdown-right:after {
    top: 7px; }

.filter-region__fixed {
  float: left;
  width: 410px;
  position: absolute;
  top: 0px;
  left: 0px; }

.filter-region__fixed .filter-item,
.filter-region__site-data-sharepoint .filter-item {
  width: 50%;
  border-right: 1px solid #bababa;
  float: left;
  position: relative;
  cursor: pointer;
  font-size: 11px;
  font-size: 0.6875rem;
  height: 63px;
  padding: 15px 25px; }
  .filter-region__fixed .filter-item:hover,
  .filter-region__site-data-sharepoint .filter-item:hover {
    background-color: #f9f9f9;
    color: #76bc58; }
    .filter-region__fixed .filter-item:hover .dropdown-inner li,
    .filter-region__site-data-sharepoint .filter-item:hover .dropdown-inner li {
      color: #333; }
      .filter-region__fixed .filter-item:hover .dropdown-inner li:hover,
      .filter-region__site-data-sharepoint .filter-item:hover .dropdown-inner li:hover {
        background-color: #f9f9f9;
        color: #76bc58; }
  .filter-region__fixed .filter-item.filter-item__one-study,
  .filter-region__site-data-sharepoint .filter-item.filter-item__one-study {
    width: 100%; }

.filter-region__fixed .filter-item--tabs,
.filter-region__site-data-sharepoint .filter-item--tabs {
  width: 100%;
  color: #6c6c6c; }
  .filter-region__fixed .filter-item--tabs:hover,
  .filter-region__site-data-sharepoint .filter-item--tabs:hover {
    color: #6c6c6c; }
  .filter-region__fixed .filter-item--tabs .filter-item__tabs .tab,
  .filter-region__site-data-sharepoint .filter-item--tabs .filter-item__tabs .tab {
    margin-right: 17px; }
    .filter-region__fixed .filter-item--tabs .filter-item__tabs .tab:last-of-type,
    .filter-region__site-data-sharepoint .filter-item--tabs .filter-item__tabs .tab:last-of-type {
      margin-right: 0; }
    .filter-region__fixed .filter-item--tabs .filter-item__tabs .tab:hover,
    .filter-region__site-data-sharepoint .filter-item--tabs .filter-item__tabs .tab:hover {
      color: #76bc58; }
  .filter-region__fixed .filter-item--tabs .filter-item__tabs .active,
  .filter-region__site-data-sharepoint .filter-item--tabs .filter-item__tabs .active {
    color: #76bc58; }

.disabled-tabs {
  pointer-events: none;
  opacity: 0.5; }

.filter-region__site-data-sharepoint {
  *zoom: 1; }
  .filter-region__site-data-sharepoint:before {
    content: " ";
    display: table; }
  .filter-region__site-data-sharepoint:after {
    content: " ";
    display: table;
    clear: both; }
  .filter-region__site-data-sharepoint .filter-item {
    border-top: 0;
    border-left: 1px solid #bababa;
    border-right: 0;
    border-bottom: 1px solid #bababa; }
    .filter-region__site-data-sharepoint .filter-item:first-child {
      border-left: 0; }

.filter-region__responsive {
  width: 100%;
  padding-right: 670px;
  position: absolute;
  top: 0px;
  left: 410px; }
  .filter-region__responsive .filter-item {
    width: 25%;
    border-right: 1px solid #bababa;
    float: left;
    position: relative;
    height: 63px;
    cursor: pointer;
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 15px 20px; }
    .filter-region__responsive .filter-item .filter-item_dropdown-radio {
      padding: 0; }
      .filter-region__responsive .filter-item .filter-item_dropdown-radio label {
        padding: 15px 20px 12px 30px;
        display: block;
        background-position: 10px 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .filter-region__responsive .filter-item .filter-item_dropdown-radio input[type=radio].dry-radio:checked + label {
        background-position: 10px 50%; }
    .filter-region__responsive .filter-item.disabled {
      pointer-events: none; }
    .filter-region__responsive .filter-item:last-child {
      border: 0px; }
    .filter-region__responsive .filter-item:hover {
      background-color: #f9f9f9;
      color: #76bc58; }
      .filter-region__responsive .filter-item:hover .dropdown-inner li {
        color: #333; }
        .filter-region__responsive .filter-item:hover .dropdown-inner li:hover {
          background-color: #f9f9f9;
          color: #76bc58; }

.filter-region__responsive--6col .filter-item {
  width: 16.66666666666667%; }

.filter-region__responsive--5col .filter-item {
  width: 20%; }

.filter-item-name-wrapper {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal; }

.filter-item__clear {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #e74c3c; }

.nav-collapsed-min .filter-region__responsive {
  padding-right: 480px; }

.filter-type {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #6c6c6c; }

.interaction-bar__items__wrapper {
  padding: 7px 5px 7px 20px;
  display: inline-block; }

.left-column__options__interaction-bar {
  font-size: 11px;
  font-size: 0.6875rem;
  height: 31px;
  border-bottom: 1px solid #bababa; }
  .left-column__options__interaction-bar .icon-dropdown-right {
    font-size: 11px;
    font-size: 0.6875rem; }
    .left-column__options__interaction-bar .icon-dropdown-right:after {
      font-size: 9px;
      font-size: 0.5625rem; }
  .left-column__options__interaction-bar .interaction-bar__selection-dropdown .dropdown-inner {
    left: 4px;
    z-index: 10100; }

.interaction-bar__sort {
  font-size: 11px;
  font-size: 0.6875rem;
  position: relative;
  display: inline-block;
  float: right;
  padding: 7px 25px 7px 5px; }

.volunteer-sorting {
  display: inline-block;
  cursor: pointer; }

.interaction-bar__selection-dropdown {
  padding: 7.5px 15px; }
  .interaction-bar__selection-dropdown a {
    color: #6c6c6c; }

.interaction-bar__selection-dropdown--left {
  float: left;
  border-left: none; }

.all-volunteers-number {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  color: #76bc58; }

.ACTIVE {
  color: #76bc58; }

.CANCELED {
  color: #e74c3c; }

.UNVERIFIED {
  color: #f39c12; }

.filter-region .dropdown-inner.date-filter-picker {
  padding: 8px;
  right: 0;
  left: inherit;
  min-width: 250px; }
  .filter-region .dropdown-inner.date-filter-picker .q-datepicker-popup-input-wrapper {
    width: 47%;
    display: inline-block; }
    .filter-region .dropdown-inner.date-filter-picker .q-datepicker-popup-input-wrapper:first-child {
      margin-right: 3%; }
  .filter-region .dropdown-inner.date-filter-picker .date-input-wrapper {
    border: none;
    width: auto;
    height: auto; }
  .filter-region .dropdown-inner.date-filter-picker .date-input-field {
    width: 100%;
    font-size: 14px;
    border: 1px solid #bababa;
    padding: 10px;
    margin: 0;
    color: #333; }
  .filter-region .dropdown-inner.date-filter-picker .q-datepicker-popup {
    border-top: 1px solid #bababa;
    top: 58px !important;
    left: auto !important;
    right: 0; }
  .filter-region .dropdown-inner.date-filter-picker .q-datepicker-popup-close {
    position: static;
    text-align: center; }
  .filter-region .dropdown-inner.date-filter-picker .date-action-btns {
    float: right;
    margin: 20px -10px 0 0; }
    .filter-region .dropdown-inner.date-filter-picker .date-action-btns a {
      padding: 10px 20px; }
    .filter-region .dropdown-inner.date-filter-picker .date-action-btns a.date-apply {
      background-color: #76bc58;
      color: #fff; }
      .filter-region .dropdown-inner.date-filter-picker .date-action-btns a.date-apply:hover {
        background-color: #94cb7c; }
  .filter-region .dropdown-inner.date-filter-picker div {
    border-top: none; }
  .filter-region .dropdown-inner.date-filter-picker span {
    display: inline-block;
    padding: 0; }

.filter-input {
  border: none;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box !important; }
  .filter-input:focus {
    border: none; }

.filter-region__documents {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 260px; }
  .filter-region__documents .filter-item {
    width: 33.3333333333333%;
    border-right: 1px solid #bababa;
    float: left;
    position: relative;
    height: 63px;
    cursor: pointer;
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 15px 20px; }
    .filter-region__documents .filter-item.disabled {
      pointer-events: none; }
    .filter-region__documents .filter-item:last-child {
      border: 0; }
    .filter-region__documents .filter-item:hover {
      background-color: #f9f9f9;
      color: #76bc58; }
      .filter-region__documents .filter-item:hover .dropdown-inner li {
        color: #333; }
        .filter-region__documents .filter-item:hover .dropdown-inner li:hover {
          background-color: #f9f9f9;
          color: #76bc58; }

.nav-collapsed-min .filter-region__documents {
  padding-right: 72px; }

.sidebar {
  background-color: #76bc58;
  background: url(/v3/assets//build/assets/nav-bg.jpg) center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  bottom: 0;
  position: static;
  width: 260px;
  z-index: 11;
  float: left;
  padding-top: 50px; }
  .sidebar:before {
    z-index: -1;
    content: " ";
    line-height: 0;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: inherit; }
  .sidebar.nav-fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    float: none; }
  .sidebar ul {
    padding: 0 0 0 29px; }
  .sidebar li, .sidebar ul {
    line-height: 18px;
    list-style-type: none;
    list-style-image: none; }
  .sidebar li a {
    color: #fff;
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    vertical-align: middle; }
    .sidebar li a:hover {
      color: #fbf200; }
  .sidebar li.nav__title {
    font-size: 12px;
    padding-top: 20px;
    color: #f9f9f9;
    margin: 0 0 20px 0; }
    .sidebar li.nav__title span {
      display: inline-block;
      max-width: 215px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal; }
  .sidebar li.nav__title--profile {
    margin: 0;
    padding-top: 10px; }
  .sidebar li.nav__title--first {
    margin: 0 0 18px 0; }

.sidebar .nav__study-list,
.sidebar .nav__site-list,
.nav__feasibility-list {
  height: inherit; }
  .sidebar .nav__study-list li,
  .sidebar .nav__site-list li,
  .nav__feasibility-list li {
    font-size: 14px;
    margin-left: 10px; }
  .sidebar .nav__study-list li.nav__title span,
  .sidebar .nav__site-list li.nav__title span,
  .nav__feasibility-list li.nav__title span {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  .sidebar .nav__study-list .nav__title,
  .sidebar .nav__site-list .nav__title,
  .nav__feasibility-list .nav__title {
    line-height: 11px;
    margin-left: 3px; }

.nav__wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

.nav {
  min-height: 100%;
  margin: 0 0 -35px 0; }
  .nav:after {
    content: "";
    display: block;
    height: 35px; }
  .nav li {
    margin: 18px 0; }
  .nav li.active a,
  .nav a.active,
  .nav span.active,
  .nav .grandson-active,
  .nav .active-one-site {
    color: #fbf200; }

.sidebar .nav__feasibility-list ul.feasibility-sites .feasibility-site-name.active,
.sidebar .nav__feasibility-list ul.feasibility-sites .feasibility-site-name.active-one-site {
  color: #fbf200; }

.sidebar ul.nav__site-list span.active-one-site {
  color: #fbf200; }

.sidebar-link {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  vertical-align: text-bottom; }

.sidebar-link-arrow {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  vertical-align: text-bottom; }

.nav .nav-link-small {
  margin-top: 10px;
  margin-bottom: 10px; }
  .nav .nav-link-small a {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 12px; }

.nav__title,
.nav-link,
.nav__terms,
.nav__feasibility-list {
  opacity: 1;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11);
  -moz-animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11);
  -o-animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11);
  animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11); }

.nav-collapsed-min .nav {
  overflow: hidden; }

.nav-collapsed-min .nav__title,
.nav-collapsed-min .nav-link,
.nav-collapsed-min .nav__feasibility-list {
  display: none;
  opacity: 0; }

.sidebar-icon {
  float: left; }

.sidebar-icon-right {
  float: right; }

.nav__terms {
  font-size: 13px;
  height: 35px;
  margin: 0 0 35px 29px;
  color: #fff;
  line-height: 22px; }
  .nav__terms a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline; }
  .nav__terms p {
    margin-bottom: 5px; }

.nav__terms__privacy-link-list {
  width: 175px;
  line-height: 20px;
  display: inline-block;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }
  .nav__terms__privacy-link-list:hover {
    opacity: 0.7; }

.nav__terms__privacy-link-list .nav-link {
  white-space: nowrap; }

.nav__terms__privacy-link-list .nav-link a {
  font-size: 13px; }
  .nav__terms__privacy-link-list .nav-link a:hover {
    opacity: 0.7; }

.nav-collapsed-min .nav__terms p,
.nav-collapsed-min .nav__terms div {
  display: none; }

.nav-collapsed-min .nav__break-row {
  margin-top: 70px; }

.toggle-min {
  color: #fff;
  display: block;
  position: absolute;
  bottom: 45px;
  right: 21px; }
  .toggle-min a {
    background-color: #76bc58; }

.nav-collapsed-min .toggle-min {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.nav-collapsed-min .nav-container {
  width: 72px; }

.nav-collapsed-min .nav__title {
  display: none; }

.nav-collapsed-min .slimScrollDiv {
  overflow: visible !important; }

.nav-collapsed-min .sidebar .slimScrollBar,
.nav-collapsed-min .sidebar .slimScrollRail {
  display: none !important; }

.nav-collapsed-min .temp-nav-divider {
  padding: 8px 0; }

.icon-angle-down {
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  vertical-align: middle; }

.icon-angle-down--rotate {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  vertical-align: text-bottom; }

.open span.icon-angle-down,
span.active span.icon-sidebar-sub-arrow,
.grandson-active span.icon-sidebar-sub-arrow {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  vertical-align: middle; }

.nav-collapsed-min .icon-angle-down,
.nav-collapsed-min .icon-sidebar-sub-arrow {
  display: none; }

.icon-angle-right {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  padding: 9px 9px 9px 11px;
  width: 30px;
  height: 32px;
  background-color: #91c979;
  color: #fff;
  display: block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.nav-collapsed-min .nav__study-list,
.nav-collapsed-min .nav__site-list {
  display: none; }

.nav-container {
  z-index: 10050; }

.colapse-accordion {
  cursor: pointer; }

.sidebar .nav__feasibility-list li.accordion-item {
  margin-left: 2px;
  line-height: 10px; }
  .sidebar .nav__feasibility-list li.accordion-item ul.content,
  .sidebar .nav__feasibility-list li.accordion-item ul.uncollapsible-content {
    padding: 0 0 0 9px;
    list-style: inherit; }
    .sidebar .nav__feasibility-list li.accordion-item ul.content li:last-child,
    .sidebar .nav__feasibility-list li.accordion-item ul.uncollapsible-content li:last-child {
      padding-bottom: 3px; }

.sidebar .nav__feasibility-list li.grandson-accordion-item {
  margin-left: 2px; }
  .sidebar .nav__feasibility-list li.grandson-accordion-item ul.grandson-content {
    padding: 0 0 0 9px; }

.sidebar li.grandson-accordion-item .uncollapsible-content li {
  margin: 8px 0; }

.sidebar li ul.grandson-content li,
.sidebar li ul.content li {
  margin: 8px 10px; }

.sidebar .nav__feasibility-list ul.feasibility-sites {
  padding: 0 0 0 9px; }
  .sidebar .nav__feasibility-list ul.feasibility-sites li.accordion-item {
    line-height: 12px;
    margin: 10px 2px 0 0px; }
  .sidebar .nav__feasibility-list ul.feasibility-sites .grandson-accordion-item {
    padding-bottom: 0px !important; }
  .sidebar .nav__feasibility-list ul.feasibility-sites .feasibility-site-name {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }

.sidebar .nav__site-list {
  margin: 18px 0; }
  .sidebar .nav__site-list li.accordion-item {
    line-height: 14px;
    margin: 10px 2px 0 0;
    padding: 0 0 0 9px; }
  .sidebar .nav__site-list span {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
    .sidebar .nav__site-list span.active {
      color: #fbf200; }
      .sidebar .nav__site-list span.active span {
        color: #fbf200; }
  .sidebar .nav__site-list .content,
  .sidebar .nav__site-list .uncollapsible-content {
    padding: 0; }

.uncollapsible-content {
  display: block !important; }

.grandson-accordion-item .study-name {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin: 0; }

.study-name {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 14px;
  color: #f9f9f9;
  margin: 20px 0;
  cursor: pointer;
  line-height: 14px; }

.overview-completion {
  background-color: #91c979;
  margin-left: 5px;
  padding: 4px 4px 3px 3px;
  border-radius: 6px;
  color: #fff; }
  .overview-completion:hover {
    color: #fff; }

.sidebar .nav li a {
  padding: inherit;
  border: 0px;
  display: inline-block; }
  .sidebar .nav li a:hover {
    background-color: inherit; }

.hide-before-init {
  position: absolute;
  opacity: 0; }

.opacity-one {
  opacity: 1 !important; }

.opacity-zero {
  opacity: 0 !important; }

.animated {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(500px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(500px); }
  60% {
    opacity: 1;
    transform: translateX(-10px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(500px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(500px); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-500px); }
  60% {
    opacity: 1;
    transform: translateX(10px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-500px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-500px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

.text-fade-in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.text-fade-out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.reset-password--overlay.opening {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.reset-password--overlay.closing {
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.animate-popup {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-500px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInTop {
  0% {
    opacity: 0;
    transform: translateY(-500px); }
  100% {
    transform: translateY(0); } }

.bounceInTop {
  -webkit-animation-name: bounceInTop;
  animation-name: bounceInTop; }

@keyframes sidebar-text-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

label.label_check {
  padding: 0 20px;
  cursor: pointer;
  z-index: 10000; }

label.label_radio {
  padding: 0 20px;
  cursor: pointer; }

.male.label_radio {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAqCAAAAAACdI3+AAAAo0lEQVR42u3ToQ7DIBSF4b7/I/3iCkQnkBgEE4gKDAKBQbDQNFsyMW4zyxHkiC+BwGXjTja6Pksv/ZUqAEmpEyNBoUsei9Po9hTA5gNkqusDrrgw1TsSWy8ebE/E3/qAcpaAtOkN2vfmhjjVkK/mCQpdrhZwU204Pmeaao9pZ8lQproJto6HF6xiqhJgrYG9KXQvhhHXlBObQ4h1/eKl/9F38gLajRK5FM61CwAAAABJRU5ErkJggg==) no-repeat; }

.female.label_radio {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAqCAAAAAACdI3+AAAAqUlEQVR42u3UIQ/EIAyG4f3/n/SKCsROIBAgJoaYQMwgEBjEXXLjZumSU8s+Q8UTUpqGiSuZeOvz6Jvr7MCEqtItcCRptAe/5zTDPtb5pzzShtrhe0eGNNRCPltahxpKr1bcUJvzcU5xt8ceRRX2oa6wfM8Xs2LeG5gYgyBlpDsHMEW3J20TXNLvoCVrd7Bt0RBi1umVIzpdrBVmu/y7755F6vOf3F5fyQcrWhN/wovkTQAAAABJRU5ErkJggg==) no-repeat; }

.volunteer-agreement-check {
  vertical-align: middle; }

.volunteer-agreement-check.label_check {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAANCAMAAABvheXhAAAASFBMVEVMaXFra2tra2tra2tqampsbGxqampwcHBsbGxoaGhra2tsbGxsbGxsbGxsbGxsbGxra2tra2tsbGxra2tsbGxra2tra2tsbGziLKKfAAAAF3RSTlMAz7DgYEAwEIAg8NCQv8B/cF/voK+f3ypGaowAAABySURBVHjaXc/bDsQgCEXRY70g1mnnzv//6ZDgNIH1yDaiUPz5ind7wPTRay27r6lBzY3siI9PjTUTzBbu1UnBQuI1DMJfWNkhuByxZb5a9u2O2bFU8Rg8miVKPr0AlFGhOKSdoIqk83yLd6zn88yh2Kd/bF8TNnB0GekAAAAASUVORK5CYII=) 0% 40% no-repeat; }

.volunteer-agreement-check.c_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAANCAMAAABvheXhAAAARVBMVEVMaXF1u1d2u1d1vFh1ulV1vVh2vFdwv1B2u1h0u1h1u1d1vFd2vFh4v1h1u1h1vFh2vVh2u1d2u1d2vFl2vFZ2vFd2vFiNzjfnAAAAFnRSTlMAsPDgMGDQEIBAz+/fIMC/f49wX1CvW4ME+wAAAHNJREFUeNpdz9kOwzAIRNHxFsBp9pb//9SWqI4E9/V4hAyAjpeGtgt3dVZXZpE29WqrMEoEi/MPT0/FyEobsHpr+EdaoT7CaOJoeFoZ2dvyWGEkbzxIVNC8zRV31IvdDChGS9e3vQiofd8/4zPERUM52foLhzwS5vnRmKAAAAAASUVORK5CYII=) 0% 40% no-repeat; }

.male.r_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAqCAMAAAAQwSIQAAAAP1BMVEWRyXmXzIGez4ml05Ks1pqz2qO63avB4bTI5LvI5LzP58TW683j8t3k8t7q9ebr9ebx+O7y+e/4/Pf5/Pf///+q1svQAAAAjElEQVR42u3SsQ6DMAwE0HMSSE1CIXD//62thVp1qjMx5Q2eTjpLNobhNuHg24Q+E43CF5ON0pOWh+1Q00yebjo8+VHUTW88syAu5IqJGX/NZIRRHgLP+i1vzPCQCZeF2pGOuCgLPI3zz06ehbvAJGvxyMka7PAH187/qHUnN0GH2GiKoE9SzQHDcJMXez8HUtlDMhMAAAAASUVORK5CYII=) no-repeat;
  color: #76bc58; }

.female.r_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAqCAMAAAAQwSIQAAAAS1BMVEWRyXn5/PeXzIHI5Lzk8t6ez4mz2qP///+s1prW683d7tWl05K63avV68zI5LvP58Tr9eby+e/4/PfB4bTx+O7c7tXj8t3B4LPq9ebd/qj0AAAAkElEQVR42u3QyQ6EIBRE0QLBYhAQtIf//9JO1NhLXlxzNmwq5AKG4SH3IvdkIaETTwsEPOlnt6zkLMjgtfJsGj2B/iqqghZFdydN6CEjThMDeur9uCC42/ONg22CT7FkOc4vV/Rt5J5zalQRovmhRojoTTEsEDN0ENKfvDNl4X7iCSLRGMXVlAfdEkVZDMPfDzfoBL9PXpbgAAAAAElFTkSuQmCC) no-repeat;
  color: #76bc58; }

label.volunteer-list-check {
  padding: 0 8px; }

.item--name label.volunteer-list-check {
  padding: 0 17px 0 8px; }

.item--name.item--name-checkbox label.volunteer-list-check {
  padding: 10px 10px 10px 20px;
  display: block;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis; }

.volunteer-list-check.label_check, .label_check.donot-show-video {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAM1BMVEW/v7+zs7PS0tLExMTExMTExMTExMTAwMC+vr66urq8vLzLy8vPz8/y8vL29vb7+/v///9YTUhfAAAACXRSTlMICijd3uTl/f2pYUk2AAAAPUlEQVR42r3OuREAIQwEwQWBHl7lH+05qoMIaG+8Qa5iQSiBx/SwBqMt/02B+cXeZdvXhoL6PpOExGpBCz5F7gpo2B38fQAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

.volunteer-list-check.c_on, .donot-show-video.c_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA60lEQVQoU2NsWBXK9k2IuZuBgSGGgYFBiAE/eM/AwLCY693fUsbyPZET/jP8zyegAV26k7FsT8RbImxC1/gOpPE/IdukeRUZVIV0GQ483ARXSlAjSFOqUTUDJws3w8mnexnW3ZgD1oyiUUVIh+HOuytwU5E1gQRvv7vMMOd8G6pGM2knhmCNVIYnn+8xzDnXxiDEKQa3CaQSJv79z1dUjblmrQwyvEpgQZAiYU5xsPOwaUJxKrqzYO5FtwkmjuJHdM24NGEEDkgApvnt95dgv8L8hB5l5CcAcpLcf4b/XYxIiTyWgYFBkNhEDgDP1H5yrhaGNgAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

.left-column__options--small label.label_check {
  padding: 0;
  width: 69px;
  height: 62px;
  display: block; }

.left-column__options--small .volunteer-list-check.label_check {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAM1BMVEW/v7+zs7PS0tLExMTExMTExMTExMTAwMC+vr66urq8vLzLy8vPz8/y8vL29vb7+/v///9YTUhfAAAACXRSTlMICijd3uTl/f2pYUk2AAAAPUlEQVR42r3OuREAIQwEwQWBHl7lH+05qoMIaG+8Qa5iQSiBx/SwBqMt/02B+cXeZdvXhoL6PpOExGpBCz5F7gpo2B38fQAAAABJRU5ErkJggg==) 48% 50% no-repeat; }

.left-column__options--small .volunteer-list-check.c_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA60lEQVQoU2NsWBXK9k2IuZuBgSGGgYFBiAE/eM/AwLCY693fUsbyPZET/jP8zyegAV26k7FsT8RbImxC1/gOpPE/IdukeRUZVIV0GQ483ARXSlAjSFOqUTUDJws3w8mnexnW3ZgD1oyiUUVIh+HOuytwU5E1gQRvv7vMMOd8G6pGM2knhmCNVIYnn+8xzDnXxiDEKQa3CaQSJv79z1dUjblmrQwyvEpgQZAiYU5xsPOwaUJxKrqzYO5FtwkmjuJHdM24NGEEDkgApvnt95dgv8L8hB5l5CcAcpLcf4b/XYxIiTyWgYFBkNhEDgDP1H5yrhaGNgAAAABJRU5ErkJggg==) 48% 50% no-repeat; }

.comment-radios {
  display: inline-block;
  cursor: pointer;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #C7C7C7;
  font-weight: bold; }
  .comment-radios span {
    cursor: pointer;
    display: inline-block; }
  .comment-radios label.radio-comments {
    margin: 0;
    padding: 0px 9px 2px 9px;
    font-size: 13px;
    font-size: 0.8125rem;
    display: inline-block;
    cursor: pointer; }

.comment-radios.green label span {
  color: #76bc58; }

.comment-radios.green:hover {
  background-color: #76bc58; }
  .comment-radios.green:hover span {
    color: #fff; }

.comment-radios.green.r_on {
  background-color: #76bc58; }
  .comment-radios.green.r_on span {
    color: #fff; }
  .comment-radios.green.r_on:hover {
    background-color: #76bc58; }
    .comment-radios.green.r_on:hover span {
      color: #fff; }

.comment-radios.violet label span {
  color: #9b59b6; }

.comment-radios.violet:hover {
  background-color: #9b59b6; }
  .comment-radios.violet:hover span {
    color: #fff; }

.comment-radios.violet.r_on {
  background-color: #9b59b6; }
  .comment-radios.violet.r_on span {
    color: #fff; }
  .comment-radios.violet.r_on:hover {
    background-color: #9b59b6; }
    .comment-radios.violet.r_on:hover span {
      color: #fff; }

.comment-radios.blue label span {
  color: #52b3d9; }

.comment-radios.blue:hover {
  background-color: #52b3d9; }
  .comment-radios.blue:hover span {
    color: #fff; }

.comment-radios.blue.r_on {
  background-color: #52b3d9; }
  .comment-radios.blue.r_on span {
    color: #fff; }
  .comment-radios.blue.r_on:hover {
    background-color: #52b3d9; }
    .comment-radios.blue.r_on:hover span {
      color: #fff; }

.label_check input,
.label_radio input,
.radio input {
  position: absolute;
  left: -9999px; }

.cl-radio.label_radio {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAPFBMVEVMaXHBwcHCwsLDw8PDw8PHx8fIyMjGxsbFxcXFxcXCwsLBwcH////u7u66urq9vb37+/vT09O+vr7U1NTdgIigAAAADHRSTlMAV1hZWsDBwtvc+fnvZQU/AAAAXklEQVR42l2OWw6AIAwECyjvtjzuf1cLGlHmq5NstgvC4SNR9AYmjiuWgpXttIZ5gs1JksUeZw2+5pcaIOJSjEBlaaFN93D4V5nvIwVg14zzHtnHyM5iAx0SUQpKzgtM9AgKtiqbHwAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

.cl-radio.r_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJFMERDMkI5NTE1MTFFNjk4Nzc5RkM2QjkxMEE5M0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJFMERDMkM5NTE1MTFFNjk4Nzc5RkM2QjkxMEE5M0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QkUwREMyOTk1MTUxMUU2OTg3NzlGQzZCOTEwQTkzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QkUwREMyQTk1MTUxMUU2OTg3NzlGQzZCOTEwQTkzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrmHI9cAAAGSSURBVHjaYvz//z8DDJTvjRQBUkVA7APEalDhG0C8CYgndTovfwNTywjSCNQAYgcD8VxLGTd+dWF9BiEOUbCCt99fMdx6d4nh+JNdn4DcJCBeCzSAgQVqAEjT6jCtTMY//34x7HuwnuHFl8dgCQkeWQYTSQcGoBzfqmvTVwOFQkGaGcv2RICMvgOSePTxNsOJp3sYsAELaRcGOX5VBqBmkM2qTEAi10rGje/Pv984NYEASA7kGisZdz4gtwCk0U9VSI/hzPMDDITAmecHGdSE9UBMH5BGDWFOMbif8AGQGiGgWiBQZ2IgEfz99wdE/QJpvAEKclDoEQIgNR9/vgUx74E0brr97jIwyO0JagSpufX2Moi5FaRxyrEnOz+xMLGBgxwXAMmB1IDUArkTYCkHnADCgQngFzDIzwJD7/nnR2ANkrxyYJtAmoBxCEqfocCUsxaWctYCcdjKa9PnAZMcr7NCIDj0/v7/y/D++2tgkrsMSnKfgWoSoWohaRVLIvcFBTko9ID4FshPQDwROZEDBBgARmGgMVoA3pAAAAAASUVORK5CYII=) 0% 50% no-repeat; }

.cl-checkbox.label_check {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAM1BMVEW/v7+zs7PS0tLExMTExMTExMTExMTAwMC+vr66urq8vLzLy8vPz8/y8vL29vb7+/v///9YTUhfAAAACXRSTlMICijd3uTl/f2pYUk2AAAAPUlEQVR42r3OuREAIQwEwQWBHl7lH+05qoMIaG+8Qa5iQSiBx/SwBqMt/02B+cXeZdvXhoL6PpOExGpBCz5F7gpo2B38fQAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

.cl-checkbox.c_on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA60lEQVQoU2NsWBXK9k2IuZuBgSGGgYFBiAE/eM/AwLCY693fUsbyPZET/jP8zyegAV26k7FsT8RbImxC1/gOpPE/IdukeRUZVIV0GQ483ARXSlAjSFOqUTUDJws3w8mnexnW3ZgD1oyiUUVIh+HOuytwU5E1gQRvv7vMMOd8G6pGM2knhmCNVIYnn+8xzDnXxiDEKQa3CaQSJv79z1dUjblmrQwyvEpgQZAiYU5xsPOwaUJxKrqzYO5FtwkmjuJHdM24NGEEDkgApvnt95dgv8L8hB5l5CcAcpLcf4b/XYxIiTyWgYFBkNhEDgDP1H5yrhaGNgAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

.cl-radio.label_radio.other-radio {
  padding: 0 20px 0 1px; }

.dry-checkbox-wrapper {
  background-color: #ebf5e6;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 5px; }
  .dry-checkbox-wrapper.dry-checkbox-border {
    border: 1px solid #76bc58; }
  .dry-checkbox-wrapper input[type=checkbox].dry-checkbox + label {
    width: 100%;
    background-position: 10px 50% !important;
    padding: 10px 10px 10px 35px; }
  .dry-checkbox-wrapper input[type=checkbox].dry-checkbox-finish + label {
    width: 100%;
    background-position: 10px 50% !important;
    padding: 10px 10px 10px 40px; }
  .dry-checkbox-wrapper.cl-invalid-input {
    border-bottom: 1px solid #e74c3c; }
  .dry-checkbox-wrapper .dry-checkbox-wrapper__notification {
    transition: all linear 0.5s;
    font-size: 14px;
    padding: 0 10px 10px 35px;
    display: block; }
  .dry-checkbox-wrapper .dry-checkbox-wrapper__notification.ng-hide {
    opacity: 0; }

input[type=checkbox].dry-checkbox,
input[type=radio].dry-radio {
  display: none; }
  input[type=checkbox].dry-checkbox + label,
  input[type=radio].dry-radio + label {
    padding: 6px 20px 6px 20px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    line-height: 16px; }
  input[type=checkbox].dry-checkbox + .dry-checkbox__label,
  input[type=radio].dry-radio + .dry-checkbox__label {
    line-height: normal;
    padding: 11px 20px 11px 20px; }

input[type=checkbox].dry-checkbox + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAM1BMVEW/v7+zs7PS0tLExMTExMTExMTExMTAwMC+vr66urq8vLzLy8vPz8/y8vL29vb7+/v///9YTUhfAAAACXRSTlMICijd3uTl/f2pYUk2AAAAPUlEQVR42r3OuREAIQwEwQWBHl7lH+05qoMIaG+8Qa5iQSiBx/SwBqMt/02B+cXeZdvXhoL6PpOExGpBCz5F7gpo2B38fQAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

input[type=checkbox].dry-checkbox:checked + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA60lEQVQoU2NsWBXK9k2IuZuBgSGGgYFBiAE/eM/AwLCY693fUsbyPZET/jP8zyegAV26k7FsT8RbImxC1/gOpPE/IdukeRUZVIV0GQ483ARXSlAjSFOqUTUDJws3w8mnexnW3ZgD1oyiUUVIh+HOuytwU5E1gQRvv7vMMOd8G6pGM2knhmCNVIYnn+8xzDnXxiDEKQa3CaQSJv79z1dUjblmrQwyvEpgQZAiYU5xsPOwaUJxKrqzYO5FtwkmjuJHdM24NGEEDkgApvnt95dgv8L8hB5l5CcAcpLcf4b/XYxIiTyWgYFBkNhEDgDP1H5yrhaGNgAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

input[type=checkbox].dry-checkbox-finish {
  display: none; }
  input[type=checkbox].dry-checkbox-finish + label {
    padding: 6px 20px 6px 35px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    line-height: 16px; }
  input[type=checkbox].dry-checkbox-finish + .dry-checkbox__label {
    line-height: normal;
    padding: 11px 20px 11px 20px; }

input[type=checkbox].dry-checkbox-finish + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZEM0I2ODhBQ0I3MTFFNkFBRjg4MDNBNjAwQjdCMDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZEM0I2ODdBQ0I3MTFFNkFBRjg4MDNBNjAwQjdCMDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzhEQzcxOUExQjQxMUU2OTk1NDgxQjdGOUQ3NDUzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzhEQzcxQUExQjQxMUU2OTk1NDgxQjdGOUQ3NDUzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnz3Eg8AAACISURBVHjaYvzz9/fWO0vPvzjy7fcXBuIAJwu3kaStt0o046abC4F8Z8UgLlYeIjV///N1z721LEysDA0HU77++vyfRADUAtTIBHQt8XbCAVALUCMTAwVgVPOo5mGrGZI/SNUGyYtMRhK2e++vA+Zv4nUCFQO1mEo5MkKKoXPPDxOvH14MAQQYAH9VcJwFRH/IAAAAAElFTkSuQmCC) 0% 50% no-repeat; }

input[type=checkbox].dry-checkbox-finish:checked + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZENkIwQkZBQ0I3MTFFNkFBRjg4MDNBNjAwQjdCMDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZENkIwQkVBQ0I3MTFFNkFBRjg4MDNBNjAwQjdCMDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzhEQzcxOUExQjQxMUU2OTk1NDgxQjdGOUQ3NDUzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzhEQzcxQUExQjQxMUU2OTk1NDgxQjdGOUQ3NDUzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpVhMNUAAAD9SURBVHjaYvzz9/fWO0vPvzjy7fcXBuIAJwu3kaStt0o0s0m0ytHHO37/+8VANPjz7/fjT3f+/v/LrB4qQpJOOHj17SkT8a5FA0CNTAwUANprVuTT9lCMwhRnIUZngmExBwunIKfo8msTCdisLWyBqRPIFuQQIWCzvYy/l3rEyy8hs861iHJKw3W+/PJ00eVeApqNpW2BpDiPdJpRDT+HEFwn0Kwvvz8QCLD11+f/+PMdoh+/Tiya73+6uuB8L0Q/fp3YAwyuH79OIGAs2xMxiFMYTs1crDzk6QRqZDKSsCVPs6mUI4uXStR/hv/nnh/+/ucrScWQu1IYQIABAEx1eo1nyYOtAAAAAElFTkSuQmCC) 0% 50% no-repeat; }

input[type=radio].dry-radio + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAPFBMVEVMaXHBwcHCwsLDw8PDw8PHx8fIyMjGxsbFxcXFxcXCwsLBwcH////u7u66urq9vb37+/vT09O+vr7U1NTdgIigAAAADHRSTlMAV1hZWsDBwtvc+fnvZQU/AAAAXklEQVR42l2OWw6AIAwECyjvtjzuf1cLGlHmq5NstgvC4SNR9AYmjiuWgpXttIZ5gs1JksUeZw2+5pcaIOJSjEBlaaFN93D4V5nvIwVg14zzHtnHyM5iAx0SUQpKzgtM9AgKtiqbHwAAAABJRU5ErkJggg==) 0% 50% no-repeat; }

input[type=radio].dry-radio:checked + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJFMERDMkI5NTE1MTFFNjk4Nzc5RkM2QjkxMEE5M0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJFMERDMkM5NTE1MTFFNjk4Nzc5RkM2QjkxMEE5M0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QkUwREMyOTk1MTUxMUU2OTg3NzlGQzZCOTEwQTkzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QkUwREMyQTk1MTUxMUU2OTg3NzlGQzZCOTEwQTkzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrmHI9cAAAGSSURBVHjaYvz//z8DDJTvjRQBUkVA7APEalDhG0C8CYgndTovfwNTywjSCNQAYgcD8VxLGTd+dWF9BiEOUbCCt99fMdx6d4nh+JNdn4DcJCBeCzSAgQVqAEjT6jCtTMY//34x7HuwnuHFl8dgCQkeWQYTSQcGoBzfqmvTVwOFQkGaGcv2RICMvgOSePTxNsOJp3sYsAELaRcGOX5VBqBmkM2qTEAi10rGje/Pv984NYEASA7kGisZdz4gtwCk0U9VSI/hzPMDDITAmecHGdSE9UBMH5BGDWFOMbif8AGQGiGgWiBQZ2IgEfz99wdE/QJpvAEKclDoEQIgNR9/vgUx74E0brr97jIwyO0JagSpufX2Moi5FaRxyrEnOz+xMLGBgxwXAMmB1IDUArkTYCkHnADCgQngFzDIzwJD7/nnR2ANkrxyYJtAmoBxCEqfocCUsxaWctYCcdjKa9PnAZMcr7NCIDj0/v7/y/D++2tgkrsMSnKfgWoSoWohaRVLIvcFBTko9ID4FshPQDwROZEDBBgARmGgMVoA3pAAAAAASUVORK5CYII=) 0% 50% no-repeat; }

.dry-checkbox__label {
  color: #333;
  font-size: 14px; }

.cl-input {
  width: 260px;
  display: block; }
  .cl-input input:focus, .cl-input textarea:focus {
    outline: none;
    border: 1px solid #76bc58; }
  .cl-input:after {
    clear: both;
    content: "";
    display: block; }
  .cl-input .cl-input__label, .cl-input .cl-input__required {
    text-overflow: ellipsis;
    overflow: hidden;
    display: table-cell;
    float: left;
    white-space: nowrap;
    margin-bottom: 5px; }
  .cl-input .cl-input__label {
    width: 80%;
    width: calc(100% - 100px);
    color: #333;
    font-size: 16px;
    cursor: pointer; }
    .cl-input .cl-input__label--wide {
      width: 100%; }
  .cl-input .cl-input__required {
    width: 20%;
    width: calc(0% + 100px);
    font-size: 11px;
    line-height: 20px;
    color: #6c6c6c;
    text-align: right;
    margin-bottom: 5px;
    position: relative;
    min-height: 15px;
    display: none; }
  .cl-input .cl-input__field {
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 26px;
    width: 100%;
    height: 42px;
    border-radius: 0;
    background-color: #f9faf9;
    border: 1px solid #bababa;
    color: #333;
    padding: 11px;
    margin: 0;
    -webkit-appearance: none; }
  .cl-input .cl-date-placeholder {
    position: absolute;
    bottom: 0;
    pointer-events: none; }
  .cl-input .cl-input__field:focus + .cl-date-placeholder {
    border: 1px solid #76bc58; }
  .cl-input textarea.cl-input__field {
    height: auto;
    max-width: 100%; }
  .cl-input .cl-input__info {
    color: #333;
    font-size: 12px;
    margin: 7px 0 0;
    line-height: 16px; }
  .cl-input .cl-input-label__short {
    width: calc(100% - 160px); }

.cl-image-radio-input {
  width: 260px; }
  .cl-image-radio-input .cl-image-radio-input__label {
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    padding: 0 20px 0 0;
    white-space: nowrap; }
    .cl-image-radio-input .cl-image-radio-input__label:last-of-type {
      padding-right: 0; }
  .cl-image-radio-input .cl-image-radio-input__text {
    display: inline-block; }
  .cl-image-radio-input input:focus + .cl-image-radio-input__text {
    color: #76bc58; }
  .cl-image-radio-input .cl-image-radio-input__icon {
    margin: 0 15px 0 0;
    padding: 12px 0;
    border: 1px solid #bababa;
    background-color: #f9faf9;
    font-size: 16px;
    line-height: 16px;
    width: 42px;
    height: 42px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center; }
    .cl-image-radio-input .cl-image-radio-input__icon:before {
      padding: 0; }

.cl-image-radio-input--two-options .cl-image-radio-input__label {
  width: 50%;
  display: block;
  float: left; }

.cl-image-radio-input--two-options .cl-image-radio-input__text {
  width: calc(100% - 63px);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 17px; }

.cl-date-input .cl-select-input {
  float: left;
  width: 30.3%;
  margin-left: -1px; }
  .cl-date-input .cl-select-input:last-of-type {
    margin-right: 0; }

.cl-date-input .year {
  width: 40%; }

.cl-date-input .ng-invalid.ng-dirty {
  border-color: #e74c3c; }

.cl-date-input input[type=number]::-webkit-inner-spin-button,
.cl-date-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  apparance: none;
  margin: 0; }

.ie8 .cl-select-input .cl-select-input__options {
  background-image: none; }

.ie8 .cl-date-input .year {
  margin-right: 0; }

input::-webkit-input-placeholder {
  color: #bababa; }

input:-moz-placeholder {
  color: #bababa; }

input::-moz-placeholder {
  color: #bababa; }

input:-ms-input-placeholder {
  color: #bababa; }

.r_on .cl-image-radio-input__icon {
  background-color: #76bc58;
  color: #fff;
  border: 1px solid #76bc58; }

.cl-select-input {
  width: 260px; }
  .cl-select-input--postal-code {
    width: 96%; }
  .cl-select-input select:focus {
    outline: none;
    border: 1px solid #76bc58; }
  .cl-select-input .cl-select-input__options {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 42px;
    overflow: hidden;
    background: #f9faf9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYECTI07Iv95gAAAHFJREFUGNNj/P//PwOxgIWBgYHh4ImTuxkYGPbsP3q0E12Bo7V1KAMDQ7m9hbkJE1RsDwMDQ4ejtXU5FoWroPIMTAwMDAxQEyuQNSAp7Nx/9GgFXDEWDTPRFaIoRtOQhq4QQzGSBld0hQwMDAyMpAQdAPqjM9e7Ib+bAAAAAElFTkSuQmCC) no-repeat 95% 50%;
    background-position-x: calc(100% - 15px);
    font-size: 1rem;
    line-height: 18px;
    border-radius: 0;
    border: 1px solid #bababa;
    color: #333;
    padding: 8px;
    margin: 0;
    display: block;
    -webkit-appearance: none; }
  .cl-select-input--light .cl-select-input__options {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    color: #747474;
    text-transform: capitalize; }
  .cl-select-input .cl-input__info {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    padding-left: 5px; }
  .cl-select-input .default-value-selected {
    color: #bababa; }
  .cl-select-input select[disabled] {
    background-image: none;
    background-color: transparent;
    color: #bababa;
    border-color: #e0e0e0; }

option {
  color: #333; }

.cl-input-validation-msg {
  padding: 5px 0 0 0;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #e74c3c;
  display: none; }

.cl-input__optional {
  text-transform: uppercase;
  display: block !important; }

.cl-invalid-input .cl-input-validation-msg {
  display: block; }

.cl-invalid-input .cl-input__field, .cl-invalid-input .cl-select-input__options {
  border: 1px solid #e74c3c !important; }

.cl-invalid-input .cl-input__required {
  display: block; }

.cl-invalid-input .cl-invalid-error-text, .cl-invalid-input .cl-input__required--options {
  color: #e74c3c; }

.cl-invalid-input .cl-image-radio-input__icon {
  border: 1px solid #e74c3c; }

.cl-invalid-input input[type=checkbox].dry-checkbox + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4MzI2ODM1MDIyQzExRTY5MUYxQjJENjZBOEY3OEFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4MzI2ODM2MDIyQzExRTY5MUYxQjJENjZBOEY3OEFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjgzMjY4MzMwMjJDMTFFNjkxRjFCMkQ2NkE4Rjc4QUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjgzMjY4MzQwMjJDMTFFNjkxRjFCMkQ2NkE4Rjc4QUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7YzkYTAAAAIVBMVEXnTDzxmpHpWUr98vH++/rxmZDpWEn98/Lyn5byoJf///8j056bAAAAC3RSTlP/////////////AEpPAfIAAAA7SURBVHjaYmBhZWKAAjZWFgZGRmYuKGBn5GRggvO4uJiBCrmQAAP9uGjOYGRkRziSg4GFlQ3JCwABBgBNyAWk1x9NNwAAAABJRU5ErkJggg==) 0 50% no-repeat; }

.cl-invalid-input .cl-input__field.ext {
  border: 1px solid #bababa !important; }

.cl-invalid-input input[type=checkbox].dry-checkbox-finish + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZENkIwQzdBQ0I3MTFFNkFBRjg4MDNBNjAwQjdCMDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZENkIwQzZBQ0I3MTFFNkFBRjg4MDNBNjAwQjdCMDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzhEQzcxOUExQjQxMUU2OTk1NDgxQjdGOUQ3NDUzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzhEQzcxQUExQjQxMUU2OTk1NDgxQjdGOUQ3NDUzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrZBgAAAAAhUExURfGakelZSv3y8f77+vGZkOlYSf3z8vKgl/KfludMPP////NkgJUAAAA4SURBVHja7JGxAQAgCIAwtdL/D27WOiFGRkBNouCmwMjCZCHNZQ4h8iK+7PKZDmaPvFHza8cRYADiWg6EeGz23wAAAABJRU5ErkJggg==) 0 50% no-repeat; }

.matrix-top-labels {
  padding-left: 220px;
  background-color: #f3f3f3; }
  .matrix-top-labels .matrix-top-label {
    padding: 10px 5px;
    word-break: break-word;
    box-sizing: border-box;
    font-size: 15px; }

.matrix-subquestion {
  padding: 10px 0;
  position: relative; }
  .matrix-subquestion:nth-of-type(2n + 1) {
    background-color: #f3f3f3; }
  .matrix-subquestion .matrix-subquestion-label {
    width: 200px;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 15px; }
  .matrix-subquestion .matrix-subquestion-radios {
    position: absolute;
    right: 0;
    top: 10px;
    top: calc(50% - 14px);
    padding-top: 2px;
    width: 410px;
    width: calc(100% - 220px);
    margin-left: 20px; }
  .matrix-subquestion .matrix-subquestion-radio {
    display: block;
    float: left;
    text-align: center; }
    .matrix-subquestion .matrix-subquestion-radio input[type=radio].dry-radio + .matrix-radio-label {
      min-height: 20px;
      padding-right: 20px;
      background-position: 14px 50%; }
      .matrix-subquestion .matrix-subquestion-radio input[type=radio].dry-radio + .matrix-radio-label span {
        display: none; }

@media (max-width: 740px) {
  .matrix-top-labels {
    display: none; }
  .matrix-subquestion {
    padding: 10px;
    border: 1px solid #bababa;
    margin-bottom: 20px; }
    .matrix-subquestion:nth-of-type(2n + 1) {
      background: none; }
    .matrix-subquestion .matrix-subquestion-label {
      width: 100%;
      padding: 0;
      margin-bottom: 15px;
      font-size: 16px; }
    .matrix-subquestion .matrix-subquestion-radios {
      position: relative;
      right: auto;
      top: auto;
      width: 100%;
      margin-left: 0; }
    .matrix-subquestion .matrix-subquestion-radio {
      width: 100% !important;
      text-align: left; }
      .matrix-subquestion .matrix-subquestion-radio input[type=radio].dry-radio + .matrix-radio-label {
        background-position: 10px 50%; }
        .matrix-subquestion .matrix-subquestion-radio input[type=radio].dry-radio + .matrix-radio-label span {
          display: inline; } }

.iti-flag {
  width: 16px;
  height: 11px;
  background: url(/v3/assets//build/assets/flags.png); }
  .iti-flag.ad {
    background-position: -16px 0; }
  .iti-flag.ae {
    background-position: -32px 0; }
  .iti-flag.af {
    background-position: -48px 0; }
  .iti-flag.ag {
    background-position: -64px 0; }
  .iti-flag.ai {
    background-position: -80px 0; }
  .iti-flag.al {
    background-position: -96px 0; }
  .iti-flag.am {
    background-position: -112px 0; }
  .iti-flag.ao {
    background-position: -128px 0; }
  .iti-flag.ar {
    background-position: -144px 0; }
  .iti-flag.as {
    background-position: -160px 0; }
  .iti-flag.at {
    background-position: -176px 0; }
  .iti-flag.au {
    background-position: -192px 0; }
  .iti-flag.aw {
    background-position: -208px 0; }
  .iti-flag.az {
    background-position: -224px 0; }
  .iti-flag.ba {
    background-position: -240px 0; }
  .iti-flag.bb {
    background-position: 0 -11px; }
  .iti-flag.bd {
    background-position: -16px -11px; }
  .iti-flag.be {
    background-position: -32px -11px; }
  .iti-flag.bf {
    background-position: -48px -11px; }
  .iti-flag.bg {
    background-position: -64px -11px; }
  .iti-flag.bh {
    background-position: -80px -11px; }
  .iti-flag.bi {
    background-position: -96px -11px; }
  .iti-flag.bj {
    background-position: -112px -11px; }
  .iti-flag.bm {
    background-position: -128px -11px; }
  .iti-flag.bn {
    background-position: -144px -11px; }
  .iti-flag.bo {
    background-position: -160px -11px; }
  .iti-flag.br {
    background-position: -176px -11px; }
  .iti-flag.bs {
    background-position: -192px -11px; }
  .iti-flag.bt {
    background-position: -208px -11px; }
  .iti-flag.bw {
    background-position: -224px -11px; }
  .iti-flag.by {
    background-position: -240px -11px; }
  .iti-flag.bz {
    background-position: 0 -22px; }
  .iti-flag.ca {
    background-position: -16px -22px; }
  .iti-flag.cd {
    background-position: -32px -22px; }
  .iti-flag.cf {
    background-position: -48px -22px; }
  .iti-flag.cg {
    background-position: -64px -22px; }
  .iti-flag.ch {
    background-position: -80px -22px; }
  .iti-flag.ci {
    background-position: -96px -22px; }
  .iti-flag.ck {
    background-position: -112px -22px; }
  .iti-flag.cl {
    background-position: -128px -22px; }
  .iti-flag.cm {
    background-position: -144px -22px; }
  .iti-flag.cn {
    background-position: -160px -22px; }
  .iti-flag.co {
    background-position: -176px -22px; }
  .iti-flag.cr {
    background-position: -192px -22px; }
  .iti-flag.cu {
    background-position: -208px -22px; }
  .iti-flag.cv {
    background-position: -224px -22px; }
  .iti-flag.cw {
    background-position: -240px -22px; }
  .iti-flag.cy {
    background-position: 0 -33px; }
  .iti-flag.cz {
    background-position: -16px -33px; }
  .iti-flag.de {
    background-position: -32px -33px; }
  .iti-flag.dj {
    background-position: -48px -33px; }
  .iti-flag.dk {
    background-position: -64px -33px; }
  .iti-flag.dm {
    background-position: -80px -33px; }
  .iti-flag.do {
    background-position: -96px -33px; }
  .iti-flag.dz {
    background-position: -112px -33px; }
  .iti-flag.ec {
    background-position: -128px -33px; }
  .iti-flag.ee {
    background-position: -144px -33px; }
  .iti-flag.eg {
    background-position: -160px -33px; }
  .iti-flag.er {
    background-position: -176px -33px; }
  .iti-flag.es {
    background-position: -192px -33px; }
  .iti-flag.et {
    background-position: -208px -33px; }
  .iti-flag.fi {
    background-position: -224px -33px; }
  .iti-flag.fj {
    background-position: -240px -33px; }
  .iti-flag.fk {
    background-position: 0 -44px; }
  .iti-flag.fm {
    background-position: -16px -44px; }
  .iti-flag.fo {
    background-position: -32px -44px; }
  .iti-flag.fr, .iti-flag.bl, .iti-flag.mf {
    background-position: -48px -44px; }
  .iti-flag.ga {
    background-position: -64px -44px; }
  .iti-flag.gb {
    background-position: -80px -44px; }
  .iti-flag.gd {
    background-position: -96px -44px; }
  .iti-flag.ge {
    background-position: -112px -44px; }
  .iti-flag.gf {
    background-position: -128px -44px; }
  .iti-flag.gh {
    background-position: -144px -44px; }
  .iti-flag.gi {
    background-position: -160px -44px; }
  .iti-flag.gl {
    background-position: -176px -44px; }
  .iti-flag.gm {
    background-position: -192px -44px; }
  .iti-flag.gn {
    background-position: -208px -44px; }
  .iti-flag.gp {
    background-position: -224px -44px; }
  .iti-flag.gq {
    background-position: -240px -44px; }
  .iti-flag.gr {
    background-position: 0 -55px; }
  .iti-flag.gt {
    background-position: -16px -55px; }
  .iti-flag.gu {
    background-position: -32px -55px; }
  .iti-flag.gw {
    background-position: -48px -55px; }
  .iti-flag.gy {
    background-position: -64px -55px; }
  .iti-flag.hk {
    background-position: -80px -55px; }
  .iti-flag.hn {
    background-position: -96px -55px; }
  .iti-flag.hr {
    background-position: -112px -55px; }
  .iti-flag.ht {
    background-position: -128px -55px; }
  .iti-flag.hu {
    background-position: -144px -55px; }
  .iti-flag.id {
    background-position: -160px -55px; }
  .iti-flag.ie {
    background-position: -176px -55px; }
  .iti-flag.il {
    background-position: -192px -55px; }
  .iti-flag.in {
    background-position: -208px -55px; }
  .iti-flag.io {
    background-position: -224px -55px; }
  .iti-flag.iq {
    background-position: -240px -55px; }
  .iti-flag.ir {
    background-position: 0 -66px; }
  .iti-flag.is {
    background-position: -16px -66px; }
  .iti-flag.it {
    background-position: -32px -66px; }
  .iti-flag.jm {
    background-position: -48px -66px; }
  .iti-flag.jo {
    background-position: -64px -66px; }
  .iti-flag.jp {
    background-position: -80px -66px; }
  .iti-flag.ke {
    background-position: -96px -66px; }
  .iti-flag.kg {
    background-position: -112px -66px; }
  .iti-flag.kh {
    background-position: -128px -66px; }
  .iti-flag.ki {
    background-position: -144px -66px; }
  .iti-flag.km {
    background-position: -160px -66px; }
  .iti-flag.kn {
    background-position: -176px -66px; }
  .iti-flag.kp {
    background-position: -192px -66px; }
  .iti-flag.kr {
    background-position: -208px -66px; }
  .iti-flag.kw {
    background-position: -224px -66px; }
  .iti-flag.ky {
    background-position: -240px -66px; }
  .iti-flag.kz {
    background-position: 0 -77px; }
  .iti-flag.la {
    background-position: -16px -77px; }
  .iti-flag.lb {
    background-position: -32px -77px; }
  .iti-flag.lc {
    background-position: -48px -77px; }
  .iti-flag.li {
    background-position: -64px -77px; }
  .iti-flag.lk {
    background-position: -80px -77px; }
  .iti-flag.lr {
    background-position: -96px -77px; }
  .iti-flag.ls {
    background-position: -112px -77px; }
  .iti-flag.lt {
    background-position: -128px -77px; }
  .iti-flag.lu {
    background-position: -144px -77px; }
  .iti-flag.lv {
    background-position: -160px -77px; }
  .iti-flag.ly {
    background-position: -176px -77px; }
  .iti-flag.ma {
    background-position: -192px -77px; }
  .iti-flag.mc {
    background-position: -208px -77px; }
  .iti-flag.md {
    background-position: -224px -77px; }
  .iti-flag.me {
    background-position: -112px -154px;
    height: 12px; }
  .iti-flag.mg {
    background-position: 0 -88px; }
  .iti-flag.mh {
    background-position: -16px -88px; }
  .iti-flag.mk {
    background-position: -32px -88px; }
  .iti-flag.ml {
    background-position: -48px -88px; }
  .iti-flag.mm {
    background-position: -64px -88px; }
  .iti-flag.mn {
    background-position: -80px -88px; }
  .iti-flag.mo {
    background-position: -96px -88px; }
  .iti-flag.mp {
    background-position: -112px -88px; }
  .iti-flag.mq {
    background-position: -128px -88px; }
  .iti-flag.mr {
    background-position: -144px -88px; }
  .iti-flag.ms {
    background-position: -160px -88px; }
  .iti-flag.mt {
    background-position: -176px -88px; }
  .iti-flag.mu {
    background-position: -192px -88px; }
  .iti-flag.mv {
    background-position: -208px -88px; }
  .iti-flag.mw {
    background-position: -224px -88px; }
  .iti-flag.mx {
    background-position: -240px -88px; }
  .iti-flag.my {
    background-position: 0 -99px; }
  .iti-flag.mz {
    background-position: -16px -99px; }
  .iti-flag.na {
    background-position: -32px -99px; }
  .iti-flag.nc {
    background-position: -48px -99px; }
  .iti-flag.ne {
    background-position: -64px -99px; }
  .iti-flag.nf {
    background-position: -80px -99px; }
  .iti-flag.ng {
    background-position: -96px -99px; }
  .iti-flag.ni {
    background-position: -112px -99px; }
  .iti-flag.nl, .iti-flag.bq {
    background-position: -128px -99px; }
  .iti-flag.no {
    background-position: -144px -99px; }
  .iti-flag.np {
    background-position: -160px -99px; }
  .iti-flag.nr {
    background-position: -176px -99px; }
  .iti-flag.nu {
    background-position: -192px -99px; }
  .iti-flag.nz {
    background-position: -208px -99px; }
  .iti-flag.om {
    background-position: -224px -99px; }
  .iti-flag.pa {
    background-position: -240px -99px; }
  .iti-flag.pe {
    background-position: 0 -110px; }
  .iti-flag.pf {
    background-position: -16px -110px; }
  .iti-flag.pg {
    background-position: -32px -110px; }
  .iti-flag.ph {
    background-position: -48px -110px; }
  .iti-flag.pk {
    background-position: -64px -110px; }
  .iti-flag.pl {
    background-position: -80px -110px; }
  .iti-flag.pm {
    background-position: -96px -110px; }
  .iti-flag.pr {
    background-position: -112px -110px; }
  .iti-flag.ps {
    background-position: -128px -110px; }
  .iti-flag.pt {
    background-position: -144px -110px; }
  .iti-flag.pw {
    background-position: -160px -110px; }
  .iti-flag.py {
    background-position: -176px -110px; }
  .iti-flag.qa {
    background-position: -192px -110px; }
  .iti-flag.re {
    background-position: -208px -110px; }
  .iti-flag.ro {
    background-position: -224px -110px; }
  .iti-flag.rs {
    background-position: -240px -110px; }
  .iti-flag.ru {
    background-position: 0 -121px; }
  .iti-flag.rw {
    background-position: -16px -121px; }
  .iti-flag.sa {
    background-position: -32px -121px; }
  .iti-flag.sb {
    background-position: -48px -121px; }
  .iti-flag.sc {
    background-position: -64px -121px; }
  .iti-flag.sd {
    background-position: -80px -121px; }
  .iti-flag.se {
    background-position: -96px -121px; }
  .iti-flag.sg {
    background-position: -112px -121px; }
  .iti-flag.sh {
    background-position: -128px -121px; }
  .iti-flag.si {
    background-position: -144px -121px; }
  .iti-flag.sk {
    background-position: -160px -121px; }
  .iti-flag.sl {
    background-position: -176px -121px; }
  .iti-flag.sm {
    background-position: -192px -121px; }
  .iti-flag.sn {
    background-position: -208px -121px; }
  .iti-flag.so {
    background-position: -224px -121px; }
  .iti-flag.sr {
    background-position: -240px -121px; }
  .iti-flag.ss {
    background-position: 0 -132px; }
  .iti-flag.st {
    background-position: -16px -132px; }
  .iti-flag.sv {
    background-position: -32px -132px; }
  .iti-flag.sx {
    background-position: -48px -132px; }
  .iti-flag.sy {
    background-position: -64px -132px; }
  .iti-flag.sz {
    background-position: -80px -132px; }
  .iti-flag.tc {
    background-position: -96px -132px; }
  .iti-flag.td {
    background-position: -112px -132px; }
  .iti-flag.tg {
    background-position: -128px -132px; }
  .iti-flag.th {
    background-position: -144px -132px; }
  .iti-flag.tj {
    background-position: -160px -132px; }
  .iti-flag.tk {
    background-position: -176px -132px; }
  .iti-flag.tl {
    background-position: -192px -132px; }
  .iti-flag.tm {
    background-position: -208px -132px; }
  .iti-flag.tn {
    background-position: -224px -132px; }
  .iti-flag.to {
    background-position: -240px -132px; }
  .iti-flag.tr {
    background-position: 0 -143px; }
  .iti-flag.tt {
    background-position: -16px -143px; }
  .iti-flag.tv {
    background-position: -32px -143px; }
  .iti-flag.tw {
    background-position: -48px -143px; }
  .iti-flag.tz {
    background-position: -64px -143px; }
  .iti-flag.ua {
    background-position: -80px -143px; }
  .iti-flag.ug {
    background-position: -96px -143px; }
  .iti-flag.us {
    background-position: -112px -143px; }
  .iti-flag.uy {
    background-position: -128px -143px; }
  .iti-flag.uz {
    background-position: -144px -143px; }
  .iti-flag.va {
    background-position: -160px -143px; }
  .iti-flag.vc {
    background-position: -176px -143px; }
  .iti-flag.ve {
    background-position: -192px -143px; }
  .iti-flag.vg {
    background-position: -208px -143px; }
  .iti-flag.vi {
    background-position: -224px -143px; }
  .iti-flag.vn {
    background-position: -240px -143px; }
  .iti-flag.vu {
    background-position: 0 -154px; }
  .iti-flag.wf {
    background-position: -16px -154px; }
  .iti-flag.ws {
    background-position: -32px -154px; }
  .iti-flag.ye {
    background-position: -48px -154px; }
  .iti-flag.za {
    background-position: -64px -154px; }
  .iti-flag.zm {
    background-position: -80px -154px; }
  .iti-flag.zw {
    background-position: -96px -154px; }

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 260px; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input {
    position: relative;
    width: 260px;
    display: inline-block;
    z-index: 0;
    -webkit-box-shadow: inherit;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 44px;
    margin-left: 0;
    transition: background-color 100ms ease-out; }
    .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
      position: relative;
      z-index: 0;
      -webkit-box-shadow: inherit;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-left: 44px;
      margin-left: 0;
      transition: background-color 100ms ease-out; }
    .intl-tel-input input.iti-invalid-key {
      transition: background-color 0ms;
      background-color: #FFC7C7; }
  .intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px; }
    .intl-tel-input .flag-dropdown:hover {
      cursor: pointer; }
      .intl-tel-input .flag-dropdown:hover .selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input input[disabled] + .flag-dropdown:hover, .intl-tel-input input[readonly] + .flag-dropdown:hover {
    cursor: default; }
  .intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag, .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag {
    background-color: transparent; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 50%;
      margin-top: -5px; }
    .intl-tel-input .selected-flag .arrow {
      position: relative;
      top: 50%;
      margin-top: -2px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list .iti-flag {
      display: inline-block; }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
      .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .iti-flag, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal; } }

.ngdialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .ngdialog * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .ngdialog *:before, .ngdialog *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-content {
  background: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\D7';
  cursor: pointer; }

body.ngdialog-open {
  overflow: hidden; }

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px; }
  .ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s; }
  .ngdialog.ngdialog-theme-default .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    background: #f9f9f9;
    border-radius: 5px;
    color: #444;
    font-family: 'Helvetica',sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    position: relative;
    width: 450px; }
  .ngdialog.ngdialog-theme-default .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }
    .ngdialog.ngdialog-theme-default .ngdialog-close:before {
      font-size: 26px;
      font-size: 1.625rem;
      background: transparent;
      border-radius: 3px;
      color: #bbb;
      content: '\D7';
      font-weight: 400;
      height: 30px;
      line-height: 26px;
      position: absolute;
      right: 3px;
      text-align: center;
      top: 3px;
      width: 30px; }
    .ngdialog.ngdialog-theme-default .ngdialog-close:hover:before, .ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
      color: #777; }
  .ngdialog.ngdialog-theme-default .ngdialog-message {
    margin-bottom: .5em; }
  .ngdialog.ngdialog-theme-default .ngdialog-input {
    margin-bottom: 1em; }
    .ngdialog.ngdialog-theme-default .ngdialog-input textarea {
      background: #fff;
      border: 0;
      border-radius: 3px;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      margin: 0 0 .25em;
      min-height: 2.5em;
      padding: .25em .67em;
      width: 100%; }
    .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
      background: #fff;
      border: 0;
      border-radius: 3px;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      margin: 0 0 .25em;
      min-height: 2.5em;
      padding: .25em .67em;
      width: 100%; }
    .ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus {
      -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
      box-shadow: inset 0 0 0 2px #8dbdf1;
      outline: none; }
    .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
      -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
      box-shadow: inset 0 0 0 2px #8dbdf1;
      outline: none; }
  .ngdialog.ngdialog-theme-default .ngdialog-buttons {
    *zoom: 1; }
    .ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
      content: '';
      display: table;
      clear: both; }
  .ngdialog.ngdialog-theme-default .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em; }
    .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
      -webkit-animation: ngdialog-pulse 1.1s infinite;
      animation: ngdialog-pulse 1.1s infinite;
      outline: none; }
    .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
      background: #3288e6;
      color: #fff; }
    .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
      background: #e0e0e0;
      color: #777; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none; } }

.active-popup,
.tooltip-container {
  font-size: 10px;
  font-size: 0.625rem;
  margin: 0;
  position: relative;
  z-index: 1000;
  -webkit-transform: translateZ(0);
  /* webkit flicker fix */
  -webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */ }
  .active-popup .tooltip,
  .tooltip-container .tooltip {
    font-size: 11px;
    font-size: 0.6875rem;
    background-color: #7F8C8D;
    bottom: 100%;
    color: #fff;
    display: table;
    left: 1px;
    margin-bottom: 81px;
    opacity: 0;
    padding: 2px 7px;
    pointer-events: none;
    position: absolute;
    width: auto;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .50s ease-out;
    -moz-transition: all .50s ease-out;
    -ms-transition: all .50s ease-out;
    -o-transition: all .50s ease-out;
    transition: all .50s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }

.left-column__options--small .tooltip:hover,
.left-column__options--small .tooltip.tooltip--big-text {
  background-color: #7F8C8D;
  color: #fff; }

.left-column__options--small .tooltip-body,
.left-column__options--small .tooltip-title {
  color: #fff; }
  .left-column__options--small .tooltip-body:hover,
  .left-column__options--small .tooltip-title:hover {
    background-color: #7F8C8D;
    color: #fff !important; }

.tooltip {
  border-radius: 20px;
  opacity: 0;
  display: none; }

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.active-popup .tooltip:before {
  bottom: 0;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%; }

.active-popup .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #333 10px;
  bottom: -5px;
  content: " ";
  height: 0;
  left: 44%;
  margin-left: -13px;
  position: absolute;
  width: 0; }

.active-popup.popup-show .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

/* IE can just show/hide with no transition */
.lte8 .active-popup .tooltip {
  display: none; }

.lte8 .active-popup:hover .tooltip {
  display: block; }

.tooltip.tooltip--big-text,
.tooltip.tooltip--big-text--left,
.tooltip.tooltip--big-text--right,
.tooltip.tooltip--big-text--center {
  top: 64px;
  left: -20px;
  z-index: 1;
  width: 292px;
  border-radius: 5px;
  padding: 15px;
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem; }
  .tooltip.tooltip--big-text:before,
  .tooltip.tooltip--big-text--left:before,
  .tooltip.tooltip--big-text--right:before,
  .tooltip.tooltip--big-text--center:before {
    bottom: 0;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%; }
  .tooltip.tooltip--big-text:after,
  .tooltip.tooltip--big-text--left:after,
  .tooltip.tooltip--big-text--right:after,
  .tooltip.tooltip--big-text--center:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: inherit;
    border-bottom: solid #7F8C8D 10px;
    bottom: inherit;
    top: -5px;
    content: " ";
    height: 0;
    left: 18%;
    margin-left: -13px;
    position: absolute;
    width: 0; }
  .tooltip.tooltip--big-text.popup-show .tooltip,
  .tooltip.tooltip--big-text--left.popup-show .tooltip,
  .tooltip.tooltip--big-text--right.popup-show .tooltip,
  .tooltip.tooltip--big-text--center.popup-show .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  .tooltip.tooltip--big-text .tooltip-title,
  .tooltip.tooltip--big-text--left .tooltip-title,
  .tooltip.tooltip--big-text--right .tooltip-title,
  .tooltip.tooltip--big-text--center .tooltip-title {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.tooltip.tooltip--big-text--left {
  top: 27px;
  left: 20px; }

.tooltip.tooltip--big-text--center {
  top: 27px;
  left: -75px; }
  .tooltip.tooltip--big-text--center:after {
    top: -5px;
    left: 50%; }

.tooltip.tooltip--big-text--right {
  top: 27px;
  left: -170px; }
  .tooltip.tooltip--big-text--right:after {
    top: -5px;
    left: 84%; }

.tooltip-container {
  z-index: 1000; }
  .tooltip-container .tooltip {
    visibility: hidden;
    opacity: 0; }
  .tooltip-container:hover .tooltip {
    opacity: 1;
    visibility: visible; }

.login-container {
  height: 100%;
  background: url(/v3/assets//build/assets/bg-login.jpg) center;
  background-attachment: fixed;
  position: relative;
  overflow: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-overflow-scrolling: touch; }

.login__content {
  padding: 20px 60px; }

.privacy-agreement {
  margin: 0 0 20px; }
  .privacy-agreement a {
    color: #76bc58; }
    .privacy-agreement a:hover {
      text-decoration: underline; }

.server-error {
  margin: 5px auto 0;
  display: block;
  font-size: 12px;
  font-size: 0.75rem; }

.server-message {
  margin: 5px auto 0;
  display: block;
  font-size: 12px;
  font-size: 0.75rem; }

.success-msg {
  color: #76bc58;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  transition: opacity 0.5s ease-in-out; }
  .success-msg--hidden {
    opacity: 0; }

input.error-input,
textarea.error-input {
  border: 1px solid #E64434; }

label.error-input,
.my-account__form label.error-input {
  margin-top: 5px;
  display: block;
  color: #E64434;
  font-size: 12px;
  font-size: 0.75rem; }

.my-account__form label.error-input {
  width: 100%; }

.center-container {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 520px;
  width: 480px; }
  .center-container.center-container--website {
    width: 750px; }

.change-pass-container {
  top: -150px; }

.clinlife-logo {
  width: auto;
  margin: 0 auto 55px;
  display: block; }

.login {
  background-color: #fff; }

.login__form,
.reset__form,
.new-password__form {
  border: 0; }

.reset__form,
.new-password__form {
  padding: 20px 80px 25px; }

.verify-account__send-code {
  background: #76bc58;
  display: block;
  width: 100%;
  max-width: 320px;
  position: relative;
  margin: 0 auto 10px;
  padding: 15px 20px;
  color: #fff;
  text-align: left;
  border: none; }
  .verify-account__send-code .button__icon,
  .verify-account__send-code .button__content {
    display: inline-block; }
  .verify-account__send-code .button__icon {
    font-size: 32px;
    width: 35px; }
  .verify-account__send-code .button__content {
    font-size: 12px;
    padding-left: 20px; }
    .verify-account__send-code .button__content .block {
      font-family: "Lato-bold", helvetica, arial, sans-serif; }
  .verify-account__send-code:hover {
    transition: 0.15s background-color ease-in-out;
    background-color: #5da140; }

.login__form {
  padding: 0 60px 50px; }

.login__form--headline {
  text-align: center;
  background-color: #f9f9f9;
  padding: 20px;
  border-bottom: 1px solid #bababa; }

.login__consent {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0px; }

.form-login__set {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row; }

.form-login__control {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 50%;
  margin: 0 2%; }

.input-field--login {
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  border-radius: 0;
  background: #f9f9f9;
  border: 1px solid #bababa;
  color: #333;
  padding: 9px;
  margin: 5px 0 0;
  -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;
  -webkit-appearance: none; }

.icon-email:before,
.icon-share:after {
  padding: 0; }

.login--password {
  padding: 11px; }

.login__form--label {
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
  line-height: 24px; }

.login__form--pasword {
  width: 100%; }
  .login__form--pasword .label,
  .login__form--pasword .label__action {
    display: inline-block;
    line-height: 24px; }
  .login__form--pasword .label__action {
    float: right;
    text-align: right;
    color: #76bc58;
    font-size: 12px;
    font-size: 0.75rem; }
    .login__form--pasword .label__action:hover {
      text-decoration: underline; }

.password-wrapper {
  width: 100%;
  margin-top: 18px; }

.login__min-length {
  margin: 10px 0;
  font-size: 12px;
  font-size: 0.75rem; }

.submit-button {
  background-color: #76bc58;
  color: #f9f9f9;
  border: 0;
  border-radius: 0;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  position: relative; }
  .submit-button:hover {
    background-color: #5da140; }

.btn-large {
  cursor: pointer;
  width: 408px;
  max-width: 100%;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  background-color: #f1f1f1;
  margin-bottom: 20px; }

input.submit-button:focus {
  border: 0; }

.login__submit {
  padding: 18px 62px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 30px auto 0;
  cursor: pointer; }

.login__submit--wrapper {
  text-align: center; }

.cookie-enable-error {
  padding: 10px;
  background: #e74c3c;
  font-size: 0.75rem;
  text-align: center;
  margin: auto;
  position: relative;
  bottom: 15px;
  color: #fff; }

.cl-green {
  color: #76bc58; }

.sign-up-link {
  color: #76bc58;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.register-link {
  padding-top: 25px;
  text-align: center; }
  .register-link a,
  .register-link p {
    display: inline;
    font-size: 14px;
    font-size: 0.875rem; }

.reset-pass__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 62, 80, 0.9);
  left: 0;
  top: 0; }

.reset-pass__wrapper {
  position: relative;
  background-color: #fff;
  text-align: center;
  padding: 40px 20px;
  box-sizing: border-box;
  margin: 120px 0 0 0; }

.reset-password--modal {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 520px;
  width: 480px;
  z-index: 999999; }

.reset-pass__submit {
  width: 100%;
  padding: 18px 0;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 50px auto 30px;
  background-color: #76bc58;
  color: #f9f9f9;
  font-family: "Lato-bold", helvetica, arial, sans-serif;
  text-transform: uppercase;
  display: block;
  white-space: normal; }

.reset-pass__submit--wrapper {
  text-align: center;
  margin-bottom: 20px; }

.reset-password--back {
  color: #76bc58;
  margin: 30px 0 0 0;
  display: block;
  text-align: center;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.reset-password--modal__close {
  font-size: 22px;
  font-size: 1.375rem;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #bababa;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  height: 40px;
  line-height: 36px;
  width: 40px; }
  .reset-password--modal__close:hover {
    background-color: #91c979;
    color: #fff; }

.reset-password--modal__close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\D7'; }

.login__form--label--confirm {
  margin-top: 10px;
  display: block; }

.login__form--label--password {
  margin-top: 20px;
  display: block; }

.email-reminders__wrapper {
  background-color: #fff;
  text-align: center;
  padding: 40px 0 60px 0; }
  .email-reminders__wrapper p {
    width: 90%;
    margin: auto; }

.subscribe-button {
  width: 40%;
  padding: 18px 0;
  margin: 25px auto;
  display: block;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.subscribe-back {
  color: #76bc58;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  padding: 0 5px; }

.email-reminders__bottom-text {
  display: block;
  text-align: center;
  padding: 10px 0; }

.language-switcher {
  position: fixed;
  background-color: #76bc58;
  color: #fff;
  padding: 12px 10px;
  top: 0px;
  right: 0px;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-size: 12px;
  font-size: 0.75rem;
  z-index: 1; }
  .language-switcher:hover {
    opacity: 1;
    filter: alpha(opacity=100); }

.language-switcher.active {
  opacity: 1;
  filter: alpha(opacity=100); }

.language-list-wrapper {
  position: fixed;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  z-index: 10; }
  .language-list-wrapper a {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #76bc58;
    padding: 0px; }
  .language-list-wrapper::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 3px;
    right: 7px;
    box-sizing: border-box;
    z-index: 1; }
  .language-list-wrapper .grey-close-icon {
    padding: 18px 22px; }

.login-lang {
  display: inline-block; }

.icon-sub-angle-down {
  position: relative;
  bottom: 3px;
  margin: 0;
  padding: 0;
  transform: scale(0.7); }

.lang-sufix {
  position: relative;
  bottom: 2px;
  text-transform: uppercase; }

.login-footer {
  text-align: center;
  color: #fff;
  margin-top: 100px;
  padding-bottom: 20px; }
  .login-footer a {
    color: #76bc58; }
    .login-footer a:hover {
      text-decoration: underline; }

.center-container.opt-in-container {
  height: 615px; }
  .center-container.opt-in-container .opt-in-message {
    margin-bottom: 22px; }
    .center-container.opt-in-container .opt-in-message span {
      display: block; }
    .center-container.opt-in-container .opt-in-message.opt-in-message__survey {
      padding: 35px 84px 50px; }
    .center-container.opt-in-container .opt-in-message a {
      font-size: 16px;
      font-size: 1rem;
      margin-top: 20px;
      color: #76bc58;
      display: block; }
      .center-container.opt-in-container .opt-in-message a:hover {
        text-decoration: underline; }

@media screen and (max-width: 760px) {
  .form-login__set {
    flex-direction: column;
    align-items: stretch; }
  .form-login__control {
    flex-basis: 100%;
    margin-bottom: 30px; } }

@media screen and (max-width: 760px) and (min-width: 480px) {
  .center-container.center-container--website {
    width: 480px; }
  .login__form {
    padding: 0 60px 13px; }
  .clinlife-logo {
    width: auto;
    margin: 25px auto 30px;
    display: block; }
  .login-container {
    background: url(/v3/assets//build/assets/pic_mainBg-2.jpg) center;
    background-size: cover;
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: scroll;
    width: 100%; }
  .login {
    margin: 5%; }
  .reset__form {
    padding: 0 5% 25px; }
  .reset-password--back {
    margin: 5% 0 5% 0; }
  #recaptcha div {
    transform: scale(0.99);
    -webkit-transform: scale(0.99);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
  .reset-password--modal {
    width: 90%; }
  .language-switcher {
    padding: 10px 5px; } }

@media screen and (max-width: 480px) {
  .login__content {
    padding: 20px 10%; }
  .center-container.center-container--website {
    width: 350px;
    max-width: 100%; }
  .login-container {
    background: url(/v3/assets//build/assets/pic_mainBg-2.jpg) center;
    background-size: cover;
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: scroll;
    width: 100%; }
  .center-container {
    width: 95%; }
  .login__form {
    padding: 8px 10% 30px; }
  .clinlife-logo {
    margin: 10px auto 40px; }
  .reset__form {
    padding: 0 5% 25px; }
  .reset-password--back {
    margin: 5% 0 5% 0;
    padding-bottom: 5%; }
  #recaptcha div {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
  .reset-password--modal {
    width: 90%; }
  .new-password__form {
    padding: 20px 10% 25px; }
  .language-switcher {
    padding: 10px 5px; }
  .login-footer {
    margin-top: 50px; }
  .verify-account__send-code {
    box-sizing: border-box;
    width: 100%;
    text-align: center; }
    .verify-account__send-code .button__icon,
    .verify-account__send-code .button__content {
      display: block;
      width: 100%;
      padding-left: 0; } }

.password-indicators {
  opacity: 0;
  position: absolute;
  right: 0;
  height: 42px;
  width: 42px;
  top: 29px;
  padding-right: 2px;
  color: #6c6c6c;
  transition: opacity .3s ease-in-out; }

.pass-box {
  position: absolute;
  bottom: 50px;
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  right: 0;
  box-shadow: 0 -1px 20px 0 #C7C7C7; }
  .pass-box div {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap; }
    .pass-box div:before {
      content: "\2022";
      font-size: 14px;
      padding-right: 5px;
      color: #bababa; }
  .pass-box .arrow-down {
    position: absolute;
    right: 15px;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 25px solid #fff;
    border-bottom: 10px solid transparent; }

.social-login {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  margin: 0 auto;
  width: 100%;
  max-width: 100%; }
  .social-login__link {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 46%;
    color: #fff;
    margin: 2%;
    padding: 0 10px 0 50px;
    background: #4267b2;
    display: inline-block;
    border-radius: 5px;
    line-height: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    overflow: hidden; }
    .social-login__link:hover {
      text-decoration: none;
      color: white; }
    .social-login__link:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAADxQTFRFAAAAJEiPJUiOJUiOJUqPJkiOXHaqW3WqaYGx1t3q////d425QF+ckqTH8vT4ydLjyNHj5Ojx5OnxoK/OiVOYGwAAABR0Uk5TAEDf/zDg///////////////////nbPj/AAAAaUlEQVR4nO3PzRpAIBCF4elnogmF+79XYcOjpvDY+bbn3RwQUjFJDcjtUQC/K3UBplnLgdbSXgY4IhZ0VACuBPo6MPgYB9zpVwKYp8CHMG7AhlgC0LGpBFIv7oH5k5s/eAuQBwgCOYB6AZ0uE145UsQWAAAAAElFTkSuQmCC) no-repeat 50% 50%;
      width: 50px;
      height: 50px; }
    .social-login__link--google {
      background-color: #4285f4; }
      .social-login__link--google:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAYZQTFRFAAAA7+/v7+/v7+/v7+/v7+/v7uzs7djX7c3L7dHP7eTk7+zs7LWw6nRr6Us+6kM16kQ26V1S7JWO7dza7cjE6mBU6kg765qT7Kql6kY564d/7K6p6ltP7tva6lpO66ii7trY7+7u7+fm7MO/6n107Hlg6oB37ujo7Lu38OO9+rMJ72Un63Zs7+7t9dJt+7wF+7sF8n8d6kk67dzb98U09Lxd1N7ulrjwpcHv970U8tiPu8/vQoX0T4zx7u7t+70L8NugRof07e3uSYjy7u7u2MpjzNnve6jyXpbyWJLy+LwGkrEuO6pX2+fed6XyeKbx6roMaK0/NKhTa7yA7e7uRIb0p8Pwc7t0d8GK6Ozp1N7vVpHzSYr04ufuz+LUOqpYTbFootGu2Obc7u/ux9/OiMeZPaZrP4zSqNS0NahUNalUNKdXPJOyZZnx6uzvpNKwOKlWWail3+XvxN7LVLNtfMOO5evm7e7tsNa6aryAPKpaSq9lgsWUzuLT7O3s1+XayuDQ4enjvMsjSgAAAIJ0Uk5TAEDf/zDg/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5QZXaoAAAFESURBVHicY2BkYsYDmFgYWPHJA1Uw4JdnZiZRARs7BwcnFy4F3Dy8fPxAICAoJIxNgYgoPxyIiXNjKJCQ5EcGUugKpAUgEgIQWkYWTQGnGEhYTl5BUVFJWUUAIQ9ToAqSV1OHCmog5KEKNLW0+fl1dHGHg56+gaGRMTZ5qAITfX19UzDLzMwcBiyQFFgCFViBWdbWNjBgi1BgZw9U4ICuwNGJeAXYrXB2QXWkK5jl5uYOAh5ABZ4o3vTy9vFF8pwfUIE/ckAFBAYFBYfA5d1CgQrCkBQwhwcBQUQkVD4qGigfE4usIC4epCIhMSk5OTIlNS0dqMAcOSSZmTMyg8AgKwtEZufY5OahKmDOLwhCBoVFzGgKmItLENJZpWXMGAqYyysqq8DS1TW1CFHUZF9X39AQ14giRIWcRSDzsjIw4lXBygIA/llU/icL/2YAAAAASUVORK5CYII=); }
  .social-login__privacy-agreement {
    padding: 0 2%;
    margin: 0 0 20px; }
  .social-login .fb-login-button {
    position: relative;
    top: 10px; }

.login-divider {
  text-align: center;
  padding: 0 2%;
  margin: 10px 0;
  display: flex; }
  .login-divider__text {
    position: relative;
    padding: 0 20px;
    top: 10px; }
  .login-divider__line {
    display: block;
    width: 100%;
    border-bottom: 1px solid #bababa; }

.social-login-wrapper {
  margin: 0 -10px; }

@media (max-width: 760px) {
  .social-login {
    align-items: stretch;
    flex-direction: column; }
    .social-login__link {
      flex-shrink: 0;
      flex-basis: 100%; }
    .social-login .social-login-wrapper {
      margin: 0; } }

@media (max-width: 1280px) {
  .social-login--narrow {
    flex-direction: column; }
    .social-login--narrow .social-login__link {
      flex-shrink: 0;
      flex-basis: 100%; } }

.fixed-blue-bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(44, 62, 80, 0.8);
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  z-index: 1001; }

.grey-close-icon {
  cursor: pointer;
  padding: 18px 22px;
  background-color: #DADADA;
  position: absolute;
  font-size: 10px;
  font-size: 0.625rem;
  top: 0;
  right: 0;
  display: block; }
  .grey-close-icon .close-icon {
    color: #fff; }
    .grey-close-icon .close-icon:before {
      padding: 0; }
  .grey-close-icon:hover {
    background-color: #c1c1c1; }

.language-dropdown-website {
  right: 100%;
  opacity: 0;
  transition: opacity 0.1s ease-in, right 0.4s ease-in;
  left: auto;
  z-index: 999999;
  text-align: center; }
  .language-dropdown-website .language-list-wrapper {
    display: inline-block;
    background: #fff;
    margin-top: 50px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 80%;
    max-height: calc(100% - 100px);
    max-width: 100%;
    position: relative;
    text-align: left; }
    .language-dropdown-website .language-list-wrapper .section-title {
      color: #333;
      margin: 0 0 40px;
      padding: 0 44px;
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: normal; }
      .language-dropdown-website .language-list-wrapper .section-title .section-title-country {
        font-size: 22px; }
    .language-dropdown-website .language-list-wrapper .section-subtitle {
      margin: 80px 0 10px;
      padding: 0 45px;
      display: block;
      font-size: 12px;
      font-size: 0.75rem;
      color: #6c6c6c;
      text-transform: uppercase; }
  .language-dropdown-website .language-list {
    padding-right: 40px;
    padding-bottom: 40px;
    column-count: 3;
    -moz-column-count: 3;
    -moz-columns: 1;
    column-gap: 15px;
    columns: 1; }
    .language-dropdown-website .language-list:after {
      clear: both;
      font-size: 0;
      content: " ";
      display: table; }
    .language-dropdown-website .language-list .continent-name {
      text-transform: uppercase;
      margin-top: 0; }
    .language-dropdown-website .language-list ul {
      width: auto;
      box-sizing: border-box;
      float: none;
      margin: 0;
      padding-left: 40px; }
      .language-dropdown-website .language-list ul:first-of-type {
        margin-top: 0; }
    .language-dropdown-website .language-list li {
      list-style: none;
      text-align: left;
      line-height: 30px; }
      .language-dropdown-website .language-list li a {
        color: #333;
        font-family: "Lato-bold", helvetica, arial, sans-serif;
        text-decoration: none;
        font-size: 16px;
        line-height: 20px; }
      .language-dropdown-website .language-list li:hover {
        text-decoration: none; }
        .language-dropdown-website .language-list li:hover .country-name {
          text-decoration: underline;
          color: #76bc58; }
    .language-dropdown-website .language-list .language-selected a {
      color: #333; }
  .language-dropdown-website .flag-box {
    display: inline-block; }
  .language-dropdown-website .country-name {
    margin-left: 6px; }

.language-dropdown-website .language-list-wrapper--full .section-country {
  font-size: 24px; }

.language-list-wrapper--full {
  width: 680px; }
  .language-list-wrapper--full .language-list {
    columns: 3;
    -moz-columns: 3; }
    .language-list-wrapper--full .language-list .continent-name {
      display: none;
      margin-bottom: 10px; }
  .language-list-wrapper--full .language-list-continent {
    padding: 20px;
    padding-top: 0; }
    .language-list-wrapper--full .language-list-continent svg {
      fill: #bababa; }
    .language-list-wrapper--full .language-list-continent svg.svg__europe {
      height: 115px; }
    .language-list-wrapper--full .language-list-continent svg.svg__america {
      height: 107px; }
    .language-list-wrapper--full .language-list-continent svg.svg__africa-asia-australia {
      height: 135px; }
    .language-list-wrapper--full .language-list-continent div {
      text-align: center;
      display: inline-block;
      width: 200px;
      color: #bababa;
      margin-bottom: 80px; }
      .language-list-wrapper--full .language-list-continent div:hover {
        cursor: pointer; }
      .language-list-wrapper--full .language-list-continent div h3 {
        position: absolute;
        width: inherit;
        font-size: 1.17em;
        margin: 15px 0;
        font-weight: normal;
        line-height: 24px; }
    .language-list-wrapper--full .language-list-continent .language-active {
      color: #76bc58; }
      .language-list-wrapper--full .language-list-continent .language-active svg {
        fill: #76bc58; }
    .language-list-wrapper--full .language-list-continent .europe {
      position: relative;
      right: 7px; }
    .language-list-wrapper--full .language-list-continent .other {
      position: relative;
      left: 7px; }

.language-dropdown-website.show-lang {
  right: 0;
  opacity: 1;
  transition: opacity 0.2s ease-in; }

.language-button {
  padding: 17px 20px; }

.current-active-language .country-name {
  color: #76bc58; }

@media (max-width: 800px) {
  .language-dropdown-website .language-list-wrapper--full .language-list-continent div {
    width: 210px; }
  .language-dropdown-website .language-list-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin-top: 0; }
    .language-dropdown-website .language-list-wrapper .section-title {
      font-size: 22px;
      margin-bottom: 20px; }
    .language-dropdown-website .language-list-wrapper .section-subtitle {
      margin-top: 60px; }
  .language-dropdown-website .language-list {
    padding-right: 10px;
    padding-bottom: 10px;
    column-count: 3;
    column-gap: 15px;
    -moz-column-count: 3;
    -moz-columns: 3;
    columns: 3; } }

@media (max-width: 700px) {
  .language-dropdown-website .language-list-wrapper .section-subtitle {
    margin-bottom: 30px; }
  .language-dropdown-website .language-list {
    padding-right: 10px;
    padding-bottom: 10px;
    column-count: 2;
    column-gap: 15px;
    columns: 2;
    -moz-column-count: 2;
    -moz-columns: 2; }
    .language-dropdown-website .language-list ul:last-child li:first-child {
      margin-top: 250px; }
    .language-dropdown-website .language-list li:last-child {
      margin-bottom: 40px; }
  .language-list-wrapper--full .language-list-continent {
    display: none; }
  .language-list-wrapper--full .language-list .continent-name, .language-list-wrapper--full .language-list .hidden {
    display: inherit !important; }
  .language-list-wrapper--full h2:first-of-type {
    display: none; } }

@media (max-width: 480px) {
  .language-dropdown-website .language-list {
    columns: 1;
    column-count: 1;
    -moz-column-count: 1;
    -moz-columns: 1; }
    .language-dropdown-website .language-list ul:last-child li:first-child {
      margin-top: 0; } }

.volunteer-iframe__wrapper {
  text-align: center; }

.static-pages__text-wrapper {
  width: 800px;
  padding: 20px 30px;
  background-color: #fff;
  border: 1px solid #bababa; }

.static-pages__text-wrapper,
.volunteer-iframe__wrapper,
.terms-consent {
  margin: 15px auto; }
  .static-pages__text-wrapper h1, .static-pages__text-wrapper h2, .static-pages__text-wrapper h3, .static-pages__text-wrapper h4, .static-pages__text-wrapper h5, .static-pages__text-wrapper h6,
  .volunteer-iframe__wrapper h1,
  .volunteer-iframe__wrapper h2,
  .volunteer-iframe__wrapper h3,
  .volunteer-iframe__wrapper h4,
  .volunteer-iframe__wrapper h5,
  .volunteer-iframe__wrapper h6,
  .terms-consent h1,
  .terms-consent h2,
  .terms-consent h3,
  .terms-consent h4,
  .terms-consent h5,
  .terms-consent h6 {
    font-weight: normal; }
  .static-pages__text-wrapper a,
  .volunteer-iframe__wrapper a,
  .terms-consent a {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #76bc58;
    word-break: break-word; }
  .static-pages__text-wrapper ol, .static-pages__text-wrapper ul,
  .volunteer-iframe__wrapper ol,
  .volunteer-iframe__wrapper ul,
  .terms-consent ol,
  .terms-consent ul {
    padding: 0 30px; }
    .static-pages__text-wrapper ol a, .static-pages__text-wrapper ul a,
    .volunteer-iframe__wrapper ol a,
    .volunteer-iframe__wrapper ul a,
    .terms-consent ol a,
    .terms-consent ul a {
      font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
      color: #76bc58; }
  .static-pages__text-wrapper li,
  .volunteer-iframe__wrapper li,
  .terms-consent li {
    list-style-type: disc; }
  .static-pages__text-wrapper h1,
  .volunteer-iframe__wrapper h1,
  .terms-consent h1 {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 8px 0px 40px 0px; }
  .static-pages__text-wrapper h3,
  .volunteer-iframe__wrapper h3,
  .terms-consent h3 {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 40px 0 30px 0; }
  .static-pages__text-wrapper p,
  .volunteer-iframe__wrapper p,
  .terms-consent p {
    line-height: 24px; }

.static-pages__wrapper,
.volunteer-iframe__wrapper {
  border-top: 1px solid #bababa;
  margin-bottom: 20px; }

.static-pages__headline {
  margin: 16px 0 0 0;
  font-size: 12px;
  font-size: 0.75rem; }

.static-pages__subheadline {
  text-transform: lowercase; }

.static-pages__subheadline:first-letter {
  text-transform: uppercase; }

.login-terms {
  margin-bottom: 50px; }

.terms-consent {
  height: 300px;
  overflow: auto;
  padding: 20px 15px 10px 20px; }
  .terms-consent h1 {
    text-align: center;
    font-size: 30px;
    font-size: 1.875rem;
    margin: 5px 0 10px 0; }
  .terms-consent div {
    border: 0; }

.static-pages__wrapper.terms-consent__scrollbar {
  margin-right: 15px;
  background-color: #fff; }

.terms-consent__buttons {
  width: 100%;
  padding: 10px 20px 20px 20px; }
  .terms-consent__buttons .submit-button {
    text-transform: uppercase; }

.terms-accept,
.terms-decline {
  text-align: center;
  width: 210px;
  padding: 15px;
  float: right;
  display: block;
  appearance: none;
  -webkit-appearance: none; }
  .terms-accept:active,
  .terms-decline:active {
    padding: 15px; }

.terms-accept {
  margin-left: 10px; }

.terms-decline {
  background-color: #fff;
  color: #333;
  margin-right: 10px; }
  .terms-decline:hover {
    background-color: #f9f9f9; }

.my-account__wrapper {
  position: relative;
  border-top: 1px solid #bababa;
  padding: 0 20px; }

.my-account__details,
.site-details__wrapper {
  margin-left: 260px;
  margin: auto; }
  .my-account__details .server-error,
  .site-details__wrapper .server-error {
    margin: 35px auto 0; }

div.my-account__details .volunteer-info {
  padding: 10px 30px; }

div.my-account__details .intl-tel-input {
  border: 1px solid #bababa; }
  div.my-account__details .intl-tel-input input {
    width: 100%;
    padding: 10px; }

.site-details__wrapper {
  width: 500px; }

.site-details__wrapper .volunteer-info--value {
  padding-left: 5px;
  width: 240px; }

.my-account__form label {
  float: left;
  margin: 20px 0 5px;
  display: block; }

.my-account__form .form-left,
.my-account__form .form-right {
  padding-bottom: 75px; }

.my-account__form .volunteer-buttons {
  bottom: 0; }

.my-account__form .required-label {
  margin: 25px 0 10px;
  display: block; }

.my-account__form-input-field {
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 0;
  background: #f9f9f9;
  border: 1px solid #bababa;
  color: #333;
  padding: 10px;
  margin: 0;
  -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset; }

label.my-account__gender-label {
  width: 300px; }

.my-account__form__gender-radios label.gender-radio {
  display: inline-block;
  margin: 0;
  padding: 10px 55px;
  width: 100px; }

.my-account__form__save {
  position: absolute;
  right: 25px;
  top: 25px; }

.my-account__form__password-notice {
  padding: 13px 0 0 0;
  font-size: 12px;
  font-size: 0.75rem; }

.contact-us__select {
  background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MTU1NTVhMC1mNWJlLTZjNDYtYTc3NC1lNzVmMTYwMzQ2M2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJGRDNGNTkwMDczMTFFNTgyQzk5QzcxMjJCQzUyRjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJGRDNGNTgwMDczMTFFNTgyQzk5QzcxMjJCQzUyRjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTllMGU4YmItYThlNi00MTRiLTkwOTEtNGYzNjI1YTEwNmVlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxNTU1NWEwLWY1YmUtNmM0Ni1hNzc0LWU3NWYxNjAzNDYzYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PosmKwQAAABdSURBVHjaYvz//z8DsYAFRDT09u0GUnuAuBOLmlAgLm8oLjJhggqAFHaABLEoXAWVh5iMZGIHEh+mEMSuQFaMrkEJiNOQFaIrRteAohCbYpiGszB3IgNGUoIOIMAAwGIZ4UbcFa8AAAAASUVORK5CYII=) no-repeat 95% 50%;
  -webkit-box-shadow: inherit; }

.my-account__details .volunteer-info {
  padding: 10px 30px; }

.dropdown-wrapper {
  border-bottom: 1px solid #bababa; }

.static-pages__headline {
  text-transform: uppercase; }

.contact-us-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(65, 81, 97, 0.9);
  z-index: 99999; }

.my-account__details .my-account__form-wrapper {
  max-width: 738px;
  width: 100%;
  background: #fff;
  margin: 30px auto;
  padding: 0;
  border: 1px solid #bababa; }
  .my-account__details .my-account__form-wrapper .my-account__form__section {
    padding: 25px 55px 50px 55px;
    border-bottom: 1px solid #bababa; }
  .my-account__details .my-account__form-wrapper .my-account__form__section--headline {
    padding: 25px 55px; }
  .my-account__details .my-account__form-wrapper .intl-tel-input input[type=text] .flag-dropdown,
  .my-account__details .my-account__form-wrapper .intl-tel-input input[type=tel] .flag-dropdown,
  .my-account__details .my-account__form-wrapper .intl-tel-input input .flag-dropdown,
  .my-account__details .my-account__form-wrapper .intl-tel-input .flag-dropdown {
    display: none; }
  .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper,
  .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width {
    width: 50%;
    height: 90px;
    float: left;
    margin: 5px 0; }
  .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper.form-item-left {
    padding: 0 18px 0 0; }
  .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper.form-item-right {
    padding: 0 0 0 18px; }
  .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width {
    width: 100%;
    height: inherit;
    margin: 5px 0; }
  .my-account__details .my-account__form-wrapper .my-account__form-input-field {
    width: 100%; }
  .my-account__details .my-account__form-wrapper .intl-tel-input {
    width: 100%;
    border: 0; }
  .my-account__details .my-account__form-wrapper .my-account__form__section-headline .settings-label {
    font-size: 12px;
    font-size: 0.75rem;
    color: #6c6c6c; }
  .my-account__details .my-account__form-wrapper .my-account__form__section-headline .account-label {
    color: #76bc58;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 30px; }
  .my-account__details .my-account__form-wrapper .my-account__form__section-headline .personal-details-notice {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px; }
  .my-account__details .my-account__form-wrapper label.required-label {
    font-size: 11px;
    font-size: 0.6875rem;
    color: #6c6c6c;
    float: right;
    text-align: right;
    padding-right: 0;
    width: 95px;
    margin: 25px 0 10px; }

.columns-wrapper {
  border-top: 1px solid #bababa;
  height: 100%; }

.main-container {
  background-color: #fff;
  position: relative;
  padding: 50px 0 0;
  overflow: hidden;
  box-sizing: border-box;
  height: 100%;
  z-index: 10000; }
  .main-container:before {
    content: " ";
    line-height: 0;
    z-index: -2;
    position: absolute;
    display: block;
    width: 100%;
    max-width: inherit;
    top: 0;
    bottom: 0; }

.main-container-sponsor {
  z-index: inherit; }
  .main-container-sponsor .main-content {
    border-top: 1px solid #bababa; }

.main-content {
  margin-left: 260px;
  min-height: 100%;
  height: 100%;
  background-color: #f9f9f9; }

.nav-collapsed-min .main-content {
  margin-left: 72px; }

.slimScrollBar,
.slimScrollRail {
  margin-right: 4px;
  background-color: #f9f9f9; }

.form-right,
.form-left {
  float: left;
  width: 300px; }
  .form-right p,
  .form-left p {
    margin: 0; }

.error-page__wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-top: 1px solid #bababa;
  text-align: center; }

.main-content .error-page__wrapper {
  padding-left: 72px;
  top: 50px;
  left: 0; }

.nav-collapsed-min .main-content .error-page__wrapper {
  padding-left: 260px; }

.border-element {
  border-bottom: 1px solid #bababa;
  width: 100px;
  margin: auto;
  padding-top: 5px; }

/* Cookie error modal */
.cookiesModal.modal__overlay.hidden .modal__wrapper {
  opacity: 0; }

.cookiesModal.modal__overlay {
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
  background-color: black;
  background-color: rgba(44, 62, 80, 0.8); }
  .cookiesModal.modal__overlay .modal__wrapper {
    opacity: 1;
    position: absolute;
    min-height: 100px;
    width: 560px;
    max-width: 100%;
    left: 40%;
    left: calc(50% - 280px);
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    overflow: auto;
    max-height: 90%; }
  .cookiesModal.modal__overlay .modal__wrapper--wide {
    width: 1000px;
    left: 30%;
    left: calc(50% - 500px); }
  .cookiesModal.modal__overlay .show-modal.modal__wrapper {
    opacity: 1;
    transition: opacity 0.15s ease-in; }

.cookiesModal .modal__close-icon {
  background-color: #bababa;
  cursor: pointer;
  display: block;
  float: right;
  text-align: center;
  padding: 18px 16px 18px 21px;
  font-size: 10px;
  font-size: 0.625rem;
  color: #fff; }
  .cookiesModal .modal__close-icon:hover {
    background-color: #878787; }

.cookiesModal .modal__content {
  text-align: center;
  padding: 30px 50px; }

@media (max-width: 600px) {
  .cookiesModal .modal__wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transform: none;
    max-height: 100%; } }

@media (max-width: 480px) {
  .cookiesModal .modal__content {
    padding: 40px 20px; } }

/* End cookie error modal */
.js-error-page__wrapper {
  font-size: 14px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  color: #333;
  background-color: #fff;
  border-top: 1px solid #bababa;
  text-align: center;
  z-index: 999999;
  line-height: 30px; }
  .js-error-page__wrapper a {
    color: #76bc58; }
    .js-error-page__wrapper a:hover {
      text-decoration: underline;
      cursor: pointer; }
  .js-error-page__wrapper p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0 20px; }
  .js-error-page__wrapper .js-error__header {
    width: 100%;
    height: 100px;
    margin: 0;
    padding-top: 31px;
    padding-left: 41px;
    text-align: left; }
    .js-error-page__wrapper .js-error__header .icon-logo-green:before {
      font-size: 27px; }
  .js-error-page__wrapper .js-error-page__content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 35%; }
    .js-error-page__wrapper .js-error-page__content .js-logo {
      font-size: 100px;
      color: #bababa;
      margin-bottom: 60px; }
    .js-error-page__wrapper .js-error-page__content .js-description {
      font-size: 18px;
      margin-bottom: 10px; }
  .js-error-page__wrapper .js-error__footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    margin: 0; }
  .js-error-page__wrapper .btn-err {
    margin: 20px;
    padding: 15px 60px;
    color: #fff; }
    .js-error-page__wrapper .btn-err:hover {
      text-decoration: none; }
  .js-error-page__wrapper .mt20 {
    margin-top: 20px; }

.modal__wrapper-error {
  opacity: 1;
  width: 350px;
  top: 50%;
  max-height: 250px;
  left: calc(50% - 175px);
  transform: translateY(-50%); }

.modal__content-error {
  padding: 20px; }
  .modal__content-error a.button {
    padding: 20px 40px;
    margin-bottom: 25px; }

@media (max-width: 489px), (max-height: 500px) {
  .js-error-page__wrapper {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .js-error-page__wrapper .js-error__header {
      text-align: center;
      padding-left: 0; }
    .js-error-page__wrapper .js-error-page__content {
      top: 150px;
      padding: 20px; }
      .js-error-page__wrapper .js-error-page__content .no-cfrt-token {
        top: 100px;
        position: relative; }
    .js-error-page__wrapper .js-error__footer {
      position: static;
      padding-top: 20px;
      margin-top: 30px; }
    .js-error-page__wrapper .btn-err {
      padding: 15px 12px; }
      .js-error-page__wrapper .btn-err.btn-cookie {
        padding: 15px 30px; }
  .modal__wrapper-error {
    width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    top: 0;
    transform: none; } }

/* Referral LP error page */
.site-referral-wrapper {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 32px auto;
  border: 1px solid #bababa; }
  .site-referral-wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.site-referral-input {
  font-size: 14px;
  font-size: 0.875rem;
  float: left;
  box-sizing: border-box;
  line-height: 26px;
  width: 70%;
  height: 44px;
  border-radius: 0;
  background-color: #f9faf9;
  border: 0;
  color: #333;
  padding: 11px;
  margin: 0;
  -webkit-appearance: none; }
  .site-referral-input:active, .site-referral-input:focus {
    border: 0; }

.site-referral-submit {
  width: 30%;
  float: right;
  border: 0;
  color: #fff;
  background-color: #76bc58;
  padding: 10px 24px;
  font-size: 14px;
  line-height: 24px; }
  .site-referral-submit:hover {
    background-color: #91c979; }
  .site-referral-submit:active, .site-referral-submit:focus {
    border: 0; }

@media (max-width: 480px) {
  .site-referral-submit {
    padding: 10px; } }

.item__types li {
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  width: 33.3333333%;
  height: 31px;
  float: left;
  text-align: center;
  padding: 7px 0;
  border-bottom: 1px solid #bababa;
  color: #6c6c6c;
  cursor: pointer; }
  .item__types li.active {
    border-bottom: 1px solid #76bc58;
    color: #76bc58; }
  .item__types li:first-child {
    border-left: 0; }
  .item__types li:hover {
    color: #76bc58; }

.left-column {
  width: 410px;
  height: 100%;
  position: absolute;
  top: 51px;
  left: 260px;
  word-wrap: break-word;
  background-color: #fff;
  border-right: 1px solid #bababa; }
  .left-column .item__types {
    position: relative;
    z-index: 1; }

.left-column--retention {
  top: 115px;
  padding-bottom: 115px; }

.left-column--volunteer {
  top: 115px;
  padding-bottom: 140px; }

.nav-collapsed-min .left-column {
  width: 410px;
  left: 72px; }

.left-column__options {
  position: relative; }

.left-column__options--date-picker {
  color: #333;
  float: left;
  cursor: pointer;
  border-bottom: 1px solid #bababa;
  width: 66.666666666%;
  padding: 20px; }
  .left-column__options--date-picker:hover {
    color: #76bc58; }

.date-picker-disabled:hover {
  color: #333; }

.left-column__options--small,
.left-column__options--medium {
  height: 63px; }

.left-column__options--small,
.left-column__options--medium,
.left-column__options__date {
  position: relative;
  cursor: pointer;
  color: #BFC6C7;
  float: left;
  text-align: center;
  border-left: 1px solid #bababa; }
  .left-column__options--small.active,
  .left-column__options--medium.active,
  .left-column__options__date.active {
    background-color: #f9f9f9;
    border-bottom: 1px solid #76bc58;
    color: #76bc58; }
  .left-column__options--small .sortingMenu,
  .left-column__options--medium .sortingMenu,
  .left-column__options__date .sortingMenu {
    top: 65px !important; }
    .left-column__options--small .sortingMenu div:hover span,
    .left-column__options--medium .sortingMenu div:hover span,
    .left-column__options__date .sortingMenu div:hover span {
      border-left: 2px solid #f9f9f9; }
  .left-column__options--small .icon-dropdown-right,
  .left-column__options--medium .icon-dropdown-right,
  .left-column__options__date .icon-dropdown-right {
    color: #333; }
  .left-column__options--small .icon-dropdown-right::after,
  .left-column__options--medium .icon-dropdown-right::after,
  .left-column__options__date .icon-dropdown-right::after {
    color: #BFC6C7; }
  .left-column__options--small a.dropdownLink,
  .left-column__options--medium a.dropdownLink,
  .left-column__options__date a.dropdownLink {
    color: #333; }
  .left-column__options--small span a,
  .left-column__options--medium span a,
  .left-column__options__date span a {
    padding: 20px 0 20px 20px;
    display: block; }
  .left-column__options--small ._month:hover,
  .left-column__options--medium ._month:hover,
  .left-column__options__date ._month:hover {
    color: #76bc58; }
  .left-column__options--small span:hover,
  .left-column__options--small a:hover,
  .left-column__options--medium span:hover,
  .left-column__options--medium a:hover,
  .left-column__options__date span:hover,
  .left-column__options__date a:hover {
    color: #76bc58 !important; }
  .left-column__options--small .month-submit span:hover,
  .left-column__options--medium .month-submit span:hover,
  .left-column__options__date .month-submit span:hover {
    color: #fff !important; }
  .left-column__options--small:first-child,
  .left-column__options--medium:first-child,
  .left-column__options__date:first-child {
    border-left: 0; }

.left-column__options--small {
  width: 16.666666667%;
  padding: 20px 0;
  background-color: inherit;
  border-right: inherit;
  border-top: inherit;
  z-index: 9999;
  color: #9DA7A7; }
  .left-column__options--small:hover {
    color: #76bc58;
    background-color: #f9f9f9; }
  .left-column__options--small .icon-dropdown-right:after {
    right: 27px;
    top: 25px; }

.left-column__options--small.status-list-disabled:hover {
  background-color: inherit; }

.left-column__options--medium {
  font-size: 12px;
  font-size: 0.75rem;
  width: 33.333333333%;
  text-align: left;
  height: 63px; }
  .left-column__options--medium:hover {
    background-color: #f9f9f9; }
  .left-column__options--medium span {
    vertical-align: middle; }
  .left-column__options--medium.active::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 35%;
    right: -15px;
    box-sizing: border-box;
    border: 7px solid #f9f9f9;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: 0px 0px 0px 1px #bababa;
    background-color: #bababa;
    z-index: 1; }
  .left-column__options--medium .dropdownLink {
    height: 61px;
    padding: 17px; }

.left-column__options--medium-add {
  padding: 20px 0 20px 20px;
  color: #333; }
  .left-column__options--medium-add .icon-plus {
    color: #BFC6C7; }
  .left-column__options--medium-add:hover {
    background-color: #f9f9f9;
    color: #76bc58; }
    .left-column__options--medium-add:hover .icon-plus {
      color: #76bc58; }
  .left-column__options--medium-add.active .icon-plus {
    color: #76bc58; }

.add-new-label {
  padding-left: 10px; }

.left-column__options__date {
  text-align: left;
  border-left: none; }
  .left-column__options__date .icon-calendar--datepicker {
    padding-right: 10px;
    color: #C7C7C7 !important; }
  .left-column__options__date .icon-dropdown-right {
    padding: 7px 17px 7px 20px;
    display: block; }
    .left-column__options__date .icon-dropdown-right:after {
      right: 0;
      top: 11px; }

.left-column__options--sorting {
  padding: 0;
  line-height: 22px;
  float: right; }

.medium-time {
  line-height: 22px; }

span.icon-exell.disabled-lite:hover,
span.icon-flag.status-button-inner.disabled-lite:hover,
.left-column__options--small.status-list-disabled:hover {
  color: #DADADA !important; }

.left-column__options--small-csv:hover .icon-exell.disabled-lite {
  color: #DADADA !important; }

.left-column__options--small-csv:hover .icon-exell:hover {
  color: #333; }

.left-column__options--small span.red:hover {
  color: #e74c3c !important; }

.left-column__options--small span.orange:hover {
  color: #f39c12 !important; }

.left-column__items-wrapper {
  height: 100%; }

.left-column__items__list-wrapper {
  position: absolute;
  padding-bottom: 99px;
  height: 100%;
  width: 100%; }

.left-column__items__list-wrapper--retention-windows {
  padding-bottom: 57px; }

.left-column__items-wrapper--volunteer {
  height: 100%;
  padding-bottom: 32px; }

.left-column__items-wrapper--retention-windows-appointments {
  height: 100%;
  padding-bottom: 172px; }

.left-column__items--inner {
  overflow-y: auto;
  height: 100%; }

.past-items {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.left-column__item {
  cursor: pointer;
  padding: 14px 25px 15px 25px; }

.left-column__item,
.right-column__item {
  clear: both;
  width: 100%;
  position: relative;
  border-right: 3px solid transparent;
  border-bottom: 1px solid #bababa;
  line-height: 19px; }
  .left-column__item:hover, .left-column__item.active,
  .right-column__item:hover,
  .right-column__item.active {
    background-color: #fff; }
  .left-column__item.active .item--name,
  .left-column__item.active .item--gender,
  .left-column__item.active .employee--name,
  .right-column__item.active .item--name,
  .right-column__item.active .item--gender,
  .right-column__item.active .employee--name {
    color: #76bc58; }

.left-column__item:hover, .left-column__item.active {
  border-right: 3px solid #76bc58;
  background-color: #f9f9f9; }

.left-column__item--nothing-found {
  padding: 250px 0 0 0;
  text-align: center;
  color: #6c6c6c; }
  .left-column__item--nothing-found span {
    display: block;
    padding: 0 10px; }

.item--first-row {
  font-size: 11px;
  font-size: 0.6875rem;
  cursor: pointer; }

.item--second-row {
  padding-top: 4px; }

.item--second-row__right {
  float: right; }

.item--middle-row {
  margin-top: 14px; }

.item--sms,
.item--email,
.item__volunteer-status {
  font-size: 12px;
  font-size: 0.75rem;
  vertical-align: bottom; }

.item--status {
  float: left;
  margin: 0;
  margin-right: 5px;
  color: #76bc58; }

.item--id {
  float: right;
  margin: 0;
  display: inline-flex; }

.item--checkbox {
  margin-right: 5px; }

.item--status-value {
  display: inline-block;
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 185px;
  display: inline-block; }

.item--sponsor-code {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 82px; }

.item--public-number {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50px; }

.item--separator {
  display: inline-block; }

.item--id .item--separator {
  padding: 0 8px; }

.item-age,
.item-distance {
  font-size: 12px;
  font-size: 0.75rem; }

.item--name,
.item--name--documentation {
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: middle;
  float: left;
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  z-index: 1000; }

div.item--name--documentation {
  max-width: 100%; }

.item--name-checkbox {
  max-width: 100%;
  padding-left: 10px;
  text-transform: none;
  float: none; }

.month-label {
  background-color: #f9f9f9;
  border-bottom: 1px solid #bababa;
  padding: 5px 0 5px 20px;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0; }

/* This parent can be any width and height */
/* The ghost, nudged to maintain perfect centering */
.filter-label:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

/* The element to be centered, can also be of any width and height */
.centered {
  display: inline-block;
  vertical-align: middle; }

.filter-label {
  font-size: 12px;
  font-size: 0.75rem;
  border-bottom: 1px solid #bababa;
  padding: 0 0 0 27px;
  cursor: pointer;
  margin: 0;
  color: #BFC6C7;
  height: 55px; }
  .filter-label p {
    margin: -2px 0 0; }
  .filter-label p span {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    line-height: 10px; }
  .filter-label:hover {
    background-color: #f9f9f9;
    color: #76bc58; }
    .filter-label:hover span {
      color: #76bc58; }
  .filter-label .filter-no-results {
    color: #BFC6C7; }
  .filter-label .filter-results {
    color: #fff;
    width: 89%;
    display: inline-block;
    vertical-align: middle; }
  .filter-label .item--separator {
    color: #fff;
    vertical-align: super; }

.filter-active {
  background-color: #f39c12;
  color: #fff; }
  .filter-active:hover {
    background-color: #f39c12;
    color: #fff; }
    .filter-active:hover span {
      color: #fff; }

.icon-filter__retention {
  padding: 23px 23px 20px 23px;
  display: block; }

.filter-dropdown {
  padding: 0; }
  .filter-dropdown a {
    padding: 20px;
    height: 61px; }

.filter-reset {
  width: 25px;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .filter-reset:hover {
    opacity: 1;
    filter: alpha(opacity=100); }

.next30-label {
  z-index: 1;
  background-color: #FFFEE5;
  padding: 5px 0 5px 27px;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 409px;
  border-top: 1px solid #bababa; }
  .next30-label .item--separator {
    vertical-align: middle; }
  .next30-label.selected-volunteers {
    bottom: 115px; }

.add-volunteer {
  z-index: 1;
  position: fixed;
  bottom: 25px;
  width: 409px;
  background-color: #76bc58; }
  .add-volunteer .add-volunteer__link {
    display: block;
    color: #fff;
    padding: 10px 20px; }
  .add-volunteer:hover {
    background-color: #91c979; }

.sorting-list-item {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  color: #333; }
  .sorting-list-item span {
    padding: 10px 10px 9px 10px;
    display: block;
    width: 95px;
    overflow: hidden;
    text-overflow: ellipsis; }

.left-column__options--status {
  padding: 0px; }

.status-button-inner {
  padding: 20px 20px 20px 20px;
  display: block; }
  .status-button-inner:hover {
    color: #bababa; }

.left-column-volunteer-management {
  padding-bottom: 207px; }

.left-column-volunteer-management.hide-pager {
  padding-bottom: 31px; }

.status-button {
  background-color: inherit;
  color: inherit;
  border: 0; }

.employee--name {
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle;
  text-transform: capitalize;
  float: left; }

.left-column-employee-list {
  padding-bottom: 51px; }

.employee--position {
  font-size: 12px;
  font-size: 0.75rem; }

.left-column__options--small.bulk-checkbox {
  padding: 0; }

.left-column__items-wrapper__search-results {
  padding-bottom: 32px; }

.left-columnn__date-picker {
  left: -35px; }

.order-by-label {
  display: inline-block;
  max-width: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: bottom;
  color: #6c6c6c;
  margin-right: 4px; }

.sort-option__type {
  font-size: 15px;
  line-height: 15px;
  cursor: pointer; }
  .sort-option__type .sort-option__type__label {
    font-size: 11px;
    font-size: 0.6875rem; }

.left-column--volunteer .dropdownMenu .status-dropdown, .left-column--retention .dropdownMenu .status-dropdown {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 300px; }

/* Facebook style preloader */
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.animated-background {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 80px;
  position: relative;
  border-bottom: 1px solid #bababa; }

.background-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.outlined .background-masker {
  border: 1px solid #ddd; }

.outlined:hover .background-masker {
  border: none; }
  .outlined:hover .background-masker:hover {
    border: 1px solid #ccc;
    z-index: 1; }

.background-masker.header-top, .background-masker.header-bottom, .background-masker.subheader-bottom {
  left: 0;
  right: 0;
  top: 28px;
  height: 22px; }

.background-masker.header-left, .background-masker.subheader-left, .background-masker.header-right, .background-masker.subheader-right {
  top: 10px;
  left: 0;
  height: 8px;
  width: 25px; }

.background-masker.header-bottom {
  top: 38px;
  height: 6px; }

.background-masker.subheader-left, .background-masker.subheader-right {
  top: 0;
  height: 79px; }

.background-masker.header-right {
  width: 70px;
  left: 165px;
  right: 0; }

.background-masker.subheader-right {
  width: 25px;
  right: 0;
  left: inherit;
  top: 0px;
  height: 79px; }

.background-masker.subheader-bottom {
  top: 28px;
  height: 18px; }

.background-masker.content-top, .background-masker.content-second-line, .background-masker.content-third-line, .background-masker.content-second-end, .background-masker.content-third-end, .background-masker.content-first-end {
  top: -50px;
  left: 0;
  right: 0;
  height: 6px; }

.background-masker.content-top {
  height: 20px;
  top: 0; }

.background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-third-end {
  width: 70px;
  left: 150px;
  right: 0;
  top: 50px;
  height: 8px; }

.background-masker.content-second-line {
  left: 25px;
  top: 58px;
  height: 21px; }

.background-masker.content-second-end {
  left: 185px;
  top: 20px;
  height: 8px; }

.background-masker.content-third-line {
  top: 89px; }

.background-masker.content-third-end {
  top: 88px; }

.middle-column {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 51px;
  background-color: #f9f9f9;
  left: 670px;
  z-index: 10; }

.middle-column--volunteer {
  top: 115px; }

.middle-column--retention {
  top: 115px;
  padding-bottom: 65px; }

.middle-column__content {
  height: 100%; }

.middle-column__inner {
  height: 100%;
  margin-right: 670px;
  padding: 0 310px 51px 0;
  background-color: #f9f9f9; }

.nav-collapsed-min .middle-column {
  left: 482px;
  padding: 0 152px 0 0; }

.nav-collapsed-min .middle-column__inner {
  padding: 0 0 51px 0;
  margin-right: 670px; }

.nav-collapsed-min .middle-column--empty {
  padding: 0 0 51px 0;
  margin-right: 330px; }

.nav-collapsed-min .middle-column__inner--no-right {
  margin-right: 330px; }

.middle-column__inner--no-right {
  padding: 0 0 51px 0; }

.middle-column--empty {
  text-align: center;
  padding: 0 0 51px 0;
  margin-right: 670px;
  background-color: #f9f9f9; }
  .middle-column--empty .slimScrollRail, .middle-column--empty .slimScrollBar {
    display: none !important; }

.middle-column--empty-volunteer {
  padding: 0 670px 115px 0;
  margin-right: 0;
  background-color: #f9f9f9;
  text-align: center; }

.nav-collapsed-min .middle-column--empty-volunteer {
  padding: 0 330px 115px 0;
  margin-right: 0;
  text-align: center; }

.nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--employees,
.middle-column__inner.middle-column--empty.middle-column--empty--employees,
.nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--sharepoint {
  padding: 0 0 43px 0; }

.middle-column__inner.middle-column--empty.middle-column--empty--sharepoint,
.middle-column__inner.middle-column--empty.middle-column--empty--study-history,
.middle-column__inner.middle-column--empty.middle-column--empty--documentation,
.middle-column__inner.middle-column--empty.middle-column--empty--patient-profiles {
  padding: 0; }

.nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--study-history,
.nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--documentation,
.nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--patient-profiles {
  padding: 0 0 51px 0; }

.nothing-selected,
.error-page__content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  top: 45%; }
  .nothing-selected p,
  .error-page__content p {
    line-height: 24px;
    color: #333; }
  .nothing-selected a,
  .error-page__content a {
    color: #76bc58; }
    .nothing-selected a:hover,
    .error-page__content a:hover {
      text-decoration: underline; }

.nothing-selected-icon {
  font-size: 100px;
  color: #C7C7C7; }

.volunteer-info,
.volunteer-info-sharepoint {
  max-width: 665px;
  margin: 30px auto;
  background-color: #fff;
  border: 1px solid #bababa;
  position: relative; }

.volunteer-info--volunteer {
  border: 0;
  margin-top: 0;
  background-color: #f9f9f9; }
  .volunteer-info--volunteer .volunteer-info--section {
    border: 1px solid #bababa;
    background-color: #fff;
    margin-bottom: 20px;
    position: relative; }
    .volunteer-info--volunteer .volunteer-info--section.history-section {
      border-top: 0; }

.volunteer-info .intl-tel-input input[type=text],
.volunteer-info .intl-tel-input input[type=tel],
.volunteer-info .intl-tel-input input {
  border: none;
  color: #333;
  padding: 0px; }

.volunteer-info .intl-tel-input .flag-dropdown {
  display: none; }

.volunteer-info__inner--wrapper {
  padding: 0 30px; }

.volunteer-info--separator {
  padding-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #bababa; }

.volunteer-info__content {
  color: #6c6c6c;
  padding: 0 30px; }

.volunteer-info--opt-in-separator {
  margin-bottom: 20px; }

.volunteer-info__headline {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6c6c6c;
  padding: 25px 30px 0 30px; }
  .volunteer-info__headline span {
    vertical-align: middle; }

.volunteer-info__name {
  font-size: 30px;
  font-size: 1.875rem;
  margin: 10px 0 0 0;
  padding: 0 30px; }

.volunteer-info--label,
.volunteer-info--value {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  line-height: 25px; }

.volunteer-info--label {
  width: 220px;
  color: #6c6c6c;
  padding: 2px 0 0 30px;
  vertical-align: top; }

.volunteer-info--value {
  width: 220px;
  line-height: 20px;
  padding: 7px 0 0 5px; }

.volunteer-info--phone div.intl-tel-input {
  width: 215px;
  margin-left: 5px; }

.volunteer-info__list {
  margin-top: 10px;
  padding-bottom: 5px;
  line-height: 30px; }
  .volunteer-info__list ul {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #bababa; }

.volunteer-info__list--volunteer,
.right-column--volunteer {
  display: none; }

.volunteer-info__list--volunteer {
  margin-top: 0; }

ul.volunteer-info__list__first {
  border: 0; }

.volunteer-info__remark {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  padding: 0 0 0 31px; }

.volunteer-info__reminder {
  border-top: 1px solid #bababa;
  padding: 20px;
  font-size: 14px;
  font-size: 0.875rem; }
  .volunteer-info__reminder p {
    clear: both;
    margin: 16px 0 0;
    line-height: 22px; }
  .volunteer-info__reminder span {
    float: left;
    font-size: 12px;
    font-size: 0.75rem;
    color: #6c6c6c;
    line-height: 18px; }
  .volunteer-info__reminder .reminder__title,
  .volunteer-info__reminder .reminder__time {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }
  .volunteer-info__reminder .volunteer-info__reminder .reminder__time {
    float: right; }

.volunteer-info__reminder--message {
  background-color: #fef9e7; }

.volunteer-info__reminder--repeated-reminders {
  background-color: #f9f9f9; }

.volunteer-info__reminder-volunteer {
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  padding: 8px 30px;
  margin: 0;
  line-height: 22px;
  border-top: 1px solid #bababa; }
  .volunteer-info__reminder-volunteer p {
    clear: both;
    margin: 0;
    padding: 10px 0; }
  .volunteer-info__reminder-volunteer span {
    font-size: 12px;
    font-size: 0.75rem;
    color: #6c6c6c;
    line-height: 18px; }
  .volunteer-info__reminder-volunteer .reminder__title {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }
  .volunteer-info__reminder-volunteer .reminder__time {
    width: 149px;
    display: inline-block; }
  .volunteer-info__reminder-volunteer .reminder__subject,
  .volunteer-info__reminder-volunteer .reminder__time span {
    line-height: 23px; }
  .volunteer-info__reminder-volunteer .icon-more-actions {
    font-size: 14px;
    font-size: 0.875rem; }

.status-unverified {
  color: #f39c12; }

.status-active {
  color: #76bc58; }

.status-canceled {
  color: #e74c3c; }

.volunteer-info__edit__form {
  max-width: 665px;
  background-color: #fff;
  margin: 30px auto;
  border: 1px solid #bababa; }
  .volunteer-info__edit__form label {
    margin: 25px 0 10px;
    display: block; }

.volunteer-info__edit--content__label {
  float: left;
  width: 150px; }

.volunteer-info__edit--content-wrapper {
  position: relative;
  font-size: 16px;
  font-size: 1rem; }

.volunteer-info__edit--content {
  padding: 20px 30px 50px 30px;
  width: 100%;
  position: relative;
  margin-bottom: 50px; }

.volunteer-info__edit--content--disabled {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.volunteer-agreement {
  border-bottom: 1px solid #bababa;
  padding: 24px 30px;
  line-height: 24px;
  position: relative; }
  .volunteer-agreement input[type='checkbox'],
  .volunteer-agreement label {
    display: inline; }
  .volunteer-agreement p {
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem; }
  .volunteer-agreement span {
    font-size: 11px;
    font-size: 0.6875rem; }

.input-field--retention,
.input-field--sharepoint {
  font-size: 14px;
  font-size: 0.875rem;
  width: 260px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 10px;
  margin: 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

input.input-field--retention-time {
  width: 227px;
  float: left; }

.input-field--retention-close {
  float: left;
  padding: 7px 10px;
  border: 1px solid #bababa;
  border-left: none;
  cursor: pointer;
  margin-right: 20px; }
  .input-field--retention-close:hover {
    background-color: #f9f9f9;
    color: #76bc58; }
  .input-field--retention-close:before {
    content: '\D7';
    font-size: 20px;
    font-size: 1.25rem; }

@-moz-document url-prefix() {
  .input-field--retention-close {
    padding: 8px 10px; } }

.custom-select--retention {
  overflow: hidden;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYECTI07Iv95gAAAHFJREFUGNNj/P//PwOxgIWBgYHh4ImTuxkYGPbsP3q0E12Bo7V1KAMDQ7m9hbkJE1RsDwMDQ4ejtXU5FoWroPIMTAwMDAxQEyuQNSAp7Nx/9GgFXDEWDTPRFaIoRtOQhq4QQzGSBld0hQwMDAyMpAQdAPqjM9e7Ib+bAAAAAElFTkSuQmCC) no-repeat 95% 50%;
  font-size: 14px;
  font-size: 0.875rem;
  width: 260px;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 9px;
  margin: 0;
  display: block; }

p.volunteer-info__validation {
  padding: 5px 0 0 0;
  margin-right: 40px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #e74c3c; }

.volunteer-info__error-input {
  border: 1px solid #e74c3c !important; }

.volunteer-info__error-input--name {
  border-bottom: 1px solid #e74c3c !important;
  margin-top: 10px; }

label.reminder-notice,
label.reminder-notice--reference {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 40px 20px 0;
  line-height: 20px;
  margin: 5px 0 0; }

label.reminder-notice--reference {
  padding: 0 40px 0 0;
  height: 45px;
  display: inline-block; }

label .gender-checkbox,
label .gender-radio {
  display: inline-block;
  width: 70px; }

label.gender-radio {
  margin: 0;
  padding: 10px 55px; }

label.gender-checkbox {
  padding: 5px 0;
  margin-top: 20px; }

label.gender-radio {
  display: inline-block;
  margin: 0;
  padding: 10px 55px;
  width: 70px; }

.volunteer-info--sms__edit,
.volunteer-info--email__edit {
  padding: 26px 0; }
  .volunteer-info--sms__edit p,
  .volunteer-info--email__edit p {
    margin: 0;
    color: #f39c12; }

.reminder-button {
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #fff;
  padding: 3px 20px;
  cursor: pointer;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  margin: 4px 30px 4px 0;
  border: 1px solid #bababa;
  border-radius: 12px;
  width: inherit; }
  .reminder-button:hover {
    background-color: #f9f9f9; }

.form-save-button {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 7px 30px;
  border: 1px solid #bababa;
  border-radius: 12px;
  color: #333;
  background-color: #fff; }
  .form-save-button:hover {
    background-color: #f9f9f9;
    color: #76bc58; }

.volunteer-info__edit--content-save {
  position: absolute;
  right: 50px;
  bottom: 25px; }

.volunteer-info__new--content-save {
  position: absolute;
  right: 30px;
  bottom: 25px; }

.volunteer-info__edit--close,
.volunteer-info__new--close {
  color: #C7C7C7;
  position: absolute;
  right: 0;
  bottom: 32px;
  cursor: pointer;
  padding: 3px 16px;
  z-index: 100;
  font-size: 10px;
  font-size: 0.625rem; }

.volunteer-info__new--close {
  right: 0;
  bottom: 12px; }

.volunteer-info__edit--submit {
  font-size: 12px;
  font-size: 0.75rem;
  position: relative;
  background-color: #fff;
  border: 1px solid #bababa;
  padding: 6px 29px 6px 24px;
  color: #333;
  float: left; }
  .volunteer-info__edit--submit:hover, .volunteer-info__edit--submit:active {
    background-color: #f9f9f9;
    color: #76bc58; }

.volunteer-info__edit--submit {
  border-radius: 12px 0 0 12px; }

.volunteer-info__volunteer--submit {
  font-size: 12px;
  font-size: 0.75rem;
  position: relative;
  padding: 6px 29px 6px 24px;
  color: #333; }

.volunteer-info__edit--submit {
  border-radius: 12px 0 0 12px;
  display: inline-block; }

div.volunteer-info__volunteer--submit {
  padding: 0;
  display: inline-block;
  border-radius: 12px; }
  div.volunteer-info__volunteer--submit span {
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: middle; }
  div.volunteer-info__volunteer--submit .icon-flag {
    padding: 6px 0; }
  div.volunteer-info__volunteer--submit .icon-dropdown-right {
    padding: 8px 40px 8px 0;
    display: inline-block;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle; }

label.required-label {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #6c6c6c;
  float: right;
  text-align: right;
  padding-right: 40px;
  width: 95px;
  margin: 25px 0 0; }

.middle-column__inner--volunteer {
  height: 100%;
  padding: 0 425px 115px 0;
  margin-right: 245px;
  background-color: #f9f9f9; }

.middle-column__inner--volunteer.open {
  padding: 0 425px 115px 0;
  margin-right: 670px; }

.middle-column__inner--volunteer.details-tour {
  margin-right: 245px; }

.nav-collapsed-min .middle-column__inner--volunteer {
  padding: 0 330px 115px 0;
  margin-right: 0; }

.nav-collapsed-min .middle-column__inner--volunteer.open {
  padding: 0 425px 115px 0;
  margin-right: 330px; }

.middle-column__inner--employees {
  height: 100%;
  padding: 0 425px 51px 0;
  margin-right: 245px;
  background-color: #f9f9f9; }

.nav-collapsed-min .middle-column__inner--employees {
  padding: 0 330px 51px 0;
  margin-right: 0; }

.volunteer-buttons {
  width: 100%;
  background-color: #f9f9f9;
  border-top: 1px solid #bababa;
  position: absolute;
  bottom: -50px;
  left: 0; }

.volunteer-buttons__save,
.volunteer-buttons__cancel {
  font-size: 18px;
  font-size: 1.125rem;
  border: 0;
  padding: 17px 20px;
  width: 140px;
  cursor: pointer;
  text-align: center;
  float: right;
  color: #6c6c6c;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.volunteer-buttons__cancel:hover {
  background-color: #FCFCFC;
  color: #333; }

.volunteer-buttons__save {
  background-color: #76bc58;
  color: #fff; }
  .volunteer-buttons__save:hover {
    background-color: #91c979; }

.volunteer-info__volunteer--actions {
  font-size: 12px;
  font-size: 0.75rem;
  color: #333;
  float: left; }

.status-history-switch {
  font-size: 14px;
  font-size: 0.875rem;
  float: right;
  width: 300px;
  text-align: right;
  padding: 5px 20px 0 0; }

.history-section {
  width: 100%; }

.protocol-history-name .dropdownLink-text,
.more-actions-label .dropdownLink-text {
  color: #6c6c6c; }
  .protocol-history-name .dropdownLink-text:hover,
  .more-actions-label .dropdownLink-text:hover {
    color: #76bc58; }

.study-details-wrapper,
.volunteer-details-top-wrapper,
.volunteer-details-bottom-wrapper {
  font-size: 13px;
  font-size: 0.8125rem; }

.study-details-wrapper {
  max-width: 665px;
  margin: auto;
  padding: 10px 0; }

.volunteer-details-top-wrapper {
  padding: 20px 30px 0; }
  .volunteer-details-top-wrapper .volunteer-details__left {
    float: left; }
  .volunteer-details-top-wrapper .volunteer-details__right {
    float: right; }

.volunteer-details-middle-wrapper {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 10px 30px 20px 30px; }
  .volunteer-details-middle-wrapper div {
    margin-top: 10px; }
  .volunteer-details-middle-wrapper div:first-child {
    margin-top: 0; }
  .volunteer-details-middle-wrapper .phone-section {
    margin-right: 10px; }
  .volunteer-details-middle-wrapper .phone-icon {
    color: #333; }
  .volunteer-details-middle-wrapper .monkey-icon {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    font-size: 18px;
    vertical-align: middle; }
  .volunteer-details-middle-wrapper .distance {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    background: #EAF4E5;
    color: #76bc58;
    padding: 5px 5px 3px 5px;
    margin-left: 5px; }

.volunteer-details-bottom-wrapper {
  padding: 10px 30px 20px 30px;
  margin-top: 10px; }
  .volunteer-details-bottom-wrapper div:first-child {
    margin-top: 0; }

.line-separator {
  padding: 0 4px; }

.status-item-dropdown-wrapper {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  position: absolute;
  right: 0px;
  top: 9px;
  cursor: pointer; }

.status-item-dropdown .dropdownMenu.detail-side-dropdown {
  width: 100px;
  left: 18px !important;
  top: 24px !important;
  text-align: left; }
  .status-item-dropdown .dropdownMenu.detail-side-dropdown div,
  .status-item-dropdown .dropdownMenu.detail-side-dropdown div:first-child {
    color: #333; }
    .status-item-dropdown .dropdownMenu.detail-side-dropdown div:hover,
    .status-item-dropdown .dropdownMenu.detail-side-dropdown div:first-child:hover {
      color: #76bc58; }
  .status-item-dropdown .dropdownMenu.detail-side-dropdown a {
    padding: 10px;
    display: block;
    color: #333; }
    .status-item-dropdown .dropdownMenu.detail-side-dropdown a:hover {
      color: #76bc58; }
  .status-item-dropdown .dropdownMenu.detail-side-dropdown span:hover {
    color: #76bc58; }

.dropdownMenu.detail-status-dropdown {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 300px;
  min-height: 40px; }

.volunteer-info__add-patient-status-wrapper {
  margin-bottom: 20px;
  text-align: right; }
  .volunteer-info__add-patient-status-wrapper .volunteer-info__add-patient-status {
    font-size: 12px;
    font-size: 0.75rem;
    background: #76bc58;
    color: #fff;
    border: 0;
    padding: 9px 15px 7px 15px;
    border-radius: 10px;
    vertical-align: middle;
    text-transform: uppercase; }
    .volunteer-info__add-patient-status-wrapper .volunteer-info__add-patient-status:hover {
      background: #91c979; }
  .volunteer-info__add-patient-status-wrapper .icon-more-actions {
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: middle;
    color: #6c6c6c;
    cursor: pointer;
    padding: 7px 10px 7px 6px; }

.new-patient-status-section,
.edit-patient-status-section {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  background: #EAF4E5;
  border-top: 1px solid #bababa; }
  .new-patient-status-section span,
  .edit-patient-status-section span {
    font-size: 12px;
    font-size: 0.75rem;
    color: #6c6c6c;
    line-height: 18px; }
  .new-patient-status-section .new-patient-status-section__select-date,
  .edit-patient-status-section .new-patient-status-section__select-date {
    padding: 10px 0;
    border-right: 1px solid #bababa;
    display: inline-block; }
  .new-patient-status-section .new-patient-status-section__status-dropdown,
  .edit-patient-status-section .new-patient-status-section__status-dropdown {
    padding: 10px 0 10px 17px; }
    .new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
    .edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
      display: inline-block;
      max-width: 350px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      vertical-align: middle; }
  .new-patient-status-section .new-patient-status-section__buttons,
  .edit-patient-status-section .new-patient-status-section__buttons {
    float: right;
    text-transform: uppercase;
    border-left: 1px solid #bababa; }
    .new-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__cancel,
    .new-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save,
    .edit-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__cancel,
    .edit-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save {
      text-transform: uppercase;
      display: inline-block;
      cursor: pointer;
      padding: 12px 13.5px 9px 13.5px;
      margin: 0;
      vertical-align: top;
      border-right: 1px solid #bababa;
      float: left; }
      .new-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__cancel span,
      .new-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save span,
      .edit-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__cancel span,
      .edit-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save span {
        color: #bababa; }
    .new-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save,
    .edit-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save {
      background: inherit;
      border: 0;
      margin: 0;
      padding: 12px 12px 6px 12px; }
      .new-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save span,
      .edit-patient-status-section .new-patient-status-section__buttons .new-patient-status-section__buttons__save span {
        font-size: 16px;
        font-size: 1rem;
        color: #76bc58; }
  .new-patient-status-section .date-picker-arrow,
  .edit-patient-status-section .date-picker-arrow {
    cursor: pointer;
    padding: 14px 0 14px 30px; }
    .new-patient-status-section .date-picker-arrow:after,
    .edit-patient-status-section .date-picker-arrow:after {
      padding-right: 30px; }
  .new-patient-status-section .spinner-icon--search,
  .edit-patient-status-section .spinner-icon--search {
    margin: 0; }

.edit-patient-status-section {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid #bababa; }

.volunteer-detail-tab,
.volunteer-management-detail-tab,
.screeners-tab,
.appointments-tab {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  float: left;
  cursor: pointer;
  color: #BFC6C7; }

.volunteer-detail-tab,
.appointments-tab {
  border-bottom: 1px solid #bababa;
  padding: 7px 0px 8px 0;
  width: 50%; }
  .volunteer-detail-tab.active,
  .appointments-tab.active {
    border-bottom: 1px solid #76bc58;
    color: #76bc58;
    background-color: #f9f9f9; }
  .volunteer-detail-tab:hover,
  .appointments-tab:hover {
    color: #76bc58; }

.appointments-tab {
  border-left: 1px solid #bababa; }

.volunteer-management-detail-tab {
  border-bottom: 1px solid #bababa;
  padding: 7.5px 0px;
  width: 25%;
  height: 31px; }
  .volunteer-management-detail-tab.active {
    border-bottom: 1px solid #76bc58;
    color: #76bc58;
    background-color: #f9f9f9; }
  .volunteer-management-detail-tab:hover {
    color: #76bc58; }

.volunteer-info__list--retention,
.volunteer-info__list--employees {
  margin-top: 20px;
  border-top: 1px solid #bababa; }

.volunteer-info__name--study {
  border-bottom: 1px solid #bababa;
  padding-bottom: 20px; }

.volunteer-info__list--site-management {
  margin-top: 20px; }

.site-data-sharepoint__gender .gender-radio {
  display: inline-block;
  width: 120px;
  margin: 0; }

.middle-column__sharepoint__detail .input-field--feasibility {
  padding: 9px; }

/* Site Management styles*/
.site-management__site-wrapper {
  height: 100%;
  overflow-y: auto;
  background-color: #f9f9f9; }

.site-management__site-info {
  max-width: 665px;
  margin: 30px auto;
  background-color: #fff;
  border: 1px solid #bababa;
  position: relative; }

.active-tab-content {
  display: block !important; }

.volunteer-status-history .status {
  display: inline-block;
  max-width: 315px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle; }

.middle-column-feasibility-list {
  top: 51px !important;
  padding-bottom: 51px; }

.middle-column__feasibility__detail,
.middle-column__sharepoint__detail,
.middle-column__documentation__detail {
  margin-right: 670px;
  padding: 0;
  overflow-y: auto; }
  .middle-column__feasibility__detail .volunteer-info,
  .middle-column__sharepoint__detail .volunteer-info,
  .middle-column__documentation__detail .volunteer-info {
    max-width: 665px; }

.nav-collapsed-min .middle-column__feasibility__detail,
.nav-collapsed-min .middle-column__sharepoint__detail,
.nav-collapsed-min .middle-column__documentation__detail {
  margin-right: 330px; }

.volunteer-info__feasibility__form {
  height: 100%; }
  .volunteer-info__feasibility__form label {
    margin: 25px 0 10px;
    display: block; }

.feasibility-select {
  overflow: hidden;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYECTI07Iv95gAAAHFJREFUGNNj/P//PwOxgIWBgYHh4ImTuxkYGPbsP3q0E12Bo7V1KAMDQ7m9hbkJE1RsDwMDQ4ejtXU5FoWroPIMTAwMDAxQEyuQNSAp7Nx/9GgFXDEWDTPRFaIoRtOQhq4QQzGSBld0hQwMDAyMpAQdAPqjM9e7Ib+bAAAAAElFTkSuQmCC) no-repeat 95% 50%;
  font-size: 14px;
  font-size: 0.875rem;
  width: 260px;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 8px 9px;
  margin: 0;
  display: block; }

.feasibility-input {
  font-size: 14px;
  font-size: 0.875rem;
  width: 260px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 9px 10px;
  margin: 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.input-field--feasibility {
  font-size: 14px;
  font-size: 0.875rem;
  width: 260px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 10px;
  margin: 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.feasibility-textarea {
  font-size: 14px;
  font-size: 0.875rem;
  width: 260px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 9px 10px;
  margin: 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.feasibility-submit {
  background-color: #76bc58;
  color: #f9f9f9;
  border: 0;
  border-radius: 0;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  padding: 18px 62px;
  margin: 5px 0;
  font-size: 18px;
  font-size: 1.125rem;
  cursor: pointer; }
  .feasibility-submit:hover {
    background-color: #91c979; }

.patient-buttons {
  width: 100%;
  background-color: #f9f9f9;
  border-top: 1px solid #bababa;
  position: absolute;
  bottom: 0;
  left: 0; }

.custom-select--date {
  overflow: hidden;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYECTI07Iv95gAAAHFJREFUGNNj/P//PwOxgIWBgYHh4ImTuxkYGPbsP3q0E12Bo7V1KAMDQ7m9hbkJE1RsDwMDQ4ejtXU5FoWroPIMTAwMDAxQEyuQNSAp7Nx/9GgFXDEWDTPRFaIoRtOQhq4QQzGSBld0hQwMDAyMpAQdAPqjM9e7Ib+bAAAAAElFTkSuQmCC) no-repeat 85% 50%;
  font-size: 14px;
  font-size: 0.875rem;
  width: 81px;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 9px;
  margin: 0 5px 0 0;
  display: inline-block; }

.volunteer-info__feasibility__label {
  display: block;
  margin: 25px 0 10px; }

.volunteer-info__feasibility--content {
  padding: 10px 30px 50px; }

.volunteer-info__feasibility--patient {
  padding: 10px 30px 10px;
  margin-bottom: 90px; }

.volunteer-info__patient--screener {
  padding-bottom: 62px; }

.feasibility-request-title {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 10px 0 25px 30px;
  margin: 10px 0 0 0;
  clear: both;
  border-bottom: 1px solid #bababa; }

.documentation-body {
  padding: 0 30px 20px 30px;
  line-height: 24px; }

.documentation-file-name {
  font-family: 'Lato-bold', 'Lato', helvetica, arial;
  color: #333; }

.documentation-file-size {
  font-family: 'Lato', helvetica, arial; }

.documentation-file-download {
  float: right;
  color: #C7C7C7;
  line-height: 25px; }
  .documentation-file-download:hover {
    color: #333; }

.feasibility-files-attachment-item {
  padding: 10px 0; }

.documentation-file-type {
  font-family: 'Lato', helvetica, arial;
  background-color: #76bc58;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  padding: 4px 12px;
  margin-right: 10px; }

.feasibility-files {
  border-top: 1px solid #bababa;
  padding: 15px 30px 30px 30px; }

.feasibility-files-attachments {
  text-transform: uppercase; }

.volunteer-info__feasibility-name {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 10px 0 0 0;
  padding: 0 30px; }

.volunteer-info .request-item-switch {
  top: 65px;
  right: 30px; }

.volunteer-info .feasibility-request-tab-wrapper {
  padding: 0 15px;
  margin-top: 15px; }

.right-column {
  height: 100%;
  width: 310px;
  position: absolute;
  top: 51px;
  right: 0;
  padding-bottom: 51px;
  word-wrap: break-word;
  background-color: #fff;
  border-left: 1px solid #bababa;
  z-index: 100; }

.nav-collapsed-min .right-column {
  width: 340px; }

.right-column__inner {
  height: 100%;
  position: relative;
  background-color: #fff; }

.right-column__inner-wrapper {
  height: 100%;
  position: relative; }

.hide-right-column {
  display: none; }

.schedule-event {
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #76bc58;
  padding: 23px 0px 17px 0;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  border: 0;
  position: absolute; }
  .schedule-event:hover {
    background-color: #91c979; }

.schedule-event {
  bottom: 51px;
  right: 0; }

.add-comment {
  font-size: 13px;
  font-size: 0.8125rem;
  width: 100%;
  display: block;
  text-align: left;
  color: #76bc58;
  background-color: #EBF5E6;
  padding: 20px 0 17px 20px;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  border: 0;
  border-bottom: 1px solid #bababa; }
  .add-comment:hover {
    background-color: #91c979;
    color: #fff; }

button[disabled].schedule-event {
  background-color: #e0e0e0;
  opacity: 1; }

.appointment-type {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.item-reminder {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem; }

.item-reminder__headline {
  font-size: 12px;
  font-size: 0.75rem; }

.item-reminder__body {
  margin: 5px 0 15px 0;
  font-size: 12px;
  font-size: 0.75rem; }

.item-reminder__change,
.item-reminder__schedule-date {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #76bc58;
  cursor: pointer;
  float: left; }

.item-reminder__cancel {
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  float: right; }

.right-column__item .item--first-row {
  padding: 15px 20px; }

.right-column__item .item--second-row {
  padding: 0 20px 15px 20px;
  margin: 0; }
  .right-column__item .item--second-row p:first-child {
    margin: 0; }

.item--first-row.past-items {
  cursor: default; }

.item--first-row.sheduled {
  cursor: pointer; }

.input-field-warning {
  border-color: #f39c12; }
  .input-field-warning:focus {
    border-color: #f39c12; }

.right-column--volunteer {
  word-wrap: break-word;
  background-color: #fff;
  z-index: 100; }
  .right-column--volunteer .item__types li {
    background-color: #fff; }
    .right-column--volunteer .item__types li span {
      padding: 0 10px;
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal; }

.right-column--retention {
  top: 115px;
  height: 88%;
  height: calc(100% - 115px);
  padding: 0; }

.screeners-tab-content--questions {
  padding-bottom: 27px; }

.screeners-tab-content--phone-screener {
  padding-bottom: 0; }
  .screeners-tab-content--phone-screener .right-column__item:last-child {
    border-bottom: 0; }

.right-column--volunteer.open {
  width: 425px; }

.toggle-screeners {
  font-size: 12px;
  font-size: 0.75rem;
  float: right;
  padding: 6px 24px;
  border: 1px solid #bababa;
  border-radius: 12px;
  cursor: pointer;
  position: fixed;
  bottom: 33px;
  right: 30px;
  background-color: #fff;
  verical-align: middle; }
  .toggle-screeners:hover {
    background-color: #f9f9f9;
    color: #76bc58; }

.toggle-screeners-small {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 8px 8px 4px 11px;
  border: 1px solid #bababa;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  position: absolute;
  bottom: 45px;
  right: 20px;
  z-index: 100; }

.screeners-arrow {
  width: 10px;
  height: 14px; }

.list-disabled:hover {
  background-color: #f9f9f9;
  color: inherit; }

.list-disabled .icon-flag:hover {
  color: inherit; }

.status-button-inner:hover {
  color: #bababa; }

.status-button-inner .icon-flag:hover {
  color: #bababa; }

.screener-item {
  border-left: 2px solid rgba(0, 0, 0, 0);
  border-right: 2px solid rgba(0, 0, 0, 0);
  cursor: pointer; }
  .screener-item .item--first-row {
    cursor: pointer; }
  .screener-item:hover {
    border-left: 2px solid #76bc58; }
  .screener-item:last-child {
    border-bottom: 0; }
  .screener-item ul {
    margin: 0 0 0 25px; }
    .screener-item ul li:before {
      content: "\2022   "; }

.screeners-note {
  clear: both;
  background-color: #FFFEE5;
  padding: 5px 20px 5px 20px;
  font-size: 12px;
  font-size: 0.75rem;
  width: 100%;
  border-bottom: 1px solid #bababa; }
  .screeners-note span {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.selected-answer {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  color: #76bc58; }

.screener-question,
div.screener-comment {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px; }
  .screener-question .item--date,
  .screener-question .item--id,
  div.screener-comment .item--date,
  div.screener-comment .item--id {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase; }
  .screener-question p,
  div.screener-comment p {
    margin: 10px 0; }

.screener-item div.screener-comment {
  cursor: default; }

.item--first-row.screener-question {
  width: 500px;
  padding: 15px 20px 5px 20px; }
  .item--first-row.screener-question br {
    padding: 5px 0;
    display: block; }

.comment-author {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.scenario-label {
  background-color: #FFFEE5;
  padding: 5px 0 5px 20px;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-top: 1px solid #bababa;
  z-index: 100;
  text-align: right; }

.scenario-wrapper {
  float: left; }

.toggle-answers {
  padding-right: 5px; }

.screener-answer {
  font-size: 14px;
  font-size: 0.875rem;
  color: #6c6c6c; }
  .screener-answer span.true-separator:first-child {
    display: none; }

label.screeners-toggle {
  padding: 5px 20px;
  margin-left: 5px; }

.screeners-hover-toggle,
.screeners-hover-toggle-all {
  font-size: 11px;
  font-size: 0.6875rem;
  position: absolute;
  right: 20px; }
  .screeners-hover-toggle:before,
  .screeners-hover-toggle-all:before {
    color: #bababa; }

.screeners-hover-toggle {
  top: 15px; }

.screeners-hover-toggle-all {
  top: 12px; }

.screeners-hover-toggle.active,
.screeners-hover-toggle-all {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }

.screeners-hover-toggle-all.active {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg); }

.screeners-tab {
  width: 100%;
  text-transform: uppercase;
  border-bottom: 1px solid #bababa; }
  .screeners-tab li:first-child {
    border-left: 0; }
  .screeners-tab .item__types--events {
    box-sizing: border-box;
    float: left;
    padding: 13px 15px 6px 15px;
    max-width: 240px; }
    .screeners-tab .item__types--events span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal; }
    .screeners-tab .item__types--events:hover {
      color: #76bc58; }

.screeners-tab.active .item__types--events.active {
  border-bottom: 1px solid #76bc58;
  color: #76bc58; }

.screener-no-comment {
  border: 0; }

.item--info {
  display: block; }
  .item--info:first-child {
    text-transform: uppercase;
    padding-bottom: 10px; }

.item--first-row.screener-question.screener-no-data {
  padding: 15px 20px 15px 20px; }

.item--info.no-reg-date:first-child {
  padding: 0; }

.overview-headline {
  font-size: 30px;
  font-size: 1.875rem;
  margin: 15px 0 0 0;
  padding: 0 30px; }

.feasibility-overview-item {
  width: 26%;
  float: left;
  padding: 10px; }
  .feasibility-overview-item:hover .feasibility-overview-item__inner {
    box-shadow: 4px 0 0 #76bc58 inset; }
  .feasibility-overview-item:hover div {
    background-color: #f9f9f9; }
  .feasibility-overview-item:hover span {
    color: #76bc58; }

.feasibility-overview-item__inner {
  border: 1px solid #bababa;
  background-color: #fff;
  height: 120px; }

.feasibility-overview-inner {
  width: 100%;
  padding: 10px; }

.feasibility-overview-item__icon {
  vertical-align: middle;
  display: inline-block; }
  .feasibility-overview-item__icon:before {
    padding: 0; }

.feasibility-overview-item__icon.patients-icon,
.feasibility-overview-item__icon.documents-icon {
  font-size: 50px;
  font-size: 3.125rem;
  padding: 25px 8%; }

.feasibility-overview-item__icon.lists-icon {
  font-size: 45px;
  font-size: 2.8125rem;
  padding: 28px 8%; }

.feasibility-overview-item__content {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px; }

.feasibility-overview-item__number {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  color: #333;
  padding: 0;
  display: block; }

.feasibility-overview-item__name {
  color: #6c6c6c;
  text-transform: uppercase;
  padding: 0;
  display: block;
  font-size: 12px;
  font-size: 0.75rem; }

.feasibility-list-add {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  color: #76bc58;
  width: 100%;
  padding: 20px 27px;
  border: 0;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid #bababa; }
  .feasibility-list-add:hover {
    background-color: #f9f9f9; }
  .feasibility-list-add .icon-plus {
    margin-right: 5px;
    vertical-align: inherit; }

.left-column-volunteer-feasibility {
  padding-bottom: 0;
  overflow-y: auto; }

.left-column-volunteer-feasibility--documentation {
  padding-bottom: 0;
  overflow-y: auto; }

.fb-component {
  padding: 10px;
  cursor: move; }

.fb-component input {
  cursor: move; }

.fb-component label {
  cursor: move; }

.fb-component select {
  cursor: move; }

.fb-component textarea {
  cursor: move; }

.fb-form-object-editable {
  padding: 10px; }

.fb-form-object-editable.fb-draggable {
  cursor: move; }

.fb-form-object-editable.fb-draggable input {
  cursor: move; }

.fb-form-object-editable.fb-draggable label {
  cursor: pointer; }

.fb-form-object-editable.fb-draggable select {
  cursor: move; }

.fb-form-object-editable.fb-draggable textarea {
  cursor: move; }

.fb-form-object-editable.empty {
  cursor: default;
  margin: 6px;
  height: 80px;
  border: dashed 1px #aaa;
  background-color: #eee; }

.fb-draggable.dragging {
  background-color: #ffffff;
  position: absolute;
  z-index: 800;
  -webkit-box-shadow: #666 0 0 20px;
  -moz-box-shadow: #666 0 0 20px;
  box-shadow: #666 0 0 20px; }

.fb-required:after {
  color: #b94a48;
  content: ' *'; }

.fb-builder {
  min-height: 250px; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 420px;
  padding-top: 20px; }

.control-label {
  padding: 10px 0;
  display: block; }

div.popover {
  z-index: 10053 !important;
  max-width: inherit; }
  div.popover div.form-group .feasibility-input {
    width: 100%; }
  div.popover div.popover-buttons {
    margin-top: 30px;
    border-top: 1px solid #bababa;
    background-color: #f9f9f9; }

div.popover-content {
  padding: 0px; }

.fb-draggable.dragging {
  z-index: 10010 !important; }

.screener-info__headline {
  font-size: 12px;
  font-size: 0.75rem;
  color: #90A7A7;
  padding: 25px 0 30px 30px;
  clear: both; }
  .screener-info__headline span {
    vertical-align: middle; }

.survey-questions-wrapper {
  border-top: 1px solid #bababa;
  margin-bottom: 57px; }
  .survey-questions-wrapper .label_radio,
  .survey-questions-wrapper .label_check {
    display: block;
    margin: 5px 0; }
  .survey-questions-wrapper label input.survey-question-item__input {
    position: relative;
    left: 20px; }

.survey-question-item {
  border-bottom: 1px solid #bababa;
  padding: 25px 30px;
  border-left: 4px solid #fff;
  border-right: 4px solid transparent; }
  .survey-question-item:hover {
    border-left: 4px solid #76bc58;
    border-right: 4px solid transparent;
    background-color: #F6FCF8; }
  .survey-question-item:last-child {
    border-bottom: 0; }

.clear-question {
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  position: absolute;
  top: 15px;
  right: 32px;
  cursor: pointer;
  color: #76bc58; }

.fb-form-object .form-group {
  position: relative;
  border-bottom: 1px solid #bababa;
  padding: 25px 30px; }
  .fb-form-object .form-group .clear-question {
    opacity: 0;
    visibility: hidden; }
  .fb-form-object .form-group:hover {
    box-shadow: 4px 0 0 #76bc58 inset;
    background-color: #F6FCF8; }
    .fb-form-object .form-group:hover .clear-question {
      opacity: 1;
      visibility: visible; }

.survey-question-item__number,
.survey-questions-answered {
  font-size: 12px;
  font-size: 0.75rem; }

.survey-question-item__body,
label.control-label {
  font-size: 20px;
  font-size: 1.25rem;
  width: auto;
  word-wrap: break-word;
  margin: 10px 0;
  padding: 0; }

.survey-questions-title {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 0 5px 30px;
  margin: 10px 0 15px 0;
  clear: both; }
  .survey-questions-title .green {
    display: block; }

.survey-questions__headline {
  padding: 25px 0 0 30px; }

input.survey-question-item__input,
div.form-group .feasibility-input {
  font-size: 14px;
  font-size: 0.875rem;
  position: inherit;
  width: 400px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 10px;
  margin: 5px 0 0 0;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.survey-question-item__textarea {
  font-size: 14px;
  font-size: 0.875rem;
  width: 421px;
  height: 80px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #bababa;
  color: #333;
  padding: 10px;
  margin: 0px;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.help-block {
  font-size: 14px; }

/* Isolated Form Builder */
body.isolated-form-builder {
  font-family: 'Lato', helvetica, arial, sans-serif; }
  body.isolated-form-builder .feasibility-request-wrapper * {
    font-family: 'Lato', helvetica, arial, sans-serif;
    color: #333;
    font-size: 14px; }
  body.isolated-form-builder hr {
    clear: both;
    display: block; }
  body.isolated-form-builder .multiform p {
    margin: 10px 0; }
  body.isolated-form-builder select {
    font-size: 14px;
    border: 1px solid #bababa;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYECTI07Iv95gAAAHFJREFUGNNj/P//PwOxgIWBgYHh4ImTuxkYGPbsP3q0E12Bo7V1KAMDQ7m9hbkJE1RsDwMDQ4ejtXU5FoWroPIMTAwMDAxQEyuQNSAp7Nx/9GgFXDEWDTPRFaIoRtOQhq4QQzGSBld0hQwMDAyMpAQdAPqjM9e7Ib+bAAAAAElFTkSuQmCC) no-repeat 97% 50%;
    width: 400px; }
  body.isolated-form-builder input,
  body.isolated-form-builder textarea {
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-transition: inherit; }
  body.isolated-form-builder input:focus,
  body.isolated-form-builder select:focus,
  body.isolated-form-builder textarea:focus {
    border: 1px solid #76bc58;
    -webkit-box-shadow: inherit;
    box-shadow: inherit; }
  body.isolated-form-builder .form-horizontal {
    padding: 5px 20px; }
  body.isolated-form-builder .form-builder-wrapper {
    padding-bottom: 0; }
  body.isolated-form-builder .form-builder-inner {
    background-color: #fff;
    margin: 20px;
    border: 1px solid #bababa; }
  body.isolated-form-builder .multiform {
    padding: 5px 5px 20px 5px; }
  body.isolated-form-builder .row {
    margin-left: 0;
    margin-right: 0; }
  body.isolated-form-builder .form-group {
    border: 1px solid #bababa;
    margin: 0;
    padding: 0 20px; }
  body.isolated-form-builder .form-group.error {
    position: relative; }
  body.isolated-form-builder .builder-error {
    font-size: 11px;
    color: #E64434;
    position: absolute;
    top: 25px;
    right: 20px; }
  body.isolated-form-builder p.help-block {
    margin: 10px 0 20px 0; }
  body.isolated-form-builder .radio label,
  body.isolated-form-builder .checkbox label {
    font-size: 16px; }
  body.isolated-form-builder .preview-panel form {
    border-bottom: 1px solid #bababa; }
    body.isolated-form-builder .preview-panel form .form-group {
      border-bottom: 0; }
    body.isolated-form-builder .preview-panel form p.help-block {
      display: inline-block; }
    body.isolated-form-builder .preview-panel form .control-label {
      margin: 15px 0 10px 0; }
  body.isolated-form-builder .popover,
  body.isolated-form-builder .popover-title {
    border-radius: 0;
    border-color: #bababa; }
    body.isolated-form-builder .popover:after,
    body.isolated-form-builder .popover-title:after {
      border-color: #bababa; }
  body.isolated-form-builder .fb-form-object-editable.fb-draggable label,
  body.isolated-form-builder .form-horizontal .control-label {
    text-align: left; }
  body.isolated-form-builder .panel-heading,
  body.isolated-form-builder .panel {
    border-radius: 0; }
  body.isolated-form-builder .panel-heading {
    background-color: #f9f9f9;
    padding: 10px 20px; }
    body.isolated-form-builder .panel-heading h3 {
      color: #76bc58;
      font-size: 12px;
      text-transform: uppercase; }
  body.isolated-form-builder input.btn-primary,
  body.isolated-form-builder input.btn-danger {
    color: #fff; }
    body.isolated-form-builder input.btn-primary:hover,
    body.isolated-form-builder input.btn-danger:hover {
      color: #fff; }
  body.isolated-form-builder input.btn-default {
    background-color: #f9f9f9;
    color: #333;
    float: right; }
    body.isolated-form-builder input.btn-default:hover {
      background-color: #fff;
      color: #333; }
  body.isolated-form-builder input.btn-primary {
    background-color: #76bc58;
    border-color: #76bc58;
    float: right; }
    body.isolated-form-builder input.btn-primary:hover {
      background-color: #91c979;
      border-color: #91c979; }
  body.isolated-form-builder input.btn-danger {
    float: left;
    background-color: #f9f9f9;
    color: #333; }
    body.isolated-form-builder input.btn-danger:hover {
      background-color: #fff;
      color: #e74c3c; }
  body.isolated-form-builder button.btn {
    margin-bottom: 5px;
    border-radius: 0;
    padding: 10px;
    background-color: #76bc58;
    color: #fff;
    border: 0;
    display: block;
    box-shadow: none; }
    body.isolated-form-builder button.btn:hover {
      background-color: #91c979;
      color: #fff; }
    body.isolated-form-builder button.btn:focus {
      outline: none; }
    body.isolated-form-builder button.btn span.feasibility-request-save,
    body.isolated-form-builder button.btn span.feasibility-request-back {
      font-size: 14px;
      background-color: #76bc58;
      color: #fff;
      width: 160px;
      float: right;
      text-align: center;
      line-height: 60px;
      border: 0;
      cursor: pointer; }
  body.isolated-form-builder .fb-form-object-editable,
  body.isolated-form-builder .fb-component {
    margin: 15px 0;
    padding: 0; }
    body.isolated-form-builder .fb-form-object-editable .fb-builder .form-group,
    body.isolated-form-builder .fb-form-object-editable .components-selection .form-group,
    body.isolated-form-builder .fb-component .fb-builder .form-group,
    body.isolated-form-builder .fb-component .components-selection .form-group {
      padding: 0 20px; }
    body.isolated-form-builder .fb-form-object-editable input.survey-question-item__input,
    body.isolated-form-builder .fb-form-object-editable div.form-group .feasibility-input,
    body.isolated-form-builder .fb-form-object-editable select,
    body.isolated-form-builder .fb-component input.survey-question-item__input,
    body.isolated-form-builder .fb-component div.form-group .feasibility-input,
    body.isolated-form-builder .fb-component select {
      width: 100%; }
  body.isolated-form-builder p.survey-question-item__number {
    font-size: 11px; }
  body.isolated-form-builder label.control-label {
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0;
    width: 100%; }
  body.isolated-form-builder .radio,
  body.isolated-form-builder .checkbox {
    padding: 0;
    margin-bottom: 0; }
  body.isolated-form-builder input.survey-question-item__input,
  body.isolated-form-builder div.form-group .feasibility-input {
    font-size: 14px; }
  body.isolated-form-builder .form-builder__feasibility-selection select {
    font-size: 14px;
    width: 100%;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYECTI07Iv95gAAAHFJREFUGNNj/P//PwOxgIWBgYHh4ImTuxkYGPbsP3q0E12Bo7V1KAMDQ7m9hbkJE1RsDwMDQ4ejtXU5FoWroPIMTAwMDAxQEyuQNSAp7Nx/9GgFXDEWDTPRFaIoRtOQhq4QQzGSBld0hQwMDAyMpAQdAPqjM9e7Ib+bAAAAAElFTkSuQmCC) no-repeat 94% 50%; }
  body.isolated-form-builder .help-block {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%; }
  body.isolated-form-builder .panel-holder {
    margin-bottom: 20px; }
    body.isolated-form-builder .panel-holder button.btn {
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: break-word; }
    body.isolated-form-builder .panel-holder .panel-holder__buttons {
      width: 100%;
      margin-top: 5px; }
      body.isolated-form-builder .panel-holder .panel-holder__buttons span {
        width: 49%;
        float: left;
        margin-left: 1%; }
      body.isolated-form-builder .panel-holder .panel-holder__buttons span:first-child {
        margin-right: 1%;
        margin-left: 0; }
    body.isolated-form-builder .panel-holder input.feasibility-input {
      width: 100%;
      font-size: 14px;
      margin: 5px 0 0 0; }
    body.isolated-form-builder .panel-holder .btn {
      border-radius: 0;
      padding: 10px;
      border: 1px solid #bababa;
      display: inline-block;
      box-shadow: none; }
      body.isolated-form-builder .panel-holder .btn:focus {
        outline: none; }
    body.isolated-form-builder .panel-holder .btn-danger {
      background-color: #e74c3c;
      border-color: #e74c3c;
      color: #fff; }
      body.isolated-form-builder .panel-holder .btn-danger:hover {
        background-color: #ED6E62;
        border-color: #ED6E62; }
    body.isolated-form-builder .panel-holder .btn-primary {
      background-color: #76bc58;
      border-color: #76bc58;
      color: #fff; }
      body.isolated-form-builder .panel-holder .btn-primary:hover {
        background-color: #91c979;
        border-color: #91c979;
        color: #fff; }
  body.isolated-form-builder .clear-question {
    display: none; }
  body.isolated-form-builder .form-builder-tabs {
    border-bottom: 1px solid #bababa; }
    body.isolated-form-builder .form-builder-tabs li {
      width: 33.333333%;
      display: inline-block;
      text-align: center;
      border-left: 1px solid #bababa;
      cursor: pointer; }
      body.isolated-form-builder .form-builder-tabs li a {
        padding: 10px 0;
        display: block;
        font-size: 12px;
        text-transform: uppercase; }
      body.isolated-form-builder .form-builder-tabs li:first-child {
        border-left: 0; }
      body.isolated-form-builder .form-builder-tabs li:hover, body.isolated-form-builder .form-builder-tabs li:focus, body.isolated-form-builder .form-builder-tabs li.active, body.isolated-form-builder .form-builder-tabs li.active:focus {
        background-color: #f9f9f9; }
        body.isolated-form-builder .form-builder-tabs li:hover a, body.isolated-form-builder .form-builder-tabs li:focus a, body.isolated-form-builder .form-builder-tabs li.active a, body.isolated-form-builder .form-builder-tabs li.active:focus a {
          color: #76bc58;
          text-decoration: none; }
  body.isolated-form-builder .components-selection .fb-component input,
  body.isolated-form-builder .components-selection .fb-component select,
  body.isolated-form-builder .components-selection .fb-component textarea,
  body.isolated-form-builder .components-selection .fb-component .help-block,
  body.isolated-form-builder .components-selection .fb-component .point-answer-wrapper,
  body.isolated-form-builder .components-selection .fb-component .point-label-wrapper,
  body.isolated-form-builder .dragging.fb-component input,
  body.isolated-form-builder .dragging.fb-component select,
  body.isolated-form-builder .dragging.fb-component textarea,
  body.isolated-form-builder .dragging.fb-component .help-block,
  body.isolated-form-builder .dragging.fb-component .point-answer-wrapper,
  body.isolated-form-builder .dragging.fb-component .point-label-wrapper {
    display: none; }
  body.isolated-form-builder .components-selection .fb-component .control-label,
  body.isolated-form-builder .dragging.fb-component .control-label {
    padding-top: 0px; }
  body.isolated-form-builder .popover.right {
    margin-left: 0; }
  body.isolated-form-builder .popover {
    font-size: 12px;
    position: fixed !important;
    top: 50%  !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    body.isolated-form-builder .popover p,
    body.isolated-form-builder .popover span,
    body.isolated-form-builder .popover .control-label {
      margin-top: 2px;
      margin-bottom: 2px;
      padding-top: 2px;
      padding-bottom: 2px; }
    body.isolated-form-builder .popover input,
    body.isolated-form-builder .popover select,
    body.isolated-form-builder .popover textarea {
      margin-top: 5px;
      margin-bottom: 5px;
      padding-top: 5px;
      padding-bottom: 5px; }
    body.isolated-form-builder .popover .control-label {
      font-size: 12px; }
    body.isolated-form-builder .popover hr,
    body.isolated-form-builder .popover .arrow {
      display: none; }
    body.isolated-form-builder .popover .radio,
    body.isolated-form-builder .popover .checkbox {
      display: block;
      min-height: inherit;
      margin-top: inherit;
      padding: 0 20px; }
      body.isolated-form-builder .popover .radio label,
      body.isolated-form-builder .popover .checkbox label {
        font-size: 14px !important; }
    body.isolated-form-builder .popover .btn {
      font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
      font-size: 14px;
      width: 120px;
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 15px 0;
      border: 0; }
    body.isolated-form-builder .popover textarea {
      width: 100%; }
    body.isolated-form-builder .popover .form-group {
      border: 0;
      margin: 0;
      padding: 0 20px; }

.pop-overlay {
  background: rgba(65, 81, 97, 0.9);
  width: 100%;
  height: 100%;
  z-index: 10052;
  position: fixed;
  left: 0;
  top: 0; }

.fb-required:after {
  color: #e74c3c; }

/* Scale answer */
.form-labels {
  width: 100%;
  max-width: 800px;
  padding-top: 10px; }
  .form-labels label {
    width: 33.3333333333%;
    display: inline-block; }
  .form-labels label.label-start {
    text-align: left !important;
    float: left; }
  .form-labels label.label-middle {
    text-align: center !important; }
  .form-labels label.label-end {
    text-align: right !important;
    float: right; }

.point-answer-wrapper,
.point-label-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 800px;
  height: 40px; }

.point-answer-wrapper div {
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  border-left: 0px;
  border-right: 1px solid #bababa;
  background-color: #fff;
  display: table-cell;
  cursor: pointer; }

.point-answer-wrapper div:first-child {
  border-left: 1px solid #bababa; }

.point-answer-wrapper label {
  cursor: pointer; }

.point-label-wrapper div {
  display: table-cell;
  text-align: center; }

.label-point {
  width: 100%;
  display: block; }
  .label-point input[type=radio] {
    display: none; }

.point_on {
  background-color: #76bc58; }

input[type=radio].scale-radio {
  display: none; }
  input[type=radio].scale-radio + label {
    display: block;
    margin: 0;
    padding: 20px;
    content: "";
    color: #fff; }
  input[type=radio].scale-radio:checked + label {
    background-color: #76bc58;
    color: #76bc58; }

.feasibility-request-outer-wrapper {
  padding-bottom: 110px; }

.feasibility-request-wrapper,
.feasibility-overview-wrapper {
  background-color: #f9f9f9;
  height: 100%;
  position: relative;
  overflow-y: auto; }

.feasibility-request-title {
  margin: inherit;
  padding: 20px 0 25px 30px; }

.feasibility-request-inner {
  background-color: #fff;
  margin: 20px auto;
  border: 1px solid #bababa;
  border-bottom: 0;
  max-width: 665px; }

.feasibility-request-completition {
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top: 1px solid #bababa; }

.feasibility-request-save,
.feasibility-request-back {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  background-color: #76bc58;
  color: #fff;
  width: 140px;
  float: right;
  text-align: center;
  line-height: 60px;
  border: 0; }
  .feasibility-request-save:focus, .feasibility-request-save:active,
  .feasibility-request-back:focus,
  .feasibility-request-back:active {
    border: 0; }
  .feasibility-request-save:hover,
  .feasibility-request-back:hover {
    background-color: #91c979; }

.feasibility-request-back {
  background-color: #f9f9f9;
  color: #BFC6C7; }
  .feasibility-request-back:hover {
    background-color: #FCFCFC;
    color: #333; }
  .feasibility-request-back.disabled {
    background-color: #f9f9f9;
    color: #333;
    opacity: .5; }
    .feasibility-request-back.disabled:hover {
      background-color: #f9f9f9;
      color: #333; }

.feasibility-headline-content__headline {
  text-transform: uppercase; }

.nav-collapsed-min .feasibility-request-progress-bar-wrapper {
  margin-left: 92px; }

.feasibility-request-progress-bar-wrapper {
  float: left;
  margin-left: 282px;
  line-height: 10px;
  padding-top: 22px; }

.progress-bar {
  width: 300px;
  height: 3px;
  background-color: #bababa;
  display: inline-block; }

.progress-bar-bar {
  width: 0;
  background-color: #76bc58;
  height: 100%; }

.progress-bar-number {
  padding: 0;
  margin: 0;
  color: #76bc58;
  font-family: 'Lato', helvetica, arial, sans-serif; }

.feasibility-request-tab-wrapper {
  height: auto;
  background-color: #fff;
  border-bottom: 1px solid #bababa;
  position: relative; }

.request-tab-item {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 16px 15px;
  height: 50px;
  display: inline-block;
  color: #6c6c6c;
  cursor: pointer; }
  .request-tab-item a {
    color: #6c6c6c; }
  .request-tab-item:hover {
    color: #76bc58; }
    .request-tab-item:hover a {
      color: #76bc58; }
  .request-tab-item.active {
    border-bottom: 1px solid #76bc58;
    color: #76bc58; }
    .request-tab-item.active a {
      color: #76bc58; }

.request-item-switch {
  position: absolute;
  top: 12px;
  right: 20px; }
  .request-item-switch label.label_check {
    padding: 1px 14px 1px 16px;
    margin: 0 6px; }
  .request-item-switch span.active {
    color: #76bc58; }

/* temp shame file until some styles are added for the sponsor portal */
.dashboard-sponsor-item {
  width: 33.33333333%;
  float: left;
  padding: 10px; }

.dashboard-sponsor-item__inner {
  border: 1px solid #bababa;
  background-color: #fff; }

.feasibility-overview-inner {
  width: 100%;
  padding: 10px; }

.dashboard-sponsor-item__content {
  display: inline-block;
  vertical-align: middle; }

.sponsor-portal-dashboard-item__content .dashboard-sponsor-item__content {
  width: 100%;
  word-wrap: break-word;
  padding: 5px 0 15px 0; }

.sponsor-portal-wrapper {
  background-color: #f9f9f9;
  height: 100%;
  position: relative;
  border-top: 1px solid #fff;
  overflow-y: auto; }

.sponsor-portal-wrapper-inner {
  border-bottom: 0;
  padding: 10px 10px 25px 10px; }

.sponsor-feasibility__label {
  font-size: 12px;
  font-size: 0.75rem;
  color: #90A7A7;
  margin: 25px 0 0 25px; }

.sponsor-feasibility__name {
  font-size: 30px;
  font-size: 1.875rem;
  color: #76bc58;
  margin-top: 10px;
  margin-left: 25px; }

.dashboard-sponsor-item__label,
.dashboard-sponsor-item__value {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  line-height: 25px; }

.dashboard-sponsor-item__label {
  width: 150px;
  color: #90A7A7;
  padding: 2px 0 0 0px;
  vertical-align: top; }

.dashboard-sponsor-item__value {
  width: 150px;
  line-height: 20px;
  padding: 4px 0 0 0px; }

.dashboard-sponsor-item__value--completed {
  color: #76bc58; }

.dashboard-list {
  border-top: 1px solid #bababa;
  padding: 10px 0 12px 0; }
  .dashboard-list:first-child {
    border: 0; }
  .dashboard-list li {
    padding-left: 25px; }

.sponsor-dashboard-wrapper {
  *zoom: 1; }
  .sponsor-dashboard-wrapper:before {
    content: " ";
    display: table; }
  .sponsor-dashboard-wrapper:after {
    content: " ";
    display: table;
    clear: both; }

.sponsor-dashboard-headline {
  font-size: 30px;
  font-size: 1.875rem;
  margin: 15px 0 0 0;
  *zoom: 1;
  position: relative;
  padding: 0 20px; }
  .sponsor-dashboard-headline:before {
    content: " ";
    display: table; }
  .sponsor-dashboard-headline:after {
    content: " ";
    display: table;
    clear: both; }
  .sponsor-dashboard-headline .overview-headline {
    text-transform: none;
    display: inline;
    padding: 0; }
  .sponsor-dashboard-headline .sponsor-dashboard-sidepane__head--export {
    margin: 20px 0; }

.sponsor-dashboard-item,
.sponsor-dashboard-item--first {
  width: 20%; }

.sponsor-dashboard-item,
.sponsor-dashboard-item--first {
  float: left;
  padding: 10px; }

.sponsor-dashboard-item__inner {
  border: 1px solid #bababa;
  background-color: #fff;
  height: 120px; }

.sponsor-dashboard-inner {
  width: 100%;
  padding: 10px; }

.sponsor-dashboard-item__icon {
  vertical-align: middle;
  display: inline-block; }
  .sponsor-dashboard-item__icon:before {
    padding: 0; }

.sponsor-dashboard-item__icon.patients-icon,
.sponsor-dashboard-item__icon.documents-icon {
  font-size: 50px;
  font-size: 3.125rem;
  padding: 25px 8%; }

.sponsor-dashboard-item__icon.lists-icon {
  font-size: 45px;
  font-size: 2.8125rem;
  padding: 28px 8%; }

.sponsor-dashboard-item__content {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  margin: 22px 10%; }

.sponsor-dashboard-item--first .sponsor-dashboard-item__content {
  margin: 34px 10%; }

.sponsor-dashboard-item__number {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #76bc58;
  padding: 0;
  display: block; }

.sponsor-dashboard-item__name {
  color: #333;
  text-transform: uppercase;
  padding: 0;
  display: block;
  font-size: 11px;
  font-size: 0.6875rem; }

.sponsor-dashboard-item__label {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  color: #333;
  padding: 0;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem; }

.sponsor-dashboard__table__container {
  background: #fff;
  border: 1px solid #bababa;
  margin: 10px 20px 30px; }

table.sponsor-dashboard__table,
table.sponsor-dashboard-sidepane__table {
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 12px; }
  table.sponsor-dashboard__table thead,
  table.sponsor-dashboard-sidepane__table thead {
    border-bottom: 1px solid #bababa;
    pointer-events: none; }
  table.sponsor-dashboard__table tr,
  table.sponsor-dashboard-sidepane__table tr {
    outline: none;
    border-bottom: 1px solid #bababa; }
    table.sponsor-dashboard__table tr:hover, table.sponsor-dashboard__table tr.selected,
    table.sponsor-dashboard-sidepane__table tr:hover,
    table.sponsor-dashboard-sidepane__table tr.selected {
      background-color: #EEE; }
    table.sponsor-dashboard__table tr:last-child,
    table.sponsor-dashboard-sidepane__table tr:last-child {
      border-bottom: 0; }
  table.sponsor-dashboard__table tr.table-heading:hover,
  table.sponsor-dashboard-sidepane__table tr.table-heading:hover {
    background-color: inherit; }
  table.sponsor-dashboard__table th,
  table.sponsor-dashboard-sidepane__table th {
    padding: 12px 0; }
    table.sponsor-dashboard__table th span,
    table.sponsor-dashboard-sidepane__table th span {
      vertical-align: middle; }
  table.sponsor-dashboard__table td,
  table.sponsor-dashboard-sidepane__table td {
    padding: 6px 12px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.sponsor-dashboard-statistics-item-container {
  *zoom: 1;
  width: 100%;
  padding: 10px; }
  .sponsor-dashboard-statistics-item-container:before {
    content: " ";
    display: table; }
  .sponsor-dashboard-statistics-item-container:after {
    content: " ";
    display: table;
    clear: both; }
  .sponsor-dashboard-statistics-item-container:last-child {
    margin-bottom: 20px; }
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner {
    position: relative;
    padding: 20px;
    border: 1px solid #bababa;
    background: #fff; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner.sponsor-accent-border--green {
      border: 1px solid #76bc58; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner.sponsor-accent-border--yellow {
      border: 1px solid #F1C40F; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner.sponsor-accent-border--blue {
      border: 1px solid #52b3d9; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner.sponsor-accent-border--violet {
      border: 1px solid #9b59b6; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner.sponsor-accent-border--orange {
      border: 1px solid #f39c12; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner .sponsor-dashboard-statistics-interaction {
      position: absolute;
      top: 38px;
      right: 30px;
      cursor: pointer;
      color: #333; }
      .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner .sponsor-dashboard-statistics-interaction .icon-plus {
        font-size: 16px; }
      .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner .sponsor-dashboard-statistics-interaction.active {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg); }
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--33,
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--50,
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--66 {
    padding: 0 10px;
    float: left;
    text-align: center; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--33 h3,
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--50 h3,
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--66 h3 {
      font-size: 16px;
      width: 80%;
      margin: 17px auto; }
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--33 img,
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--50 img,
    .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--66 img {
      width: 100%;
      padding: 6% 0; }
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--33 {
    width: 33.333333%; }
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--50 {
    width: 50%; }
  .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item--66 {
    width: 66.666666%; }

.sponsor-dashboard-sidepane {
  position: fixed;
  right: -900px;
  top: 0px;
  height: 100%;
  width: 900px;
  background: #fff;
  border: 1px solid #bababa;
  z-index: 10053;
  padding-bottom: 59px;
  overflow-y: auto; }
  .sponsor-dashboard-sidepane.open {
    right: 0px; }

.sponsor-dashboard__table-overlay {
  z-index: 10052; }

.sponsor-dashboard-sidepane__head {
  *zoom: 1;
  position: relative;
  border-bottom: 1px solid #bababa; }
  .sponsor-dashboard-sidepane__head:before {
    content: " ";
    display: table; }
  .sponsor-dashboard-sidepane__head:after {
    content: " ";
    display: table;
    clear: both; }

.sponsor-dashboard-sidepane__head--text {
  font-size: 16px;
  float: left;
  margin: 20px; }

.sponsor-dashboard-sidepane__head--export {
  font-size: 11px;
  float: right;
  margin: 20px 18px;
  cursor: pointer; }
  .sponsor-dashboard-sidepane__head--export:hover, .sponsor-dashboard-sidepane__head--export.active {
    color: #76bc58; }

.sponsor-dashboard-sidepane__head--export__dropdown {
  width: 170px;
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA;
  position: absolute;
  right: 18px;
  top: 36px;
  background: #fff;
  z-index: 1;
  border: 1px solid #bababa;
  font-size: 13px; }
  .sponsor-dashboard-sidepane__head--export__dropdown a {
    color: #333;
    padding: 10px;
    display: block;
    cursor: pointer;
    border-top: 1px solid #bababa;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff; }
    .sponsor-dashboard-sidepane__head--export__dropdown a:first-child {
      border-top: 0; }
    .sponsor-dashboard-sidepane__head--export__dropdown a:hover {
      background-color: #f9f9f9;
      border-right: 2px solid #f9f9f9;
      border-left: 2px solid #76bc58;
      color: #76bc58; }

/* Language specific fixes */
/* German */
[class^="lang-de"] label.gender-radio,
[class^="lang-de"] .my-account__form label.gender-radio {
  padding: 10px 76px 10px 55px; }

[class^="lang-de"] .my-account__form label.required-label {
  width: 120px; }

[class^="lang-de"] .volunteer-info__edit--content label.required-label {
  width: 125px; }

[class^="lang-de"] .add-new-label {
  padding-left: 5px;
  padding-right: 5px; }

/* French */
[class^="lang-fr"] label.gender-radio,
[class^="lang-fr"] .my-account__form label.gender-radio {
  padding: 10px 65px 10px 55px; }

[class^="lang-fr"] .volunteer-info__edit--content__label {
  width: 150px; }

[class^="lang-fr"] .my-account__form label.required-label {
  width: 120px; }

[class^="lang-fr"] .volunteer-info__edit--content label.required-label {
  width: 115px; }

/* Italian */
[class^="lang-it"] label.gender-radio,
[class^="lang-it"] .my-account__form label.gender-radio {
  padding: 10px 70px 10px 58px; }

[class^="lang-it"] .my-account__form label.required-label {
  width: 121px; }

[class^="lang-it"] .volunteer-info__edit--content label.required-label {
  width: 122px; }

/* Spanish */
[class^="lang-es"] label.gender-radio,
[class^="lang-es"] .my-account__form label.gender-radio {
  padding: 10px 80px 20px 53px; }

[class^="lang-es"] .my-account__form label.required-label {
  width: 105px; }

[class^="lang-es"] .volunteer-info__edit--content label.required-label {
  width: 103px; }

[class^="lang-es"] .edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
[class^="lang-es"] .new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
  max-width: 340px; }

/* Dutch */
[class^="lang-nl"] .confirm-password {
  width: 155px; }

[class^="lang-nl"] .my-account__form__gender-radios {
  height: 135.5px; }

/* Czech */
[class^="lang-cs"] .my-account__form label.required-label,
[class^="lang-cs"] .volunteer-info__edit--content label.required-label {
  width: 95px; }

/* Slovak */
[class^="lang-sk"] .volunteer-info__edit--content__label {
  width: 180px; }

[class^="lang-sk"] .my-account__form label.required-label,
[class^="lang-sk"] .volunteer-info__edit--content label.required-label {
  width: 116px; }

/* Hungarian */
/* Portuguese */
[class^="lang-pt"] label.gender-radio,
[class^="lang-pt"] .my-account__form label.gender-radio {
  padding: 10px 80px 20px 53px; }

[class^="lang-pt"] .my-account__form__password-notice {
  padding: 13px 0 20px 0; }

[class^="lang-pt"] label.my-account__gender-label {
  width: 300px; }

[class^="lang-pt"] .volunteer-info__edit--content__label {
  width: 150px; }

[class^="lang-pt"] label.required-label,
[class^="lang-pt"] .my-account__form label.required-label {
  width: 120px; }

[class^="lang-pt"] label.confirm-password {
  width: 200px; }

[class^="lang-pt"] .my-account__form__gender-radios {
  height: 140.5px; }

/* Danish */
[class^="lang-da"] label.required-label,
[class^="lang-da"] .my-account__form label.required-label {
  width: 98px; }

[class^="lang-da"] label.confirm-password {
  width: 200px; }

/* Russian */
[class^="lang-ru"] .volunteer-status-history .status {
  max-width: 255px; }

[class^="lang-ru"] .interaction-bar__selection-dropdown {
  padding: 7.5px 10px 7.5px 15px; }

[class^="lang-ru"] .my-account__form__gender-radios label.gender-radio {
  padding: 10px 5px 10px 55px;
  width: 100px; }

[class^="lang-ru"] .my-account__form label {
  width: 145px; }
  [class^="lang-ru"] .my-account__form label.my-account__gender-label, [class^="lang-ru"] .my-account__form label.confirm-password {
    width: 395px; }

[class^="lang-ru"] .edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
[class^="lang-ru"] .new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
  max-width: 340px; }

/* Bulgarian */
[class^="lang-bg"] label.required-label,
[class^="lang-bg"] .my-account__form label.required-label {
  width: 115px; }

[class^="lang-bg"] .volunteer-info__edit--content__label {
  width: 130px; }

[class^="lang-bg"] .my-account__form__password-notice {
  padding-right: 35px; }

[class^="lang-bg"] .my-account__form__gender-radios {
  height: 135.5px; }

/* Polish */
[class^="lang-pl"] label.gender-radio,
[class^="lang-pl"] .my-account__form label.gender-radio {
  padding: 10px 88px 10px 55px; }

/* Turkish */
[class^="lang-tr"] .item--name {
  max-width: 155px; }

/* Finnish */
[class^="lang-fi"] label.required-label,
[class^="lang-fi"] .my-account__form label.required-label {
  width: 110px; }

[class^="lang-fi"] .volunteer-info__edit--content__label {
  width: 180px; }

/* Swedish */
[class^="lang-sv"] .delete-modal .modal-save {
  width: 170px; }

/* Greek */
[class^="lang-el"] label.gender-radio,
[class^="lang-el"] .my-account__form label.gender-radio {
  padding: 10px 80px 20px 53px; }

[class^="lang-el"] label.required-label,
[class^="lang-el"] .my-account__form label.required-label {
  width: 100px; }

[class^="lang-el"] .volunteer-info__edit--content__label {
  width: 195px; }

[class^="lang-el"] .volunteer-status-history .status {
  max-width: 290px; }

/* Mediaqueries for language specific fixes */
@media (max-width: 1280px) {
  /* German */
  [class^="lang-de"] label.gender-radio,
  [class^="lang-de"] .my-account__form label.gender-radio {
    padding: 10px 80px 20px 53px; }
  [class^="lang-de"] .my-account__form label.required-label {
    width: 97px; }
  [class^="lang-de"] .my-account__form__password-notice {
    padding: 13px 0 35px 0; }
  [class^="lang-de"] .volunteer-info__edit--content label.required-label {
    width: 95px; }
  /* French */
  [class^="lang-fr"] label.gender-radio,
  [class^="lang-fr"] .my-account__form label.gender-radio {
    padding: 10px 60px 10px 55px; }
  [class^="lang-fr"] .my-account__form label.required-label {
    width: 89px; }
  [class^="lang-fr"] .volunteer-info__edit--content label.required-label {
    width: 88px; }
  [class^="lang-fr"] label.confirm-password {
    width: 190px; }
  [class^="lang-fr"] .my-account__form__gender-radios {
    height: 135.5px; }
  /* Spanish */
  [class^="lang-es"] .my-account__form label.required-label {
    width: 79px; }
  [class^="lang-es"] .volunteer-info__edit--content label.required-label {
    width: 79px; }
  [class^="lang-es"] label.gender-radio,
  [class^="lang-es"] .my-account__form label.gender-radio {
    padding: 10px 80px 20px 53px; }
  [class^="lang-es"] .my-account__form__password-notice {
    padding: 13px 0 34px 0; }
  [class^="lang-es"] .edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
  [class^="lang-es"] .new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
    max-width: 220px; }
  /* Czech */
  [class^="lang-lang-cs"] .my-account__form label.required-label,
  [class^="lang-lang-cs"] .volunteer-info__edit--content label.required-label {
    width: 65px; }
  /* Slovak */
  [class^="lang-sk"] .my-account__form label.required-label,
  [class^="lang-sk"] .volunteer-info__edit--content label.required-label {
    width: 93px; }
  [class^="lang-sk"] .volunteer-info__edit--content__label {
    width: 130px; }
  /* Portuguese */
  [class^="lang-pt"] label.required-label,
  [class^="lang-pt"] .my-account__form label.required-label {
    width: 89px; }
  /* Danish */
  [class^="lang-da"] label.required-label,
  [class^="lang-da"] .my-account__form label.required-label {
    width: 73px; }
  /* Bulgarian */
  [class^="lang-bg"] label.required-label,
  [class^="lang-bg"] .my-account__form label.required-label {
    width: 110px; }
  /* Polish */
  [class^="lang-pl"] label.gender-radio,
  [class^="lang-pl"] .my-account__form label.gender-radio {
    padding: 10px 88px 20px 55px; }
  [class^="lang-pl"] label.required-label,
  [class^="lang-pl"] .my-account__form label.required-label {
    width: 81px; }
  [class^="lang-pl"] .my-account__form__password-notice {
    padding: 13px 0 20px 0; }
  /* Turkish */
  [class^="lang-tr"] label.required-label,
  [class^="lang-tr"] .my-account__form label.required-label {
    width: 58px; }
  [class^="lang-tr"] .volunteer-info__edit--content__label {
    width: 130px; }
  /* Finnish */
  [class^="lang-fi"] label.required-label,
  [class^="lang-fi"] .my-account__form label.required-label {
    width: 82px; }
  [class^="lang-fi"] .volunteer-info__edit--content__label {
    width: 150px; }
  /* Swedish */
  [class^="lang-sv"] label.required-label,
  [class^="lang-sv"] .my-account__form label.required-label {
    width: 50px; }
  [class^="lang-sv"] .volunteer-info__edit--content__label {
    width: 150px; }
  /* Greek */
  [class^="lang-el"] label.required-label,
  [class^="lang-el"] .my-account__form label.required-label {
    width: 75px; }
  [class^="lang-el"] .volunteer-info__edit--content__label {
    width: 155px; }
  /* Italian */
  [class^="lang-it"] label.gender-radio,
  [class^="lang-it"] .my-account__form label.gender-radio {
    padding: 10px 70px 20px 58px; }
  [class^="lang-it"] .my-account__form label.required-label {
    width: 96px; }
  [class^="lang-it"] .volunteer-info__edit--content label.required-label {
    width: 98px; }
  /* Russian */
  [class^="lang-ru"] .edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
  [class^="lang-ru"] .new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
    max-width: 200px; } }

@media (max-width: 360px) {
  /* Ukrainian RU*/
  [lang^="ru-UA"] .content__actions .content__actions__buttons.uk {
    position: relative;
    top: -23px; }
    [lang^="ru-UA"] .content__actions .content__actions__buttons.uk .content__actions__back-action, [lang^="ru-UA"] .content__actions .content__actions__buttons.uk .content__actions__main-action {
      position: absolute; }
    [lang^="ru-UA"] .content__actions .content__actions__buttons.uk .content__actions__back-action {
      position: absolute;
      left: calc(50% - 60px);
      top: 60px; }
    [lang^="ru-UA"] .content__actions .content__actions__buttons.uk .content__actions__main-action {
      left: calc(50% - 122px);
      width: 245px; }
  [lang^="ru-UA"] .content-wrapper.uk .footer {
    bottom: -130px; }
  [lang^="ru-UA"] .content-wrapper--narrow.uk .footer {
    bottom: -160px; } }

@media (min-width: 1280px) and (max-width: 1365px) {
  [class^="lang-ru"] .volunteer-status-history .status {
    max-width: 185px; }
  [class^="lang-es"] .edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
  [class^="lang-es"] .new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
    max-width: 260px; } }

.loader-overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 10; }

.spinner-icon-wrapper {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100; }

.spinner-icon-wrapper--middle {
  padding-right: 630px; }

.nav-collapsed-min .spinner-icon-wrapper--middle {
  padding-right: 485px; }

.spinner-icon-wrapper--middle-empty {
  padding-right: 940px; }

.nav-collapsed-min .spinner-icon-wrapper--middle-empty {
  padding-right: 820px; }

.spinner-icon--search {
  width: 18px;
  margin: 0px 0px 2px 18px;
  vertical-align: middle; }

/* used if we generate the spinner from JS */
.master-spinner {
  width: 48px;
  height: 48px;
  background: url(/v3/assets//build/assets/spinner.gif);
  background-size: 23px 23px;
  background-repeat: no-repeat;
  position: absolute;
  top: 13px;
  left: 275px;
  z-index: 10100; }

.nav-collapsed-min .master-spinner {
  top: 13px;
  left: 88px; }

.date-picker {
  display: none; }
  .date-picker.open {
    display: block;
    position: absolute;
    z-index: 100010;
    box-shadow: 2px 2px 3px #bababa; }

.date-picker-disabled {
  cursor: default; }
  .date-picker-disabled span {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.day-picker {
  position: absolute;
  top: 35px;
  left: -60px; }

.month-picker {
  position: absolute;
  top: 35px;
  left: -25px; }

.arrow_box {
  position: relative; }

.day-picker .arrow_box:after, .day-picker .arrow_box:before {
  bottom: 100%;
  left: 81%; }

.new-patient-status-section__select-date .day-picker {
  top: 31px;
  left: 1px; }
  .new-patient-status-section__select-date .day-picker .arrow_box:after,
  .new-patient-status-section__select-date .day-picker .arrow_box:before {
    bottom: 100%;
    left: 54.2%; }

.bulk-edit-status-section .new-patient-status-section__select-date .day-picker {
  top: 39px;
  left: -79px; }
  .bulk-edit-status-section .new-patient-status-section__select-date .day-picker .arrow_box:after,
  .bulk-edit-status-section .new-patient-status-section__select-date .day-picker .arrow_box:before {
    left: 87.5%; }

.month-picker .arrow_box:after, .month-picker .arrow_box:before {
  bottom: 100%;
  left: 81%; }

.arrow_box:after, .arrow_box:before {
  position: absolute;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none; }

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f9f9f9;
  border-width: 14px;
  margin-left: -16px; }

.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #bababa;
  border-width: 15px;
  margin-left: -17px; }

.angular-date-picker {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA;
  border: 1px solid #bababa;
  display: inline-block;
  background: #fff;
  color: #333; }
  .angular-date-picker:hover {
    background: #fff !important;
    color: #333 !important; }
  .angular-date-picker > ._month {
    font-size: 13px;
    font-size: 0.8125rem;
    background-color: #f9f9f9;
    border-bottom: 1px solid #bababa;
    text-align: center;
    line-height: 22px;
    padding: 10px 0px 7px 0px;
    position: relative;
    color: #76bc58; }
    .angular-date-picker > ._month span {
      font-size: 13px;
      font-size: 0.8125rem;
      color: #76bc58; }
    .angular-date-picker > ._month button {
      font-size: 13px;
      font-size: 0.8125rem;
      color: #76bc58;
      outline: none;
      background: transparent;
      border: none;
      cursor: pointer; }
    .angular-date-picker > ._month._previous {
      left: 10px; }
    .angular-date-picker > ._month._next {
      right: 10px; }
  .angular-date-picker > .month-only {
    width: 210px;
    padding: 10px 0 8px  0;
    text-align: center;
    border-bottom: none; }
  .angular-date-picker > ._days {
    width: 210px;
    margin: 10px;
    text-align: center; }
    .angular-date-picker > ._days:hover {
      background: #fff !important;
      color: #333 !important; }
    .angular-date-picker > ._days:after {
      content: '';
      display: block;
      clear: left;
      height: 0; }
    .angular-date-picker > ._days > ._day-of-week,
    .angular-date-picker > ._days > ._day {
      box-sizing: border-box;
      border: 1px solid transparent;
      width: 30px;
      line-height: 28px;
      float: left; }
      .angular-date-picker > ._days > ._day-of-week:hover,
      .angular-date-picker > ._days > ._day:hover {
        background: #fff !important; }
    .angular-date-picker > ._days > ._day-of-week {
      opacity: 1;
      filter: alpha(opacity=100); }
    .angular-date-picker > ._days > ._day.-padding {
      opacity: 0.5;
      filter: alpha(opacity=50);
      cursor: default; }
    .angular-date-picker > ._days > ._day.-selectable {
      cursor: pointer; }
      .angular-date-picker > ._days > ._day.-selectable.-selected {
        background-color: #76bc58;
        color: #fff;
        font-weight: bold; }
        .angular-date-picker > ._days > ._day.-selectable.-selected:hover {
          background: #76bc58 !important;
          color: #fff !important; }
      .angular-date-picker > ._days > ._day.-selectable:hover {
        color: #76bc58; }
    .angular-date-picker > ._days > ._day.-disabled {
      cursor: default;
      opacity: 0.5; }
      .angular-date-picker > ._days > ._day.-disabled:hover {
        opacity: 0.5;
        color: #333; }

.oldie .-disabled {
  filter: alpha(opacity=50); }

.month-submit {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #76bc58;
  padding: 14px 0;
  border: 0; }
  .month-submit:hover {
    background-color: #91c979; }

.q-calendar {
  font-size: 13px;
  font-size: 0.8125rem;
  border: none;
  background-color: #fff;
  box-sizing: border-box; }

.q-calendar tbody {
  margin: 0px 10px 10px 10px;
  display: block; }

.q-calendar thead {
  margin: 10px 10px 0px 10px;
  display: block; }

.q-calendar-title {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline-block;
  color: #76bc58;
  padding: 5px 0 2px; }

.q-calendar-next-month, .q-calendar-next-year, .q-calendar-prev-month, .q-calendar-prev-year {
  color: #76bc58;
  padding: 0px 5px;
  background-color: transparent;
  cursor: pointer;
  border: none; }

.q-calendar-prev-year, .q-calendar-next-year {
  display: none;
  font-size: 13px;
  font-size: 0.8125rem; }

.q-calendar-next-month, .q-calendar-next-year {
  font-size: 13px;
  font-size: 0.8125rem; }
  .q-calendar-next-month:before, .q-calendar-next-year:before {
    content: "\E603";
    padding-right: 0px; }

.q-calendar-prev-month, .q-calendar-prev-year {
  font-size: 13px;
  font-size: 0.8125rem; }
  .q-calendar-prev-month:before, .q-calendar-prev-year:before {
    content: "\E602";
    padding-right: 0px; }

.q-calendar-month {
  border-collapse: collapse;
  border-spacing: 0; }

.q-calendar caption {
  color: #333;
  background-color: #f9f9f9;
  vertical-align: middle;
  border-bottom: 1px solid #bababa;
  padding: 12px 0 9px 0; }

.q-calendar td,
.q-calendar th {
  margin: 0;
  text-align: center;
  font-weight: 400; }

.q-calendar td {
  padding: 0;
  cursor: pointer;
  color: #333;
  background-color: #fff;
  border: 1px solid #fff; }

.q-calendar td span {
  position: relative;
  display: block;
  width: 30px;
  line-height: 28px;
  border: 1px solid #fff; }

.q-calendar td:hover {
  color: #76bc58; }

.q-calendar th {
  width: 31px;
  line-height: 28px;
  color: #333;
  background-color: #fff; }

td.q-calendar-other-month {
  opacity: 0.5;
  filter: alpha(opacity=50); }

td.q-calendar-selected {
  font-weight: bold;
  color: #fff;
  background-color: #76bc58; }

td.q-calendar-selected span {
  border: 1px solid #76bc58; }

td.q-calendar-selected:hover {
  background-color: #76bc58;
  color: #fff; }

td.q-calendar-selected:hover span {
  background-color: #76bc58;
  color: #fff; }

td.q-calendar-today {
  font-weight: bold;
  color: #76bc58;
  background-color: #fff; }

td.q-calendar-today.q-calendar-selected {
  background-color: #76bc58;
  color: #fff; }

td.q-calendar-today.q-calendar-selected:hover,
td.q-calendar-today.q-calendar-selected span:hover {
  background-color: #76bc58;
  color: #fff; }

td.q-calendar-today.q-calendar-selected:hover span {
  background-color: #76bc58;
  color: #fff; }

td.q-calendar-disabled {
  cursor: default;
  color: #999;
  background-color: #eee;
  font-weight: 400; }

td.q-calendar-disabled:hover {
  background-color: #eee; }

.q-datepicker-popup-input-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.q-datepicker-popup {
  box-shadow: 2px 2px 3px #bababa;
  border: 1px solid #bababa;
  position: absolute;
  background-color: #fff;
  top: 44px !important;
  z-index: 10000; }

.q-datepicker-popup-close {
  font-size: 13px;
  font-size: 0.8125rem;
  width: 25%;
  float: right;
  cursor: pointer;
  padding: 13px 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: #76bc58;
  border-top: 1px solid #76bc58; }

.q-datepicker-popup-close:hover {
  background-color: #91c979; }

.q-datepicker-popup-close:before {
  position: absolute;
  top: -2px; }

.q-datepicker-popup .q-timepicker {
  text-align: center; }

.q-timepicker select {
  font-size: 13px;
  font-size: 0.8125rem;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MTU1NTVhMC1mNWJlLTZjNDYtYTc3NC1lNzVmMTYwMzQ2M2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJGRDNGNTkwMDczMTFFNTgyQzk5QzcxMjJCQzUyRjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJGRDNGNTgwMDczMTFFNTgyQzk5QzcxMjJCQzUyRjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTllMGU4YmItYThlNi00MTRiLTkwOTEtNGYzNjI1YTEwNmVlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxNTU1NWEwLWY1YmUtNmM0Ni1hNzc0LWU3NWYxNjAzNDYzYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PosmKwQAAABdSURBVHjaYvz//z8DsYAFRDT09u0GUnuAuBOLmlAgLm8oLjJhggqAFHaABLEoXAWVh5iMZGIHEh+mEMSuQFaMrkEJiNOQFaIrRteAohCbYpiGszB3IgNGUoIOIMAAwGIZ4UbcFa8AAAAASUVORK5CYII=) no-repeat 85% 50%;
  width: 25%;
  height: 45px;
  float: left;
  padding: 9px 0px 11px 5px;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #bababa;
  color: #333; }
  .q-timepicker select:hover {
    background-color: #EBEBEB; }

td.q-calendar-window {
  background-color: #DCF2E5;
  color: #333; }
  td.q-calendar-window:hover {
    color: #76bc58; }

td.q-calendar-window.q-calendar-selected {
  background-color: #76bc58;
  color: #fff; }

/* Silent Mixins */
.filter-wrapper, .filter-region__fixed, .filter-region__responsive, .filter-region__documents, .password-wrapper, .reset-pass__submit, .terms-consent__buttons, .my-account__form, .dropdown-wrapper, .my-account__details .my-account__form-wrapper, .my-account__details .my-account__form-wrapper .my-account__form__section, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width, .item__types li, .left-column__options, .left-column__item,
.right-column__item, .item--first-row, .item--second-row, .volunteer-info,
.volunteer-info-sharepoint, .volunteer-info__center, .volunteer-info__list, .volunteer-info__reminder, .volunteer-info__reminder .volunteer-info__reminder .reminder__time, .volunteer-info__edit--content, label.reminder-notice--reference, .volunteer-buttons, .volunteer-details-top-wrapper, .patient-buttons, .feasibility-files-attachment-item, div.popover div.popover-buttons, body.isolated-form-builder .multiform, body.isolated-form-builder .preview-panel, body.isolated-form-builder .panel-holder .panel-holder__buttons, .hybrid-dropdown-submit__arrow--volunteer, .hybrid-dropdown-submit__arrow, .status-dropdown-wrapper, .modal__content, .ngdialog.ngdialog-theme-default .ngdialog-content, .modal-buttons, .schedule-modal__item, .cancel-schedule-popup__buttons, .schedule-popup__buttons, .form-comments, .right-tab-container__inner, .documents-sharing__wrapper, .documents-sharing__table .documents-sharing__trow, .ngdialog-language-modal .language-list {
  *zoom: 1; }
  .filter-wrapper:before, .filter-region__fixed:before, .filter-region__responsive:before, .filter-region__documents:before, .password-wrapper:before, .reset-pass__submit:before, .terms-consent__buttons:before, .my-account__form:before, .dropdown-wrapper:before, .my-account__details .my-account__form-wrapper:before, .my-account__details .my-account__form-wrapper .my-account__form__section:before, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width:before, .item__types li:before, .left-column__options:before, .left-column__item:before,
  .right-column__item:before, .item--first-row:before, .item--second-row:before, .volunteer-info:before,
  .volunteer-info-sharepoint:before, .volunteer-info__center:before, .volunteer-info__list:before, .volunteer-info__reminder:before, .volunteer-info__reminder .volunteer-info__reminder .reminder__time:before, .volunteer-info__edit--content:before, label.reminder-notice--reference:before, .volunteer-buttons:before, .volunteer-details-top-wrapper:before, .patient-buttons:before, .feasibility-files-attachment-item:before, div.popover div.popover-buttons:before, body.isolated-form-builder .multiform:before, body.isolated-form-builder .preview-panel:before, body.isolated-form-builder .panel-holder .panel-holder__buttons:before, .hybrid-dropdown-submit__arrow--volunteer:before, .hybrid-dropdown-submit__arrow:before, .status-dropdown-wrapper:before, .modal__content:before, .ngdialog.ngdialog-theme-default .ngdialog-content:before, .modal-buttons:before, .schedule-modal__item:before, .cancel-schedule-popup__buttons:before, .schedule-popup__buttons:before, .form-comments:before, .right-tab-container__inner:before, .documents-sharing__wrapper:before, .documents-sharing__table .documents-sharing__trow:before, .ngdialog-language-modal .language-list:before, .filter-wrapper:after, .filter-region__fixed:after, .filter-region__responsive:after, .filter-region__documents:after, .password-wrapper:after, .reset-pass__submit:after, .terms-consent__buttons:after, .my-account__form:after, .dropdown-wrapper:after, .my-account__details .my-account__form-wrapper:after, .my-account__details .my-account__form-wrapper .my-account__form__section:after, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width:after, .item__types li:after, .left-column__options:after, .left-column__item:after,
  .right-column__item:after, .item--first-row:after, .item--second-row:after, .volunteer-info:after,
  .volunteer-info-sharepoint:after, .volunteer-info__center:after, .volunteer-info__list:after, .volunteer-info__reminder:after, .volunteer-info__reminder .volunteer-info__reminder .reminder__time:after, .volunteer-info__edit--content:after, label.reminder-notice--reference:after, .volunteer-buttons:after, .volunteer-details-top-wrapper:after, .patient-buttons:after, .feasibility-files-attachment-item:after, div.popover div.popover-buttons:after, body.isolated-form-builder .multiform:after, body.isolated-form-builder .preview-panel:after, body.isolated-form-builder .panel-holder .panel-holder__buttons:after, .hybrid-dropdown-submit__arrow--volunteer:after, .hybrid-dropdown-submit__arrow:after, .status-dropdown-wrapper:after, .modal__content:after, .ngdialog.ngdialog-theme-default .ngdialog-content:after, .modal-buttons:after, .schedule-modal__item:after, .cancel-schedule-popup__buttons:after, .schedule-popup__buttons:after, .form-comments:after, .right-tab-container__inner:after, .documents-sharing__wrapper:after, .documents-sharing__table .documents-sharing__trow:after, .ngdialog-language-modal .language-list:after {
    content: " ";
    display: table; }
  .filter-wrapper:after, .filter-region__fixed:after, .filter-region__responsive:after, .filter-region__documents:after, .password-wrapper:after, .reset-pass__submit:after, .terms-consent__buttons:after, .my-account__form:after, .dropdown-wrapper:after, .my-account__details .my-account__form-wrapper:after, .my-account__details .my-account__form-wrapper .my-account__form__section:after, .my-account__details .my-account__form-wrapper .my-account__form-input-wrapper--full-width:after, .item__types li:after, .left-column__options:after, .left-column__item:after,
  .right-column__item:after, .item--first-row:after, .item--second-row:after, .volunteer-info:after,
  .volunteer-info-sharepoint:after, .volunteer-info__center:after, .volunteer-info__list:after, .volunteer-info__reminder:after, .volunteer-info__reminder .volunteer-info__reminder .reminder__time:after, .volunteer-info__edit--content:after, label.reminder-notice--reference:after, .volunteer-buttons:after, .volunteer-details-top-wrapper:after, .patient-buttons:after, .feasibility-files-attachment-item:after, div.popover div.popover-buttons:after, body.isolated-form-builder .multiform:after, body.isolated-form-builder .preview-panel:after, body.isolated-form-builder .panel-holder .panel-holder__buttons:after, .hybrid-dropdown-submit__arrow--volunteer:after, .hybrid-dropdown-submit__arrow:after, .status-dropdown-wrapper:after, .modal__content:after, .ngdialog.ngdialog-theme-default .ngdialog-content:after, .modal-buttons:after, .schedule-modal__item:after, .cancel-schedule-popup__buttons:after, .schedule-popup__buttons:after, .form-comments:after, .right-tab-container__inner:after, .documents-sharing__wrapper:after, .documents-sharing__table .documents-sharing__trow:after, .ngdialog-language-modal .language-list:after {
    clear: both; }

.top-nav, .logo-wrapper, .filter-wrapper, div[class^="filter-region"] .dropdown-inner li, .filter-region__responsive, .filter-region__documents, .sidebar, .toggle-min, .clinlife-animate, .language-switcher, .main-content, .nav-collapsed-min .main-content, .left-column, .item--second-row, .item--name,
.item--name--documentation, .employee--name, .middle-column--empty-volunteer, .nav-collapsed-min .middle-column--empty-volunteer, .middle-column__inner--volunteer, .nav-collapsed-min .middle-column__inner--volunteer, .middle-column__inner--employees, .middle-column__feasibility__detail,
.middle-column__sharepoint__detail,
.middle-column__documentation__detail, .right-column, .right-column--volunteer, body.isolated-form-builder .popover, .pop-overlay, .feasibility-request-progress-bar-wrapper, .progress-bar-bar, .sponsor-dashboard-statistics-item-container .sponsor-dashboard-statistics-item-container-inner .sponsor-dashboard-statistics-interaction, .sponsor-dashboard-sidepane, .spinner-icon-wrapper--middle, .cancel-schedule-popup,
.schedule-popup, .introjs-tooltip, #loading-bar, #loading-bar .bar, .right-tab-container, .documents-sharing__wrapper, .tcell-sortable[class*="ASC"]:before, .tcell-sortable[class*="DESC"]:before, .documents-sharing__table, .documents-sharing__table .documents-sharing__thead, .documents-sharing__table .documents-sharing__tbody, .documents-sharing__sidebar__categories-section li.category-group {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

*, *::after, *::before {
  -webkit-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  -moz-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  -ms-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  -o-transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out;
  transition: color 0.07s ease-out, background-color 0.2s ease-out, opacity  0.2s ease-out; }

div[class^="filter-region"] * {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

/* Carries a color change with it so it shouldn't be applied if the text needs it's own color (use font family declaration instead) */
.volunteer-info--value, .volunteer-agreement span, .item-reminder__headline, .dashboard-sponsor-item__value, .sponsor-dashboard-sidepane__head--text {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  color: #333; }

.filter-region__fixed .filter-item,
.filter-region__site-data-sharepoint .filter-item, .filter-region__responsive .filter-item, .filter-type, .interaction-bar__items__wrapper, .interaction-bar__items,
.interaction-bar__sort, .filter-region__documents .filter-item, .sidebar li.nav__title, .comment-radios, .ngdialog.ngdialog-theme-default .ngdialog-button, .my-account__details .my-account__form-wrapper .my-account__form__section-headline .settings-label, .my-account__details .my-account__form-wrapper label.required-label, .left-column__options--small,
.left-column__options--medium,
.left-column__options__date, .item--date span, .month-label, .filter-label, .next30-label.selected-volunteers span, .employee--position, .volunteer-info__headline, .volunteer-info__reminder .reminder__title,
.volunteer-info__reminder .reminder__time, .volunteer-info__reminder .volunteer-info__reminder .reminder__time, .volunteer-info__reminder .volunteer-info__reminder .reminder__subject,
.volunteer-info__reminder .volunteer-info__reminder .reminder__time span, .volunteer-info__reminder-volunteer .reminder__time, .volunteer-info__reminder-volunteer .reminder__subject,
.volunteer-info__reminder-volunteer .reminder__time span, .reminder-button, .form-save-button, .volunteer-info__edit--submit, .volunteer-info__volunteer--submit, label.required-label, .volunteer-info__volunteer--actions, .protocol-history-name,
.more-actions-label, .schedule-event, .add-comment, .item-reminder__headline, .screeners-note span, .scenario-label, .overview-headline, .screener-info__headline, .survey-question-item__number,
.survey-questions-answered, .request-tab-item, .sponsor-feasibility__label, .angular-date-picker > ._month, .q-calendar-title, .language-list li.language-name, .language-list li.continent-name, .interaction-bar__selection-dropdown .dropdown-inner span, .tutorials-list .tutorial-list__headline, .left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item,
.left-column--volunteer .sortingMenu .interaction-bar__dropdown-item, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item,
.left-column--retention .sortingMenu .interaction-bar__dropdown-item, .cancel-schedule-popup__cancel,
.cancel-schedule-popup__nevermind, .schedule-popup p, .schedule-popup__save,
.schedule-popup__nevermind, .welcome-modal__button, .video-overlay-content__sugestion, #toast-container span.undo-dismiss, .documents-sharing__table .documents-sharing__thead .documents-sharing__tcell {
  text-transform: uppercase; }

.dropdownMenu .green span,
.dropdownMenu .green div {
  color: #76bc58 !important; }

.dropdownMenu .red span,
.dropdownMenu .red div {
  color: #e74c3c !important; }

.dropdownMenu .yellow span,
.dropdownMenu .yellow div {
  color: #f1c40f !important; }

.dropdownMenu .orange span,
.dropdownMenu .orange div {
  color: #f39c12 !important; }

.dropdownMenu .blue span,
.dropdownMenu .blue div {
  color: #3498DB !important; }

.dropdownMenu .lite-blue span,
.dropdownMenu .lite-blue div {
  color: #52b3d9 !important; }

.dropdownMenu .violet span,
.dropdownMenu .violet div {
  color: #9b59b6 !important; }

.dropdownMenu .brown span,
.dropdownMenu .brown div {
  color: #BE8A77 !important; }

.dropdownLink {
  text-decoration: none; }

.dropdown {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.dropdown .dropdown-inner {
  display: none;
  position: absolute; }

.dropdown ul li a:hover {
  color: #fff; }

.dropdown.dropdown-active .dropdownLink,
.dropdown.dropdown-active .dropdownLink-text,
.dropdown.dropdown-active a.action-bar-arrow-icon:after,
.dropdown.dropdown-active div.action-bar-arrow-icon:after,
.dropdown.dropdown-active a.action-bar-arrow-icon,
.dropdown.dropdown-active .icon-dropdown-after,
.dropdown.dropdown-active .sort-option__label--selected,
.dropdown.dropdown-active .filter-item-name-wrapper span,
.dropdown.dropdown-active .icon-dropdown-after:after,
.dropdown.dropdown-active .sort-option__order-symbol--selected,
.dropdown.dropdown-active .badge.icon-dropdown-right:after {
  color: #76bc58 !important; }

.dropdown.dropdown-active .badge span {
  color: #fff !important; }

.dropdown.dropdown-right ul {
  right: 0;
  left: auto; }

.dropdown.dropdown-active .dropdown-inner {
  display: block; }

.dropdownMenu {
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA;
  border: 1px solid #bababa;
  z-index: 22;
  padding: 0;
  word-spacing: 0;
  width: 133px;
  font-size: 14px;
  font-size: 0.875rem; }
  .dropdownMenu div {
    text-decoration: none;
    background: #fff;
    display: block;
    cursor: pointer;
    border-top: 1px solid #bababa;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff; }
    .dropdownMenu div:first-child {
      border-top: 0; }
    .dropdownMenu div:hover {
      background-color: #f9f9f9;
      border-left: 2px solid #76bc58; }

.dropdown-inner {
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA;
  width: 170px;
  background-color: #fff;
  border: 1px solid #bababa;
  z-index: 10000;
  padding: 0;
  word-spacing: 0; }
  .dropdown-inner .disabled {
    pointer-events: none; }
  .dropdown-inner div {
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-top: 1px solid #bababa; }
    .dropdown-inner div:first-child {
      border-top: 0; }
  .dropdown-inner li {
    padding: 10px;
    border-top: 1px solid #bababa;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff; }
    .dropdown-inner li:first-child {
      border-top: 0; }
    .dropdown-inner li:hover {
      background-color: #f9f9f9;
      border-right: 2px solid #f9f9f9;
      border-left: 2px solid #76bc58; }
  .dropdown-inner .dropdown-second-step {
    padding: 0; }
    .dropdown-inner .dropdown-second-step li {
      padding: 0; }

.dropdown-limit-height {
  max-height: 300px;
  overflow-y: auto; }

.hybrid-dropdown-submit {
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 100; }
  .hybrid-dropdown-submit div,
  .hybrid-dropdown-submit span {
    display: block; }
  .hybrid-dropdown-submit .dropdownMenu {
    left: -137px !important;
    top: 37px !important; }
    .hybrid-dropdown-submit .dropdownMenu div {
      color: #e74c3c; }
    .hybrid-dropdown-submit .dropdownMenu div:first-child {
      color: #f39c12; }
    .hybrid-dropdown-submit .dropdownMenu span {
      display: block;
      padding: 10px 10px; }
  .hybrid-dropdown-submit .dropdownLink {
    padding: 10px; }

.hybrid-dropdown-submit__arrow--volunteer {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 2px 0 5px 0;
  float: right;
  height: 20px;
  margin: 5px 20px 0;
  background-color: #fff; }
  .hybrid-dropdown-submit__arrow--volunteer a {
    padding: 10px;
    display: block; }
  .hybrid-dropdown-submit__arrow--volunteer div a {
    color: #333; }
  .hybrid-dropdown-submit__arrow--volunteer div:hover span,
  .hybrid-dropdown-submit__arrow--volunteer div:hover a {
    color: #76bc58; }
  .hybrid-dropdown-submit__arrow--volunteer .dropdownMenu {
    left: inherit !important;
    right: 14px !important;
    top: 28px !important;
    width: 200px; }

.hybrid-dropdown-submit__arrow {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 6px 0 5px 0;
  border: 1px solid #bababa;
  border-radius: 0 12px 12px 0;
  border-left: 0;
  float: right;
  height: 31px;
  background-color: #fff; }
  .hybrid-dropdown-submit__arrow:hover {
    background-color: #f9f9f9;
    color: #76bc58; }
  .hybrid-dropdown-submit__arrow a:hover {
    color: #76bc58; }

.hybrid-dropdown-submit__arrow .active {
  background-color: #f9f9f9; }

.top-nav {
  padding: 0 0 0 260px;
  position: relative; }
  .top-nav .userDropdownMenu,
  .top-nav .helpDropdownMenu {
    position: absolute !important;
    top: 55px !important;
    left: 0 !important;
    border: 1px solid #bababa;
    width: 190px;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 5px #EAEAEA;
    -moz-box-shadow: 0px 1px 5px #EAEAEA;
    box-shadow: 0px 1px 5px #EAEAEA; }
    .top-nav .userDropdownMenu div,
    .top-nav .helpDropdownMenu div {
      border-top: 1px solid #bababa;
      color: #333;
      position: relative;
      border-left: 2px solid #fff;
      border-right: 2px solid #fff; }
    .top-nav .userDropdownMenu div:first-child,
    .top-nav .helpDropdownMenu div:first-child {
      border-top: 0; }
    .top-nav .userDropdownMenu div:hover,
    .top-nav .userDropdownMenu div.active,
    .top-nav .helpDropdownMenu div:hover,
    .top-nav .helpDropdownMenu div.active {
      background-color: #f9f9f9;
      border-left: 2px solid #76bc58; }
    .top-nav .userDropdownMenu div:hover,
    .top-nav .helpDropdownMenu div:hover {
      border-right: 2px solid #f9f9f9; }
      .top-nav .userDropdownMenu div:hover span,
      .top-nav .userDropdownMenu div:hover a,
      .top-nav .helpDropdownMenu div:hover span,
      .top-nav .helpDropdownMenu div:hover a {
        color: #76bc58; }
    .top-nav .userDropdownMenu span,
    .top-nav .helpDropdownMenu span {
      display: block; }
    .top-nav .userDropdownMenu a,
    .top-nav .helpDropdownMenu a {
      padding: 5px 10px;
      color: #333;
      display: inline-block;
      max-width: 185px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      vertical-align: top;
      display: block; }
  .top-nav .dropdownLink {
    padding: 30px; }
  .top-nav .tour-link {
    padding: 5px 10px;
    display: inline-block;
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: top;
    display: block;
    color: #333; }

.top-nav .dropdownLink {
  padding: 0 30px; }

.top-nav .languageDropdownMenu {
  position: absolute;
  right: 188px !important;
  top: -1px !important;
  left: inherit !important;
  border: 1px solid #bababa;
  background-color: #fff;
  padding-left: 5px;
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA;
  width: 750px; }
  .top-nav .languageDropdownMenu div,
  .top-nav .languageDropdownMenu div:hover {
    background-color: inherit; }
  .top-nav .languageDropdownMenu.active {
    background-color: inherit;
    border-left: 0; }
  .top-nav .languageDropdownMenu span {
    display: block;
    padding: 5px 10px; }
  .top-nav .languageDropdownMenu a {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #76bc58;
    padding: 0px; }
    .top-nav .languageDropdownMenu a:hover {
      color: inherit; }

.top-nav .userDropdownMenu.dropdown-inner span.dropdownLink-text {
  color: #333 !important; }

.top-nav .language-dropdown:hover,
.top-nav .language-dropdown.dropdown-active {
  background-color: #f9f9f9;
  border-left: 2px solid #76bc58; }
  .top-nav .language-dropdown:hover span.dropdownLink-text,
  .top-nav .language-dropdown.dropdown-active span.dropdownLink-text {
    color: #76bc58 !important; }

.language-list ul {
  float: left;
  width: 147px; }

.language-list li {
  padding: 0;
  margin: 0 0 0 10px;
  border: 0;
  line-height: 25px;
  color: #76bc58; }
  .language-list li:hover {
    text-decoration: underline;
    background-color: inherit;
    color: inherit;
    border: 0; }

.language-list li.language-name, .language-list li.continent-name {
  font-size: 12px;
  font-size: 0.75rem;
  color: #333;
  margin-top: 10px;
  text-decoration: none;
  cursor: default; }

.language-list li.language-selected a {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  color: #333;
  text-decoration: none; }

.language-list-wrapper--full .language-list ul {
  margin-bottom: 10px; }

.language-link {
  display: block; }

.user-menu,
.help-menu {
  position: relative;
  z-index: 1; }
  .user-menu:hover,
  .help-menu:hover {
    z-index: 2; }

.user-menu .icon-filter-arrow:after {
  font-size: 9px; }

.button-menu .icon-filter-arrow:after {
  color: #fff;
  margin: 0;
  margin-top: 15px; }

.help-menu {
  left: 1px; }

.sortingMenu {
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  left: -1px !important;
  top: 32px !important;
  z-index: 10100; }
  .sortingMenu span {
    color: #333;
    border-left: 2px solid #fff; }
  .sortingMenu span.sort-option__order-symbol {
    font-size: 18px;
    font-size: 1.125rem;
    vertical-align: initial;
    border: 0 !important; }
  .sortingMenu span.sort-option__label {
    vertical-align: initial; }
  .sortingMenu div {
    padding: 10px; }
  .sortingMenu div:hover span {
    color: #76bc58;
    background-color: #f9f9f9;
    border-left: 2px solid #76bc58; }
  .sortingMenu div:hover span.sort-option__label {
    border-left: 2px solid #f9f9f9; }

span.sort-option__order-symbol--selected {
  font-size: 18px;
  font-size: 1.125rem;
  display: inline;
  padding: 0;
  line-height: 10px;
  vertical-align: initial; }

span.sort-option__label--selected {
  display: inline;
  padding: 0;
  line-height: 10px;
  vertical-align: initial; }

.left-column--volunteer .dropdownMenu, .left-column--retention .dropdownMenu {
  font-size: 12px;
  font-size: 0.75rem; }
  .left-column--volunteer .dropdownMenu div, .left-column--retention .dropdownMenu div {
    padding: 0px;
    border: 0px; }

.interaction-bar__selection-dropdown {
  cursor: pointer; }
  .interaction-bar__selection-dropdown .dropdown-inner {
    left: -1px;
    top: 32px;
    border-top: 0px; }
    .interaction-bar__selection-dropdown .dropdown-inner .status-dropdown span {
      border-top: 0px; }
    .interaction-bar__selection-dropdown .dropdown-inner span {
      padding: 10px;
      display: block;
      border-left: 2px solid #fff;
      border-top: 1px solid #bababa; }
      .interaction-bar__selection-dropdown .dropdown-inner span:hover {
        border-left: 2px solid #76bc58;
        color: #76bc58; }

.left-column--volunteer .dropdownMenu .status-dropdown, .left-column--retention .dropdownMenu .status-dropdown {
  font-size: 12px;
  font-size: 0.75rem;
  width: 200px;
  position: absolute;
  left: 170px !important;
  top: 75px !important;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
  border-top: 1px solid #bababa; }
  .left-column--volunteer .dropdownMenu .status-dropdown .dropdown-second-step--wrapper, .left-column--retention .dropdownMenu .status-dropdown .dropdown-second-step--wrapper {
    position: relative; }
  .left-column--volunteer .dropdownMenu .status-dropdown .dropdown-second-step, .left-column--retention .dropdownMenu .status-dropdown .dropdown-second-step {
    border: 1px solid #bababa;
    -webkit-box-shadow: 0px 1px 5px #EAEAEA;
    -moz-box-shadow: 0px 1px 5px #EAEAEA;
    box-shadow: 0px 1px 5px #EAEAEA;
    position: absolute;
    top: -1px;
    left: 200px;
    width: 270px; }
    .left-column--volunteer .dropdownMenu .status-dropdown .dropdown-second-step ul:last-child, .left-column--retention .dropdownMenu .status-dropdown .dropdown-second-step ul:last-child {
      border-bottom: 0px; }
  .left-column--volunteer .dropdownMenu .status-dropdown ul, .left-column--retention .dropdownMenu .status-dropdown ul {
    position: relative; }
    .left-column--volunteer .dropdownMenu .status-dropdown ul:last-child, .left-column--retention .dropdownMenu .status-dropdown ul:last-child {
      border-bottom: 1px solid #bababa; }
  .left-column--volunteer .dropdownMenu .status-dropdown li, .left-column--retention .dropdownMenu .status-dropdown li {
    padding: 0px;
    border-left: 0px solid #bababa;
    border-right: 0px solid #bababa; }
    .left-column--volunteer .dropdownMenu .status-dropdown li:hover, .left-column--retention .dropdownMenu .status-dropdown li:hover {
      background-color: #f9f9f9; }
  .left-column--volunteer .dropdownMenu .status-dropdown span, .left-column--retention .dropdownMenu .status-dropdown span {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #BFC6C7;
    display: block;
    padding: 10px;
    border-bottom: 0px solid #bababa; }
    .left-column--volunteer .dropdownMenu .status-dropdown span:before, .left-column--retention .dropdownMenu .status-dropdown span:before {
      content: "\E61A";
      padding-right: 5px; }
    .left-column--volunteer .dropdownMenu .status-dropdown span:hover, .left-column--retention .dropdownMenu .status-dropdown span:hover {
      border-bottom: 0px solid #bababa !important; }
  .left-column--volunteer .dropdownMenu .status-dropdown div, .left-column--retention .dropdownMenu .status-dropdown div {
    text-align: left; }
  .left-column--volunteer .dropdownMenu .status-dropdown div:hover, .left-column--retention .dropdownMenu .status-dropdown div:hover {
    background-color: #f9f9f9; }
  .left-column--volunteer .dropdownMenu .status-dropdown .dropdown-has-child:before, .left-column--retention .dropdownMenu .status-dropdown .dropdown-has-child:before {
    content: "\E603";
    padding-right: 0px; }
  .left-column--volunteer .dropdownMenu .status-dropdown .dropdown-has-child:before, .left-column--retention .dropdownMenu .status-dropdown .dropdown-has-child:before {
    color: #BFC6C7;
    position: absolute;
    bottom: 13px;
    right: 7px; }

.status-dropdown-wrapper {
  padding-bottom: 20px; }

.dropdownMenu.detail-status-dropdown {
  font-size: 12px;
  font-size: 0.75rem;
  width: 360px;
  position: absolute;
  left: -14px !important;
  top: 38px !important;
  z-index: 101; }
  .dropdownMenu.detail-status-dropdown div span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  .dropdownMenu.detail-status-dropdown .dropdown-second-step--wrapper {
    position: relative; }
  .dropdownMenu.detail-status-dropdown .dropdown-second-step {
    border: 1px solid #bababa;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 5px #EAEAEA;
    -moz-box-shadow: 0px 1px 5px #EAEAEA;
    box-shadow: 0px 1px 5px #EAEAEA;
    position: absolute;
    top: -1px;
    left: 197px;
    width: 270px; }
  .dropdownMenu.detail-status-dropdown ul {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    position: relative;
    border-bottom: 1px solid #bababa; }
    .dropdownMenu.detail-status-dropdown ul:last-child {
      border-bottom: none; }
    .dropdownMenu.detail-status-dropdown ul:hover {
      border-left: 2px solid #76bc58; }
  .dropdownMenu.detail-status-dropdown span {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    color: #BFC6C7;
    display: block;
    padding: 10px; }
    .dropdownMenu.detail-status-dropdown span:before {
      content: "\E61A";
      padding-right: 5px; }
    .dropdownMenu.detail-status-dropdown span:hover {
      border-left: 2px solid #76bc58; }
  .dropdownMenu.detail-status-dropdown div {
    text-align: left;
    padding: 0;
    border: 0; }
  .dropdownMenu.detail-status-dropdown div:hover {
    border-left: 0; }
    .dropdownMenu.detail-status-dropdown div:hover span {
      border-left: 0;
      color: #BFC6C7; }
  .dropdownMenu.detail-status-dropdown .dropdown-has-child:before {
    content: "\E603";
    padding-right: 0px; }
  .dropdownMenu.detail-status-dropdown .dropdown-has-child:before {
    color: #BFC6C7;
    position: absolute;
    bottom: 13px;
    right: 7px; }
  .dropdownMenu.detail-status-dropdown .status-child {
    border-bottom: 1px solid #bababa; }
    .dropdownMenu.detail-status-dropdown .status-child:last-child {
      border-bottom: none; }

.volunteer-detail__more-actions {
  position: relative; }

.filter-region .filter-item__status.dropdown-inner {
  height: 294px;
  overflow-y: auto; }
  .filter-region .filter-item__status.dropdown-inner li {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }
  .filter-region .filter-item__status.dropdown-inner li:first-child {
    border-top: 0px; }
  .filter-region .filter-item__status.dropdown-inner .filter-item__status-headline {
    font-family: 'Lato', helvetica, arial, sans-serif;
    border-left: 0px;
    border-top: 1px solid #bababa; }
    .filter-region .filter-item__status.dropdown-inner .filter-item__status-headline:hover {
      border-left: 0px; }
    .filter-region .filter-item__status.dropdown-inner .filter-item__status-headline span {
      cursor: default;
      padding: 6px 10px; }
      .filter-region .filter-item__status.dropdown-inner .filter-item__status-headline span:hover {
        background-color: #fff;
        color: #333; }
  .filter-region .filter-item__status.dropdown-inner li.filter-item__status__studies {
    cursor: default;
    padding: 10px; }
    .filter-region .filter-item__status.dropdown-inner li.filter-item__status__studies span {
      color: #333;
      padding: 0;
      display: inline-block;
      margin-bottom: 5px; }
      .filter-region .filter-item__status.dropdown-inner li.filter-item__status__studies span.commma, .filter-region .filter-item__status.dropdown-inner li.filter-item__status__studies span:last-child {
        margin-bottom: 0px; }
    .filter-region .filter-item__status.dropdown-inner li.filter-item__status__studies:hover {
      border-left: 2px solid #f9f9f9;
      background-color: #fff !important; }
      .filter-region .filter-item__status.dropdown-inner li.filter-item__status__studies:hover span {
        background-color: #fff;
        color: #333; }

.filter-region .filter-item__status--retention.dropdown-inner {
  height: auto; }
  .filter-region .filter-item__status--retention.dropdown-inner .filter-item__status-headline span {
    padding: 10px; }

.filter-region .filter-item__study.dropdown-inner {
  max-height: 120px;
  overflow-y: auto; }

.filter-region .filter-item__study--more-items.dropdown-inner {
  max-height: 197px;
  overflow-y: auto; }

.detail-side-dropdown {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase; }
  .detail-side-dropdown span {
    display: block;
    padding: 10px 10px; }

.dropdownLink {
  padding: 10px; }

.top-nav .dropdownLink {
  padding: 0 30px; }

.top-nav .tutorialsDropdownMenu {
  position: fixed !important;
  right: 220px !important;
  top: 101px !important;
  left: inherit !important;
  border: 1px solid #bababa;
  background-color: #fff;
  padding: 20px;
  width: 300px;
  -webkit-box-shadow: 0px 1px 5px #EAEAEA;
  -moz-box-shadow: 0px 1px 5px #EAEAEA;
  box-shadow: 0px 1px 5px #EAEAEA; }
  .top-nav .tutorialsDropdownMenu div,
  .top-nav .tutorialsDropdownMenu div:hover {
    background-color: inherit;
    border-left: 0; }
  .top-nav .tutorialsDropdownMenu.active {
    background-color: inherit;
    border-left: 0; }
  .top-nav .tutorialsDropdownMenu span {
    border-left: 0; }

.tutorials-list:hover {
  border: 0; }

.tutorials-list .tutorial-list__headline {
  margin: 0;
  line-height: 25px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #A0A0A0; }

.tutorials-list a.tutorial-list__instructions,
.tutorials-list .tutorial-list__video {
  color: #76bc58;
  padding: 0;
  margin: 0;
  line-height: 25px;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }
  .tutorials-list a.tutorial-list__instructions:hover,
  .tutorials-list .tutorial-list__video:hover {
    text-decoration: underline; }

.tutorials-list a.tutorial-list__instructions {
  margin-right: 0px; }

.left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item--csv span.disabled:hover,
.left-column--volunteer .sortingMenu .interaction-bar__dropdown-item--csv span.disabled:hover, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item--csv span.disabled:hover,
.left-column--retention .sortingMenu .interaction-bar__dropdown-item--csv span.disabled:hover {
  color: #333;
  border-left: 2px solid #fff;
  cursor: default; }

.left-column--volunteer .dropdownMenu .status-list-disabled:hover,
.left-column--volunteer .sortingMenu .status-list-disabled:hover, .left-column--retention .dropdownMenu .status-list-disabled:hover,
.left-column--retention .sortingMenu .status-list-disabled:hover {
  background-color: #fff; }

.left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item,
.left-column--volunteer .sortingMenu .interaction-bar__dropdown-item, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item,
.left-column--retention .sortingMenu .interaction-bar__dropdown-item {
  padding: 10px 17px;
  display: block; }

.left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item--status,
.left-column--volunteer .sortingMenu .interaction-bar__dropdown-item--status, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item--status,
.left-column--retention .sortingMenu .interaction-bar__dropdown-item--status {
  padding: 0; }
  .left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item--status .status-button-inner span,
  .left-column--volunteer .sortingMenu .interaction-bar__dropdown-item--status .status-button-inner span, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item--status .status-button-inner span,
  .left-column--retention .sortingMenu .interaction-bar__dropdown-item--status .status-button-inner span {
    padding: 10px 17px;
    display: block; }

.left-column--volunteer .dropdownMenu .interaction-bar__dropdown-item--status.disabled span.bulk-status-change:hover,
.left-column--volunteer .sortingMenu .interaction-bar__dropdown-item--status.disabled span.bulk-status-change:hover, .left-column--retention .dropdownMenu .interaction-bar__dropdown-item--status.disabled span.bulk-status-change:hover,
.left-column--retention .sortingMenu .interaction-bar__dropdown-item--status.disabled span.bulk-status-change:hover {
  color: #333;
  background-color: #fff;
  border-left: 2px solid #fff;
  cursor: default; }

.volunteer-sorting {
  padding: 0; }
  .volunteer-sorting div span.sort-option__label {
    padding: 7px 17px 5px 17px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block; }

.filter-region .dropdown-inner,
.filter-region__site-data-sharepoint .dropdown-inner {
  top: 66px;
  left: -1px;
  min-width: 100%;
  width: auto; }
  .filter-region .dropdown-inner span,
  .filter-region__site-data-sharepoint .dropdown-inner span {
    display: block;
    padding: 10px;
    word-wrap: break-word; }
  .filter-region .dropdown-inner li,
  .filter-region__site-data-sharepoint .dropdown-inner li {
    padding: 0px; }
  .filter-region .dropdown-inner .list-item,
  .filter-region__site-data-sharepoint .dropdown-inner .list-item {
    display: inline-block;
    padding: 0 0 0 5px;
    font-size: 11px;
    vertical-align: middle;
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis; }

.interaction-bar__sort .sortingMenu {
  left: inherit !important;
  right: -17px !important;
  top: 25px !important;
  border-top: 0px; }
  .interaction-bar__sort .sortingMenu div {
    border-top: 1px solid #bababa; }
  .interaction-bar__sort .sortingMenu div:hover {
    background-color: #f9f9f9;
    border-left: 2px solid #76bc58; }
    .interaction-bar__sort .sortingMenu div:hover span {
      border-left: 0px;
      color: #76bc58;
      background-color: inherit; }
      .interaction-bar__sort .sortingMenu div:hover span span {
        border-left: 2px solid #f9f9f9; }

.more-actions-dropdown {
  cursor: pointer; }
  .more-actions-dropdown span,
  .more-actions-dropdown span:after {
    font-size: 12px;
    font-size: 0.75rem; }
  .more-actions-dropdown .dropdownMenu.detail-side-dropdown {
    width: 200px;
    left: -83px !important;
    top: 32px !important;
    text-align: left; }
    .more-actions-dropdown .dropdownMenu.detail-side-dropdown div,
    .more-actions-dropdown .dropdownMenu.detail-side-dropdown div:first-child {
      color: #333; }
      .more-actions-dropdown .dropdownMenu.detail-side-dropdown div:hover,
      .more-actions-dropdown .dropdownMenu.detail-side-dropdown div:first-child:hover {
        color: #76bc58; }
    .more-actions-dropdown .dropdownMenu.detail-side-dropdown a {
      padding: 10px;
      display: block;
      color: #333; }
      .more-actions-dropdown .dropdownMenu.detail-side-dropdown a:hover {
        color: #76bc58; }

.delete-modal {
  color: #333;
  text-align: center; }
  .delete-modal h3 {
    margin: 25px 0;
    font-size: 16px;
    font-size: 1rem; }
  .delete-modal p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    margin: 0; }
  .delete-modal .modal__content {
    padding: 40px 20px; }
  .delete-modal .delete-modal__delete {
    background-color: #e74c3c;
    color: #fff;
    height: 60px; }
    .delete-modal .delete-modal__delete:hover {
      background-color: #ED6E62; }
  .delete-modal .timeout-modal-content {
    padding: 40px 10px; }

.no-angular .delete-modal .modal__content-timeout {
  padding: 0; }

.intro-modal {
  color: #333;
  text-align: center; }

.modal-headline {
  font-family: 'Lato', helvetica, arial;
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 1px solid #bababa;
  display: block;
  padding: 10px;
  text-align: center;
  color: #333;
  text-transform: capitalize; }

.modal__content {
  padding: 20px 0 50px 25px; }
  .modal__content label {
    font-size: 16px;
    font-size: 1rem;
    color: #333;
    margin: 0px 0px 0px 50px;
    padding: 27px 0 5px 0;
    display: block; }

.input-field--modal {
  font-size: 16px;
  font-size: 1rem;
  width: 260px;
  border-radius: 0;
  background: #f9f9f9;
  border: 1px solid #bababa;
  color: #333;
  padding: 10px;
  margin: 0px 0px 0px 50px; }

.custom-select--modal {
  font-size: 16px;
  font-size: 1rem;
  overflow: hidden;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MTU1NTVhMC1mNWJlLTZjNDYtYTc3NC1lNzVmMTYwMzQ2M2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJGRDNGNTkwMDczMTFFNTgyQzk5QzcxMjJCQzUyRjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJGRDNGNTgwMDczMTFFNTgyQzk5QzcxMjJCQzUyRjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTllMGU4YmItYThlNi00MTRiLTkwOTEtNGYzNjI1YTEwNmVlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxNTU1NWEwLWY1YmUtNmM0Ni1hNzc0LWU3NWYxNjAzNDYzYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PosmKwQAAABdSURBVHjaYvz//z8DsYAFRDT09u0GUnuAuBOLmlAgLm8oLjJhggqAFHaABLEoXAWVh5iMZGIHEh+mEMSuQFaMrkEJiNOQFaIrRteAohCbYpiGszB3IgNGUoIOIMAAwGIZ4UbcFa8AAAAASUVORK5CYII=) no-repeat 95% 50%;
  width: 310px;
  border-radius: 0;
  background-color: #f9f9f9;
  border: 1px solid #bababa;
  color: #333;
  padding: 9px;
  margin: 0px 0px 0px 50px;
  display: block; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  border-radius: 0;
  width: 810px;
  padding: 0;
  background: #fff; }

.ngdialog.ngdialog-theme-default.extend-content .ngdialog-content {
  width: 580px; }

.ngdialog.ngdialog-theme-default.ngdialog-delete.bulk-update-status-modal .ngdialog-content {
  width: 600px; }

.ngdialog-theme-default.extend-content .ngdialog-close:before {
  display: none; }

.ngdialog-content .form-right,
.ngdialog-content .form-left {
  float: left;
  width: 350px; }
  .ngdialog-content .form-right p,
  .ngdialog-content .form-left p {
    margin: 0; }

.ngdialog-content .form-center {
  clear: both;
  width: 661px; }

.ngdialog-content .bold {
  font-size: 16.2px;
  font-size: 1.0125rem; }

.delete-modal .form-center {
  width: 461px; }

.ngdialog.ngdialog-theme-default.ngdialog-delete .ngdialog-content {
  width: 500px; }

.ngdialog-overlay {
  background: rgba(65, 81, 97, 0.9); }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 0;
  cursor: pointer;
  position: inherit; }

.ngdialog.ngdialog-theme-default .ngdialog-dismiss:before {
  font-size: 22px;
  font-size: 1.375rem;
  background: transparent;
  border-radius: 3px;
  color: #fff;
  content: '\D7';
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 10px;
  width: 30px; }

.ngdialog.ngdialog-theme-default .ngdialog-dismiss {
  border-radius: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #DADADA;
  height: 46px;
  width: 46px; }
  .ngdialog.ngdialog-theme-default .ngdialog-dismiss:hover, .ngdialog.ngdialog-theme-default .ngdialog-dismiss:focus, .ngdialog.ngdialog-theme-default .ngdialog-dismiss:active {
    background-color: #91c979;
    color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-dismiss:hover:before {
  color: #fff; }

.modal-buttons {
  width: 100%;
  background-color: #f9f9f9;
  border-top: 1px solid #bababa; }

.modal-cancel,
.modal-save,
.delete-modal__delete,
.modal-reset,
.modal-skip {
  font-size: 18px;
  font-size: 1.125rem;
  border: 0;
  padding: 17px 20px;
  cursor: pointer;
  text-align: center;
  float: right;
  color: #BFC6C7;
  text-transform: capitalize;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }
  .modal-cancel a,
  .modal-save a,
  .delete-modal__delete a,
  .modal-reset a,
  .modal-skip a {
    color: #BFC6C7; }

.modal-save {
  background-color: #76bc58;
  color: #fff;
  height: 61px; }
  .modal-save:hover {
    background-color: #91c979; }
  .modal-save:disabled {
    background-color: #91c979; }

.modal-reset {
  float: left; }
  .modal-reset:hover {
    background-color: #FCFCFC;
    color: #333; }

div.modal-cancel:hover,
a.modal-cancel:hover {
  background-color: #FCFCFC;
  color: #333; }

.schedule-modal__item {
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #bababa;
  cursor: pointer; }
  .schedule-modal__item .item--second-row__right:hover, .schedule-modal__item.active {
    color: #76bc58; }

.filter-modal__content {
  height: 450px;
  overflow: hidden; }

.cancel-schedule-popup button[disabled] {
  opacity: 1;
  filter: alpha(opacity=100); }

.cancel-schedule-popup p {
  margin: 5px 0;
  font-size: 14px;
  font-size: 0.875rem; }

.cancel-schedule-popup h3 {
  margin: 10px 0 15px 0;
  font-size: 16px;
  font-size: 1rem; }

.nav-collapsed-min .cancel-schedule-popup {
  width: 329px; }

.cancel-schedule-popup__buttons {
  border-top: 1px solid #bababa;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.cancel-schedule-popup__cancel,
.cancel-schedule-popup__nevermind {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 15px 0;
  width: 50%;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.cancel-schedule-popup__nevermind {
  float: left;
  background-color: #f9f9f9;
  color: #333; }
  .cancel-schedule-popup__nevermind:hover {
    background-color: #e0e0e0; }

.cancel-schedule-popup__cancel {
  float: right;
  color: #fff;
  background-color: #e74c3c; }
  .cancel-schedule-popup__cancel:hover {
    background-color: #ED6E62; }

.time-format-label {
  font-size: 12px;
  font-size: 0.75rem; }

.cancel-schedule-popup,
.schedule-popup {
  position: fixed;
  right: 5px;
  top: 56px;
  left: inherit;
  width: 299px;
  height: 220px;
  padding: 38px 0;
  text-align: center;
  background-color: #fff;
  z-index: 100;
  border: 1px solid #bababa;
  box-shadow: 2px 3px 2px #bababa; }

.schedule-popup {
  padding: 0px; }
  .schedule-popup p {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 5px 0 38px 0; }
  .schedule-popup p.ie-schedule-paragraph {
    margin: 5px 0 10px 0;
    color: #76bc58; }
  .schedule-popup h3 {
    margin: 20px 0 10px 0;
    font-size: 16px;
    font-size: 1rem; }
  .schedule-popup .schedule-input {
    width: 170px;
    border: 0;
    padding: 11px 10px 7px;
    float: left;
    margin: 0;
    text-align: left; }
  .schedule-popup .ie-schedule-input {
    text-align: center;
    margin: 5px 0 10px 0; }
  .schedule-popup .schedule-popup__notification {
    color: #76bc58; }
  .schedule-popup .time-format-label {
    text-transform: inherit; }
  .schedule-popup button[disabled] {
    opacity: 1;
    filter: alpha(opacity=100); }
  .schedule-popup .schedule-popup__notification {
    position: relative;
    top: -78px; }

.date-input-wrapper {
  border: 1px solid #bababa;
  width: 240px;
  margin: auto;
  height: 42px; }

.datepicker-image {
  background-color: #f9f9f9;
  border-right: 1px solid #bababa;
  float: left;
  height: 40px;
  width: 40px; }

.nav-collapsed-min .schedule-popup {
  width: 329px; }

.schedule-popup__buttons {
  border-top: 1px solid #bababa;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.schedule-popup__save,
.schedule-popup__nevermind {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 15px 0;
  width: 50%;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.schedule-popup__nevermind {
  background-color: #f9f9f9;
  float: left;
  color: #333; }
  .schedule-popup__nevermind:hover {
    background-color: #e0e0e0; }

.schedule-popup__save {
  float: right;
  color: #fff;
  background-color: #76bc58; }
  .schedule-popup__save:hover {
    background-color: #91c979; }

.modal-comment {
  width: 100%;
  margin: 0px 50px;
  padding: 15px;
  height: 100px;
  font-size: 16px;
  font-size: 1rem;
  border: 1px solid #bababa;
  color: #333; }

.comment-icon:before,
.comment-text {
  vertical-align: middle; }

.modal__truncate-comment {
  width: 85%;
  margin: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.modal__choose-protocol {
  width: 100%; }
  .modal__choose-protocol .custom-select--modal {
    margin: auto;
    display: block; }

.modal__status {
  background-color: #f9f9f9;
  display: inline-block;
  min-width: 50%;
  max-width: 85%;
  margin: 5px auto;
  padding: 15px; }

.bold.modal__status {
  font-size: 12.3px;
  font-size: 0.76875rem; }

.add-to-reminder {
  width: 170px; }

.comment-author {
  float: left; }

.delete-comment {
  background: none;
  border: none;
  padding: 0;
  color: #e74c3c;
  text-align: right;
  float: right; }

.change-popup h3 {
  padding-bottom: 30px; }

.ngdialog.ngdialog-theme-default.ngdialog-video .ngdialog-content {
  width: 710px; }

.form-comments {
  margin: 0 0 0 50px; }
  .form-comments label {
    margin: 0; }

.comment-types {
  float: left;
  margin: 0 15px 10px 0; }

.welcome-modal {
  text-align: center;
  width: 455px;
  margin: auto;
  color: #333;
  padding-top: 60px; }
  .welcome-modal strong {
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.welcome-modal__button__wrapper {
  text-align: center;
  padding: 20px 0 30px 0; }

.welcome-modal__headline {
  font-size: 24px;
  font-size: 1.5rem; }

.welcome-modal__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px; }

.welcome-modal__button {
  display: inline-block;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  display: inline-block;
  color: #76bc58;
  border: 1px solid #76bc58;
  padding: 13px;
  margin: 0px 10px 25px 10px;
  width: 260px;
  text-align: left; }
  .welcome-modal__button:hover {
    background: #f9f9f9;
    cursor: pointer; }

.welcome-modal__button__text {
  vertical-align: middle; }

.welcome-icon {
  font-size: 20px;
  font-size: 1.25rem;
  color: #76bc58;
  margin: 10px;
  vertical-align: middle; }

.modal-timeout {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  height: 56px;
  background-color: #76bc58;
  min-width: 120px;
  float: right;
  padding: 15px 10px;
  color: #fff; }
  .modal-timeout:hover {
    background-color: #91c979; }
  .modal-timeout a {
    float: none;
    color: #fff; }

.bulk-edit-status-section {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 30px 0 10px; }
  .bulk-edit-status-section span {
    font-size: 12px;
    font-size: 0.75rem;
    color: #6c6c6c;
    line-height: 18px; }
  .bulk-edit-status-section .new-patient-status-section__select-date {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #bababa;
    margin-right: 5px; }
    .bulk-edit-status-section .new-patient-status-section__select-date .date-picker-arrow {
      padding: 8px 25px 8px 25px;
      display: block; }
      .bulk-edit-status-section .new-patient-status-section__select-date .date-picker-arrow span, .bulk-edit-status-section .new-patient-status-section__select-date .date-picker-arrow:after {
        vertical-align: middle; }
  .bulk-edit-status-section .new-patient-status-section__status-dropdown {
    padding: 10px 10px 11px 25px;
    border: 1px solid #bababa;
    margin-left: 5px; }
  .bulk-edit-status-section .volunteer-info__volunteer--submit span.icon-dropdown-right:after {
    top: 12px; }

.bulk-edit-status__date-validation {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #e74c3c;
  padding: 25px 30px 0 30px;
  display: block; }

.bulk-edit-status__taking-too-long {
  font-size: 16px;
  font-size: 1rem;
  color: #3498DB;
  display: block; }
  .bulk-edit-status__taking-too-long.bulk-edit-status__taking-too-long-modal {
    padding-top: 10px; }

.donot-show-video label {
  vertical-align: middle; }

.donot-show-video span {
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: top;
  padding-left: 5px;
  color: #333; }

.donot-show-video__wrapper {
  padding: 17px 0 10px 30px;
  float: left; }

.tutorial-video {
  width: 100%;
  height: 365px;
  position: relative; }
  .tutorial-video video,
  .tutorial-video object {
    width: 100%; }
  .tutorial-video object {
    position: relative;
    z-index: 1; }

.modal-play {
  font-size: 35px;
  font-size: 2.1875rem;
  display: inline-block;
  background: #76bc58;
  color: #fff;
  padding: 25px; }

.video-overlay-content,
.video-fallback-content {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 500px;
  height: 85px;
  background-color: #fff;
  cursor: pointer; }

.video-overlay-content {
  z-index: 1000; }

.video-overlay {
  background: rgba(65, 81, 97, 0.7);
  width: 100%;
  height: 100%;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0; }

.video-overlay-content__inner {
  display: inline-block;
  margin-left: 20px; }

.video-overlay-content__headline {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  margin: 0;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22px;
  color: #76bc58; }

.video-overlay-content__sugestion {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0;
  color: #C7C7C7; }

.modal-skip {
  background-color: #DADADA;
  color: #fff; }
  .modal-skip:hover {
    background-color: #76bc58; }

.donot-show-video label {
  vertical-align: middle; }

.donot-show-video span {
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: top;
  padding-left: 5px;
  color: #333; }

.donot-show-video__wrapper {
  padding: 17px 0 10px 30px;
  float: left; }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background: rgba(65, 81, 97, 0.9);
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.3s;
  animation: ngdialog-fadein 0.3s; }

.introjs-fixParent {
  z-index: auto !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

tr.introjs-showElement td, tr.introjs-showElement th {
  z-index: 9999999 !important; }

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute; }

.introjs-relativePosition {
  position: relative; }

td, th {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: white;
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

.introjs-tooltipReferenceLayer {
  position: absolute;
  visibility: hidden;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

.introjs-helperLayer * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }
  .introjs-helperLayer *:before, .introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box; }

.introjs-helperNumberLayer {
  font-size: 13px;
  font-size: 0.8125rem;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }
  .introjs-arrow.top {
    top: -10px;
    left: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
    border-left-color: transparent; }
  .introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff; }
  .introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff; }
  .introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #fff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-top-color: transparent;
    border-right-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  position: absolute;
  visibility: visible;
  padding: 20px 0 0 0;
  background-color: white;
  min-width: 520px;
  max-width: 520px; }

.introjs-tooltipbuttons {
  white-space: nowrap;
  width: 100%;
  background-color: #f4f4f4;
  border-top: 1px solid #DADADA;
  text-align: right; }

.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  font-size: 1.1em;
  line-height: 1.5em;
  border: none;
  margin: 0;
  text-decoration: none;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #76bc58;
  /* IE hacks */
  zoom: 1;
  *display: inline; }
  .introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none; }
  .introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* overrides extra padding on button elements in Firefox */
.introjs-skipbutton {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  border-radius: 0;
  cursor: pointer;
  margin: 0 0px 0 0;
  background-color: #f4f4f4;
  padding: 17px 20px;
  height: 61px;
  border: 0;
  float: left;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  color: #BFC6C7; }
  .introjs-skipbutton:hover {
    background-color: #FCFCFC;
    color: #333; }

.introjs-prevbutton {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  background-color: #f4f4f4;
  border: 0;
  padding: 17px 20px;
  cursor: pointer;
  text-align: center;
  color: #BFC6C7;
  font-size: 18px;
  font-size: 1.125rem;
  height: 61px; }
  .introjs-prevbutton:hover {
    background-color: #FCFCFC;
    color: #333; }

.introjs-nextbutton {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  background-color: #76bc58;
  color: #fff;
  height: 61px;
  padding: 17px 20px;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center; }
  .introjs-nextbutton:hover {
    background-color: #91c979; }
  .introjs-nextbutton.introjs-disabled {
    display: none; }

.introjs-disabled {
  color: #6c6c6c;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .introjs-disabled:hover, .introjs-disabled:focus {
    cursor: default;
    background-color: inherit; }

.introjs-bullets {
  text-align: center;
  padding-bottom: 25px; }
  .introjs-bullets ul {
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block; }
    .introjs-bullets ul li {
      list-style: none;
      float: left;
      margin: 0 2px; }
      .introjs-bullets ul li a {
        display: block;
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        text-decoration: none; }
        .introjs-bullets ul li a:hover, .introjs-bullets ul li a.active {
          background: #76bc58; }

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  background-color: #ecf0f1; }

.introjs-progressbar {
  font-size: 10px;
  font-size: 0.625rem;
  float: left;
  width: 0%;
  height: 100%;
  line-height: 10px;
  text-align: center;
  background-color: #08c; }

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%; }

.intro-wrapper {
  height: 100%; }

.introjs-tooltiptext {
  padding: 0 30px; }

.introjs-button {
  -moz-transition: none;
  -webkit-transition: none;
  transition: none; }

.introjs-button.introjs-skipbutton.overwrite-thanks-button {
  float: right;
  background-color: #76bc58;
  color: #fff; }
  .introjs-button.introjs-skipbutton.overwrite-thanks-button:hover {
    background-color: #91c979; }

.introjs-hint-container {
  padding-bottom: 30px; }

.dss-module .introjs-tooltipReferenceLayer + .ngdialog {
  opacity: 0 !important; }

.dss-module .introjs-tooltipReferenceLayer.make-ngmodal-visible + .ngdialog {
  opacity: 1 !important; }

.dss-module .introjs-tooltipReferenceLayer + .ngdialog + .ngdialog {
  opacity: 0 !important; }

.dss-module .ngdialog.introjs-fixParent {
  z-index: 9999999 !important; }

.dss-module .introjs-showElement {
  z-index: 10000001 !important; }

.dss-module .introjs-helperLayer {
  z-index: 10000000; }

.dss-module .introjs-overlay {
  z-index: 10000000; }

body.ngmodal-active .introjs-helperLayer {
  opacity: 0 !important;
  visibility: hidden; }

body.ngmodal-active .introjs-overlay {
  background: rgba(65, 81, 97, 0); }

body.ngmodal-active .introjs-tooltip {
  box-shadow: 4px 5px 16px 0 #546270; }

.file-type-not-pdf .intro-modal-not-pdf {
  display: block; }

.file-type-not-pdf .intro-modal-pdf {
  display: none; }

.file-type-pdf .intro-modal-not-pdf {
  display: none; }

.file-type-pdf .intro-modal-pdf {
  display: block; }

#toast-container span.undo-dismiss {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  display: inline-block;
  padding: 13px 60px 15px 0; }

#loading-bar {
  pointer-events: none;
  -webkit-pointer-events: none; }

#loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active {
  opacity: 0; }

#loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave {
  opacity: 1; }

#loading-bar .bar {
  background: #76bc58;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px; }

/* Blocking ui */
.block-ui {
  position: relative; }

body.block-ui {
  position: relative; }
  body.block-ui > .block-ui-container {
    position: fixed; }

.block-ui-main > .block-ui-container {
  position: fixed; }

.block-ui-container {
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0); }

.block-ui-active > .block-ui-container {
  height: 100%;
  cursor: wait; }

.block-ui-active .block-ui-active > .block-ui-container {
  height: 0; }

.block-ui-visible > .block-ui-container {
  opacity: 1;
  filter: alpha(opacity=100); }

.block-ui-overlay {
  width: 100%;
  height: 100%; }

.block-ui-message-container {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  height: 0;
  text-align: center;
  z-index: 10001; }

.block-ui-message {
  display: none;
  text-align: left;
  background-color: #333;
  color: #f5f5f5;
  padding: 20px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  filter: alpha(opacity=100); }

.block-ui-anim-fade > .block-ui-container {
  transition: height 0s linear 200ms, opacity 200ms ease 0s; }

.block-ui-anim-fade.block-ui-active > .block-ui-container {
  transition-delay: 0s; }

.ie7,
.ie8 {
  /* IE fallback for the screener radios and checkboxes */ }
  .ie7 .nothing-selected,
  .ie7 .error-page__content,
  .ie8 .nothing-selected,
  .ie8 .error-page__content {
    top: 40%; }
  .ie7 .toggle-min,
  .ie8 .toggle-min {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; }
  .ie7 .nav-collapsed-min .toggle-min,
  .ie8 .nav-collapsed-min .toggle-min {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }
  .ie7 .nav__terms,
  .ie8 .nav__terms {
    height: 35px;
    position: absolute;
    bottom: 20px;
    left: 0px; }
  .ie7 .nav__wrapper,
  .ie8 .nav__wrapper {
    border-left: 1px solid #76bc58;
    border-right: 1px solid #76bc58; }
  .ie7 .arrow_box,
  .ie8 .arrow_box {
    display: none; }
  .ie7 .ngdialog-overlay,
  .ie8 .ngdialog-overlay {
    background-color: #415161; }
  .ie7 .intl-tel-input,
  .ie8 .intl-tel-input {
    width: 220px; }
    .ie7 .intl-tel-input input,
    .ie8 .intl-tel-input input {
      position: relative;
      width: 225px; }
  .ie7 label.label_radio,
  .ie8 label.label_radio {
    float: left;
    width: 10px; }
    .ie7 label.label_radio span,
    .ie8 label.label_radio span {
      position: relative;
      top: -20px; }
  .ie7 .volunteer-info--phone,
  .ie7 .intl-tel-input,
  .ie8 .volunteer-info--phone,
  .ie8 .intl-tel-input {
    display: inline-block; }
  .ie7 .tooltip.tooltip--big-text--left,
  .ie7 .tooltip.tooltip--big-text--center,
  .ie7 .tooltip.tooltip--big-text--right,
  .ie8 .tooltip.tooltip--big-text--left,
  .ie8 .tooltip.tooltip--big-text--center,
  .ie8 .tooltip.tooltip--big-text--right {
    top: 42px; }
  .ie7 input[type=checkbox].dry-checkbox,
  .ie7 input[type=radio].dry-radio,
  .ie8 input[type=checkbox].dry-checkbox,
  .ie8 input[type=radio].dry-radio {
    display: inline-block;
    position: inherit;
    left: inherit; }
    .ie7 input[type=checkbox].dry-checkbox + label,
    .ie7 input[type=radio].dry-radio + label,
    .ie8 input[type=checkbox].dry-checkbox + label,
    .ie8 input[type=radio].dry-radio + label {
      display: none; }

@media (max-width: 1024px) {
  .volunteer-iframe {
    width: 920px; } }

@media (max-width: 1280px) {
  .main-content {
    margin-left: 72px;
    background-color: #fff; }
  .left-column,
  .nav-collapsed-min .left-column {
    left: 72px;
    width: 410px; }
  .nav-left {
    position: absolute;
    left: 72px;
    top: 0; }
  .logo-wrapper {
    position: relative;
    z-index: 100; }
  .sidebar {
    width: 72px; }
  .nav {
    overflow: hidden; }
  .nav-collapsed-min .nav {
    margin: 0 0 -43px 0;
    overflow: auto; }
    .nav-collapsed-min .nav:after {
      content: "";
      display: block;
      height: 35px; }
  .nav {
    margin: 0 0 -35px 0; }
  .nav-collapsed-min .nav__terms p,
  .nav-collapsed-min .nav__terms div {
    display: block; }
  .nav__terms p,
  .nav__terms div {
    display: none; }
  .icon-angle-right {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .nav-collapsed-min .icon-angle-right {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .nav-collapsed-min .nav-container {
    width: 260px; }
  .nav-collapsed-min .nav__title,
  .nav-collapsed-min .nav-link,
  .nav-collapsed-min .nav__terms,
  .nav-collapsed-min .nav__feasibility-list {
    display: inherit;
    opacity: 1;
    -webkit-animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11);
    -moz-animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11);
    -o-animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11);
    animation: sidebar-text-fade-in 0.3s cubic-bezier(1, 0, 1, -0.11); }
  .nav-collapsed-min .nav__terms .nav-link {
    display: inline-block; }
  .nav__title,
  .nav-link,
  .nav__feasibility-list {
    display: none;
    opacity: 0; }
  .temp-nav-divider {
    padding: 8px 0; }
  .nav-collapsed-min .temp-nav-divider {
    display: none; }
  .logo {
    width: 72px; }
  .logo-wrapper {
    width: 72px; }
  .logo-wrapper__big {
    display: none; }
  .logo-wrapper__small {
    display: block; }
  .nav-collapsed-min .logo-wrapper {
    width: 260px; }
  .nav-collapsed-min .logo-wrapper__big {
    display: block; }
  .nav-collapsed-min .logo-wrapper__small {
    display: none; }
  .nav-collapsed-min .logo {
    width: 260px; }
  .middle-column {
    position: absolute;
    top: 87px;
    left: 482px;
    display: block;
    padding-bottom: 103px; }
  .nav-collapsed-min .middle-column {
    padding: 0px 152px 102px 0; }
  .middle-column.middle-column-feasibility-list {
    padding-bottom: 51px; }
  .middle-column--retention {
    top: 146px; }
  .middle-column--volunteer {
    top: 115px; }
  .middle-column__inner--no-right {
    padding: 0px 310px 51px 0; }
  .nav-collapsed-min .middle-column__inner.middle-column__inner--no-right {
    padding: 0px 0px 51px 0;
    margin-right: 330px; }
  .middle-column__inner {
    margin-right: 172px;
    padding: 0 310px 44px 0; }
  .nav-collapsed-min .middle-column__inner {
    margin-right: 330px;
    padding: 0 0 44px 0; }
  .middle-column--empty {
    padding: 0px 152px 43px 0;
    margin-right: 330px;
    top: 51px; }
  .nav-collapsed-min .middle-column__inner.middle-column--empty {
    padding: 0 0 43px 0;
    margin-right: 330px; }
  .middle-column__inner.middle-column--empty.middle-column--empty--sharepoint,
  .middle-column__inner.middle-column--empty.middle-column--empty--employees {
    padding: 0 152px 43px 0; }
  .nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--sharepoint {
    padding: 0 0 43px 0; }
  .nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--employees {
    padding: 0; }
  .middle-column__inner.middle-column--empty.middle-column--empty--study-history,
  .middle-column__inner.middle-column--empty.middle-column--empty--documentation,
  .middle-column__inner.middle-column--empty.middle-column--empty--patient-profiles {
    padding: 0 152px 51px 0; }
  .nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--documentation,
  .nav-collapsed-min .middle-column__inner.middle-column--empty.middle-column--empty--patient-profiles {
    padding: 0 0 51px 0; }
  .middle-column--empty-volunteer {
    padding: 0 310px 43px 0; }
  .right-column {
    position: absolute;
    top: 146px;
    left: 481px;
    padding: 0 481px 145px 0;
    width: 100%; }
  .nav-collapsed-min .right-column {
    width: 100%; }
  .right-column__inner {
    width: 100%;
    background-color: #fff; }
  .right-column__item.active {
    background-color: #fff; }
  .lr-column-wrapper {
    width: 100%; }
  .right-tab-container {
    display: block;
    position: absolute;
    left: 482px;
    width: 100%;
    padding: 0px 482px 0px 0; }
  .right-tab-container__inner {
    width: 100%; }
  .schedule-event {
    right: inherit;
    left: 0;
    bottom: 146px;
    padding: 23px 482px 17px 0; }
  .notification-wrapper,
  .nav-collapsed-min .notification-wrapper {
    min-width: 340px;
    width: auto; }
  .form-left,
  .form-right {
    width: 240px; }
  .input-field--retention {
    width: 225px; }
  .custom-select--retention {
    width: 225px; }
  .custom-select--modal {
    width: 225px; }
  .ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 630px; }
    .ngdialog.ngdialog-theme-default .ngdialog-content .form-left,
    .ngdialog.ngdialog-theme-default .ngdialog-content .form-right {
      width: 260px; }
  .volunteer-agreement {
    padding: 6px 30px; }
  .volunteer-info__edit--content__label {
    width: 120px; }
  input.input-field--retention-time {
    width: 192px; }
  .input-field--retention-close {
    margin-right: 10px; }
  .selected-tab {
    z-index: 1000; }
  .spinner-icon-wrapper,
  .spinner-icon-wrapper--middle,
  .spinner-icon-wrapper--middle-empty,
  .nav-collapsed-min .spinner-icon-wrapper--middle-empty {
    padding-right: 485px; }
  .nav-collapsed-min .icon-angle-down,
  .nav-collapsed-min .icon-sub-angle-down,
  .nav-collapsed-min .icon-sidebar-sub-arrow {
    display: inline-block; }
  .icon-angle-down {
    display: none; }
  .sidebar .nav__study-list {
    display: none; }
  .nav-collapsed-min .sidebar .nav__study-list {
    display: block; }
  .intl-tel-input input {
    width: 225px; }
  .middle-column__inner--volunteer {
    height: 100%;
    padding: 0px 425px 51px 0;
    margin-right: 245px; }
  .middle-column__inner--volunteer.open {
    padding: 0px 425px 51px 0;
    margin-right: 670px; }
  .nav-collapsed-min .middle-column__inner--volunteer {
    padding: 0px 330px 51px 0;
    margin-right: 0px; }
  .nav-collapsed-min .middle-column__inner--volunteer.open {
    padding: 0 425px 51px 0;
    margin-right: 330px; }
  label.required-label,
  .my-account__form label.required-label {
    width: 71px; }
  .toggle-screeners {
    display: none; }
  .ngdialog-content .form-center {
    width: 486px; }
  .right-column--volunteer {
    right: inherit;
    left: 481px;
    width: 100%; }
    .right-column--volunteer .item__types {
      display: none; }
  .right-column--volunteer.open {
    width: 100%; }
  .nav-collapsed-min .middle-column__inner--volunteer {
    padding: 0 152px 12px 0;
    margin-right: 178px; }
  .middle-column__inner--volunteer {
    padding: 0 152px 12px 0;
    margin-right: 330px; }
  .nav-collapsed-min .middle-column__inner--employees {
    padding: 0 152px 44px 0;
    margin-right: 178px; }
  .middle-column__inner--employees {
    padding: 0 152px 44px 0;
    margin-right: 330px; }
  .nav-collapsed-min .middle-column__inner--volunteer.open {
    padding: 0 152px 44px 0;
    margin-right: 178px; }
  .middle-column__inner--volunteer.open {
    padding: 0 152px 44px 0;
    margin-right: 178px; }
  .scenario-label {
    bottom: 0; }
  .screeners-tab-content {
    margin-top: 0;
    padding-bottom: 0; }
  .screeners-tab-content--comment {
    margin-top: 0; }
  .screeners-tab-content--online-screener {
    padding-bottom: 28px; }
  div.screeners-tab-content--has-scenarios {
    padding-bottom: 25px; }
  .middle-column__employee {
    top: 51px;
    padding: 0 0 6px 0; }
  .nav-collapsed-min .middle-column__employee {
    padding: 0 152px 51px 0; }
  .volunteer-info {
    max-width: 100%;
    width: 100%;
    margin: inherit;
    border: 0;
    border-bottom: 1px solid #bababa; }
  .my-account__wrapper {
    background-color: #f9f9f9;
    height: 100%; }
    .my-account__wrapper .volunteer-info {
      border: 1px solid #bababa;
      margin: 30px 0; }
  .volunteer-info.volunteer-info--volunteer {
    border-bottom: 0; }
  .static-pages__wrapper,
  .volunteer-iframe__wrapper {
    background-color: #f9f9f9; }
  .filter-wrapper,
  .nav-collapsed-min .filter-wrapper {
    left: 72px; }
  .filter-region__responsive,
  .nav-collapsed-min .filter-region__responsive {
    padding-right: 480px; }
  .middle-column__feasibility__detail,
  .middle-column__sharepoint__detail,
  .middle-column__documentation__detail {
    margin-right: 172px; }
    .middle-column__feasibility__detail .form-right,
    .middle-column__feasibility__detail .form-left,
    .middle-column__sharepoint__detail .form-right,
    .middle-column__sharepoint__detail .form-left,
    .middle-column__documentation__detail .form-right,
    .middle-column__documentation__detail .form-left {
      float: left;
      width: 300px; }
    .middle-column__feasibility__detail label.required-label,
    .middle-column__feasibility__detail .my-account__form label.required-label,
    .middle-column__sharepoint__detail label.required-label,
    .middle-column__sharepoint__detail .my-account__form label.required-label,
    .middle-column__documentation__detail label.required-label,
    .middle-column__documentation__detail .my-account__form label.required-label {
      width: 95px; }
  .middle-column__feasibility__detail .volunteer-info,
  .nav-collapsed-min .middle-column__sharepoint__detail .volunteer-info,
  .middle-column__documentation__detail .volunteer-info {
    max-width: inherit; }
  .volunteer-info__feasibility__form label {
    width: 150px; }
  .middle-column__feasibility__detail,
  .middle-column__sharepoint__detail {
    padding: 0 310px 0 0; }
  .nav-collapsed-min .middle-column__feasibility__detail,
  .nav-collapsed-min .middle-column__sharepoint__detail {
    margin-right: 330px;
    padding: 0; }
  .middle-column__inner.middle-column__documentation__detail {
    margin-right: 482px;
    padding: 0; }
  .nav-collapsed-min .middle-column__inner.middle-column__documentation__detail {
    margin-right: 330px; }
  .nav-collapsed-min .middle-column__inner--employees {
    padding: 0 152px 0 0; }
  .nav-collapsed-min .feasibility-request-progress-bar-wrapper,
  .feasibility-request-progress-bar-wrapper {
    margin-left: 92px; }
  .dashboard-sponsor-item {
    width: 50%; }
  div.my-account__details .intl-tel-input {
    width: 225px; }
  div.study-details-wrapper {
    margin: 0;
    padding: 10px 30px; }
  div.new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
  div.edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
    display: inline-block;
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  div.volunteer-status-history .status {
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; } }

@media (min-width: 1280px) and (max-width: 1365px) {
  div.new-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right,
  div.edit-patient-status-section .new-patient-status-section__status-dropdown span.icon-dropdown-right {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  div.volunteer-status-history .status {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  .volunteer-info--value {
    display: block;
    margin-left: 25px; }
  .volunteer-info--phone div.intl-tel-input {
    display: block;
    margin-left: 30px; }
  .dashboard-sponsor-item {
    width: 50%; }
  div.documents-sharing__table .documents-sharing__thead {
    margin-left: 280px; }
  div.documents-sharing__table .documents-sharing__tbody {
    padding-left: 280px;
    width: 100%; }
  .nav-collapsed-min .filter-region__documents,
  .filter-region__documents {
    padding-right: 72px; }
  .documents-sharing__sidebar .icon-angle-down,
  .documents-sharing__sidebar .icon-sidebar-sub-arrow {
    display: inline-block; }
  .nav-collapsed-min .documents-sharing__sidebar .icon-angle-down,
  .nav-collapsed-min .documents-sharing__sidebar .icon-sidebar-sub-arrow {
    display: inline-block; } }

@media (min-width: 1366px) and (max-width: 1439px) {
  .middle-column-retention .volunteer-info--value {
    display: block;
    margin-left: 25px; }
  .middle-column-retention .volunteer-info--phone div.intl-tel-input {
    display: block;
    margin-left: 30px; } }

@media (max-width: 1440px) {
  .volunteer-info__reminder .reminder__time,
  .nav-collapsed-min .volunteer-info__reminder .reminder__time {
    float: left;
    clear: left; } }

@media (min-width: 1920px) {
  .volunteer-info__inner {
    padding: 0;
    margin: auto; }
  .volunteer-info__center {
    width: 630px;
    margin: auto;
    padding-left: 20px; } }

@media screen and (max-height: 550px) {
  .toggle-min {
    bottom: inherit;
    top: 315px; } }

label.required-label--error {
  color: #e74c3c; }

.sharepoint-button__delete,
.sharepoint-button__save,
.sharepoint-button__verify,
.sharepoint-modal-button__verify {
  font-size: 18px;
  font-size: 1.125rem;
  border: 0;
  padding: 17px 20px;
  width: 140px;
  cursor: pointer;
  text-align: center;
  float: right;
  color: #BFC6C7;
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.sharepoint-button__save {
  background-color: #76bc58;
  color: #fff; }
  .sharepoint-button__save:hover {
    background-color: #91c979; }

.sharepoint-button__delete {
  background-color: #f9f9f9;
  color: #e74c3c;
  float: left; }
  .sharepoint-button__delete:hover {
    background-color: #f3f3f3; }

.sharepoint-button__verify {
  color: #3498DB;
  background-color: #f9f9f9; }
  .sharepoint-button__verify:hover {
    background-color: #f3f3f3; }

.sharepoint-verified {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  background-color: #f9f9f9; }

.sharepoint-modal-button__verify {
  color: #fff;
  background-color: #3498DB; }
  .sharepoint-modal-button__verify:hover {
    background-color: #52b3d9; }

.documents-sharing__wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative; }

.nav-collapsed-min div.documents-sharing__table .documents-sharing__tbody {
  padding-left: 280px; }

.nav-collapsed-min div.documents-sharing__table .documents-sharing__thead {
  margin-left: 280px; }

.tcell-sortable {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRDZCRDI4QTYyMzFFNzExQjY4ODhFQkM2MDM4OEU5NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMjRCNEU0NjMxNjIxMUU3OEE0RDk4RTlGNDkwODExMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMjRCNEU0NTMxNjIxMUU3OEE0RDk4RTlGNDkwODExMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJGNkJEMjhBNjIzMUU3MTFCNjg4OEVCQzYwMzg4RTk3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJENkJEMjhBNjIzMUU3MTFCNjg4OEVCQzYwMzg4RTk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CRkVLgAAAQdJREFUeNpi+P//PwMSYAPiHCBmRBMHAV4gLgNiOSBmhouiKeQH4uNAzIEmLg7E54D4JxBfAmJpmF4WNFtAuj6h2MDAIAvEW4B4FhAbAfEZIN4BxC5A/BLdBXxAvBOIuaHi7EC8F4jjoPI7oXQYEB8CqyFgADPUBSDABbWZD8lbPOheQAd/gfgxDrmXIIIJh+R/BiIBNgMYKTUABP5RagBFLgBpZiXVACWMgGAEBQU42TISY8ACIA6FpkKQhq9AHA0VZ8OlGTkpgzTvAWIhIH4KxBlAnA3EPtD0jxsgpURpaEb5AcQXgVgSTSk3EB+FZjiEXrSkDHJBBxALYsnOLFBXsSEbABBgABjqVXD9u4DpAAAAAElFTkSuQmCC), auto !important; }
  .tcell-sortable sup {
    margin-left: -3px; }
  .tcell-sortable:hover {
    color: #76bc58; }
  .tcell-sortable[class*="ASC"]:before {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  .tcell-sortable[class*="ASC"]:before, .tcell-sortable[class*="DESC"]:before {
    content: '\2193';
    margin-right: 5px;
    display: inline-block; }

.documents-sharing__table {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
  box-sizing: border-box; }
  .documents-sharing__table .documents-sharing__thead {
    height: 56px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    display: block;
    border-bottom: 1px solid #bababa;
    margin-left: 280px;
    padding-right: 15px; }
    .documents-sharing__table .documents-sharing__thead .documents-sharing__tcell {
      font-size: 12px;
      font-size: 0.75rem;
      font-family: 'Lato', helvetica, arial, sans-serif;
      height: 56px;
      border-bottom: 1px solid #bababa; }
    .documents-sharing__table .documents-sharing__thead .documents-sharing__trow {
      border-bottom: 0; }
      .documents-sharing__table .documents-sharing__thead .documents-sharing__trow:hover .documents-sharing__tcell {
        background-color: #f9f9f9; }
    .documents-sharing__table .documents-sharing__thead .documents-sharing__tcell {
      padding: 20px;
      line-height: 16px !important; }
  .documents-sharing__table .documents-sharing__tbody {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 280px;
    padding-bottom: 121px; }
    .documents-sharing__table .documents-sharing__tbody .documents-sharing__tbody__inner {
      height: 100%;
      overflow-y: scroll; }
    .documents-sharing__table .documents-sharing__tbody .document-file-name:hover .cell-content {
      cursor: pointer;
      color: #76bc58;
      text-decoration: underline; }
  .documents-sharing__table .documents-sharing__trow {
    width: 100%;
    display: block;
    border-bottom: 1px solid #bababa; }
    .documents-sharing__table .documents-sharing__trow:hover {
      background: #EBF5E6; }
  .documents-sharing__table .documents-sharing__tcell {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
    padding: 14px 20px;
    height: 96px; }
    .documents-sharing__table .documents-sharing__tcell.document-file-name {
      width: 40%; }
      .documents-sharing__table .documents-sharing__tcell.document-file-name .document-status-info--green {
        margin-left: 2px;
        vertical-align: middle; }
    .documents-sharing__table .documents-sharing__tcell.document-date {
      width: 15%;
      line-height: 72px; }
    .documents-sharing__table .documents-sharing__tcell.document-status {
      line-height: 72px;
      text-align: center;
      width: 15%; }
    .documents-sharing__table .documents-sharing__tcell.documents-sharing__table__submitted {
      width: 15%;
      text-align: right; }
    .documents-sharing__table .documents-sharing__tcell .document-file-name__first-row,
    .documents-sharing__table .documents-sharing__tcell .document-file-name__second-row {
      padding-bottom: 5px; }
  .documents-sharing__table .document-file-name__first-row,
  .documents-sharing__table .document-file-name__second-row,
  .documents-sharing__table .document-file-name__third-row {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    font-size: 15px;
    font-size: 0.9375rem; }
  .documents-sharing__table .document-file-name__second-row {
    font-size: 13px;
    font-size: 0.8125rem; }
    .documents-sharing__table .document-file-name__second-row span {
      vertical-align: middle;
      color: #6c6c6c; }
      .documents-sharing__table .document-file-name__second-row span.document-status-info--green {
        color: #76bc58; }
  .documents-sharing__table .document-file-name__third-row {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #6c6c6c; }

.documents-sharing__table .documents-sharing__tcell .document-file-name__first-row {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  padding-bottom: 10px; }

div.documents-sharing__table--body {
  width: 100%;
  height: 100%;
  top: 57px; }

.document-status-read-icon {
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: center;
  color: #979797; }
  .document-status-read-icon span {
    color: #76bc58; }

.document-status-info {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #979797;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #E8E8E8;
  padding: 3px 5px;
  background: #E8E8E8; }

.document-status-info--green {
  color: #76bc58;
  border: 1px solid #EBF5E6;
  background: #EBF5E6; }

.documents-sharing__trow {
  position: relative; }
  .documents-sharing__trow .documents-sharing__vertical-line {
    height: 80px;
    width: 3px;
    position: absolute;
    top: 7.5px;
    left: 0;
    background-color: #333; }
  .documents-sharing__trow.document-type-docx .documents-sharing__vertical-line, .documents-sharing__trow.document-type-xls .documents-sharing__vertical-line, .documents-sharing__trow.document-type-xlsx .documents-sharing__vertical-line, .documents-sharing__trow.document-type-txt .documents-sharing__vertical-line, .documents-sharing__trow.document-type-doc .documents-sharing__vertical-line, .documents-sharing__trow.document-type-xml .documents-sharing__vertical-line {
    background-color: #52b3d9; }
  .documents-sharing__trow.document-type-ppt .documents-sharing__vertical-line, .documents-sharing__trow.document-type-pps .documents-sharing__vertical-line, .documents-sharing__trow.document-type-pptx .documents-sharing__vertical-line, .documents-sharing__trow.document-type-ppsx .documents-sharing__vertical-line, .documents-sharing__trow.document-type-pdf .documents-sharing__vertical-line {
    background-color: #e74c3c; }
  .documents-sharing__trow.document-type-jpg .documents-sharing__vertical-line, .documents-sharing__trow.document-type-jpeg .documents-sharing__vertical-line, .documents-sharing__trow.document-type-png .documents-sharing__vertical-line {
    background-color: #76bc58; }
  .documents-sharing__trow.document-type-avi .documents-sharing__vertical-line, .documents-sharing__trow.document-type-mp4 .documents-sharing__vertical-line, .documents-sharing__trow.document-type-ogg .documents-sharing__vertical-line, .documents-sharing__trow.document-type-webm .documents-sharing__vertical-line {
    background-color: #BE8A77; }

.documents-sharing__table__submitted a.documents-sharing__document-download {
  font-size: 14px;
  font-size: 0.875rem;
  background: inherit !important;
  border: 0; }
  .documents-sharing__table__submitted a.documents-sharing__document-download:hover {
    background: inherit !important;
    border: 0; }
  .documents-sharing__table__submitted a.documents-sharing__document-download:before {
    margin-right: 0; }

.documents-sharing__table .documents-sharing__tbody.documents-sharing__tbody--nothing-selected {
  background-color: #f9f9f9;
  text-align: center;
  height: 100%;
  padding-bottom: 0; }
  .documents-sharing__table .documents-sharing__tbody.documents-sharing__tbody--nothing-selected .nothing-selected__headline {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 30px; }
  .documents-sharing__table .documents-sharing__tbody.documents-sharing__tbody--nothing-selected .nothing-selected__subheading {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    width: 260px;
    margin: auto; }
  .documents-sharing__table .documents-sharing__tbody.documents-sharing__tbody--nothing-selected .documents-sharing__tbody {
    padding-bottom: 64px; }
  .documents-sharing__table .documents-sharing__tbody.documents-sharing__tbody--nothing-selected .documents-sharing__tbody__inner {
    overflow: hidden; }

/* Language selector Investigator */
.ngdialog.ngdialog-theme-default.ngdialog-language-modal .ngdialog-content {
  width: 680px;
  font-family: 'Lato', helvetica, arial, sans-serif; }

.ngdialog.ngdialog-theme-default.ngdialog-language-modal {
  padding-bottom: 50px;
  padding-top: 50px; }

.ngdialog-language-modal .section-title {
  color: #333;
  margin: 0 0 40px;
  padding: 0 44px;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal; }
  .ngdialog-language-modal .section-title .section-title-country {
    font-size: 22px; }

.ngdialog-language-modal .section-subtitle {
  margin: 80px 0 10px;
  padding: 0 45px;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: #6c6c6c;
  text-transform: uppercase; }

.ngdialog-language-modal .language-list {
  font-size: 16px;
  font-size: 1rem;
  padding-right: 40px;
  padding-bottom: 40px; }
  .ngdialog-language-modal .language-list .continent-name {
    text-transform: uppercase;
    margin-top: 0; }
  .ngdialog-language-modal .language-list ul {
    width: auto;
    box-sizing: border-box;
    float: none;
    margin: 0;
    padding-left: 40px; }
    .ngdialog-language-modal .language-list ul:first-of-type {
      margin-top: 0; }
  .ngdialog-language-modal .language-list li {
    list-style: none;
    text-align: left;
    line-height: 30px;
    width: 185px;
    display: inline-block; }
    .ngdialog-language-modal .language-list li a {
      color: #333;
      font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }
    .ngdialog-language-modal .language-list li:hover {
      text-decoration: none; }
      .ngdialog-language-modal .language-list li:hover .country-name {
        text-decoration: underline;
        color: #76bc58; }

.ngdialog-language-modal .language-list-continent {
  padding: 20px;
  padding-top: 0; }
  .ngdialog-language-modal .language-list-continent div {
    text-align: center;
    display: inline-block;
    width: 200px;
    color: #bababa;
    margin-bottom: 80px; }
    .ngdialog-language-modal .language-list-continent div:hover {
      cursor: pointer; }
    .ngdialog-language-modal .language-list-continent div h3 {
      position: absolute;
      width: inherit;
      font-size: 19px;
      font-size: 1.1875rem;
      margin: 15px 0;
      font-weight: normal; }
  .ngdialog-language-modal .language-list-continent .language-active,
  .ngdialog-language-modal .language-list-continent .continent-active {
    color: #76bc58; }
    .ngdialog-language-modal .language-list-continent .language-active svg,
    .ngdialog-language-modal .language-list-continent .continent-active svg {
      fill: #76bc58; }
  .ngdialog-language-modal .language-list-continent .europe {
    position: relative;
    right: 7px; }
  .ngdialog-language-modal .language-list-continent .other {
    position: relative;
    left: 7px; }

.ngdialog-language-modal .language-list li.language-selected a {
  color: #76bc58; }

.ngdialog-language-modal .flag-box {
  display: inline-block; }

.ngdialog-language-modal .country-name {
  margin-left: 6px; }

/* Play pages lp */
.language-modal-ip .language-list li.language-selected a {
  color: #76bc58; }

/* End language selector */
.hide-categories-before-init {
  opacity: 0; }

.documents-number {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  background-color: #bababa;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #bababa;
  padding: 3px 5px;
  overflow: hidden;
  margin-left: 2px;
  vertical-align: middle; }

.documents-category-link {
  vertical-align: middle; }
  .documents-category-link span {
    vertical-align: middle; }
  .documents-category-link span:first-child {
    padding: 4px 0; }

.category-group a:hover .documents-number, .category-group .active .documents-number {
  background-color: #76bc58;
  border: 1px solid #76bc58; }

.documents-sharing__sidebar {
  font-size: 15px;
  font-size: 0.9375rem;
  width: 280px;
  background-color: #f9f9f9;
  border-right: 1px solid #bababa;
  position: absolute;
  z-index: 10;
  height: 100%;
  padding-bottom: 64px; }
  .documents-sharing__sidebar .documents-sharing__sidebar__inner {
    height: 100%;
    padding: 12px 0;
    overflow-y: auto; }

.documents-sharing__sidebar__categories-section li.category-group {
  padding: 6px 18px 12px 33px;
  line-height: 20px; }
  .documents-sharing__sidebar__categories-section li.category-group.open {
    padding: 20px 18px 6px 33px; }
    .documents-sharing__sidebar__categories-section li.category-group.open:nth-child(2) {
      padding-top: 6px; }
  .documents-sharing__sidebar__categories-section li.category-group:first-child {
    padding: 6px 18px 20px 18px; }

.documents-sharing__sidebar .icon-sidebar-sub-arrow {
  float: right; }

.documents-category-headline {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase; }

.documents-sharing__sidebar__categories-section li {
  padding: 8px 0; }
  .documents-sharing__sidebar__categories-section li a {
    color: #333;
    display: block; }
    .documents-sharing__sidebar__categories-section li a:hover {
      color: #76bc58 !important; }
  .documents-sharing__sidebar__categories-section li .documents-category-link {
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  .documents-sharing__sidebar__categories-section li .documents-category-link.active,
  .documents-sharing__sidebar__categories-section li .documents-category-link.active + .icon-angle-down,
  .documents-sharing__sidebar__categories-section li .documents-category-link-long {
    max-width: 80%;
    max-width: calc(100% - 35px); }
  .documents-sharing__sidebar__categories-section li .grandson-active,
  .documents-sharing__sidebar__categories-section li .active {
    color: #76bc58 !important; }
  .documents-sharing__sidebar__categories-section li.subcategory-accordion-item {
    padding: 16px 0; }

.nav-collapsed-min .documents-sharing__sidebar .icon-angle-down,
.nav-collapsed-min .documents-sharing__sidebar .icon-sidebar-sub-arrow {
  display: inline-block; }

.category-accordion-item {
  margin-left: 15px;
  line-height: 12px; }
  .category-accordion-item span {
    cursor: pointer; }
    .category-accordion-item span:hover {
      color: #76bc58 !important; }

.category-accordion-item-name {
  display: block; }
  .category-accordion-item-name span {
    display: inline-block;
    max-width: 83%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow-y: auto;
    line-height: 20px; }

.categories-content {
  margin-left: 15px; }
  .categories-content span {
    cursor: pointer; }
  .categories-content a:hover {
    color: #76bc58 !important; }

.grandson-categories-content {
  margin-left: 15px;
  display: inline-block; }
  .grandson-categories-content span {
    cursor: pointer; }
  .grandson-categories-content a:hover {
    color: #76bc58 !important; }

.documents-sharing__table__submitted .submitted-wrapper,
.document-preview-modal .submitted-wrapper {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #fff;
  border-radius: 5px 15px 15px 5px;
  border: 1px solid #76bc58;
  padding: 4px 5px 3px 5px;
  background: #76bc58;
  vertical-align: middle;
  text-transform: uppercase; }
  .documents-sharing__table__submitted .submitted-wrapper span,
  .document-preview-modal .submitted-wrapper span {
    font-size: 7px;
    font-size: 0.4375rem;
    color: #76bc58;
    border-radius: 100px;
    border: 1px solid #EBF5E6;
    padding: 2px 2px 1px 2px;
    background: #EBF5E6;
    margin: 0px -3px 0px 5px;
    vertical-align: middle; }

.documents-sharing__table__submitted a.documents-sharing__document-download,
.document-preview-modal a.documents-sharing__document-download {
  font-size: 12px;
  font-size: 0.75rem;
  color: #76bc58;
  background: #fff;
  border: 1px solid #76bc58;
  display: inline-block;
  text-align: center;
  padding: 6px 12px;
  border-radius: 5px;
  margin: 21px 18px;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase; }
  .documents-sharing__table__submitted a.documents-sharing__document-download:hover,
  .document-preview-modal a.documents-sharing__document-download:hover {
    color: #91c979;
    border: 1px solid #91c979; }
  .documents-sharing__table__submitted a.documents-sharing__document-download:before,
  .document-preview-modal a.documents-sharing__document-download:before {
    margin-right: 2px; }

.documents-sharing__table__submitted video,
.document-preview-modal video {
  width: 550px;
  min-height: 321px;
  text-align: center; }

.documents-sharing__table__submitted .document-preview-modal__video,
.document-preview-modal .document-preview-modal__video {
  text-align: left;
  position: relative;
  width: 550px;
  margin: auto; }
  .documents-sharing__table__submitted .document-preview-modal__video .video-overlay-content,
  .documents-sharing__table__submitted .document-preview-modal__video .video-fallback-content,
  .document-preview-modal .document-preview-modal__video .video-overlay-content,
  .document-preview-modal .document-preview-modal__video .video-fallback-content {
    width: 85px;
    background-color: inherit; }
  .documents-sharing__table__submitted .document-preview-modal__video .modal-play,
  .document-preview-modal .document-preview-modal__video .modal-play {
    border-radius: 100%;
    padding: 25px 21px 25px 29px;
    opacity: .9; }
    .documents-sharing__table__submitted .document-preview-modal__video .modal-play:hover,
    .document-preview-modal .document-preview-modal__video .modal-play:hover {
      opacity: 1; }
  .documents-sharing__table__submitted .document-preview-modal__video .video-overlay,
  .document-preview-modal .document-preview-modal__video .video-overlay {
    background-color: rgba(65, 81, 97, 0.7); }

.ngdialog.ngdialog-theme-default.ngdialog-document-preview .ngdialog-content {
  width: 940px; }

.ngdialog.ngdialog-theme-default.ngdialog-document-preview {
  padding-bottom: 100px;
  padding-top: 100px; }

.document-preview-control {
  position: absolute;
  font-size: 24px;
  top: 50%;
  top: calc(50% - 10px);
  cursor: pointer;
  border-radius: 100%;
  color: #bababa;
  border: 1px solid #bababa;
  background-color: white; }
  .document-preview-control:hover {
    color: #91c979;
    border: 1px solid #91c979; }
  .document-preview-control.prev {
    left: 20px;
    padding: 17px 20px 15px 16px; }
  .document-preview-control.next {
    right: 20px;
    padding: 17px 16px 15px 20px; }

.document-preview-modal__content-wrapper {
  max-width: 550px;
  margin: 20px auto;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }
  .document-preview-modal__content-wrapper img {
    max-width: 550px;
    border: 1px solid #bababa; }
    .document-preview-modal__content-wrapper img.document-preview-modal__image--loading {
      border: 0;
      width: 30px; }

.document-preview-modal {
  font-family: 'Lato', helvetica, arial, sans-serif;
  text-align: center; }
  .document-preview-modal .modal__content {
    display: table;
    width: 100%;
    min-height: 520px;
    padding: 40px 25px;
    background-color: #f9f9f9; }
  .document-preview-modal .modal__header {
    border-bottom: 1px solid #bababa;
    height: 47px;
    text-align: right;
    padding: 0 58px 0 0; }
  .document-preview-modal .modal__header-file-info {
    float: left;
    padding: 10px 20px; }
    .document-preview-modal .modal__header-file-info span.modal__header-file-info__name {
      font-size: 18px;
      font-size: 1.125rem;
      display: inline-block;
      max-width: 400px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
      vertical-align: middle; }
    .document-preview-modal .modal__header-file-info span.modal__header-file-info__date-size {
      font-size: 15px;
      font-size: 0.9375rem;
      vertical-align: middle; }
  .document-preview-modal .submitted-wrapper {
    margin-right: 6px;
    vertical-align: middle; }
  .document-preview-modal a {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 2px 16px;
    border-radius: 5px;
    border: 1px solid #000;
    color: #fff;
    margin: 7px 6px 9px 6px;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase; }
    .document-preview-modal a.modal__header__button--download {
      background: #76bc58;
      border: 1px solid #76bc58; }
      .document-preview-modal a.modal__header__button--download:hover {
        background: #91c979; }
    .document-preview-modal a.modal__header__button--print {
      background: #3498DB;
      border: 1px solid #3498DB; }
      .document-preview-modal a.modal__header__button--print:hover {
        background: #52b3d9; }
    .document-preview-modal a.modal__header__button--reading-status {
      background: #fff;
      border: 1px solid #76bc58;
      color: #76bc58; }
      .document-preview-modal a.modal__header__button--reading-status:hover {
        color: #91c979;
        border: 1px solid #91c979; }

.document-preview-modal__content-unsupported-type {
  padding: 40px 0; }
  .document-preview-modal__content-unsupported-type h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif;
    margin: 15px 0 0 0; }
  .document-preview-modal__content-unsupported-type img {
    border: 0; }
  .document-preview-modal__content-unsupported-type p {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 10px 0; }
  .document-preview-modal__content-unsupported-type .document-preview-modal__document-download {
    padding: 2px 16px;
    background: #76bc58;
    border: 1px solid #76bc58;
    border-radius: 5px;
    color: #fff;
    margin: 7px 6px 9px 6px;
    vertical-align: middle;
    display: inline-block; }
    .document-preview-modal__content-unsupported-type .document-preview-modal__document-download:hover {
      background: #91c979; }
  .document-preview-modal__content-unsupported-type a {
    cursor: pointer; }

/* Right to left languages, like Hebrew and Arabic */
[class^="lang-he"] .opt-in-message,
[class^="lang-ar"] .opt-in-message {
  text-align: right; }

@-webkit-keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Styles for old versions of IE */
.btn-spinner {
  font-family: sans-serif;
  font-weight: 100; }

.btn-spinner-wrapper:not(:required) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #94cb7c; }

/* :not(:required) hides this rule from IE9 and below */
.btn-spinner:not(:required) {
  -webkit-animation: three-quarters 1250ms infinite linear;
  -moz-animation: three-quarters 1250ms infinite linear;
  -ms-animation: three-quarters 1250ms infinite linear;
  -o-animation: three-quarters 1250ms infinite linear;
  animation: three-quarters 1250ms infinite linear;
  border: 3px solid #fff;
  border-right-color: transparent;
  border-radius: 100%;
  box-sizing: border-box;
  display: block;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px; }

div, img, a, span, p {
  box-sizing: border-box; }

/* Native Scrollbar Start */
/* This styles should be integrated to other classes instead of making these new ones.  */
/* They were made because of a quick fix, when we switched from slim scroll to normal scrollbars */
.feasibility-document-scrollbar-fix,
.employees-list-scrollbar-fix,
.sharepoint-scrollbar-fix {
  padding-bottom: 51px; }

.study-history-scrollbar-fix,
.feasibility-patient-scrollbar-fix {
  padding-bottom: 111px; }

.sharepoint-list-scrollbar-fix {
  padding-bottom: 175px; }

.left-column__items-wrapper__search-results .employees-list-scrollbar-fix {
  padding-bottom: 20px; }

.left-column__items-wrapper__search-results .study-history-scrollbar-fix {
  padding-bottom: 79px; }

.left-column__items-wrapper__search-results .sharepoint-list-scrollbar-fix {
  padding-bottom: 142px; }

/* Native Scrollbar End */
/* helpers import: leave it at the end */
.clearfix:after, .clearfix-before:before {
  clear: both;
  content: " ";
  font-size: 0;
  display: block;
  height: 0;
  visibility: hidden; }

.height-37 {
  height: 37px; }

.bold {
  font-family: 'Lato-bold','Lato', helvetica, arial, sans-serif; }

.no-border-bottom {
  border-bottom: none; }

.no-border-top {
  border-top: none !important; }

.cl-input-inactive {
  color: #bababa !important; }
  .cl-input-inactive * {
    opacity: 0.7 !important; }

.no-margin {
  margin: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-top-bottom {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.no-padding {
  padding: 0 !important; }

.padding-bottom-1 {
  padding-bottom: 1px; }

.pb-10 {
  padding-bottom: 10px; }

.pt-20 {
  padding-top: 20px; }

.pt-40 {
  padding-top: 40px; }

.pt-24 {
  padding-top: 24px !important; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-space {
  padding: 0 20px; }

.padding-20 {
  padding: 20px; }

.padding-vertical-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.pr-16 {
  padding-right: 16px; }

.border-bottom-light-green {
  border-bottom: 1px solid white; }

.no-margin-top {
  margin-top: 0 !important; }

.margin-10 {
  margin: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-8 {
  margin-bottom: 8px; }

.margin-bottom-16 {
  margin-bottom: 16px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-left-5 {
  margin-left: 5px; }

.margin-top-bottom-20 {
  margin: 20px 0; }

.margin-left-right-10 {
  margin: 0 10px; }

.no-scroll {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%; }

.full-height {
  height: 100%; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.overflow-auto {
  overflow: auto; }

.capitalize {
  text-transform: capitalize; }

.italic {
  font-style: italic; }

.relative {
  position: relative; }

.right {
  float: right; }

.left {
  float: left; }

.right-0 {
  right: 0; }

.align-center {
  text-align: center !important; }

.align-left {
  text-align: left !important; }

.align-right {
  text-align: right; }

.align-justify {
  text-align: justify; }

.cl-green {
  color: #76bc58; }

.cl-white {
  color: #fff; }

.cl-orange {
  color: #f39c12; }

.cl-red {
  color: #e74c3c; }

.cl-blue {
  color: #3498DB; }

.cl-gray {
  color: #C7C7C7; }

.cl-gray-lite {
  color: #6c6c6c; }

.cl-font-color {
  color: #333; }

.cl-green-bg {
  background-color: #76bc58; }

.border-bottom {
  border-bottom: 1px solid #e0e0e0; }

.border-top {
  border-top: 1px solid #e0e0e0; }

.border-top-gray {
  border-top: 1px solid #bababa; }

.button {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  border: none;
  outline: 0;
  cursor: pointer;
  display: inline-block;
  font-family: "Lato-bold", helvetica, arial, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #76bc58;
  padding: 10px 20px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase; }
  .button:hover {
    transition: 0.15s background-color ease-in-out;
    background-color: #5da140; }

.button-large {
  padding: 20px 40px; }

.button--transparent {
  color: #76bc58;
  background-color: transparent; }
  .button--transparent:hover {
    background-color: transparent;
    color: #5da140; }

.white-space-normal {
  white-space: normal; }

.button--gray {
  background-color: #f3f3f3;
  color: #6c6c6c; }
  .button--gray:hover {
    background-color: #dadada; }

.button--wide {
  padding: 20px 30px; }

.rotate-180 {
  transform: rotate(180deg); }

.separator {
  width: 100%;
  height: 1px;
  border: none;
  opacity: 0; }

.full-width {
  width: 100%;
  display: block; }

.half-width {
  width: 50%; }

.auto-width {
  width: auto; }

.max-width-400 {
  width: 400px;
  margin: 0 auto; }

.inline-block {
  display: inline-block; }

.v-top {
  vertical-align: top; }

.cl-grey-lite {
  color: #6c6c6c; }

.no-border {
  border: none; }

.ml-20 {
  margin-left: 20px; }

.mr-10 {
  margin-right: 10px; }

.mt-5 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mb-30 {
  margin-bottom: 30px; }

.font-bold {
  font-weight: 700; }

.font-regular {
  font-weight: 400; }

.font-small {
  font-size: 12px; }

.font-12 {
  font-size: 12px; }

.font-14 {
  font-size: 14px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.font-22 {
  font-size: 22px; }

.hidden {
  display: none; }

.block {
  display: block; }

.z-index-2 {
  z-index: 2; }

.flex-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: row; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-1-2 {
  flex: 1 0 50%; }
  .flex-1-2:last-of-type:not(:nth-of-type(2n+2)) {
    flex: 0 0 50%; }

.flex {
  display: flex; }

.flex-space-between {
  display: flex;
  justify-content: space-between; }

.flex-grow {
  flex-grow: 1; }

.flex-column {
  display: flex;
  flex-direction: column; }

.flex-align-self-end {
  align-self: flex-end; }

.flex-no-shrink {
  flex-shrink: 0; }

.opacity-1 {
  opacity: 1; }

.mobile {
  display: none; }

.pointer {
  cursor: pointer; }

.hide-overflow {
  overflow: hidden; }

.underline {
  text-decoration: underline; }

.no-underline {
  text-decoration: none; }
  .no-underline:hover, .no-underline:visited, .no-underline:active, .no-underline:focus {
    text-decoration: none; }

.line-height-22 {
  line-height: 22px !important; }

.disabled-link-button {
  pointer-events: none;
  background-color: #bababa; }

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

.obfuscated-email span, .obfuscated-email a span {
  display: none; }

.transition-none {
  transform: none !important; }

.disable-click {
  pointer-events: none; }


/*# sourceMappingURL=default.111c9fc6a555b8ebcca0.css.map*/