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

:root {
    /* Colors */
    --primary-color: #ffffff;
    --primary-color-css-filter: invert(100%) sepia(95%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(106%);
    --primary-color-values: 255, 255, 255;
    --primary-color-transparent: rgba(var(--primary-color-values), 0.3);
    --secondary-color: rgb(91 194 231);
    --secondary-color-values: 91, 194, 231;
    --secondary-color-css-filter: invert(100%) sepia(95%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(106%);
    --tertiary-color: rgb(239, 103, 92); /*rgb(138, 116, 178)*/
    --small-text-color: var(--primary-color);
    --text-on-white-bg: rgb(16 24 32);
    --secondary-text-color: var(--secondary-color);
    --secondary-color-complementary: rgb(0 239 184);
    --success-color: rgb(0, 166, 20);
    --error-color: rgb(227, 6, 19);
    --important-color: var(--tertiary-color);
    --hint-text-color: rgb(138 140 142);
    --disabled-button-bg-color: rgba(138 140 142 / 50%);
    --stars-color: rgb(255 227 124);
    /* Borders */
    --border: thin solid var(--primary-color);
    --card-border-radius: 20px;
    --button-border-radius: 20px;
    /* Paddings */
    --card-padding: 16px;
    --page-container-padding: 16px 32px;
    --big-button-padding: 32px;
    --button-padding: 16px;
    /* Margins */
    --content-margin-top: 16px;
    /* Backgrounds */
    --backdrop-filter: blur(30px);
    --custom-background-color: transparent;
    --custom-secondary-background-color: var(--secondary-color);
    --content-background-color: var(--primary-color);
    /* Typography */
    --main-text-color: var(--primary-color);
    --text-color-on-content-background-color: black;
    --text-font-size: 16px;
    --secondary-text-font-size: 14px;
    --h3-font-size: 22px;
    --big-text-font-size: 20px;
    --subtitle-color: rgb(219 219 219);
}

.text-centered {
    text-align: center;
}

.w100 {
    width: 100%;
}

span.error-message {
    color: var(--tertiary-color);
}

/* 
########   #######  ########  ##    ## 
##     ## ##     ## ##     ##  ##  ##  
##     ## ##     ## ##     ##   ####   
########  ##     ## ##     ##    ##    
##     ## ##     ## ##     ##    ##    
##     ## ##     ## ##     ##    ##    
########   #######  ########     ##    
*/
body {
    overflow: hidden;
    box-sizing: border-box;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

body,
body.layout-lan--text-font-sizedscape {
    background-image: linear-gradient(0deg, rgba(191, 191, 191, .2) 25%, rgba(0, 174, 239, .6) 100%), url("../img/CHGE001/main_bg.png") !important;
    background-position: center !important;
    background-size: cover !important;
}

body.layout-landscape {
    padding-top: 16px !important;
}

body.layout-landscape div#main-nav.navbar {
    padding-top: 16px !important;
}

body.layout-landscape.resolution-normal.is-web.state_app\.isolatedForms.mode-true div#main-nav.navbar {
    top: -40px!important;
    height: auto!important;
    min-height: fit-content!important;
}
body,
.ng-scope :not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: Arial, sans-serif, 'SimplonNorm';
}

body.layout-landscape div#popup {
    height: auto !important;
}

/* 
########  ##     ## ######## ########  #######  ##    ## 
##     ## ##     ##    ##       ##    ##     ## ###   ## 
##     ## ##     ##    ##       ##    ##     ## ####  ## 
########  ##     ##    ##       ##    ##     ## ## ## ## 
##     ## ##     ##    ##       ##    ##     ## ##  #### 
##     ## ##     ##    ##       ##    ##     ## ##   ### 
########   #######     ##       ##     #######  ##    ## 
*/
button {
    text-transform: uppercase;
}

#login-page button.login-main-action:not(.login, .check-code) {
    margin: 32px auto 0;
}

#login-page button.login-main-action.login-yes-button,
#login-page button.login-main-action.login-no-button {
    margin-left: 0;
    margin-right: 0;
}

#login-page button.login-alt-action {
    background-color: var(--primary-color-transparent);
}

button,
button.clickable,
button.complete,
button.md-button.md-primary.md-raised,
button.new,
a.md-button.md-primary.md-raised,
div.card-content-administrative button.button-administrative.clickable,
div.pathway-content-action.clickable,
div.treatment-list-new button,
input.clickable.bg-specific-primary.ng-scope.login-main-action-mobile,
input[type="submit"],
#login-page button.login-main-action,
#login-page button.no-account-back-btn {
    color: var(--primary-color);
}

button:not(.login-alt-action, .btn-return-last, button.md-datepicker-button, button.md-datepicker-triangle-button),
button.clickable:not(.login-alt-action),
button.complete,
button.new,
a.md-button.md-primary.md-raised,
div.card-content-administrative button.button-administrative.clickable,
div.pathway-content-action.clickable,
div.treatment-list-new button,
input.clickable.bg-specific-primary.login-main-action-mobile,
input[type="submit"],
#login-page button.login-main-action:not(.login-no-button),
div.form-top-button.bg-specific-primary,
div.popup-button.clickable {
    background-color: var(--secondary-color)!important;
}

button,
button.clickable,
button.complete,
a.md-button.md-primary.md-raised,
div.card-content-administrative button.button-administrative.clickable,
div.treatment-list-new button,
input.clickable.bg-specific-primary.login-main-action-mobile,
input[type="submit"],
#login-page button.login-main-action,
#login-page button.login-alt-action,
#login-page button.no-account-back-btn,
button.md-raised.md-primary.md-button,
div.popup-button.clickable  {
    border-radius: var(--button-border-radius);
}

button.complete,
div.card-content-administrative button.button-administrative.clickable,
div.treatment-list-new button,
input.clickable.bg-specific-primary.login-main-action-mobile,
input[type="submit"],
#login-page button.login-main-action,
#login-page button.login-alt-action,
#login-page button.no-account-back-btn,
button.administrative-button-practitioners,
md-dialog-actions.modal-button-administrative {
    padding: var(--big-button-padding);
}

button.measures-button,
button.new,
button.preadmission-button,
a.md-button.md-primary.md-raised,
div.popup-button.clickable {
    padding: var(--button-padding);
    box-shadow: none;
    -webkit-box-shadow: none;
}

div.pathway-content-action.clickable,
button.md-button.md-primary.md-raised,
a.md-button.md-primary.md-raised,
button.new {
    border-radius: 8px;;
}

#login-page button.login-alt-action:not(.back),
#login-page button.no-account-back-btn {
    border: var(--border);
}

div.pathway-content-action,
button.document-button-web {
    padding: 8px;
}

div.pathway-content-action {
    width: 100%;
    text-align: center;
}

#login-page button.login-main-action,
a.login-main-action,
#login-page .back-to-index {
    width: 100%;
}

#login-page button.login-main-action:disabled {
    border: var(--border);
    border-radius: var(--button-border-radius);
}

div.document-opened-in-tab button.md-button.md-primary.md-raised {
    padding: 16px;
}

/* 
/***
 *    ########     ###    ########   ######   ######## 
 *    ##     ##   ## ##   ##     ## ##    ##  ##       
 *    ##     ##  ##   ##  ##     ## ##        ##       
 *    ########  ##     ## ##     ## ##   #### ######   
 *    ##     ## ######### ##     ## ##    ##  ##       
 *    ##     ## ##     ## ##     ## ##    ##  ##       
 *    ########  ##     ## ########   ######   ######## 
 */
div.home-new-indicator,
div.pathway-new-indicator {
    background-image: none;
    background-color: var(--tertiary-color);
}

/* 
 ######     ###    ########  ########  
##    ##   ## ##   ##     ## ##     ## 
##        ##   ##  ##     ## ##     ## 
##       ##     ## ########  ##     ## 
##       ######### ##   ##   ##     ## 
##    ## ##     ## ##    ##  ##     ## 
 ######  ##     ## ##     ## ########  
*/
div.cards>div:not(.documents-item) {
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
}

div.card-content-document.multipage {
    min-height: auto;
    height: calc(100vh - 250px);
}

.card-container .card:not(:first-child, .empty-card, .home, .card-actions, .card-action-list) {
    margin-top: 16px;
}

.text-segur-max {
    color: var(--small-text-color);
}

div.autoComplete_wrapper>input {
    border-radius: 5px !important;
}

.autoComplete_wrapper input::placeholder {
    color: rgb(179 179 179) !important;
}

div.home-curvy.login-curvy #home-top-dynamic {
    height: auto;
}

div.card.home.home-curvy.login-curvy {
    width: 100%;
}

/* 
########  ####    ###    ########   #######  
##     ##  ##    ## ##   ##     ## ##     ## 
##     ##  ##   ##   ##  ##     ## ##     ## 
##     ##  ##  ##     ## ########  ##     ## 
##     ##  ##  ######### ##        ##     ## 
##     ##  ##  ##     ## ##        ##     ## 
########  #### ##     ## ##         ####### 
 */
div.home-curvy.login-curvy div.slide {
    width: 100%;
}

div.home-curvy div.slide-spacer {
    display: none;
}

/***
 *    ########     ###    ######## ########    ########  ####  ######  ##    ## ######## ########  
 *    ##     ##   ## ##      ##    ##          ##     ##  ##  ##    ## ##   ##  ##       ##     ## 
 *    ##     ##  ##   ##     ##    ##          ##     ##  ##  ##       ##  ##   ##       ##     ## 
 *    ##     ## ##     ##    ##    ######      ########   ##  ##       #####    ######   ########  
 *    ##     ## #########    ##    ##          ##         ##  ##       ##  ##   ##       ##   ##   
 *    ##     ## ##     ##    ##    ##          ##         ##  ##    ## ##   ##  ##       ##    ##  
 *    ########  ##     ##    ##    ########    ##        ####  ######  ##    ## ######## ##     ## 
 */
.md-datepicker-calendar-pane.md-pane-open {
    left: 8px!important;
}

.md-datepicker-triangle-button {
    right: 8px!important;
}

md-input-container .md-input {
    background: transparent;
}

.md-datepicker-input-container {
    width: 70%;
}

.date-time-container input {
    font-size: 18px;
}

button.md-datepicker-button.md-icon-button.md-button.md-ink-ripple {
    margin: 0;
    top: 0;
}

._md-datepicker-floating-label>md-datepicker .md-datepicker-input-container {
    border: none;
}

/* 
#### ##    ## ########  ##     ## ######## 
 ##  ###   ## ##     ## ##     ##    ##    
 ##  ####  ## ##     ## ##     ##    ##    
 ##  ## ## ## ########  ##     ##    ##    
 ##  ##  #### ##        ##     ##    ##    
 ##  ##   ### ##        ##     ##    ##    
#### ##    ## ##         #######     ##    
*/
.input_instruction {
    color: #393939;
}

/* 
##        #######     ###    ########  ######## ########  
##       ##     ##   ## ##   ##     ## ##       ##     ## 
##       ##     ##  ##   ##  ##     ## ##       ##     ## 
##       ##     ## ##     ## ##     ## ######   ########  
##       ##     ## ######### ##     ## ##       ##   ##   
##       ##     ## ##     ## ##     ## ##       ##    ##  
########  #######  ##     ## ########  ######## ##     ## 
*/
div.refresher {
    color: var(--primary-color);
}

.loading {
    margin-top: 20px;
}

#textOverLay {
    top: 10%;
}

/* 
##     ## ########  
###   ### ##     ## 
#### #### ##     ## 
## ### ## ##     ## 
##     ## ##     ## 
##     ## ##     ## 
##     ## ########  
*/
md-dialog,
md-dialog.modal-administrative {
    min-height: fit-content;
    height: auto;
    top: 0;
}

.md-dialog-content {
    font-size: 18px !important;
    margin-top: 0 !important;
}

md-dialog-actions.modal-button-administrative {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

md-dialog-actions.modal-button-administrative button {
    flex: 1;
    font-family: inherit;
}

.md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle,
.md-datepicker-triangle-button .md-datepicker-expand-triangle {
    border-top-color: var(--primary-color);
}

/* 
##    ##    ###    ##     ## ########     ###    ########  
###   ##   ## ##   ##     ## ##     ##   ## ##   ##     ## 
####  ##  ##   ##  ##     ## ##     ##  ##   ##  ##     ## 
## ## ## ##     ## ##     ## ########  ##     ## ########  
##  #### #########  ##   ##  ##     ## ######### ##   ##   
##   ### ##     ##   ## ##   ##     ## ##     ## ##    ##  
##    ## ##     ##    ###    ########  ##     ## ##     ## 
*/
div.navbar-icon div.img-telephone-not-mobile,
div.navbar-icon div.img-telephone {
    background: url("../img/CHGE001/CHGE001_phone.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 27px;
    width: 27px;
}

/* 
 ######  ##     ##  ######   
##    ## ##     ## ##    ##  
##       ##     ## ##        
 ######  ##     ## ##   #### 
      ##  ##   ##  ##    ##  
##    ##   ## ##   ##    ##  
 ######     ###     ######  
*/
svg {
    fill: var(--primary-color);
}

/* 
######## #### ######## ##       ######## 
   ##     ##     ##    ##       ##       
   ##     ##     ##    ##       ##       
   ##     ##     ##    ##       ######   
   ##     ##     ##    ##       ##       
   ##     ##     ##    ##       ##       
   ##    ####    ##    ######## ######## 
*/
div.card>div.card-title {
    border-bottom: var(--border);
    padding: 0 0 6px 0;
    padding-left: 0px !important;
    margin-bottom: 16px;
}
div.card>div.card-title>div.card-title-img {
    background-size: contain;
    background-position: center;
    border-radius: 0;
}

h3 {
    margin: 16px 0;
}

/* 
########   #######  ########  ##     ## ########  
##     ## ##     ## ##     ## ##     ## ##     ## 
##     ## ##     ## ##     ## ##     ## ##     ## 
########  ##     ## ########  ##     ## ########  
##        ##     ## ##        ##     ## ##        
##        ##     ## ##        ##     ## ##        
##         #######  ##         #######  ## 
*/
div.flash-unit {
    height: 100vh;
}

body.layout-landscape .flash-unit:only-child {
    border: thin solid var(--primary-color);
    margin-top: 10%;
}

div#popup {
    position: fixed;
    padding: 5%;
    top: 20%;
    right: 0;
    left: 0;
    margin: auto;
    line-height: 24px;
    background-color: var(--secondary-color);
}

div#popup-title {
    font-size: var(--big-text-font-size);
}

div#popup-content-flashmessage>p>b {
    color: white !important;
}

div#popup-background {
    background: transparent;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    opacity: 1;
}

div#popup.practitioner-red-alert-popup {
    background-color: var(--tertiary-color);
}

div#popup.practitioner-orange-alert-popup {
    background-color: var(--tertiary-color);
}

.popup-flash-content {
    height: auto;
}

/* 
/***
 *    #### ######## ########     ###    ##     ## ######## 
 *     ##  ##       ##     ##   ## ##   ###   ### ##       
 *     ##  ##       ##     ##  ##   ##  #### #### ##       
 *     ##  ######   ########  ##     ## ## ### ## ######   
 *     ##  ##       ##   ##   ######### ##     ## ##       
 *     ##  ##       ##    ##  ##     ## ##     ## ##       
 *    #### ##       ##     ## ##     ## ##     ## ######## 
 */
div.card-content.document-webview {
    overflow-y: scroll;
    height: calc(100vh - 155px);
}

iframe#webview {
    border: none;
}

iframe.card-content-webview {
    min-height: auto;
}

/* 
########  ########  #### ##     ##    ###    ########  ##    ##     ######   #######  ##        #######  ########     ########  #######  ########     ########   ######        ####       ######## ######## ##     ## ######## 
##     ## ##     ##  ##  ###   ###   ## ##   ##     ##  ##  ##     ##    ## ##     ## ##       ##     ## ##     ##    ##       ##     ## ##     ##    ##     ## ##    ##      ##  ##         ##    ##        ##   ##     ##    
##     ## ##     ##  ##  #### ####  ##   ##  ##     ##   ####      ##       ##     ## ##       ##     ## ##     ##    ##       ##     ## ##     ##    ##     ## ##             ####          ##    ##         ## ##      ##    
########  ########   ##  ## ### ## ##     ## ########     ##       ##       ##     ## ##       ##     ## ########     ######   ##     ## ########     ########  ##   ####     ####           ##    ######      ###       ##    
##        ##   ##    ##  ##     ## ######### ##   ##      ##       ##       ##     ## ##       ##     ## ##   ##      ##       ##     ## ##   ##      ##     ## ##    ##     ##  ## ##       ##    ##         ## ##      ##    
##        ##    ##   ##  ##     ## ##     ## ##    ##     ##       ##    ## ##     ## ##       ##     ## ##    ##     ##       ##     ## ##    ##     ##     ## ##    ##     ##   ##         ##    ##        ##   ##     ##    
##        ##     ## #### ##     ## ##     ## ##     ##    ##        ######   #######  ########  #######  ##     ##    ##        #######  ##     ##    ########   ######       ####  ##       ##    ######## ##     ##    ##    
*/
.border-specific-primary {
    border-color: var(--primary-color);
    /* @primary */
}

/* 
########     ###     ######  ##    ##  ######   ########   #######  ##     ## ##    ## ########  
##     ##   ## ##   ##    ## ##   ##  ##    ##  ##     ## ##     ## ##     ## ###   ## ##     ## 
##     ##  ##   ##  ##       ##  ##   ##        ##     ## ##     ## ##     ## ####  ## ##     ## 
########  ##     ## ##       #####    ##   #### ########  ##     ## ##     ## ## ## ## ##     ## 
##     ## ######### ##       ##  ##   ##    ##  ##   ##   ##     ## ##     ## ##  #### ##     ## 
##     ## ##     ## ##    ## ##   ##  ##    ##  ##    ##  ##     ## ##     ## ##   ### ##     ## 
########  ##     ##  ######  ##    ##  ######   ##     ##  #######   #######  ##    ## ########  
*/
.card-content-document {
    background-color: var(--content-background-color);
    color: var(--text-color-on-content-background-color);
}

div.card,
.bg-specific-primary,
div.card-title-img,
img.card-title-img,
div.as-icon.navbar-icon,
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-slider>div.control-rate-slider>div.slider-marks>div.mark,
div.th-control-true-false>div.choices-group>div.control-choice-container>div.control-choice.selected,
div.th-control-slider-and-input>div.control-rate-slider>div.slider-track-container,
div.th-control-slider>div.control-rate-slider>div.slider-track-container,
rzslider .rz-bar.rz-selection,
div.th-control-slider>div.control-rate-slider>div.slider-track-container>div.slider-track,
div.th-control-slider>div.control-rate-slider>div.slider-track-container>div.slider-track>rzslider,
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-control-slider-and-input>div.control-rate-slider>div.slider-track-container>div.slider-track>rzslider .rz-pointer div.card-practitioners-administrative,
div.th-control-rate-10>div.control-rate-slider>div.slider-marks>div.mark-add,
div.th-control-slider>div.control-rate-slider>div.slider-marks,
div.slider-track-container,
div.th-choices-control>div.choice,
div.th-control.th-control-rate-10>div.control-rate-slider>div.slider-texts,
div.th-control.th-control-slider>div.control-rate-slider>div.slider-texts,
div.th-control.th-control-rate-10>div.control-rate-slider>div.slider-track-container,
div.th-control-slider>div.control-rate-slider>div.slider-track-container,
div.th-control-rate-10>div.control-rate-slider>div.slider-track-container,
div.th-control-rate-10>div.control-rate-slider>div.slider-marks,
div.th-control-rate-10>div.control-rate-slider>div.slider-texts,
.slider-texts,
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,
.menu-item,
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,
#login-page.new-account .login-main-action:not(:disabled),
div.careteam-wrapper,
div.careteam-text,
div.home-curvy div.home-image-separator div.home-image-wrapper>div,
div.invoices-origin.active-origin,
a.login-main-action,
.lds-heart div,
.lds-heart div:after,
.lds-heart div:before,
#secret-question-page div.secret-question-image-separator>img,
#secret-question-page #submitSecretQuestionAnswer,
div.form-timeframe,
div.treatment-timeframe,
div.reports-origin,
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,
.new-id-generator,
.new-id-generator-retry,
body.layout-landscape div.home-curvy.login-curvy #home-top-dynamic,
div#login-page,
#login-page button.login-main-action[disabled],
#login-goback-landing,
div.card>div.card-content,
div.autoComplete_wrapper>input.custom-autocomplete,
div.th-page,
div.th-page.card-container,
div.card-forms div.form,
div.card.card-appointment div.card.empty-card,
div.card.empty-card,
div.documents-item div.form,
div.document,
div.card-content.card-content-document.document-pdf,
div.chapter.chapter-web,
div.chapter.chapter-mobile,
div.chapter-top,
div.document.document-mobile,
div.treatment-drug-detail div.treatment-saving>div.spinner-container,
div.card.card-diet,
div.card.card-about,
div#treatment-detail-dose-popup,
div.th-page.th-page-messages,
div.send-container,
button.administrative-button-practitioners,
div.practitioners-list-administrative.administrative-headband-practitioner,
div.card-practitioners-administrative,
div.button-enable-practitioners>ul li button.delete-practitioners,
div.card-separator-relatives,
div.relatives-category,
md-dialog,
md-dialog.modal-administrative,
md-toolbar.modal-title-administrative,
div.administrative-form-row.search md-autocomplete,
div.relatives-list-administrative.administrative-headband-practitioner.ng-scope,
div.card>div.card-content.card-content-about,
div.flash-unit,
div.card.card-inside-careteam div.section-text,
div.card.card-inside-careteam div.card.card-inside-careteam,
div.cards.card-exercises,
div.exercises-item,
div.card-category-title-exercises,
div.action-list div.action-container,
div.card.card-invoices.total-invoices,
div.card-separator-reports,
div.card.home.home-curvy.login-curvy,
div.card-administrative div.preadmission,
div.th-upload-control .upload-picture #th-upload-label-file,
div.preadmission-form,
div.form-container,
i.main-helper,
input.helper-search-bar,
div.notifications,
body.layout-landscape div.careteam-button {
    background-color: var(--custom-background-color)!important;
}

div#login-app-engage-banner,
#login-page button.login-main-action,
div.th-choices-control>div.choice.selected,
div.card-about ul.language-selector>li.selected,
.md-button.md-primary.md-raised:not([disabled]):hover,
.md-step.md-active md-step-label-wrapper::before {
    background-color: var(--custom-secondary-background-color);
}

#login-page .back-to-index {
    background-color: var(--custom-secondary-background-color) !important;
}

/* 
########     ###     ######  ##    ## ########  ########   #######  ########  
##     ##   ## ##   ##    ## ##   ##  ##     ## ##     ## ##     ## ##     ## 
##     ##  ##   ##  ##       ##  ##   ##     ## ##     ## ##     ## ##     ## 
########  ##     ## ##       #####    ##     ## ########  ##     ## ########  
##     ## ######### ##       ##  ##   ##     ## ##   ##   ##     ## ##        
##     ## ##     ## ##    ## ##   ##  ##     ## ##    ##  ##     ## ##        
########  ##     ##  ######  ##    ## ########  ##     ##  #######  ## 
*/
div.cards>div:not(.documents-item),
div.card>div.card-content,
div.card.empty-card,
div.card.card-measures.measures-vitals,
div.card.card-measures.measures-lab,
div#login-page:not(.card.pairing),
#login-page button.login-main-action[disabled],
div.home-list div.home-image-separator,
div.home-list div.slide div.headline-button,
div.action-list div.action-container,
div.card-separator,
div.card-forms div.form,
div.card.card-appointment,
div.card.card-appointment div.card.empty-card,
div.card.card-appointment div.appointment-notice-container,
div.card.card-appointment div.appointement-detail-address-container,
div.document,
div.document.document-mobile,
div.documents-item div.form,
div.chapter.chapter-mobile,
div.chapter.chapter-web,
div.chapter-top,
div#messages-container,
div.card.card-treatment>div.treatment-detail,
div.treatment-drug-detail,
div.card.card-treatment.treatment,
div.card.card-treatment.treatment-list,
div#treatment-detail-dose-popup,
div.treatment-drug-detail div.treatment-saving>div.spinner-container,
div.send-container,
div.card.card-relatives,
div.card>div.card-content-administrative.administrative-identity,
button.button-administrative.clickable,
button.administrative-button-practitioners,
div.card-practitioners-administrative,
div.card-practitioners-print,
div.administrative-practitioner-card-list,
div.card.card-pathway,
md-dialog,
md-dialog.modal-administrative,
div.administrative-form-row.search md-autocomplete,
div.card.card-bookings,
div.card.card-about,
div.card>div.card-content.card-content-about,
div.card.card-content-about.privacyManagement>div,
div.card-content-administrative.administrative-relatives div.administrative-practitioner-card-list,
div.flash-unit,
div.card.card-inside-careteam,
div.exercises-item,
div.card-diet-content,
div.card.card-invoices.total-invoices,
div.reports-category,
div.card.card-reports,
div.card-administrative div.preadmission,
div.preadmission-form,
.new-id-generator.helper-add-patient,
div.card-helper-add-patient,
div.notifications {
    backdrop-filter: var(--backdrop-filter);
    -webkit-backdrop-filter: var(--backdrop-filter);
}

/* 
########   #######  ########  ########  ######## ########  
##     ## ##     ## ##     ## ##     ## ##       ##     ## 
##     ## ##     ## ##     ## ##     ## ##       ##     ## 
########  ##     ## ########  ##     ## ######   ########  
##     ## ##     ## ##   ##   ##     ## ##       ##   ##   
##     ## ##     ## ##    ##  ##     ## ##       ##    ##  
########   #######  ##     ## ########  ######## ##     ##
*/
div.cards>div:not(.documents-item),
div.card:not(
:first-child, 
.home,
div#login-page,
div.card.treatment-list-new,
div.card.actions.action-list,
div.appointment-notice-container,
div.appointement-detail-address-container,
div.card.card-action-list,
#appointments-list
),
div.th-page.card-container > div.card.card-appointment:not(:first-child, #appointments-list),
div.card-content:not(.appointment-notice, .appointment-container, .document-pdf, .joinTeleconsultation, .card-actions, .card-actions, .card-suivi.th-form-page .card-content),
div.card.card-content-about.privacyManagement,
div.card-content-administrative.administrative-relatives div.administrative-practitioner-card-list,
div.card-practitioners-administrative,
div#popup,
div#popup-yes-button,
div#popup-no-button,
div.autoComplete_wrapper>input.custom-autocomplete,
div.card-forms div.form,
div.documents-item div.form,
div.card-separator,
div.document,
div.chapter.chapter-web,
div.chapter-top,
div.document.document-mobile,
div.chapter.chapter-mobile,
div.message-local-user-origin.message-bubble,
div.treatment-detail,
div.treatment-drug-detail,
button.button-administrative.clickable,
button.administrative-button-practitioners,
div.card-content-administrative button.button-administrative-new-practitioner,
div.card-content-administrative.administrative-practitioners div.administrative-practitioner-card-list,
div.button-enable-practitioners>ul li button.delete-practitioners,
.administrative-form-row.search md-autocomplete,
.new-id-generator,
button.about-main-profile-action.bg-specific-primary,
button.btn-prev,
div.popup-button.clickable.ng-binding,
div#home-social-links ul li a,
div.card-practitioners-print,
div.card-diet-content,
div.pathway-cta-button,
div.pathway-content-action,
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.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,
div.card-administrative div.preadmission,
div.card-content-document > ul > li,
div.card-content-document > ul > li:nth-child(odd),
div.preadmission-form,
span.search-bar-container,
div.notifications {
    border: var(--border);
}

#login-page img#login-logo,
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: none;
}

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 var(--primary-color);
    /* @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: var(--border);
}

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,
.activity-search-bar,
div.card-content-document.document-pdf .pdf-controls {
    border-bottom: 1px solid var(--primary-color);
    /* @primary */
}

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

div.home-curvy div.home-image-separator:after {
    border-top: 0.5px thin var(--primary-color);
    /* @primary */
}

div#menu>div.card>div.items-container>div:first-child {
    border-top: var(--border);
}

body.layout-landscape div#menu.always-visible {
    max-height: calc(100vh - 4px);
    overflow-y: auto;
}

body.layout-landscape div#menu.always-visible>div.card {
    border-right: thin solid #F0F0F0;
}

div#main-nav {
    background: transparent;
    border: none;
}

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

/* 
########   #######  ########  ########  ######## ########     ########     ###    ########  #### ##     ##  ######  
##     ## ##     ## ##     ## ##     ## ##       ##     ##    ##     ##   ## ##   ##     ##  ##  ##     ## ##    ## 
##     ## ##     ## ##     ## ##     ## ##       ##     ##    ##     ##  ##   ##  ##     ##  ##  ##     ## ##       
########  ##     ## ########  ##     ## ######   ########     ########  ##     ## ##     ##  ##  ##     ##  ######  
##     ## ##     ## ##   ##   ##     ## ##       ##   ##      ##   ##   ######### ##     ##  ##  ##     ##       ## 
##     ## ##     ## ##    ##  ##     ## ##       ##    ##     ##    ##  ##     ## ##     ##  ##  ##     ## ##    ## 
########   #######  ##     ## ########  ######## ##     ##    ##     ## ##     ## ########  ####  #######   ######  
*/
body.layout-landscape #login-page button.login-main-action,
div.cards>div:not(.documents-item),
div.card:not(:first-child, .home, div#login-page, div.card.treatment-list-new),
div.card-content:not(.appointment-notice),
div.card.card-content-about.privacyManagement,
div.card-content-administrative.administrative-practitioners div.administrative-practitioner-card-list,
div.card-content-administrative.administrative-relatives div.administrative-practitioner-card-list,
div.card-forms div.form,
div.card-practitioners-administrative,
div.documents-item div.form,
div.chapter.chapter-mobile,
div.card-separator,
div.document,
div.chapter.chapter-web,
div.chapter-top,
div.document.document-mobile,
div.message-careteam-origin.message-bubble,
div.message-local-user-origin.message-bubble,
div.treatment-detail,
div.treatment-drug-detail,
div.card-practitioners-print,
div.card-diet-content,
div.card.card-invoices.total-invoices,
div.appointement-detail-address-container,
div.card.card-appointment div.appointment-notice-container,
div.card-administrative div.preadmission,
div.preadmission-form {
    border-radius: var(--card-border-radius);
}

/* 
########   #######  ########  ########  ######## ########          ########     ###    ########  #### ##     ##  ######      ######  ##     ##    ###    ##       ##       
##     ## ##     ## ##     ## ##     ## ##       ##     ##         ##     ##   ## ##   ##     ##  ##  ##     ## ##    ##    ##    ## ###   ###   ## ##   ##       ##       
##     ## ##     ## ##     ## ##     ## ##       ##     ##         ##     ##  ##   ##  ##     ##  ##  ##     ## ##          ##       #### ####  ##   ##  ##       ##       
########  ##     ## ########  ##     ## ######   ########  ####### ########  ##     ## ##     ##  ##  ##     ##  ######      ######  ## ### ## ##     ## ##       ##       
##     ## ##     ## ##   ##   ##     ## ##       ##   ##           ##   ##   ######### ##     ##  ##  ##     ##       ##          ## ##     ## ######### ##       ##       
##     ## ##     ## ##    ##  ##     ## ##       ##    ##          ##    ##  ##     ## ##     ##  ##  ##     ## ##    ##    ##    ## ##     ## ##     ## ##       ##       
########   #######  ##     ## ########  ######## ##     ##         ##     ## ##     ## ########  ####  #######   ######      ######  ##     ## ##     ## ######## ######## 
*/
div.popup-button,
#login-page input[type='text'],
#login-page input[type='password'],
#login-page input[type='number'],
#login-page input[type='tel'],
#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,
body.layout-landscape #secret-question-page button#submitSecretQuestionAnswer,
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,
div.card-content-document.multipage .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,
.measure-shift-button,
div#popup,
div.card-teleconsultation-consent,
div.card>div.card-content.card-content-about>div.scenario,
md-dialog.modal-administrative,
md-dialog-actions>div button,
span.search-bar-container,
div.notifications {
    border-radius: 10px;
}

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

/* 
######## ######## ##     ## ######## 
   ##    ##        ##   ##     ##    
   ##    ##         ## ##      ##    
   ##    ######      ###       ##    
   ##    ##         ## ##      ##    
   ##    ##        ##   ##     ##    
   ##    ######## ##     ##    ## 
*/

/* 
######## ######## ##     ## ########     ######   #######  ##        #######  ########  
   ##    ##        ##   ##     ##       ##    ## ##     ## ##       ##     ## ##     ## 
   ##    ##         ## ##      ##       ##       ##     ## ##       ##     ## ##     ## 
   ##    ######      ###       ##       ##       ##     ## ##       ##     ## ########  
   ##    ##         ## ##      ##       ##       ##     ## ##       ##     ## ##   ##   
   ##    ##        ##   ##     ##       ##    ## ##     ## ##       ##     ## ##    ##  
   ##    ######## ##     ##    ##        ######   #######  ########  #######  ##     ## 
*/
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 .synthesis-score,
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 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-drug-detail h3,
div.card.card-treatment,
div.card-content.card-content-document.document-pdf,
.message-btn-img-i,
.message-btn-img-mobile-i,
div#menu>div.card>div.items-container>div,
.instructions-title-about,
.instructions-item-about,
.meal-infos .food-consumed-quantity .md-select-icon,
div.preadmission div.preadmission-to-complete,
div.careteam-member div.member-role, div.careteam-member div.member-tel,
span.careteam-name,
div.section-text,
.card-diet .calories .calories-txt,
.card-diet .macros-bar .macros-bar-description,
.card-diet .water-consumption-text
.physical-activity-title,
.document_source_name,
div.chapter-text .chapter-number-docs,
input.helper-search-bar {
    color: var(--main-text-color)!important;
    /* @primary */
}

div.practitioners-list-administrative i.fas {
    color: var(--primary-color) !important;
    /* @primary */
}

.loading,
body,
body.layout-landscape,
div.autoComplete_wrapper>input,
#login-goback-landing,
#login-page div#pin-display .eraser-disabled,
#login-page p.no-account-btn,
#login-page div.password-rules,
#login-page p.login-success,
#login-pagev div.no-account-btn,
#login-page div.already-registered-btn,
#login-page button.login-alt-action,
#login-page div.instructions-title-login,
#login-page div.instructions-item-login,
#login-page div.back-to-index,
#login-page .content-no-account p,
div.card.empty-card,
.rzslider .rz-bubble,
div.invoices-loader,
div.card-content.card-content-administrative div,
button.administrative-button-practitioners,
div.administrative-info-practitioners,
div.administrative-practitioner-card-list,
div.pathway-content-title,
md-dialog,
md-dialog.modal-administrative,
md-dialog-content.modal-content-administrative .md-dialog-content span,
.administrative-form-row.search md-autocomplete input,
.md-datepicker-input-container input,
.md-button.md-default-theme.md-primary,
.md-button.md-primary,
.administrative-form-row i,
div.th-control-true-false>div.choices-group>div.control-choice-container>div.control-choice,
div.card.card-appointment,
div.appointment-status-created,
div.card.card-about.scrollable,
div.pairing-infos-container,
div.home-list #home-top-dynamic div.title,
div.home-list #home-top-dynamic.loading,
div.home-list.public-style #home-curve div.headline-dots-container>i,
div.home-list div.home-menu-buttons,
div.home-list div.slide-first-run,
div.home-list div.slide div.headline-button>div.truncate,
body.layout-landscape div.home-list div.home-menu-buttons,
input#autocomplete_SPECIALITY,
input#autocomplete_CATEGORY,
input#autocomplete_REASON,
input#autocomplete_PRACTITIONER,
.bg-specific-primary,
.bg-specific-secondary,
div.home-print-background,
div.section-text,
div.exercises-card-title {
    color: var(--main-text-color);
}

span.reports-subtext {
    color: var(--small-text-color);
}

/* 
 ######  ########  ######   #######  ##    ## ########     ###    ########  ##    ##     ######   #######  ##        #######  ########     ########  #######  ########     ########   ######        ####       ######## ######## ##     ## ######## 
##    ## ##       ##    ## ##     ## ###   ## ##     ##   ## ##   ##     ##  ##  ##     ##    ## ##     ## ##       ##     ## ##     ##    ##       ##     ## ##     ##    ##     ## ##    ##      ##  ##         ##    ##        ##   ##     ##    
##       ##       ##       ##     ## ####  ## ##     ##  ##   ##  ##     ##   ####      ##       ##     ## ##       ##     ## ##     ##    ##       ##     ## ##     ##    ##     ## ##             ####          ##    ##         ## ##      ##    
 ######  ######   ##       ##     ## ## ## ## ##     ## ##     ## ########     ##       ##       ##     ## ##       ##     ## ########     ######   ##     ## ########     ########  ##   ####     ####           ##    ######      ###       ##    
      ## ##       ##       ##     ## ##  #### ##     ## ######### ##   ##      ##       ##       ##     ## ##       ##     ## ##   ##      ##       ##     ## ##   ##      ##     ## ##    ##     ##  ## ##       ##    ##         ## ##      ##    
##    ## ##       ##    ## ##     ## ##   ### ##     ## ##     ## ##    ##     ##       ##    ## ##     ## ##       ##     ## ##    ##     ##       ##     ## ##    ##     ##     ## ##    ##     ##   ##         ##    ##        ##   ##     ##    
 ######  ########  ######   #######  ##    ## ########  ##     ## ##     ##    ##        ######   #######  ########  #######  ##     ##    ##        #######  ##     ##    ########   ######       ####  ##       ##    ######## ##     ##    ##    
*/
.bg-specific-secondary,
div.card.card-important>div.card-important-title,
div.appointment-container-waitlist span.appointment-time {
    background-color: var(--secondary-color);
    /* @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-struct i.fas,
div.appointment-container-waitlist div.appointment-doctor i.fa,
div.appointment-containter-waitlist div.appointment-org i.fa {
    color: var(--secondary-color);
    /* @secondary */
}

/* 
######## ######## ########  ######## ####    ###    ########  ##    ##     ######   #######  ##        #######  ########     ########  #######  ########     ########   ######        ####       ######## ######## ##     ## ######## 
   ##    ##       ##     ##    ##     ##    ## ##   ##     ##  ##  ##     ##    ## ##     ## ##       ##     ## ##     ##    ##       ##     ## ##     ##    ##     ## ##    ##      ##  ##         ##    ##        ##   ##     ##    
   ##    ##       ##     ##    ##     ##   ##   ##  ##     ##   ####      ##       ##     ## ##       ##     ## ##     ##    ##       ##     ## ##     ##    ##     ## ##             ####          ##    ##         ## ##      ##    
   ##    ######   ########     ##     ##  ##     ## ########     ##       ##       ##     ## ##       ##     ## ########     ######   ##     ## ########     ########  ##   ####     ####           ##    ######      ###       ##    
   ##    ##       ##   ##      ##     ##  ######### ##   ##      ##       ##       ##     ## ##       ##     ## ##   ##      ##       ##     ## ##   ##      ##     ## ##    ##     ##  ## ##       ##    ##         ## ##      ##    
   ##    ##       ##    ##     ##     ##  ##     ## ##    ##     ##       ##    ## ##     ## ##       ##     ## ##    ##     ##       ##     ## ##    ##     ##     ## ##    ##     ##   ##         ##    ##        ##   ##     ##    
   ##    ######## ##     ##    ##    #### ##     ## ##     ##    ##        ######   #######  ########  #######  ##     ##    ##        #######  ##     ##    ########   ######       ####  ##       ##    ######## ##     ##    ##    
*/
.bg-specific-tertiary,
span.appointment-bookings-time,
.card-diet md-progress-linear .md-bar,
div.documents-item div.important-indicator>.circle,
div.helper-list-badge > .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.reports-item div.important-indicator>.circle,
span.category-align-noread>span.circle,
div.circle-tab {
    background-color: var(--important-color);
    /* @tertiary */
}

div.home-curvy div.home-new-indicator>.circle {
    background-color: var(--important-color);
}

div.helper-list-badge>.circle {
    background-color: var(--important-color);
}

.text-specific-tertiary,
div.card-content-administrative.administrative-relatives .administrative-relatives-section,
div.card-content-administrative.administrative-consents span.replacement,
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,
div.synthesis-details-download i,
.date-subtitle,
div.ecard-icon,
div.th-quiz-score > div.score-container > div.score-figure {
    color: var(--important-color);
    /* @tertiary */
}

.card-diet .progress-circle md-progress-circular path {
    stroke: var(--important-color);
    /* @tertiary */
}

#login-page table.pin td,
div.pairing-infos,
span.chapter-number-docs.chapter-number-docs-mobile,
div.document-content>div>span,
div.treatment-use-form,
div.about-hint,
div.pathway-content-subtitle,
div.pathway-content-action,
div.popup-button.popup-green,
md-menu-content.md-menu-bar-menu.md-dense,
.md-step.md-active md-step-label-wrapper::before {
    color: var(--secondary-text-color);
}

div#form-modal .form-modal-title,
div#form-modal-title {
    color: var(--secondary-text-color) !important;
}

div.pairing-infos,
div.pathway-time,
div.form-date-mobile,
div.form-date-web,
div.form-date,
/* div.th-form-synthesis div.question, */
div.chapter-text div.chapter-number-docs,
span.chapter-number-docs.chapter-number-docs-mobile,
div.document-content>div>span,
div.treatment-use-form,
div.about-hint,
div.pathway-content-subtitle,
div.pathway-content-action,
div.popup-button.popup-green,
div.card.card-inside-careteam div.member-role,
div.card.card-inside-careteam div.member-tel,
div.chapter-text .chapter-number-docs {
    color: var(--small-text-color);
}

/* 
########  #######  ##    ## ########     ######  #### ######## ######## 
##       ##     ## ###   ##    ##       ##    ##  ##       ##  ##       
##       ##     ## ####  ##    ##       ##        ##      ##   ##       
######   ##     ## ## ## ##    ##        ######   ##     ##    ######   
##       ##     ## ##  ####    ##             ##  ##    ##     ##       
##       ##     ## ##   ###    ##       ##    ##  ##   ##      ##       
##        #######  ##    ##    ##        ######  #### ######## ######## 
*/
body,
body.layout-landscape div.home-curvy div.home-menu-buttons,
div.card>div.card-title-forms,
div.card>div.card-title-preadmit-forms,
div.pathway-content-title,
div#popup,
#login-page p.login-alt-action,
#login-page p.login-alt-action:nth-child(4),
button.administrative-button-practitioners,
md-dialog-actions.modal-button-administrative button {
    font-size: var(--text-font-size);
}

button.btn-prev,
div.card>div.card-title,
div.measure-number,
div.measures-item {
    font-size: var(--big-text-font-size);
}

#login-page p.login-subtitle,
#login-page button.login-alt-action,
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,
button {
    font-size: var(--secondary-text-font-size);
}

div.synthesis-details-title {
    font-size: var(--h3-font-size);
}

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;
}

/* 
########     ###    ########  ########  #### ##    ##  ######   
##     ##   ## ##   ##     ## ##     ##  ##  ###   ## ##    ##  
##     ##  ##   ##  ##     ## ##     ##  ##  ####  ## ##        
########  ##     ## ##     ## ##     ##  ##  ## ## ## ##   #### 
##        ######### ##     ## ##     ##  ##  ##  #### ##    ##  
##        ##     ## ##     ## ##     ##  ##  ##   ### ##    ##  
##        ##     ## ########  ########  #### ##    ##  ######   
*/
.th-page,
div#login-page,
div.home-curvy.login-curvy #home-top-dynamic,
div.card.empty-card,
div.document,
div.card-content-document,
div.relatives-category,
div.privacyManagement div.privacyDataContainer,
div.card.card-suivi.th-form-page,
div.card-content.card-content-document.multipage,
div.treatment-detail,
div.home-list #home-bottom-static,
div#main-content > div.card.helper {
    padding: var(--page-container-padding);
}

div.appointment-in-list:not(div.appointment-alone),
div.card.card-measures:not(div.th-page.card-container :first-child),
div.card-forms .form div.form-top-part,
div.card-content-administrative.administrative-practitioners div.administrative-practitioner-card-list,
div.card div.card-content.card-content-about,
div.card.card-pathway.scrollable,
div.treatment-drug-detail,
div.treatment-list div.treatment-item,
div.card.card-treatment.treatment,
div.card.card-treatment.treatment-list,
div.card-content-administrative.administrative-relatives div.administrative-practitioner-card-list,
div.card.card-relatives.new-relative-container,
div.card.card-inside-careteam,
md-toolbar.modal-title-administrative,
div.card-diet-content,
div.card>div.card-content-administrative.administrative-identity,
div.administrative-item,
div.card>div.card-content:not(div.card-appointment>div.card-content, .card-actions, .card-suivi.th-form-page .card-content),
div.card.card-appointment:not(:first-child, #appointments-list) {
    padding: var(--card-padding) !important;
}

div.card>div.card-content-administrative.administrative-identity>div {
    padding: 16px;
}

span.search-bar-container {
    padding: 8px;
}

/* 
##     ##    ###    ########   ######   #### ##    ## 
###   ###   ## ##   ##     ## ##    ##   ##  ###   ## 
#### ####  ##   ##  ##     ## ##         ##  ####  ## 
## ### ## ##     ## ########  ##   ####  ##  ## ## ## 
##     ## ######### ##   ##   ##    ##   ##  ##  #### 
##     ## ##     ## ##    ##  ##    ##   ##  ##   ### 
##     ## ##     ## ##     ##  ######   #### ##    ## 
*/
/* 
##     ##    ###    ########   ######   #### ##    ##         ########  #######  ########  
###   ###   ## ##   ##     ## ##    ##   ##  ###   ##            ##    ##     ## ##     ## 
#### ####  ##   ##  ##     ## ##         ##  ####  ##            ##    ##     ## ##     ## 
## ### ## ##     ## ########  ##   ####  ##  ## ## ## #######    ##    ##     ## ########  
##     ## ######### ##   ##   ##    ##   ##  ##  ####            ##    ##     ## ##        
##     ## ##     ## ##    ##  ##    ##   ##  ##   ###            ##    ##     ## ##        
##     ## ##     ## ##     ##  ######   #### ##    ##            ##     #######  ##
*/
#login-page table.pin,
#messages-container,
#login-page div.no-account-back-btn,
#login-page p.no-account-back-btn,
#login-page form,
.md-dialog-content,
div.card-content.card-content-document,
div.card.card-pathway.scrollable,
div.card-content-administrative.administrative-practitioners,
div.card-content-administrative.administrative-practitioners div.administrative-practitioner-card-list,
div.question-detail-text,
div.card-practitioners-print,
div.card-diet-content,
div.card.card-invoices.total-invoices {
    margin-top: var(--content-margin-top);
}

/***
*    ########  #### ########  ########  ######  ######## #### ##     ## ########  ######  
*    ##     ##  ##  ##     ## ##       ##    ##    ##     ##  ##     ## ##       ##    ## 
*    ##     ##  ##  ##     ## ##       ##          ##     ##  ##     ## ##       ##       
*    ##     ##  ##  ########  ######   ##          ##     ##  ##     ## ######    ######  
*    ##     ##  ##  ##   ##   ##       ##          ##     ##   ##   ##  ##             ## 
*    ##     ##  ##  ##    ##  ##       ##    ##    ##     ##    ## ##   ##       ##    ## 
*    ########  #### ##     ## ########  ######     ##    ####    ###    ########  ######  
*/

 .inline-upload-error,
 .inline-upload-file-added-trash,
 .inline-upload-img-trash-button,
 .preadmission-special-action-icon .fa-times {
    color: var(--error-color);
}

/* 
*
*/
div#main-content {
    max-height: calc(100vh - env(safe-area-inset-bottom) - 50px);
    /* overflow-y: scroll; */
}

/*
#### ##     ##    ###     ######   ########    ##     ##  #######  ########  ##     ## ##       ########  ######  
 ##  ###   ###   ## ##   ##    ##  ##          ###   ### ##     ## ##     ## ##     ## ##       ##       ##    ## 
 ##  #### ####  ##   ##  ##        ##          #### #### ##     ## ##     ## ##     ## ##       ##       ##       
 ##  ## ### ## ##     ## ##   #### ######      ## ### ## ##     ## ##     ## ##     ## ##       ######    ######  
 ##  ##     ## ######### ##    ##  ##          ##     ## ##     ## ##     ## ##     ## ##       ##             ## 
 ##  ##     ## ##     ## ##    ##  ##          ##     ## ##     ## ##     ## ##     ## ##       ##       ##    ## 
#### ##     ## ##     ##  ######   ########    ##     ##  #######  ########   #######  ######## ########  ######
*/
        /* 
        ##     ##  #######  ##     ## ########     ######  ##     ## ########  ##     ## ##    ## 
        ##     ## ##     ## ###   ### ##          ##    ## ##     ## ##     ## ##     ##  ##  ##  
        ##     ## ##     ## #### #### ##          ##       ##     ## ##     ## ##     ##   ####   
        ######### ##     ## ## ### ## ######      ##       ##     ## ########  ##     ##    ##    
        ##     ## ##     ## ##     ## ##          ##       ##     ## ##   ##    ##   ##     ##    
        ##     ## ##     ## ##     ## ##          ##    ## ##     ## ##    ##    ## ##      ##    
        ##     ##  #######  ##     ## ########     ######   #######  ##     ##    ###       ##   
        */

div.home-curvy div.slides {
    box-sizing: border-box;
}

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);
}

        /* 
        ##     ##  #######  ##     ## ########    ##       ####  ######  ######## 
        ##     ## ##     ## ###   ### ##          ##        ##  ##    ##    ##    
        ##     ## ##     ## #### #### ##          ##        ##  ##          ##    
        ######### ##     ## ## ### ## ######      ##        ##   ######     ##    
        ##     ## ##     ## ##     ## ##          ##        ##        ##    ##    
        ##     ## ##     ## ##     ## ##          ##        ##  ##    ##    ##    
        ##     ##  #######  ##     ## ########    ######## ####  ######     ## 
        */
div.home-list 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-list div.slide div.headline-button>div.headline-button-form {
    background-image: url(../img/CHGE001/CHGE001_menu_forms.svg);
    background-size: contain;
    border-radius: unset;
}

div.home-list 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_menu_pathway.svg);
    background-size: cover;
}

div.home-list 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_menu_docs.svg);
}

div.home-list 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-list div.slide div.headline-button>div.headline-button-messages {
    background-image: url(../img/CHGE001/CHGE001_menu_messages.svg);
}

div.home-list 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_menu_measures.svg);
}

div.home-list 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_menu_invoices.svg);
}

div.home-list 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-list div.slide div.headline-button>div.headline-button-calendar {
    background-image: url(../img/CHGE001/CHGE001_menu_calendar.svg);
}

div.home-list 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-list div.slide div.headline-button>div.headline-button-treatment {
    background-image: url(../img/CHGE001/CHGE001_menu_treatment.svg);
}

div.home-list 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_menu_iot.svg);
}

div.home-list 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-list div.slide div.headline-button>div.headline-button-goal {
    background-image: url(../img/CHGE001/CHGE001_menu_goals.svg);
}

div.home-list 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_menu_education.svg);
}

div.home-list 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-list div.slide div.headline-button>div.headline-button-reports {
    background-image: url(../img/CHGE001/CHGE001_menu_reports.svg);
}

div.home-list 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-list div.slide div.headline-button>div.headline-button-administrative {
    background-image: url(../img/CHGE001/CHGE001_menu_administrative.svg);
}

div.home-list div.headline-loading {
    color: var(--important-color);
}

/* 
########  ##     ## ########  ##       ####  ######     ##     ##  #######  ########  ##     ## ##       ########    #### ##     ##    ###     ######   ########  ######  
##     ## ##     ## ##     ## ##        ##  ##    ##    ###   ### ##     ## ##     ## ##     ## ##       ##           ##  ###   ###   ## ##   ##    ##  ##       ##    ## 
##     ## ##     ## ##     ## ##        ##  ##          #### #### ##     ## ##     ## ##     ## ##       ##           ##  #### ####  ##   ##  ##        ##       ##       
########  ##     ## ########  ##        ##  ##          ## ### ## ##     ## ##     ## ##     ## ##       ######       ##  ## ### ## ##     ## ##   #### ######    ######  
##        ##     ## ##     ## ##        ##  ##          ##     ## ##     ## ##     ## ##     ## ##       ##           ##  ##     ## ######### ##    ##  ##             ## 
##        ##     ## ##     ## ##        ##  ##    ##    ##     ## ##     ## ##     ## ##     ## ##       ##           ##  ##     ## ##     ## ##    ##  ##       ##    ## 
##         #######  ########  ######## ####  ######     ##     ##  #######  ########   #######  ######## ########    #### ##     ## ##     ##  ######   ########  ######  
*/

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

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

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

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

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

div.text-public-calendar-menu>span {
    visibility: hidden;
}

div.text-public-calendar-menu:after {
    content: "Conseils & Evènements";
    display: block;
    text-align: center;
    margin-top: -20px;
}

div[href="#!/app/public/calendarmenu"]>div {
    margin-top: 7px;
}

div[href="#!/app/public/calendarmenu"]>div.ng-binding {
    visibility: hidden;
}

div[href="#!/app/public/calendarmenu"]>div {
    margin-top: 7px;
}

div[href="#!/app/public/calendarmenu"]>div:after {
    content: "Conseils & Evènements";
    display: block;
    margin-top: -30px;
    margin-left: 40px;
    width: 80%;
    font-size: 0.9em;
}

div#home-social-links ul {
    list-style: none;
    width: 100%;
    padding: 0px;
}

div#home-social-links ul li {
    display: inline-block;
    font-size: 1;
    padding-right: 8px;
}

div#home-social-links ul li a {
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 35px;
    font-size: 35px;
    padding-top: 10px;
}

div.home-curvy div#home-curve {
    height: 1vw;
}

/* 
   ###    ########   #######  ##     ## ######## 
  ## ##   ##     ## ##     ## ##     ##    ##    
 ##   ##  ##     ## ##     ## ##     ##    ##    
##     ## ########  ##     ## ##     ##    ##    
######### ##     ## ##     ## ##     ##    ##    
##     ## ##     ## ##     ## ##     ##    ##    
##     ## ########   #######   #######     ##  
*/
div.card.card-about .about-item:not(:last-child) {
    border-bottom: var(--border);
}

div.card>div.card-content.card-content-about {
    height: auto;
    min-height: max-content;
    padding: 0;
}

ul.language-selector {
    padding: 0;
}

div.card-about ul.language-selector>li {
    background-color: rgba(var(--primary-color-values), 0.2);
}

div#menu-background {
    background-color: rgba(var(--secondary-color-values), 0.5);
}

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

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

#about-page div.passwords-inputs,
#about-page div.password-rules,
#about-page button.about-main-action,
#about-page button.about-main-action[disabled] {
    width: auto;
    margin-left: 0;
}

#about-page .password-repeat-icon.fa-times,
#about-page .password-rule-icon.fa-times,
#about-page .password-error,
.phone-input-error,
.reclamation-failure-sent {
    color: var(--error-color);
}

#about-page .password-repeat-icon.fa-check,
#about-page .password-rule-icon.fa-check,
#about-page .update-success,
.reclamation-success-sent {
    color: var(--success-color);
}

#about-page button.about-main-action[disabled] {
    color: var(--secondary-color);
}

.card-content-about-info-box {
    color: var(--hint-text-color);
}

div.privacyManagement div.buttonContainer {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

div.card-content-about-info-box {
    background-color: white;
    border: none;
}

#about-page button.about-main-action[disabled]{
    background-color: var(--disabled-button-bg-color);
}


/***
 *       ###     ######  ######## ####  #######  ##    ##    ##       ####  ######  ######## 
 *      ## ##   ##    ##    ##     ##  ##     ## ###   ##    ##        ##  ##    ##    ##    
 *     ##   ##  ##          ##     ##  ##     ## ####  ##    ##        ##  ##          ##    
 *    ##     ## ##          ##     ##  ##     ## ## ## ##    ##        ##   ######     ##    
 *    ######### ##          ##     ##  ##     ## ##  ####    ##        ##        ##    ##    
 *    ##     ## ##    ##    ##     ##  ##     ## ##   ###    ##        ##  ##    ##    ##    
 *    ##     ##  ######     ##    ####  #######  ##    ##    ######## ####  ######     ##    
 */

 div.action-list div.no-task > .headline-ok {
    color: var(--success-color);
}


/* 
   ###    ########  ##     ## #### ##    ## 
  ## ##   ##     ## ###   ###  ##  ###   ## 
 ##   ##  ##     ## #### ####  ##  ####  ## 
##     ## ##     ## ## ### ##  ##  ## ## ## 
######### ##     ## ##     ##  ##  ##  #### 
##     ## ##     ## ##     ##  ##  ##   ### 
##     ## ########  ##     ## #### ##    ##
*/
.button-administrative-delete {
    text-align: center;
    padding: 5px 15px;
    color: rgb(255, 0, 0);
    background-color: var(--primary-color);
    border: none;
    display: block;
    width: 85%;
    margin: auto auto 15px auto;
    border-radius: 5px;
}

div.administrative-form-label.administrative-identity {
    font-size: 18px;
}

div.card-content.card-content-administrative.administrative-identity {
    max-height: calc(100vh - 145px);
}

div.card-content.card-content-administrative.administrative-identity>div {
    display: flex;
    flex-direction: column;
    font-size: 18px;
}

div.card-content.card-content-administrative,
body.layout-landscape.mode-web div.card-content-administrative {
    padding: 0 !important;
    height: auto !important;
    min-height: auto !important;
}

.administrative-item.clickable {
    padding: 8px;
}

div.card-content.card-content-administrative.administrative-admission {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.card-content.card-content-administrative > div:not(.administrative-item) {
    min-height: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.card-content.card-content-administrative .administrative-item:not(:last-child) {
    border-bottom: var(--border);
}

div.administrative-category-practitioners-flex {
    gap: 16px;
}

button.administrative-button-practitioners {
    background-size: 15px !important;
    background-position-y: 15px !important;
    background-position-x: 15px !important;
    width: 100%;
    height: auto;
}

div.card-content.card-content-administrative.administrative-media div {
    padding: 8px;
}

div.practitioners-list-administrative div.card-practitioners-health,
div.practitioners-list-add-administrative div.card-practitioners-health,
div.practitioners-list-administrative.administrative-headband-practitioner,
div.practitioners-list-administrative.administrative-arrow-right.clickable {
    display: flex;
    align-items: center;
}

div.practitioners-list-administrative.administrative-arrow-right.clickable span i {
    font-size: 24px !important;
}

div.card-practitioners-print {
    padding: 15px;
}

div.card-practitioners-administrative {
    padding: 8px;
}

div.card-practitioners-administrative i {
    font-size: 24px !important;
    color: var(--primary-color) !important;
}

div.button-enable-practitioners>ul li button.delete-practitioners {
    border-radius: 5px;
}

.administrative-form-row {
    margin-bottom: 8px;
    border-bottom: var(--border);
}

/* 
   ###    ########  ##     ## #### ##    ## ####  ######  ######## ########     ###    ######## #### ##     ## ######## 
  ## ##   ##     ## ###   ###  ##  ###   ##  ##  ##    ##    ##    ##     ##   ## ##      ##     ##  ##     ## ##       
 ##   ##  ##     ## #### ####  ##  ####  ##  ##  ##          ##    ##     ##  ##   ##     ##     ##  ##     ## ##       
##     ## ##     ## ## ### ##  ##  ## ## ##  ##   ######     ##    ########  ##     ##    ##     ##  ##     ## ######   
######### ##     ## ##     ##  ##  ##  ####  ##        ##    ##    ##   ##   #########    ##     ##   ##   ##  ##       
##     ## ##     ## ##     ##  ##  ##   ###  ##  ##    ##    ##    ##    ##  ##     ##    ##     ##    ## ##   ##       
##     ## ########  ##     ## #### ##    ## ####  ######     ##    ##     ## ##     ##    ##    ####    ###    ######## 
*/
.administrative_input_check_true,
div.card-title-administrative.card-practitioners-health span.administrative-specialty-delegation span.administrative-grant-delegation,
div.card > div.card-content-administrative i.fa-circle.green,
div.consent-signed,
ul.ecard-dialog li div .fa-check,
.administrative-modal-icon-valid {
    color: var(--success-color);
}
.administrative_input_check_false,
div.card-content-administrative button.button-administrative.cancel,
div.card-content-administrative div.media-img-container button.th-delete-picture,
div.button-enable-practitioners > ul  li button.delete-practitioners,
div.card > div.card-content-administrative i.fa-circle.red,
md-dialog-actions.modal-button-administrative-consent .button-consent-cancel,
span.media-file-action i.fa-trash,
.consent-missing-infos,
div.media-upload-container-error,
.button-administrative-delete,
.administrative-modal-icon-invalid,
.administrative-modal-info-invalid,
.administrative-auto-input-invalid  {
    color: var(--error-color);
}

div.button-enable-practitioners > ul  li button.disabled-practitioners,
div.card-content-administrative.administrative-consents button.red,
.revoke-sign-consent,
md-dialog-actions.modal-button-administrative-consent .button-consent-clear {
    background-color: var(--error-color);
}

.input_instruction,
div.administrative-value-modal-placeholder,
div.administrative-value-modal-static,
div.card-title-administrative.card-practitioners-health span.administrative-specialty-delegation, 
div.card-legalname-firstname-practitioner span.administrative-spacialty-card,
md-autocomplete-parent-scope span.item-metadata,
.text-segur-max {
    color: var(--hint-text-color);
}

div.card-content-administrative button.button-administrative.disabled,
div.card-content-administrative button.button-administrative-new-practitioner.disabled {
    background-color: var(--disabled-button-bg-color);
}

span.media-file-action i.fa-trash.disabled,
i.fa-trash.disabled,
div.card-content-administrative.administrative-media i.fa-upload.disabled {
    color: var(--disabled-button-bg-color);
}

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.administrative-praticitoner-selected .administrative-praticitoner-identity,
div.administrative-praticitoner-selected ul.administrative-praticitoner-practice-list i.fa-li,
button.administrative-button-practitioners,
md-autocomplete-parent-scope span.item-title span.highlight,
div.card-content-administrative.administrative-consents p.important {
    color: var(--primary-color);
}

div.card-content-administrative.administrative-relatives .administrative-relatives-section,
div.administrative-relatives-explanation,
div.administrative-relatives-explanation span b,
div.administrative-relatives-explanation span ul li::before,
div.card-content-administrative.administrative-consents span.replacement,
div.consent-refused {
    color: var(--important-color);
}

div.card-content-administrative.administrative-relatives .administrative-relatives-explanations,
div.administrative-headband-practitioner {
    background-color: transparent;
}

.relatives-list-administrative.administrative-arrow-right.clickable {
    display: flex;
    align-items: center;
}

.administrative-consents-landing .documents-detail-button {
    background-image: url(../img/CHGE001/CHGE001_arrowRight_white.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_white.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;
}

/* 
   ###    ########  ########   #######  #### ##    ## ######## ##     ## ######## ##    ## ########  ######  
  ## ##   ##     ## ##     ## ##     ##  ##  ###   ##    ##    ###   ### ##       ###   ##    ##    ##    ## 
 ##   ##  ##     ## ##     ## ##     ##  ##  ####  ##    ##    #### #### ##       ####  ##    ##    ##       
##     ## ########  ########  ##     ##  ##  ## ## ##    ##    ## ### ## ######   ## ## ##    ##     ######  
######### ##        ##        ##     ##  ##  ##  ####    ##    ##     ## ##       ##  ####    ##          ## 
##     ## ##        ##        ##     ##  ##  ##   ###    ##    ##     ## ##       ##   ###    ##    ##    ## 
##     ## ##        ##         #######  #### ##    ##    ##    ##     ## ######## ##    ##    ##     ###### 
*/
div.card.card-appointment.appointment-details>div.card-title {
    display: none;
}

div.card.card-appointment #appointments-list div.card-title div.title-text-vcentered {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-text-vcentered div.appointment-title-icon {
    font-weight: bold;
}

div#appointments-list div.card-title div.card-title-img,
div#bookings-list div.card-title div.card-title-img {
    display: none;
}

div#appointments-list div.appointment-in-list div.col-container div.col2,
div#bookings-list div.appointment-in-list div.col-container div.col2 {
    font-size: 14px;
    text-align: center;
    padding-top: 2px;
}

div#appointments-list div.appointment-in-list div.col-container div.col2 span,
div#bookings-list div.appointment-in-list div.col-container div.col2 span {
    display: block;
    width: 100%;
}

span.appointment-time,
span.appointment-month {
    width: 100%;
    padding: 0;
    margin: 0;
}

div.appointment-status-created {
    padding: 0 0 4px 0;
}

div#appointments-list div.appointment-in-list div.col-container div.col2 span.appointment-month,
div#bookings-list div.appointment-in-list div.col-container div.col2 span.appointment-month {
    margin: 0;
    font-size: 10px;
}

div.appointment-in-list div.col-container.col-7,
div.appointment-in-list div.col-container.col-9 {
    padding: 0 0 0 8px;
}

div#appointments-list div.appointment-in-list div.appointment-title,
div#bookings-list div.appointment-in-list div.appointment-title {
    padding: 0;
    font-size: 16px;
    margin-bottom: 8px;
}

div.card.card-appointment {
    margin-bottom: 0px !important;
}

div.appointment-alone.appointment-in-list.appointment-detail {
    padding: 0!important;
    font-size: var(--text-font-size);
}

div.card.card-appointment div.appointement-detail-address-container {
    margin-bottom: 16px;
}

div.card.card-appointment div.appointment-notice-container {
    margin-top: 0;
    border-radius: 0!important;
    padding: 0!important;
}

div.card.card-appointment div.card-content.appointment-container.appointment-notice {
    padding: 8px;
}

.card.card-bookings {
    padding-bottom: 16px;
}
div#appointments-detail-teleconsultation {
    border: none;
}

div#appointments-list>div.card-content,
div#bookings-list>div.card-content {
    right: 0;
}

div#appointments-list div.appointment-in-list:nth-child(even),
div#bookings-list div.appointment-in-list:nth-child(even) {
    background: rgb(255 255 255 / 20%);
}

#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_white.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_white.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15px;
}

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

div.button-take-appointment {
    margin-top: 0px;
    padding: 0px 10px;
    text-transform: none;
    box-shadow: none !important;
    -webkit-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;
}

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

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

div.appointment-in-list.appointment-alone.appointment-detail {
    padding: 0px;
}

div.appointment-in-list.appointment-alone,
div.card-content.appointment-container.appointment-notice {
    font-size: var(--text-font-size);
}

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

div.appointment-notice-container {
    padding: 0;
}

div.card-appointment div.action-appointment-confirmok,
div.card-actions div.action > div.action-label-container > div.action-text-confirmed,
div#teleconsultation-latency.good {
    color: var(--success-color);
}

div.card-appointment div.action-appointment-confirmko,
div.card-actions div.action > div.action-label-container > div.action-text-canceled,
div.appointment-container-cancelled div.appointment-title,
div.appointment-container-cancelled div.appointment-location i.fa,
div.appointment-container-cancelled div.appointment-struct i.fas,
div.appointment-container-cancelled div.appointment-doctor i.fa,
div.appointment-container-cancelled div.appointment-org i.fa,
div.appointment-status-cancelled, 
div.appointment-status-waitlist,
.message-bookings-for-confirmed {
    color: var(--error-color);
}

div.appointment-container-cancelled span.appointment-time,
div.appointment-cancelled,
div.patient-teleconsultation-room .md-button.teleconsultation-quit,
div#teleconsultation-modal div.popup-buttons div.popup-red,
#appointments-detail-reports-fromPatient .fileUploadError span, 
div#teleconsultation-latency.poor,
div#teleconsultation-latency.awful {
    background-color: var(--error-color);
}

div.appointment-status-created,
#appointments-detail-reports-fromPatient .trashIcon {
    color: var(--important-color);
}

div.card-appointment div.action-appointment-edit,
div.card-actions div.action > div.action-label-container > div.action-text-edited {
    color: var(--primary-color);
}

div.modal-content-stars-teleconsultation {
    color: var(--stars-color);
}

/*  
######   #######  ##    ## ########    ###     ######  ########  ######  
##    ## ##     ## ###   ##    ##      ## ##   ##    ##    ##    ##    ## 
##       ##     ## ####  ##    ##     ##   ##  ##          ##    ##       
##       ##     ## ## ## ##    ##    ##     ## ##          ##     ######  
##       ##     ## ##  ####    ##    ######### ##          ##          ## 
##    ## ##     ## ##   ###    ##    ##     ## ##    ##    ##    ##    ## 
 ######   #######  ##    ##    ##    ##     ##  ######     ##     ######   
 */
div.member-name {
    margin-bottom: 8px;
}
div.careteam-member div.member-tel {
    margin-bottom: 16px;
}
/*
########   #######   ######  ##     ## ##     ## ######## ##    ## ########  ######  
##     ## ##     ## ##    ## ##     ## ###   ### ##       ###   ##    ##    ##    ## 
##     ## ##     ## ##       ##     ## #### #### ##       ####  ##    ##    ##       
##     ## ##     ## ##       ##     ## ## ### ## ######   ## ## ##    ##     ######  
##     ## ##     ## ##       ##     ## ##     ## ##       ##  ####    ##          ## 
##     ## ##     ## ##    ## ##     ## ##     ## ##       ##   ###    ##    ##    ## 
########   #######   ######   #######  ##     ## ######## ##    ##    ##     ######  
*/

div.document {
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

div.chapter.chapter-web,
div.chapter-top {
    box-shadow: none;
    -webkit-box-shadow: none;
}

button.document-button-web.md-button.md-ink-ripple {
    border-radius: 10px;
}

div.card-content-document.multipage {
    min-height: auto;
    height: calc(100vh - 245px);
    overflow-y: auto;
}

.btn-bottom, .btn-top {
    visibility: hidden!important;
}

.documents-multipage-nav {
    margin-top: 4px;
}

button.btn-return-last {
    justify-content: center;
    border-radius: 5px;
}

div.chapter-content.chapter-image img {
    filter: brightness(0) invert(1);
}

div.chapter-content.chapter-image img,
img.chapter-top-image.chapter-top-image-mobile {
    width: 33px;
}

div.documents-multipage-nav > div.documents-multipage-nav-btn {
    width: 50%;
}
div.documents-multipage-nav .btn-next,
div.documents-multipage-nav .btn-prev {
    width: 100%;
    background-size: auto;
}

div.documents-multipage-nav .btn-next span,
div.documents-multipage-nav .btn-prev span {
    width: 100%;
}

div.documents-multipage-nav .btn-prev span {
    text-align: left;
    padding-left: 26px;
}
div.documents-multipage-nav .btn-next span {
    text-align: right;
    padding-right: 26px;
}

div.documents-multipage-nav button.btn-next,
div.documents-multipage-nav button.btn-prev,
div.documents-multipage-nav button.btn-return-last {
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-position: center;
}

div.documents-multipage-nav button.btn-return-last {
    background: none;
}

div.documents-multipage-nav-btn {
    width: 50%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
}

div.chapter.chapter-mobile,
div.document.document-mobile {
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: none;
    -webkit-box-shadow: none;
}

div.document.document-mobile {
    flex-direction: column;
}

div.chapter-favorites-mobile {
    margin-bottom: 0;
}

div.document-button.document-mobile-container {
    width: 100% !important;
}

button.document-button-web.md-button.md-ink-ripple.new.document-button-mobile {
    width: 100%;
    margin: 0;
}
div.documents-read-indicator {
    display: flex;
    align-items: center;
}

div.documents-read-indicator>img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1)!important;
}

button.btn-return-last {
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-position: center;
}

div.documents-top-button-icon {
    background-color: var(--important-color);
}

.documents-favorites-star {
    color: var(--stars-color);
}
/***
 *    ########  #### ######## ######## 
 *    ##     ##  ##  ##          ##    
 *    ##     ##  ##  ##          ##    
 *    ##     ##  ##  ######      ##    
 *    ##     ##  ##  ##          ##    
 *    ##     ##  ##  ##          ##    
 *    ########  #### ########    ##    
 */

 .card-diet .water-cannot-delete,
 .food-error-message {
    color: var(--error-color);
 }

/* 
######## ##     ## ######## ########   ######  ####  ######  ########  ######  
##        ##   ##  ##       ##     ## ##    ##  ##  ##    ## ##       ##    ## 
##         ## ##   ##       ##     ## ##        ##  ##       ##       ##       
######      ###    ######   ########  ##        ##  ##       ######    ######  
##         ## ##   ##       ##   ##   ##        ##  ##       ##             ## 
##        ##   ##  ##       ##    ##  ##    ##  ##  ##    ## ##       ##    ## 
######## ##     ## ######## ##     ##  ######  ####  ######  ########  ######   
*/
div.cards.card-exercises {
    margin-top: 16px;
}

div.card-category-title-exercises {
    border: none;
}

/* 
########  #######  ########  ##     ##  ######  
##       ##     ## ##     ## ###   ### ##    ## 
##       ##     ## ##     ## #### #### ##       
######   ##     ## ########  ## ### ##  ######  
##       ##     ## ##   ##   ##     ##       ## 
##       ##     ## ##    ##  ##     ## ##    ## 
##        #######  ##     ## ##     ##  ######  
*/
body.layout-landscape div.th-form-question {
    width: 100%!important;
    border: none!important;
}
div.th-form-question > engage-default-style > div.th-form-question-content div.question-text {
    max-width: 100%;
    white-space: initial;
}

div.card.card-suivi.th-form-page.forms-external div.survey-confirm.th-form-question {
    overflow: visible;
}
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 {
	background-color: var(--secondary-color)!important;
}

engage-default-style h3 {
    color: white!important;
    padding: 0 8px;
}

@media (min-width: 860px) {
    span.control-slider-number-horizontal {
        margin-left: 0;
    }
}

div.th-respi-control .respiContainer {
    border: thin solid white;
}

div.card-title-img.card-title-img-form {
    background-image: url(../img/CHGE001/CHGE001_menu_forms.svg);
}

div.th-form-content div.survey-confirm.th-form-question {
    margin-left: -2%;
}

div.cards.card-forms div.document-item div.form div.form-title {
    font-weight: bold;
}

div.forms-item div.form-title.form-status-done,
div.th-form-measure-valid,
div.survey-confirm button.md-button,
div.th-control-true-false > div.choices-group > div.control-choice-container > div.control-choice.choice-right,
div.th-control-true-false > div.appreciation-text > div.right-answer-text {
    color: var(--success-color);
}

div.th-control-true-false > div.choices-group > div.control-choice-container > div.control-choice.choice-wrong,
div.th-control-true-false > div.appreciation-text > div.wrong-answer-text,
div.th-camera-control div#last-picture button.th-delete-picture,
div.th-upload-control div#last-picture button.th-delete-picture,
div.th-upload-control .upload-picture-error{
    color: var(--error-color);
}

div.error-forms-external {
    border-color: var(--important-color);
}

div.th-form-question > div.th-form-question-content div.question-text-error.forms-external {
    color: var(--important-color);
}

div.complete {
    background-color: var(--secondary-color);
    border-radius: 10px;
}

div.th-form-nav .btn-next-disabled {
    background-size: 100px 40px;
    background-position: right;
    background-repeat: no-repeat;
    background-color: var(--disabled-button-bg-color)!important;
}

div.th-control-rate-10 >div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider.really-good .rz-bubble,
div.th-form-synthesis span.true-answer,
.date-validator-true,
ul.ecard-dialog li div .fa-check {
    color: var(--success-color);
}
div.th-control-rate-10 >div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider.good .rz-bubble {
    color: rgb(255 227 124);
}
div.th-control-rate-10 >div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider.medium .rz-bubble {
    color: #F6921E;
}
div.th-control-rate-10 >div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider.bad .rz-bubble {
    color: var(--important-color);
}
div.th-control-rate-10 >div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider.really-bad .rz-bubble,
div.th-form-synthesis span.false-answer,
.date-validator-false {
    color: var(--error-color);
}
div.th-control-rate-10 >div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider.N/A .rz-bubble {
    color: var(--primary-color);
}

div.th-control-temperature > div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider .rz-pointer,
div.th-control-temperature > div.control-rate-slider > div.slider-track-container > div.slider-track > rzslider .rz-selection {
    background-color: var(--error-color);
}

div.th-control-barrows-cards .validation-btn .md-button,
div.th-control-barrows-cards .validation-btn .md-button:hover,
div.th-control-barrows-cards .validation-btn .md-button:focus {
    background-color: var(--success-color);
}

div.forms-timeframe-selector {
    margin-bottom: 16px;
}

div.forms-timeframe-selector>div.form-timeframe {
    flex: 1;
    font-size: 12px;
}

div.forms-timeframe-selector>div.form-timeframe.active-timeframe {
    background: var(--primary-color)!important;
    color: var(--secondary-color)!important;
    font-weight: 800;
    font-size: 12px;
}

div.th-page.card-container {
    max-height: calc(100vh - 100px);
}

/* div.card.card-suivi.th-form-page {
    overflow-y: auto;
} */

div.card-forms div.form {
    box-shadow: none;
    -webkit-box-shadow: none;
}

div.forms-timeframe-selector.col-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

div.forms-timeframe-selector>div.form-timeframe {
    flex: 1;
}

div.th-form-synthesis.synthesis-details.ng-scope {
    background-color: white;
}

div.synthesis-details-title.ng-scope,
div.th-form-synthesis div.answer {
    color: var(--secondary-color);
}

div.documents-item div.form {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 16px 0;
}

.form-date-mobile {
    font-size: 14px;
}

.form-top-part {
    gap: 8px;
}

.documents-item {
    border-bottom: none;
}

.form-top-button.bg-specific-primary.ng-scope.empty {
    border-radius: 10px;
}

div.th-choices-control>div.choice.multiple {
    background-color: rgb(0 0 0 / 10%)!important;
}
div#form-modal-background {
    border-radius: 20px;
}

div#form-modal {
    width: 100%;
    height: calc(100vh - 150px);
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    margin-left: 0;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div#form-modal-footer div.popup-button.popup-green {
    width: 50%;
    margin: 32px auto;
    font-weight: bold;
    background-color: var(--secondary-color);
}

div.th-control-true-false>div.choices-group>div.control-choice-container>div.control-choice {
    border: 2px solid var(--primary-color);
}

.th-page.card-container.scrollable {
    max-height: calc(100vh - 50px);
}

div.control-measure-container {
    width: 100%;
}

div.measures-item:not(:last-child) {
    border-bottom: var(--border);
}

div.measure-date.dt {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div.measure-date.dt .dt-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.card-separator {
    margin-right: 0;
    margin-left: 0;
    margin-top: 16px;
}

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

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

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

div.th-form-content {
    min-height: auto;
    position: relative;
    /* max-height: calc(100vh - 250px);
    overflow-y: scroll; */
}

div.th-form-content>div.th-form-nav {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    z-index: 999;
    margin-top: 0;
}

div.th-form-nav>div.form-nav-btn>button {
    width: 90%;
}

div.th-form-nav>div.form-nav-btn {
    flex: 1;
}

div.survey-confirm button.md-button {
    width: fit-content;
    max-width: 250px;
    font-size: 14px;
}

body.layout-landscape div.th-form-question {
    width: 100%;
    border: none;
}

body.layout-landscape div.th-form-question div.synthesis-details {
    height: auto !important;
    overflow-y: auto;
}

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;
}

.th-control.th-html-control .html-content img {
    max-width: 100%;
    margin-top: 16px;
}

.question-details {
    padding-bottom: 40px;
}

.question-detail-text {
    margin-bottom: 16px;
    padding: 0 8px;
}

div.choice-outside-div,
div.th-choices-control>div.choice,
div.category-outside-div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 15px;
    gap: 8px;
}
div.choice-outside-div, div.th-choices-control>div.choice {
    background-color: rgb(255 255 255 / 20%)!important;
}

div.category-outside-div {
    background-color: rgb(177 177 177 / 30%);
}

div.choice-selected-outside-div, div.th-choices-control>div.choice.selected,
div.category-outside-div.category-selected-outside-div {
    background-color: var(--secondary-color) !important;
}

div.choice-outside-div {
    width: 70%;
    margin-left: 0;
    margin: 6px auto;
}

.choice-outside-div img {
    max-width: 100%;
}

div.image-choice-container {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

div.th-choices-control > div.image-choice-container > div.image-choice {
    margin: 0;
    max-width: 100%;
}

div.th-choices-control > div.image-choice-container > div.image-choice > div,
div.th-choices-control > div.image-choice-container > div.image-choice div.label {
    width: 50%;
}

div.th-choices-control > div.image-choice-container > div.image-choice img {
    max-width: 100%;
    margin: 0;
    height: auto;
    max-height: 100%;
}

div.choice-outside-div.choice-selected-outside-div-nocheck {
    background-color: var(--secondary-color) !important;
}

div.th-form-question > engage-default-style > div.th-form-question-content div.question-text {
    font-size: 22px;
}

.question-details {
    padding-bottom: 48px;
}

div.th-form-question > engage-default-style > div.th-form-question-content div.question-text {
    font-size: 20px;
}

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

div.form-timeframe {
    font-size: 0.7em;
}

div.card-forms {
    font-size: 14px;
}

/* div#survey-item-id.th-form-question-content {
    overflow-y: scroll;
} */

div.th-form-question {
    max-height: calc(100vh - 250px)!important;
}


@media screen and (max-width: 425px) {
    .image-choice.choice-outside-div {
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

    div.image-choice-container {
        flex-direction: column;
    }

    div.th-choices-control > div.image-choice-container > div.image-choice {
        width: 100%;
    }

    div.th-choices-control > div.image-choice-container > div.image-choice {
        min-width: 100%;
    }
}

div.th-number-control>input {
    background: transparent;
    color: var(--primary-color);
}
.card.card-suivi.th-form-page.forms-external {
    overflow: auto;
}
div.card.card-suivi.th-form-page.forms-external div.card-content div.th-form-content.forms-external {
    min-height: fit-content;
    max-height: 100%;
    padding-bottom: 32px;
}

body.layout-landscape div#main-content {
    backdrop-filter: blur(30px)!important;
}
body.layout-landscape div.th-form-question.forms-external {
    padding: 16px 0!important;
}
/* 
 ######    #######     ###    ##        ######  
##    ##  ##     ##   ## ##   ##       ##    ## 
##        ##     ##  ##   ##  ##       ##       
##   #### ##     ## ##     ## ##        ######  
##    ##  ##     ## ######### ##             ## 
##    ##  ##     ## ##     ## ##       ##    ## 
 ######    #######  ##     ## ########  ######
*/
div.card-title.with-subtitle.card-title-goal {
    display: flex;
    align-items: center;
}

.achieved {
    background-color: var(--success-color);
    border-color: var(--success-color);
}

.not-achieved {
    background-color: var(--important-color);
    border-color: var(--important-color);
}

.goal-label {
    color: var(--primary-color);
}

/***
 *    ##     ## ######## ##       ########  ######## ########  
 *    ##     ## ##       ##       ##     ## ##       ##     ## 
 *    ##     ## ##       ##       ##     ## ##       ##     ## 
 *    ######### ######   ##       ########  ######   ########  
 *    ##     ## ##       ##       ##        ##       ##   ##   
 *    ##     ## ##       ##       ##        ##       ##    ##  
 *    ##     ## ######## ######## ##        ######## ##     ## 
 */

div.change-patient-menu img {
    margin-left: 30px !important;
    margin-bottom: 0 !important;
    margin-right: 16px;
}
div.helper span.search-bar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.details-container div.patient-detail {
    border-bottom: thin solid white;
    background: transparent;
    backdrop-filter: blur(30px);
}

i.fa.fa-user.fa-stack-1x.male-logo,
span.male-text,
span.female-text,
div.date-of-birth {
    color: var(--main-text-color);
}

div.helper-add-patient-primary-action {
    background: var(--secondary-color);
    border: thin solid white;
    border-radius: 8px;
    backdrop-filter: blur(30px);
}

div.helper-add-patient-alt-action {
    width: 60%;
    border: thin solid white;
    border-radius: 8px;
    backdrop-filter: blur(30px);
    padding: 2%;
    margin: 16px auto;
    color: var(--main-text-color);
}

body.layout-landscape div.home-curvy #home-top-dynamic,
div.home-curvy #home-top-dynamic {
    background-color: transparent !important;
}
div.home-curvy #home-top-dynamic img {
    max-height: 80%;
}

body.layout-landscape div.home-curvy #home-curve,
div.home-curvy #home-bottom-static,
div.home-image-separator div.home-image-wrapper {
    background-color: transparent!important;
}

/* 
##     ##  #######  ##     ## ######## 
##     ## ##     ## ###   ### ##       
##     ## ##     ## #### #### ##       
######### ##     ## ## ### ## ######   
##     ## ##     ## ##     ## ##       
##     ## ##     ## ##     ## ##       
##     ##  #######  ##     ## ######## 
*/
div.home-curvy div.home-image-separator-right:after,
div.home-curvy div.home-image-separator-left:after,
div.home-curvy div.home-image-separator-single: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 {
    background-position-y: 1vh;
    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;
    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_white.svg);
}

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

div.home-curvy.public-style #home-curve {
    background: no-repeat 100% #fff;
    background-size: inherit;
}

div.home-curvy div.headline-loading {
    background-color: var(--error-color);
}

/* 
##     ##  #######  ##     ## ########         ##       ####  ######  ######## 
##     ## ##     ## ###   ### ##               ##        ##  ##    ##    ##    
##     ## ##     ## #### #### ##               ##        ##  ##          ##    
######### ##     ## ## ### ## ######   ####### ##        ##   ######     ##    
##     ## ##     ## ##     ## ##               ##        ##        ##    ##    
##     ## ##     ## ##     ## ##               ##        ##  ##    ##    ##    
##     ##  #######  ##     ## ########         ######## ####  ######     ##    

*/
body.layout-landscape div.home-list #home-top-dynamic {
    background-color: transparent !important;
}

body.layout-landscape div.home-list #home-curve {
    background-color: transparent !important;
}

div.home-list {
    background: transparent;
    max-height: calc(100vh - 120px);
}

div.home-list div.home-menu-buttons div.home-image-separator div.home-image-wrapper > div > img {
    max-width: 100%!important;
    max-height: 100%!important;
}

div.home-list #home-top-dynamic {
    background-color: transparent;
}

div.home-list #home-top-static {
    position: sticky;
    top: 0;
    z-index: 9;
    overflow: hidden;
}

div.action-reminder-badge {
    background-color: var(--tertiary-color);
    background-image: none;
}

div.home-list #home-bottom-static {
    /* height: 77%; */
    max-height: calc(100vh - 325px);
    background-color: transparent;
    /* overflow-y: scroll; */
}

div.home-list #home-curve {
    background: transparent;
    height: 30px;
}

div.home-list div.home-menu-buttons,
body.layout-landscape div.home-list div.home-menu-buttons {
    margin-bottom: 70px;
    font-size: 18px !important;
}

div.home-list div.home-image-separator {
    background-color: transparent;
    position: relative;
    text-align: left;
}
div.home-list div.home-image-separator.col-5::before,
div.home-list div.home-image-separator.col-6::before {
    display: none;
}
div.home-list div.home-image-separator.col-5 {
    max-width: 50%;
}
div.home-list div.home-image-separator.col-3 {
    max-width: 33%;
}

div.home-list div.home-image-separator::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-image: url("../img/circle-right-regular.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

div.home-list div.home-image-separator:focus {
    background-color: var(--primary-color);
}

div.home-list div.home-image-separator:focus>div {
    color: var(--secondary-color);
}

div.home-list div.home-image-separator div.home-image-wrapper {
    width: 50px;
    margin: 0 16px 0 8px;
}

div.home-list div.home-image-separator div.home-image-wrapper>div {
    background-color: transparent !important;
    background-size: auto;
}

body.layout-landscape div.home-list div.home-image-separator div.home-image-wrapper > div {
    height: 50px;
    width: 50px;
}

div.home-list div.home-image-separator div.home-print-background {
    margin: 0;
    padding: 0;
    min-height: auto;
    width: auto;
    background-color: transparent;
}

div.home-list div.slide div.headline-alert {
    font-weight: bold;
    color: var(--important-color);
}

div.home-list div.slide div.headline-button {
    background-color: transparent;
    color: var(--secondary-color);
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

div.home-list div.headline-ok {
    color: var(--success-color);
}

div.home-list div.home-new-indicator {
    right: -15px;
    top: -15px;
    background-color: var(--tertiary-color);
    background-image: none;
}

div.home-list footer {
    color: var(--secondary-color);
    font-weight: bold;
    text-decoration: none;
}

body.layout-landscape div.home-list footer a {
    text-decoration: inherit;
}

@media screen and (min-width: 1129px) {
    div.home-list footer {
        color: var(--main-text-color);
        background: transparent;
        /* margin-left: 300px; */
    }
}

/* 
#### ##    ## ##     ##  #######  ####  ######  ########  ######  
 ##  ###   ## ##     ## ##     ##  ##  ##    ## ##       ##    ## 
 ##  ####  ## ##     ## ##     ##  ##  ##       ##       ##       
 ##  ## ## ## ##     ## ##     ##  ##  ##       ######    ######  
 ##  ##  ####  ##   ##  ##     ##  ##  ##       ##             ## 
 ##  ##   ###   ## ##   ##     ##  ##  ##    ## ##       ##    ## 
#### ##    ##    ###     #######  ####  ######  ########  ######
*/
.card-title-subtitle span {
    color: var(--subtitle-color);
}

div.invoices-detail-paid-status,
.invoices-detail-text-container .green {
    color: var(--success-color);
}

div.card-invoices div.upload-error,
div.invoices-detail-cancelled-status,
.invoices-detail-error-input-card li {
    color: var(--error-color);
}

span.category-align-noread,
.invoices-detail-text-container .red {
    color: var(--important-color);
}


/* 
#### ##    ## ########  #######  ########  ##     ##    ###    ######## ####  #######  ##    ## 
 ##  ###   ## ##       ##     ## ##     ## ###   ###   ## ##      ##     ##  ##     ## ###   ## 
 ##  ####  ## ##       ##     ## ##     ## #### ####  ##   ##     ##     ##  ##     ## ####  ## 
 ##  ## ## ## ######   ##     ## ########  ## ### ## ##     ##    ##     ##  ##     ## ## ## ## 
 ##  ##  #### ##       ##     ## ##   ##   ##     ## #########    ##     ##  ##     ## ##  #### 
 ##  ##   ### ##       ##     ## ##    ##  ##     ## ##     ##    ##     ##  ##     ## ##   ### 
#### ##    ## ##        #######  ##     ## ##     ## ##     ##    ##    ####  #######  ##    ## 
*/
.cards.card-documents>div[ng-repeat] {
    background: transparent;
    border: none;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
}

div.card>div.card-title>div.title-text-vcentered {
    line-height: 24px;
}

div.pathway-spot.today-empty {
    background-position: 0px 0px;
}

/* 
##        #######   ######   #### ##    ## 
##       ##     ## ##    ##   ##  ###   ## 
##       ##     ## ##         ##  ####  ## 
##       ##     ## ##   ####  ##  ## ## ## 
##       ##     ## ##    ##   ##  ##  #### 
##       ##     ## ##    ##   ##  ##   ### 
########  #######   ######   #### ##    ## 
*/
div#login-page {
    position: relative;
    border: none;
    margin: 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto;
    font-size: var(--text-font-size);
}
@media screen and (min-width: 425px) {
    div#login-page {
        justify-content: center;
    }
}
#login-page .login-pairing-step div form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
div#login-page div.already-registered-btn {
    margin-bottom: 16px;
}

div#login-page form.form-smscode-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 350px;
}

div.prosanteconnect-login img {
    background-color: rgb(255 255 255 / 20%);
    border-radius: 50px 8px 8px 50px;
}

md-toolbar.modal-title-appointment-qrcode._md._md-toolbar-transitions {
    background: transparent;
}

div#login-page button.bosa-login.login-main-action {
    position: relative;
}

div#login-page button.bosa-login.login-main-action img {
    position: absolute;
    left: 48px;
    width: 48px;
    height: 48px;
}

div#login-page div.prosanteconnect-login {
    width: 100%;
}

.pictogrammInfo {
    margin-left: 0;
    position: relative;
}

#pictogrammIcon {
    margin: 0 5px 0 7px;
    position: absolute;
    top: 25%;
    left: 92%;
}

#login-page.new-account form {
    height: calc(100vh - 150px);
}

#login-page form.login-sms-code {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div#login-page,
body.layout-landscape div#login-page {
    min-height: calc(100vh - 50px);
    overflow-y: auto;
}

#login-app-engage-banner {
    width: 100%;
}

div.login-title {
    align-self: flex-start;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 32px;
}

#login-page div.login-title.cgu-subtitle {
    font-size: 18px;
    color: var(--primary-color);
    margin: 0;
}

#login-page div.cgu-text {
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    background-color: rgb(255 255 255 / 50%);
    backdrop-filter: blur(30px);
    margin-bottom: 64px;
    padding: 16px 32px;
}
#login-page div.cgu-text h2 {
    color: var(--text-on-white-bg)!important;
}

#login-page p.login-title:not(.pin-code-block > p) {
    margin: 0 0 32px 0;
    text-align: left;
}

#login-page p.login-subtitle {
    margin-bottom: 32px;
    text-align: left;
}
#login-page div.passwords-inputs,
#login-page form,
#login-page input {
    width: 100%;
    color: var(--primary-color);
}

#login-page input[type='text'],
#login-page input[type='password'],
#login-page input[type='number'],
#login-page input[type='tel'] {
    padding: 8px;
}

#login-please-scan {
    max-width: 100%;
    overflow: auto;
}

#login-page .already-registered-btn,
#login-page .already-registered-txt,
#login-page p.no-account-btn.clickable,
#login-page p.login-alt-action,
#login-page .already-registered-btn.clickable {
    width: 100%;
    font-size: 14px;
    text-align: right;
    font-style: italic;
}

div#login-please-scan > div {
    text-align: left;
    line-height: 24px;
}

#login-page div#login-please-scan img {
    display: none;
}
#login-page button.login-alt-action {
    width: 100%;
}

/* 
LANDING PUBLIC showError = true;
*/
.landing-public-text {
    color: var(--primary-color);
    font-size: 16px;
}

/* 
NEW ACCOUNT
*/
#login-page.new-account form,
#login-page.new-account .account-identity,
#login-page.new-account .account-identity .md-select-value.md-select-placeholder {
    overflow-y: scroll;
    color: var(--main-text-color);
}
#login-page.new-account div.account-identity h4 {
    font-size: 18px;
}
#login-page.new-account div.account-identity .layout-column {
    width: -webkit-fill-available;
}
#login-page.new-account md-input-container.md-default-theme .md-input, md-input-container .md-input,
#login-page.new-account md-select#ORGANIZATION * {
    border-color: var(--primary-color);
}
#login-page.new-account md-select-value#select_value_label_0 {
    color: white;
}
#login-page div.passwords-inputs input {
    margin-left: 0;
}
#login-page.new-account div.password-rules-mobile {
    color: var(--main-text-color);
}
#login-page.new-account div.captcheck_answer_images {
    display: flex;
    justify-content: center;
}

/* 
LOGIN FIRST CONNECTION
*/
input#first_connection_email {
    background: transparent;
    padding: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-bottom: 2px solid;
}
div.captcheck_label_message div#captcheck_db8ba_answer_images,
div.captcheck_label_message div.captcheck_answer_images {
    display: flex;
}

#login-page div#login_pincode {
    max-width: 380px;
    width: 100%;
}

#login-page div.pin-overlay {
    margin-top: -158px;
    height: 120px;
    width: 100%;
    border-radius: 10px;
}

#login-page .login-image-separator {
    display: none;
}

#login-page img#login-logo {
    display: none;
}

#login-page div.login-input-switch {
    position: relative;
}

#login-page .login-show-password-i {
    top: -50px;
    color: var(--secondary-color);
}

#login-page.new-account .login-main-action,
#login-page.new-account .login-main-action-mobile {
    max-width: 350px;
    height: auto;
    margin-bottom: 30px;
    margin-top: 20px;
}

#login-page #text_code_sms_ok,
#login-page div.login-unpair {
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#login-page button.login-main-action.qrcode-btn,
#login-page button.login-main-action[disabled].qrcode-btn {
    background-image: url(../img/CHGE001/CHGE001_qrcode.svg);
    background-repeat: no-repeat;    
}

#login-page button.login-alt-action.other-method {
    background-image: url(../img/CHGE001/CHGE001_other_method.svg);
}

#login-page button.login-main-action:not(.landing-public-btn),
#login-page button.login-alt-action:not(.back),
body.layout-landscape #login-page button.login-main-action,
body.layout-landscape #login-page button.login-alt-action,
#login-page button.login-alt-action.back-to-accounts {
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 32px;
    background-size: 48px;
    font-weight: bold;
    text-align: left;
    padding: 32px 46px 32px 100px !important;
    font-size: 16px;
    max-width: 350px!important;
}

div#landing-public-choice-patient button.login-main-action,
div#landing-public-choice-visitor button.login-main-action {
    width: 90%;
}

#login-page button.login-main-action-appt.login-main-action {
    background-image: url(../img/CHGE001/CHGE001_menu_calendar.svg);
    margin-top: 16px;
}

/* 
login.pairing.step === '00_WELCOME'
*/
div#login-please-scan {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 350px;
}

/* 
login.pairing.step === '02_CGU'
*/
#login-page button.login-main-action.check {
    background-image: url(../img/CHGE001/CHGE001_check.svg);
}

/* 
login.pairing.step === '03_NEW_DEVICE'
*/
#login-page .login-new-device-container {
    justify-content: space-between;
    display: flex;
}

/* 
login.pairing.step === '20_PINLOST_ASK_FOR_INTERNALID'
*/
#login-page input#pinlost_internalid {
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: unset;
    border-bottom: 2px solid;
    font-size: 20px;
}
#login-page p.no-account-back-btn {
    text-align: center;
}
#login-page button.login-main-action.checked {
    background-image: url(../img/CHGE001/CHGE001_check_code.svg);
}

/* 
login.pairing.step === '20_ASK_FOR_SMS'  || login.pairing.step === '20_PINLOST_NEW_SMS' || login.pairing.step === '20_FIRST_CONNECTION_SMS'
*/
button.login-main-action.resend,
button.login-alt-action.resend,
button.login-alt-action[data-testid="LoginLayout-askSMSCodeButton"] {
    background-image: url(../img/CHGE001/CHGE001_send_sms.svg)!important;
}

/* 
login.pairing.step === '21_CONFIRM_SMS_CODE' || login.pairing.step === '22_PAIRING_INTERRUPTED_CONFIRM_SMS_CODE'
*/
#login-page form.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#login-page div.login-text.step-title:not(.login-pairing-step div.login-text.step-title) {
    font-size: 32px;
}
#login-page form input#smscode {
    font-size: 57px;
    max-width: 250px;
    padding:0;
}
#login-page button.login-main-action.check-code {
    background-image: url(../img/CHGE001/CHGE001_check_code.svg);
}
#login-page button.login-main-action.check {
    background-image: url(../img/CHGE001/CHGE001_check.svg);
    margin-bottom: 32px;
}
#login-page button.login-alt-action.resend {
    background-image: url(../img/CHGE001/CHGE001_re-send.svg);
}

#login-page div.login-unpair>button,
#login-page button.login-unpair {
    background-image: url(../img/CHGE001/CHGE001_re-send.svg);
}

/* 
login.pairing.step === '30_CHOOSE_PIN'
*/
#login-page div.login-text:not(.step-title),
#login-page div#text_code_sms_ok div.login-text {
    margin:0 0 32px 0;
    text-align: left;
    font-size: 16px                             ;
    line-height: 24px;
    /* width: 100%; */
}
#login-page div.login-text {
    max-width: 350px;
}
#login-page div.login-text:first-child:not(.card.pairing div.login-text) {
    font-size: 24px;
    font-weight: bold;
}
#login-page div.login-text.step-title {
        margin-bottom: 16px;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
}
#login-page div.login-text span.login-bold{
    display: block;
    margin-top: 32px;
}

/* 
login.mode === 'PASSWORD' && (login.pairing.step === '30_CHOOSE_PIN' || login.pairing.step === '31_TYPE_PIN' || login.pairing.step === '32_SPECIAL_TRANSITION_TO_PASSWORD')
*/
#login-page .login-show-password-i-bis,
#login-page .password-repeat-icon.fa-check {
    top: -55px;
}

/* 
"login.mode === 'PIN' && (login.pairing.step === '30_CHOOSE_PIN' || login.pairing.step === '31_TYPE_PIN' ||  login.pairing.step === '54_2FA_CHOOSE_PIN')"
*/
#login-page button.login-main-action.set-code {
    background-image: url(../img/CHGE001/CHGE001_secret_code.svg);
}

/* 
login.pairing.step === '40_PAIRING_SUCCESS'
*/
div#pairing-success-img {
    background-image: url(../img/CHGE001/CHGE001_task_check.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

p.login-success {
    margin-bottom: 32px;
    margin-top: 32px;
    text-align: center;
}

#login-page button.login-main-action.btn-success {
    background-image: url(../img/CHGE001/CHGE001_connect.svg);
}

/* 
login.pairing.step === '50_ALREADY_PAIRED_WITH_PIN' || login.pairing.step === '51_ALREADY_PAIRED_WITH_OIDC'
 */
#login-page div.login-pairing-step div.card.home.home-curvy.login-curvy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#login-page div.pin-code-block {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#login-page div.pin-code-block table.pin {
    margin-bottom: 36px;
}

#login-page div.pin-code-block span.erase i {
    display: flex;
}

/* 
login.pairing.step === '51_ALREADY_PAIRED_WITH_PASSWORD' || login.pairing.step === '01_WELCOME_OTP'
*/
#login-page input#identifiant,
#login-page input#password,
#login-page input#password1,
#login-page input#password2,
#login-page input#smscode {
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: unset;
    border-bottom: 2px solid var(--primary-color);
    font-size: 20px;
    margin-bottom: 20px;
}

#login-page button.login-main-action[type="submit"] {
    /* background-image: url(../img/CHGE001/CHGE001_connect.svg); */
    background-repeat: no-repeat;
}
#login-page button.login-alt-action.qrcode-btn {
    background-image: url(../img/CHGE001/CHGE001_qrcode.svg);
    background-repeat: no-repeat;   
}
#login-page button.login-main-action.login {
    background-image: url(../img/CHGE001/CHGE001_connect.svg);
}

/* 
login.pairing.step === '52_REQUIRE_2FA' || login.pairing.step === '60_COMING_FROM_NEW_ACCOUNT'
*/
#login-page button.login-main-action.send-sms {
    background-image: url(../img/CHGE001/CHGE001_send_sms.svg);
}

/* login.pairing.step === '53_CHECK_2FA' */
#login-page button.login-alt-action.back-to-accounts {
    background-image: url(../img/CHGE001/CHGE001_disconnect.svg);
}

/* "login.pairing.step === '54_2FA_CHOOSE_PIN'" */
.choose-pin-text {
    margin-bottom: 32px;
}

/* 
login.pairing.step === '90_ERROR'
*/
#login-page p[data-testid="LoginLayout-errorMsg"] {
    max-width: 350px;
}
/* 
login.pairing.step === '91_ERROR_SERVER' || login.pairing.step === '92_CONFIG_ERROR_SERVER'"
*/
#login-page button.login-main-action.retry,
#login-page button.login-main-action[data-testid="LoginLayout-restartButton"]  {
    background-image: url(../img/CHGE001/CHGE001_refresh.svg);
}
#login-page #home-top-dynamic {
    padding: 0;
    width: 100%;
}
#login-goback-landing {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 32px 0;
    font-size: 12px;
    text-align: left;
}

#login-page body.layout-landscape div.home-curvy div.slide,
#login-page div.slide,
#login-page body.layout-landscape div.home-curvy div.slide>div,
#login-page div.slide>div {
    width: 100%;
}

#login-page .slide.slide-animation.ng-scope.slide-animation-left>div {
    max-width: 350px;
    margin: 0 auto;
}

#login-page div.login-pairing-step {
    text-align: left;
    max-height: calc(100vh - 100px);
    width: 100%;
    max-width: 350px;
    margin: 32px auto;
    overflow-y: auto;
}

#login-page div.login-pairing-step>div:not(.no-account-view) {
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

#login-page div.login-pairing-step>div.no-account-view,
#login-page div.login-pairing-step>div.send-sms {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    #login-page div.login-pairing-step > div {
        justify-content: center!important;
    }
}

#login-page div#pin-display {
    display: flex;
    min-width: 100%;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    gap: 8px;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
}

#login-page div#pin-display span.digit {
    color: var(--primary-color);
}

#login-page div#pin-display span.digit,
#login-page div#pin-display span.fa-circle {
    font-size: 36px;
}

#login-page div#pin-display span.fa-circle,
#login-page div#pin-display span.erase {
    width: 50px;
}

#login-page div#pin-display span.fa-circle.not-typed {
    color: #AEE1F3;
}

#login-page div#pin-display span.fa-circle.masked,
#login-page div#pin-display span.fa-circle.masked::before {
    color: #5BC2E7;
}

#login-page div#pin-display span.fa-circle.wrong-pin {
    color: var(--tertiary-color);
}

#login-page div.login-confirm-info {
    color: var(--primary-color);
}

#login-page .fa-backspace:before {
    font-size: 35px;
}

#login-page table.pin {
    width: 100%;
}

#login-page table.pin tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#login-page table.pin tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

#login-page table.pin td {
    width: 50px;
    background-color: var(--primary-color);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
#login-page p.login-alt-action {
    font-size: 14px;
    text-align: right;
    font-style: italic;
    margin-top: 8px;
    margin-bottom: 8px;
}

#login-page .back-to-index {
    padding: 26px;
    border-radius: 10px;
}

#login-page .login-important {
    color: var(--error-color);
    margin-bottom: 8px;
}

#login-page button.login-yes-button,
#login-page button.btn-success {
    background-color: var(--success-color);
}

#login-page button.login-main-action.login-yes-button {
    background-image: url(../img/CHGE001/CHGE001_check.svg);
}

#login-page button.login-main-action.login-no-button {
    background-color: rgb(255 255 255 / 20%)!important;
    background-image: url(../img/CHGE001/CHGE001_forbidden.svg);
}

/* 
##     ## ########    ###     ######  ##     ## ########  ########  ######  
###   ### ##         ## ##   ##    ## ##     ## ##     ## ##       ##    ## 
#### #### ##        ##   ##  ##       ##     ## ##     ## ##       ##       
## ### ## ######   ##     ##  ######  ##     ## ########  ######    ######  
##     ## ##       #########       ## ##     ## ##   ##   ##             ## 
##     ## ##       ##     ## ##    ## ##     ## ##    ##  ##       ##    ## 
##     ## ######## ##     ##  ######   #######  ##     ## ########  ######  
*/
md-menu-bar.menu-parametres {
    display: none;
}

div.card.measures.measures-item-vitals div.measures-item {
    padding: 8px;
}

div.card-measures-detail div.measures-last-value>span.big {
    font-size: 48px;
}

div.measures-icon {
    min-width: 25px;
}

div.measure-number,
div.measures-item {
    height: 100%;
}

div.measures-item {
    padding: 8px 0;
}

div.measures-item div.measures-icon {
    display: none;
}

div.measures-item div.measures-label {
    padding-left: 0;
}

div.measures-vitals div.measures-item-vitals div.measure-number,
div.measures-vitals div.measures-item-vitals div.measure-unit,
div.card-measures-detail div.measures-last-value > span.big {
    color: var(--primary-color)!important;
}

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

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

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

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

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

div.diet-category-title {
    border-bottom: thin solid white;
    padding: 8px;
}

div.row.patient-diet-measures {
    border-bottom: thin solid;
}

div.th-control.th-control-measures.th-control-measures-bloodpressure div.control-measure-container {
    display: flex;
    max-width: 80%;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    flex-wrap: wrap;  
}

div.card-measures-detail div.measures-last-value > span.subtitle {
    color: var(--subtitle-color);
}


/* 
##     ## ########  ######   ######     ###     ######   ########  ######  
###   ### ##       ##    ## ##    ##   ## ##   ##    ##  ##       ##    ## 
#### #### ##       ##       ##        ##   ##  ##        ##       ##       
## ### ## ######    ######   ######  ##     ## ##   #### ######    ######  
##     ## ##             ##       ## ######### ##    ##  ##             ## 
##     ## ##       ##    ## ##    ## ##     ## ##    ##  ##       ##    ## 
##     ## ########  ######   ######  ##     ##  ######   ########  ######   
*/
div.message-bubble-container {
    padding: 8px;
}

div.message-local-user-origin.message-bubble {
    background-color: var(--primary-color)!important;
    color: var(--secondary-color);
}

div.message-careteam-origin.message-bubble {
    background-color: var(--secondary-color);
}

.left-bubble-design {
    display: none;
}

.message-send-textarea {
    background-color: #f8f8f885;
}

div.message-send-btn-off {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
##    ##    ###    ##     ##    ##     ## ######## ##    ## ##     ## 
###   ##   ## ##   ##     ##    ###   ### ##       ###   ## ##     ## 
####  ##  ##   ##  ##     ##    #### #### ##       ####  ## ##     ## 
## ## ## ##     ## ##     ##    ## ### ## ######   ## ## ## ##     ## 
##  #### #########  ##   ##     ##     ## ##       ##  #### ##     ## 
##   ### ##     ##   ## ##      ##     ## ##       ##   ### ##     ## 
##    ## ##     ##    ###       ##     ## ######## ##    ##  #######  
*/
div#main-nav > div#btn-menu.as-icon {
    text-align: left;
    padding-left: 16px;
}
div#menu {
    overflow-y: auto;
}
div#menu>div.card {
    text-align: left;
    background-color: var(--secondary-color)!important;
    height: calc(100vh - 4px);
    max-height: calc(100vh - 4px);
    overflow-y: auto;
}

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 var(--primary-color-transparent);
}

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

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

div#menu>div.card>div.items-container>div.menu-item>div.as-icon>i {
    color: var(--primary-color) !important;
}

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

div#menu>div.card>div.items-container>div.menu-item>div.as-icon span {
    background-color: transparent;
}

div#menu>div.card>div.items-container>div.menu-item>div.as-icon img {
    margin: auto;
}

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;
    text-align: left;
}

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;
}

/***
*    ##    ##  #######  ######## #### ######## ####  ######     ###    ######## ####  #######  ##    ##  ######  
*    ###   ## ##     ##    ##     ##  ##        ##  ##    ##   ## ##      ##     ##  ##     ## ###   ## ##    ## 
*    ####  ## ##     ##    ##     ##  ##        ##  ##        ##   ##     ##     ##  ##     ## ####  ## ##       
*    ## ## ## ##     ##    ##     ##  ######    ##  ##       ##     ##    ##     ##  ##     ## ## ## ##  ######  
*    ##  #### ##     ##    ##     ##  ##        ##  ##       #########    ##     ##  ##     ## ##  ####       ## 
*    ##   ### ##     ##    ##     ##  ##        ##  ##    ## ##     ##    ##     ##  ##     ## ##   ### ##    ## 
*    ##    ##  #######     ##    #### ##       ####  ######  ##     ##    ##    ####  #######  ##    ##  ######  
*/

div.notifications {
    box-shadow: none;
}

div.notification-date-flash-web {
    color: rgb(1 0 101);
}

/* 
########     ###    ######## ##     ## ##      ##    ###    ##    ## 
##     ##   ## ##      ##    ##     ## ##  ##  ##   ## ##    ##  ##  
##     ##  ##   ##     ##    ##     ## ##  ##  ##  ##   ##    ####   
########  ##     ##    ##    ######### ##  ##  ## ##     ##    ##    
##        #########    ##    ##     ## ##  ##  ## #########    ##    
##        ##     ##    ##    ##     ## ##  ##  ## ##     ##    ##    
##        ##     ##    ##    ##     ##  ###  ###  ##     ##    ##    
*/
div.pathway-content-container {
    padding-right: 10px;
}

div.card-pathway {
    margin-left: 0;
    margin-right: 0;
    height: calc(100vh - 245px);
}

div.pathway-content-container.background {
    background-color: transparent;
}

div.pathway-content-title.title-grey {
    color: #dddddd;
}

div.pathway-content-subtitle {
    color: var(--primary-color);
}

div.pathway-content-title.title-error,
div.pathway-content-error {
    color: var(--error-color);
}

div.pathway-content-action {
    margin-right: 0;
    margin-top: 0;
    margin-top: 8px;
}

div.card.card-pathway .btn-top,
div.card.card-pathway .btn-bottom {
    display: none;
}

div.pathway-spot {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_empty.svg");
}
div.pathway-spot.complete {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_complete.svg");
}
div.pathway-spot.complete.expired {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_expired.svg");
}
div.pathway-spot.quiz {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_form.svg");
}
div.pathway-spot.quiz.complete {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_form_complete.svg");
}
div.pathway-spot.quiz.expired {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_form_complete.svg");
}
div.pathway-spot.doc {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_doc.svg");
}
div.pathway-spot.doc.complete {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_doc_complete.svg");
}
div.pathway-spot.doc.expired {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_doc_complete.svg");
}
div.pathway-spot.appointment {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_appointment.svg");
}
div.pathway-spot.appointment.complete {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_appointment_complete.svg");
}
div.pathway-spot.today-empty {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_today.svg");
    background-position: -1px 0px;
}
div.pathway-spot.inpatient {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_inpatient.svg");
}
div.pathway-spot.inpatient.complete {
    background-image: url("../img/CHGE001/CHGE001_pathway_spot_inpatient_complete.svg");
}

/***
*    ########  ########     ###     ######  ######## #### ######## ####  #######  ##    ## ######## ########  
*    ##     ## ##     ##   ## ##   ##    ##    ##     ##     ##     ##  ##     ## ###   ## ##       ##     ## 
*    ##     ## ##     ##  ##   ##  ##          ##     ##     ##     ##  ##     ## ####  ## ##       ##     ## 
*    ########  ########  ##     ## ##          ##     ##     ##     ##  ##     ## ## ## ## ######   ########  
*    ##        ##   ##   ######### ##          ##     ##     ##     ##  ##     ## ##  #### ##       ##   ##   
*    ##        ##    ##  ##     ## ##    ##    ##     ##     ##     ##  ##     ## ##   ### ##       ##    ##  
*    ##        ##     ## ##     ##  ######     ##    ####    ##    ####  #######  ##    ## ######## ##     ## 
*/
 .practitioner-red-flag {
    color: var(--error-color);
}

 .practitioner-green-flag {
    color: var(--success-color);
}

/***
*    ########  ########  ########    ###    ########  ##     ## ####  ######   ######  ####  #######  ##    ## 
*    ##     ## ##     ## ##         ## ##   ##     ## ###   ###  ##  ##    ## ##    ##  ##  ##     ## ###   ## 
*    ##     ## ##     ## ##        ##   ##  ##     ## #### ####  ##  ##       ##        ##  ##     ## ####  ## 
*    ########  ########  ######   ##     ## ##     ## ## ### ##  ##   ######   ######   ##  ##     ## ## ## ## 
*    ##        ##   ##   ##       ######### ##     ## ##     ##  ##        ##       ##  ##  ##     ## ##  #### 
*    ##        ##    ##  ##       ##     ## ##     ## ##     ##  ##  ##    ## ##    ##  ##  ##     ## ##   ### 
*    ##        ##     ## ######## ##     ## ########  ##     ## ####  ######   ######  ####  #######  ##    ## 
*/

.md-step.md-complete md-step-label-wrapper::before {
    background-color: var(--secondary-color) !important;
}

 div.preadmission-form .form-container {
    box-shadow: none;
    margin: 0;
    padding: 16px;
    border-radius: 20px;
}

div.card-administrative div.preadmission {
    width: 100%;
    margin: 32px 0 0 0;
}
div.preadmission .completed-form {
    color: var(--success-color);
}

#preadStepper md-step-actions {
    margin: 8px 0;
    margin: 16px 0;
    float: unset;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.md-datepicker-calendar-pane.md-pane-open {
    left: 8px;
}

.preadmission-calendar-icon {
    margin-left: 0;
}

div.preadmission-form .form-container .current-fields-list .current-field md-input-container.md-default-theme.md-input-invalid .md-input,
div.preadmission-form .form-container .current-fields-list .current-field md-input-container.md-input-invalid .md-input {
    border-color: var(--error-color);
}

div.preadmission-form .form-container .current-fields-list .current-field .field-label.invalid,
div.preadmission-form .form-container .current-fields-list .current-field md-radio-group.invalid,
div.preadmission-form .form-container .form-error-message,
.field-invalid {
    color: var(--error-color);
}

div.preadmission-form .form-container .current-fields-list {
    margin: 0;
}

div.field-label {
    margin-top: 16px;
}

div.field-label,
div.preadmission-form .form-container .current-fields-list .current-field {
    font-size: 18px;
}

span.asterisk.ng-scope {
    color: var(--error-color);
}

/***
*    ########  ########  #### ##     ##    ###     ######  ##    ## 
*    ##     ## ##     ##  ##  ##     ##   ## ##   ##    ##  ##  ##  
*    ##     ## ##     ##  ##  ##     ##  ##   ##  ##         ####   
*    ########  ########   ##  ##     ## ##     ## ##          ##    
*    ##        ##   ##    ##   ##   ##  ######### ##          ##    
*    ##        ##    ##   ##    ## ##   ##     ## ##    ##    ##    
*    ##        ##     ## ####    ###    ##     ##  ######     ##    
*/

 .privacy-content .privacy-loading-error,
 .privacy-content .privacy-loading-error {
    color: var(--error-color);
 }

/* 
########  ##     ## ########  ##       ####  ######     ##          ###    ##    ## ########  #### ##    ##  ######   
##     ## ##     ## ##     ## ##        ##  ##    ##    ##         ## ##   ###   ## ##     ##  ##  ###   ## ##    ##  
##     ## ##     ## ##     ## ##        ##  ##          ##        ##   ##  ####  ## ##     ##  ##  ####  ## ##        
########  ##     ## ########  ##        ##  ##          ##       ##     ## ## ## ## ##     ##  ##  ## ## ## ##   #### 
##        ##     ## ##     ## ##        ##  ##          ##       ######### ##  #### ##     ##  ##  ##  #### ##    ##  
##        ##     ## ##     ## ##        ##  ##    ##    ##       ##     ## ##   ### ##     ##  ##  ##   ### ##    ##  
##         #######  ########  ######## ####  ######     ######## ##     ## ##    ## ########  #### ##    ##  ######  
*/
.landing-public-choice>img {
    display: none;
}

.landing-public-choice>button {
    margin-top: 15vh !important;
}

#landing-public-choice-visitor {
    background: url("../img/CHGE001/CHGE001_landing-public-visitor.svg") no-repeat center 10px;
    background-size: 20vw;
}

body.layout-landscape #landing-public-choice-visitor {
    background-size: 8vh;
}

#landing-public-choice-patient {
    background: url("../img/CHGE001/CHGE001_landing-public-patient.svg") no-repeat center 10px;
    background-size: 23vw;
}

body.layout-landscape #landing-public-choice-patient {
    background-size: 9vh;
}

div.home-curvy.public-style #home-top-dynamic {
    background: url("../../assets/img/CHGE001/public_background.jpg") no-repeat;
    background-size: 125vw;
    background-position: top;
}

body.layout-landscape div.home-curvy.public-style #home-top-dynamic {
    background: url("../../assets/img/CHGE001/public_background.jpg") no-repeat;
    background-size: 100%;
    margin-bottom: 20px;
    height: 29vh;
    background-position-y: -150px;
}

/***
*    ########  ######## ##          ###    ######## #### ##     ## ########  ######  
*    ##     ## ##       ##         ## ##      ##     ##  ##     ## ##       ##    ## 
*    ##     ## ##       ##        ##   ##     ##     ##  ##     ## ##       ##       
*    ########  ######   ##       ##     ##    ##     ##  ##     ## ######    ######  
*    ##   ##   ##       ##       #########    ##     ##   ##   ##  ##             ## 
*    ##    ##  ##       ##       ##     ##    ##     ##    ## ##   ##       ##    ## 
*    ##     ## ######## ######## ##     ##    ##    ####    ###    ########  ######  
*/

div.card-relatives div.new-nurse-error,
div.card-relatives div.nurse-token-error {
    color: var(--error-color);
}

/* 
########  ######## ########   #######  ########  ########  ######  
##     ## ##       ##     ## ##     ## ##     ##    ##    ##    ## 
##     ## ##       ##     ## ##     ## ##     ##    ##    ##       
########  ######   ########  ##     ## ########     ##     ######  
##   ##   ##       ##        ##     ## ##   ##      ##          ## 
##    ##  ##       ##        ##     ## ##    ##     ##    ##    ## 
##     ## ######## ##         #######  ##     ##    ##     ###### 
*/
div.reports-viewmode-historique,
md-menu-bar.reports-viewmode-switch {
    display: none;
}
div.reports-viewmode-historique i,
div.reports-viewmode-historique i.text-specific-primary,
i.fas.fa-sort-amount-down.text-specific-primary.reports-sort-down-i {
    color: var(--primary-color);
}
div.reports-origin {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

div.reports-origin.active-origin {
    background: var(--primary-color)!important;
    color: var(--secondary-color)!important;
    font-weight: 800;
}

span.category-align-noread {
    color: var(--primary-color);
}

div.card-reports div.upload-error {
    color: var(--error-color);
}

span.category-align-noread {
    color: var(--important-color);
}

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

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

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

div.reports-item {
    padding: 0 0 8px 0;
}

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

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

/***
 *    ########    ###     ######  ##    ##  ######  
 *       ##      ## ##   ##    ## ##   ##  ##    ## 
 *       ##     ##   ##  ##       ##  ##   ##       
 *       ##    ##     ##  ######  #####     ######  
 *       ##    #########       ## ##  ##         ## 
 *       ##    ##     ## ##    ## ##   ##  ##    ## 
 *       ##    ##     ##  ######  ##    ##  ######  
 */
 div.card-task-detail > div.card-content > div.task-buttons > div.button.task-done {
    color: white;
    background-color:var(--success-color);
}
div.card-task-detail > div.card-content > div.task-buttons > div.button.task-undone {
    color: white;
    background-color: var(--error-color);
}


/* 
######## ########  ########    ###    ######## ##     ## ######## ##    ## ######## 
   ##    ##     ## ##         ## ##      ##    ###   ### ##       ###   ##    ##    
   ##    ##     ## ##        ##   ##     ##    #### #### ##       ####  ##    ##    
   ##    ########  ######   ##     ##    ##    ## ### ## ######   ## ## ##    ##    
   ##    ##   ##   ##       #########    ##    ##     ## ##       ##  ####    ##    
   ##    ##    ##  ##       ##     ##    ##    ##     ## ##       ##   ###    ##    
   ##    ##     ## ######## ##     ##    ##    ##     ## ######## ##    ##    ## 
*/
div.card.card-treatment h3 {
    color: var(--secondary-color);
}
div.card.card-treatment h3:not(:first-child) {
    margin-top: var(--content-margin-top);
}
div.card.card-treatment > div.treatment-multi-validation.treatment-section {
    display: flex;
    justify-content: center;
}

div.card.card-treatment>div.treatment-detail,
div.card.card-treatment>div.treatment-drug-detail {
    margin-top: 16px;
}
div.card.card-treatment>div.treatment-drug-detail {
    border-radius: 20px;
    padding: 32px 16px
}

div.card>div.card-title-treatment button,
div.treatment-list-new button {
    padding: 16px;
}

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

div.treatment-drug-detail button.clickable {
    padding: 16px;
    background-color: var(--secondary-color);
}

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

div.treatment-item div.treatment-hours.treatment-completed,
div.treatment-action-taken {
    color: var(--success-color);
}

div.treatment-item div.treatment-hours.treatment-completed>div.treatment-administration-dosage,
div.home-curvy div.headline-ok {
    background-color: var(--success-color);
}

div.treatment-item div.treatment-hours.treatment-completed-other-dose > div.treatment-administration-dosage {
    background-color: var(--important-color);
}
div.treatment-item div.treatment-hours.treatment-completed-other-dose {
    color: var(--important-color);
}
div.treatment-item div.treatment-hours.treatment-not-completed > div.treatment-administration-dosage {
    background-color: var(--error-color);
}
div.treatment-item div.treatment-hours.treatment-not-completed,
div.treatment-action-not-taken,
div.card-treatment i.delete-item,
.treatment-infos-missing {
    color:var(--error-color);
}

div.treatment-hours-container {
    justify-self: flex-end;
}

div.treatment-detail>div.treatment-administration-instructions {
    height: calc(100vh - 500px);
}

body.layout-landscape.mode-web div.treatment-detail>div.treatment-administration-instructions {
    height: calc(100vh - 450px);
}

div.treatment-item div.treatment-indicator {
    width: 100%;
}

div.treatment-timeframe-selector.col-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

div.treatment-timeframe-selector>div.treatment-timeframe {
    flex: 1;
    font-size: 12px;
}

div.treatment-timeframe-selector>div.treatment-timeframe.active-timeframe {
    background: var(--primary-color)!important;
    color: var(--secondary-color)!important;
    font-weight: 800;
    font-size: 12px;
}

div.treatment-drug-detail {
    box-sizing: border-box;
    margin-top: 0;
}

div.treatment-list div.treatment-item {
    align-items: center;
}

div.treatment-item>div.treatment-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}

div.treatment-item div.treatment-hours {
    margin-top: 0;
}

div#treatment-detail-dose-popup {
    padding: 32px;
}