
@font-face {
  font-family: 'MavenPro';
  src: url(/build/assets/MavenPro-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'MavenPro';
  src: url(/build/assets/MavenPro-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'MavenPro';
  src: url(/build/assets/MavenPro-Bold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}


body rq-participant {
  background: #f5f5f5;
}

rq-participant-survey ,
rq-participant-survey h1,
rq-participant-survey h2,
rq-participant-survey h3,
rq-participant-survey h4,
rq-participant-survey h5,
rq-participant-survey h6,
rq-thankyou {
  font-family: "MavenPro", sans-serif;
}

body rq-formunit-viewer-default,
body rq-formunit-viewer,
body rq-participant-survey {
  background: #fff;
  color: #333;
}

body rq-survey-info {
  background: #fff;
  color: #de2a26;
}

rq-participant-survey .form-group:not(.form-group--invalid) .rqElement:not(.active):hover {
  background-color: rgba(222,42,38,0.04);
  border-left: 3px solid #ff524e;
}

rq-participant-survey .form-group:not(.form-group--invalid) .rqElement .rqElement:not(.active):hover {
  border-left: none;
}

body rq-participant-survey .inputunit {
  background-color: rgba(222,42,38,0.04);
}

rq-participant-survey .inputfile+label, rq-participant-survey a.table-link, rq-participant-survey button.form-button, rq-participant-survey button.table-button, rq-participant-survey input[type=date]:not(.ng-invalid), rq-participant-survey input[type=number]:not(.ng-invalid), rq-participant-survey input[type=password]:not(.ng-invalid), rq-participant-survey input[type=text]:not(.ng-invalid), rq-participant-survey input[type=time]:not(.ng-invalid), rq-participant-survey textarea:not(.ng-invalid) {
  border-bottom-color: #ff524e;
  color: #333;
}

rq-participant-survey .form-group:not(.form-group--invalid) .rqElement .rqElement:not(.active):hover {
  background-color: rgba(222,42,38,0.04);
}

rq-participant-survey .dropdown-menu::-webkit-scrollbar-thumb, rq-participant-survey textarea::-webkit-scrollbar-thumb {
  background-color: #de2a26;
}

rq-participant-survey .toggle__input:not(:disabled)~.toggle__label:after {
  background-color: #de2a26;
}

rq-participant-survey button.calendar-toggle.pe-7s-date, rq-participant-survey button.largest-icon.dropdown-toggle {
  background-color: #de2a26;
}

rq-participant-survey .data-protection-close-btn {
background-color: #de2a26;
}

rq-participant-survey .data-protection-close-btn:hover {
background-color: #ff524e;
}

rq-participant-survey a,
rq-thankyou a {
color: #de2a26;
}

rq-thankyou button {
background-color: #de2a26;
}

rq-thankyou button:hover {
background-color: #ff524e;
}

rq-participant-survey a:active, rq-participant-survey a:focus, rq-participant-survey a:hover {
color: #de2a26;
}

rq-participant-survey .data-protection-container h2 {
color: #de2a26;
}

rq-participant-survey .data-protection-container h3 {
color: #de2a26;
}

rq-participant-survey .toggle__label:before {
border: 2px solid #de2a26;
}

rq-participant-survey .inputfile+label:focus, rq-participant-survey .inputfile+label:hover, rq-participant-survey a.table-link:focus, rq-participant-survey a.table-link:hover, rq-participant-survey button.form-button:focus, rq-participant-survey button.form-button:hover, rq-participant-survey button.table-button:focus, rq-participant-survey button.table-button:hover, rq-participant-survey input[type=date]:focus, rq-participant-survey input[type=date]:hover, rq-participant-survey input[type=number]:focus, rq-participant-survey input[type=number]:hover, rq-participant-survey input[type=password]:focus, rq-participant-survey input[type=password]:hover, rq-participant-survey input[type=text]:focus, rq-participant-survey input[type=text]:hover, rq-participant-survey input[type=time]:focus, rq-participant-survey input[type=time]:hover, rq-participant-survey textarea:focus, rq-participant-survey textarea:hover {
color: #333;
border-bottom: 2px solid #de2a26;
}

rq-participant-survey .dropdown-menu.open {
border-bottom: 2px solid #de2a26;
}

rq-participant-survey button.submit {
  font-family: "MavenPro", sans-serif;
}

rq-participant-survey button.submit:not(.preview-submit-invalid) {
  background-color: #de2a26;
}

rq-participant-survey button.submit:not(.preview-submit-invalid):hover {
  background-color: #ff524e;
}

rq-participant-survey ngx-my-date-picker .ngxmdp .weekdaytitle {
  background-color: rgba(222,42,38,0.04);
}

.completion-message {
  color: #333;
  background-color: #fff;
}

body rq-participant-survey .data-protection-content {
  background-color: #f5f5f5;
}

body rq-participant-survey .data-protection-container {
  background-color: #fff;
}

body rq-participant-survey .info-text {
  color: #de2a26;
}

body rq-participant-survey .calendar-buttons-container {
  background: #fff;
}

body rq-participant-survey .calendar-buttons {
  background: rgba(222,42,38,0.04);
}

body rq-participant-survey .calendar-button {
  background: rgba(222,42,38,0.04);
}

body rq-participant-survey .calendar-button .period-selected {
  color: #de2a26;
}

body rq-participant-survey .calendar-button.view-switcher {
  background: rgba(222,42,38,0.04);
}

body rq-participant-survey .calendar-button.view-switcher i {
  color: #de2a26;
}

body rq-participant-survey .month-switch-pointer {
  color: #de2a26;
  background: rgba(222,42,38,0.04);
}

body rq-participant-survey .calendar-selection {
  border-bottom: 2px solid rgba(222,42,38,0.04);
  border-top: 2px solid rgba(222,42,38,0.04);
}

body rq-participant-survey .calendar-selected {
  color: #de2a26;
}

body rq-participant-survey .calendar-button.calendar-button-timezone {
  background-color: rgba(222,42,38,0.04);
}

body rq-participant-survey .calendar-button.calendar-button-timezone i {
  color: #de2a26;
}

body rq-participant-survey .calendar-button .timezone-desc span:last-child {
  color: #de2a26;
}

body rq-participant-survey mwl-calendar-week-view .cal-week-view .cal-day-headers .cal-header span {
  color: #de2a26;
}

body rq-participant-survey rq-calendar mwl-calendar-week-view .cal-week-view .cal-day-headers .cal-header.cal-today {
  border-bottom: 2px solid #de2a26;
}

body rq-participant-survey .period-switcher[data-balloon][data-balloon-pos=left]:after,
body rq-participant-survey .period-switcher[data-balloon][data-balloon-pos=right]:after,
body rq-participant-survey .period-switcher[data-balloon][data-balloon-pos=up]:after {
  background-color: #de2a26;
  color: #fff !important;
}

body rq-participant-survey .period-switcher[data-balloon][data-balloon-pos=up]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(222,42,38,1)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
}

body rq-participant-survey rq-calendar .cal-event {
  background-color: #ff6c68 !important;
  border-color: #ff6c68 !important;
  color: #fff !important;
}

body rq-participant-survey rq-calendar .iHaveTimeIfNecessary .cal-event {
  background-color: #de2a26 !important;
  border-color: #de2a26 !important;
}

body rq-participant-survey rq-calendar .iHaveTimeIfNecessary.cal-event {
  background-color: #de2a26 !important;
  border-color: #de2a26 !important;
}

body rq-participant-survey rq-calendar .iHaveTimeIfNecessary .cal-event:after {
  background-color: #de2a26 !important;
  color: #fff !important;
}

body rq-participant-survey rq-calendar .iHaveTime .cal-event {
  background-color: #de2a26 !important;
  border-color: #de2a26 !important;
}

body rq-participant-survey rq-calendar .iHaveTime.cal-event {
  background-color: #de2a26 !important;
  border-color: #de2a26 !important;
}

body rq-participant-survey rq-calendar .iHaveTime .cal-event:after {
  background-color: #de2a26 !important;
  color: #fff !important;
}

body rq-participant-survey .cal-month-view .cal-cell-row {
  background-color: transparent !important;
}

body rq-participant-survey .cal-month-view mwl-calendar-month-cell:hover {
  background-color: rgba(222,42,38,0.16) !important;
}

body rq-participant-survey .cal-month-view mwl-calendar-month-cell.cal-today {
  background: rgba(222,42,38,0.04) !important;
  color: #de2a26;
}

body rq-participant-survey .cal-month-view mwl-calendar-month-cell.cal-today:hover {
  background-color: rgba(222,42,38,0.16) !important;
}

body rq-participant-survey .cal-month-view mwl-calendar-month-cell.cal-cell.cal-day-cell.cal-today .cal-day-number {
  border-bottom: 2px solid #de2a26;
}

body rq-appointment-timezone,
body rq-appointment-interaction {
  background-color: rgba(245,245,245,0.9);
}

body rq-appointment-timezone .modal,
body rq-appointment-interaction .modal {
  background-color: #fff;
}

body rq-appointment-timezone .modal-header,
body rq-appointment-interaction .modal-header {
  color: #de2a26;
}

body rq-appointment-timezone .top,
body rq-appointment-interaction .top {
  color: #de2a26;
}

body rq-appointment-timezone .label {
  color: #de2a26;
}

body rq-appointment-timezone label {
  color: #de2a26;
}

body rq-appointment-timezone #timezone-search {
  color: #de2a26;
  border-bottom: 2px solid #ff524e;
}

body rq-appointment-timezone .timezone-table thead td {
  color: #de2a26;
  background-color: #fff;
}

body rq-appointment-timezone .timezone-table .tz-indicator {
  color: #de2a26;
}

body rq-appointment-timezone .button-container button,
body rq-appointment-interaction .button-container button {
  background-color: #de2a26;
  color: #fff;
}

body rq-appointment-interaction .button-container {
  background-color: #fff;
}

body rq-appointment-interaction .appointment-i {
  color: #de2a26;
}

body rq-appointment-interaction .timeline-connect {
  background-color: #f5f5f5;
}

body rq-appointment-interaction .appointment-info .timeline-connect .duration-info {
  border: 3px solid #f5f5f5;
  background-color: #fff;
  color: #ff524e;
}

body rq-appointment-interaction .appointment-info .timeline-connect.start-to-end .duration-info {
  background-color: #e98f8d;
  color: #fff;
}

body rq-appointment-interaction .timeline-event.appointment.start {
  background-color: #de2a26;
}

body rq-appointment-interaction .timeline-event.appointment.end {
  background-color: #e98f8d;
}

body rq-appointment-interaction .timeline-event.appointment.start .timeline-event-inner,
body rq-appointment-interaction .timeline-event.appointment.end .timeline-event-inner {
  background-color: #fff;
}

body rq-appointment-interaction .timeline-event.appointment.start[data-balloon][data-balloon-pos=up]:after {
  background-color: #de2a26;
  color: #fff;
}

body rq-appointment-interaction .timeline-event.appointment.end[data-balloon][data-balloon-pos=up]:after {
  background-color: #e98f8d;
  color: #fff;
}

body rq-appointment-interaction .timeline-event.appointment.start[data-balloon][data-balloon-pos=up]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(222,42,38,1)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
top: -12px;
}

body rq-appointment-interaction .timeline-event.appointment.end[data-balloon][data-balloon-pos=up]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(233,143,141,1)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
top: -12px;
}

body rq-appointment-interaction .appointment-info .timeline-connect.start-to-end {
  background-image: linear-gradient(90deg,#de2a26,#e98f8d);
}


