label, p {
    margin: 0;
}

:root {
    --tamanho-fonte: 14px;
    --color-base: #3f3f3f;
    --color-main: #411e5a;
    --color-highlight: #ffb200;
    --color-contrast-clr: #f0462d;
    --color-secundary: #63c3d1;
    --color-bright: #fff;
    --color-deep: #000;
    --color-invisible: transparent;
    --color-silver: #ccc;
    --color-main-lighter-41: #6e4b87;
    --color-main-lighter-36: #6e3d7f;
    --color-main-darker-23: #422256;
    --color-main-darker-16: #2e183b;
    --color-main-darker-13: #280a3c;
    --color-highlight-lighter-50: #ffba01;
    --color-highlight-darker-47: #dca014;
    --color-contrast-clr-darker-49: #d23c28;
    --color-contrast-clr-darker-50: #f0462d;
    --color-contrast-clr-darker-38: #ba0c2f;
    --color-secundary-lighter-60: #b7ebf4;
    --color-secundary-lighter-76: #a8d8df;
    --color-secundary-darker-22: #224d52;
    --color-secundary-darker-37: #3d7981;
    --color-secundary-darker-49: #529faa;
    --color-base-lighter-96: #f4f5f5;
    --color-base-lighter-89: #e3e1e2;
    --color-base-lighter-83: #d4cfd6;
    --color-base-lighter-81: #d0cece;
    --color-base-lighter-67: #aca9a8;
    --color-base-lighter-58: #939393;
    --color-base-lighter-53: #888583;
    --color-base-lighter-90: #e4e4e4;
    --color-main-lighter-42: #794c8b;
    --color-highlight-lighter-58: #feb52c;
    --color-contrast-clr-lighter-57: #ef4d36;
    --color-theme-silver-lighter-95: #f4f5f5;
    --a-badge_cta-start-color: #411e5a;
    --a-badge_cta-end-color: #411e5a;
    --a-btn_start-color: #f0462d;
    --a-btn_end-color: #ffb200;
    --a-btn_blue: #63c3d1;
    --a-btn_hover: #f0462d;
    --a-counter_color: #3f3f3f;
    --a-field_border: transparent;
    --a-prefix_color: #3f3f3f;
    --a-select_border: transparent;
    --a-show-more: #6e4b87;
    --a-show-more_hover: #ffb200;
    --a-subtitle-colored_color: #411e5a;
    --a-title-colored_color: #411e5a;
    --a-btn-start-color-primary: #28a745;
    --a-btn-end-color-primary: #411e5a;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    color: #707070;
    font-size: var(--tamanho-fonte);
    font-family: Ubuntu;
}

.form-control > * {
    font-size: var(--tamanho-fonte);
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.password-container {
    /*width: 400px;*/
    position: relative;
}

    .password-container input[type="password"],
    .password-container input[type="text"] {
        width: 100%;
        /*padding: 12px 36px 12px 12px;*/
        box-sizing: border-box;
    }

.fa-eye {
    position: absolute;
    top: 28%;
    right: 4%;
    cursor: pointer;
    color: lightgray;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/