/* IMPORTANTE: The @import rule must precede all other rules (except @charset). */
/* @import url('/gpda_gweb/login/login-form/login-form.css'); */
@font-face {
    font-family: 'aptos';
    src: url('/public/fonts/aptos.woff2') format('truetype')
}

:root {
    --dark-blue: rgb(9,49,112);
    --light-blue: rgb(71,114,134);
    --light-blue-border: rgb(175,199,210);
    --blue-border: rgb(21,96,139);
    --grey-border: rgb(217,217,217);
    --error-color: rgb(255, 0, 0);
}

/* RESET */
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body {    
    font-family: aptos;
    font-size: 18px;
}


/* https://tailwindcss.com/docs/screens */
/* 
--screen-sm-min: 640px;
--screen-md-min: 768px;
--screen-lg-min: 1024px;
--screen-xl-min: 1280px;
--screen-2xl-min: 1536px;

--screen-sm-max: 639px;
--screen-md-max: 767px;
--screen-lg-max: 1023px;
--screen-xl-max: 1279px; 
--screen-2xl-max: 1535px; 
*/
@media (min-width: 640px)  { body { font-size: 1rem; } }
@media (min-width: 768px)  { body { font-size: 1rem; } }
@media (min-width: 1024px) { body { font-size: 1rem; } }
@media (min-width: 1280px) { body { font-size: 1rem; } }
@media (min-width: 1536px) { body { font-size: 1rem; } }

.error-color {
    color: var(--error-color) !important;
}

.error-border {
    border-color: var(--error-color) !important;
}

.bold {
    font-weight: bold;
}

.hide {
    display: none !important;
}

img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}