/* specific case */

/*

- webapp/ui-components/UploadComponent
- webapp/ui-components/Windows : consultation drag n drop on windows + specific case

*/
.textAreaComponentTxtField {
    background-color: #EEF0F5;
    opacity: 0.9;
}

/* A class to find components */
.ant-empty-img-1 {
    fill: #aeb8c2;
}

.ant-empty-img-2 {
    fill: #f5f5f7;
}

.ant-empty-img-3 {
    fill: #dce0e6;
}

.ant-empty-img-4 {
    fill: #fff;
}

.ant-empty-img-5 {
    fill-opacity: "0.8";
    fill: #f5f5f5;
}

.pinned-row {
    background-color: #209CEE64;
    text-transform: capitalize;
}


.edited-row {
    background-color: #f53030;
    color: white;
    text-transform: capitalize;
}

.normal-row {
    background-color: white;
    text-transform: capitalize;
}

.disabled-row {
    background-color: white;
    color: gray;
    text-transform: capitalize;
}

.MuiButton-textSizeSmall {
    font-size: 1.3rem;
}

.MuiDataGrid-filterFormValueInput {
    font-size: 1.3rem !important
}

.MuiNativeSelect-select {
    font-size: 1.3rem !important
}

body {
    font-size: 24px;
}

.whereami {
    background-color: red !important;
    color: red !important;
}

/* Start the classes by : global[...] */

.globalNoPadding {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px !important;
}

.statusbar {
    display: flex;
    flex-direction: row;
    filter: grayscale(1);
    border: solid 1px #dedede;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 1rem;
    background-color: #323232;
    color: white;
}

.globalRefreshIndicator {
    display: inline-block;
    position: relative !important;
    margin: auto;
}

.globalRefreshIndicatorBox {
    border-radius: 50% !important;
    width: 55px;
    height: 55px;
    text-align: center;
    position: relative;
    display: flex;
}

.globalImportantMsg {
    color: #eb144c;
}

.globalIconStyle {
    width: 24px;
    height: 24px;
}

.globalRaisedBtn {
    margin-left: 10px !important;
}

.globalSelectField {
    width: 100% !important;
    /* font-size: 1.1em!important; */
    white-space: normal !important;
}

.globalFormContainer {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #E8F5FE;
}

.globalFullWidth {
    width: 100%;
}

.globalFullHeight {
    height: 60vh;
}

.globalNegMargin {
    margin-left: -16px;
    margin-right: -16px;
}

.globalGreenColor {
    color: #00d084 !important;
}

.globalRedColor {
    color: #eb144c !important;
}

.globalConsultationRow {
    background-color: #FBF4F6;
    height: calc(100vh - 94px);
}

.patientInformationTabComponentHeight {
    height: max-content;
}

@media (max-width: 992px) {
    .globalConsultationRowResponsive {
        padding-bottom: 24px !important;
    }

    .globalConsultationRow {
        height: auto;
    }

    .patientInformationTabComponentHeight {
        height: auto;
    }
}

/*************/
/* SEPARATOR */
/*************/

.svgBtn {
    width: 24px;
    height: 24px;
}

.svgBtn2 {
    width: 24px;
    height: 24px;
}

.tableHeaderColConsul {
    white-space: initial !important;
    text-align: center !important;
}

.refreshBtn {
    display: inline-block;
    position: relative;
}

/*************/
/* SEPARATOR */
/*************/

.refreshBtnCoord {
    display: inline-block;
    position: relative !important;
}

.coordinatorPanelContainerCoord {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px !important;
    /* padding-bottom: 20px!important; */
}

.cardCoord {
    padding: 5px;
    padding-bottom: 20px;
    background-color: #cfd8dc;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 20px;
}

.tableRowColumnCoord {
    white-space: initial !important;
    text-align: center !important;
    font-size: 16px !important;
}

.refreshIconCoord {
    margin-left: 10px;
}


.lastReportRow {
    cursor: pointer;
}

.coordinatorPanelSelectField {
    width: 100;
}

.coordinatorPanelCR {
    display: flex;
    width: 100%;
    align-items: center;
}

.coordinatorPanelAccordion {
    width: 100%;
    overflow-wrap: anywhere;
}

.coordinatorPanelIconBtn {
    padding: 0px !important;
}

.coordinatorPanelForms {
    display: flex;
    justify-content: center;
}

/*************/
/* SEPARATOR */
/*************/

.tableRowColumnDiet {
    white-space: initial !important;
    text-align: center !important;
    font-size: 1.6rem !important;
    cursor: pointer;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.svgBtnDiet {
    width: 24px;
    height: 24px;
}

.refreshBtnDiet {
    display: inline-block;
    position: relative !important;
}

.spanUpdateDiet {
    margin-left: 10px;
}

.lastReportDiet {
    padding-top: 48px !important;
}

/*************/
/* SEPARATOR */
/*************/

.refreshIconDietPlan {
    display: inline-block;
    position: relative !important;
}

.dietPlanningCalendarContainer {
    width: 100%;
    height: 65%;
}

.dietPlanningCalendar {
    height: 80%;
}

.dietPlanningPanelLeft {
    float: left !important;
}

.dietPlanningPanelRight {
    display: flex;
    justify-content: space-around;
}

.dietPlanningPanel {
    height: 100%;
}

.dietPlanningSpan {
    border: solid 2px outset;
    color: white;
    border-radius: 5px;
    padding: 5px;
}

/*************/
/* SEPARATOR */
/*************/

.etablissementNotificationManagerDiv {
    padding: 24px;
}

.etablissementNotificationManagerToggle input {
    margin: 0px !important;
}

/*************/
/* SEPARATOR */
/*************/

.refreshFacilityDetails {
    display: inline-block;
    position: relative !important;
}

/*************/
/* SEPARATOR */
/*************/

.tableHeaderColumnFacilityDetails {
    white-space: initial !important;
    text-align: center !important;
}

/*************/
/* SEPARATOR */
/*************/

.facilityManagerIcons {
    width: 24px;
    height: 24px;
}

.facilityManagerRows {
    white-space: initial !important;
    text-align: center !important;
}

.facilityManagerAdd {
    margin-top: 6px;
    margin-left: 6px;
}

.facilityManagerResfresh {
    display: inline-block;
    position: relative !important;
}


#page-container {
    box-sizing: border-box;
    /* overflow: hidden; */
}

/*************/
/* SEPARATOR */
/*************/

.formCompletedWrapperCard {
    width: 80%;
    margin: auto;
    white-space: normal;
}

.formCompletedWrapperCardHeader {
    white-space: normal;
}

.formCompletedWrapperForm {
    height: 100%;
    width: 100%;
}

/*************/
/* SEPARATOR */
/*************/

.formMnaWrapperForm {
    height: 100%;
    width: 100%;
}

.formMnaWrapperCard {
    width: 80%;
    margin: auto;
    white-space: normal;
}

.formMnaWrapperh1 {
    white-space: normal;
}

.formMnaWrapperh3 {
    white-space: normal;
}

/*************/
/* SEPARATOR */
/*************/

/* dev-solware to test at then end*/
.genericProgressBarDiv {
    margin: 10px;
    white-space: normal;
}

.genericProgressBarH5 {
    padding: 24px;
    margin: 10px;
    color: grey;
}

/* dev-solware to test at then end*/

/*************/
/* SEPARATOR */
/*************/

.login-container {
    width: 50%;
    margin: 100px auto auto;
}

.login-container2 {
    /* width: 50%; */
    width: auto;
    margin: auto;
}

.loginInput {
    font-size: 1.6rem !important;
}

.loginBtn {
    margin-top: 6px;
    color: black;
}

.loginDialogAction {
    flex-wrap: wrap;
}

@media screen and (max-width: 640px) {
    .loginContentCardName {
        max-width: 100% !important;
    }
}


/*************/
/* SEPARATOR */
/*************/

#logo-id {
    fill: #7BCBE6;
}

#logo-id-6 {
    fill: #61B565;
}

#logo-id-4,
#logo-id-8,
#logo-id-7,
#logo-id-10,
#logo-id-11,
#logo-id-12,
#logo-id-13 {
    fill: #FFFFFF;
}

#logo-id-9 {
    fill: #5DB565;
}

/*************/
/* SEPARATOR */
/*************/

.navBarHeader {
    height: 9%;
}

.navBarMargin {
    margin-right: 10px;
}

.navBarDropDownMenu {
    margin-top: 10px;
    margin-left: 32px;
}

.navBarCollapse {
    position: fixed;
    right: 24;
    z-index: 1;
    min-width: 20vw;
}

.navBarNavBarComponent {
    background-color: #0B2A63 !important;
    border-radius: 0px !important;
    border: 0px !important;
}

.navBarLogo:hover {
    cursor: pointer;
}


.navBarItemSelected {
    background-color: #e8f5fd;
    text-align: center;
}

.navBarItem {
    text-align: center;
}

.navBarToolbar {
    display: flex;
    flex-wrap: 'wrap';
    justify-content: 'space-around';
    overflow: 'hidden';
}

.navBarGrid {
    flex-wrap: 'nowrap';
    width: 100%;
    transform: translateZ(0);
}

.navBarTabs {
    width: 100% !important;
}

.navBarTabs .MuiTabs-indicator,
.navBarTabsMobile .MuiTabs-indicator {
    background-color: #e8f5fd;
    height: 100%;
    z-index: 0;
    width: 100%;
}

.navBarTabsMobile {
    width: 70vw;
    height: 100%;
}

.navBarTabsMobile .MuiTabs-flexContainerVertical {
    height: 100% !important;
}

.navBarTab {
    flex-grow: 1 !important;
    max-width: 100% !important;
}

.navBarTab .MuiTab-wrapper {
    flex-direction: row;
}

.navBarTabRight {
    flex-grow: 0 !important;
}

.navBarDrawer {
    width: auto;
}

.navBarTemporaryLogTab {
    height: 100%;
}

.navBarlistItemPadding {
    padding: 16px !important;
}

.navBarListItemCenter {
    justify-content: center !important;
}

.navBarTemporaryLogTab div {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.navBarTemporaryLogBox {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.navBarFacilityListItem:hover {
    background-color: inherit !important;
}

/*************/
/* SEPARATOR */
/*************/

.notifierFlatBtn {
    background-color: rgb(11, 42, 99) !important;
    height: 36px !important;
    color: white !important;
}

/*************/
/* SEPARATOR */
/*************/

.nursePanelContainer {
    padding: 16px;
    font-weight: 500;
    line-height: 21;
}

.nursePanelMarginL {
    margin-left: auto;
    font-weight: 500 !important;
}

.nursePanelUpdateBtn {
    padding-bottom: 10px;
}

.nursePanelBlock {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px !important;
    padding-bottom: 10px !important;
}

.nursePanelRows {
    white-space: initial !important;
    text-align: center !important;
    font-size: 16px !important;
}

.nursePanelDlSpan {
    float: right;
}

.nursePanelDlDiv {
    margin-left: auto !important;
    color: #337ab7 !important;
    cursor: pointer !important;
}

.nursePanelAccordion {
    float: right !important;
    right: 0;
}

.nursePanelAdvice {
    color: grey;
}

.nursePanelAlertColor3 {
    color: #eb144c;
}

.nursePanelAlertColor2 {
    color: #fbc02d;
}

.nursePanelAlertColor1 {
    color: #ff6f00;
}

.nursePanelAlertColor0 {
    color: #00d084;
}

.nursePanelSelectField {
    width: 100% !important;
}

.nursePanelForms {
    display: flex;
    align-items: baseline;
}

/*************/
/* SEPARATOR */
/*************/
.accordion__button:focus {
    outline: azure solid 0px;
}

/*************/
/* SEPARATOR */
/*************/

.staffPanelIcon {
    margin-left: 10px;
}

.staffPanelRaisedBtn {
    float: right;
}

/*************/
/* SEPARATOR */
/*************/

.userManagerV2Column {
    margin-top: 6px !important;
    margin-left: 6px !important;
}

.userManagerV2Column2 {
    margin-top: 6px !important;
    margin-left: -6px !important;
}

.userManagerV2FloatingBtn {
    padding: 2px;
}

/*************/
/* SEPARATOR */
/*************/

.aboutPageML {
    margin-left: 20%;
    text-align: center;
    height: 100%;
}

/*************/
/* SEPARATOR */
/*************/

.appContainerSuccess {
    color: #00d084;
}

/*************/
/* SEPARATOR */
/*************/

.consultationFormRoomTxtField {
    width: 100% !important;
}

.consultationFormSelectField {
    text-overflow: clip;
    overflow: hidden;
    white-space: normal;
    /* width: 100%!important; */
}

.consultationFormColNopadding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.consultationFormLongLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    right: 22px;
    bottom: 0px;
}


/*************/
/* SEPARATOR */
/*************/

.consultationManagerAppBar {
    min-height: auto;
}

.consultationManagerAddBtn {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*************/
/* SEPARATOR */
/*************/

.patientFormTxtField {
    width: 100% !important;
}

/*************/
/* SEPARATOR */
/*************/

.asyncBtnSpan {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 5px;
    top: 5px
}

/*************/
/* SEPARATOR */
/*************/

.patientViewVideo {
    height: 100%;
    width: 100%;
}

/*************/
/* SEPARATOR */
/*************/

.webRTCVideo {
    height: 100%;
    width: 100%;
}

/*************/
/* SEPARATOR */
/*************/

.patientManagerMaxHeight {
    max-height: 74%;
    overflow: auto;
}

.patientManagerTextCenter {
    text-align: center !important;
}

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

.patientManagerContainer {
    display: flex;
    flex-direction: row;
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}

.patientManagerTitle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.raisedButtonAddPatientManager {
    float: right;
    display: inline-block;
}

.raisedButtonAddPatientManagerSpan {
    margin-left: 10px;
}

.patientTableRowColumn,
.tableHeaderColumnError,
.tableHeaderColumn {
    white-space: initial !important;
    text-align: center !important;
    font-size: 1.6rem !important;
}

.tableHeaderColumnError {
    width: 10%;
}

.tableHeaderColumnAction {
    width: 15%;
}

.onClickPatientRow {
    color: blue;
    cursor: pointer;
}

.patientTableTitle {
    table-layout: fixed;
}

.rowParcours {
    padding-right: 24px;
    padding-left: 24px;
}

.selectFieldStyle {
    width: 100%;
}

.tabNoNotepadComponentStyle {
    width: 50%;
}

.TabNoNotepadComponentNegMargin {
    margin-left: -16px;
    margin-right: -16px;
}

.tabNoNotepadAppBar {
    min-height: auto;
}

/*************/
/* SEPARATOR */
/*************/

.booleanComponentError {
    border-radius: 15px;
    padding: 15px;
}

/*************/
/* SEPARATOR */
/*************/

.choiceOrOtherSelectorMenuItem {
    overflow-wrap: break-word !important;
    border-bottom: 1px inset #eeeeee !important;
    font-size: 2.1rem !important;
}

/*************/
/* SEPARATOR */
/*************/

.choicesInputComponentMenuItem {
    overflow-wrap: break-word;
    border-bottom: 1px inset #eeefff !important;
    /* font-size: 2.1rem!important; */
    text-overflow: clip;
    white-space: normal !important;
}

/*************/
/* SEPARATOR */
/*************/

.collationSelectorTxtField {
    width: 100% !important;
}

.collationSelectorTimePicker {
    width: 90% !important;
}

.collationSelectorSecondRow {
    display: flex;
    align-items: center;
}

/*************/
/* SEPARATOR */
/*************/

/* TODO : put every similar menuitem in one (GLOBAL) */
.LinkedListInputSelectorMenuItem {
    overflow-wrap: break-word;
    border-bottom: 1px inset #eeefff !important;
    font-size: 2.1rem !important;
    text-overflow: clip;
    white-space: normal !important;
}

/*************/
/* SEPARATOR */
/*************/

.myDatePickerMenuItem {
    overflow-wrap: break-word;
    font-size: 1.5rem !important;
    text-overflow: clip;
    white-space: normal !important;
}

.myDatePickerMenuItemSelected {
    color: blue !important;
}

/*************/
/* SEPARATOR */
/*************/

.pictureComponentContainer {
    display: flex;
    flex-wrap: wrap;
}

.pictureComponentSelected {
    width: 40%;
    margin: 10px;
    outline: 3px solid #87CEFA;

}

.pictureComponentNotSelected {
    width: 40%;
    margin: 10px;
    outline: 0px solid #0000;
}

/*************/
/* SEPARATOR */
/*************/

.textInputComponentSpinner {
    width: 15px;
    height: 15px;
}

/*************/
/* SEPARATOR */
/*************/

.dynamicFormPageColStyleDisabled {
    background-color: #DDD;
    border-radius: 5px;
    border: 0px;
    pointer-events: none
}

.dynamicFormPageColStyle {
    background-color: transparent;
    border-radius: 5px;
}

.dynamicFormPageStar {
    float: right;
}

.dynamicFormPageErrorTxt {
    position: relative;
    bottom: 2px;
    font-size: 16px;
    font-weight: 700;
    line-height: 12px;
    color: rgb(244, 67, 54);
}

.dynamicFormPageBtnDiv {
    padding-bottom: 20px;
}

.dynamicFormPageBtn {
    margin-right: 10px;
    margin-left: 10px;
}

.dynamicFormPageContainer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: 'rbg(232,245,253)';
}

a.dynamicFormPageHomeLink:hover {
    text-decoration: none !important;
    color: blue !important;
}

/*************/
/* SEPARATOR */
/*************/

.textAreaComponentSpinner {
    width: 15px !important;
    height: 15px !important;
}

/*************/
/* SEPARATOR */
/*************/

.timedEatenMealSelectorComponent {
    width: 100% !important;
}

/*************/
/* SEPARATOR */
/*************/

.toggleInputToggleElement {
    margin-bottom: 16px;
    margin-left: 10px;
    width: 80% !important;
}

/*************/
/* SEPARATOR */
/*************/

.eatenMealSelectorComponentLinerOuter {
    width: 20px;
    height: 20px;
    border-radius: 50% 50% 50% 0;
    background: lightcyan;
    position: absolute;
    transform: rotate(-45deg);
    top: -24px;
    left: -4px;
}

.eatenMealSelectorComponentLinerOuterdisabled {
    width: 20px;
    height: 20px;
    border-radius: 50% 50% 50% 0;
    background: #9E9E9E;
    position: absolute;
    transform: rotate(-45deg);
    top: -24px;
    left: -4px;
}

.eatenMealSelectorComponentLinerInner {
    transform: rotate(-45deg);
    color: white;
    text-align: center;
    position: relative;
    top: 3px;
    font-size: 10px;
}

.eatenMealSelectorComponentHiddenCol {
    overflow: hidden;
    font-size: 2.1rem;
}

.eatenMealSelectorComponentVisibleCol {
    height: 24px;
    overflow: visible;
}

/*************/
/* SEPARATOR */
/*************/

.dataVisualizationBg {
    background-color: #FFFFFF;
}

.dataVisualizaionSvg {
    enable-background: new 281 -285 711.3 628;
    /* ??? */
    height: 65%;
}

.dataVisualizationRefresh {
    min-height: 60%;
    padding-top: 30%;
}

/*************/
/* SEPARATOR */
/*************/

.imcRendererUseTag {
    overflow: visible;
}

/*************/
/* SEPARATOR */
/*************/
.plate1RendererPath {
    fill: #FFC153;
}

.platesRenderWhite {
    stop-color: #FFFFFF;
}

.platesRenderSmokeWhite {
    stop-color: #FAFAFA;
}

.platesRenderOtherWhite {
    stop-color: #EDEDED;
}

.platesRenderLightOrange {
    stop-color: #E6E6E6;
}

.platesRenderOtherLightOrange {
    stop-color: #F4F4F4;
}

/*************/
/* SEPARATOR */
/*************/


.alertTooltipWarning {
    color: #fbc02d !important;
}

.alertTooltipError {
    color: #ff6f00 !important;
}

/*************/
/* SEPARATOR */
/*************/

.chartTabDiv {
    margin: auto;
    height: 82%;
    width: 100% !important;
}

/*************/
/* SEPARATOR */
/*************/

.formsViewerTableRow {
    white-space: normal !important;
    max-width: 500px !important;
    width: 500px;
}

.formsViewerHeader {
    text-align: center;
}

.formsViewerTableRowColumn {
    font-weight: bold;
}

.formsViewerTableContainer {
    max-height: 30%;
}

.formsViewersSummary {
    background-color: #e8f5fd !important;
}

.formsViewersAccordionDetails {
    padding: 0px !important;
}

.reportDiv .MuiAccordion-root.Mui-expanded {
    margin: 0;
    /* max-height: 85%; */
    /* overflow-y: scroll; */
}

.formsViewerPanel  {
    padding:  16px !important;
}

/*************/
/* SEPARATOR */
/*************/

/* .newPanelDiv{
    margin: auto;
} */

/* .newPanelCardStyle{
    padding-bottom: 20px;
    background-color: rgb(207, 216, 220);
    border-radius: 10px 20px;
} */

/*************/
/* SEPARATOR */
/*************/

.noteTabsPanel {
    background-color: white !important;
    height: 50% !important;
}

/*************/
/* SEPARATOR */
/*************/

.preconisationsTabSvg {
    padding: 8px;
}

.preconisationsTabToolbar {
    height: 42px !important;
}

/* .preconisationsTabPanel{
    overflow: auto;
    height: 65%;
} */

.preconisationsTabColor {
    background-color: #e8f5fd !important;
}

.preconisationsTabSvgMargin {
    margin-top: 13px !important;
}

.preconisationsTabSvgMargin2 {
    margin-top: 9px !important;
}

.preconisationsTabFlexResponsive {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.preconisationsTabOrder1 {
    order: 1;
}

.preconisationsTabOrder2 {
    order: 2;
}

/*************/
/* SEPARATOR */
/*************/

.preparationTabDivStyle {
    background-color: #ffffff;
    height: 90%;
    overflow-y: scroll;
}

.preparationTabCardContainer {
    background-color: #F0F0F0;
    padding: 10px;
    color: grey;
}

.preparationTabContent {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    color: black;
}

.preparationTabNoNote {
    padding-top: 15px;
}

/*************/
/* SEPARATOR */
/*************/

/* .reportDlAllReport{
    padding:10px;
    color: blue;
    cursor: pointer;
} */

/* .reportContainer{
    background-color: #cccccc;
    height: 65%;
    overflow-y: scroll;
} */

/* .reportRow{
    background-color: #F0F0F0;
    color: grey;
} */

/* .reportH3{
    padding: 10px;
} */

/* .reportRowBis{
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 5px;
    color: black;
} */

/* .reportRowBisCol{
    float: right;
    color: blue;
    cursor: pointer;
} */

/* .reportNoReport{
    padding-top: 15px;
    background-color: white;
} */

.reportTableRow {
    display: flex;
}

.reportTableRow:hover {
    background-color: #E8F5FE !important;
}

.reportDiv {
    overflow-y: auto;
    /* height: 86%; */
    /* height: 86%; */
    max-height: 75%;
}

@media (max-width: 766px) {
    .reportDiv {
        max-height: 68%;
    }

    .reportTitle {
        padding-bottom: 16px;
    }
}

/* @media (max-width: 515px) {
    .reportDiv {
        max-height: 405px;
    }
} */

/*************/
/* SEPARATOR */
/*************/
.tabNoNotepadComponentTabs {
    flex-grow: 1;
    max-width: none;
    flex-basis: 0;
    flex-shrink: 1;
}

.gray {
    color: #ababab;
}

.tabNoNotepadComponentTabs svg {
    color: rgb(67 156 238);
}

.tabNoNotepadComponentTabs .MuiTabScrollButton-root {
    width: 20px;
}

.tabNoNotePadComponentHeightWithScroll {
    height: 79%;
    overflow-y: auto;
}

.tabNoNotePadComponentHeightNoScroll {
    height: 79%;
}

.tabNoNotePadComponentHeight {
    height: 79%;
}

/*************/
/* SEPARATOR */
/*************/

.accountComponentTxtField {
    width: 98% !important;
    /* font-size: 16px!important;
    line-height: 24px;
    height: 72px;
    background-color: transparent;
    font-family: Roboto, sans-serif;
    transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    cursor: auto; */
}

/*
.accountComponentTxtField label{
    font-size: 16px!important;
    line-height: 0;

} */

.accountComponentWrapper {
    display: flex;
    flex-wrap: wrap;
}

/*************/
/* SEPARATOR */
/*************/

.dropZoneDivDefault {
    cursor: default;
}

.dropzoneHighlight {
    background-color: #e8f5fd !important;
}

.dropzone {
    background-color: #fff;
    border: 1px dashed #4A4A4A;
    font-size: 16px;
    border-radius: 2px;
    padding: 6px 16px;
}

.dropZoneDiv {
    cursor: pointer;
}

.dropzoneInput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/*************/
/* SEPARATOR */
/*************/

.facilitySelectorSelectField {
    width: 90% !important;
}

.facilitySelectorMenuItem {
    overflow: hidden;
}

.facilitySelectorRowWrapper {
    display: flex;
    flex-wrap: wrap;
}

.facilitySelectorChip {
    margin: 4px !important;
}

/*************/
/* SEPARATOR */
/*************/

.multipleContactComponentTxtField {
    width: 98% !important;
}

/*************/
/* SEPARATOR */
/*************/

.passwordInputComponentTxtField {
    width: 100% !important;
}

.passwordInputComponentSpinner {
    width: 16px;
    height: 16px;
}

/*************/
/* SEPARATOR */
/*************/
/* PatientSelector & FormSelector */
.formSelectorMenuItem,
.patientSelectorMenuItem {
    width: 500px;
    overflow: hidden;
}

.formSelectorNotPrepared,
.patientSelectorNotPrepared {
    color: #eb144c;
}

.formSelectorPrepared,
.patientSelectorPrepared {
    color: #00d084;
}

.formSelectorSelectField Button,
.patientSelectorSelectField Button {
    fill: #444 !important;
}

.formSelectorSelectField hr,
.patientSelectorSelectField hr {
    border-color: #444 !important;
}

/*************/
/* SEPARATOR */
/*************/

#datavisualization-cuisine {
    background: white;
}

/*************/
/* SEPARATOR */
/*************/

.roomSpinner {
    width: 150px;
    height: 250px !important;
}

/* Not tested yet */
.roomError {
    position: relative;
    bottom: 2px;
    font-size: 12px;
    line-height: 12px;
    color: rgb(244, 67, 54);
}

.roomPadding {
    padding-top: 32px;
}

.roomBtn {
    margin-left: 10px;
    -ms-grid-layer: 10px;
}

/*************/
/* SEPARATOR */
/*************/

.showRawHtmlDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*************/
/* SEPARATOR */
/*************/

.appTemplateErrorUnhandled {
    background-color: #e8a15e50;
    border-color: #8d212c;
    color: white !important;
    margin-bottom: 10px !important;
    text-align: left;
}

.appTemplateErrorHandled {
    background-color: #e8a15e;
    border-color: #9c6c3f;
    color: white !important;
    margin-bottom: 10px !important;
    text-align: left;
}

.appTemplateErrorDefault {
    background-color: #dedede;
    border-color: #ababab;
    color: white !important;
    margin-bottom: 10px !important;
    text-align: left;
}



.appTemplateSnackBtn {
    margin-bottom: 0px !important;
}

.appTemplateHandledErrorTitle {
    margin-bottom: 10px;
}

.rdw-editor-wrapper {
    background-color: white;
}



.MuiTab-root {
    text-transform: none !important;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 80vh;
    width: 80vw;
}

.appTemplateUnhandledErrorTitle {
    margin-bottom: 10px;
}

.notePadEditor {
    /* padding: 10px; */
    font-weight: 300;
    font-family: Arial;
    background-color: rgba(240, 243, 255, 0.479);
    border: solid 1px #dedede7a;
}

.patient-manager-container {
    height: fit-content;
}

.appTemplateChild {
    height: calc(100vh - 94px) !important;
}

@media (max-height: 870px) {
    .appTemplateChild {
        height: 100%;
        min-height: 800px;
    }
}

/*************/
/* SEPARATOR */
/*************/

.formTabComponentTabs {
    height: inherit;
}

/*************/
/* SEPARATOR */
/*************/

.coordinatorPanelBtn {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.coordinatorPanelTableBg {
    background-color: white;
}

.coordinationPanelAccordionRow {
    display: flex;
    align-items: center;
}

.coordinationPanelAccordionCol {
    overflow-wrap: anywhere;
}

/*************/
/* SEPARATOR */
/*************/

.dieteticienPanelButton {
    flex-shrink: 0;
}

/*************/
/* SEPARATOR */
/*************/

.centeredCardActionsBtn {
    justify-content: center;
}

/*************/
/* SEPARATOR */
/*************/

.liviaStaffManagerRow {
    white-space: initial;
    text-align: center;
}

.liviaStaffManagerCardTitle {
    /* background-color: rgb(227,236,240);*/
    padding: '10px';
    border-radius: '5px';
    border: 'oslid 2px #ffff';
}

.liviaStaffManagerIcon {
    margin-left: '10px';
}

.liviaStaffManagerTable {
    table-layout: auto;
}

.liviaStaffManagerTableCell {
    text-align: center !important;
}

.liviaStaffManagerTableRowGreen td {
    color: #00d084 !important;
}

.liviaStaffManagerTableRowRed td {
    color: #eb144c !important;
}

/*************/
/* SEPARATOR */
/*************/

.staffManagerAppBar {
    min-height: auto !important;
}

/*************/
/* SEPARATOR */
/*************/

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: rgba(74, 74, 74, 0.85);
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/*************/
/* SEPARATOR */
/*************/

.label-shrink {
    right: unset;
}

/*************/
/* SEPARATOR */
/*************/

.newDataVisualizationCol {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.newDataVisualizationConsCol {
    display: flex;
    align-items: center;
}

.newDataVisualizationColNoMarg {
    display: flex;
    align-items: center;
}

.newDataVisualizationCentered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newDataVisualizationNoPadding {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.newDataVisualizationContainer {
    overflow-y: auto;
    height: inherit;
}

/*************/
/* SEPARATOR */
/*************/

.dataTabColor {
    background-color: #e8f5fd !important;
}

/*************/
/* SEPARATOR */

/*************/

.redClassColor path {
    fill: #eb144c
}

.greenClassColor path {
    fill: #00d084
}

.orangeClassColor path {
    fill: orange
}