/*
 * This is a manifest file that'll be compiled into rails_application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
    box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
    margin: 0;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
    line-height: 1.5;
    margin: 0 !important;
    -webkit-font-smoothing: antialiased;
}

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
    font: inherit;
}

/*
  7. Create a root stacking context
*/
#root, #__next {
    isolation: isolate;
}

:root, [data-amplify-theme] {
    /* Custom variables */
    --default-bg-color: #002242;
    --secondary-bg-color: #FEFEFE;

    /* Amplify Buttons*/
    --background-button-primary-color: #002242CC;
    --background-button-link-hover-color: #0022424D;
    --background-button-hover-background-color: #0022424D;

    --amplify-components-button-primary-background-color: var(--default-bg-color);
    --amplify-components-button-link-color: var(--default-bg-color);
    --amplify-components-button-primary-hover-background-color: var(--background-button-primary-color);
    --amplify-components-button-link-hover-background-color: var(--background-button-link-hover-color);
    --amplify-components-button-hover-background-color: var(--background-button-link-hover-color);
}


.ant-tabs-tab-disabled {
    color: rgba(0, 0, 0, 0.25) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
li,
input,
textarea,
span,
div,
html,
body,
a {
    margin-bottom: 0;
    /*font-family: 'Roboto', sans-serif !important;*/
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    overflow-wrap: break-word;
}

@import "@aws-amplify/ui-react/styles.css";