@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:200,300,400,600);

/*Avanza*/

:root {
    --flaggning-all-done-color:               #9bf3a6;

    --default-fontFamily: Roboto, sans-serif;
    --default-fontSize: calc(12px * var(--font-scale, 1));
    --default-fontWeight: 400;

    --reduced-fontSize: calc(10px * var(--font-scale, 1));

    --body-fontFamily: Roboto, sans-serif;
    --body-color: #003755;
    --muted-body-color: #346b8c;

    --header-fontFamily: Bree Serif, serif;
    --header-fontWeight: 600;
    --header-color: #222;
    --h1-header-fontSize: calc(20px * var(--font-scale, 1));
    --h2-header-fontSize: calc(17px * var(--font-scale, 1));
    --h3-header-fontSize: calc(15px * var(--font-scale, 1));
    --h4-header-fontSize: calc(13px * var(--font-scale, 1));
    --h5-header-fontSize: calc(10px * var(--font-scale, 1));

    --tooltip-fontFamily: Roboto, sans-serif;
    --tooltip-fontWeight: 400;
    --tooltip-color: lightgray ;
    --tooltip-fontSize: calc(10px * var(--font-scale, 1));
    --tooltip-backgroundColor: #3A4A6A;
    --tooltip-borderColor: #3A4A6A;
    --tooltip-shadowColor: rgba(0, 0, 0, 0.2);
    --tooltip-borderRadius: 10px;
    --tooltip-maxWidth: 600px;

    --icon-color: #6B7280;
    --icon-muted-color: #878ea2;

    --page-backgroundColor: #f6fffb;
    --modal-backgroundColor: #def1f7;

    --providerLogo-width: 120px;

    --sidebar-borderColor: #E5E7EB;

    --handle-color: #058E62;

    --menu-item-fontFamily: Roboto, sans-serif;
    --menu-item-fontSize: calc(13px * var(--font-scale, 1));
    --menu-item-fontWeight: 400;

    --user-menu-icon-fontSize: calc(11px * var(--font-scale, 1));

    --menu-item-color: #6B7280;
    --menu-item-selected-color: #D0DBFF;
    --menu-item-hover-color: #F3F4F6;
    --menu-item-active-color: #058E62;
    --menu-backgroundColor: #FFFFFF;

    --menu-item-icon-color: #6B7280;

    --menu-divider-color: #E5E7EB;
    --menu-item-exit-color: #F04438;
    --menu-shadowColor: rgba(0, 0, 0, 0.1)  ;

    --controlRow-icon-color: #6B7280;
    --controlRow-icon-disabled-color: #CBCED3;
    --icon-button-hover-backgroundColor: #e1e2f5;

    --divider-color: #E5E7EB;
    --listItem-divider-color: #E5E7EB;

    --tabs-border-radius:                  10px;

    /*--modal-header-fontSize: calc(18px * var(--font-scale, 1));*/
    /*--modal-icon-color: #6B7280;*/

    --button-fontSize: calc(12px * var(--font-scale, 1));
    --button-fontWeight: 600;
    --button-borderRadius: 100;
    --button-borderRadius-small: 100;
    --button-primary-color: #FFFFFF;
    --button-primary-backgroundColor: #07383e;
    --button-primary-hover-backgroundColor: #0d565e;
    --button-primary-active-backgroundColor: #007c8c;
    --button-primary-disabled-backgroundColor: #c0c0c0;
    --button-primary-disabled-color: #FFFFFF;

    --button-secondary-backgroundColor: #FFFFFF;
    --button-secondary-color: #07383e;
    --button-secondary-borderColor: #D1D5DB;
    --button-secondary-active-backgroundColor: #E0E8FF;
    --button-secondary-active-borderColor: #006774;
    --button-secondary-disabled-backgroundColor: #F9FAFB;
    --button-secondary-disabled-borderColor: #D1D5DB;
    --button-secondary-disabled-color: #9CA3AF;
    --button-secondary-hover-backgroundColor: #EBF0FF;
    --button-small-fontSize: calc(11px * var(--font-scale, 1));
    --button-padding-x: 10;
    --button-padding-y: 6;
    --button-small-padding-x: 6;
    --button-small-padding-y: 2;

    /*--  Form input fields styling --*/
    --input-active-borderColor: #058E62;
    --input-backgroundColor: #FFFFFF;
    --input-borderColor: #E5E7EB;
    --input-color: #003755;
    --input-disabled-backgroundColor: #F9FAFB;
    --input-disabled-borderColor: #EFF1F3;
    --input-disabled-color: #585e6c;
    --input-error-color: #FF6E6E;
    --input-error-borderColor: #FF6E6E;
    --input-fontFamily: Roboto, sans-serif;
    --input-fontSize: calc(13px * var(--font-scale, 1));
    --input-fontWeight: 400;
    --input-label-color: #003755;
    --input-label-disabled-color: #A6AAB3;
    --input-label-fontFamily: Roboto, sans-serif;
    --input-label-fontSize: calc(11px * var(--font-scale, 1));
    --input-label-fontWeight: 400;
    --input-placeholder-color: #9CA3AF;
    --input-before-change-color: #DD5400;

    --contentCard-backgroundColor: #FFFFFF;
    --contentCard-borderColor: #E5E7EB;
    --contentCard-shadowColor: rgba(0, 0, 0, 0.1)  ;

    --contentCard-edit-backgroundColor : #fefff3;
    --contentCard-new-backgroundColor    : #e7fbed;
    --contentCard-disabled-backgroundColor    : #d9d9d9;


    /*------ old buttons styling --------------------------------------------*/
    /*-------------------------------------------------------------------*/

    --xpool-font-family: Roboto, sans-serif;
    --xpool-button-height:                  40px;
    --xpool-button-border-radius:           calc(var(--spacing) * 8);
    --xpool-button-border-style:            1px solid;

    --xpool-button-font-weight:             600;
    --xpool-button-font-size:               calc(12px * var(--font-scale, 1));
    --xpool-button-text-color:              #FFFFFF;

    --xpool-button-border-color:              #07383e;
    --xpool-button-background-color:          #07383e;
    --xpool-button-hover-background-color:    #07383e;
    --xpool-button-active-background-color:   #006774;
    --xpool-button-active-border-color:       #006774;
    --xpool-button-hover-text-color:          #FFFFFF;
    --xpool-button-notice-color:              orange;

    --xpool-button-in-table-font-size:      12px;


    /*------ xp grid styling --------------------------------------------*/
    /*-------------------------------------------------------------------*/

    --xpool-grid-header-background-color: #e7f9f1;

    --xpool-grid-highlight-color-base: #1ec4d9;
    /*--xpool-grid-highlight-color-base:      0,103,116;*/

    --xpool-grid-inactive-rowbackground-color     : #e4e4e4;

    --xpool-grid-header-font-weight:        400;
    --xpool-grid-font-size:                 15px;
    --xpool-grid-header-text-color:         black;

    --xpool-grid-row-border:                1px solid #ebe7e2;
    --xpool-grid-header-border:             2px solid lightslategray;
    --xpool-grid-header-group-border:       1px solid RGB(191, 197, 202);

    /*------ old primary/secondary styling ------------------------------*/
    /*-------------------------------------------------------------------*/

    /*
    --xpool-primary-color-x-strong:  hsl(225deg 100% 30%);
    --xpool-primary-color-strong:    hsl(225deg 100% 43%);
    --xpool-primary-color-mid:       hsl(225deg 100% 74%);
    --xpool-primary-color-weak:      hsl(225deg 100% 91%);
    --xpool-primary-color-x-weak:    #d7e7ee;

    --xpool-secondary-color-strong:  #6aa5c1;
    --xpool-secondary-color-mid:     rgb(106 165 193);
    --xpool-secondary-color-weak:    #6aa5c1;

    --xpool-primary-background-color:   #F5F6F8;
    --xpool-secondary-background-color: #F5F6F8;

    --xpool-disabled-color:          lightgray;

    --xpool-footer-color:                   #002337;
    --xpool-footer-text-color:              white;
    */


}