@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?16096");

/* ===================================================================== */

/*  The following CSS was created using Theme Editor.                    */

/*  To modify this CSS, click "Open Theme Editor".                       */

/* ===================================================================== */



/* ===================================================================== */

/*  Root - CSS Variables                                                 */

/* ===================================================================== */



:root {

    /* Color - Brand */

    --color-primary: #8e44ad;

    --color-secondary: #8e44ad;



    --color-primary-hover: #6a3382;

    --color-primary-selected: rgba(142, 68, 173, .12);



    /* Color - Extended */

    --color-red-lightest: #faeaea;

    --color-red-lighter: #e9aaaa;

    --color-red-light: #d96a6a;

    --color-red: #c92a2a;

    --color-red-dark: #ab2424;

    --color-red-darker: #8d1d1d;

    --color-red-darkest: #6f1717;



    --color-pink-lightest: #fbebf0;

    --color-pink-lighter: #efadc4;

    --color-pink-light: #e27098;

    --color-pink: #d6336c;

    --color-pink-dark: #b62b5c;

    --color-pink-darker: #96244c;

    --color-pink-darkest: #761c3b;



    --color-grape-lightest: #f7ecfa;

    --color-grape-lighter: #dfb2e9;

    --color-grape-light: #c678d9;

    --color-grape: #ae3ec9;

    --color-grape-dark: #9435ab;

    --color-grape-darker: #7a2b8d;

    --color-grape-darkest: #60226f;



    --color-violet-lightest: #f1edfd;

    --color-violet-lighter: #c6b6f6;

    --color-violet-light: #9b7fef;

    --color-violet: #7048e8;

    --color-violet-dark: #5f3dc5;

    --color-violet-darker: #4e32a2;

    --color-violet-darkest: #3e2880;



    --color-indigo-lightest: #eceffd;

    --color-indigo-lighter: #b3c1f7;

    --color-indigo-light: #7b92f1;

    --color-indigo: #4263eb;

    --color-indigo-dark: #3854c8;

    --color-indigo-darker: #2e45a5;

    --color-indigo-darkest: #243681;



    --color-blue-lightest: #e8f2fa;

    --color-blue-lighter: #a3c9ea;

    --color-blue-light: #5fa1db;

    --color-blue: #1a79cb;

    --color-blue-dark: #1667ad;

    --color-blue-darker: #12558e;

    --color-blue-darkest: #0e4370;



    --color-cyan-lightest: #e7f2f4;

    --color-cyan-lighter: #9eccd3;

    --color-cyan-light: #56a6b2;

    --color-cyan: #0d8091;

    --color-cyan-dark: #0b6d7b;

    --color-cyan-darker: #095a66;

    --color-cyan-darkest: #074650;



    --color-teal-lightest: #e6f2ef;

    --color-teal-lighter: #9cccbd;

    --color-teal-light: #52a58c;

    --color-teal: #087f5b;

    --color-teal-dark: #076c4d;

    --color-teal-darker: #065940;

    --color-teal-darkest: #044632;



    --color-green-lightest: #ebf7ed;

    --color-green-lighter: #afe0b8;

    --color-green-light: #73c982;

    --color-green: #37b24d;

    --color-green-dark: #2f9741;

    --color-green-darker: #267d36;

    --color-green-darkest: #1e622a;



    --color-lime-lightest: #f1f8e8;

    --color-lime-lighter: #c7e3a2;

    --color-lime-light: #9ecd5c;

    --color-lime: #74b816;

    --color-lime-dark: #639c13;

    --color-lime-darker: #51810f;

    --color-lime-darkest: #40650c;



    --color-orange-lightest: #fef0e6;

    --color-orange-lighter: #fcc29c;

    --color-orange-light: #f99551;

    --color-orange: #f76707;

    --color-orange-dark: #d25806;

    --color-orange-darker: #ad4805;

    --color-orange-darkest: #883904;



    --color-yellow-lightest: #fef5e5;

    --color-yellow-lighter: #fbd999;

    --color-yellow-light: #f8bc4c;

    --color-yellow: #f59f00;

    --color-yellow-dark: #d08700;

    --color-yellow-darker: #ac6f00;

    --color-yellow-darkest: #875700;



    /* Color - Neutral */

    --color-neutral-0: #ffffff;

    --color-neutral-1: #f8f9fa;

    --color-neutral-2: #f1f3f5;

    --color-neutral-3: #e9ecef;

    --color-neutral-4: #dee2e6;

    --color-neutral-5: #ced4da;

    --color-neutral-6: #adb5bd;

    --color-neutral-7: #868e96;

    --color-neutral-8: #5c656d;

    --color-neutral-9: #343a40;

    --color-neutral-10: #15181a;



    /* Color - Semantic */

    --color-error-light: #fceaea;

    --color-error: #e03131;



    --color-warning-light: #fdf6e5;

    --color-warning: #e9a100;



    --color-success-light: #eaf3eb;

    --color-success: #2a843c;



    --color-info-light: #e5f5fc;

    --color-info: #009dde;



    /* Elevation / Shadow */

    --shadow-none: none;

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);

    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);

    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);

    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);

    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);



    /* App Settings */

    --side-menu-size: 300px;

}



.btn,

.Button {

    color: var(--color-primary);

}



.tag,

.badge,

.btn.Is_Default, 

.Button.Is_Default {

    color: #fff;

}

/* ===================================================================== */
/*  Root e Temas - CSS Variables                                         */
/* ===================================================================== */

:root {
    --color-primary: #929292;
    --color-secondary: #6f6f6f;
    --color-primary-hover: #7c7c7c;
    --color-primary-selected: rgba(165, 165, 165, 0.12);
    --color-primary-dark: #7c7c7c;

    --color-text-default: #343434;
    --color-error-base: #DC2020;
    --color-error-base-light: #FCEAEA;
    --color-warning-base: #E9A100;
    --color-warning-base-light: #FDF6E5;
    --color-success-base: #29823B;
    --color-success-base-light: #EAF3EB;


    --color-bg-header: var(--color-secondary);
    --color-bg-main: #F8F9FA;

    --color-red: #B61018;

    --font-title: 'Poppins', sans-serif;
    --font-default: 'Roboto', sans-serif;

    --header-size: 216px;
    --footer-size: 57px;
    --margin-site: 64px;

    --side-menu-size: 260px;

    --color-txt-destaque: var(--color-primary);
    --color-font-default: #101213;
}

.tema-unama {
    --color-primary: #37A45A;
    --color-secondary: #1E5738;
    --color-primary-hover: #1c7c44;
    --color-primary-selected: rgba(38, 166, 91, .12);
    --color-primary-dark: #1C522D;
    --color-primary-light: #9bd2ad;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}

.tema-ung {
    --color-primary: #3E6A98;
    --color-secondary: #96B7BB;
    --color-primary-hover: #2B4A6A;
    --color-primary-selected: #2B4A6A;
    --color-primary-dark: #2B4A6A;
    --color-primary-light: #7897b7;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}

.tema-uninassau {
    --color-primary: #3151AA;
    --color-secondary: #F3D332;
    --color-primary-hover: #26396F;
    --color-primary-selected: #26396F;
    --color-primary-dark: #26396F;
    --color-primary-light: #CBD9FF;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}

.tema-uninabuco {
    --color-primary: #AF1280;
    --color-secondary: #36A9E1;
    --color-primary-hover: #7A0D5A;
    --color-primary-selected: #7A0D5A;
    --color-primary-dark: #7A0D5A;
    --color-primary-light: #C759A6;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}

.tema-uninorte {
    --color-primary: #E86307;
    --color-secondary: #004176;
    --color-primary-hover: #A24505;
    --color-primary-selected: #A24505;
    --color-primary-dark: #A24505;
    --color-primary-light: #EF9251;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}

.tema-unifael {
    --color-primary: #3B683D;
    --color-secondary: #B0B0B0;
    --color-primary-hover: #29492B;
    --color-primary-selected: #29492B;
    --color-primary-dark: #29492B;
    --color-primary-light: #769577;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}

.tema-uni7 {
    --color-primary: #005B97;
    --color-secondary: #E6AA2D;
    --color-primary-hover: #00406A;
    --color-primary-selected: #00406A;
    --color-primary-dark: #00406A;
    --color-primary-light: #9DC4DD;
    --color-bg-header: var(--color-primary-dark);
    --color-txt-destaque: var(--color-primary-dark);
}


/* ===================================================================== */
/*  GERAL                                                                */
/* ===================================================================== */

html {
    font-family: var(--font-default);
    color: var(--color-text-default);
}

body {
    background: var(--color-bg-main);
}

.svg:not(.not-overwrite-color) svg path {
    fill: var(--color-primary-dark);
}

/* Forçar margin-bottom 0 */
.margin-bottom-none{
    margin-bottom: 0px!important;
}

.padding-right-l--desktop{
    padding-right: var(--space-l);
}

.padding-left-m--desktop{
    padding-right: var(--space-m);
}

.txt-riscado {
    text-decoration: line-through;
}

.txt-blue {
    color: #2F80ED;
}

.txt-vermelho{
    color: var(--color-error-base);
}

.width100{
    width: 100%;
}

.min-width235{
    min-width: 235px;
}

.max-width77{
    max-width: 77px;
}

.width-auto{
    width: auto;
}

.width-fit-content{
    width: fit-content;
}

.separator {
    border-top: 1px solid #DBDCDD;
    display: block;
    width: 100%;
    height: 1px;
    margin: 50px 0;
}

.separator--thin{
    margin: 16px 0;
}

.separator--gray{
    height: 24px;
    width: 1px;
    background-color: var(--color-neutral-5);
}

.separator-left {
    border-left: 1px solid var(--color-neutral-10);
    padding-left: 9px;
}

.title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 26px;
    color: var(--color-neutral-9);
    margin-bottom: 21px;
}

.label-destaque{
    color: var(--color-neutral-10);
    font-family: var(--font-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    margin-right: 8px;
}

.Button, .btn{
    min-width: 175px;
    color: var(--color-primary);
}

.btn-link{
    background: transparent;
    border: none;
    color: var(--color-neutral-10);
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.border--gray{
    border: 1px solid var(--color-neutral-5);
    border-radius: 8px;
}



/* Tags */ 

.tag--background-green {
    background: var(--color-success-base-light);
    color: var(--color-success-base);
}
.tag--background-yellow {
    background: var(--color-warning-base-light);
    color: var(--color-warning-base);
}
.tag--background-yellow-light{
    background: #FFFAEE;
    color: #FFCA28;
}
.tag--background-red {
    background: var(--color-error-base-light);
    color: var(--color-error-base);
}
.tag--background-gray {
    color: var(--color-neutral-7);
    background-color: var(--color-neutral-3);
}


/* Flex Lib */ 
.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex4{
    flex: 4;
}

.flex--wrap{
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s);
}

.v-align-center {
    display: flex;
    align-items: center;
}

.h-align-center {
    display: flex;
    justify-content: center;
}

.gap-s{ gap: var(--space-s);}


/* ===================================================================== */
/*  Scroll > global                                                      */
/* ===================================================================== */

.scroll-default::-webkit-scrollbar,
.modal .modal-wrapper::-webkit-scrollbar,
.modal-content::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.scroll-default::-webkit-scrollbar-thumb,
.modal .modal-wrapper::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb {
    background-color: #7e858b;
    border-radius: 10px;
}
.scroll-default::-webkit-scrollbar-track,
.modal .modal-wrapper::-webkit-scrollbar-track,
.modal-content::-webkit-scrollbar-track {
    background-color: #FFF;
}


/* ===================================================================== */
/*  Loading                                                              */
/* ===================================================================== */

.box-loading {
    display: flex;
    justify-content: center;
    margin: var(--space-l) 0;
}
.box-loading.hidden {
    display: none;
}

.loading {
    background-image: url("data:image/svg+xml,%3Csvg id='loading' xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='spinner-gradient-a' x1='49.892%25' x2='55.03%25' y1='58.241%25' y2='89.889%25'%3E%3Cstop offset='0%25' stop-color='%23333' /%3E%3Cstop offset='22.44%25' stop-opacity='.59' stop-color='%23333' /%3E%3Cstop offset='100%25' stop-opacity='0' stop-color='%23333' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' transform='translate(-8 -8)'%3E%3Cpath d='M32,56 C18.745166,56 8,45.254834 8,32 C8,18.745166 18.745166,8 32,8 C45.254834,8 56,18.745166 56,32 C56,45.254834 45.254834,56 32,56 Z M32,52 C43.045695,52 52,43.045695 52,32 C52,20.954305 43.045695,12 32,12 C20.954305,12 12,20.954305 12,32 C12,43.045695 20.954305,52 32,52 Z'/%3E%3Cpath fill='url(%23spinner-gradient-a)' d='M56,32 C56,33.1045695 55.1045695,34 54,34 C52.8954305,34 52,33.1045695 52,32 C52,20.954305 43.045695,12 32,12 C20.954305,12 12,20.954305 12,32 C12,43.045695 20.954305,52 32,52 C33.1045695,52 34,52.8954305 34,54 C34,55.1045695 33.1045695,56 32,56 C18.745166,56 8,45.254834 8,32 C8,18.745166 18.745166,8 32,8 C45.254834,8 56,18.745166 56,32 Z' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E");
    width: 48px;
    height: 48px;
}

.loading {
    animation: loading 1s linear infinite;
}

@keyframes loading {
    from {
    transform: rotate(0deg);
    }
    to {
    transform: rotate(360deg);
    }
}

/* ===================================================================== */
/*  GERAL > FORM: INPUTS etc                                             */
/* ===================================================================== */

/* Toggle small */
.toggle-button--small{
    height: 15px;
    width: 27px;
    margin-top: 2px;
}

.toggle-button.toggle-button--small:after{
    height: 13px;
    width: 12px;
    top: 0px;
}

.toggle-button.toggle-button--small.toggle-button-checked:after{
    -webkit-transform: translateX(11px) translateZ(0);
    transform: translateX(11px) translateZ(0);
}


/* Forms reset */

legend, .fieldset-legend  {
  padding: 0;
  display: table;
}

fieldset,.fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

.fieldset-legend {
    font-family: var(--font-title);
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    color: #343434;
    margin-bottom: 16px;
}

.fieldset-content .row{
    display: flex;
    margin-bottom: var(--space-base);
}

.fieldset-content .row>div{
    margin-right: var(--space-s);
}

.fieldset-content .row>div:last-child{
    margin: 0;
}


label {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #101213;
    margin-bottom: 5px;
}

.fieldset-content .row [type="checkbox"] + label,
.fieldset-content .row [type="checkbox"] + span + label,
.fieldset-content .row [type="radio"] + label,
.fieldset-content .row [type="radio"] + span + label{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-left: var(--space-s);
    margin-right: var(--space-l);
}

label.MandatoryLabel:before {
    color: #BF1601;
    content: '*';
    margin-left: var(--space-none);
    margin-right: var(--space-xs);
}

label.MandatoryLabel:after{
    display: none;
}


input:not([type="submit"], .Button, .checkbox, .radio-button) {
    padding: 13.5px 16px !important;
    width: 100%;
}

input:not([type="submit"], .Button, .checkbox, .radio-button), 
select {
    border: 1px solid #CED4DA !important;
    border-radius: 4px !important;
    height: 48px !important;
}

/* Placeholder */
::-webkit-input-placeholder { /* Edge */
  color: #CED4DA;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CED4DA;
}

::placeholder {
  color: #CED4DA;
}

/* Invalid - error */
.input.Not_Valid:not([type="submit"], .Button, .checkbox, .radio-button), 
.select.Not_Valid {
    border: var(--border-size-s) solid var(--color-error) !important;
    margin-bottom: 2px !important;
}

/* Button */
.Button {
    height: 48px;
    font-weight: 500;
    font-size: 16px;
    background-color: transparent;
}

.Button.btn-primary {
    background-color: var(--color-primary);
    color: #FFF;
}

/* BTN DISABLED */
.btn[disabled="disabled"],
.Button[disabled="disabled"] {
    background-color: var(--color-neutral-2);
    border: 1px solid var(--color-neutral-4);
    color: var(--color-neutral-6);
}

/* BTN ICON RIGHT */
.btn-icon-right {
    padding-right: 7px;
}

/* CHECKBOX */
.checkbox.check-small,
.radio-button.radio-small{
    height: 16px;
    width: 16px;
}
.checkbox.check-small:before{
    content: '';
    height: 14px;
    width: 14px;
}
.checkbox.check-small:after{
    content: '';
    height: 3px;
    left: 2px;
    top: 4px;
    width: 9px;
}
/* RADIOBUTTON*/
.radio-button.radio-small [type="checkbox"]:before {
    content: '';
    height: 8px;
    width: 8px;
}
/* ===================================================================== */
/*  HEADER                                                               */
/* ===================================================================== */

.header > div {
    padding: 0 var(--margin-site);
}

/* NOT FIXED HEADING */
.layout .main {
    --header-gutter: 0;
}
.layout .header {
    position: unset;
}


/* ===================================================================== */
/*  HEADER > HEADER MAIN                                                 */
/* ===================================================================== */

.app-logo {
    width: auto;
    align-self: center;
}

/* MENU TOP */

.header .header-main nav .menu-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 45px;
    padding: 0 20px;
}
.header .header-main nav .menu-top a {
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: var(--color-neutral-10);
}
.header .header-main nav .menu-top a:hover {
    color: var(--color-primary);
}

/* USER INFO */

.header .header-main .header-right {
    font-weight: 400;
    font-size: 18px;
    color: var(--color-neutral-10);
}


/* ===================================================================== */
/*  HEADER > HEADER TITLE                                                */
/* ===================================================================== */
.layout .header{
    background: var(--color-bg-header);
}

.header .header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    font-family: var(--font-title);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: var(--color-neutral-0);
    position: relative;
    max-width: 1440px;
}

.page-login .header .header-title{
    display: none;
}

/* Icon Notificações */

.header .header-title .icon-notificacoes { 
    margin: 0;
}
.header .header-title .icon-notificacoes .fa {
    color: var(--color-neutral-1);
}

.header .header-title .badge-icon.icon-notificacoes .badge {
    font-size: 0;
    color: #DE0610;
    background: #DE0610;
    height: 7px;
    min-width: 7px;
    left: 43%;
    top: 10%;
}

.header-title a, 
.header-title a:visited {
    color: var(--color-neutral-0);
}
.header-title a:hover {
    color: var(--color-neutral-3);
}

/* ===================================================================== */
/*                             header logout                             */
/* ===================================================================== */

.header-right{
    font-size: 14px;
    font-family: var(--font-default);
    font-weight: 700;
}

.app-title{
    display: flex;
    align-items: center;
    height: 100%;
}

/*     LOGIN - LOGOUT   */
.user-avatar {
    font-weight: 400;
    height: 24px;
    width: 24px;
    font-size: var(--font-size-xs);
}

.logout--display-mobile{
    display: none;
}


/* ===================================================================== */
/*  Desktop: link-user-info-mobile e icon-notificacoes                   */
/* ===================================================================== */

.desktop .header .header-main .link-user-info-mobile,
.desktop .header .header-title .icon-notificacoes {
    display: none;
}

/* ===================================================================== */
/*  SIDEBAR - USER INFO                                                  */
/* ===================================================================== */

.sidebar .sidebar-userinfo .sidebar-header {
    background: rgba(0, 0, 0, 0.02);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-neutral-7);
}

.sidebar .sidebar-userinfo .sidebar-content > div > div {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    align-items: flex-start;
    gap: 10px;
}
.sidebar .sidebar-userinfo .sidebar-content > div > div > div {
    margin-left: 0 !important;
}

/* ===================================================================== */
/*  BOX CONTENT TOP                                                      */
/* ===================================================================== */

.box-content-top:empty {
    display: none;
}

.box-content-top:not(:empty) {
    background: var(--color-neutral-1);
    padding: 42px var(--space-xl) 0 var(--space-xl);
    width: 100%;
}

.box-content-top .links:not(:empty) {
    margin-bottom: 32px;
}

.box-content-top .links:not(:empty) a{
    text-decoration: underline;
}

.box-content-top .area {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.box-content-top .area > * {
    flex: auto;
}
.box-content-top .area > :first-child {
    flex: 2;
}

.box-content-top .text-info {
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 20px;
    color: var(--color-primary-dark);
}
.box-content-top .title {
    color: var(--color-neutral-10);
}


/* ===================================================================== */
/*  BOX CONTENT TOP > Progress Bar                                       */
/* ===================================================================== */

.box-content-top .progress-container {
    background: var(--color-neutral-1);
    border: 1px solid var(--color-neutral-3);
    border-radius: 5px;
    padding: 15px 13px 24px 13px;
}
.box-content-top .progress-container .progress-title,
.box-content-top .progress-container .progress-value {
    font-size: 12px;
    color: var(--color-neutral-9);
}
.box-content-top .progress-container .progress-title {
    font-weight: 400;
}
.box-content-top .progress-container .progress-value {
    font-weight: 700;
}

/* ===================================================================== */
/*  CONTENT                                                              */
/* ===================================================================== */
.content > *:not(:last-child){
    max-width: 1440px;
    margin: 0 auto;
}

.layout-top .main-content {
    display: flex;
}

.desktop .layout-top .content > .ThemeGrid_Container {
    padding: var(--space-none);
}


/* ===================================================================== */
/*  STRUCTURE MAIN                                                       */
/* ===================================================================== */

.columns.structure-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.columns.structure-main > .columns-item {
    padding: var(--space-xl);
}

.columns.structure-main > .columns-item:first-child {
    padding-left: calc(var(--space-xl) + 15px);
}

.columns.structure-main > .columns-item:last-child {
    padding-right: calc(var(--space-xl) + 15px);
    flex: 1;
}


/* ===================================================================== */
/*  STRUCTURE MAIN > CONTENT TOP TITLE                                   */
/* ===================================================================== */

.columns.structure-main .content-top-title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 28px;
    color: var(--color-txt-destaque);
}


/* ===================================================================== */
/*  FOOTER                                                               */
/* ===================================================================== */

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-neutral-10);
    min-height: 57px;
}

.footer .text-info {
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
}

.footer__media-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    min-width: 148px;
    margin-top: 38px;
}

.footer__infos-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 2;
}

.footer__infos-wrapper, .footer__infos-wrapper a{
    font-family: var(--font-title);
    color: var(--color-neutral-0);
}

.footer__infos-title{
    font-size: 14px;
    font-weight: 700;
    line-height: 2.14;
}

.footer__infos-text{
    font-size: 12px;
    line-height: 2;
}

.footer__fixed-content{
    max-width: 1440px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
}

.footer__img-logo--mobile{
    display: none;
    height: 32px;
}

.footer__img-logo--desktop{
    height: 122px;
}

/* Sobrescrevendo classes Outsystems */
.layout-top .content-bottom .ThemeGrid_Container{
    padding: var(--space-l) var(--space-xl);
}



/* ===================================================================== */
/*  HIDE SIDECONTENT - PHONE / TABLET / DESKTOP                                    */
/* ===================================================================== */

/* Phone - Tablet - Desktop */

.phone .columns.structure-main.hide-sidecontent-phone > .columns-item:first-child,
.tablet .columns.structure-main.hide-sidecontent-tablet > .columns-item:first-child,
.desktop .columns.structure-main.hide-sidecontent-desktop > .columns-item:first-child {
    display: none;
}

/* ===================================================================== */
/*  WB NOTIFICAÇÕES                                                      */
/* ===================================================================== */

.wb-notificacoes {
    margin: 80px 30px;
}

.wb-notificacoes .title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 22px;
    color: #343434;
}

.wb-notificacoes .text-info {
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-default);
}

/* yes-message */

.wb-notificacoes.yes-message .title:after {
    content: "";
    display: block;
    width: 40.5px;
    border-bottom: 3px solid #CED4DA;
    margin-top: 6px;
}

.wb-notificacoes.yes-message .font-bold {
    font-family: var(--font-title);
    font-weight: 600;
    font-size: 14px;
    margin: 28px 0 8px 0;
}
.wb-notificacoes.yes-message .font-bold .svg {
    margin-right: 9px;
}
.wb-notificacoes.yes-message .font-bold .svg svg {
    vertical-align: middle;
}

.wb-notificacoes.yes-message .actions {
    margin: 8px 0;
}
.wb-notificacoes.yes-message .actions .link {
    font-family: var(--font-default);
    font-weight: 500;
    font-size: 14px;
    text-decoration-line: underline;
}
.wb-notificacoes.yes-message .actions .link:hover {
    text-decoration: none;
}


/* ===================================================================== */
/*  MODAL                                                                */
/* ===================================================================== */

.modal .modal-wrapper {
    overflow-y: auto;
    border: 5px solid #FFF;
}

.desktop .modal .modal-wrapper{
    max-width: 480px;
    border-radius: 10px;
    border: none;
}

.modal-title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: var(--color-neutral-9);
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}

.modal-footer {
    border-top:  none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 0;
}

.modal-footer-nogap .modal-footer{
    gap: 0;
}

.modal-footer a.link {
    font-weight: 500;
    font-size: 16px;
    text-decoration-line: underline;
    color: #101213;
}

/* ===================================================================== */
/*  MODAL > MODAL UPLOAD DOC                                             */
/* ===================================================================== */

.modal .modal-upload-doc {
    border-radius: 10px;
    max-width: 370px;
}

.modal .modal-upload-doc .modal-top .modal-title {
    text-align: center;
    margin-top: 15px;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
}

.modal .modal-upload-doc .modal-content {
    display: flex;
    justify-content: center;
    padding: var(--space-base) var(--space-m);
}

.modal .modal-upload-doc .modal-content input[type="file"] {
    border: none !important;
    text-align-last: center;
    font-size: 12px;
    color: var(--color-neutral-10);
}
.modal .modal-upload-doc .modal-content input[type="file"]::file-selector-button {
    font-size: 12px;
    color: var(--color-neutral-10);
    padding: 4px 8px;
    margin-right: 11px;
}

/* ===================================================================== */
/*  Block Login Candidato                                                */
/* ===================================================================== */
.layout-top.page-login .main-content {
    justify-content: center;
    align-items: center;
}

.block-login-candidato {
    --color-error: #DC2020;
    width: 100vw;
    height: 93.5vh;
    color: var(--color-primary-dark);
    /*max-width: 1445px;*/
    max-height: 847px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.block-login-candidato .structure-login-candidato {
    height: 100%;
}

/*        Block Login Candidato > Structure       */
.block-login-candidato .structure-login-candidato > :first-child {
    background: url("/AreaCandidato_UI/img/login_background.png") no-repeat top center;
    background-size: cover;
}

.block-login-candidato .structure-login-candidato > :last-child {
    background: var(--color-neutral-2);
}

/*     Conteudo     */
.box-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.box-logo img{
    height: 58px;
}

.block-login-candidato .conteudo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/*     Box Topo      */
.block-login-candidato .box-topo {
    margin-bottom: 48px;
    text-align: center;
}
.block-login-candidato .box-topo .title {
    font-family: var(--font-title);
    font-weight: 800;
    font-size: 30px;
    color: var(--color-primary-dark);
    line-height: normal;
    margin-bottom: 7px;
}
.block-login-candidato .box-topo .subtitle {
    font-family: var(--font-default);
    font-weight: 400;
    font-size: 16px;
    color: var(--color-primary-dark);
}

/*     Box Form     */
.block-login-candidato .box-form > div:nth-child(-n + 2) {
    margin-bottom: 24px;
}

.block-login-candidato .box-form label {
    font-family: var(--font-default);
    font-weight: 400;
    font-size: 16px;
    color: var(--color-primary-dark) !important;
}

.block-login-candidato .box-form .actions {
    text-align: center;
}

.block-login-candidato .box-form input::placeholder {
    font-weight: 300;
    font-size: 16px;
}

/*  Box Form > Error  */
.block-login-candidato .box-form .input.Not_Valid:not([type="submit"], .Button, .checkbox, .radio-button), 
.block-login-candidato .box-form .select.Not_Valid {
    border: 1.5px solid var(--color-error) !important;
}

/*  Recaptcha   */
.block-login-candidato .box-form .recaptcha {
    margin-bottom: 32px;
}




/* ===================================================================== */
/*  ESTRUTURA DAS PÁGINAS CENTRALIZADAS                                  */
/* ===================================================================== */


.desktop .page-dadospessoais .content-middle, .desktop .page-enviodocs .content-middle {
    background-color: var(--color-neutral-1);
    max-width: 990px;
    margin: 0 auto;
    padding-top: 20px;
}

.desktop .page-dadospessoais .content-middle .Form{
    background-color: var(--color-neutral-0);
    padding: var(--space-xl);
    border-radius: 20px;
    border: 1px solid var(--color-neutral-3);
}

.desktop .page-enviodocs .structure-main{
    background: var(--color-bg-main);
}

.desktop .page-enviodocs .content-middle .content-central{
    background-color: var(--color-neutral-0);
    border: 1px solid var(--color-neutral-3);
    border-radius: 20px;
    padding: var(--space-xl);
}

.desktop .page-enviodocs .content-middle .card-content{
    padding: 0;
}


/* ------------------------------------ */
/*          ESTRUTURA DA PÁGINA         */
/* ------------------------------------ */
.page-view-inscricao .columns.structure-main > .columns-item:last-child {
    flex: 3;
    background: var(--color-neutral-1);
}

.page-view-inscricao .columns.structure-main > .columns-item:first-child {
    background: var(--color-neutral-1);
}



/*-------------------------------------------------------------------------*/
/*             Content Side - resumos de compra e financeiro              */
/*------------------------------------------------------------------------*/

.desktop .page-view-inscricao .content-side {
    max-width: 360px;
}

.page-view-inscricao .content-side .card {
    background: var(--color-neutral-2);
    border: none;
    border-left: 3px solid var(--color-primary-dark);
    padding-left: var(--space-l);
}

.page-view-inscricao .content-side .card:first-child {
    border-radius: 0 20px 0 0;
}

.page-view-inscricao .content-side .card:last-child {
    border-radius: 0 0 20px 0;
    margin-bottom: 30px;
    padding-bottom: var(--space-l);
}

.page-view-inscricao .content-side .card .title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 22px;
    color: var(--color-text-default);
    margin-bottom: 24px;
}

.page-view-inscricao .content-side .card .title.title-color {
    color: var(--color-primary-dark);
    font-size: 20px;
}

.page-view-inscricao .content-side .card .title.title-color .svg {
    margin-right: 8px;
}

.page-view-inscricao .content-side .card .tag.background-green-lightest {
    --color-green-darker: #29823B;
    font-family: var(--font-default);
    font-weight: 500;
    font-size: 14px;
    color: var(--color-green-darker);
    background: #EAF3EB;
}

.page-view-inscricao .content-side .card .dados {
    font-size: 14px;
    margin-top: 6px;
}
.page-view-inscricao .content-side .card .dados > div {
    margin-bottom: 16px;
}
.page-view-inscricao .content-side .card .dados .label {
    font-weight: 700;
}

.page-view-inscricao .content-side .card.card-financeiro .valor-oferta {
    display: flex;
    align-items: baseline;
    margin-bottom: 16px;
}

.page-view-inscricao .content-side .card.card-financeiro 
.valor-oferta .title.title-color {
    margin-bottom: 0px;
}

.page-view-inscricao .content-side .card.card-financeiro .text-info{
    color: var(--color-neutral-10);
    font-size: 0.875rem;
    font-family: var(--font-title);
    line-height: 25px;
    margin-bottom: 4px;
}

.page-view-inscricao .content-side .card.card-financeiro .text-info .svg svg path{
    fill: var(--color-neutral-7);
}

.page-view-inscricao .content-side .card.card-financeiro .links {
    margin: 8px 0 10px  0;
}

.page-view-inscricao .content-side .card.card-financeiro .Button {
    margin-top: 16px;
}


/* ----------------------------------------------------------------------- */
/*                      CONTENT-MIDDLE: STATUS DA RÉGUA                    */
/* ----------------------------------------------------------------------- */
.page-view-inscricao .content-middle .inativo{
    background-color: var(--color-neutral-2);
}

/*  --------- MSG ERRO REPROVAÇÃO ENEM  ----------- */
.page-view-inscricao .links .error-message{
    width: 45rem;
    margin: 0 auto;
    color: var(--color-error-base);
    padding: 16px;
    background-color: var(--color-error-base-light);
    margin-top: -30px;
    display: flex;
    align-items: center;
}


/* ------------------------------------ */
/*        MODAL INFORMAÇÕES NOTAS       */
/* ------------------------------------ */
.info-notas .col-notas{
    width: 35%;
}

.info-notas .TableRecords.no-responsive .TableRecords_Header{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-bottom: none;
}

.info-notas .TableRecords.no-responsive{
    border: none;
}

.info-notas td{
    font-size: 16px;
}

.info-notas .modal-wrapper .modal-content {
    overflow: hidden;
}

.info-notas .modal-wrapper .modal-top {
    padding: var(--space-m) var(--space-none) var(--space-none);
}

/*    ESTRUTURA DO MODAL   */
.desktop .page-view-inscricao .modal .modal-consulta-notas{
    max-width: 680px;
    padding: 10px 40px;
    overflow: hidden;
}

.col-notas [readonly="readonly"]{
    color: var(--color-neutral-8);
}





/* ===================================================================== */
/*  PAGE DADOS PESSOAIS FORM                                             */
/* ===================================================================== */

.form-header{
    display: flex;
    margin-bottom: 24px;
    align-items: flex-start;
}

.form-header__title{
    font-family: var(--font-title);
    color: var(--color-primary-dark);
    font-weight: 700;
    font-size: 28px;
}

.page-dadospessoais .Form input[type="checkbox"]{
    margin-bottom: 0px;
}


/* Dispensa de disciplinas */

.Form .dispensa-container .label{
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/*********  SELECT COM PESQUISA - COMPLEMENTANDO O SILKUI  ********/
.page-dadospessoais .select2-container .select2-choice{
    border-radius: 5px;
    border: 1px solid #DDD;
    height: 48px;
    line-height: 46px;
    padding-left: 16px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAAXNSR0IArs4c6QAAAgpJREFUOBGlU79LW1EUPvfFPLQOQh06OPgHuKlV82NwqBYsndRSwTUPqVgpJS9DlyyCJFSUYKWR/gVugi46SCXRYNOpmq4OGTq0oKCBp32353vw5PblRtN6lnffOd+Pm7zvCOKy5pJFSTJCQux0PWwfS6fT1+jft1inpfrrYpukHBEkDvK5bNSAaNg0p9jsBwbVn5cf7mvk8z0t1oS258GDEIZHB/tnA9H4ZzacJpKD/UOxWrlULPjE/3lar5M2a6WEoFooZDxdW1o8gY5niMOXw0K1PxKvSClf8OuTvkjs29dSsYLZv1ZiPjnOl8+DZ4SMlx+XM7u+xo0hGuXDQoVNLxk8KoieP47Gd3ARH9zMc+aNPUCu3GRsWBhGKr+S+aTyWLe+EnM2385N4L83w+bg6vuF03pUfWf27btu58op8YUf8W9bX89lrCDKC02w2dX54BUSC6LjOFtWKtURxATfgQHWM0PaoaEprSHWolW2TxCJY/7wPbLmbiDiGr7XwgwYYMEBFxo6vNYQwFwufW6a5rNm1kWNPzjg6szQ+ys0QVDdunCgyqVCUcU1ir+KUc+3GgKIlPYOxb6TpEn+PiPquqjxJ0NM5ZezN/FXTdSzNqUqwD9b83ZSum4Gi8y7NYy++9vdk5LaOP42xz+L3l3VtCGE1HXxhG+JfyPjhqHREdR1uSv+Oj56fwCOW+0Oio0XpwAAAABJRU5ErkJggg==);
    background-position: center right 16px;
    background-repeat: no-repeat;
    background-size: 14px 7px;
}

.page-dadospessoais .select2-container .select2-choice .select2-arrow{
    display: none;
}

/*apagando o ícone de lápis que veio junto com o componente*/
.select2-search .fa.fa-pencil.FormEditPencil{
    display: none!important;
}


/* Modal dispensar disciplinas  */
.modal .modal-top .modal-title .svg.icone-disciplinas.not-overwrite-color svg path{
    stroke: var(--color-primary-dark);
}

.page-dadospessoais .modal .modal-top .modal-title {
    justify-content: center;
}

.desktop .page-dadospessoais .modal .modal-wrapper {
    max-width: 408px;
}

/* Dados do Responsável Financeiro */

fieldset.responsavel-financeiro {
    border: 1px solid var(--color-primary);
    padding: 0 35px;
    border-radius: 8px;
    margin-bottom: var(--space-base);
}

fieldset.responsavel-financeiro .fieldset-legend {
    padding: 0 20px;
    display: table;
    font-size: 14px;
    font-weight: 400;
    margin-left: -20px;
    font-family: var(--font-default);
    margin-bottom: 0;
}

/*    Estrangeiros    */
.row-imigrante{
    display: flex;
    justify-content:space-between;
    align-items:center;
}

.div-campos-estrangeiros:not(:first-child){
    margin-left: 12px;
}

/* ===================================================================== */
/*  PAGE ENVIO DE DOCUMENTOS                                             */
/* ===================================================================== */

.page-enviodocs .content-middle .error-message{
    width: 45rem;
    margin: 0 auto;
    color: var(--color-error-base);
    padding: 16px;
    background-color: var(--color-error-base-light);
    margin-top: -73px;
    display: flex;
    align-items: center;
}

.page-enviodocs .title {
    font-family: var(--font-title);
    color: var(--color-primary-dark);
    font-size: 28px;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 0px;
}

.page-enviodocs .subtitle {
    margin: 2.99vh 0;
    font-size: 14px;
    font-weight: 400;
}

.page-enviodocs .TableRecords {
    border: none;
}

.page-enviodocs .custom-table td, .page-enviodocs .custom-table tr:last-child td {
    border-bottom: 1px solid #CED4DA;
    font-size: 14px;
    color: var(--color-text-default);
    padding: var(--space-s) 0;
    height: 54px;
}

.page-enviodocs .TableRecords td:last-child{
    min-width: 125px;
}

.page-enviodocs .TableRecords .file-upload-personalizado{
    position: relative;
    padding: var(--space-s) var(--space-l) var(--space-s) var(--space-s);
}

.page-enviodocs .TableRecords .source-widget input[type=file] {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.page-enviodocs .TableRecords .txt-message-upload{
    display: flex;
    justify-content: flex-end;
    text-decoration: underline;
    color: #0056B0;
    align-items: center;
    font-weight: 700;
}

.page-enviodocs .TableRecords input#file-upload-button{
    border: none!important;
    background-color: red!important;
}

.page-enviodocs .TableRecords a, 
.page-enviodocs .TableRecords a:visited,
.page-enviodocs .TableRecords a:hover {
    color: #0056B0;
    text-decoration: underline;
    font-weight: 700;
}
.page-enviodocs .TableRecords a:hover {
    text-decoration: none;
}

.page-enviodocs .TableRecords a.link-anexar:before,  .page-enviodocs .TableRecords .txt-message-upload::before{
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.48723 0.919094C7.87087 -0.151521 5.70116 0.317741 4.65052 1.96517L1.38443 7.08716C0.634151 8.26391 0.963104 9.84342 2.1177 10.6081C2.69505 10.9905 3.37099 11.0979 3.99664 10.9626C4.62212 10.8272 5.19735 10.4493 5.57248 9.86092L8.56628 5.1658C8.7844 4.82379 8.85879 4.41567 8.77575 4.01666C8.69266 3.61763 8.46212 3.27548 8.12645 3.05316C7.43363 2.59434 6.50369 2.79549 6.05356 3.50159L4.0957 6.5719C3.94539 6.8076 4.01104 7.12289 4.24229 7.27611C4.47357 7.42934 4.78292 7.36237 4.93325 7.12667L6.89113 4.05633C7.04121 3.82097 7.35113 3.7539 7.58208 3.90685C7.69394 3.98094 7.77082 4.09499 7.79851 4.22799C7.8262 4.36098 7.80141 4.49698 7.72871 4.61103L4.73489 9.30614C4.28464 10.0122 3.35479 10.2134 2.66203 9.7545C1.96927 9.29562 1.77189 8.34791 2.22203 7.64185L5.48811 2.51993C6.23853 1.34315 7.78835 1.00796 8.9429 1.77274C9.50225 2.14316 9.88657 2.71343 10.025 3.37845C10.1635 4.04346 10.0395 4.72367 9.67604 5.29373L6.41005 10.4158C6.25976 10.6515 6.32541 10.9667 6.55672 11.12C6.67238 11.1966 6.80754 11.2181 6.93256 11.1911C7.0576 11.164 7.17251 11.0883 7.24768 10.9705L10.5136 5.84851C11.0226 5.05047 11.196 4.09821 11.0022 3.16713C10.8083 2.23608 10.2703 1.43771 9.48723 0.919094Z' fill='%230056B0'/%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 5px;
}

.page-enviodocs .TableRecords a.link-excluir, 
.page-enviodocs .TableRecords a.link-excluir:visited, 
.page-enviodocs .TableRecords a.link-excluir:hover {
    color: var(--color-error-base);
}
.page-enviodocs .TableRecords a.link-excluir:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.94366 6.7361V12.5218C5.94366 12.6156 5.91353 12.6926 5.85326 12.7528C5.79299 12.8131 5.71598 12.8432 5.62223 12.8432H4.97938C4.88563 12.8432 4.80862 12.8131 4.74835 12.7528C4.68808 12.6926 4.65795 12.6156 4.65795 12.5218V6.7361C4.65795 6.64235 4.68808 6.56534 4.74835 6.50508C4.80862 6.44481 4.88563 6.41467 4.97938 6.41467H5.62223C5.71598 6.41467 5.79299 6.44481 5.85326 6.50508C5.91353 6.56534 5.94366 6.64235 5.94366 6.7361ZM8.51509 6.7361V12.5218C8.51509 12.6156 8.48496 12.6926 8.42469 12.7528C8.36442 12.8131 8.28741 12.8432 8.19366 12.8432H7.5508C7.45705 12.8432 7.38004 12.8131 7.31978 12.7528C7.25951 12.6926 7.22937 12.6156 7.22937 12.5218V6.7361C7.22937 6.64235 7.25951 6.56534 7.31978 6.50508C7.38004 6.44481 7.45705 6.41467 7.5508 6.41467H8.19366C8.28741 6.41467 8.36442 6.44481 8.42469 6.50508C8.48496 6.56534 8.51509 6.64235 8.51509 6.7361ZM11.0865 6.7361V12.5218C11.0865 12.6156 11.0564 12.6926 10.9961 12.7528C10.9358 12.8131 10.8588 12.8432 10.7651 12.8432H10.1222C10.0285 12.8432 9.95147 12.8131 9.8912 12.7528C9.83093 12.6926 9.8008 12.6156 9.8008 12.5218V6.7361C9.8008 6.64235 9.83093 6.56534 9.8912 6.50508C9.95147 6.44481 10.0285 6.41467 10.1222 6.41467H10.7651C10.8588 6.41467 10.9358 6.44481 10.9961 6.50508C11.0564 6.56534 11.0865 6.64235 11.0865 6.7361ZM12.3722 14.0084V4.4861H3.37223V14.0084C3.37223 14.1557 3.39567 14.2913 3.44254 14.4152C3.48942 14.5391 3.53797 14.6295 3.58819 14.6864C3.63842 14.7433 3.67357 14.7718 3.69366 14.7718H12.0508C12.0709 14.7718 12.1061 14.7433 12.1563 14.6864C12.2065 14.6295 12.2551 14.5391 12.3019 14.4152C12.3488 14.2913 12.3722 14.1557 12.3722 14.0084H12.3722ZM5.62223 3.20036H10.1222L9.64009 2.02514C9.59321 1.96487 9.53629 1.92804 9.46933 1.91465H6.28518C6.21821 1.92804 6.16129 1.96487 6.11442 2.02514L5.62223 3.20036ZM14.9437 3.52179V4.16465C14.9437 4.2584 14.9135 4.33541 14.8532 4.39568C14.793 4.45594 14.716 4.48608 14.6222 4.48608H13.6579V14.0084C13.6579 14.5642 13.5006 15.0447 13.1858 15.4498C12.8711 15.8549 12.4928 16.0575 12.0508 16.0575H3.69364C3.25167 16.0575 2.87332 15.8616 2.55859 15.4699C2.24386 15.0781 2.08649 14.6044 2.08649 14.0486V4.48605H1.12221C1.02846 4.48605 0.951451 4.45592 0.891183 4.39565C0.830915 4.33538 0.800781 4.25837 0.800781 4.16462V3.52177C0.800781 3.42802 0.830915 3.35101 0.891183 3.29074C0.951451 3.23047 1.02846 3.20034 1.12221 3.20034H4.226L4.92913 1.52288C5.02958 1.27511 5.21038 1.06418 5.47154 0.890067C5.7327 0.71596 5.99721 0.628906 6.26507 0.628906H9.47935C9.74721 0.628906 10.0117 0.71596 10.2729 0.890067C10.534 1.06417 10.7148 1.27511 10.8153 1.52288L11.5184 3.20034H14.6222C14.716 3.20034 14.793 3.23047 14.8532 3.29074C14.9135 3.35101 14.9436 3.42802 14.9436 3.52177L14.9437 3.52179Z' fill='%23AA0C15'/%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 15px;
    height: 15.8px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.page-enviodocs .TableRecords tr td:first-child {
    border-bottom: 0;
    min-width: 28px;
    width: 28px;
}

.page-enviodocs .TableRecords .has-file .info-doc {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-red);
}

/* modal documentos enviados*/

.page-enviodocs .modal .modal-notas-enviadas .modal-content{
    text-align: center;
    font-size: 17px;
}

.page-enviodocs .modal .modal-notas-enviadas .modal-footer {
    gap: 0px;
}

.page-enviodocs .modal .modal-notas-enviadas .modal-top .modal-title{
    justify-content: center;
    font-size: 22px;
    align-items: center;
    font-weight: 600;
}

/* Estilizando o componente de upload */
.FileUpload_Label{
    font-size: 12px;
    word-break: break-all;
}

.FileUpload_Button{
    display: none;
}


/* ===================================================================== */
/*  BLOCO NOTAS ENEM                                                      */
/* ===================================================================== */
.card-content-enem{
    margin-top: var(--space-xl);
}

.card-content-enem .title {
    font-size: 22px;
}

.card-content-enem .TableRecords {
    border: none;
}

.card-content-enem .TableRecords .TableRecords_Header {
    border: none;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #494949;
}

.card-content-enem .TableRecords tr:hover td {
    background-color: var(--color-neutral-1) !important;
}

.card-content-enem .TableRecords tbody td {
    font-weight: 400;
    font-size: 16px;
    border-color: #DBDCDD;
    align-content: center;
}

/*    Retirando os paddings da primeira coluna da tabela do enem    */
.card-content-enem .TableRecords tr td:first-child, 
.card-content-enem .TableRecords .TableRecords_Header:first-child{
    padding: 0;
}

.col-notas {
    width: 180px;
}



/* ===================================================================== */
/*  PAGE NOTAS ENEM > MODAL                                              */
/* ===================================================================== */

.desktop .page-notas-enem .modal .modal-wrapper{
    max-width: 460px;
    border-radius: 10px;
    border: none;
}

.page-notas-enem .modal .modal-title {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.page-notas-enem .modal .modal-title .icon-enviar svg path{
    stroke: var(--color-primary-dark);
}

.page-notas-enem .modal .modal-title .icon-check svg{
    width: 30px;
    height: 30px;
}

.page-notas-enem .modal .modal-content {
    font-weight: 400;
    font-size: 17px;
    text-align: center;
    color: #343434;
}

.page-notas-enem .modal .modal-footer .link-dark {
    font-weight: 500;
    font-size: 16px;
    color: #101213;
    text-decoration-line: underline;
}
.page-notas-enem .modal .modal-footer .link-dark:hover {
    text-decoration-line: none;
}

.Save-btn {
    margin-top: 40px;
    justify-content: center;
}

.Save-btn-webblock{
    margin-top: 40px;
    position: absolute;
    display: flex;
    justify-content: center;
}

.Save-btn-ENEM{
    margin-top: 40px;
    justify-content: center;
}

.Save-btn-webblock .Button, .Save-btn-ENEM .Button{
    width: 175px;
}

/* ===================================================================== */
/*  PAGE VIEW INSCRICOES                                                 */
/* ===================================================================== */


/*--------------------------------*/
/*  Content Middle - cards status */
/*--------------------------------*/

.page-view-inscricao .content-middle .card {
    display: flex;
    gap: 15px;
    margin-bottom: 8px;
    border: 1px solid #ADB5BD;
    border-left: 6px solid var(--color-neutral-5);
}

.page-view-inscricao .content-middle .card.borda-green{
    border-left: 6px solid var(--color-success-base);
}

.page-view-inscricao .content-middle .card.borda-green:hover{
    border-color: var(--color-success-base);
}

.page-view-inscricao .content-middle .card.borda-yellow{
    border-left: 6px solid var(--color-warning-base);
}

.page-view-inscricao .content-middle .card.borda-yellow:hover{
    border-color: var(--color-warning-base);
}

.page-view-inscricao .content-middle .card.borda-red{
    border-left: 6px solid var(--color-error-base);
}

.page-view-inscricao .content-middle .card.borda-red:hover{
    border-color: var(--color-error-base);
}

.page-view-inscricao .content-middle .card.borda-red{
    border-left: 6px solid var(--color-error-base);
}

.page-view-inscricao .content-middle .card .svg {
    display: block;
}

.page-view-inscricao .content-middle .card > div:first-child {
    width: 25px;
}
.page-view-inscricao .content-middle .card > div:first-child .svg {
    display: flex;
    align-items: center;
    height: 27px;
}

.page-view-inscricao .content-middle .card .about {
    flex: 3;
}
.page-view-inscricao .content-middle .card .about .title {
    margin-bottom: 5px;
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #343434;
}
.page-view-inscricao .content-middle .card .about .subtitle {
    font-family: var(--font-title);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #343434;
}

.page-view-inscricao .content-middle .card .about .info {
    font-size: 14px;
    margin-top: 5px;
}

.page-view-inscricao .content-middle .card .about ol {
    padding-inline-start: 17px;
}
.page-view-inscricao .content-middle .card .about ol li {
    margin-left: 5px;
}

.page-view-inscricao .content-middle .card .actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    margin: 0 0 0 auto;
}

.btn-gray-light, 
.btn-gray-light {
    color: var(--color-neutral-5);
    background: var(--color-neutral-3);
    border: none;
}

.page-view-inscricao .content-middle .card .actions .btn .svg, 
.page-view-inscricao .content-middle .card .actions .Button .svg {
    display: flex !important;
    align-items: center;
}
.page-view-inscricao .btn[disabled="disabled"].btn-gray-light svg path, 
.page-view-inscricao .Button[disabled="disabled"].btn-gray-light svg path {
    fill: var(--color-neutral-5);
}

.page-view-inscricao .btn[disabled="disabled"] .svg.not-overwrite-color svg path, 
.page-view-inscricao .Button[disabled="disabled"] .svg.not-overwrite-color svg path {
    fill: var(--color-neutral-6);
}

.status {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-neutral-7);
    margin-bottom: 18px;
    padding: 2px 8px;
    width: fit-content;
    border-radius: 4px;
}

.status.waiting {
    color: var(--color-warning-base);
    background-color: var(--color-warning-base-light);
}
.status.waiting-gray, 
.status.concluido-gray, .cancelado-gray {
    color: var(--color-neutral-7);
    background-color: var(--color-neutral-3);
}

.status.green {
    color: var(--color-success-base);
    background-color: var(--color-success-base-light);
}

.status.red {
    color: var(--color-error-base);
    background-color: var(--color-error-base-light);
}

.status:before,
.txt-vermelho.progresso-reprovado:before {
    display: inline-block;
    padding-right: 8px;
    position: relative;
    top: 3px;
}

.status.waiting:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25276 2.11801C5.05279 2.11801 2.4587 4.80837 2.4587 8.12708C2.4587 11.4458 5.05279 14.1362 8.25276 14.1362C11.4527 14.1362 14.0468 11.4458 14.0468 8.12708C14.0468 4.80837 11.4527 2.11801 8.25276 2.11801ZM0.527344 8.12708C0.527344 3.70213 3.98613 0.11499 8.25276 0.11499C12.5194 0.11499 15.9782 3.70213 15.9782 8.12708C15.9782 12.552 12.5194 16.1392 8.25276 16.1392C3.98613 16.1392 0.527344 12.552 0.527344 8.12708ZM8.05944 2.91903C8.59277 2.91903 9.02512 3.36742 9.02512 3.92054V8.12689C9.02512 8.50623 8.81846 8.85302 8.4913 9.02267L5.78741 10.4248C5.31038 10.6721 4.73033 10.4716 4.49181 9.97689C4.2533 9.48217 4.44665 8.88059 4.92368 8.63322L7.09376 7.50792V3.92054C7.09376 3.36742 7.52611 2.91903 8.05944 2.91903Z' fill='%23FD9821'/%3E%3C/svg%3E");
}
.status.waiting-gray:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25276 2.11801C5.05279 2.11801 2.4587 4.80837 2.4587 8.12708C2.4587 11.4458 5.05279 14.1362 8.25276 14.1362C11.4527 14.1362 14.0468 11.4458 14.0468 8.12708C14.0468 4.80837 11.4527 2.11801 8.25276 2.11801ZM0.527344 8.12708C0.527344 3.70213 3.98613 0.11499 8.25276 0.11499C12.5194 0.11499 15.9782 3.70213 15.9782 8.12708C15.9782 12.552 12.5194 16.1392 8.25276 16.1392C3.98613 16.1392 0.527344 12.552 0.527344 8.12708ZM8.05944 2.91903C8.59277 2.91903 9.02512 3.36742 9.02512 3.92054V8.12689C9.02512 8.50623 8.81846 8.85302 8.4913 9.02267L5.78741 10.4248C5.31038 10.6721 4.73033 10.4716 4.49181 9.97689C4.2533 9.48217 4.44665 8.88059 4.92368 8.63322L7.09376 7.50792V3.92054C7.09376 3.36742 7.52611 2.91903 8.05944 2.91903Z' fill='%236B6D6F'/%3E%3C/svg%3E");
}

.status.concluido-gray:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1.88235C4.62132 1.88235 1.88235 4.62132 1.88235 8C1.88235 11.3787 4.62132 14.1176 8 14.1176C11.3787 14.1176 14.1176 11.3787 14.1176 8C14.1176 4.62132 11.3787 1.88235 8 1.88235ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM11.2328 5.94985C11.5853 6.3318 11.5615 6.92725 11.1796 7.27982L7.81485 10.3857C7.45432 10.7185 6.89862 10.7185 6.53809 10.3857L5.00868 8.97393C4.62673 8.62136 4.60291 8.02592 4.95548 7.64397C5.30805 7.26202 5.90349 7.2382 6.28544 7.59077L7.17647 8.41326L9.90279 5.89666C10.2847 5.54409 10.8802 5.56791 11.2328 5.94985Z' fill='%236A7178'/%3E%3C/svg%3E");
}

.status.green:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1.88235C4.62132 1.88235 1.88235 4.62132 1.88235 8C1.88235 11.3787 4.62132 14.1176 8 14.1176C11.3787 14.1176 14.1176 11.3787 14.1176 8C14.1176 4.62132 11.3787 1.88235 8 1.88235ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM11.2328 5.94985C11.5853 6.3318 11.5615 6.92725 11.1796 7.27982L7.81485 10.3857C7.45432 10.7185 6.89862 10.7185 6.53809 10.3857L5.00868 8.97393C4.62673 8.62136 4.60291 8.02592 4.95548 7.64397C5.30805 7.26202 5.90349 7.2382 6.28544 7.59077L7.17647 8.41326L9.90279 5.89666C10.2847 5.54409 10.8802 5.56791 11.2328 5.94985Z' fill='%2329823B'/%3E%3C/svg%3E");
}

.status.cancelado-gray:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M12.2525 7.16133C12.643 6.7708 12.643 6.13764 12.2525 5.74711C11.862 5.35659 11.2288 5.35659 10.8383 5.74711L12.2525 7.16133ZM5.74711 10.8383C5.35659 11.2288 5.35659 11.862 5.74711 12.2525C6.13764 12.643 6.7708 12.643 7.16133 12.2525L5.74711 10.8383ZM10.8383 12.2525C11.2288 12.643 11.862 12.643 12.2525 12.2525C12.643 11.862 12.643 11.2288 12.2525 10.8383L10.8383 12.2525ZM7.16133 5.74711C6.7708 5.35659 6.13764 5.35659 5.74711 5.74711C5.35659 6.13764 5.35659 6.7708 5.74711 7.16133L7.16133 5.74711ZM15.1998 8.9998C15.1998 12.424 12.424 15.1998 8.9998 15.1998V17.1998C13.5285 17.1998 17.1998 13.5285 17.1998 8.9998H15.1998ZM8.9998 15.1998C5.57564 15.1998 2.7998 12.424 2.7998 8.9998H0.799805C0.799805 13.5285 4.47107 17.1998 8.9998 17.1998V15.1998ZM2.7998 8.9998C2.7998 5.57564 5.57564 2.7998 8.9998 2.7998V0.799805C4.47107 0.799805 0.799805 4.47107 0.799805 8.9998H2.7998ZM8.9998 2.7998C12.424 2.7998 15.1998 5.57564 15.1998 8.9998H17.1998C17.1998 4.47107 13.5285 0.799805 8.9998 0.799805V2.7998ZM10.8383 5.74711L8.2927 8.2927L9.70691 9.70691L12.2525 7.16133L10.8383 5.74711ZM8.2927 8.2927L5.74711 10.8383L7.16133 12.2525L9.70691 9.70691L8.2927 8.2927ZM12.2525 10.8383L9.70691 8.2927L8.2927 9.70691L10.8383 12.2525L12.2525 10.8383ZM9.70691 8.2927L7.16133 5.74711L5.74711 7.16133L8.2927 9.70691L9.70691 8.2927Z' fill='%236A7178'/%3E%3C/svg%3E");
}

.status.red:before,
.txt-vermelho.progresso-reprovado:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M12.2525 7.16133C12.643 6.7708 12.643 6.13764 12.2525 5.74711C11.862 5.35659 11.2288 5.35659 10.8383 5.74711L12.2525 7.16133ZM5.74711 10.8383C5.35659 11.2288 5.35659 11.862 5.74711 12.2525C6.13764 12.643 6.7708 12.643 7.16133 12.2525L5.74711 10.8383ZM10.8383 12.2525C11.2288 12.643 11.862 12.643 12.2525 12.2525C12.643 11.862 12.643 11.2288 12.2525 10.8383L10.8383 12.2525ZM7.16133 5.74711C6.7708 5.35659 6.13764 5.35659 5.74711 5.74711C5.35659 6.13764 5.35659 6.7708 5.74711 7.16133L7.16133 5.74711ZM15.1998 8.9998C15.1998 12.424 12.424 15.1998 8.9998 15.1998V17.1998C13.5285 17.1998 17.1998 13.5285 17.1998 8.9998H15.1998ZM8.9998 15.1998C5.57564 15.1998 2.7998 12.424 2.7998 8.9998H0.799805C0.799805 13.5285 4.47107 17.1998 8.9998 17.1998V15.1998ZM2.7998 8.9998C2.7998 5.57564 5.57564 2.7998 8.9998 2.7998V0.799805C4.47107 0.799805 0.799805 4.47107 0.799805 8.9998H2.7998ZM8.9998 2.7998C12.424 2.7998 15.1998 5.57564 15.1998 8.9998H17.1998C17.1998 4.47107 13.5285 0.799805 8.9998 0.799805V2.7998ZM10.8383 5.74711L8.2927 8.2927L9.70691 9.70691L12.2525 7.16133L10.8383 5.74711ZM8.2927 8.2927L5.74711 10.8383L7.16133 12.2525L9.70691 9.70691L8.2927 8.2927ZM12.2525 10.8383L9.70691 8.2927L8.2927 9.70691L10.8383 12.2525L12.2525 10.8383ZM9.70691 8.2927L7.16133 5.74711L5.74711 7.16133L8.2927 9.70691L9.70691 8.2927Z' fill='%23DC2020'/%3E%3C/svg%3E");
}


/* ===================================================================== */
/*  PAGE PEDIDOS                                                         */
/* ===================================================================== */

/******      ESTILOS DE TEXTO     *****/
.page-pedidos .columns.structure-main .content-top-title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: var(--font-size-h4);
    color: var(--color-neutral-10);
    margin-bottom: var(--space-m);
}

.desktop .page-pedidos .columns.structure-main > .columns-item:last-child{
    margin-top: 58px;
}

/* Card */

.page-pedidos .card {
    background: #FFFFFF;
    border: 1px solid var(--color-neutral-5);
    border-radius: 20px;
    padding: var(--space-l) var(--space-xl);
    margin-bottom: var(--space-base);
}

.page-pedidos .card .box-topo {
    display: flex;
    justify-content: space-between;
}

.page-pedidos .card .box-topo .title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 18px;
    color: var(--color-neutral-10);
    margin-bottom: var(--space-base);
}

.page-pedidos .card .box-topo .title .tag {
    margin-right: 30px;
    font-family: var(--font-default);
    font-weight: 500;
    font-size: 14px;
    padding: var(--space-xs) var(--space-s);
    height: auto;
    min-height: 24px;
}


/* Box Info */ 

.page-pedidos .card .box-info {
    display: flex;
    gap: 16px;
    margin-top: 10px;
}

.page-pedidos .card .box-info .svg {
    margin-right: 8px;
}

/* ===================================================================== */
/*  WIZARD STATUS PEDIDO                                                 */
/* ===================================================================== */
.wizardStatus{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-left: -0.7vw;
}

.wizardStatus__item{
    display: flex;
    flex: 1;
    -webkit-box-flex: 1;
    flex-direction: column;
    align-items: center;
    -webkit-box-align: center;
    padding: var(--space-base);
    position: relative;
    width: 100%;
    justify-content: center;
}

.wizardStatus__item:first-child{
    padding-left: 0;
}

.wizardStatus__iconWrapper{
    margin: var(--space-s) var(--space-none);
    position: relative;
    width: 100%;
}

/******        CONECTOR DOS STATUS (CINZA)        *******/
.wizardStatus__conector::before{
    background-color: var(--color-neutral-6);
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    right: calc(50% + 16px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.wizardStatus__conector::after{
    background-color: var(--color-neutral-6);
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    left: calc(50% + 16px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);  
}

.wizardStatus__icon{
    display: flex;
    height: 32px;
    width: 32px;
    align-items: center;
    -webkit-box-align: center;
    border-radius: var(--border-radius-circle);
    border: var(--border-size-m) solid var(--color-neutral-5);
    -webkit-box-pack: center;
    margin: 0 auto;
    position: relative;
    z-index: 2; 
    justify-content: center;
}



.wizardStatus__label{
    font-size: 12px;
    text-align: center;
    color: var(--color-neutral-10);
}

/***********     CONDIÇÕES DAS CORES DOS STATUS      **********/

/*       LABEL E SVG DO ICONE        */
.pedido--success .wizardStatus__iconWrapper .svg svg path,
.pagamento--success .wizardStatus__iconWrapper .svg svg path,
.inscricao--success .wizardStatus__iconWrapper .svg svg path {
    stroke: var(--color-success-base);
    
}

.inscricao--success .wizardStatus__label{   /* label colorida da inscrição (única)*/
    color: var(--color-success-base);
    font-weight: 700;
}


.pagamento--warning .wizardStatus__iconWrapper .svg svg path,
.inscricao--warning .wizardStatus__iconWrapper .svg svg path,
.inscricao--warning .wizardStatus__label,
.pagamento--warning .wizardStatus__label{
    stroke: var(--color-warning-base);
    color: var(--color-warning-base);
    font-weight: 700;
}

.pagamento--error .wizardStatus__iconWrapper .svg svg path,
.inscricao--error .wizardStatus__iconWrapper .svg svg path,
.inscricao--error .wizardStatus__label,
.pagamento--error .wizardStatus__label{
    stroke: var(--color-error-base);
    color: var(--color-error-base);
    font-weight: 700;
}

.inscricao--disable .wizardStatus__label{
    color: var(--color-neutral-6);
}


/*       BACKGROUND DO ÍCONE        */
.pedido--success .wizardStatus__icon,
.pagamento--success .wizardStatus__icon,
.inscricao--success .wizardStatus__icon {
    border-color: var(--color-success-base);
    background-color: var(--color-success-base-light);
}

.pagamento--warning .wizardStatus__icon,
.inscricao--warning .wizardStatus__icon {
    border-color: var(--color-warning-base);
    background-color: var(--color-warning-base-light);
}

.pagamento--error .wizardStatus__icon,
.inscricao--error .wizardStatus__icon {
    border-color: var(--color-error-base);
    background-color: var(--color-error-base-light);
}

.inscricao--disable .wizardStatus__icon {
    border-color: var(--color-neutral-5);
    background-color: var(--color-neutral-1);
}


/*      Modal Informações PIX       */

.modal-pix__content{
    display: flex;
    justify-content: center;
    font-family: var(--font-default);
    align-items: flex-start;
    gap: 16px;
    padding: var(--space-none) var(--space-s);
}

.desktop .modal-infos-pix{
    max-width: 610px!important;
}

.img-qrcode{
    margin-bottom: var(--space-s);
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-pix__subtitle{
    color: var(--color-neutral-7);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: var(--space-s);
}

.modal-pix__text-info{
    font-size: 16px;
    font-weight: 400;
    color: var(--color-neutral-10);
    display: flex;
    gap: 2px;
    padding-left: var(--space-xs);
}

.copyToClipboard__content{
    display: flex;
    padding-left: 10px;
    align-items: center;
    gap: var(--space-base);
}

.copyToClipboard__content .Button{
    min-width: 160px;  /*sobrescrevendo outra propriedade dos Buttons (min-width: 175px;*/
    width: 160px;
    background-color: #fff;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    font-family: var(--font-default);
}

.msg-copy-success{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-success-base);
    font-weight: 500;
}
/**    LOADING PLACEHOLDER MODAL PIX    */
.loading-placeholder{
    background-color: var(--color-neutral-3);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-soft);
}

.loading-placeholder__qr-code{
    width: 220px;
    height: 220px;
}

.loading-placeholder__button{
    width: 220px;
    height: 40px;
}

.loading-placeholder__text{
    width: 100%;
}

.loading-placeholder::after{
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Começa fora da tela à esquerda */
    width: 100%; /* Largura inicial do elemento de movimento */
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #e9e9e9, transparent); /* Gradiente para simular o movimento */
    animation: loadingAnimation 2s infinite linear;
}


/* ===================================================================== */
/*                     Block - Central de ajuda                         */
/* ===================================================================== */

.card-resumo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--space-xl);
    background-color: var(--color-neutral-2);
}

.card-resumo--border-right{
    border-radius: 20px 0 0 20px;
    border-right: 3px solid var(--color-primary-dark);
}

.card-resumo__title{
    font-family: Poppins;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
}

.card-resumo__text{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.card-resumo__content{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.card-resumo__flex-items{
    display: flex;
    align-items: center;  
}

.card-resumo__flex-items a:not(:first-child){
    font-weight: 500;
    color: #101213;
}

.card-resumo__flex-items a:link, .card-resumo__flex-items a:visited, .card-resumo__flex-items a:active{
    text-decoration: underline;
    text-decoration-color: #343434;
}

.card-resumo__flex-items svg{
    margin-right: 10px;
}

.modal-ajuda .modal-content{
    padding: var(--space-s) var(--space-xxl) var(--space-m) var(--space-xxl);
}

.phone .modal-ajuda .modal-content{
    padding: var(--space-s) var(--space-m) var(--space-m) var(--space-m);
}

.modal-ajuda .modal-item label{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left; 
    color: #4F575E;
    margin: 5px 0px 5px 0px
}

.modal-ajuda .modal-item input{
    height: 40px;
    padding: 0px, 0px, 0px, 16px;
    border-radius: 4px;
    border: 1px solid #CED4DA
}

.modal-ajuda .flex-item{
    display: flex;
    align-items: flex-start;
    margin-top: var(--space-s);
}

.modal-ajuda .flex-item input{
    margin-right: 5px;
}

.modal-ajuda .modal-button input{
    min-width: 127px;
    height: 40px;
    border-radius: 4px;
    gap: 4px;
    background-color: #3E6A98;
    margin-top: 20px;
}

.Form input[type="checkbox"] {
    margin-top: 0px;
}

/* ===================================================================== */
/*                     Cards Regua - status inscrição                    */
/* ===================================================================== */

.card-regua{
    margin-bottom: 8px;
    border: 1px solid #adb5bd;
    border-left: 6px solid var(--color-neutral-5);
    padding: 22px 22px 20px var(--space-base); 
    border-radius: var(--border-radius-soft);
    background-color: var(--color-neutral-0);
    min-height: 170px;
}

.card-regua__cabecalho{
    display: flex;
    gap: var(--space-s);
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.card-regua__title{
    font-family: var(--font-title);
    font-weight: 700;
    font-size: var(--font-size-h4);
    color: var(--color-neutral-10);
    line-height: 27px;
    margin-bottom: var(--space-s);
}

.card-regua__infos{
    line-height: 24px;
    color: var(--color-neutral-9);
    padding-left: 38px;
}

.card-regua__infoSubtitle{
    display: block;
    font-weight: 700;
    font-family: var(--font-title);
    color: var(--color-text-default);
    font-size: var(--font-size-s);
    margin-bottom: var(--space-xs);
}

.card-regua__statusText{
    font-family: var(--font-default);
    font-size: var( --font-size-base);
    margin-bottom: var(--space-s);
    padding: 2px var(--space-s);
    width: fit-content;
    border-radius: var(--space-xs);
    display: flex;
    align-items: center;
}

/****   CORES DOS CARDS DE ACORDO COM OS STATUS   *****/
.card-regua--disabled{
    background-color: var(--color-neutral-2);
    min-height: 113px;
}

.card-regua--waiting{
    border-left: 6px solid var(--color-warning-base);
}

.card-regua--waiting:hover{
    border: 1px solid var(--color-warning-base);
    border-left: 6px solid var(--color-warning-base);
}

.card-regua--waiting-light{
    border-left: 6px solid #FFCA28;
}

.card-regua--waiting-light:hover{
    border: 1px solid #FFCA28;
    border-left: 6px solid #FFCA28;
}

.card-regua--success{
    border-left: 6px solid var(--color-success-base);
}

.card-regua--success:hover{
    border: 1px solid var(--color-success-base);
    border-left: 6px solid var(--color-success-base);
}

.card-regua--error{
    border-left: 6px solid var(--color-error-base);
}

.card-regua--error:hover{
    border: 1px solid var(--color-error-base);
    border-left: 6px solid var(--color-error-base);
}


/********       MUDANDO AS CORES DOS SVG DOS STATUS       ********/
.card-regua--disabled .card-regua__statusText svg path{
    fill: var(--color-neutral-7);
}

.card-regua--waiting .card-regua__statusText .svg:not(.not-overwrite-yellow) svg path{
    fill: var(--color-warning-base);
}

.card-regua--waiting-light .card-regua__statusText svg path{
    fill: #FFCA28;
}

.card-regua--success .card-regua__statusText .svg:not(.not-overwrite-green) svg path{
    fill: var(--color-success-base);
}

.card-regua--error .card-regua__statusText svg path{
    fill: var(--color-error-base);
}


/*  Vest programado - agendamento  */
.agendamento__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--space-s);
}


/********       BACK UP - SETAR OS ICONES       ********/
.card-regua__statusIcon:before {
    display: inline-block;
    padding-right: 8px;
    position: relative;
    top: 3px;
}

.icone--waiting:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25276 2.11801C5.05279 2.11801 2.4587 4.80837 2.4587 8.12708C2.4587 11.4458 5.05279 14.1362 8.25276 14.1362C11.4527 14.1362 14.0468 11.4458 14.0468 8.12708C14.0468 4.80837 11.4527 2.11801 8.25276 2.11801ZM0.527344 8.12708C0.527344 3.70213 3.98613 0.11499 8.25276 0.11499C12.5194 0.11499 15.9782 3.70213 15.9782 8.12708C15.9782 12.552 12.5194 16.1392 8.25276 16.1392C3.98613 16.1392 0.527344 12.552 0.527344 8.12708ZM8.05944 2.91903C8.59277 2.91903 9.02512 3.36742 9.02512 3.92054V8.12689C9.02512 8.50623 8.81846 8.85302 8.4913 9.02267L5.78741 10.4248C5.31038 10.6721 4.73033 10.4716 4.49181 9.97689C4.2533 9.48217 4.44665 8.88059 4.92368 8.63322L7.09376 7.50792V3.92054C7.09376 3.36742 7.52611 2.91903 8.05944 2.91903Z' fill='%23FD9821'/%3E%3C/svg%3E");
}

.icone--success:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1.88235C4.62132 1.88235 1.88235 4.62132 1.88235 8C1.88235 11.3787 4.62132 14.1176 8 14.1176C11.3787 14.1176 14.1176 11.3787 14.1176 8C14.1176 4.62132 11.3787 1.88235 8 1.88235ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM11.2328 5.94985C11.5853 6.3318 11.5615 6.92725 11.1796 7.27982L7.81485 10.3857C7.45432 10.7185 6.89862 10.7185 6.53809 10.3857L5.00868 8.97393C4.62673 8.62136 4.60291 8.02592 4.95548 7.64397C5.30805 7.26202 5.90349 7.2382 6.28544 7.59077L7.17647 8.41326L9.90279 5.89666C10.2847 5.54409 10.8802 5.56791 11.2328 5.94985Z' fill='%2329823B'/%3E%3C/svg%3E");
}

.icone--error:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M12.2525 7.16133C12.643 6.7708 12.643 6.13764 12.2525 5.74711C11.862 5.35659 11.2288 5.35659 10.8383 5.74711L12.2525 7.16133ZM5.74711 10.8383C5.35659 11.2288 5.35659 11.862 5.74711 12.2525C6.13764 12.643 6.7708 12.643 7.16133 12.2525L5.74711 10.8383ZM10.8383 12.2525C11.2288 12.643 11.862 12.643 12.2525 12.2525C12.643 11.862 12.643 11.2288 12.2525 10.8383L10.8383 12.2525ZM7.16133 5.74711C6.7708 5.35659 6.13764 5.35659 5.74711 5.74711C5.35659 6.13764 5.35659 6.7708 5.74711 7.16133L7.16133 5.74711ZM15.1998 8.9998C15.1998 12.424 12.424 15.1998 8.9998 15.1998V17.1998C13.5285 17.1998 17.1998 13.5285 17.1998 8.9998H15.1998ZM8.9998 15.1998C5.57564 15.1998 2.7998 12.424 2.7998 8.9998H0.799805C0.799805 13.5285 4.47107 17.1998 8.9998 17.1998V15.1998ZM2.7998 8.9998C2.7998 5.57564 5.57564 2.7998 8.9998 2.7998V0.799805C4.47107 0.799805 0.799805 4.47107 0.799805 8.9998H2.7998ZM8.9998 2.7998C12.424 2.7998 15.1998 5.57564 15.1998 8.9998H17.1998C17.1998 4.47107 13.5285 0.799805 8.9998 0.799805V2.7998ZM10.8383 5.74711L8.2927 8.2927L9.70691 9.70691L12.2525 7.16133L10.8383 5.74711ZM8.2927 8.2927L5.74711 10.8383L7.16133 12.2525L9.70691 9.70691L8.2927 8.2927ZM12.2525 10.8383L9.70691 8.2927L8.2927 9.70691L10.8383 12.2525L12.2525 10.8383ZM9.70691 8.2927L7.16133 5.74711L5.74711 7.16133L8.2927 9.70691L9.70691 8.2927Z' fill='%23DC2020'/%3E%3C/svg%3E");
}

.page-view-inscricao .content-middle .card .about .status.waiting-gray:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25276 2.11801C5.05279 2.11801 2.4587 4.80837 2.4587 8.12708C2.4587 11.4458 5.05279 14.1362 8.25276 14.1362C11.4527 14.1362 14.0468 11.4458 14.0468 8.12708C14.0468 4.80837 11.4527 2.11801 8.25276 2.11801ZM0.527344 8.12708C0.527344 3.70213 3.98613 0.11499 8.25276 0.11499C12.5194 0.11499 15.9782 3.70213 15.9782 8.12708C15.9782 12.552 12.5194 16.1392 8.25276 16.1392C3.98613 16.1392 0.527344 12.552 0.527344 8.12708ZM8.05944 2.91903C8.59277 2.91903 9.02512 3.36742 9.02512 3.92054V8.12689C9.02512 8.50623 8.81846 8.85302 8.4913 9.02267L5.78741 10.4248C5.31038 10.6721 4.73033 10.4716 4.49181 9.97689C4.2533 9.48217 4.44665 8.88059 4.92368 8.63322L7.09376 7.50792V3.92054C7.09376 3.36742 7.52611 2.91903 8.05944 2.91903Z' fill='%236B6D6F'/%3E%3C/svg%3E");
}

.page-view-inscricao .content-middle .card .about .status.concluido-gray:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1.88235C4.62132 1.88235 1.88235 4.62132 1.88235 8C1.88235 11.3787 4.62132 14.1176 8 14.1176C11.3787 14.1176 14.1176 11.3787 14.1176 8C14.1176 4.62132 11.3787 1.88235 8 1.88235ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8ZM11.2328 5.94985C11.5853 6.3318 11.5615 6.92725 11.1796 7.27982L7.81485 10.3857C7.45432 10.7185 6.89862 10.7185 6.53809 10.3857L5.00868 8.97393C4.62673 8.62136 4.60291 8.02592 4.95548 7.64397C5.30805 7.26202 5.90349 7.2382 6.28544 7.59077L7.17647 8.41326L9.90279 5.89666C10.2847 5.54409 10.8802 5.56791 11.2328 5.94985Z' fill='%236A7178'/%3E%3C/svg%3E");
}


.show-btn--mobile{
    display: none;
}


/* ===================================================================== */
/*                     Block - Pesquisa de satisfação                    */
/* ===================================================================== */

.cardBottom{
    position: fixed;
    bottom: 0;
    right: 37px;
    
    
}

.cardBottom__rating{
    border: 1px solid #e7e7e9;
    border-radius: 4px;
    padding: 10px;
    width: 240px;
    margin-top: var(--space-s);
}

.cardBottom__input{
    width: 100%;
    margin-top: var(--space-s);
    border: 1px solid #787D87!important;
}

.accordion-item-title{
    padding: var(--space-base);
    background-color: var(--color-neutral-2);
    font-size: 12px;
    font-weight: 700;
    border-radius: 8px 0 0 0;
    border-bottom: 1px solid var(--color-neutral-4);
}

.accordion-item-icon{
    padding: var(--space-none) var(--space-base);   
}

.accordion-item-content{
    text-align: center;
    color: var(--color-neutral-10);
    font-size: 12px;
}

.accordion-item, .accordion{
    border-radius: 8px 8px 0 0!important;
}

.accordion-item{
    border: none;
}

.accordion-item{
    border: none;
}

.feedback__title{
    font-size: 16px;
    font-weight: 700;
    margin-top: var(--space-m);
}

.feedback__subtitle{
    font-size: 14px;
    font-weight: 400;
    margin-top: var(--space-m);
    margin-bottom: 50px;
}

/*****   ALTERAÇÃO NO ÍCONE DE CHECK PARA O FEEDBACK   ****/

.accordion:has(.cardFeedback.is--closed) .fa-angle-down:before {
    content: "\f00c";
    color: var(--color-neutral-0);
}

.accordion:has(.cardFeedback.is--closed) .accordion-item .accordion-item-header{
    background-color: var(--color-success-base);
}

.accordion:has(.cardFeedback.is--closed) .accordion-item .accordion-item-icon .fa {
    font-size: 16px;
}

/*************    SOBRESCREVENDO CLASSES OUTSYSTEMS DO ACCORDION    *************/
.accordion-item .accordion-item-header{
    padding: 0px;
    background-color: var(--color-neutral-4);
    border-radius: 8px 8px 0 0;
    align-items: center;
}

.accordion-item .accordion-item-icon{
    color: var(--color-font-default);
}

.accordion-item.is--open{
    border-top: none;
}

.accordion-item:last-child{
    border-bottom: none;
}

.accordion-item .accordion-item-icon .fa {
    font-size: 30px;
}

.accordion-item .accordion-item-content.is--expanded {
    padding: var(--space-l) 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*****     INVERTENDO O POSICIONAMENTO DO ÍCONE DE SETINHA    ******/
.accordion-item.is--open .accordion-item-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.accordion:not(:has(.cardFeedback)) .accordion-item.is--closed .accordion-item-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* ===================================================================== */
/*                       SIDEBAR - RESUMO DE COMPRA                      */
/* ===================================================================== */
.header__sidebar{
    border-left: 2px solid var(--color-primary-dark);
    background-color: var(--color-neutral-2);
}

.sidebar-header{
    padding: 0;
}

.sidebar-content{
    /*padding: var(--space-xs) var(--space-base);*/
    overflow-y: auto;
    max-height: 86vh;
}

.sidebar__title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 20px;
    color: var(--color-neutral-9);
    line-height: 27px;
}

.sidebar__subtitle--dark{
    font-size: 16px;
    line-height: 25px;
    color: var(--color-primary-dark);
    font-family: var(--font-title);
    font-weight: 700;
}

.sidebar__subtitle--black{
    font-size: 14px;
    line-height: 22px;
    color: var(--color-neutral-9);
    font-family: var(--font-title);
    font-weight: 700;
}

.sidebar__infos > div {
    margin-bottom: var(--space-base);
}

.sidebar__button{
    width: auto!important;
    margin: 24px 0px 0px;
}

/*  sobrescrevendo classes outsystems   */
.sidebar-overlay{
    background-color: rgba(0, 0, 0, 0.25);
}

.sidebar-container.header__sidebar{
    overflow-y: hidden;
}



/*--------------------  CLASSES MANTIDAS DO PHONE E TABLET  ----------- */

/*   PAGS CENTRALIZADAS    */
.phone .page-view-inscricao .columns.structure-main > .columns-item:first-child {
    padding-top: 0;
    margin-top: 24px;
}

/*    PAGE DADOS PESSOAIS - Phone  */
.phone [class*="ThemeGrid_Width"]:not(.no-responsive) {
    margin: 0;
}


/* NOTAS ENEM - Phone */
.phone .card-content-enem .TableRecords:not(.no-responsive) tbody tr td {
    flex-direction: column;
}
.phone .card-content-enem .TableRecords:not(.no-responsive) .TableRecords_Label {
    min-width: 100%;
    max-width: 100%;
}
.phone .card-content-enem .TableRecords .svg.icon-check {
    margin: 0 auto;
}

/* Phone e Tablet - Menu Top */

.phone .header .header-main nav .menu-top,
.tablet .header .header-main nav .menu-top {
    justify-content: flex-start;
    gap: 0;
    padding: 40px 20px;
}

.phone .header .header-main nav .menu-top a,
.tablet .header .header-main nav .menu-top a {
    font-weight: 500;
    color: var(--color-primary);
    padding: 10px;
    border-bottom: 1px solid var(--color-neutral-5);
    width: 100%;
}


/* Phone e Tablet */

.phone .header-main .link-user-info-mobile,
.tablet .header-main .link-user-info-mobile {
    position: absolute;
    right: 10px;
    top: 60%;
    transform: translateY(-60%);
}


/* BOX TOP - Phone e Tablet Portrait */
.phone .box-content-top,
.tablet.portrait  .box-content-top {
    padding: 24px 24px 0 24px;
}

.phone .box-content-top .area,
.tablet.portrait  .box-content-top .area {
    flex-direction: column;
}
.phone .box-content-top .area div,
.tablet.portrait  .box-content-top .area div {
    width: 100%;
}


/* Layout CONTENT - Phone e Tablet */

.phone .layout-top .content > .ThemeGrid_Container,
.tablet .layout-top .content > .ThemeGrid_Container {
    padding: var(--space-none);
}

/* STRUCTURE MAIN - Phone e Tablet */

.phone .columns.structure-main {
    width: 100%;
}
.phone .columns.structure-main > .columns-item:first-child {
    margin-bottom: 0 !important;
}


/* MODAL UPLOAD DOC - Phone e Tablet */

.phone .modal .modal-upload-doc .modal-footer a.new-last-tabindex-item,
.tablet .modal .modal-upload-doc .modal-footer a.new-last-tabindex-item {
    display: none;
}


/* ===================================================================== */
/*                   RESPONSIVIDADE MOBILE - BREAKPOINTS                 */
/* ===================================================================== */


/*  Telas Grandes */
@media (min-width: 1450px){
    .block-login-candidato {
        max-height: 80vh;
    }
    .block-login-candidato .structure-login-candidato > :first-child {
        border-radius: 10px 0 0 10px;
    }
    .block-login-candidato .structure-login-candidato > :last-child {
        border-radius: 0 10px 10px 0;
    }
}

@media (max-width: 1441px){
    .layout-top .main-content {
        align-items: flex-start;
    }
}

@media (max-width: 1080px){
    .agendamento__wrapper{
        flex-direction: column;
    }
}

/*   BREAKPOINTS TABLET   */
@media (max-width: 992px){
    .block-login-candidato .conteudo {
        padding: 50px;
    }

    .padding-right-l--desktop{
        padding-right: 0;
    }

    .padding-left-m--desktop{
        padding-right: 0;
    }

    .columns.gutter-l{
        margin-left: unset;
        margin-right: unset;
    }

    /***    PAGE VISUALIZAR INSCRIÇÃO   ***/
    .page-view-inscricao .content-middle .card {
        flex-direction: column;
    }

    .page-view-inscricao .content-middle .card .actions {
        width: 100%;
    }

    /***    PAGE ENVIO DOCS   ***/

    .page-enviodocs .content-middle .error-message{
        width: 20rem;
        margin-top: -13px;
    }

    /*    Customizando a table de enviar docs para o mobile   */
    .page-enviodocs .TableRecords .has-file .info-doc{
        text-align: left;
    }

    .page-enviodocs .custom-table td {
        align-content: center;
    }

    .page-enviodocs .custom-table tbody tr {
        display: grid;
        grid-template-areas:
            "title status"
            "file link";
    }

    .page-enviodocs .custom-table tbody tr td:nth-child(1) {
        grid-area: status;
        width: unset;
        text-align: right;
    }

    .page-enviodocs .custom-table tbody tr td:nth-child(2) {
        border-bottom: none;
        grid-area: title;
    }
    .page-enviodocs .custom-table tbody tr td:nth-child(3) {
        grid-area: file;
    }
    .page-enviodocs .custom-table tbody tr td:nth-child(4) {
        grid-area: link;
    }
    
}

@media (max-width: 768px){
    .footer__fixed-content{
        flex-direction: column;
        margin-bottom: 24px;
    }

    .phone .content-bottom .ThemeGrid_Container {
        padding: var(--space-l) var(--space-base);
    }

    .cardBottom{
        right: 8px;
    }

    .columns.structure-main > .columns-item:first-child,
    .columns.structure-main > .columns-item:last-child {
        padding: 24px;
    }

    .flex-column-mobile{
        flex-direction: column;
    }

    /*  Retirando o bg das linhas das tabelas  */
    .TableRecords .TableRecords_OddLine, .TableRecords .TableRecords_EvenLine{
        background-color: unset;
    }

    .page-enviodocs .TableRecords:not(.no-responsive) tbody tr{
        gap: 8px;
    }

    .page-enviodocs .TableRecords:not(.no-responsive) tbody tr td:last-child {
        justify-content: flex-end;
        margin-bottom: var(--space-xs);
    }

    /*    Tabela de envio de notas do enem - ajustes responsivos  */
    .card-content-enem .TableRecords .TableRecords_Header{
        display: none;
    }

    /*  Tabela de visualização das notas Enem e Vest   */
    .modal-consulta-notas .modal-content{
        overflow-x: hidden;
    }

    .custom-table-notas .TableRecords_Header{
        padding: var(--space-s);
    }

    .custom-table-notas td{
        align-content: center;
    }

    .custom-table-notas  tbody tr {
        width: 80vw;
        max-width: 440px;
        display: grid;
        padding-bottom: var(--space-base);
        border-bottom: 1px solid var(--color-neutral-4);
        grid-template-areas:
            "title"
            "value";
    }

    .custom-table-notas tbody tr:last-child{
        border-bottom: 0;
    }

    .custom-table-notas tbody tr td:nth-child(1) {
        grid-area: title;
        height: 35px;
        border-bottom: 0;
        font-size: 14px;
        padding: var(--space-s);
    }

    .custom-table-notas tbody tr td:nth-child(2) {
        grid-area: value;
        width: 100%;
        border-bottom: 0;
        padding: var(--space-s);
    }
}


/*   BREAKPOINT MOBILE   */
@media (max-width:570px){ 
    /*  COMUM A TODOS  */
    .columns.structure-main .content-top-title {
        font-size: 18px!important;
    }

    .svg--mini svg{
        width: 26px;
    }

    .btn, .Button {
        display: inline-flex;
        width: 100%;
        margin-left: 0;
    }

    .flex-center-mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }

    /*    TRATANDO BOTÕES QUE FICARÃO LADO A LADO NO MOBILE    */
    .btn-no-responsive{
        width: unset;
        min-width: unset;
        margin-top: 0!important;
    }

    /* botão da esquerda */
    .btn-no-responsive-small{
        flex: 1;
    }

    /* botão da direita */
    .btn-no-responsive-big{
        flex: 2;
        margin-left: var(--space-base)!important;
    }

    .Button + .Button{
        margin-left: 0px;
    }

    /*      HEADER MOBILE     */
    .header .header-title{
        height: 55px;
    }

    .phone .header-right{
        display: block;
    }

    .logout--display-desktop{
        display: none;
    }

    .logout--display-mobile{
        display: block;
    }

    .header__submenu{
        background-color: var(--color-bg-header);
        color: var(--color-neutral-0);
        font-size: 12px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 25px 20px!important;
        transition: all 3s ease-out;
    }

    .header__submenu a{
        color: var(--color-neutral-0);
        font-size: 12px;
        font-weight: 700;
    }

    .header__submenu--bg-light{
        background-color: var(--color-primary);
        height: 76px;
    }
      

    .phone .sidebar-container,  .sidebar-container{
        width: 80vw;
    }

    /* FOOTER  */
    .footer__infos-wrapper{
        flex-direction: column;
    }

    .footer__infos-title{
        margin-top: 24px;
    }

    .footer__infos-title, .footer__infos-text{
        text-align: center;
    }

    .footer__img-logo--desktop{
        display: none;
    }

    .footer__img-logo--mobile{
        display: block;
    }

    .footer__media-links{
        margin-top: 24px;
    }

    .footer__contato{
        max-width: 200px;
        margin: 0 auto;
    }


    /*  NOTIFICAÇÕES  */
    .wb-notificacoes {
        margin: 0;
    }

    .wb-notificacoes .title {
        font-size: 20px;
    }

    /*   LOGIN   */
    .block-login-candidato .columns > .columns-item{
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }
    
    .block-login-candidato{
        max-height: unset;
        height: auto;
    }

    .block-login-candidato .conteudo {
        padding: 20px 20px 50px;
    }

    .block-login-candidato .box-form .recaptcha,
    .block-login-candidato .box-form .recaptcha > div > div,
    .block-login-candidato .box-form .recaptcha iframe {
        width: 100% !important; 
    }

    .block-login-candidato .box-form ::placeholder {
        color: #FFFFFF80;
    }

    .block-login-candidato .structure-login-candidato > :first-child {
        background: url("/AreaCandidato_UI/img/login_background_phone.png") no-repeat top center;
        background-size: cover;
        min-height: 279px;
        margin-top: 166px;
    }
    .block-login-candidato .structure-login-candidato > :last-child {
        min-height: unset;
    }

    .block-login-candidato .box-topo {
        margin-bottom: 24px;
        position: absolute;
        top: 24px;
    }

    .block-login-candidato .box-topo .title {
        font-weight: 700;
        font-size: 18px;
    }

    .block-login-candidato .box-topo .subtitle, .block-login-candidato .box-form label{
        font-size: 14px;
    }

    .block-login-candidato .box-form label{
        font-size: unset;
    }

    .block-login-candidato .input{
        font-size: 16px;
    }

    .box-form {
        width: 100%;
    }

    .block-login-candidato .box-form .btn{
        width: 100%;
    }

    .box-logo{
        margin-bottom: 24px;
    }

    .box-logo img{
        height: 32px;
    }
        
    
    /***    PAGE PEDIDOS   ***/
    .page-pedidos .columns.structure-main > .columns-item:last-child {
        padding-top: 0;
    }

    .page-pedidos .columns.structure-main .content-top-title{
        margin-bottom: var(--space-base);
    }

    /*    Card informações do pedido   */
    .page-pedidos .card{
        border-radius: 4px;
        padding: 24px;
        margin-bottom: 0;
    }

    .page-pedidos .card .box-topo {
        flex-direction: column;
    }

    .page-pedidos .card .box-topo .title{
        margin-bottom: 9px;
        font-size: 14px;
    }

    .page-pedidos .card .box-topo .title .tag {
        margin-top: 10px;
    }

    .page-pedidos .card .box-info {
        flex-direction: column;
        gap: 9px;
        margin: 0;
        font-size: 12px;
    }

    .page-pedidos .card .box-info svg{
        width: 16px;
    }

    .page-pedidos .card .box-info > div {
        border-right: unset!important;
    }

    


    /* Wizard - status pagamento */
    .wizardStatus {
        flex-direction: column;
        margin-top: var(--space-base);
        margin-bottom: var(--space-m);
    }

    .wizardStatus__item{
        flex-direction: row;
        justify-content: flex-start;
        padding: var(--space-none)!important;
    }

    .wizardStatus__iconWrapper{
        width: unset;
        margin: var(--space-s) var(--space-base) var(--space-s) 0;
    }

    .wizardStatus__icon{
        margin: 0;
    }

    .wizardStatus__conector::before{
        height: 100%;
        width: 2px;
        left: calc(-3% + 16px);
        top: 0;
    }

    .wizardStatus__conector::after{
        height: 100%;
        width: 2px;
        left: calc(-3% + 16px);
        top: 100%;
    }

    /*   CENTRAL DE AJUDA   */
    .card-resumo--border-right{
        border-radius: 4px 4px 0 0;
        border-bottom: 3px solid var(--color-primary-dark);
        border-right: none;
    }

    .modal-pix__content{
        padding: 0px;
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }

    .copyToClipboard__content{
        flex-direction: column;
        margin-top: var(--space-s);
    }

    .modal-item, .flex-item{
        margin-top: var(--space-base);
    }

    .modal-infos-pix .modal-title{
        font-size: 16px;
        margin-top: var(--space-m);
    }

    .modal-pix__subtitle{
        margin-top: var(--space-base);
    }

    .img-qrcode{
        width: 210px;
    }

    .modal-pix__text-info{
        font-size: 14px;
    }

    .copyToClipboard__content .Button{
        min-width: 220px;
        width: 220px;
    }

    /******    PAGE VISUALIZAR INSCRIÇÃO     ******/
    .box-content-top .text-info{
        font-size: 14px;
    }

    .page-view-inscricao .box-content-top .title{
        font-size: 18px;
        margin-bottom: var(--space-base);
    }

    .page-view-inscricao .columns.structure-main > .columns-item:first-child {
        display: none;
    }

    .box-content-top .links:not(:empty){
        margin-bottom: var(--space-base);
    }

    /*   MODAIS da página   */
    .page-view-inscricao .modal-content{
        padding: var(--space-s);
    }

    /*  Tabela de visualização das notas Enem e Vest   */
    .custom-table-notas  tbody tr {
        width: 74vw;
    }


    /*   Cards da régua - status   */
    .card-regua{
        margin-bottom: var(--space-m);
    }

    .card-regua__infos{
        padding-left: 0px;
    }

    .card-regua__statusText:not(.status-sidebar){
        margin-left: -36px;
        font-size: 14px;
    }

    .card-regua__title{
        font-size: 16px;
    }

    .card-regua__cabecalhoIcon svg{
        width: 24px;
    }

    .card-regua__action-button{
        display: none;
    }

    .show-btn--mobile{
        display: block;
        margin-top: var(--space-s);
    }

    

    /*  NPS - pesquisa satisfação*/
    .cardBottom{
        right: 23px;
    }

    .accordion-item, .accordion{
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25);
    }


    /*   PAGE DADOS PESSOAIS - FORM   */
    .main-content .content-middle .row {
        margin-bottom: 0;
        display: block;
    }

    .main-content .content-middle .row>div {
        margin-bottom: var(--space-base);
        margin-right: 0;
    }

    .form-header{
        align-items: center;
    }

    .form-header__title{
        font-size: 18px;
    }

    .fieldset-legend{
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .indicacao__content{
        flex-direction: column;
        gap: 8px;
    }

    /*  removendo a margin da classe OS  */
    .indicacao__content .margin-right-s{
        margin-right: 0px;
    }

    /*    Estrangeiros    */
    .row-imigrante{
        flex-direction: column;
        align-items: unset;
    }

    .div-campos-estrangeiros:not(:first-child){
        margin-top: 12px;
        margin-left: 0;
    }

    /*******    PAGE  ENVIO DE DOCS   ********/
    .page-enviodocs .content-top{
        display: none;
    }

    .card-content-enem .title{
        font-size: 18px;
    }

    .page-enviodocs .subtitle{
        margin: 8px 0 24px 0;
    }

    /* Modal upload docs */
    .modal .modal-upload-doc .modal-top .modal-title{
        font-size: 16px;
        margin-top: 0px;
    }

    .modal-upload-doc .modal-footer{
        flex-direction: column-reverse;
    }

    .modal .modal-upload-doc .modal-content input[type="file"] {
        padding: 0px!important; 
        height: auto !important;
        font-size: 11px;
    }

    .modal .modal-upload-doc .modal-content input[type="file"]::file-selector-button {
        margin: 10px auto;
        display: block;
    }

    /**  TABLE ENVIO NOTAS DO ENEM **/
    .card-content-enem{
        padding: 0;
    }

    .custom-table-enem  tbody tr {
        width: 85vw;
        max-width: 440px;
        display: grid;
        padding-bottom: var(--space-base);
        border-bottom: 1px solid var(--color-neutral-4);
        grid-template-areas:
            "title check"
            "value value";
    }

    .custom-table-enem tbody tr td:nth-child(1) {
        grid-area: check;
        width: unset !important;
        text-align: right;
    }

    .custom-table-enem tbody tr td:nth-child(2) {
        grid-area: title;
        border-bottom: 0;
        font-size: 14px;
        padding: var(--space-s);
    }

    .custom-table-enem tbody tr td:nth-child(3) {
        grid-area: value;
        width: 100%!important;
        border-bottom: 0;
        padding: var(--space-s) 0 var(--space-s) var(--space-s)
    }


}


@media (max-width: 380px){
    .modal-infos-pix .modal-top{
        padding: var(--space-xs) var(--space-s) var(--space-none);
    }

    .modal-infos-pix .modal-content {
        padding: var(--space-xs) var(--space-m) var(--space-m);
    }

    .modal-pix__subtitle{
        margin-top: 0;
    }
}