/* CUSTOM-THEME-V3 */

/*FONTS*/
@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-ThinItalic.eot');
    src: local('Filson Pro Thin Italic'), local('FilsonPro-ThinItalic'), url('fonts/filsonpro/FilsonPro-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-ThinItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-ThinItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Thin.eot');
    src: local('Filson Pro Thin'), local('FilsonPro-Thin'), url('fonts/filsonpro/FilsonPro-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Thin.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Thin.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro Book';
    src: url('fonts/filsonpro/FilsonPro-BookItalic.eot');
    src: local('Filson Pro Book Italic'), local('FilsonPro-BookItalic'), url('fonts/filsonpro/FilsonPro-BookItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-BookItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-BookItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Medium.eot');
    src: local('Filson Pro Medium'), local('FilsonPro-Medium'), url('fonts/filsonpro/FilsonPro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Medium.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Medium.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-LightItalic.eot');
    src: local('Filson Pro Light Italic'), local('FilsonPro-LightItalic'), url('fonts/filsonpro/FilsonPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-LightItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-LightItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro Book';
    src: url('fonts/filsonpro/FilsonPro-Book.eot');
    src: local('Filson Pro Book'), local('FilsonPro-Book'), url('fonts/filsonpro/FilsonPro-Book.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Book.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Book.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-BoldItalic.eot');
    src: local('Filson Pro Bold Italic'), local('FilsonPro-BoldItalic'), url('fonts/filsonpro/FilsonPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-BoldItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-BoldItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-MediumItalic.eot');
    src: local('Filson Pro Medium Italic'), local('FilsonPro-MediumItalic'), url('fonts/filsonpro/FilsonPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-MediumItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-MediumItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-BlackItalic.eot');
    src: local('Filson Pro Black Italic'), local('FilsonPro-BlackItalic'), url('fonts/filsonpro/FilsonPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-BlackItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-BlackItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Heavy.eot');
    src: local('Filson Pro Heavy'), local('FilsonPro-Heavy'), url('fonts/filsonpro/FilsonPro-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Heavy.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Heavy.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Light.eot');
    src: local('Filson Pro Light'), local('FilsonPro-Light'), url('fonts/filsonpro/FilsonPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Light.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Light.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Regular.eot');
    src: local('Filson Pro Regular'), local('FilsonPro-Regular'), url('fonts/filsonpro/FilsonPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Regular.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Regular.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Bold.eot');
    src: local('Filson Pro Bold'), local('FilsonPro-Bold'), url('fonts/filsonpro/FilsonPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Bold.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Bold.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-RegularItalic.eot');
    src: local('Filson Pro Regular Italic'), local('FilsonPro-RegularItalic'), url('fonts/filsonpro/FilsonPro-RegularItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-RegularItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-RegularItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-HeavyItalic.eot');
    src: local('Filson Pro Heavy Italic'), local('FilsonPro-HeavyItalic'), url('fonts/filsonpro/FilsonPro-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-HeavyItalic.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-HeavyItalic.woff') format('woff'), url('fonts/filsonpro/FilsonPro-HeavyItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/filsonpro/FilsonPro-Black.eot');
    src: local('Filson Pro Black'), local('FilsonPro-Black'), url('fonts/filsonpro/FilsonPro-Black.eot?#iefix') format('embedded-opentype'), url('fonts/filsonpro/FilsonPro-Black.woff2') format('woff2'), url('fonts/filsonpro/FilsonPro-Black.woff') format('woff'), url('fonts/filsonpro/FilsonPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

.font-FP-thin { font-family: 'Filson Pro'; font-weight: 100; font-style: normal; }

.font-FP-thin-italic { font-family: 'Filson Pro'; font-weight: 100; font-style: italic; }

.font-FP-light { font-family: 'Filson Pro'; font-weight: 300; font-style: normal; }

.font-FP-light-italic { font-family: 'Filson Pro'; font-weight: 300; font-style: italic; }

.font-FP-book { font-family: 'Filson Pro Book'; font-weight: normal; font-style: normal; }

.font-FP-book-italic { font-family: 'Filson Pro Book'; font-weight: normal; font-style: italic; }

.font-FP-regular { font-family: 'Filson Pro'; font-weight: 400; font-style: normal; }

.font-FP-regular-italic { font-family: 'Filson Pro'; font-weight: 400; font-style: italic; }

.font-FP-medium { font-family: 'Filson Pro'; font-weight: 500; font-style: normal; }

.font-FP-medium-italic { font-family: 'Filson Pro'; font-weight: 500; font-style: italic; }

.font-FP-bold { font-family: 'Filson Pro'; font-weight: bold; font-style: normal; }

.font-FP-bold-italic { font-family: 'Filson Pro'; font-weight: bold; font-style: italic; }

.font-FP-heavy { font-family: 'Filson Pro'; font-weight: 800; font-style: normal; }

.font-FP-heavy-italic { font-family: 'Filson Pro'; font-weight: 800; font-style: italic; }

.font-FP-black { font-family: 'Filson Pro'; font-weight: 900; font-style: normal; }

.font-FP-black-italic { font-family: 'Filson Pro'; font-weight: 900; font-style: italic; }

/*BASE*/
body { overflow-x: hidden; }

/*LIGHTMODE*/
.page-body { background: #FFFFFF !important; color: #808285 !important; }

.page-container { display: table; width: 100%; height: initial; position: relative; z-index: 3; }

.page-container .main-content { padding: 15px 30px; width: 100%; left: inherit; z-index: 0; padding-bottom: 5rem; }

/*LIGHTMODE*/
a, a:active, a:visited { /* font-size: 1.4rem; */ font-size: 1.35rem; color: #40bbea !important; } /*menu caixa alta - text-transform: uppercase;*/

/*#3982ff*/
a:hover { text-decoration: underline; color: #0058f0 !important; }

a.link-home-continua, a.link-home-continua:active, a.link-home-continua:visited { text-transform: uppercase; font-weight: bold; color: #808285 !important; }

a.link-home-continua:hover { text-decoration: underline; }

/*a.thumbs-like-down, a.thumbs-like-down:active, a.thumbs-like-down:visited, a.thumbs-like-up, a.thumbs-like-up:active, a.thumbs-like-up:visited { color: #999999 !important; border: 1px solid #999999; padding: 5px 8px; border-radius: 50%; }*/

a.thumbs-like-down, a.thumbs-like-down:active, a.thumbs-like-down:visited, a.thumbs-like-up, a.thumbs-like-up:active, a.thumbs-like-up:visited { color: #999999 !important; border: 1px solid #999999; padding: 5px 8px; }

a.thumbs-like-down { border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-top-right-radius: 0; border-bottom-right-radius: 0; }

a.thumbs-like-up { border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 0; border-bottom-left-radius: 0; }

a.thumbs-like-down:hover { border: 1px solid #fb4747; color: #fb4747 !important; }

a.thumbs-like-up:hover { border: 1px solid #00c3aa; color: #00c3aa !important; }

.thumbs-like-down.active { border: 1px solid #fb4747; background-color: #fb4747 !important; color: #FFFFFF !important; }

.thumbs-like-up.active { border: 1px solid #00c3aa; background-color: #00c3aa !important; color: #FFFFFF !important; }

span.thumbs-like-down, span.thumbs-like-up { border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }

span.thumbs-like-down.active { border: 1px solid #fb4747; background-color: #fb4747 !important; color: #FFFFFF !important; }

span.thumbs-like-up.active { border: 1px solid #00c3aa; background-color: #00c3aa !important; color: #FFFFFF !important; }



/*SWTICH-LIGHT/DARK MODE*/
.sidebar-menu input[type=checkbox].iswitch.iswitch-secondary:checked { box-shadow: inset 0 0 0 12.57px #333333 !important; }
input[type=checkbox].iswitch.iswitch-secondary:checked { box-shadow: inset 0 0 0 12.57px #A025DE !important; }


/*LIGHTMODE*/
p { color: #606060; }

/*808285*/
footer a, footer a:active, footer a:visited { font-size: 1.2rem; text-transform: uppercase; color: #FFFFFF !important; }

footer a:hover { text-decoration: underline; }

/*MENU*/
.menu-position { position: fixed; top: 0; z-index: 2; }

/*GERAL*/
.box-shadow-1 { box-shadow: 10px 10px 40px rgba(0, 0, 0, .4); }

.form-control { font-family: 'Filson Pro'; }

.btn { font-size: ;}
.btn-primario { color: #FFFFFF !important; background-color: #3982ff; border-color: #3982ff; }

.btn-primario:hover, .btn-primario:focus, .btn-primario:active, .btn-primario.active, .open .dropdown-toggle.btn-primario { background-color: #284577; border-color: #284577; }

/* .btn-secundario  {  background-color: #474b4f; border: 1px solid #808285; }
.btn-secundario, .btn-secundario svg { color: #808285 !important; } */

/*LIGHTMODE*/
.btn-secundario { background-color: #555555; border: 1px solid #808285; } /*#dedfe0*/
.btn-secundario, .btn-secundario svg { color: #FFFFFF !important; }

.btn-secundario:hover, .btn-secundario:focus, .btn-secundario:active, .btn-secundario.active, .open .dropdown-toggle.btn-secundario { color: #CCCCCC !important; background-color: #2e3033; border: 1px solid #CCCCCC; } /*#0561ff*/
/*.btn-secundario.btn-radius-high { border-radius: 20px; padding: 5px 10px; }*/
.btn-terciario { color: #FFFFFF !important; background-color: #808285; border-color: #808285; }

.btn-terciario:hover, .btn-terciario:focus, .btn-terciario:active, .btn-terciario.active, .open .dropdown-toggle.btn-terciario { background-color: #4d4f51; border-color: #4d4f51; }

.msg-alerta p { color: #000000 !important; }

.v3-table .btn-cronominiciarcontagem, .v3-table .btn-cronomcontageminiciada, .v3-table .btn-cronomcontagemfinalizada, .v3-table .btn-cronomreativartarefa, .v3-table .btn-cronomconcluirtarefa { width: 90%; }

/*Button - Iniciar Contagem*/
.btn-cronominiciarcontagem { color: #FFFFFF !important; background-color: #666666; border-color: #666666; }

.btn-cronominiciarcontagem:hover, .btn-cronominiciarcontagem:focus, .btn-cronominiciarcontagem:active, .btn-cronominiciarcontagem.active, .open .dropdown-toggle.btn-cronominiciarcontagem { background-color: #000000; border-color: #000000; }

/*Button - Contagem Iniciada*/
.btn-cronomcontageminiciada { color: #999999 !important; background-color: #CCCCCC !important; border-color: #CCCCCC !important; }

.btn-cronomcontageminiciada:hover, .btn-cronomcontageminiciada:focus, .btn-cronomcontageminiciada:active, .btn-cronomcontageminiciada.active, .open .dropdown-toggle.btn-cronomcontageminiciada { background-color: #000000; border-color: #000000; }

/*Button - Contagem Finalizada*/
.btn-cronomcontagemfinalizada { color: #FFFFFF !important; background-color: #48c144; border-color: #48c144; }

.btn-cronomcontagemfinalizada:hover, .btn-cronomcontagemfinalizada:focus, .btn-cronomcontagemfinalizada:active, .btn-cronomcontagemfinalizada.active, .open .dropdown-toggle.btn-cronomcontagemfinalizada { background-color: #389d34; border-color: #389d34; }

/*Button - Reativar Tarefa*/
.btn-cronomreativartarefa { color: #FFFFFF !important; background-color: #3982ff; border-color: #3982ff; }

.btn-cronomreativartarefa:hover, .btn-cronomreativartarefa:focus, .btn-cronomreativartarefa:active, .btn-cronomreativartarefa.active, .open .dropdown-toggle.btn-cronomreativartarefa { background-color: #284577; border-color: #284577; }

/*Button - Concluir Tarefa*/
.btn-cronomconcluirtarefa { color: #FFFFFF !important; background-color: #3a9e00; border-color: #3a9e00; }

/* Button - Orientacoes adicionais (contra capa meta) */
.wrapper-btn-link-contra-capa-meta button {
    margin-top: -22px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #ccc !important;
    border-top: 1px solid #ededee !important;
    border: none;
    color: #3982ff !important;
    background-color: #ededee;
}
.wrapper-btn-link-contra-capa-meta button svg {
    color: #3982ff !important;
}
.wrapper-btn-link-contra-capa-meta button:hover,
.wrapper-btn-link-contra-capa-meta button:focus,
.wrapper-btn-link-contra-capa-meta button:active {
    color: blue !important;
    background-color: #ededee;
}
.wrapper-btn-link-contra-capa-meta button:hover svg,
.wrapper-btn-link-contra-capa-meta button:focus svg,
.wrapper-btn-link-contra-capa-meta button:active svg{
    color: blue !important;
}

.btn-cronomconcluirtarefa:hover, .btn-cronomconcluirtarefa:focus, .btn-cronomconcluirtarefa:active, .btn-cronomconcluirtarefa.active, .open .dropdown-toggle.btn-cronomconcluirtarefa { background-color: #276b00; border-color: #276b00; }

/*LIGHTMODE*/
.nav.nav-tabs + .tab-content { background-color: #FFFFFF; }

/*LIGHTMODE*/
.nav.nav-tabs > li > a { border-top: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-radius: 5px 5px 0 0; background-color: #dedfe0; }

/*LIGHTMODE*/
.nav.nav-tabs > li > a:hover { color: #0058f0; background-color: #dedfe0; }

/*LIGHTMODE*/
.nav.nav-tabs > li.active > a { border-top: 1px solid #b452e5; border-left: 1px solid #b452e5; border-right: 1px solid #b452e5; border-radius: 5px 5px 0 0; background-color: #A025DE; font-size: 0.9em; }

.nav.nav-tabs > li.active > a:hover { color: #FFFFFF !important; }

.sidebar-menu .main-menu a { padding: 5px 0px; }
.sidebar-menu .main-menu a:hover { color: #CCCCCC !important; }

.sidebar-menu-inner a { color: #FFFFFF !important; text-decoration: underline; }

/*LIGHTMODE*/
.info-form { color: #838383; }

.tab-content { box-shadow: 10px 10px 40px rgba(0, 0, 0, .4); }

/*LIGHTMODE*/
.task-content h4 { color: #606060; }

.styleA, .styleB, .styleC, .styleD { border-radius: 5px !important; }

.styleD p { color: #FFFFFF !important; }

/*.styleA { border: 1px solid #D9D9D9; border-top: 18px solid #A025DE; position: relative; box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.1); }*/


/*LIGHTMODE*/ .styleB { border-color: #cccccc !important; background-color: #ededee !important; }
/*#dedfe0*/


/*LIGHTMODE*/ .styleC { background-color: #ededee; }

/*.styleD { background-color: #A025DE; color: #FFFFFF !important; }*/
.styleE { display: flex; gap: 30px; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto; padding: 15px 30px; border-radius: 5px; }

/*LIGHTMODE*/
.styleE { background: #FFFFFF; }

accordion .panel .panel-body { color: #999999; }

accordion .panel-group .panel .panel-heading + .panel-collapse .panel-body { border-color: #FFFFFF; }

/*LIGHTMODE*/
.v2-accordion .panel { background: #ededee; border-radius: 5px; padding: 10px 20px 10px 10px; }

/*LIGHTMODE*/
.v2-accordion .panel-group .panel .panel-heading + .panel-collapse .panel-body { background-color: #FFFFFF; border-radius: 5px; }
.v3-table { font-size: 1.5rem; }
.v3-table th, .v3-table td { padding: 10px 5px; }
.v3-table th { font-weight: bold; text-align: center; background: #dedfe0; border-left: 1px solid #bfbec1; border-right: 1px solid #bfbec1; border-top: 1px solid #b4b5b7; }
.v3-table td { border-left: 1px solid #bfbec1; border-right: 1px solid #bfbec1; border-top: 1px solid #b4b5b7; border-bottom: 1px solid #b4b5b7; min-width: 80px; }
/*STATUS-TABELAS*/
.v3-table td .status-concluido { color: #00c3aa; }
.v3-table td .status-pendente { color: #fcd476; }
.v3-table td .status-ignorada { color: #fb4747; }
.v3-table td .status-iniciada { color: #76b8fc; }
.v3-table td .status-em-andamento { color: #76fcc0; }
.v3-table .cell-thumbs { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
.v3-table .cell-thumbs i { font-size: 2rem; }
.v3-table.table > thead > tr > th { color: #000000; }
.v3-table.table > thead > tr > th { max-width: 200px; }
.v3-table.table > thead > tr > th:nth-child(3) span { white-space: break-spaces; }
/*.v3-table.table-striped > tbody > tr:nth-child(odd) { background-color: #5e6165; }*/


/*STATUS-CALENDARIO*/
.legenda-container { display: flex; grid-gap: 15px; align-items: center; }
.legenda-container .legenda-item { display: flex; grid-gap: 5px; align-items: center; }
.legenda-container .legenda-item .status-concluido, .legenda-container .legenda-item .status-pendente, .legenda-container .legenda-item .status-ignorada, .legenda-container .legenda-item .status-iniciada { padding: 3px 6px; border-radius: 5px; color: #FFFFFF; font-size:1.4rem; width: 15px; height: 15px; display: inline-block; }
.legenda-container .legenda-item .status-concluido { background-color: #8dc63f; }
.legenda-container .legenda-item .status-pendente { background-color: #cfbc17; }
.legenda-container .legenda-item .status-ignorada { background-color: #808080; }
.legenda-container .legenda-item .status-iniciada { background-color: #76b8fc; }


/*.v3-table.table-striped > tbody > tr:nth-child(even) { background-color: #767a7f; }*/

/*.v3-table th { background-color: #9928d9; }*/

.v3-table .table.table-bordered > thead > tr > td, .v3-table .table.table-bordered > tbody > tr > td, .v3-table .table.table-bordered > tfood > tr > td, .v3-table .table.table-bordered > thead > tr > th, .v3-table .table.table-bordered > tbody > tr > th, .v3-table .table.table-bordered > tfood > tr > th { border-left: 1px solid #414042 !important; border-right: 1px solid #414042 !important; border-top: 1px solid #808285 !important; border-bottom: 1px solid #808285 !important; }

.v3-table.ng-table th.sortable.sort-desc, .v3-table.ng-table th.sortable.sort-asc { color: #FFF; text-shadow: none; background-color: #9e25db; }
/*.v3-table.ng-table th.sortable.sort-desc .sort-indicator:after, .v3-table.ng-table th.sortable.sort-asc .sort-indicator:after { border-top: 4px solid #FFFFFF !important; }*/


/*DATE_PICKER*/

/*LIGHTMODE*/ .input-group-addon { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px; }

/*PAGINACAO*/
.ng-table-counts .btn-default { border-radius: 5px !important; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }

.ng-table-counts .btn-default:hover, .ng-table-counts .btn-default:focus, .ng-table-counts .btn-default.focus, .ng-table-counts .btn-default:active, .ng-table-counts .btn-default.active, .open > .ng-table-counts .dropdown-toggle.btn-default { border: 1px solid #b453e4 }

/*FOOTER*/
.v3-footer { margin: 0 auto; padding: 30px 100px; background: #000000; width: 100%; /*margin-top: 50px;*/ }
.v3-footer-newsletter .form-control { background: #000000; color: #FFFFFF; border: 4px solid #FFFFFF; text-transform: uppercase; }
.v3-footer-newsletter .input-group-btn { left: -40px; z-index: 2; }
.v3-footer-newsletter-label { font-size: 2.5rem; text-transform: uppercase; color: #3375e6; }
.v3-footer-logo { text-align: left; }
.v3-footer ul {
    padding: 0px;
}
.v3-footer ul li {
    width: 100%;
    float: none;
    margin: 0px;
    line-height: 1.45;
}
.v3-footer ul li {
    font-size: 1.25rem;
}
.v3-footer ul li a {
    font-family: 'Filson Pro';
    font-size: 1.25rem;
}
.v3-footer ul li a:hover {
    color: #fff !important;
}

.v3-footer-social-icons p {
    font-family: 'Filson Pro';
    font-size: 1.25rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.v3-footer-social-icons a {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 1rem;
}
.v3-footer-social-icons img {
    display: block;
    width: 100%;
}

/*FAIXA TOPO*/
.user-info-navbar { background: rgb(55, 57, 62); background: linear-gradient(90deg, rgba(55, 57, 62, 1) 0%, rgba(137, 41, 167, 1) 4%, rgba(13, 9, 29, 1) 11%, rgba(48, 28, 90, 1) 28%, rgba(137, 41, 167, 1) 95%, rgba(55, 57, 62, 1) 100%); }
nav.navbar { width: 100vw; position: absolute; right: 0; z-index: 1; height: 20px; left: 15px; position: fixed; top: 25px; }

/*left: 15px; position: fixed;*/

/*MENU*/
.sidebar-menu { display: block; float: left; margin-right: 2rem; margin-bottom: 2rem; margin-left: 15px; top: -15px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; width: 250px; /*background: #8929a7;*/ background: rgb(57,22,83); background: linear-gradient(0deg, rgba(57,22,83,1) 10%, rgba(115,41,167,1) 50%, rgba(137,41,167,1) 90%); }
.sidebar-menu .logo-env {padding-bottom: 20px;}
.sidebar-user-info .user-profile {margin-top: 1px;}
.sidebar-user-info .user-profile small.nome-produto-usuario-vinculado {padding: 0;border: none;background: transparent;}
.sidebar-user-info .user-profile small.nome-produto-usuario-vinculado:hover {border: none;background: none;color: #fff;}
.sidebar-user-info .user-profile span strong {display: block;font-size: 18px;color: #fff;font-weight: 300;line-height: 1.2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 0.5rem;margin-bottom: 0.25rem;}
.div-wrapper-icone-badge-avisos a span.badge {font-weight: normal;margin-left: 0.25rem !important;}

.sidebar-user-info .user-profile { flex-direction: column; gap: 30px; }
/*DASHBOARD*/

/*LIGHTMODE*/ .conquistas-container .v2-conquistas-bonus { background: #dedfe0; }

.v2-dash-panel-3 { grid-gap: 15px; }
.dashboard-plan-row > div { width: 40%; }

/*dashboard pizza chart*/
/*.v2-grafico text, .v2-grafico .dxg-title, .demo-container text, .demo-container .dxg-title, .dx-visibility-change-handler text { fill: #FF0000 !important; }*/
.dxc-chart g.dxc-labels g g text { fill: #000000 !important; }
#div-base-compartilhar-tela-aba-4 .dxc-chart g.dxc-labels g g text { fill: #fff !important; }
.v2-grafico #chair-1 text { fill: #A025DE !important; }

/*PAG-META*/
.v3-meta-titulo-pagina { text-transform: uppercase; }

/*LIGHTMODE*/
.v3-meta-titulo-pagina span:nth-child(1) { color: #3982ff; }
.v3-meta-box-resumo { margin-top: 60px !important; }

/*LIGHTMODE*/
.v3-meta-box-resumo > div:nth-child(1) { background: #FFFFFF; }
.v3-meta-box-resumo > div:nth-child(2) { font-size: 1.2rem; }

/*LIGHTMODE*/
.v3-meta-box-resumo > div:nth-child(2) { background: #dedfe0; }

.v3-meta-box-resumo > div:nth-child(2) p:nth-child(1) { font-size: 1.4rem; }
.v3-meta-box-resumo > div:nth-child(2) p:nth-child(2) { font-size: 1.2rem; }
.v3-meta-box-resumo-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin-top: -40px; }
.v3-meta-box-resumo-col { display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; gap: 15px; border-radius: 10px; padding: 10px; min-width: 262px; min-height: 172px; }
/* background-color: #dedfe0;*/

/*.v3-meta-box-resumo-col:nth-child(1) { border: 2px solid #3982ff; }
.v3-meta-box-resumo-col:nth-child(2) { border: 2px solid #191561; }
.v3-meta-box-resumo-col:nth-child(3) { border: 2px solid #8929a7; }
.v3-meta-box-resumo-col:nth-child(4) { border: 2px solid #4a0f74; }*/

/*.v3-meta-box-resumo-logo { position: absolute; z-index: 1; }*/

.v3-meta-box-resumo-titulo-dados-container { display: flex; flex-direction: column; align-items: center; gap: 15px; }

/*
position: absolute; padding: 59px 15px 15px 15px; top: 0px; border-radius: 10px; border: 2px; border-style: solid;

.v3-meta-box-resumo-col:nth-child(1) .v3-meta-box-resumo-titulo-dados-container { border-color: #3982ff; }
.v3-meta-box-resumo-col:nth-child(2) .v3-meta-box-resumo-titulo-dados-container { border-color: #191561; }
.v3-meta-box-resumo-col:nth-child(3) .v3-meta-box-resumo-titulo-dados-container { border-color: #8929a7; }
.v3-meta-box-resumo-col:nth-child(4) .v3-meta-box-resumo-titulo-dados-container { border-color: #4a0f74; }*/

.v3-meta-box-resumo-titulo { text-transform: uppercase; font-size: 1.6rem; }
.v3-meta-box-resumo-dados { text-transform: uppercase; font-size: 3.2rem; }
.v3-meta-box-resumo-graficoheroi { display: flex; align-items: flex-end; justify-content: center; text-transform: uppercase; flex-wrap: wrap; }
.superhero-grafico { margin-top: 30px; }
.superhero-grafico svg { width: 100%; }
.v3-meta-planejamento-container { display: flex; flex-direction: row; flex-wrap: wrap; }
.v3-meta-planejamento-container > div:nth-child(1) { width: 40%; padding: 10px; display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; }
.v3-meta-planejamento-container > div:nth-child(2) { width: 40%; padding: 10px; display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; }
.v3-proxima-meta { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 60px; padding: 15px; }

/*LIGHTMODE*/
.v3-proxima-meta:first-child { border-top: 1px dashed #808285; }
.v3-proxima-meta { border-bottom: 1px dashed #808285; }


.v3-proxima-meta div h2 { display: flex; align-items: center; gap: 15px; }

/*LIGHTMODE*/
.v3-proxima-meta div h2 span:nth-child(2) { color: #808285; }

.v3-proxima-meta div:nth-child(2) { display: flex; flex-direction: column; flex-wrap: nowrap; }

.v3-meta-titulo-secao-container { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 15px; }

.v3-meta-titulo-secao { text-transform: uppercase; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 15px; font-size: 2.5rem; padding-top: 70px; position: relative; z-index: 1; margin: 0 auto; color: #FFFFFF; }

/*LIGHTMODE*/
.v3-meta-titulo-secao-bkg { width: 100vw; height: 300px; background: rgb(136, 41, 167); background: linear-gradient(54deg, rgba(136, 41, 167, 1) 0%, rgba(9, 2, 61, 1) 9%, rgba(9, 4, 27, 1) 43%, rgba(53, 20, 114, 1) 62%, rgba(136, 41, 167, 1) 100%); position: absolute; z-index: 0; left: -25px; top: 20px; }

/*LIGHTMODE*/
.v3-grafico-lista { list-style: none; font-size: 1.3rem; font-weight: bold; display: flex; flex-direction: column; justify-content: center; text-transform: uppercase; color: #808285; }
/*#808285*/
.v3-grafico-lista li span:last-child { font-weight: 900; }

/*LIGHTMODE*/
.v3-grafico-lista li { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px solid #808285; padding: 10px 15px; }

/* Animate Superhero */

/*
NOTAS:

POSIÇÃO INICIAL
0px = 0% horizontal
0px = 0% vertical

POSIÇÃO FINAL
540px = 100% horizontal
-180px = 100% vertical

GRADIENTE MEDIDAS
W = 600 / H = 220

*/

/*@keyframes moveSuperhero {
0% { transform: translate(0px, 0px); }
100% { transform: translate(540px, -180px); }
}*/
@keyframes moveSuperhero-0 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(0px, 0px); }
}

@keyframes moveSuperhero-10 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(54px, -18px); }
}

@keyframes moveSuperhero-20 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(108px, -36px); }
}

@keyframes moveSuperhero-30 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(162px, -54px); }
}

@keyframes moveSuperhero-40 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(216px, -72px); }
}

@keyframes moveSuperhero-50 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(270px, -90px); }
}

@keyframes moveSuperhero-60 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(324px, -108px); }
}

@keyframes moveSuperhero-70 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(378px, -126px); }
}

@keyframes moveSuperhero-80 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(432px, -144px); }
}

@keyframes moveSuperhero-90 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(486px, -162px); }
}

@keyframes moveSuperhero-100 {
    0% { transform: translate(0px, 0px); }

    100% { transform: translate(540px, -180px); }
}

.superhero { width: 80px; height: 40px; position: absolute; top: 180px; left: 0; animation-delay: 0s; background: url("../../../assets/images/v3-icon-super-heroi-lightmode.png") top left no-repeat; }

.superhero.superhero-0 { animation: moveSuperhero-0 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-10 { animation: moveSuperhero-10 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-20 { animation: moveSuperhero-20 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-30 { animation: moveSuperhero-30 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-40 { animation: moveSuperhero-40 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-50 { animation: moveSuperhero-50 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-60 { animation: moveSuperhero-60 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-70 { animation: moveSuperhero-70 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-80 { animation: moveSuperhero-80 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-90 { animation: moveSuperhero-90 2s cubic-bezier(0, 0, 1, 1) forwards; }

.superhero.superhero-100 { animation: moveSuperhero-100 2s cubic-bezier(0, 0, 1, 1) forwards; }

/*TAREFAS POR DISCIPLINA*/
.collapsible-button {
    background-color: transparent;
}

/*LIGHTMODE*/
.accordion-title-container .meta-data-disponibilidade p, .accordion-title-container .meta-data-baixada p, .accordion-title-container .meta-quantidade p {
    color: #404040;
}

/*LIGHTMODE*/
.v2-slide-number {
    color: #404040;
}

/*METAS*/

/*LIGHTMODE*/ .v2-tarefas .selos span.default {
    background-color: #dedfe0;
}

/*LIGHTMODE*/
.v2-tarefas {
    border: 1px solid #CCCCCC;
}

.v2-cronometro-footer {
    z-index: 1051;
}

/*LIGHTMODE*/
.metas-concursos-comprados.inativo .v2-accordion-tarefas, .metas-concursos-comprados.inativo .v2-accordion-tarefas .collapsible-button, .metas-orientacao-estudos.inativo .v2-accordion-tarefas, .metas-orientacao-estudos.inativo .v2-accordion-tarefas .collapsible-button {
    background-color: #ededee;
}

/*VIDEO*/
.video-yotube-card, .video-yotube-card-2 {
    border-radius: 5px;
    min-height: 370px;
}

.
/*LIGHTMODE*/
video-yotube-card, .video-yotube-card-2 {
    border-color: #CCCCCC;
}

    .video-yotube-card .titulo, .video-yotube-card-2 .titulo {
        font-size: 1.5rem;
    }

.video-anchor-tabs {
    padding: 5px 10px !important;
}

/*DESEMPENHO*/
.legenda-desempenho ul {
    color: #FFF;
}

    .legenda-desempenho ul li {
        color: #000000;
    }

.desempenho-panel {
    border-radius: 5px !important;
}

/*.tabela-desempenho th, .tabela-desempenho td { color: #000; }*/

/*MODAL-RIGHT-TO-LEFT*/
.come-from-modal.left .modal-dialog, .come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 90%;
    height: 98%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content, .come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body, .come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}

.come-from-modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal { margin-right: 22px; }

.modal-content {
    background-color: #FFFFFF;
}

/*#474b4f*/
.modal .modal-dialog .modal-content {
    border: none;
    border-top-left-radius: 20px;
    top: 0px;
}

/*border-color: #37393e;*/
.faixa-reportar-erro-vert {
    width: 60px;
    height: 100vh;
    position: absolute;
    left: -40px;
    top: 5px;
    background: rgb(232, 71, 68);
    background: linear-gradient(90deg, rgba(232, 71, 68, 1) 30%, rgba(192, 58, 56, 1) 100%);
    padding-top: 90vh;
    padding-right: 17px;
    border-top-left-radius: 20px;
}

    .faixa-reportar-erro-vert * {
        transform: rotate(-90deg); /* Safari */
        -webkit-transform: rotate(-90deg); /* Firefox */
        -moz-transform: rotate(-90deg); /* IE */
        -ms-transform: rotate(-90deg); /* Opera */
        -o-transform: rotate(-90deg); /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        width: 100%;
        height: auto;
        text-wrap: nowrap;
    }

.video-yotube-card-3 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 50%; /*padding-top: 56.25%;*/ /* 16:9 Aspect Ratio */
}

    .video-yotube-card-3 iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }


/*CALENDARIO*/
.fc-day-grid-event > .fc-content { white-space: normal !important; }
.fc-title { font-size: 1.2rem; }
/*.fc-day-grid-event>.fc-content .fc-title { color: #000 !important; }*/
.fc-day-grid-event > .fc-content:before { font-family: "Font Awesome 5 Free"; content: "\f0c9"; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 900; color: #FFFFFF; }
.calendar-env .calendar-main .fc .fc-event { border-radius: 5px; padding: 3px 6px; }
.calendar-env .calendar-main .fc-view-container { overflow-y: scroll; overflow-x: hidden; border: 1px solid #666666; }
.calendar-env .calendar-main .fc .fc-popover, .calendar-env .calendar-main .fc .fc-row, .calendar-env .calendar-main .fc hr, .calendar-env .calendar-main .fc tbody, .calendar-env .calendar-main .fc td, .calendar-env .calendar-main .fc th, .calendar-env .calendar-main .fc thead { border-bottom: none; border-left: none; }
.calendar-list > li > a:before { font-family: "Font Awesome 5 Free"; content: "\f0c9"; display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 900; color: #FFFFFF; padding-top: 0px; }
.calendar-env .calendar-sidebar .calendar-list li a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 5px 10px; border-radius: 5px; margin: 5px 0px; }
.calendar-env .calendar-sidebar .calendar-list li a span { color: #FFFFFF; padding: 0 !important; display: flex !important; align-items: center; }
.calendar-env .calendar-sidebar .calendar-list li a span p { color: #FFFFFF; margin: 0; }
.calendar-env .calendar-sidebar .calendar-list li a span p:last-child { font-weight: normal; font-style: italic; padding: 2px; border-radius: 3px; text-align: center; background-color: rgba(0, 0, 0, .15); }
.calendar-env .calendar-sidebar .calendar-list li a:hover { text-decoration: none; }
.calendar-env .calendar-sidebar .calendar-list li a .badge { white-space: normal; margin-left: 3px; }
.calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-month-button.fc-state-active, .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-basicWeek-button.fc-state-active, .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-agendaWeek-button.fc-state-active, .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-agendaDay-button.fc-state-active, .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-basicDay-button.fc-state-active { color: #000000; border-bottom: 3px solid #000000; border-radius: 0; }


.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-time span { display: flex; color: #FFFFFF; gap: 5px; }
.fc-time-grid-event .fc-time:after { font-family: "Font Awesome 5 Free"; content: "\f0c9"; font-weight: 900; position: absolute; right: 0; }
.fc-time-grid-event .fc-time span:before { font-family: "Font Awesome 5 Free"; content: "\f017"; font-weight: 900; }
.fc-time-grid-event .fc-resizer { left: auto !important; right: 5px !important; color: #FFFFFF; bottom: 8px !important; overflow: initial !important; }
.fc-time-grid-event .fc-resizer:after { font-family: "Font Awesome 5 Free"; content: "\f424" !important; font-weight: 900; font-size: 15px; }

.fc-agendaWeek-view .fc-view, .fc-agendaWeek-view .fc-view > table { height: 100vh; }
.fc-agendaWeek-view .fc-agenda-view .fc-day-grid { height: 100%; }
/*.fc-agendaWeek-view .fc-row.fc-week.fc-widget-content { height: 100%; } LEANDRO */ 
.fc-unthemed .fc-popover .fc-header, .fc-unthemed hr { background-color: #000000 !important; }
.fc-unthemed .fc-popover { background-color: #eeeeee !important; }

.v3-table th > div { display: flex; white-space: nowrap; align-items: center; justify-content: center; gap: 10px; min-height: 40px; }
.v3-table th > div > div > svg { margin: -7px; /* padding: 0; */ /* line-height: 0; */ /* position: relative; */ }
.v3-table th .order-sort-off { opacity: .3; }
.v3-table th.active { background-color: #8929a7 !important; color: #FFF; }
.sidebar-menu .main-menu a > i { margin-right: 5px; }

.marker { color: #333333; }


.calendar-main .fc-scroller, .calendar-main .fc-scroller > * {
    overflow: visible !important;
}


.modal .v2-panel a {font-size: inherit;}


.wrapper-texto-introducao-revisao-direcionada p, .wrapper-texto-pos-revisao-direcionada p, .wrapper-texto-pos-revisao-direcionada ul { color: inherit; }




/*======================== MEDIA QUERIES ===============================*/

/*
******************************************************** 
LEO
********************************************************
*/
@media screen and (max-width:1366px) {
    a, a:active, a:visited { font-size: 1.3rem; }
    .sidebar-menu .logo-env { padding: 20px 35px 0px; }
    .sidebar-menu { width: 200px; margin-left: -15px; }
    /*.sidebar-menu .main-menu a { padding: 5px 0px; }*/
    .sidebar-user-info .user-profile { padding: 0 15px 5px 15px; }
    .v3-footer-logo img { width: 130px; }
    .v2-modulo-atual { margin: 0 !important; }
    .user-profile { padding-bottom: 5px; padding-top: 5px; }
    .v2-cronometro-footer { font-size: 1.1rem; }
}

/*
******************************************************** 
MD - iPad Landscape
********************************************************
*/
@media screen and (max-width:1180px) {
    nav.navbar { width: 100%; }
    .v3-meta-titulo-secao-bkg { width: 100%; }
}

/*
******************************************************** 
SM - iPad Portrait
********************************************************
*/
@media screen and (max-width:970px) {
    .menu-position { position: relative; left: -15px }
    .v3-meta-titulo-secao-bkg { width: 100%; left: 0; }
}

/*
******************************************************** 
XS - iPhone HD
********************************************************
*/
@media screen and (max-width:750px) {

    /*.video-yotube-card-2 iframe { width: 565px; height: 319px; }*/
    .v3-meta-box-resumo-col { width: 100%; }
    .v3-meta-planejamento-container div:nth-child(1) { width: 100%; }
    .v3-meta-planejamento-container div:nth-child(2) { width: 100%; }
    .v3-footer { padding: 30px 30px; }
    .v3-footer-logo { text-align: left; }
    .dashboard-plan-row > div { width: 100%; }
    .superhero-container, .superhero-grafico svg g, .superhero-grafico svg path, .superhero-grafico svg defs { transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); }
    .superhero-grafico svg defs lineargradient, .superhero-grafico svg defs mask, .superhero-grafico svg defs mask rect { width: 480px; }

    @keyframes moveSuperhero-0   { 0% { transform: translate(0px, 0px); } 100% { transform: translate(0px, 0px); } }
    @keyframes moveSuperhero-10  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(10vw, -18px); } }
    @keyframes moveSuperhero-20  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(20vw, -36px); } }
    @keyframes moveSuperhero-30  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(30vw, -54px); } }
    @keyframes moveSuperhero-40  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(40vw, -72px); } }
    @keyframes moveSuperhero-50  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(50vw, -90px); } }
    @keyframes moveSuperhero-60  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(60vw, -108px); } }
    @keyframes moveSuperhero-70  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(70vw, -126px); } }
    @keyframes moveSuperhero-80  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(80vw, -144px); } }
    @keyframes moveSuperhero-90  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(90vw, -162px); } }
    @keyframes moveSuperhero-100 { 0% { transform: translate(0px, 0px); } 100% { transform: translate(100vw, -180px); } }

    /*@keyframes moveSuperhero-0   { 0% { transform: translate(0px, 0px); } 100% { transform: translate(0px, 0px); } }
    @keyframes moveSuperhero-10  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(54px, -18px); } }
    @keyframes moveSuperhero-20  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(108px, -36px); } }
    @keyframes moveSuperhero-30  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(162px, -54px); } }
    @keyframes moveSuperhero-40  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(216px, -72px); } }
    @keyframes moveSuperhero-50  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(270px, -90px); } }
    @keyframes moveSuperhero-60  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(324px, -108px); } }
    @keyframes moveSuperhero-70  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(378px, -126px); } }
    @keyframes moveSuperhero-80  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(432px, -144px); } }
    @keyframes moveSuperhero-90  { 0% { transform: translate(0px, 0px); } 100% { transform: translate(486px, -162px); } }
    @keyframes moveSuperhero-100 { 0% { transform: translate(0px, 0px); } 100% { transform: translate(540px, -180px); } }*/

}

/*
******************************************************** 
XS - iPhone Normal
********************************************************
*/
@media screen and (max-width:320px) {

    /*.video-yotube-card-2 iframe { width: 370px; height: 203px; }*/
}