@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oxygen+Mono&display=swap');

/*Fondo*/

:root {

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

    --body-fontFamily: Inter;
    --body-color: #585d64;
    --header-fontFamily: Inter;
    --header-fontWeight: 600;
    --header-color: #093b98;
    --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));

    --handle-color: #0055ff;

    --icon-color: #6B7280;
    --icon-muted-color: #9CA3AF;

    --page-backgroundColor: #F2F3F7;
    --modal-backgroundColor: #F2F3F7;

    --providerLogo-width: 120px;

    --sidebar-borderColor: #E5E7EB;

    --menu-item-fontFamily: Inter;
    --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: #1859FF;
    --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;

    /*--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-primary-backgroundColor: #1859FF;
    --button-primary-color: #FFFFFF;
    --button-primary-hover-backgroundColor: #1344CC;
    --button-primary-active-backgroundColor: #0F36A8;
    --button-primary-disabled-backgroundColor: #93AAFF;
    --button-primary-disabled-color: #FFFFFF;

    --button-secondary-backgroundColor: #FFFFFF;
    --button-secondary-color: #4B5563;
    --button-secondary-borderColor: #D1D5DB;
    --button-secondary-active-backgroundColor: #E0E8FF;
    --button-secondary-active-borderColor: #1859FF;
    --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));

    /*--  Form input fields styling --*/
    --input-active-borderColor: #3B5AFF;
    --input-backgroundColor: #FFFFFF;
    --input-borderColor: #E5E7EB;
    --input-color: #1E1E1E;
    --input-disabled-backgroundColor: #F9FAFB;
    --input-disabled-borderColor: #EFF1F3;
    --input-disabled-color: #9CA3AF;
    --input-error-color: #FF6E6E;
    --input-error-borderColor: #FF6E6E;
    --input-fontFamily: Inter;
    --input-fontSize: calc(13px * var(--font-scale, 1));
    --input-fontWeight: 600;
    --input-label-color: #6B7280;
    --input-label-disabled-color: #A6AAB3;
    --input-label-fontFamily: Inter;
    --input-label-fontSize: calc(11px * var(--font-scale, 1));
    --input-label-fontWeight: 400;
    --input-placeholder-color: #9CA3AF;


    --contentCard-backgroundColor: #FFFFFF;
    --contentCard-borderColor: #E5E7EB;

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

    --xpool-font-family: "Inter";
    --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:              #1859FF;
    --xpool-button-background-color:          #1859FF;
    --xpool-button-hover-background-color:    #1344CC;
    --xpool-button-active-background-color:   #0F36A8;
    --xpool-button-active-border-color:       #0F36A8;
    --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: hsl(225, 100%, 97%);;

    --xpool-grid-highlight-color-base:      106,165,193;
    --xpool-grid-flash-background-color:    rgba(var(--xpool-grid-highlight-color-base),0.2);
    /*--xpool-grid-hover-background-color:    rgba(var(--xpool-secondary-color-strong), 0.08);*/
    --xpool-grid-hover-background-color:    rgba(var(--xpool-grid-highlight-color-base), 0.08);
    --xpool-grid-selected-background-color: rgba(var(--xpool-grid-highlight-color-base),0.2);
    --xpool-grid-new-line-background-color: rgba(var(--xpool-grid-highlight-color-base),0.4);

    --xpool-grid-selected-order-background-color  : rgba(194,219,168,0.5);

    --xpool-grid-inBalance-order-background-color : #F8F8F8;
    --xpool-grid-executed-order-background-color  : #F8F8F8;
    --xpool-grid-rejected-order-background-color  : #FFCAC0;
    --xpool-grid-onHold-order-background-color    : #FDFFDB;
    --xpool-grid-inactive-rowbackground-color     : #F1F1F1;

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


}