/* GENERAL STYLES FOR REMESASENVIA */

/* A HREF */
a { text-decoration: none; /* Remove underline from links */ }

/* ALIGMENT */
.align-lft { text-align:   left; }
.align-ctr { text-align: center; }
.align-rgt { text-align:  right; }
 
/* BACKGROUND COLORS */
.bg-clr-1 { background-color: #003366; } /* #003366 - Dark blue*/
.bg-clr-2 { background-color: #3A6EA5; } /* #3A6EA5 - Mild blue */
.bg-clr-3 { background-color: #A7C7E7; } /* #A7C7E7 - Light blue */
.bg-clr-4 { background-color: #FF8000; } /* #FF8000 - Orange */
.bg-clr-5 { background-color: #D32F2F; } /* #D32F2F - Red */

/* BODY */
.body { background-color: #003366; margin-top: 30px; margin-bottom: 30px; }

/* BUTTON STYLES */
.btn-xsml   { border-radius: 10px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 48px; color: #FFFFFF; cursor: pointer; height: 145px; width: 369px; }
.btn-sml    { border-radius: 25px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 50px; color: #FFFFFF; cursor: pointer; height: 145px; width: 379px; }
.btn-med    { border-radius: 25px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 52px; color: #FFFFFF; cursor: pointer; height: 180px; width: 692px; }
.btn-lrg    { border-radius: 25px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 54px; color: #FFFFFF; cursor: pointer; height: 180px; width: 780px; }
.btn-select { border-radius: 15px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 48px; color: #FFFFFF; cursor: pointer; height: 145px; width: 752px; }

/* CHECK BOX */
.chk-box { margin-left: 45px; margin-right: 10px; height: 70px; width: 70px; }

/* FONTS */
.fnt-xsml-1 { font-family: Arial; font-size: 30px; color: #3A6EA5; }
.fnt-xsml-2 { font-family: Arial; font-size: 30px; color: #818181; }
.fnt-xsml-3 { font-family: Arial; font-size: 30px; color: #000000; }

.fnt-sml-1  { font-family: Arial; font-size: 40px; color: #3A6EA5; }
.fnt-sml-2  { font-family: Arial; font-size: 40px; color: #818181; }
.fnt-sml-3  { font-family: Arial; font-size: 40px; color: #000000; }

.fnt-med-1  { font-family: Arial; font-size: 45px; color: #3A6EA5; }
.fnt-med-2  { font-family: Arial; font-size: 45px; color: #818181; }
.fnt-med-3  { font-family: Arial; font-size: 45px; color: #000000; }

.fnt-lrg-1  { font-family: Arial; font-size: 50px; color: #3A6EA5; }
.fnt-lrg-2  { font-family: Arial; font-size: 50px; color: #818181; }
.fnt-lrg-3  { font-family: Arial; font-size: 50px; color: #000000; }

.fnt-xlrg-1 { font-family: Arial; font-size: 60px; color: #3A6EA5; }
.fnt-xlrg-2 { font-family: Arial; font-size: 60px; color: #818181; }
.fnt-xlrg-3 { font-family: Arial; font-size: 60px; color: #000000; }

/* FONT BOLD */
.bold { font-weight: bold; }

/* FORMS */
.frm-input-sml    { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 20px; font-family: Arial; font-size: 50px; color: #818181; height: 140px; width: 344px; }
.frm-input-med    { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 20px; font-family: Arial; font-size: 50px; color: #818181; height: 140px; width: 650px; }
.frm-input-lrg    { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 25px; font-family: Arial; font-size: 50px; color: #818181; height: 140px; width: 738px; }

.frm-select-sml   { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 20px; font-family: Arial; font-size: 50px; color: #818181; height: 155px; width: 375px; }
.frm-select-med   { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 20px; font-family: Arial; font-size: 50px; color: #818181; height: 155px; width: 680px; }
.frm-select-lrg   { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 25px; font-family: Arial; font-size: 50px; color: #818181; height: 155px; width: 775px; }

.frm-textarea-lrg { border-radius: 25px; border: 5px solid #FFFFFF; background-color: #F1F3F5; outline: none; text-align: left; padding-left: 25px; font-family: Arial; font-size: 50px; color: #818181; height: 415px; width: 738px; }

/* INDEX */
.indx-img-logo { height: 325px; width: 655px; }
.indx-flag     { height: 80px; width: 135px; }
.indx-fnt-mx   { font-family: Arial; font-weight: bold; font-size: 54px; color: #6C757D; }

/* IMAGES */
.img-logo { height: 180px; width: 720px; }

/* MARGIN BOTTOM */
.frm-mrg-btm { margin-bottom: 25px; }

/* META THEME-COLOR */
:root { --theme-color: #003366; } /* #003366 */

/* SEPARATOR */
.separator { height: 14px; background-color: #DDDDDD; margin-top: 25px; margin-bottom: 25px; }

/* TABLES */
.table-base { border-radius: 25px; background-color: #DDDDDD; height: auto; width: 940px; } /* DDDDDD */
.table-main { border-radius: 25px; border: 20px solid #6C757D; background-color: transparent; height: auto; width: 895px; } /* #6C757D */
.table-2nd  { border-radius: 25px; border: 14px solid #F1F3F5; background-color: transparent; height: auto; width: 780px; } /* #F1F3F5 */