@font-face {
    font-family: "SimplonNorm";
    src: url("../fonts/SimplonNorm-Regular.otf");
}

body, .ng-scope :not(.fa):not(.fas):not(.far) {
    font-family: 'SimplonNorm', Arial, sans-serif;
}

body,
div.card > div.card-title-forms,
div.pathway-content-title {
    font-size: 18px;
}

body.layout-landscape div.home-curvy div.home-menu-buttons {
    font-size: 18px!important;
}

div#menu > div.card> div.items-container > div > div:not(.as-icon),
div.th-form-nav > div.form-nav-btn > button,
div.card > div.card-title-treatment button,
div.treatment-list-new button,
div.treatment-drug-detail button.clickable {
    font-size: 16px;
}

body.layout-landscape div.home-curvy div.slide div.headline-button > div.truncate {
    font-size: 16px!important;
}

md-menu-content.md-menu-bar-menu.md-dense,
div.pathway-content-subtitle, div.pathway-content-action {
    font-size: 14px;
}

.bg-specific-primary, .bg-specific-secondary {
    color: white;
}

.bg-specific-tertiary {
    color: black;
}

/* PRIMARY COLOR FOR BG & TEXT */
.border-specific-primary {
    border-color: #5BC2E7; /* @primary */
}

.bg-specific-primary,
div.card-title-img,
div.popup-button,
img.card-title-img,
div.button-enable-practitioners > ul li button:not(.empty-practitioners):not(.delete-practitioners):not(.disabled-practitioners),
md-dialog-actions.modal-button-administrative-consent .button-consent-sign,
.administrative-button,
md-dialog-actions.modal-button-administrative-practitioners > ul li button:not(.empty-practitioners),
span.appointment-time,
#appointments-create div.card-appointment-button,
div.section-text:after,
div.section-text:before,
div.documents-multipage-nav .btn-prev,
div.documents-multipage-nav .btn-next,
div.card-education-score-detail div.education-actions > .btn,
div.faq-title-container,
div.th-form-nav .btn-prev,
div.th-form-nav .btn-next,
div.th-control-2-choices > div.control-choice-container > div.control-choice,
div.th-control-true-false > div.choices-group > div.control-choice-container > div.control-choice.selected,
div.th-control-slider > div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider .rz-pointer,
div.th-control-slider > div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider .rz-selection,
div.th-respi-control .respirelax-timer,
md-menu-item.item-viewmode-switch button.seleted-item-invoices.md-button:not([disabled]).md-focused,
button.seleted-item-invoices,
#login-page div.login-image-separator > div.login-image,
div.card-measures-detail div.measures-actions > .btn,
div.card-measures-input div.measure-actions > .btn,
.measures-button,
.measure-shift-button,
md-menu-item.item-viewmode-switch button.seleted-item-reports.md-button:not([disabled]).md-focused,
button.seleted-item-reports,
div.treatment-item div.treatment-hours.treatment-planned > div.treatment-administration-dosage,
div.home-curvy div.slide div.headline-button,
div.home-print-background,
.message-local-user-origin, .right-bubble-design, .message-send-btn, .message-send-btn-off,
#label-for-patientImport, .joinTeleconsultation a,
.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised,
div.card-content-administrative button.button-administrative.clickable,
div.card-content-administrative button.button-administrative,
div.card-content-administrative button.button-administrative-new-practitioner,
div.button-enable-practitioners > ul li button:not(.empty-practitioners):not(.delete-practitioners):not(.disabled-practitioners),
.modal-button-administrative > button, md-dialog-actions > div button,
div.treatment-drug-detail button.clickable,
#about-page button.about-main-action,
#login-page.new-account .login-main-action:not(:disabled),
#login-page.new-account .login-main-action-mobile:not(:disabled),
div.careteam-wrapper,
div.form-timeframe.active-timeframe,
div.home-curvy div.home-image-separator div.home-image-wrapper > div,
div.invoices-origin.active-origin,
#login-page button.login-main-action,
a.login-main-action,
.lds-heart div,
.lds-heart div:after,
.lds-heart div:before,
div.reports-origin.active-origin,
#secret-question-page div.secret-question-image-separator > img,
#secret-question-page #submitSecretQuestionAnswer,
div.treatment-timeframe.active-timeframe,
div#menu > div.card> div.items-container > div > div.as-icon > span.as-accueil,
div#menu > div.card> div.items-container > div > div.as-icon > span.as-quit,
div#menu > div.card> div.items-container > div > div.as-icon > div,
div.card > div.card-title-treatment button,
div.treatment-list-new button,
.new-id-generator,
.new-id-generator-retry {
    background-color: #5BC2E7; /* @primary */
}

rzslider .rz-bar.rz-selection,
div.th-control-slider > div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider .rz-pointer,
div.th-control-slider-and-input > div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider .rz-pointer {
    background-color: #5BC2E7 !important; /* @primary */
}

.text-specific-primary,
div.card > div.card-title,
div.card > div.card-title-map,
div#menu > div.card> div.items-container > div > div.as-icon > span.fa-stack,
div.main-spinner,
div#popup-title,
div.card-about div.version-number,
#about-page div.passwords-inputs,
div.administrative-form-label,
div.card > div.card-content-administrative i.fa-circle,
div.card-content-administrative.administrative-media .administrative-media-section,
div.card-content-administrative.administrative-media i.fa-upload,
div.card-content-administrative.administrative-identity i.fa-upload,
div.administrative-praticitoner-selected .administrative-praticitoner-identity,
div.administrative-praticitoner-selected ul.administrative-praticitoner-practice-list i.fa-li,
div.button-enable-practitioners > ul  li button.empty-practitioners,
div.card-content-administrative.administrative-consents p.important,
div#sign-modal-title,
md-toolbar.modal-title-administrative,
md-dialog-actions.modal-button-administrative-practitioners > ul  li button.empty-practitioners,
div.appointment-title,
div.appointment-location i.fa,
div.appointment-doctor i.fa,
div.appointment-org i.fa,
div.card.card-appointment > div.card-title-apptmap a,
div.appointment-callup i.fa,
div.appointment-callup span.appointment-callup-time,
.appointment-button-qrcode,
md-toolbar.modal-title-appointment-qrcode,
div.patient-teleconsultation-room .big-wait,
div#teleconsultation-modal-title,
md-toolbar.modal-title-rate-teleconsultation,
.appointment-rate-teleconsultation,
div.card-inside-careteam a,
div.card-inside-careteam a:visited,
div.careteam-text,
div.card-content-document strong,
div.card-content-document.document-pdf .pdf-controls button,
div.card-education-score-detail div.education-info-block span.info-title,
div.form-timeframe,
div.survey-confirm div.question-text,
div.th-control-measures span.th-number-unit,
div.th-number-control span.th-number-unit,
div.synthesis-link,
div.th-form-synthesis div.synthesis-title,
div.th-form-synthesis div.answer,
div.th-form-synthesis .synthesis-score,
div.synthesis-details-title,
div#form-modal-title,
div.th-control-slider-and-input > div.control-slider-number > span.th-number-display,
.date-description,
div.th-respi-control .play-icon,
div.home-curvy #home-top-dynamic div.title,
div.home-curvy #home-top-dynamic.loading,
div.home-curvy div.home-menu-buttons,
div.home-curvy div.slide-first-run,
div.gauge .gauge-inner,
div.headline-dots-container > i.current,
div.card-content-report strong,
div.card-content-report.report-pdf .pdf-controls button,
div.invoices-origin,
div.invoices-detail-cancelled-amount,
div.invoices-detail-paid-amount,
.th-page-iot .card-choose-manufacturer h3,
div#login-page,
#login-page .login-show-password-i,
#login-page div#pin-display span.fa-circle.masked,
#login-page table.pin,
#login-close,
div.card-invoices i.fa-upload,
#login-page div.cgu-text h2,
div.card-measures-detail div.measures-info-block span.info-title,
.measure-diet-value,
md-toolbar.modal-title-measures,
.measures-button-inverse,
.selected-md-list-value,
div.card-relatives i.fa-plus,
div.card-content-report strong,
div.card-content-report.report-pdf .pdf-controls button,
div.reports-origin,
div.card-reports i.fa-upload,
div#secret-question-page,
div.treatment-timeframe,
div.treatment-item div.treatment-hours.treatment-planned,
div.treatment-action-taken-other-dose,
div.treatment-drug-detail h3,
.message-btn-img-i, .message-btn-img-mobile-i,
div#menu > div.card> div.items-container > div,
.instructions-title-about,
.instructions-item-about {
    color: #5BC2E7; /* @primary */
}

div.practitioners-list-administrative i.fas{
    color: #5BC2E7 !important; /* @primary */
}

/* SECONDARY COLOR FOR BG & TEXT */
.bg-specific-secondary,
div.card.card-important > div.card-important-title,
div.appointment-container-waitlist span.appointment-time {
    background-color: #EF675C; /* @secondary */
}

.text-specific-secondary,
div.appointment-status-waitlist,
div.appointment-container-waitlist div.appointment-title,
div.appointment-container-waitlist div.appointment-location i.fa,
div.appointment-container-waitlist div.appointment-doctor i.fa,
div.appointment-containter-waitlist div.appointment-org i.fa {
    color: #EF675C; /* @secondary */
}

/* TERTIARY COLOR FOR BG & TEXT */
.bg-specific-tertiary,
span.appointment-bookings-time,
.card-diet md-progress-linear .md-bar,
div.documents-item div.important-indicator > .circle,
div.th-form-progress > div.th-progress > span,
div.th-quiz-score,
div.th-control-2-choices > div.control-choice-container > div.control-choice.choice-yes.active,
div.th-control-2-choices > div.control-choice-container > div.control-choice.choice-no.active,
div.home-curvy div.home-new-indicator > .circle,
div.invoices-item div.important-indicator > .circle
span.category-align-noread > span.circle,
div.circle-tab,
div.reports-item div.important-indicator > .circle,
span.category-align-noread > span.circle,
div.circle-tab {
    background-color: #FFE37C; /* @tertiary */
}

div.home-curvy div.home-new-indicator > .circle {
    background-color: #FFE37C; /* @tertiary */
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, #FFE37C 100%, yellow 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, red, #FFE37C);
	background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, #FFE37C 100%, yellow 95%);
}

div.helper-list-badge > .circle {
    background-color: #FFE37C; /* @tertiary */
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, #FFE37C 100%, yellow 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, red, #FFE37C);
	background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, #FFE37C 100%, yellow 95%);
}

.text-specific-tertiary,
div.card-content-administrative.administrative-relatives .administrative-relatives-section,
div.card-content-administrative.administrative-consents span.replacement,
div.appointment-status-created,
div.appointment-bookings-title,
div.appointment-bookings-status-created,
div.appointment-bookings-reason i.fas,
div.appointment-bookings-doctor i.fa,
div.th-quiz-score > div.score-container > div.score-figure,
div.th-choices-control >div.multi-choice-subtitle,
div.th-text-control .max-char-container,
.date-subtitle {
    color: #FFE37C; /* @tertiary */
}

.card-diet .progress-circle md-progress-circular path {
    stroke: #FFE37C; /* @tertiary */
}

/* BORDERS */
#login-page img#login-logo,
div.card > div.card-title,
div.card > div.card-title-error,
div.card > div.card-title-map,
div.about-item,
div.administrative-item,
#appointments-detail-reports-fromPatient .reportContainer,
#appointments-detail-reports-fromPatient .reports_fromPatient .reportContainer:first-child,
div.documents-item,
div.measures-item,
div.faq-item,
div.faq-title-container::after,
div.forms-item,
div.th-form-synthesis div.question-block,
div.card-goal,
div.card-inside-goal,
.goal-label,
div.invoices-item,
.invoices-detail-section,
.th-page-iot div.manufacturer-item,
.th-page-iot div.active-manufacturer-item,
div.measures-item,
.practitioner-alert-detail-item,
.practitioner-alert-detail-reason-item,
.practitioner-followUp-item,
.practitioner-alert-item,
div.relatives-item,
div.relatives-action,
div.reports-item,
div.task-item,
div.treatment-item,
div.relatives-list-administrative, div.relatives-list-add-administrative,
div.practitioners-list-administrative, div.practitioners-list-add-administrative
{
    border-bottom: thin solid #F0F0F0;
}

div.card > div.card-content.card-content-about > div.scenario,
div.card-content-administrative.administrative-identity img.administrative-sex.selected,
div.th-respi-control .respirelax-timer {
    border: 2px solid #5BC2E7; /* @primary */
}

div.administrative-praticitoner-selected,
div.card-content-document.document-pdf .pdf-controls button.pdfnav-group-start,
div.card-content-report.report-pdf .pdf-controls button.pdfnav-group-start,
div.card-content-report.report-pdf .pdf-controls button.pdfnav-group-start {
    border-left: 1px solid #5BC2E7; /* @primary */
}

div.signature,
div.card-education-score-detail div.education-actions > .btn,
div.form-timeframe,
div.th-text-control textarea,
div.th-number-control input,
div.th-control-measures-bloodpressure input,
.date-time-container input, .date-time-container select,
div.card-measures-detail div.measures-actions > .btn,
div.card-measures-input div.measure-component div.th-control-measures-bloodpressure input,
div.card-measures-input div.measure-actions > .btn,
div.th-measure-input div.measure-date input
.selected-list-measures-oc,
div.invoices-origin,
div.reports-origin,
div.treatment-timeframe {
    border: 1px solid #5BC2E7; /* @primary */
}

md-toolbar.modal-title-administrative,
md-toolbar.modal-title-appointment-qrcode,
md-toolbar.modal-title-rate-teleconsultation,
div.card-invoices.upload-container,
md-toolbar.modal-title-measures,
div.card-reports.upload-container {
    border-bottom: 1px solid #5BC2E7; /* @primary */
}

div.goal-image-separator:after,
div.home-image-separator:after,
#login-page div.cgu-text {
    border-top: 1px solid #5BC2E7; /* @primary */
}

div.home-curvy div.home-image-separator:after {
    border-top: 0.5px thin #5BC2E7; /* @primary */
}

div#menu > div.card> div.items-container > div:first-child {
    border-top: thin solid rgba(0,182,224,0.3);
}

body.layout-landscape div#menu.always-visible > div.card {
    border-right: thin solid #F0F0F0;
}
div#main-nav {
    border-bottom: 4px solid #00B6E0;
}

.send-container,
div.card-actions,
#appointments-detail-reports-fromPatient .reportContainer,
#appointments-detail-reports-fromPatient .reports_fromPatient .reportContainer:last-child {
    border-top: thin solid #F0F0F0;
}

/* BORDER-RADIUS SMALL */
div.card-title-img,
div.popup-button,
#login-page input[type='text'],
#login-page input[type='password'],
#login-page input[type='number'],
#login-page input[type='tel'],
body.layout-landscape #login-page button.login-main-action,
body.layout-landscape #secret-question-page button#submitSecretQuestionAnswer,
#login-page button.login-main-action,
a.login-main-action,
#login-page.new-account .login-main-action,
#login-page.new-account .login-main-action-mobile,
div#menu > div.card> div.items-container > div > div.as-icon > div,
div#menu > div.card> div.items-container > div > div.as-icon > span.as-accueil,
div#menu > div.card> div.items-container > div > div.as-icon > span.as-quit,
div.home-curvy div.slide div.headline-button,
div.th-form-nav > div.form-nav-btn > button,
div.th-choices-control > div.choice,
.measures-button,
#label-for-patientImport, .joinTeleconsultation a,
div.card-content-administrative button.button-administrative.clickable,
div.card-content-administrative button.button-administrative,
div.card-content-administrative button.button-administrative-new-practitioner,
div.button-enable-practitioners > ul li button:not(.empty-practitioners):not(.delete-practitioners):not(.disabled-practitioners),
.button-administrative-request-current-detail,
button.administrative-button-practitioners,
.modal-button-administrative > button,
md-dialog-actions > div button,
.appointment-orderBy,
.button-take-appointment,
div.card-measures-input div.measure-component input,
div.th-measure-input div.measure-date input,
div.treatment-drug-detail button.clickable,
.new-id-generator,
.new-id-generator-retry,
div.card-about ul.language-selector > li,
button.about-main-profile-action,
#about-page input[type='text'],
#about-page input[type='password'],
#about-page input[type='number'],
#about-page input[type='tel'],
#about-page button.about-main-action,
.measure-shift-button
{
    border-radius: 5px;
}

/* BORDER-RADIUS BIG */
md-dialog.modal-administrative,
div#popup, div.card-teleconsultation-consent,
div.card > div.card-content.card-content-about > div.scenario {
    border-radius: 10px;
}

div.card.card-important {
    border: solid 1px #EF675C; /* @secondary */
}

/* MODULE IMAGES */
div.home-curvy div.home-image-separator div.home-image-wrapper > .home-forms,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-forms,
div.card-title-forms > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-form {
    background-image: url(../img/CHGE001/CHGE001_home_menu_forms_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-pathway,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-pathway,
div.card-title-pathway > div.card-title-img {
    background-image: url(../img/CHGE001/CHGE001_home_menu_pathway_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-docs,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-docs,
div.card-title-documents > div.card-title-img {
    background-image: url(../img/CHGE001/CHGE001_home_menu_docs_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-messages,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-messages,
div.card-title-messages > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-messages {
    background-image: url(../img/CHGE001/CHGE001_home_menu_messages_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-measures,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-measures,
div.card-title-measures > div.card-title-img {
    background-image: url(../img/CHGE001/CHGE001_home_menu_measures_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-invoices,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-invoices,
div.card-title-invoices > div.card-title-img {
    background-image: url(../img/CHGE001/CHGE001_home_menu_invoices_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-appointments,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-appointments,
div.card-appointment > .card-title > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-calendar {
    background-image: url(../img/CHGE001/CHGE001_home_menu_calendar_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-treatment,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-treatment,
div.card-title-treatment > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-treatment {
    background-image: url(../img/CHGE001/CHGE001_home_menu_treatment_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-iot,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-iot,
div.card-title-iot > div.card-title-img {
    background-image: url(../img/CHGE001/CHGE001_home_menu_iot_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-goals,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-goals,
div.card-title-goals > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-goal {
    background-image: url(../img/CHGE001/CHGE001_home_menu_goals_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-education,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-education,
div.card-title-education > div.card-title-img {
    background-image: url(../img/CHGE001/CHGE001_home_menu_education.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-reports,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-reports,
div.card-title-reports > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-reports {
    background-image: url(../img/CHGE001/CHGE001_home_menu_reports_nobg.svg);
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-administrative,
div#menu > div.card> div.items-container > div > div.as-icon > div.as-administrative,
div.card-title-administrative > div.card-title-img,
div.home-curvy div.slide div.headline-button > div.headline-button-administrative {
    background-image: url(../img/CHGE001/CHGE001_home_menu_administrative_nobg.svg);
}

/* LOGIN */
.login-image-separator {
    display: none;
}

#login-page img#login-logo {
    padding-bottom: 50px;
    margin-bottom: 0px;
}

#login-page .login-show-password-i {
    left: 100px;
    top: -28px;
}

#login-page.new-account .login-main-action, #login-page.new-account .login-main-action-mobile {
    margin-bottom: 30px;
}

/* NAV MENU */
div#menu > div.card {
    text-align: left;
}

div#menu > div.card img {
    margin-left: 30px;
    margin-bottom: 20px;
}

div#menu > div.card> div.items-container > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: normal;
    align-items: center;
    margin: 0px 30px;
    border-bottom: thin solid rgba(0,182,224,0.3);
}

div#menu > div.card> div.items-container > div:hover {
    color: #00B6E0;
}

div#menu > div.card> div.items-container > div > div.as-icon {
    padding: 0px;
    width: auto;
}

div#menu > div.card> div.items-container > div > div.as-icon > div {
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
}

div#menu > div.card> div.items-container > div > div.as-icon > span.as-accueil > i.fa-circle,
div#menu > div.card> div.items-container > div > div.as-icon > span.as-quit > i.fa-circle {
    display: none;
}

div#menu > div.card> div.items-container > div > div.as-icon > span.as-accueil,
div#menu > div.card> div.items-container > div > div.as-icon > span.as-quit {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#menu > div.card> div.items-container > div > div.as-icon > span.fa-stack {
    margin: 0px;
}

div#main-nav > div#btn-back {
    padding-top: 0px;
    width: 64px;
}

div#main-nav > div#btn-back img {
    padding: 8px;
    height: 0px;
    background-image: url(../img/CHGE001/CHGE001_arrowLeft_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

div#main-nav > div#btn-menu img {
    height: 0px;
    padding: 10px;
    background-image: url(../img/CHGE001/CHGE001_menu_white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* HOME */
div.home-curvy div.home-image-separator-right:after, div.home-curvy div.home-image-separator-left:after {
   background: transparent;
}

div.home-curvy div.slide div.headline-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

div.home-curvy div.slide div.headline-button > div.truncate {
    width: auto;
    padding: 0px;
    flex-grow: 1;
}

div.home-curvy div.slide div.headline-button > img.headline-button-go {
    float: none;
    width: 0px;
    padding: 6px;
    margin-right: 5px;
    background-image: url(../img/CHGE001/CHGE001_arrowRight_white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.home-curvy div.home-image-separator div.home-image-wrapper > div {
    border-radius: 10px 10px 0px 0px;
}

div.home-image-separator div.home-image-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 79%;
    z-index: 0;
}

body.layout-landscape div.home-curvy div.home-image-separator div.home-image-wrapper > div,
body.resolution-big.layout-portrait div.home-curvy div.home-image-separator div.home-image-wrapper > div{
    width: 100% !important;
}

div.home-print-background {
    margin-top: -0.3vh;
    z-index: 1;
    width: 79%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    min-height: 8vh;
    padding-top: 5px;
    color: white;
    border-radius: 0px 0px 10px 10px;
}

div.home-curvy div.home-image-separator div.home-image-wrapper > .home-print-img-background {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

div.home-curvy div.slide-button > img {
    width: 0px;
    padding: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.home-curvy div.slide-spacer:first-child img {
    background-image: url(../img/CHGE001/CHGE001_arrowLeft_black.svg);
}

div.home-curvy div.slide-spacer:last-child img {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
}

/* FORMS */
div.th-form-nav .btn-prev {
    background-image: url(../img/CHGE001/CHGE001_arrowBack_white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.th-form-nav .btn-next {
    background-image: url(../img/CHGE001/CHGE001_arrowLink_white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.th-form-nav .btn-prev span,
div.th-form-nav .btn-next span {
    display: none;
}

div.th-form-content > div.th-form-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

div.th-control-measures > div.control-measure-container > div.control-measure-buttons-container > div > img,
div.th-control-slider-and-input > div.control-slider-number > div img,
md-datepicker-calendar-icon {
    width: 0px!important;
    height: 0px!important;
    padding: 10px;
    background: url(../img/CHGE001/CHGE001_arrowLeft_blue.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.th-choices-control > div.choice {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.th-respi-control #respiContainerBackground {
    background: linear-gradient(180deg, #5BC2E7 20%, rgba(255,255,255,1) 100%);
}

/* APPOINTMENTS */
#label-for-patientImport, .joinTeleconsultation a {
    text-transform: none;
    padding: 0px 12px;
}

div.documents-detail-button > div.documents-detail-button-div {
    background-image: url("../img/CHGE001/CHGE001_arrowRight_black.svg");
    background-position: center;
    height: 10px;
}

div.forms-item div.form-action > div.form-action-edit, div.documents-detail-button > div.admin-go-to-button {
    background-image: url("../img/CHGE001/CHGE001_arrowRight_black.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15px;
}

.appointment-orderBy {
    text-shadow: none;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: none!important;
}

.button-take-appointment {
    margin-top: 0px;
    padding: 0px 10px;
    text-transform: none;
    box-shadow: none!important;
}

.appointment-orderBy .fa-sort-up, .appointment-orderBy .fa-sort-down {
    margin: 0px 5px;
    font-size: 0px;
    padding: 6px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.appointment-orderBy .fa-sort-up {
    background-image: url(../img/CHGE001/CHGE001_arrowUp_white.svg);
}

.appointment-orderBy .fa-sort-down {
    background-image: url(../img/CHGE001/CHGE001_arrowDown_white.svg);
}

div.appointment-in-list img {
    width: 0px;
    padding: 10px;
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

/* ADMINISTRATIVE */
.administrative-consents-landing .documents-detail-button {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5px;
}

.administrative-consents-landing .documents-detail-button img {
    width: 0px;
    height: 0px;
}

div.administrative-arrow-right {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    background-size: 10px;
    margin-right: 10px;
}

div.relatives-list-administrative, div.relatives-list-add-administrative,
div.practitioners-list-administrative, div.practitioners-list-add-administrative{
    border-top: none;
}

/* REPORTS */
div.reports-detail-button > div.reports-detail-button-div {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    width: 15px;
    height: 15px;
}

.card-separator-reports {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.card-separator-reports i {
    font-size: 0px!important;
    padding: 6px;
    background-image: url(../img/CHGE001/CHGE001_arrowDown_black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

div.reports-item {
    padding-left: 10px;
}

.reports-detail-button img {
    width: 0px;
}

.reports-detail-button {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 6px;
}

/* MEASURES */
.measures-button, .measure-shift-button {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div.measure-chevron {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    background-size: contain;
    background-position: center;
    width: 10px;
    margin: 0px 10px 0px 20px;
}

.measure-shift-button {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0px;
    padding: 15px;
}

.higher-button .measure-shift-button {
    background-image: url(../img/CHGE001/CHGE001_arrowLink_white.svg);
}

.lower-button .measure-shift-button {
    background-image: url(../img/CHGE001/CHGE001_arrowBack_white.svg);
}

/* TREATMENT */
div.card > div.card-title-treatment button, div.treatment-list-new button {
    padding: 10px;
}

div.treatment-list div.treatment-chevron {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

div.treatment-drug-detail button.clickable {
    padding: 10px;
}

div.home-curvy div.slide div.headline-alert {
    color: black;
}

/* ABOUT */
div.about-detail-button > div.about-detail-button-img {
    width: 0px;
    height: 0px;
    padding: 8px;
    background-image: url(../img/CHGE001/CHGE001_arrowRight_black.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
