/* 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; }
.bg-clr-2 { background-color: #3A6EA5; }
.bg-clr-3 { background-color: #A7C7E7; }
.bg-clr-4 { background-color: #FF8000; }
.bg-clr-5 { background-color: #D32F2F; }

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

/* BUTTON STYLES */
.btn-xsml { border-radius: 0px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 38pt; 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: 39pt; color: #FFFFFF; cursor: pointer; height: 180px; width: 379px; }
.btn-med { border-radius: 25px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 40pt; 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: 42pt; color: #FFFFFF; cursor: pointer; height: 190px; width: 780px; }
.btn-select-recipient { border-radius: 0px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 40pt; color: #FFFFFF; cursor: pointer; height: 150px; width: 752px; }
.btn-select { border-radius:15px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 38pt; color: #FFFFFF; cursor: pointer; height: 130px; width: 710px; }

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

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

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

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

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

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

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

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

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

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

/* INDEX */
.indx-img-logo { height: 325px; width: 655px; }
.indx-btn-lrg { border-radius: 25px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 42pt; color: #FFFFFF; cursor: pointer; height: 190px; width: 780px; }
.indx-btn-sml { border-radius: 25px; border: none; text-align: center; font-family: Arial; font-weight: 300; font-size: 38pt; color: #FFFFFF; cursor: pointer; height: 130px; width: 381px; }
.indx-flag { height: 80px; width: 135px; }
.indx-fnt-mx { font-family: Arial; font-weight: bold; font-size: 38pt; color: #6C757D; }
.indx-fnt-info { font-family: Arial; font-weight: bold; font-size: 35pt; color: #6C757D; }

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

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

/* 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; }
.table-main { border-radius: 25px; border: 20px solid #6C757D; background-color: transparent; height: auto; width: 895px; }
.table-2nd { border-radius: 25px; border: 14px solid #F1F3F5; background-color: transparent; height: auto; width: 780px; }