@import url("/FD_Theme/Theme.FD_Theme.css?135031");

/* ================================================

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */
  
:root {
    /*--color-primary: #1F4788; /*primary-color*/
    /*--color-primary-hover: #1F4788; /*primary-color*/
    /*--color-secondary: #1F4788; /*primary-color*/
    --SectionTitleBackgroundColor: #2A2523;
    --SectionTitleFontColor: white;
    --margin-top-report: 4%;
    --border-size-tabs: 2px;
    --body-backgroundColor: white;
    --font-size-xxs: 9px;
    --font-size-xxxl: 37px;
    --card-backgroundColor: #f7f7f7;
    --color-main-headers-bg: var(--color-new-primary-special) ;
    
    /* from op_ui */
    
    --color-primary-secondary: #b2d2dd;
    --color-secondary-primary:#026b8f;
    --color-terciary-primary: #026b8f;
    --color-terciary-secondary: #b2d2dd;

    --color-terciary-secondary-lightest: lighten($color: #026b8f, $amount: 35%);
    --color-terciary-lightest-secondary: #b2d2dd;
    --color-terciary-lightest-secondary-lightest: lighten($color: #026b8f, $amount: 35%);
    --color-secondary-secondary-lightest: lighten($color: #026b8f, $amount: 35%);
    
    --color-primary-neutral-8: #5C656D;
    --color-neutral-0-neutral-2:#F1F3F5;
    --color-primary-neutral-0: #ffffff;
    --color-neutral-0-secondary: #b2d2dd;
    --color-primary-lightest: #E2F5F7;
    --color-primary-lightest: #E2F5F7;
    
    /* from theme 2020-03-30 for reference in construction only */
    
    --color-new-txt: #848484;

    --color-new-primary: #006084;
    --color-new-primary-light: #A6C7D4;
    --color-new-primary-special: #818184;


    --color-new-secondary: #0096BF;
    --color-new-secondary-light: #E0EEF2;
    --color-new-secondary-medium: #CEE3EB;


    --color-new-terciary: #B2B2B2;
    --color-new-terciary-light: #E4E4E4;


    --color-new-neutral-lightest : #f2f2f2 !important;
    --color-new-neutral-light: #e8e8e8 !important;
    --color-new-neutral-normal: #dedddd !important;
    --color-new-neutral-dark: #b2b2b2 !important;
    --color-new-neutral-darkest: #6e6f72 !important;
    
    --color-new-info: #6ABEE3 !important;
    --color-new-success: #55CB94 !important;
    --color-new-warning: #F0BA6F !important;
    --color-new-error: #FC669A !important;
    --color-new-info-light: #CBE8F5 !important;
    --color-new-sucess-light: #C3EDDA !important;
    --color-new-warning-light: #FAE7CD !important;
    --color-new-error-light: #FEC9DC !important;
    
    --theme-grid-width: 1300px !important;
    
    /* RGPD Colors */
    
    --color-neutral-dark: #818DA0;
    --color-success-RGPD: #58C182;
    --color-success-RGPD-light: #BAF2D1;
    --color-neutral-light: #D9DFE8;

}

/* THEME CORRECTIONS */

.dropdown {
    position: relative;
}

.dropdown .dropdown-content {
    position: absolute;
    width: 100%;
}

.dropdown.is--hidden .dropdown-content {
    display: none;
}

/* - Color Conversion - */

.text-terciary-secondary{
    color: var(--color-terciary-secondary);
}

.text-terciary-primary{
    color: var(--color-terciary-primary);
}

.text-secondary-primary{
    color: var(--color-secondary-primary);
}

.text-primary-secondary{
    color: var(--color-primary-secondary);
}

.background-terciary-secondary{
    background-color: var(--color-terciary-secondary);
}

.background-terciary-primary{
    background-color: var(--color-terciary-primary);
}

.background-secondary-primary{
    background-color: var(--color-secondary-primary);
}

.background-primary-secondary{
    background-color: var(--color-primary-secondary);
}

.text-neutral-0-neutral-2{
    color: var(--color-neutral-0-neutral-2);
}

.background-neutral-0-neutral-2{
    background-color: var(--color-neutral-0-neutral-2);
}

.background-primary-neutral-8{
    background-color: var(--color-primary-neutral-8);
}

.text-primary-neutral-8{
    color: var(--color-primary-neutral-8);
}

.background-waist-table-pink-lightest{
    background-color: var(--color-waist-table-pink-lightest);
}

.text-waist-table-pink-lightest{
    color: var(--color-waist-table-pink-lightest);
}

.background-neutral-0-waist-table-pink{
    background-color: var(--color-neutral-0-waist-table-pink);
}

.text-neutral-0-waist-table-pink{
    color: var(--color-neutral-0-waist-table-pink);
}

.background-secondary-secondary-lightest{
    background-color: var(--color-secondary-secondary-lightest);
}

.text-secondary-secondary-lightest{
    color: var(--color-secondary-secondary-lightest);
}

.background-primary-neutral-0{
    background-color: var(--color-primary-neutral-0);
}

.text-primary-neutral-0{
    color: var(--color-primary-neutral-0);
}

.text-black{
    color: black;
}

.text-new-secondary{
    color: var(--color-new-secondary);
}

.text-new-secondary{
    color: var(--color-new-secondary);
}

.text-new-secondary{
    color: var(--color-new-secondary);
}

/* - Icons - */

a:hover {
    text-decoration: none;
}

.activeIcon {
    color: green !important;
}

.inactiveIcon {
    color: gray !important;
}

.btn {
    /*min-width: 30px !important;*/
}

/* Combo Bug Fix
    CSS used to fix a bug with OutSystems UI Web, version 1.7.7.
    If the bug no longer exist, remove the following CSS.
*/

.choices__inner > .select {
    display: none !important; 
}

/* - Content */

.Menu_DropDownPanel a:link {
    text-transform: none !important;
}

.menu-card {
    padding: 0px;
}

.menu-card .Menu_TopMenu:hover > div a {
    color: var(--color-neutral-9) !important;
}
    
.navigation .menu-card .Menu_TopMenu.Menu_TopMenuActive {
    background-color: var(--color-neutral-2);
}

.menu-card .Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    font-weight: var(--font-regular);
    color: var(--color-primary);
}

.content-middle {
   margin-top: 0px !important;
}

.input.Not_Valid, .select.Not_Valid {
    color: var(--color-neutral-9);
}

.left-menu {
    width: 18%;
}

.backoffice-content {
    width: 80%;
    margin-left: 20px;
}

.inactivePatient {
    text-decoration: line-through;
}

.MapPlaceHolder {
    width: 100%;
    height: 100%;
    min-height: 500px !important;
    min-width: 100px;
} //Changes the minimum height of the google map

/*
::-webkit-input-placeholder {
   color: red !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: red !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red !important;
}

:-ms-input-placeholder {  
   color: red !important; 
}
*/

.width120 {
    min-width: 125px !important;
}

.width50 {
    min-width: 50px !important;
}

.height164{
    min-height: 164px;
}

.height82{
    min-height: 82px;
}

.height110 {
    height: 110px;
    min-height: 110px;
    max-height: 110px;
}

.height131 {
    min-height: 131px;
}

.height21 {
    min-height: 30px !important;
}

.height50 {
    min-height: 50px !important;
}

.fixed-height400 {
    min-height: 400px;
    max-height: 400px;
}

.height130{
    height: 130px;
}

.ontop {
    z-index: 20 !important;
}

.ontop-2 {
    z-index: 30 !important;
}

.ontop-3 {
    z-index: 40 !important;
}

.onbottom {
    z-index: -1 !important;
}

.xscroll {
    white-space: nowrap;
    overflow-x: scroll;
}

.background-body{
    background-color: var(--color-background-body);
}

.gray-border--round-corners{
    border-color: #ddd;
    border-radius: 48px;
    border-style: solid;
    border-width: 1px;
}

.green-border--round-corners{
    border-color: #37B24D;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    background-color: #4cff10;
}

.btn-top-marg{
    margin-top: 21px;
}

.modal-700{
    max-width: 1100px !important;
}

.phone-size-menu{
    display: none !important;
}

.auto-m-left{
    margin-left: 1.96078431372549%;
}


.c-history-table{
    width: 20% !important;
}
.bg-grey{
    background-color: #f4f5f7 !important;
}
.side-menu-right{
    max-height: 100%;
    overflow: auto;
    margin-left: 1.5%;
}
.side-menu-left{
    max-height: 100%;
    overflow: hidden;
    margin-right: 1.5%;
}
.sticky-side-menu{
    
}

.c-hist-cont .TableRecords .TableRecords_OddLine,
.c-hist-cont .TableRecords .TableRecords_EvenLine,
.c-hist-cont .TableRecords .TableRecords_Header{
    border-left: var(--border-size-s) solid var(--color-neutral-4);
}
.desktop .c-hist-cont .TableRecords tr:hover .TableRecords_OddLine,
.desktop .c-hist-cont .TableRecords tr:hover .TableRecords_EvenLine{
    background-color: white;
}

.desktop .c-hist-cont .TableRecords tr:nth-child(even) .TableRecords_OddLine,
.desktop .c-hist-cont .TableRecords tr:nth-child(even) .TableRecords_EvenLine{
    background-color: #f9f9f9;
}

.login-info{
    color: var(--color-neutral-0);
}

.textAlignImportant {
    text-align: center !Important;
}

/* BO Menu */
@media screen and (min-width: 547px) and (max-width: 1024px){
    .phone-size-menu{
        display:block !important;
        margin: 0 1.5% 5% 18.5%;
        width:50%;
    }
    .resize-font{
        font-size: 16px;
        font-weight: bold;
    }
}

@media screen and (max-width: 546px){
    .phone-size-menu{
        display: block !important;
        margin: 0 15% 5% 4%;
    }
}

.phone-size-combo, .phone-size-combo-cont{
    display: none !important;
}

.phone-size-combo-cont .choices.is-open.is-focused{
    z-index: 30;
}

/* Operational Menu */
@media screen and (max-width: 710px){
    .phone-size-nav-bar{
        display: none !important;
    }
    .phone-size-combo-cont{
        display: block !important;
        padding-bottom: 5% !important;
        border-bottom: 0.5px solid var(--color-primary) !important;
    }
    .phone-size-combo{
        display: block !important;
        width: 50% !important;
    }
    /* Allocation and Team */
    .resize-font{
        font-size: 16px;
        font-weight: bold;
    }
    
    .sub-menu-align{
        margin-top: var(--space-m) !important;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;        
    }
}

/* Operational Menu Reports */
@media screen and (min-width: 931px) and (max-width: 1330px){
    .half-size{
        width: 49.0196078431373% !important;
    }
    .combos-nutri{
        width: 49.0196078431373% !important;
    }
    .full-size{
        width: 100% !important;
    }
    .combo-cons{
        width: 23.5294117647059% !important;
    }
}

@media screen and (min-width: 551px) and (max-width: 930px){
    .half-size, .combo-cons, .combos-patients{
        width: 49.0196078431373% !important;
    }
    .combos-nutri{
        width: 100% !important;
    }
    .full-size{
        width: 100% !important;
    }
}

@media screen and (max-width: 550px){
    .half-size, .combo-cons{
        width: 49.0196078431373% !important;
    }
    .combos-nutri{
        width: 100% !important;
    }
    .full-size, .combos-patients{
        width: 100% !important;
    }
}

.no-border-and-margin {
    border: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* D3P Icons */

@font-face {
  font-family: 'D3P_Icons';
  src:  url('/Victus_Patterns/D3P_Icons.eot');
  src:  url('/Victus_Patterns/D3P_Icons.eot') format('embedded-opentype'),
    url('/Victus_Patterns/D3P_Icons.ttf') format('truetype'),
    url('/Victus_Patterns/D3P_Icons.woff') format('woff'),
    url('/Victus_Patterns/D3P_Icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'D3P_Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icons_evolution_big:before {
  content: "\e900";
}
.icon-icons_consultation:before {
  content: "\e901";
}
.icon-icons_store:before {
  content: "\e902";
}
.icon-icons_calendar:before {
  content: "\e903";
}
.icon-icons_weekly_challenge:before {
  content: "\e904";
}
.icon-icons_search:before {
  content: "\e905";
}
.icon-icons_shopping_list:before {
  content: "\e906";
}
.icon-icons_menu_recipe:before {
  content: "\e907";
}
.icon-icons_aliment_prescription:before {
  content: "\e908";
}
.icon-icons_supplement_prescription:before {
  content: "\e909";
}
.icon-icons_nutricional_prescription:before {
  content: "\e90a";
}
.icon-icons_prizes:before {
  content: "\e90b";
}
.icon-icons_heavy_evolution:before {
  content: "\e90c";
}
.icon-icons_heavy_consultation:before {
  content: "\e90d";
}
.icon-icons_heavy_store:before {
  content: "\e90e";
}
.icon-icons_heavy_calendar:before {
  content: "\e90f";
}
.icon-icons_heavy_weekly_challenge:before {
  content: "\e910";
}
.icon-icons_heavy_search:before {
  content: "\e911";
}
.icon-icons_heavy_shopping_list:before {
  content: "\e912";
}
.icon-icons_heavy_menu_recipe:before {
  content: "\e913";
}
.icon-icons_heavy__aliment_prescription:before {
  content: "\e914";
}
.icon-icons_heavy_supplement_prescription:before {
  content: "\e915";
}
.icon-icons_heavy_nutricional_prescription:before {
  content: "\e916";
}
.icon-icons_heavy_prizes:before {
  content: "\e917";
}
.icon-icons_google:before {
  content: "\e918";
}
.icon-icons_yahoo:before {
  content: "\e919";
}
.icon-icons_outlook:before {
  content: "\e91a";
}
.icon-icons_apple:before {
  content: "\e91b";
}
.icon-icons_arrow_down:before {
  content: "\e91c";
}
.icon-icons_arrow_right:before {
  content: "\e91d";
}
.icon-icons_navigation_left:before {
  content: "\e91e";
}
.icon-icons_navigation_right:before {
  content: "\e91f";
}
.icon-icons_facebook:before {
  content: "\e920";
}
.icon-icons_instagram:before {
  content: "\e921";
}
.icon-icons_youtube:before {
  content: "\e922";
}
.icon-icons_evolution:before {
  content: "\e923";
}

/* Header logo resizing */

.header-logo-small {
    max-height: 35px;
    width: auto;
}

.header-logo-large {
    max-height: 40px;
    width: auto;
}

/* Patient Graph Checkboxes */
.weight-color{
    color: var(--color-weight) !important;   
}
.weightcheck:checked:before{
    background-color: var(--color-weight) !important;
    border: var(--border-size-m) solid var(--color-weight) !important;
}
.weightcheck:before{
    border-color: var(--color-weight) !important;
}
.chest-color{
    color: var(--color-chest) !important;   
}
.chestcheck:checked:before{
    background-color: var(--color-chest) !important;
    border: var(--border-size-m) solid var(--color-chest) !important;
}
.chestcheck:before{
    border-color: var(--color-chest) !important;
}
.waist-color{
    color: var(--color-waist) !important;   
}
.waistcheck:checked:before{
    background-color: var(--color-waist) !important;
    border: var(--border-size-m) solid var(--color-waist) !important;
}
.waistcheck:before{
    border-color: var(--color-waist) !important;
}
.belly-color{
    color: var(--color-belly) !important;   
}
.bellycheck:checked:before{
    background-color: var(--color-belly) !important;
    border: var(--border-size-m) solid var(--color-belly) !important;
}
.bellycheck:before{
    border-color: var(--color-belly) !important;
}
.hip-color{
    color: var(--color-hip) !important;   
}
.hipcheck:checked:before{
    background-color: var(--color-hip) !important;
    border: var(--border-size-m) solid var(--color-hip) !important;
}
.hipcheck:before{
    border-color: var(--color-hip) !important;
}

.special-dropdown-with-label{
   height: 50px !important;
   line-height: 4.9;
   border-color: var(--color-secondary);
}

.no-border-no-margin-no-padding {
   border: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

/* Font Size */

.font-size-xxxl {
    font-size: var(--font-size-xxxl);
}

/* Margin xxxl */

.margin-xxxl {
    margin: 75px;
}

.margin-x-xxxl {
    margin-left: 75px;
    margin-right: 75px;
}

.margin-y-xxxl {
    margin-top: 75px;
    margin-bottom: 75px;
}

.margin-top-xxxl {
    margin-top: 75px;
}

.margin-bottom-xxxl {
    margin-bottom: 75px;
}

.margin-left-xxxl {
    margin-left: 75px;
}

.margin-right-xxxl {
    margin-right: 75px;
}

/* Graph Button Group */

.graph-btn-grp .button-group input[type='radio']:checked + .btn{
    background-color: var(--color-terciary-secondary);
    border: var(--border-size-s) solid var(--color-terciary-secondary);
}

.graph-btn-grp .button-group .btn:hover{
    color: var(--color-terciary-secondary);
}

.graph-btn-grp {
    margin-top: 17px;
}

/* Custom Table */

.CustomTableRecords .CustomTableRecords_Header{
    color: var(--color-primary-neutral-8);
}

.CustomTableRecords .CustomTableRecords_OddLine,
.CustomTableRecords .CustomTableRecords_EvenLine{
    background-color: var(--color-neutral-2);
    margin-bottom: var(--space-xs);
    color: var(--color-primary-neutral-6);
}

.CustomTableRecords tr:hover .CustomTableRecords_OddLine,
.CustomTableRecords tr:hover .CustomTableRecords_EvenLine{
    background-color: var(--color-neutral-0);
}

/* Custom Table Navigation */

.Custom_ListNav{
    margin: var(--space-base) 0 var(--space-xxl) 0;
    display: flex;
    justify-content: center;
}

.Custom_ListNav a.ListNavigation_PageNumber,
.Custom_ListNav span.ListNavigation_CurrentPageNumber,
.Custom_ListNav span.ListNavigation_Ellipsis,
.Custom_ListNav span.ListNavigation_DisabledNext,
.Custom_ListNav a.ListNavigation_Next,
.Custom_ListNav a.ListNavigation_Previous,
.Custom_ListNav span.ListNavigation_DisabledPrevious{
    color: var(--color-terciary-primary);
    border-color: var(--color-terciary-primary);
    border-radius: 50%;
    min-width: 30px;
    min-height: 30px;
    font-weight: bold;
}

.Custom_ListNav a.ListNavigation_PageNumber,
.Custom_ListNav span.ListNavigation_CurrentPageNumber,
.Custom_ListNav span.ListNavigation_Ellipsis{
    font-size: small;
}

.Custom_ListNav span.ListNavigation_CurrentPageNumber{
    font-weight: bolder;
    background-color: var(--color-terciary-primary);
    color: var(--color-neutral-0);
}

.Custom_ListNav a.ListNavigation_Previous:hover,
.Custom_ListNav span.ListNavigation_Ellipsis:hover,
.Custom_ListNav a.ListNavigation_PageNumber:hover,
.Custom_ListNav a.ListNavigation_Previous:hover,
.Custom_ListNav a.ListNavigation_Next:hover{
    font-weight: bold;
    background-color: var(--color-terciary-primary);
    color: var(--color-neutral-0);
}

.Custom_ListNav a.ListNavigation_Next:before,
.Custom_ListNav span.ListNavigation_DisabledNext:before,
.Custom_ListNav a.ListNavigation_Previous:before,
.Custom_ListNav span.ListNavigation_DisabledPrevious:before{
    font-size: large;
}

.Custom_ListNav a.ListNavigation_Next:before,
.Custom_ListNav span.ListNavigation_DisabledNext:before{
    padding: 0 0 1px 3px;
}

.Custom_ListNav a.ListNavigation_Previous:before,
.Custom_ListNav span.ListNavigation_DisabledPrevious:before{
    padding: 0 3px 1px 0;
}

/* Go Back Button */

.GoBackButton{
    color: var(--color-neutral-0) !important;
}

/* Combo min-width */

.Combo_min_width .choices {
    min-width: auto;
}

/* Consultation Inner Tabs */

.consultation-box-values-title{
    font-size: 16px;
    font-weight: bold;
    color: var(--color-primary-neutral-8);
}

.consultation-box-values-val{
    font-size: 40px;
}

.consultation-box-values-unit{
    font-size: 20px;
    margin-left: 5px;
    font-weight: normal;
}

/* Mini History Table */

.mini-history-values-cont{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.mini-history-values-number{
    font-weight: bold;
}

.mini-history-values-unit{
    font-size: 10px;
    margin-left: 3px;
}


@media screen and (max-width: 1300px){
    .mini-history-values-cont{
        font-size: 12px;
    }
    
    .mini-history-values-unit{
        font-size: 10px;
    }
}
.WB_PatientTitle_Half {
    width: 50%;
}

.WB_address-font {
    font-size: 12px;
}

/* Report Section*/

.WB_ReportSection .tabs .tabs-content {
    border: none;
}

.sectionTitle{
    background-color: var(--color-main-headers-bg);
    color: var(--color-neutral-0);
    width: 100%;
    padding: var(--space-s) var(--space-base) var(--space-s) var(--space-base);
    max-height: 40px;
    height: 40px;
}

.sectionTitle .sectionTitleName{
    font-size: 16px;
    margin-left: var(--space-m);
}

.sectionMenu{
    width: 100%;
    padding: 1%;
    margin-top: 4%;
}

.sectionIcon{
    text-align: center;
    width: 25px;
}

.WB_ReportSection .sectionContent{
    margin-top: 40px;
}

.reportTitle{
    background-color: var(--color-new-neutral-dark);
    color: white;
    font-weight: bold;
    height: 46px;
    max-height: 46px;
    padding: var(--space-s) var(--space-base) var(--space-s) var(--space-base);
}

.animated-report-title{
    background-color: var(--color-new-neutral-light);    
    color: var(--color-new-neutral-darkest);
}

.is-lively{
    background-color: var(--color-new-secondary-light);
}

.report-title-content{
    font-weight: bold;
    text-transform: uppercase;
}

/*Dropdown select for reportTitle*/

.reportTitle .choices.is-open.is-focused .choices__inner{
    border: none; 
}

.reportTitle .choices__inner {
    background-color: transparent;
    border: none;
    text-align: left;
}

.reportTitle .choices[data-type*='select-one']::after,
.reportTitle .choices__list--single .choices__item{
    color: var(--color-new-secondary);
}

.reportTitle .choices__list.choices__list--dropdown{
    border-radius: 0px;
}

.reportTitle .choices__list--dropdown .choices__item--selectable{
    color: var(--color-new-secondary);
}

.reportTitle .choices__list.choices__list--single{
    padding-top: 5px;
}


.sectionTitle select{
    border:  none;
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.sectionTitle a.is_active{
    color: var(--SectionTitleFontColor);
}

.sectionTitle a.is_inactive{
    color: var(--color-neutral-6);
}

.sectionTitle select option{
    color: black;
}

.sectionTitle .choices{
    min-width: 100px;
    margin-left: 0px;
}

.sectionTitle .choices__inner {
    background-color: transparent;
    border: none;
    text-align: left;
}

.sectionTitle .choices[data-type*='select-one']::after,
.sectionTitle .choices__list--single .choices__item{
    color: var(--color-neutral-0);
    font-weight: bold;
}

.sectionTitle .choices.is-open.is-focused .choices__inner{
    border: none;
}

.sectionTitle .choices__list.choices__list--dropdown{
    border-radius: 0px;
}

.sectionTitle .choices__list--dropdown .choices__item--selectable{
    color: var(--color-new-secondary);
}

.sectionTitle .choices__list.choices__list--single{
    padding-top: 5px;
}

/*HighCharts*/
.highChartsTitle{
    background-color: #fff;
    padding: 5px 0px 5px 0px;
    max-height: 40px;
    height: 40px;
}

.highChartsTitle .choices__list.choices__list--dropdown,
.highChartsTitle .is-focused .choices__inner{
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.highChartsTitle .choices__inner{
    border: 0px !important;
    text-align: left !important;
}

.highChartsTitle .choices[data-type*='select-one']::after,
.highChartsTitle .choices__list--single .choices__item{
    color: var(--color-new-secondary) !important;
    font-weight: bold;
}

.highChartsIconTitle{
    text-align: center;
    width: 31px;
    color: var(--color-new-secondary);
}

.highcharts-xaxis-labels text{
    text-transform: uppercase;
    fill: black !important;
    color: black !important;
    font-weight: bolder;
    font-family: monstserrat;
    font-size: 10px !important;
}

.measure-label{
    color: var(--color-new-secondary);
    font-weight: bold;
    font-size: var(--font-size-base);    
}

/* Cards */

.cardWrapper{
    position:relative;
    min-height: 130px;
    padding: 15px;
    background-color: var(--body-backgroundColor);
    text-align: center;
    font-weight: bold;
    border: var(--color-neutral-4) 1px solid;
}

.cardWrapper.twoBrands {
    min-height: 150px;
}

.cardWrapper.background-neutral{
    border: unset;
    background-color: var(--card-backgroundColor);
}

.cardHeader{ 
    position: relative;
    height: 10%;
    width: 100%;
    color: black;
    font-size: var(--font-size-h3);
}

.cardTitle{
    position:relative;
    height: 5%;
    width:100%;    
    color: var(--color-new-secondary);
    font-size: var(--font-size-s);
}

.cardContent{
    position:relative;
    height: 70%;
    width:100%;
    color: var(--color-new-secondary);
    margin-top:10px;
    
}

.cardContentGreen{
    color: #97CA55;
}

.cardFooter{
    position: absolute;
    height:10%;
    bottom: 20px;
    width: 100%;
    right: 0%;
    text-align: center;
}

/* table records header override */

.WB_TableWrapper .TableRecords{
    border: none;
    empty-cells: hide;
}

.WB_TableWrapper .TableRecords .TableRecords_Header,
.WB_TableWrapper .TableRecords .TableRecords_Header a {
    font-weight: bold;
    color: black;
}

.WB_TableWrapper .TableRecords .TableRecords_Header .fa{
    font-size: var(--font-size-m);
    color: var(--color-new-secondary);
    transform: rotateX(180deg);
}

.WB_TableWrapper .TableRecords .TableRecords_Header, 
.WB_TableWrapper .EditableTable thead th{
    color: black;
}

.WB_TableWrapper .TableRecords .TableRecords_OddLine,
.WB_TableWrapper .TableRecords .TableRecords_EvenLine{
     background-color: #EEEEEE;
     border-collapse: separate;
     border-bottom: var(--body-backgroundColor) 2px solid;
}


./* list navigation override*/
.WB_TableWrapper{
    position:absolute;
    top:50% !important;
    left:50% !important;
    transform: translate(-50%,-50%) !important;
}

.WB_TableWrapper span.ListNavigation_Ellipsis{
    color: var(--color-new-secondary);
    font-weight: bolder;
}

.WB_TableWrapper a.ListNavigation_PageNumber, 
.WB_TableWrapper span.ListNavigation_CurrentPageNumber{
    border-radius: 50%;
    border: var(--color-new-secondary) 2px solid;
    color: var(--color-new-secondary);
    font-weight: bolder;
}

.WB_TableWrapper a.ListNavigation_Previous, 
.WB_TableWrapper a.ListNavigation_Next {
    border-radius: 50%;
    border: var(--color-new-secondary) 2px solid;
    color: var(--color-new-secondary);
    font-weight: bolder;
}

.WB_TableWrapper span.ListNavigation_DisabledPrevious, 
.WB_TableWrapper span.ListNavigation_DisabledNext {
    border-radius: 50%;
    border: var(--color-new-secondary) 2px solid;
    color: var(--color-new-secondary);
    font-weight: bolder;
}

.WB_TableWrapper span.ListNavigation_CurrentPageNumber {
    color: white;
    background-color: var(--color-new-secondary);
}

.LastestUpdatesIcon{
    color: blue;
}

a.ListNavigation_First:before,
span.ListNavigation_First:before{
    content: '\f33e' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: var(--font-size-h3);
}

a.ListNavigation_Last:before,
span.ListNavigation_Last:before{
    content: '\f340' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: var(--font-size-h3);
}

.iconRefresh .fa,
.iconRefresh a .fa,
.iconRefresh a{
    color: white;
    background-color: var(--color-new-secondary);
    padding: 5px;
}

/* tabs navigation override */

.tabs.justified .WB_NavigationTab .tabs-header {
    align-items: center;
}

 .WB_NavigationTab .tabs .tabs-content {
    margin-top: 3%;
    padding: unset;
}

.WB_NavigationTab .tabs .tabs-header {
   /* border: var(--color-new-secondary) var(--border-size-tabs) solid;*/
    box-shadow: 0px 0px 0px 2px var(--color-new-secondary);
    background-color: var(--body-backgroundColor);
    font-weight: bold;
    color: var(--color-new-secondary);
}

.WB_TabHeaderItem .tabs-header-item.active{
    border-bottom: unset;
    background-color: var(--color-new-secondary);
    color:  var(--color-neutral-0);
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0px 1px var(--color-new-secondary);
}

.tabs.justified .WB_TabHeaderItem .tabs-header-item {
    border-bottom: unset;
    height: 40px;
    text-align: center;
    font-size: 14px;
}

.WB_NavigationTab .tabs .tabs-header-item:hover {
    color: var(--color-new-secondary);
}

.WB_NavigationTab .tabs .tabs-header-item.active:hover {
    color: var(--color-neutral-0);
}


/*.WB_NavigationTab .tabs .tabs-header select,
.WB_NavigationTab .tabs .tabs-header select option{
    border:  none;
    background-color: transparent;
    color: var(--color-new-secondary);
    font-weight: bold;
}*/

.WB_NavigationTab .tabs-header .choices{
    min-width: 100px;
}

.vertical-center-h-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;    
}

.WB_NavigationTab .tabs-header .choices__inner{
    background-color: transparent;   
}


.WB_NavigationTab .tabs-header .choices,
.WB_NavigationTab .tabs-header .choices__list--single .choices__item,
.WB_NavigationTab .tabs-header .choices[data-type*='select-one']:after{
    color: var(--color-new-secondary) !important;
}

.WB_NavigationTab .tabs-header .choices
.WB_NavigationTab .tabs-header .choices[data-type*='select-one']:after{
    font-weight: bold;
    text-align: left;
}

.WB_NavigationTab .tabs-header .choices.is-open.is-focused .choices__inner,
.WB_NavigationTab .tabs-header .choices__inner,
.WB_NavigationTab .tabs-header .choices__inner:hover{
    border: none;
    border-radius: 0px;
    background-color: transparent;
}

.WB_NavigationTab .tabs-header .choices__list--dropdown{
    border-radius: 0px;
    margin-top: var(--space-s) !important;
}

.WB_NavigationTab .tabs-header .choices__list--single .choices__item{
    padding-top: 8px;
}

/* 2 -  Header and Menu */

.font-bold {
    font-weight: bold !important;
}

.font-larger{
    font-size: larger;
}

.infoContentcont {
    min-width: 1100px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    height: 40px;
}

.infoContent {
}

.containerinfocontentcont {
    background-color: var(--color-back-bg);
    border-top: 2px solid var(--color-back-border);
    border-bottom: 2px solid var(--color-back-border);
}

.desktop-small .header .ThemeGrid_Container,
.desktop .header .ThemeGrid_Container{
    padding: var(--space-none) 50px;
}

.menu{
    background-color: var(--color-secondary-primary);
    
}

.menu nav{
    height: 50px;
}

.header {
    z-index: 10000 !important;
}

.header .Menu_TopMenu{
    border: none;
}

.header__inner-container {
    height: 70px;
    background-color: var(--color-neutral-0);
    display: flex;
    align-items: center;
    padding: 0 50px !important;
    min-width: 1100px;
    max-width: 1300px;
    margin: 0 auto;
}

.header-top__content__right .login-info .Menu_TopMenu .Menu_DropDownArrow:before,
.header-top__content__right .login-info .Menu_TopMenu .Menu_DropDownArrow:after,
.header-top__content__right .login-info .Menu_TopMenu:hover .Menu_DropDownArrow:before,
.header-top__content__right .login-info .Menu_TopMenu:hover .Menu_DropDownArrow:after{
    background: var(--color-terciary-primary);
}

.header-top__content__right .login-info .login-info__username {
    width: auto !important;
    margin-right: var(--space-s);
    line-height: var(--font-size-m);
    text-align: right;
    font-size: 12px !important;
    font-weight: var(--font-regular);
    text-transform: uppercase;
    -webkit-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.layout .header {
    background-color: #fff;
}

.layout-top .header .ThemeGrid_Container {
    height: 46px;
}

.Menu_DropDownPanel a:link{
    color: var(--color-terciary-primary);
}

.header-top__content__right .login-info .login-info__username,
.Menu_TopMenus{
    text-transform: none;
    width: fit-content;
}

.header .Menu_TopMenu > div > a{
    color: var(--color-primary-neutral-0);
    text-transform: none;
    font-size: medium;
}

.header .Menu_TopMenu.Menu_TopMenuActive,
.header .Menu_TopMenu:hover{
    border: none;
    background-color: var(--color-primary-secondary);
}

.header .Menu_TopMenu.Menu_TopMenuActive > div > a,
.header .Menu_TopMenu:hover > div a:visited{
    color: var(--color-neutral-0);
    text-transform: uppercase;
}

.header .login-info .Menu_TopMenu.Menu_TopMenuActive,
.header .login-info .Menu_TopMenu:hover{
    background-color: var(--color-neutral-0);
}

.header-top__content__right .login-info .Menu_DropDownArrow{
    min-width: 20px;
    max-width: 20px;
    font-weight: bold;
    color: var(--color-terciary-primary);
}

.header-top__content__right .login-info .Menu_DropDownButton.open .Menu_DropDownPanel{
    right: 90px;
}

.header-top__content__right .login-info .language-switcher .Menu_DropDownPanel{
    right: 25px !important;
}

.header-top__content__right .login-info .Menu_TopMenu > div > div > .Menu_DropDownArrow{
    display: none;
}

.header-top__content__right .login-info img{
    width: 48px;
    height: 48px;
    margin: var(--space-none) var(--space-s);
    border: 2px solid var(--color-neutral-5);
}

.login-info{
    color: var(--color-primary-neutral-8);  
    
}

.heading4 {
    line-height: 1.25;
    font-size: var(--font-size-base);
    font-weight: var(--font-bold);
}

.container-stiky-2 {
    position: fixed;
    width: 100%;
    z-index: 5000;
    top: 115px;
    border-top: 5px solid var(--color-neutral-0);
    background: var(--color-neutral-0);
    
}

.New-container-tabs {
    min-width: 1100px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 50px;
}

.TeamGrid_reset {
    width: 100% !important;
}

.icons-info-cont {
    font-size: 20px;
    margin-right: -20px;
    color: var(--color-primary);
}

.container-name-infoCont {
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    float: left;
}

.container-ConsPoint-infoCont {
    margin-right: 0px;
    display: flex;
}


.txt_infocont {
    margin: auto 0;
    margin-left: 0px;
    line-height: 12px;
    color: var(--color-primary-neutral-8);
    font-size: 14px;
}

.icon_infocont {
    margin: auto 0;
}

.Menu_TopMenu {
    height: 46px;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
}

.Menu_TopMenu:hover > div a {
    color: #fff !important;
}

.Container-Active-Users {
    width: 190px;
    height: 190px;
    margin-right: var(--space-s);
    margin-bottom: var(--space-s);
    display: inline-block;
    vertical-align: top;
}

/* wb_combobox */
.inputPattern{
    background-color: transparent !important;
    height: 40px !important;
}

.inputPattern .input{
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #2A2523 !important;
    background-color: transparent !important;;   
    padding: 20px 0px 4px 4px !important;
    font-weight: normal !important;
    position: relative !important;
    top: -20px !important;
    padding-left: 9px !important;
    
}

.inputPattern .label-wrapper{
    position: relative !important;
    padding-left: 12px !important;
    top: 2px;
    font-weight: bold !important;
    
    
}

.inputPattern .label-wrapper .label-icon{
    top: 12px !important;
    position: relative !important;
    font-size: 20px;
    margin-top: -10px !important;
}


.inputPattern .choices{
    top: -15px !important;
}


.inputPattern .choices__inner{
    background-color: transparent !important;    
}

.inputPattern .choices__inner,
.inputPattern .choices__list.choices__list--dropdown,
.inputPattern .is-focused .choices__inner,
.inputPattern .choices__input.choices__input--cloned{
    padding: 0px 0px 0px 5px;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #2A2523 !important;
}

.inputPattern .choices__inner:before{
    color: var(--color-primary) !important;

}

.inputPattern .choices__list--single .choices__item{
    padding: 0px 0px 0px 5px !important;
}


.inputPattern .choices__inner:before,
.inputPattern .choices__list--single .choices__item{
   font-size: 14px !important;
}


.inputPattern .choices__list--single .choices__item{
   color: #2A2523 !important;
   font-weight: normal !important;
   position: relative !important;
   margin-top: 12px !important;
}


.inputPattern .choices__list--single{
   padding: 0px !important;
}

div.Feedback_Message_Wrapper {
   z-index: 999999999999;    
}


/* WB to add address and phone on PP */

.wb-emptyaddressphone {
    width: 378px;
    height: 40px;
    color: var(--color-terciary-secondary);
    background-color: var(--color-new-neutral-light);
    line-height: 40px;
}

.wb-width-btn-addaddressphone {
    width: 378px;
    margin-top: 10px;
}

.wb-addressphone-btn {
    color: var(--color-terciary-secondary);
    font-size: 16px;
    margin-right: 5px;
}

.wb-addressphone-btn-disabled {
    color: var(--color-terciary-secondary);
    font-size: 16px;
    margin-right: 5px;
    background-color: transparent !important;
    border: none !important;
}


/* Footer Partners Portal*/

footer .background-footer-PP {
    background: #2A2523 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    min-height: 355px;
    color: #fff;
}

footer .accordion-item:last-child {
    border: none;
}

footer .accordion-item.is--open .accordion-item-header {
    background-color: #474341;
}

footer .accordion-item .accordion-item-content.is--expanded {
    background-color: #474341;
    padding: 5px 0;
}

footer .accordion-item .accordion-item-header {
    background-color: #474341;
    height: 40px;
    padding: 8px 0;
}

footer img {
    height: 40px;
    margin-left: 0;
    max-height: none;
}

.h2_inner_titles {
    font-size: 16px !important;
    font-weight: bold;
}

.WB_ReportSection .sectionContent{
    margin-top: 33px;
}

footer {
    height: 100%;
    background-color: transparent;
}

.dropdown-text-footer-alt {
    font: var(--unnamed-font-style-normal) normal bold 10px/21.6px var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 10px/22px Montserrat;
    letter-spacing: 0px;
    color: #3DBAC5;
    padding-left: 20px;
}

.dropdown-text-footer-alt2 {
    font: var(--unnamed-font-style-normal) normal medium 10px/21.6px var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--d3p-neutral-1);
    text-align: left;
    font: normal normal medium 10px/22px Montserrat;
    letter-spacing: 0px;
    color: #EEEEEE;
    padding-left: 20px;
}

.dropdown-text-footer-title {
    font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-12)/14px var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--d3p-neutral-1);
    text-align: left;
    font: normal normal bold 12px/14px Montserrat;
    letter-spacing: 0px;
    color: #EEEEEE;
    opacity: 1;
}

.accordion-item .accordion-item-title {
    text-align: left;
    padding-left: 20px;
}

.accordion-item .accordion-item-icon {
    margin-right: var(--space-base);
    color: var(--color-neutral-7);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    transform: rotate(-90deg);
}

.accordion-item.is--open .accordion-item-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}


/* Page margins */

.desktop .content .ThemeGrid_Container {
    padding-left: 50px;
    padding-right: 50px;
}

.font-size-20 {
    font-size: 20px;
}

/*OverallsSummaryCards_WB card wrapper */

.light_grey_background{
    background-color: var(--color-new-neutral-lightest);
    
}

.overall_summary_content{
    font-size: 30px ;
    
}

/* list navigation wrapper */

.list-navigation-width-25{
    width: 25%;
}

.list-navigation-width-30{
    width: 30%;
}

.list-navigation-width-35{
    width: 35%;
}

.list-navigation-width
/* FinancialInformation_WB */

.FinancialInformationTable .TableRecords_OddLine:nth-child(4),.FinancialInformationTable .TableRecords_EvenLine:nth-child(4){
    background-color: var(--color-new-neutral-lightest);
    -50{
    width: 50%;
}

.list-navigation-100{
    width: 100%;
}


}


.challengeclinic-tablerecords-wrapper .TableRecords .TableRecords_Header,
.challengeclinic-tablerecords-wrapper .TableRecords .TableRecords_OddLine ,
.challengeclinic-tablerecords-wrapper .TableRecords .TableRecords_EvenLine{
     
    padding: 0px !important;
    margin: 0px !important;
    
}

.opacity-low{
    opacity: 0.35;
}