/* GO2LAX4LESS CSS STYLES */

/* ALIGNMENT */
.align-left   { text-align: left; }
.align-center { text-align: center; }
.align-right  { text-align: right; }

/* BACKGROUND IMAGE */
.bg-image { background-image: url('../img/bg_general.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }

/* BODY */
.body { background-color: #AAA; margin: 7px 6px; }

/* BUTTONS */
.button-xsmall { border-radius: 7px; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; outline: none; font-weight: 300; font-size: 17px; color: #FFFFFF; cursor: pointer; height: 60px; width: 154px; }
.button-small  { border-radius: 7px; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; outline: none; font-weight: 300; font-size: 18px; color: #FFFFFF; cursor: pointer; height: 60px; width: 157px; }
.button-medium { border-radius: 7px; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; outline: none; font-weight: 300; font-size: 19px; color: #FFFFFF; cursor: pointer; height: 60px; width: 325px; }/*320px*/
.button-large  { border-radius: 7px; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; outline: none; font-weight: 300; font-size: 20px; color: #FFFFFF; cursor: pointer; height: 60px; width: 350px; }/*345px*/

/* COLOR BACKGROUND */
.bg-color-1 { background-color: #488C4C; }
.bg-color-2 { background-color: #F37735; }
.bg-color-3 { background-color: #ACB1B9; }
.bg-color-4 { background-color: #D32F2F; }

/* FONT */
.font-xsmall { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.font-small  { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.font-medium { font-family: Arial, Helvetica, sans-serif; font-size: 19px; }
.font-large  { font-family: Arial, Helvetica, sans-serif; font-size: 22px; }
.font-xlarge { font-family: Arial, Helvetica, sans-serif; font-size: 25px; }

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

/* FONT COLOR */
.font-color-1 { color: #999999 }
.font-color-2 { color: #000000 }
.font-color-3 { color: #488C4C }
.font-color-4 { color: #EEEEEE }

/* FORMS */
.form-input-small  { border-radius: 7px; border: 1px solid #CCC; background-color: #FFFFFF; outline: none; text-align: left; padding-left: 10px; font-family: Arial; font-size: 18px; color: #666666; height: 45px; width: 139px; }/*FIS*/
.form-input-large  { border-radius: 7px; border: 1px solid #CCC; background-color: #FFFFFF; outline: none; text-align: left; padding-left: 10px; font-family: Arial; font-size: 18px; color: #666666; height: 45px; width: 300px; }/*FIL*/
.form-select-small { border-radius: 7px; border: 1px solid #CCC; background-color: #FFFFFF; outline: none; text-align: left; padding-left: 10px; font-family: Arial; font-size: 18px; color: #666666; height: 48px; width: 153px; }/*FSS*/
.form-select-large { border-radius: 7px; border: 1px solid #CCC; background-color: #FFFFFF; outline: none; text-align: left; padding-left: 10px; font-family: Arial; font-size: 18px; color: #666666; height: 48px; width: 313px; }/*FSL*/
.form-textarea-lrg { border-radius: 7px; border: 1px solid #CCC; background-color: #FFFFFF; outline: none; text-align: left; padding: 10px 10px; font-family: Arial; font-size: 18px; color: #666666; height: 84px; width: 292px; resize: none; }/*FTX*/

/* FORM UNDER SPACE */
.form-space { margin-bottom: 7px; }

/* INDEX */
.button-index-xsmall { border-radius: 0; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 19px; color: #FFFFFF; cursor: pointer; height: 60px; width: 154px; }
.button-index-small  { border-radius: 0; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 20px; color: #FFFFFF; cursor: pointer; height: 60px; width: 156px; }
.button-index-medium { border-radius: 0; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 21px; color: #FFFFFF; cursor: pointer; height: 60px; width: 320px; }
.button-index-large  { border-radius: 0; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 22px; color: #FFFFFF; cursor: pointer; height: 60px; width: 345px; }

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

/* SEARCH BAR */
.search-bar-input { border-radius: 5px; border: 1px solid #D5D8DC; background-color: #FFF; outline: none; text-align: center;
    font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #818181; margin-left: 5px; margin-right: 2px; height: 45px; width: 260px; }
.search-bar-button { border-radius: 5px; border: none; background-color: #ACB1B9; font-size: 18px; color: #FFF; height: 45px; width: 45px; }
.search-bar-input:focus::placeholder { color: transparent; }

/* SEPARATORS */
.separator      { height: 4px; background-color: #CCC; }
.separator-thin { height: 1px; background-color: #DDD; }

/* TABLES */
.table-main  { border-radius: 7px; background-color: #FFFFFF; height: auto; width: 367px; }/*365px*/
.table-2nd   { border-radius: 7px; border: 4px solid #CCC; background-color: transparent; height: auto; width: 350px; }/*346px*/
.table-title { border-radius: 7px; border: 4px solid #CCC; background-color: transparent; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; color: #999999; height: 100px; width: 350px; }/*346px*/