@import url('https://fonts.googleapis.com/css?family=Nunito:400,300,700,800');

:root {
    --otrl-jp-widget--mobile-breakpoint: 508px;

    --otrl-jp-widget-primary-color: #40816a;
    --otrl-jp-widget-outline-color: #2e5f4b;
    --otrl-jp-widget-primary-color-text: #fff;
    --otrl-jp-widget-secondary-color: #444f56;
    --otrl-jp-widget--outline-color: var(--otrl-jp-widget-outline-color);

    --otrl-jp-widget-text-color: var(--otrl-jp-widget-secondary-color);
    --otrl-jp-widget-grey-color: #6d7278;
    --otrl-jp-widget-light-grey-color: #91929e;

    --otrl-jp-widget--background: #f8f8f8;
    --otrl-jp-widget--tab-background: #dddddd;
    --otrl-jp-widget--body-background: #fff;

    --otrl-jp-widget--border-color: #ddd;

    --otrl-jp-widget--button-background: var(--otrl-jp-widget-primary-color);
    --otrl-jp-widget--button-color: var(--otrl-jp-widget-primary-color-text);

    --otrl-jp-widget--checkbox-background: #fff;
    --otrl-jp-widget--checkbox-color: var(--otrl-jp-widget-primary-color);
    --otrl-jp-widget--checkbox-dark-background: var(--otrl-jp-widget-secondary-color);
    --otrl-jp-widget--checkbox-dark-color: var(--otrl-jp-widget--background);

    --otrl-jp-widget--date-background: #fff;
    --otrl-jp-widget--date-picker-active-color: var(--otrl-jp-widget-primary-color);

    --otrl-jp-widget--error-background-color: #ffe6e6;
    --otrl-jp-widget--error-text-color: #b83116;

    --otrl-jp-widget--icon-background: var(--otrl-jp-widget-primary-color);
    --otrl-jp-widget--icon-color: var(--otrl-jp-widget-primary-color-text);
    --otrl-jp-widget--standalone-icon: var(--otrl-jp-widget-primary-color);

    --otrl-jp-widget--modal-background: var(--otrl-jp-widget-secondary-color);
    --otrl-jp-widget--modal-text: #fff;

    --otrl-jp-widget--list-hover: #eee;

    --otrl-jp-widget--radio-button-background: var(--otrl-jp-widget-secondary-color);
}