/* FONTS ----------------------------- */
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/* Sul Mono Fonts */
@font-face {font-family:'SulMono';src:url('../fonts/SulMono/SulMonoBlack.eot');/* IE9 Compat Modes */
        src:url('../fonts/SulMono/SulMonoBlack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                 url('../fonts/SulMono/SulMonoBlack.woff') format('woff'), /* Modern Browsers */
                 url('../fonts/SulMono/SulMonoBlack.ttf') format('truetype');
        text-rendering:optimizeLegibility;
        font-weight: 900;
             }
@font-face {font-family:'SulMono';src:url('../fonts/SulMono/SulMonoBold.eot');/* IE9 Compat Modes */
        src:url('../fonts/SulMono/SulMonoBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                 url('../fonts/SulMono/SulMonoBold.woff') format('woff'), /* Modern Browsers */
                 url('../fonts/SulMono/SulMonoBold.ttf') format('truetype');
        text-rendering:optimizeLegibility;
        font-weight: 700;
    }
@font-face {font-family:'SulMono';src:url('../fonts/SulMono/SulMonoRegular.eot');/* IE9 Compat Modes */
        src:url('../fonts/SulMono/SulMonoRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                 url('../fonts/SulMono/SulMonoRegular.woff') format('woff'), /* Modern Browsers */
                 url('../fonts/SulMono/SulMonoRegular.ttf') format('truetype');
        text-rendering:optimizeLegibility;
        font-weight: 400;
    }
@font-face {font-family:'SulMono';src:url('../fonts/SulMono/SulMonoMedium.eot');/* IE9 Compat Modes */
        src:url('../fonts/SulMono/SulMonoMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                 url('../fonts/SulMono/SulMonoMedium.woff') format('woff'), /* Modern Browsers */
                 url('../fonts/SulMono/SulMonoMedium.ttf') format('truetype');
        text-rendering:optimizeLegibility;
        font-weight: 500;
    }
@font-face {font-family:'SulMono';src:url('../fonts/SulMono/SulMonoLight.eot');/* IE9 Compat Modes */
        src:url('../fonts/SulMono/SulMonoLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                 url('../fonts/SulMono/SulÆ’MonoLight.woff') format('woff'), /* Modern Browsers */
                 url('../fonts/SulMono/SulMonoLight.ttf') format('truetype');
        text-rendering:optimizeLegibility;
        font-weight: 300;
    }
/*Sul Sans Fonts*/
@font-face {
  font-family: "SulSans";
  src: url("../fonts/SulSans/SulSans-Regular.woff2") format('woff2');
  font-weight: 400;
  -webkit-font-smoothing: antialised;
}
@font-face {
  font-family: "SulSans";
  src: url("../fonts/SulSans/SulSans-Light.woff2") format('woff2');
  font-weight: 300;
  -webkit-font-smoothing: antialised;
}
@font-face {
  font-family: "SulSans";
  src: url("../fonts/SulSans/SulSans-Bold.woff2") format('woff2');
  font-weight: 700;
  -webkit-font-smoothing: antialised;
}

:root {
  --primary-300: #8748AA;
  --primary-500: #3D005E;
  --primary-800: #30014b;
  --secondary-400: #41B6E6;
  --neutral-50: #3D005E;
  --shades-white: #FFFFFF;
  --white: #ffffff;
  --error-500: #EF4444;
  --success-100: #D1FAE5;
  --success-800: #065F46;
  --error-700: #B91C1C;
  --mood-2600: #7E86A0;
  --mood-2500: #959CB1;
  --mood-2200: #E6E7EC;
}
.only-mobile{
    display: none;
}
a:hover, a:active, a:focus {
  outline: 0 !important;
}
select:focus-visible {
    outline: 0px !important ;
}
/* -------------------- BASE -------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;font-family:SulMono, monospace}
html {line-height:1}
ol, ul {list-style:none; }
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal;vertical-align:middle}
q, blockquote {quotes:none}
q:before, q:after, blockquote:before, blockquote:after {content:"";content:none}
a img {border:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {display:block}
audio,
canvas,
video {display:inline-block}
audio:not([controls]) {display:none;height:0}
[hidden] {display:none}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {margin:0}
a:focus {outline:thin dotted}
a:active,
a:hover {outline:0}
h1 {font-size:2em;margin:0.67em 0}
abbr[title] {border-bottom:1px dotted}
b,
strong {font-weight:bold}
dfn {font-style:italic}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark {background:#ff0;color:#000}
code,
kbd,
pre,
samp {font-family:monospace, serif;font-size:1em}
pre {white-space:pre-wrap}
q {quotes:"\201C" "\201D" "\2018" "\2019"}
small {font-size:80%}
sub,
sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
img,
.foto-grande {border:0;    max-width: 100%;}
svg:not(:root) {overflow:hidden}
figure {margin:0}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend {border:0;padding:0}
button,
input,
select,
textarea {font-family:inherit;font-size:100%;margin:0}
button,
input {line-height:normal}
button,
select {text-transform:none}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance:button;cursor:pointer}
button[disabled],
html input[disabled] {cursor:default}
input[type="checkbox"],
input[type="radio"] {box-sizing:border-box;padding:0}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0;padding:0}
textarea {overflow:auto;vertical-align:top}
table {border-collapse:collapse;border-spacing:0}
html, body {max-width:100%;overflow-x:hidden}
p{font-family:SulMonoRegular, monospace}

.pp-cont{
    display: none;
}
.table thead th,
.table td, 
.table th{
    border: none;
}
.table tr:nth-child(even){
    border-bottom: 1px solid var(--mood-2200, #E6E7EC);
    background: var(--mood-250, #FAFAFB);
}
/* -------------------- BASE -------------------------- */
/* -------------------- LOGIN  -------------------------- */
.login-page{
    background: #41B6E6;
     background-image: url('../img/Login.png');
    background-position: center;
    background-size: cover;
}
.login-container{width: 467px;max-width: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;

}
.login-header{
    margin-bottom: 34px;
}
.log-me{display: block;padding: 36px;background: white;border-radius: 10px;box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.10);}
.h2-login{font-family: SulSans;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 36px;color: var(--primary-500, #3D005E);text-align: center;
/* Heading/H6/Sul Sans Bold */font-family: SulSans;font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;}
.form-horizontal-login{

}
.form-group-login{
/* Body/Bold */color: var(--mood-2500, #959CB1);
/* Body/Regular */font-family: SulSans;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px; /* 125% */}
.form-group-login input{padding: 16px;border-radius: 4px;border: 2px solid var(--primary-500, #3D005E);background: var(--shades-white, #FFF);width: 100%;margin-bottom: 10px;}
.form-group-login input[type="checkbox"]{
    float: left;
    width: auto;
    margin-right: 8px;
}
.btn-login{border-radius: 2px;background: var(--primary-500, #3D005E);text-align: center !important;padding: 12px;margin-top: 38px;border: 2px solid var(--primary-500, #3D005E);}
.esp-check{margin-top: 36px;width: 50%;float: left;margin-bottom: 36px;text-align: left;}
.esp-check input{width: 24px !important;height: 24px;/* background-color: var(--primary-500, #3D005E); */margin-top: -5px;border: 2px solid var(--primary-500, #3D005E);}
.esp-check label{
    color: var(--primary-500, #3D005E);
/* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}
.recuperar_password-login{width: 50%;float: left;margin-top: 36px;margin-bottom: 36px;text-align: right;}
.recuperar_password-login a{
/* Body/Small Bold Mono */color: var(--secondary-400, #41B6E6);text-align: right;

/* Body/Small Bold Mono */font-family: SulMono;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}
.external-login-login{margin-top: 32px;color: #FFFFFF;text-align: center;
/* Caption/Bold */font-family: SulSans;font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;}
.external-login-login a{
    margin-top: 32px;
    color:#FFFFFF;
    text-align: center;
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/* -------------------- LOGIN  -------------------------- */
/* -------------------- HOMES  -------------------------- */
a:hover{
    text-decoration: none;
}
.menu-mylsd{
    background: var(--primary-500, #3D005E);
    height: 100vh;
    overflow-y: auto;
    padding: 50px 16px;
    position: fixed;
    overflow-x: hidden;
}
.logo-menu{
    text-align: center;
    width: 100%;
}
.logo-menu img{
    width: calc(100% - 34px);
    max-width: 100%;
    margin-bottom: 8vh;
}

.menu-menu{
    height: 60vh;
    overflow-y: auto;
}
.menu-principal li{
    text-align: left;
    border-radius: 4px;
}
.menu-principal li a{
    color: var(--shades-white, #FFF);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */

    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.menu-principal li img{
    width: 28px;
    margin-right: 12px;
}
.menu-secundario li{
    /*margin-right: -18px;
    margin-left: -18px;*/
}
.menu-secundario{
    display: none;
}
.menu-principal li:hover{
    background: var(--primary-800, #30014b);
}

.menu-secundario li:hover{
    border-radius: 4px;
    background: var(--primary-300, #8748AA);
}
.menu-secundario li:hover img{
    fill: var(--primary-800, #30014b);
    filter: brightness(0) saturate(50%) invert(44%) sepia(0%) saturate(255%) hue-rotate(344deg) brightness(0%) contrast(98%);
}
.but-footer{

}
.fundo-menu{
    position: absolute;
    bottom: 50px;
    left: 12px;
    width: 100%;
}

.conteudo-mylsd{
    padding: 80px 95px;
    background: var(--mood-2200, #E6E7EC);
        margin-left: 16.666666666%;
        min-height: 100vh;
}



/*footer .divFooter{

    display: inline-flex;
}*/
footer{
    margin-top: 23px;
}
footer .divFooter p,
footer .divFooter p a{
    color: var(--primary-500, #3D005E);
    /* Caption/Regular */
    font-family: SulSans;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
footer .divFooter p{display: inline-flex;align-items: center;width: 100%;line-height: 20px;}
footer .divFooter p b,
footer .divFooter p b a{
    font-weight: 700;
}
footer .divFooter p img{
    margin-right: 8px;
    width: 20px;
}

footer .divFooter p.text-align-right{

    justify-content: flex-end;
}

.v-card{
    min-height: 810px;
    border-radius: 8px;
    background: var(--shades-white, #FFF);
    margin-top: 35px;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
.bgroxo{
    border-radius: 8px;
    background: var(--primary-500, #3D005E);
}
.v-card:first-child{
    margin-left: 0;
}
.v-card:last-child{
    margin-right: 0;
}
.card-40{
    width: 39%;
    max-width: 39%;
}
.card-60{
    width: 60%;
    max-width: 60%;
}
.card-20{
    width: 20%;
    max-width: 20%;
}
.clear{
    clear: both;
}
.header-card{
    position: relative;
    text-align: center;
    padding: 32px;
}
.card-title{
    color: var(--primary-500, #3D005E);
    text-align: center;
    /* Heading/H6/Black */
    font-family: SulMono;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.2px;
}
.card-pos-left{
    position: absolute;
    left: 32px;
    top: 32px;
}
.card-pos-right{
    position: absolute;
    right: 32px;
    top: 32px;
}
.break-card{
    background: #E6E7EC;
    height: 2px;
    width: 100%;
    clear: both
}
.line-card{
    padding: 16px 32px;
    clear: both;
    position: relative;
}
.line-card + .line-card{
    padding-top: 0px;
}
.titulo-card{
    color: var(--secondary-400, #41B6E6);
    /* Heading/H7/Sul Sans Bold */
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 8px;
    text-transform: uppercase;
}
.desc-card{
    color: var(--primary-500, #3D005E);
    /* Heading/H7/Sul Sans Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.desc-card b,
.desc-card strong{
    font-weight: 600;
    font-family: SulSans;
}

.desc-big-card{
    font-size: 26px;
}

.first-line-card .desc-card,
.first-line-card .titulo-card{
    font-size: 20px;
    line-height: 32px;
}
.card-info{
    float: left;
    padding-right: 40px;
}
.card-info .titulo-card{
    padding-top: 8px;
}
.card-info-dir{
    /*float: right;*/
    position: absolute;
    right: 30px;
    top: 36px;
}
.card-info-dir a,
.card-info-dir img{
    float: right;
}
.card-info-dir img{
  height: 24px;
  width: auto;
}

.card-warning{
    padding: 36px 24px;
    background: var(--secondary-400, #41B6E6);
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.card-warning .card-info{
    color: var(--shades-white, #FFF);
    /* Body/Small Regular */
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.warning-danger{
    background: var(--error-500, #EF4444);
}
.footer-card{
    position: absolute;
    bottom: 100px;
    width: 100%;
    left: 0px;
    text-align: center;
    padding-bottom: 32px;
}
.footer-card a{
    color: var(--primary-500, #3D005E);
    /* Button/Medium */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
    display: inline-flex;
    align-items: center;
}

h2.titulo-card{
    color: var(--primary-500, #3D005E);
    /* Heading/H6/Black */
    font-family: 'SulMono';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
h2.titulo-card a{
    color: var(--primary-500, #3D005E);
    /* Button/Medium */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
    display: inline-flex;
    align-items: center;    
    float: right;
}
.card-nao-parte{
    width: 100%;
    padding-right: 0px;
    padding-bottom: 16px;

}
.nome-curso-card{
    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    float: left;
    overflow: hidden;
    width: 44%;
    margin-right: 1%;
}
.lista-faltas-curso{
    padding-bottom: 12px;
}
.lista-faltas-curso .progress{
    background: #E6E7EC;
    height: 10px;
    width: 39%;
    margin-right: 1%;
    float: left;
}
.lista-faltas-curso .progress-bar{
    height: 10px;
    background-color: var(--secondary-400);
    transition: .5s !important;
}

.progress-roxo{
    background-color: var(--primary-500, #3D005E) !important;
}
.progress-roxo-claro{
    background-color: var(--primary-300, #8748AA) !important;
}
.progress-azul-claro{
    background-color: var(--secondary-200, #ADE7FF) !important;
}
.resumo-card{
    color: var(--primary-500, #3D005E);
    text-align: right;
    /* Body/Small Bold */
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 12%;
    float: left;
}

.lista-pagamentos-curso h3.nome-curso-card{
    color: var(--secondary-400, #41B6E6);
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.lista-pagamentos-curso .resumo-card-pagamentos{
    color: var(--primary-500, #3D005E);
    text-align: right;
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
div.label{
    border-radius: 8px;
    padding: 3px 12px;
    width: 100px;
    float: right;
    max-width: 30%;
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: -6px;
    align-content: flex-start;
    margin-bottom: 8px;
}

.label-pequena{
    display: inline-block;
    height: 25px;
    padding: 0px 10px;
    width: auto;
    text-align: center;
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.label-pequena img{
    height: 20px;
    margin-bottom: -5px;
    margin-top: 3px;
}

.label-azul{
    color: var(--secondary-400, #41B6E6);
    border-radius: 4px;
    background: var(--secondary-100, #D3F2FF);
}

.label-success{
    
    color: var(--success-800, #065F46);
    background: var(--success-100, #D1FAE5);
    border-radius: 4px;
}
.label-danger{
    color: var(--error-700, #B91C1C);
    background: #FCA5A5;
    border-radius: 4px;
}
.lista-pagamentos-curso .resumo-card-pagamentos{
    width: 25%;
    margin-right: 1%;
    float: left;
}
.lista-pagamentos-curso{
    margin-bottom: 8px;
}

.header-notificacao{
    padding: 40px 18px;
}
.header-notificacao .bell-notificacao{
    text-align: left;
    float: left;

}
.header-notificacao .bell-notificacao img{
    width: 24px;
}
.header-notificacao .quantidade-notificacao{
    width: 25px;
    height: 25px;
    text-align: right;
    float: right;
    color: var(--shades-white, #FFF);
    text-align: right;
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    border-radius: 20px;
    background: var(--primary-300, #8748AA);
    text-align: center;

}
.footer-noticacao{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.footer-noticacao img{
    width: 100%;
}
.notificacao{
    padding: 4px 20px;
}
.notificacao img{
    float: left;
    width: 24px;
    margin-top: -8px;
}
.notificacao .conteudo-not-texto{
    color: var(--shades-white, #FFF);
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: calc(100% - 30px);
    margin-left: 30px;
}
.notificacao .conteudo-not-texto b{
    overflow: hidden;
    color: var(--shades-white, #FFF);
    text-overflow: ellipsis;
    whitespace: nowrap;
    /* Body/Small Bold */
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.data-notificacao{
    overflow: hidden;
    color: var(--secondary-400, #41B6E6);
    text-overflow: ellipsis;
    whitespace: nowrap;
    /* Caption/Bold */
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 8px;
}
.lista-notificacao{
    height: calc(100% - 210px);
    max-height: 43vh;
    overflow-y: auto;
}
.v-card .fc-header-toolbar{
    display: none !important;
}
.v-card .fc-unthemed td.fc-today {
    background: #fcf8e3;
    border-radius: 8px;
}
.v-card #calendar {
  width: 100%;
  margin: 0 auto;
}
.first-line-card .card-info{
    padding-right: 0px;
}
.v-card .fc-unthemed .fc-content, 
.v-card .fc-unthemed .fc-divider, 
.v-card .fc-unthemed .fc-list-heading td, 
.v-card .fc-unthemed .fc-list-view, 
.v-card .fc-unthemed .fc-popover, 
.v-card .fc-unthemed .fc-row, 
.v-card .fc-unthemed tbody, 
.v-card .fc-unthemed td, 
.v-card .fc-unthemed th, 
.v-card .fc-unthemed thead {
    border-color: transparent;
}
.v-card .fc-row table{
    max-height: 40px;
}

.fc th{
    height: 40px;
}
.fc th span{
   
    color: var(--primary-500, #3D005E);
    text-align: center;
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
    color: var(--primary-500, #3D005E);
text-align: center;
/* Body/Regular */
font-family: SulSans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
}
.fc-row .fc-content-skeleton td,  {
    text-align: center !important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
    float: none !important;
}
.fc-row .fc-content-skeleton td {
    border-bottom: 0;
    text-align: center;
    padding-top: 10px;
}
.fc-basic-view .fc-body .fc-row {
    min-height: 0em !important;
    height: 40px;
}

.fc-event-container{
    position: relative;
}
tr>td>.fc-day-grid-event {
    margin-top: 2px;
    position: absolute;
    width: calc(100% - 6px);
    margin-left: 2px;
    height: 36px;
    top: -30px;
    border-radius: 0px;
    color: transparent;
    z-index: -1;
    border-radius: 4px;
}

/* -------------------- HOMES  -------------------------- */


/* -------------------- AULAS  -------------------------- */
.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 20px;
    height: 27px;
    background-image: url(../img/Chevron_Right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
}
.breadcrumb-item{
    vertical-align: middle;
}

.breadcrumb-item a{
    color: var(--mood-2600, #7E86A0);
    /* Subtitle/Subtitle Extended Small */
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
}
.breadcrumb{
    padding: 0px;
    background: no-repeat;
}
.text-left{
    text-align: left !important;
}
.tt-pagina{
    margin-top: 0px;
    margin-bottom: 0px;
}
.grp-filtros{
    text-align: right;
    padding-top: 30px;
    padding-right: 7px;
}

select.filtro{
    color: var(--mood-2500, #959CB1);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    width: 200px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--primary-500);
}
span.filtro{
    color: var(--primary-500, #3D005E);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.border-right-vert{
    border-right: 2px solid var(--mood-2200, #E6E7EC) !important;
}
.border-bottom-vert{
    border-bottom: 2px solid var(--mood-2200, #E6E7EC) !important;
}
.text-align-right{
    text-align: right;
}
.v-card-basic{
    min-height: 0px;
    padding: 32px;border-radius: 8px 0px 0px 8px;
    margin-bottom: 18px;
}
.icon-sigla{
    color: var(--shades-white, #FFF);
    /* Button/Medium */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
    border-radius: 8px;
    background: var(--tertiary-500, #49C5B7);
    width: 29px;
    padding: 6px 6px;
    text-align: center;
    float: left;
    margin-right: 10px;
    white-space: nowrap; /* Evita quebras de linha */
    overflow: hidden; /* Oculta qualquer conteúdo adicional */
    letter-spacing: 0px;
    width: 29px; /* Define a largura para exibir apenas uma letra */
}
.sigla-empty{

    border:2px solid #D7D9E1;
    background: white;
    color: #D7D9E1;
}
.icon-sigla-2{

    background: #49c5b766;
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 8px;
    color: var(--tertiary-500, #49C5B7);
    padding: 6px 12px;
    text-align: center;
    float: left;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0px;
    width: auto;
}
.v-card-basic .first-line-card{
    padding-bottom: 34px;
}
.v-card-basic .first-line-card .desc-card{
    line-height: 32px;
}
.max-height-card-sumario .desc-card{
    margin-bottom: 52.5px;
}
.max-height-card-sumario .label{
    float: left;
   width: auto;
   margin-right: auto;

    white-space: nowrap;
}
.max-height-card-sumario .label img{
    height: 14px;
    width: auto;
    margin-right: 6px;
}

.btn-primario,
.btn-primario:hover{
    width: 100%;
    padding: 12px;
    border-radius: 2px;
    background: var(--primary-500, #3D005E);
    text-align: center;
    color: var(--shades-white, #FFF);
    /* Button/Large */
    font-family: SulMono;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    border: 2px solid var(--primary-500, #3D005E);
}
.btn-primario-pequeno,
.btn-primario-pequeno:hover{
    width: auto;
    padding: 12px;
    border-radius: 2px;
    background: var(--primary-500, #3D005E);
    text-align: center;
    color: var(--shades-white, #FFF);
    font-family: SulMono;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}
.btn-primario-pequeno img{
    width: 12px;
}

.btn-secundario,
.btn-secundario:hover{
    width: 100%;
    padding: 12px;
    border-radius: 2px;
    background: var(--shades-white, #FFF);
    border: 2px solid var(--primary-500, #3D005E);
    text-align: center;
    color:var(--primary-500, #3D005E);
    /* Button/Large */
    font-family: SulMono;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
}
.btn-secundario a{

    color:var(--primary-500, #3D005E);
}
.btn-secundario-pequeno,
.btn-secundario-pequeno:hover{
    width: auto;
    padding: 6px;
    border-radius: 2px;
    background: var(--shades-white, #FFF);
    color: var(--primary-500, #3D005E);
    font-family: SulMono;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border: 2px solid var(--primary-500, #3D005E);
    vertical-align: middle;
    display: block;
    margin-top: 14px;
}
.btn-secundario-pequeno img{
    width: 12px;
}

.btn-primario img,
.btn-secundario img{
    height: 24px;
    width: auto;
    position: relative;
    margin-bottom: -6px;
}
.grp-dia-sumario .send-sms-card img{
    width: 24px;
}

.grp-dia-sumario .desc-card{
    margin-bottom: 18px;
}
.grp-dia-sumario .btn-primario,
.grp-dia-sumario .btn-secundario{
    margin-top: 28px;
}

span.label {
    border-radius: 8px;
    padding: 3px 12px;
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: -6px;
    align-content: flex-start;
    margin-bottom: 8px;
}
.linha-ficheiro{
    margin-top: 5px;
    margin-bottom: 5px;
}
.label-info{
    border-radius: 4px;
    background: var(--secondary-100, #D3F2FF);
    color: var(--primary-400, #602183);
    /* Button/Small */
    font-family: Sul Mono;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
.label-normal{
    border-radius: 4px;
    background: var(--primary-100, #E7D0F4);
    color: var(--primary-400, #602183);
    /* Button/Small */
    font-family: Sul Mono;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
.linha-ficheiro img{
    float: right;
    height: 24px;
    width: auto;
}
.label-warning{
border-radius: 8px;
background: var(--warning-500, #F59E0B);
color: white;
}
.label-warning-light{
    background: #FEF3C7;
    border-radius: 8px;
    color: #F59E0B;
}

.bloco-padding{
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    padding-top: 30px;
}

button[disabled],
a[disabled]{
    cursor: no-drop;
    opacity: .5;
}


.table span.label{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    float: left;
    margin-right: 10px;
    white-space: nowrap;
}

.bloco-1-faltas{
    cursor: pointer;
}
.bloco-2-faltas{
    padding-bottom: 32px;
}
.bloco-3-faltas{
    padding-top: 32px;
}
.bloco-2-faltas .progress{
    width: 87%
}
.align-right{
    float: right;
}
.abre-tab {
    margin-left: 20px;
    margin-top: -12px;
}
.width100{
    width: 100%;
}
textarea.form-control{
    min-height: 200px;
}
.bloco-upload{

    border-radius: 4px;
    background: var(--mood-2100, #F0F1F4);
    min-height: 200px;
    position: relative;
}
.conteudo-b-upload{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.imagem-upload{
    float: left;
    min-height: 130px;
}
.imagem-upload img{
    width: 80px;
}
.text-bloco-upload{
    display: block;

}
.text-bloco-upload .desc-card{
    font-size: 14px;
}
.text-blue{
    color: var(--secondary-400, #41B6E6) !important;
}
.text-red{
    color: var(--error-700, #B91C1C);
}
.aberto{
    display: block;
}
.fechado{
    display: none;
}

.aberta-tab img{
    transform: rotate(90deg);
}
.cardAberto .bloco-1-faltas .first-line-card,
.cardAberto .bloco-1-faltas-grande .first-line-card{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.none{
    display: none;
}
.desc-card a{
    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.label img{
    margin-right: 4px;
}

.v-card #calendarTotal .fc-header-toolbar{
    display: block !important;
}
.fc-year-month-separator,
.fc-year-month-border{
    width: 50px;
}

#calendarTotal .fc-state-default{
    border-radius: 0px 0px 0px 0px !important;
    border-top: 1.5px solid var(--primary-500, #3D005E);
    border-right: 1.5px solid var(--primary-500, #3D005E);
    border-bottom: 1.5px solid var(--primary-500, #3D005E);
    border-left: 1.5px solid var(--primary-500, #3D005E);
    background: transparent;
    position: relative;
    height: 36px;
    font-family: 'SulSans' !important;
    line-height: 38px;
    font-weight: 300;
}

#calendarTotal .fc-state-default .fc-icon-right-single-arrow {
    background-image: url("../img/Arrow_Right_MD.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 36px;
    display: inline-block;
}
#calendarTotal .fc-state-default .fc-icon-left-single-arrow {
   
    background-image: url("../img/Arrow_Left_MD.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 36px;
    display: inline-block;

}
#calendarTotal .fc-state-default .fc-icon-right-single-arrow:after,
#calendarTotal .fc-state-default .fc-icon-left-single-arrow:after{
     content: "";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
}

#calendarTotal.fc .fc-toolbar h2{
    color: var(--secondary-400);

    /* Heading/H7/Sul Sans Bold */
    font-family: SulSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
#calendarTotal .fc-year-monthly-name{
    text-align: center;
    margin-bottom: 8px;
    padding-top: 48px !important;
}
#calendarTotal .fc-year-monthly-name a{
    color: var(--primary-500, #3D005E);
    text-align: center;
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.fc-year-week-days .fc-day-header{
    color: var(--primary-500, #3D005E);
    text-align: center;
    /* Body/Small Bold Mono */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.fc-year-monthly-td{
    overflow: hidden;
}

#calendarTotal .fc-month-view .fc-event-container{
    /*position: absolute;*/
    width: calc(100% / 7);
}

#calendarTotal .fc-month-view.fc-basic-view .fc-event-container{
    position: relative;
    width: calc(100% / 7);
}

#calendarTotal .fc-month-view.fc-basic-view .fc-content-skeleton tbody{
    position: absolute;
    top: 0px;
    width: 100%;
}
#calendarTotal .fc-month-view.fc-basic-view .fc-content-skeleton tbody tr{

    width: 100%;
}

#calendarTotal .fc-state-default.fc-state-active{background: var(--primary-500, #3D005E);color: var(--white);font-family: 'SulSans' !important;box-shadow: none;text-shadow: none;}

#calendarTotal .fc-time-grid-event span,
#calendarTotal .fc-time-grid-event .fc-title{

    color: var(--primary-500, #3D005E);
}

#calendarTotal .fc-time-grid-event .fc-title{
    font-weight: 600;
}

#calendarTotal  .fc-month-view.fc-basic-view .fc-day-header{
    text-align: left;
    padding-top: 40px;
}
#calendarTotal  .fc-month-view.fc-basic-view .fc-widget-header{
    border-bottom: 1px solid var(--primary-500, #3D005E);
}
#calendarTotal  .fc-month-view.fc-basic-view .fc-row .fc-content-skeleton td{
    text-align: left;
    border: 1px solid var(--mood-2200, #E6E7EC);
    min-height: 127px; !important;
    height: 127px;
    overflow: hidden;
    top: 32px;
}

#calendarTotal .fc-year-view .fc-content-skeleton tbody tr:nth-child(2){
    display: none;
}

#calendarTotal  .fc-month-view.fc-basic-view .fc-row .fc-content-skeleton tbody td{
    text-align: left;
    border: 0px solid var(--mood-2200, #E6E7EC) !important;
    min-height: 10px !important;
    height: auto;
    overflow: hidden;
    top: 32px;
}

#calendarTotal  .fc-month-view.fc-basic-view .fc-row .fc-content-skeleton tbody td{
    text-align: left;
    border: 0px solid var(--mood-2200, #E6E7EC) !important;
    min-height: 10px !important;
    height: auto;
    overflow: hidden;
    top: 32px;
}

.v-card #calendarTotal  .fc-month-view.fc-basic-view  .fc-row table {
    max-height: 127px;
}
.v-card #calendarTotal  .fc-month-view.fc-basic-view .fc-body .fc-row {
    min-height: 127px; !important;
    height: 127px;
}
.v-card #calendarTotal  .fc-month-view.fc-basic-view  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left !important;
}
#calendarTotal  .fc-month-view.fc-basic-view .fc-row .fc-content-skeleton td.fc-event-container{
    border: 0px solid var(--mood-2200, #E6E7EC);
}
.v-card #calendarTotal  .fc-month-view.fc-basic-view  tr>td>.fc-day-grid-event {
  margin-top: 19px !important;
  position: relative;
  width: calc(100% - 13px);
  padding: 2px;
  margin-left: 2px;
  height: auto;
  min-height: 18px;
  line-height: 12px;
  font-size: 12px;
  color: var(--primary-500, #3D005E);
  border-radius: 8px;
  margin-bottom: -28px;
}
.v-card #calendarTotal  .fc-month-view.fc-basic-view  .fc-day-grid-event .fc-content {
    white-space: normal;
    overflow: hidden;
}
.fc-event{
    border-width: 3px !important;
}

.v-card input.form-control,
.v-card select.form-control,
.pop-up-comercial-normal  input.form-control,
.pop-up-comercial-normal  select.form-control{
    color: var(--mood-2500, #959CB1);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    border: 0px solid #333;
    border-bottom: 2px solid var(--primary-500, #3D005E);
    background: var(--shades-white, #FFF);
    margin-bottom: 32px;
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.v-card textarea.form-control,
.pop-up-comercial-normal  textarea.form-control{
    color: var(--mood-2500, #959CB1);
    padding: 16px;
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    border-radius: 4px;
    border: 2px solid var(--primary-500, #3D005E);
    background: var(--shades-white, #FFF);
}
/* -------------------- AULAS  -------------------------- */
.media-aval .desc-card,
.grafico-aval{
    color: var(--primary-500, #3D005E);

    /* Heading/H4/Regular */
    font-family: SulMono;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.media-aval-bottom{
    position: absolute;
    bottom: 0px;
}

.media-aval-bottom .titulo-card{
    color: var(--secondary-400, #41B6E6);

    /* Body/Small Bold Mono */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.media-aval-bottom .desc-card{
    color: var(--primary-500, #3D005E);

    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}


.desc-card-grande{
    color: var(--primary-500, #3D005E);
    text-align: right;
    /* Heading/H4/Regular */
    font-family: SulMono;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.bloco-espaco-30{
    clear: both;
    height: 30px;
    width: 100%;
}

.send-sms-card img,
.send-info-card img{
    width: 24px;
    height: auto;
}

.grp-inquerito thead,
.tabela-inquerito thead{
       display: none !important;
}

.grp-inquerito .opcoes td,
.grp-inquerito .subtitulo td,
.grp-inquerito .subtitulo td input,
.tabela-inquerito .opcoes td,
.tabela-inquerito .subtitulo td,
.tabela-inquerito .subtitulo td input{
    color: var(--primary-500, #3D005E);
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
}
.grp-inquerito .subtitulo td b,
.tabela-inquerito .subtitulo td b{
    color: var(--secondary-400, #41B6E6);
    /* Heading/H7/Sul Sans Bold */
    font-family: SulSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.grp-inquerito .table tr:nth-child(even),
.grp-inquerito .table tr:hover,
.tabela-inquerito .table tr:nth-child(even),
.tabela-inquerito .table tr:hover{
    background: white !important;
    border-bottom: 0px solid var(--mood-2200, #E6E7EC);

}

.grp-inquerito .linha,
.grp-inquerito,
.tabela-inquerito .linha,
.tabela-inquerito {
    padding-right: 0px;
    padding-left: 0px;
}
.grp-inquerito .table,
.tabela-inquerito .table{
    margin-bottom: 0px;
}
.grp-inquerito .linha br,
.tabela-inquerito .linha br{
    display: none;
}
.grp-inquerito .table td, 
.grp-inquerito .table th,
.tabela-inquerito .table td, 
.tabela-inquerito .table th{
    padding-top: 16px;
    padding-bottom: 16px;
}

.grp-inquerito input[type="radio"],
.tabela-inquerito input[type="radio"]{
    display: none;
}
.opcoes td.btns-inq{padding-left: 0px;padding-right: 0px;padding-top: 10px;padding-bottom: 13px;}



.opcoes td:nth-child(2) > div.cx-inq{
    border-left: 2px solid var(--primary-500, #3D005E) !important;
}

td.btns-inq .cx-inq{cursor: pointer;padding-left: 16px;padding-right: 16px;padding-top: 6px;padding-bottom: 3px;border-top: 2px solid var(--primary-500, #3D005E) !important;border-right: 2px solid var(--primary-500, #3D005E) !important;border-bottom: 2px solid var(--primary-500, #3D005E) !important;text-align: center;}


td.btns-inq .cx-inq:hover,
td.btns-inq div.cx-inq-ativo{
    background: var(--primary-100, #E7D0F4) !important;
}
.cx-inq{

    color: var(--primary-500, #3D005E);
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.subtitulo h1,
.opcoes input[name="entregar"]{
    display: none;
}
.width48px{
    width: 48px;
}
.text-right{
    text-align: right;
}

.foto-grande{
    border-radius: 200px;
    width: 200px;
    position: relative;
    margin: auto;
    margin-bottom: 33px;
   /* overflow: hidden;*/

}
.foto-grande img{
    border-radius: 100%;
}
.foto-grande > img{
    height: 200px;
    object-fit: cover;
    width: 200px;
    position: relative;
    margin: auto;
}

.gg-perfil-gg .foto-grande{
        margin-left: 0px;
}

.gg-perfil-gg .col-md-3 .desc-card img{
    margin-top: 6px;
    margin-bottom: -5px;
}
.oculta{
    margin-left: 20px;
    cursor: pointer;
}
.oculta img{
        filter: invert(1);
}

.oculta.ativo,
.oculta.ativo a{
    background: var(--primary-500, #3D005E);
    color: white;

}
.oculta.ativo img{
    filter: invert(0);
}
.homepage .fc-row tr{
       /* height: 40px; */
}
.homepage tr>td>.fc-day-grid-event {
       margin-top: 2px;
       position: absolute;
       width: calc(100% - 6px);
       margin-left: 2px;
       height: 36px;
       top: -34px;
       border-radius: 10px;
       color: transparent;
       z-index: -1;
}
.homepage .fc-widget-content tbody tr td{
    padding-top: 0px;
}


/* -------------------- POPUPS  -------------------------- */


.popup-geral,
.popup-overlayy{

    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: rgba(230, 231, 236, 0.80);
    z-index: 99;
}
.popup-content-email,
.popup-content,
.pop-up-comercial-normal{
    position: absolute;
    width: 790px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid var(--mood-2200, #E6E7EC);
    background: var(--shades-white, #FFF);
    padding: 32px;

    max-height: 90vh;
    overflow-y: auto;
}
.popup-content-email .desc-prof-pop{

    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100px;
    margin-bottom: 17px;
    display: -webkit-box;
  -webkit-line-clamp: 5; /* Número de linhas após as quais o ellipsis aparecerá */
  -webkit-box-orient: vertical;
}

.popup-content-email  .desc-card img{
    margin-bottom: -6px;
    margin-top: 5px;
}
.popup-content-email  .desc-card,
.pop-up-comercial-normal .desc-card{
    color: var(--primary-500, #3D005E);
/* Body/Regular */
font-family: SulSans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
}

.popup-content-email  .titulo-card h2.desc-card,
.pop-up-comercial-normal .titulo-card h2.desc-card{
    color: var(--primary-500, #3D005E);
    /* Heading/H6/Sul Sans Bold */
    font-family: SulSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 32px;
}

.close-pop{

    position: absolute;
    right: 32px;
    top: 32px;
    width: 29px;
    height: 29px;
    border: 2px solid;
    text-align: center;
    line-height: 29px;
    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border-radius: 100%;
    cursor: pointer;

    z-index: 999;
}

.email-professor-pop{
    padding-top: 32PX;
}

.text-cinza{
    color: #cecece;
}

.email-professor-pop p.desc-card{
    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 16px;
}
.email-professor-pop input{
    border: 2px solid var(--primary-500, #3D005E);
}
.email-professor-pop textarea{
    border-radius: 4px;
    border: 2px solid var(--primary-500, #3D005E);
    background: var(--shades-white, #FFF);
    margin-bottom: 16px;    
    min-height: 150px;
    color: var(--mood-2500, #959CB1);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.titulo-card-principal{
    color: var(--primary-500, #3D005E);
    /* Heading/H6/Sul Sans Bold */
    font-family: SulSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cxPass img{
    position: absolute;
    top: 5px;
    right: 20px;
    cursor: pointer;
    z-index: 1;

}
.sub-titulo-princial{
    font-weight: 400;
}

.lista-preen {
    width: 140px;
    max-width: 30%;
    float: left;
    margin-bottom: 9px;
}
.lista-nome{
    color: var(--primary-500, #3D005E);
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 70%; float: left;
}

.conteudo-navega{
    float: right;
}
.btn-navega,
.conta-navega{
    display: inline-block;
        color: var(--primary-500, #3D005E);
    text-align: right;
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    width: auto;

}

.btn-navega.btn-primario,
.btn-navega.btn-primario:hover{
    color: white;
    padding-left: 32px;
    padding-right: 32px;
    margin-left: 10px;

    width: auto;
    cursor: pointer;

    border-radius: 2px;
    background: var(--primary-500, #3D005E);
    text-align: center;
    color: var(--shades-white, #FFF);
    font-family: SulMono;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    border: 2px solid var(--primary-500, #3D005E);
    
}

.popup-content .table-responsive .subtitulo h1, 
.popup-content .table-responsive .opcoes input[name="entregar"] {
    display: block;
}
.popup-content .table-responsive .opcoes input[name="entregar"]{
    padding: 12px 32px;
    border-radius: 2px;
    background: var(--primary-500, #3D005E) !important;
    text-align: center;
    color: var(--shades-white, #FFF);
    font-family: SulMono;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    border: 2px solid var(--primary-500, #3D005E);
    position: absolute;
    right: 0px;
    z-index: 9;
    bottom: -52px;
    min-width: 150px;
}
/*.popup-overlayy{
    display: none;
}*/


/* -------------------- POPUPS  -------------------------- */



/* -------------------- PROFESSOR  -------------------------- */


.nopadding{
    padding: 0px;
}

.height100{
    height: 100px !important;
    min-height: 100px !important;
}

.tabela-homepage{
    border-radius: 4px;
    border: 2px solid var(--primary-500, #3D005E);

    max-height: 110px;
    overflow-y: auto;
}

.prof-perfil .footer-card{
    bottom: 0px;
    position: relative;
}

td.imagemAluno img{

    width: 32px !important;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
}

 .desc-card .tabela-homepage a{
    line-height: 32px;
    font-size: 12px;

}
.tabela-homepage  td, 
.tabela-homepage  th{
    padding: 8px;
}
.sumarios-prof .tabela-homepage{
    max-height: 200px;
}
.sumarios-prof .tabela-homepage a{

    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.noLimit{
    
    max-height: none !important;
}

.mini-limit{
     max-height: 300px !important;
}

.sigle-upload-perfil{
    width: 100%;
    border-radius: 4px;
background: var(--mood-2100, #F0F1F4);
padding: 8px;
margin-bottom: 8px;
}

.sigle-upload-perfil span{

    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.table-responsive{
    max-width: 100%;
}
.table-responsive a[download]{    
    min-width: 32px;
    display: block;
}

.button-crm-bola{
    display: inline-block;
}
.button-crm-bola button{
    border: none;
    background: transparent;
}

.fecha-and-back{
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    border: 2px solid var(--primary-500, #3D005E);
}
.fecha-and-back a{

    color: var(--primary-500, #3D005E);
    font-family: revert;
    line-height: 34px;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
}

.desc-card-grande {
    color: var(--primary-500, #3D005E);
    text-align: right;
    /* Heading/H4/Regular */
    font-family: SulMono;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-azul{
    border-radius: 2px;
    padding: 6px 12px;
    background: var(--secondary-400, #41B6E6);
}
.btn-azul a{
    color: var(--shades-white, #FFF);

    /* Button/Medium */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.7px;
}
.btn-azul a img{
    margin-bottom: -6px;
}
.widthAuto{
    width: fit-content !important;
}
.setasMapa a{
    display: inline-block;
}

.mapa-salas-grafico th{
    color: var(--primary-500, #3D005E);
    text-align: center;
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: 400;
}
.mapa-salas-grafico tbody{
    margin-bottom: 20px;
}
.mapa-salas-grafico thead tr th:first-child{
    font-weight: 700;
    text-align: left;
}
.mapa-salas-grafico tbody tr td:first-child{
    color: var(--secondary-400, #41B6E6);
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.mapa-salas-grafico tbody tr td{
    text-align: center;
    /* Button/Small */
    font-family: SulMono;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mapa-salas-grafico tbody tr td:first-child span{
    color: var(--primary-500, #3D005E);

    /* Caption/Regular */
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    float: right;
}


.mapa-salas-grafico thead{
    border-bottom: 2px solid #333;
}

.carta-mapa-salas{
    border-radius: 4px;
    display: flex;
    padding: 0px 10px;
    padding: 0px 0px 0px 10px;
}
.carta-mapa-salas div{
    display: inline-block;
}
.nome-mapa-salas{
        width: 68%;
        white-space: nowrap;
        overflow-x: hidden;
        line-height: 26px;
        font-family: SulMono;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
}
.nome-aluno-mapa{
    
    width: 16%;
    text-align: center;
    line-height: 26px;

    font-family: SulMono;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.sigla-mapa-aulas{
    background-color: #3D005E;
    width: 16%;
    float: right;
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    border-radius: 4px;
    line-height: 26px;
    color: white;
}

.tb-ver-inquerito tr.record.subtitulo td{
    color: var(--secondary-400, #41B6E6);
}

.footerPrint{
    display: none;
}

.tb-ver-inquerito,
.tb-ver-inquerito .col-md-12{
    padding-right: 0px;
    padding-left: 0px;
}
.v-card-trans{

    background: transparent;
    border-radius: 8px 0px 0px 8px;
    margin-right: 0px;
    /* margin-bottom: 0px; */
    padding: 0px 32px;
}
.v-card-trans .bloco-1-faltas-grande{
    background: var(--shades-white, #FFF);
    padding: 32px;
}
.v-card-trans .first-line-card{
    padding-bottom: 0px;
}
.v-card-trans .bloco-1-faltas-grande .titulo-card{
    
    padding-bottom: 0px;
    line-height: 32px;
}
.tabela-avaliacao .titulo-1 th{
    color: var(--primary-500, #3D005E);
    text-align: center;
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 0px;
    padding-bottom: 10px;
}
.tabela-avaliacao .titulo-2 th{
    color: var(--secondary-400, #41B6E6);
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 0px;
}
.tabela-avaliacao .titulo-2 th:nth-child(2){
    text-align: left;
    padding-left: 4px;
}
.tabela-avaliacao tr.titulo-1,
.tabela-avaliacao tr.titulo-2{
    background: transparent;
}

.tabela-avaliacao td{
    color: var(--primary-500, #3D005E);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    white-space: nowrap;
}

.tabela-avaliacao tr td{
      border-left: 1px solid var(--mood-2200, #E6E7EC) !important;
    border-bottom: 1px solid var(--mood-2200, #E6E7EC) !important;
}

.tabela-avaliacao tr td:nth-child(9){    
    border-left: none !important;
}
.tabela-avaliacao tr td:nth-child(11),
.tabela-avaliacao tr td:nth-child(12),
.tabela-avaliacao tr td:nth-child(13),
.tabela-avaliacao tr td:nth-child(14),
.tabela-avaliacao tr td:nth-child(15){
    text-align: center;
}

.tabela-avaliacao td img{
    width: 29px;
    height: 29px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 8px;
    margin-bottom: -10px;
}

.tabela-avaliacao tr td input{
    color: var(--primary-500, #3D005E);
    text-align: center;
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    background: transparent;
    border: none;
    width: 74px;
    text-align: center;
}
.inline-block li img{
    width: 20px;
    margin-bottom: -5px;
    fill: var(--primary-800, #30014b);
    filter: brightness(0) saturate(50%) invert(44%) sepia(0%) saturate(255%) hue-rotate(344deg) brightness(0%) contrast(98%);
}
.inline-block li{
    display: inline-block;
}
.notasTabela span{
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.notasTabela span img{
    width: 20px;
    margin-bottom: -5px;
}

.tabela-listagem tr{
    vertical-align: middle;
}
.tabela-listagem tr td.desc-card a img{
    
    width: 40px;
    border-radius: 100%;
    margin-bottom: -16px;
    margin-right: 5px;
}
.tabela-listagem tr td.desc-card{
    margin-bottom: 0px;
    line-height: 36px;
}
.tabela-listagem tr td.desc-acoes img{
    width: 24px !important;
}

.perfil-prof-aluno h1{
        font-family: SulMono;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    color: var(--primary-500, #3D005E);
    line-height: normal;
}

.border-roxa{
    
    border-radius: 4px;
    border: 2px solid var(--primary-500, #3D005E);
    padding: 24px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.force-view{
    display: block !important;
}
.box-info{

    border-radius: 4px;
    background: var(--secondary-100, #D3F2FF);
    padding: 24px;
}
.box-info .sala-nome{
    color: var(--primary-500, #3D005E);
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}
.box-info .sala-desc{
    color: var(--primary-500, #3D005E);
    text-align: right;
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.espaco-36{
    height: 36px;
    width: 100%;
}

.gg-perfil-gg{
    width: 100%;
}
.table-pequena .desc-card{
    font-size: 12px;
}
.table-responsive .desc-card a[download],
.table-responsive .desc-card a{
    display: inline-block;
}
.item-sec > a{
    position: relative;
}
.item-sec > a span{

    position: absolute;
    right: 10px;
    top: 16px;
}
.item-sec > a span img{
    transition: .5s;
    transform: rotate(-90deg);
    filter: invert(100%) grayscale(1);
    width: 20px;
}

.menu-principal li.item-sec.aberto > a span img{

    transition: .5s;
    transform: rotate(90deg);
}

.menu-principal li.item-sec.aberto .menu-secundario{
    display: block;
}

.menu-aumenta{
    display: none;
}
 .menu-mylsd{
    width: 218px;
    transition: .5s;
}

.conteudo-mylsd{
    width: calc(100% - 218px);
    transition: .5s;
    margin-left: 218px;

}
.menu-pequeno .menu-mylsd{
    width: 75px;
    transition: .5s;
}

.menu-pequeno .conteudo-mylsd{
    width: calc(100% - 75px);
    transition: .5s;
    margin-left: 75px;

}
.menu-pequeno .logo-menu img{
        width: calc(100% - 0px);
}

.menu-pequeno .logo-menu img{
        width: calc(100% - 0px);
}
.menu-pequeno .menu-principal li a span{
    display: none;
}
.menu-pequeno .menu-principal li a{
     color: transparent;
     width: 35px;
     text-align: center;
     padding: 12px 0px;
     overflow: hidden;
}

.menu-pequeno .menu-principal li img {
    margin-right: 0px;
    margin-left: 6px;
}

.filtro-check label span{
        color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.abreQR{
        position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background: var(--secondary-400, #41B6E6);
    z-index: 1;
    right: 0px;
    bottom: -10px;
    padding: 8px;
    cursor: pointer;
}

.popup-content-myid{
    position: absolute;
    width: 790px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 48px;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    background: var(--secondary-400, #41B6E6);
}
.popup-content-myid h2.desc-card {
    font-weight: 600;
    font-family: SulSans;
    color: var(--shades-white, #FFF);
    font-family: SulSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 34px;
    position: absolute;
    top: 34px;
}
.popup-content-myid .close-pop{
    filter: grayscale(100%) invert(1);
}
.popup-content-myid  .titulo-card{
    color: var(--shades-white, #FFF);
    text-align: center;
    font-family: SulMono;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 32px;
}
.popup-content-myid  .titulo-card{
    color: var(--shades-white, #FFF);
    text-align: center;
    font-family: SulMono;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 32px;
}

.popup-content-myid div.desc-card{
color: var(--primary-500, #3D005E);
text-align: center;
/* Body/Small Regular Mono */
font-family: SulMono;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


.popup-content-myid .foto-grande,
.popup-content-myid .qrcode-img{
    margin-top: 34px;
}

.popup-content-myid .foto-grande img{
    border-radius: 100%;
}
.aparece-tele{
    display: none;
}
.iconFiltros{
    display: none;
}
/* -------------------- PROFESSOR  -------------------------- */

.loader {
    border: 20px solid #f3f3f3;
    transition: .5s;
    border-radius: 50%;
    width: 16vw;
    /*animation: fill 4s linear forwards;*/
    position: relative;
    margin: auto;
    /* max-width: 100%; */
    height: 16vw;
    transform: rotate(45deg);
}
.conteudo-progressa{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);text-align: center;}
.conteudo-progressa .titulo-card{
    
}
.conteudo-progressa .valor-grande{font-family: 'SulMono';font-size: 60px;color: var(--primary-500);}

/*@keyframes fill {
    0% { transform: rotate(0deg); border-top: 20px solid #3498db; }
    100% { transform: rotate(360deg); border-top: 20px solid #2ecc71; }
}*/
.linha-cinza-danger td{
    opacity: .8;
}
.linha-cinza-danger td,
.linha-cinza-danger td input,
.linha-cinza-danger a{
    color: #b2b2b2 !important;
}

.e-ativo,
.e-ativo:hover{
    color: var(--shades-white, #FFF) !important;
    background: var(--primary-500, #3D005E) !important;
}
.e-ativo img{
    filter: invert(0) !important;
}

.tabela-inne-lsd th,
.tabela-inne-lsd td{
    text-align: left;
}

.lista-de-forca span{
    font-family: SulSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    margin-right: 20px;
    padding-left: 10px;
}
.lista-de-forca span:before{
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    content: "";
    top: 1px;
    left: 0px;
}
.lista-de-forca span.b-1:before{
    background: #3D005E;
}
.lista-de-forca span.b-2:before{
    background: #8748AA;
}
.lista-de-forca span.b-3:before{
    background: #49C5B7;
}
.lista-de-forca span.b-4:before{
    background: #7DD3FC;
}
.lista-de-forca span.b-5:before{
    background: #41B6E6;
}

.lista-de-forca span.b-1{
    color: #3D005E;
}
.lista-de-forca span.b-2{
    color: #8748AA;
}
.lista-de-forca span.b-3{
    color: #49C5B7;
}
.lista-de-forca span.b-4{
    color: #7DD3FC;
}
.lista-de-forca span.b-5{
    color: #41B6E6;
}


.opcoes-linha td:nth-child(2) span{
    background: #3D005E;
    color: white !important;
}
.opcoes-linha td:nth-child(3) span{
    background: #8748AA;
    color: white !important;
}
.opcoes-linha td:nth-child(4) span{
    background: #49C5B7;
    color: white !important;
}
.opcoes-linha td:nth-child(5) span{
    background: #7DD3FC;
    color: white !important;
}
.opcoes-linha td:nth-child(6) span{
    background: #41B6E6;
    color: white !important;
}

.opcoes-linha .titulo-card{
    color: var(--secondary-400, #41B6E6) !important;
    text-align: center;
    /* Body/Small Bold Mono */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: transparent !important;
    margin: auto;
    position: relative;
    display: block;
    margin-bottom: -25px;
}



.tabela-inquerito tr.opcoes td:nth-child(2) span,
.tabela-inquerito tr.opcoes td:nth-child(3) span,
.tabela-inquerito tr.opcoes td:nth-child(4) span,
.tabela-inquerito tr.opcoes td:nth-child(5) span,
.tabela-inquerito tr.opcoes td:nth-child(6) span{
    border: 2px solid var(--primary-500, #3D005E);
    border-left: 0px solid var(--primary-500, #3D005E);
    width: 56px;
    padding: 8px 24px;
    color: var(--primary-500, #3D005E);

    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: -3px;
}
.tabela-inquerito tr.opcoes td:nth-child(2) span{
    border-radius: 4px 0px 0px 4px;
    border-right: 2px solid var(--primary-500, #3D005E);
    border-left: 2px solid var(--primary-500, #3D005E);
}
.tabela-inquerito tr.opcoes td:nth-child(6) span{
    border-radius: 0px 4px 4px 0px;
}

.tabela-inquerito tr.opcoes td:nth-child(2),
.tabela-inquerito tr.opcoes td:nth-child(3),
.tabela-inquerito tr.opcoes td:nth-child(4),
.tabela-inquerito tr.opcoes td:nth-child(5),
.tabela-inquerito tr.opcoes td:nth-child(6){
    padding-left: 0px;
    padding-right: 0px;
}


.filtrosData label{
    color: var(--primary-500, #3D005E);
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-right: 20px;
}

.ajuste-extra{
    margin-left: 10px;
    margin-top: -8px;
}
div.dropzone {
    min-height: 200px !important;
    border: 0px solid rgba(0,0,0,.3) !important;
    background-color: #F0F1F4 !important;
    background-image: url(../img/fundoUpload.png?v=1) !important;
    background-position: center !important;
    background-size: 350px !important;
    background-repeat: no-repeat !important;
    padding: 20px 20px !important;
}
.dz-message{
    display: none;
}

.addFicheiroAula{
    cursor: pointer;
}

.bl-ficheiros-sumario > div > div:nth-child(1) > a > img{
    max-width: 80%;
    margin-bottom: 30px;
}

.capitalizar{
    text-transform: capitalize;
}

a.removeItem{
    float: right;
    color: #40b6e6;
    font-size: 13px;
    margin-left: 6px;
    text-align: center;
    padding-right: 0px;
    line-height: 25px;
    font-weight: 900;
    width: 25px;
    height: 25px;
    border: 2px solid #40b6e6;
    border-radius: 100%;
}
.paginacao .pull-right{
    
    
    text-align: center;
    float: none;
}
.paginacao .pagination{

    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: center;
    justify-content: center;
}

.paginacao .pagination li{

   display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.paginacao .pagination li a{
    color: var(--Neutral-600, #525252);
    text-align: center;
    /* Body/Bold */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.paginacao .pagination li.active{
    border-radius: 4px;
background: var(--Secondary-400, #41B6E6);
}
.paginacao .pagination li.active a{
   color: var(--Neutral-50, #FAFAFA);
}

.l-comercial-roxo{
    border: 1px solid var(--Primary-100, #E7D0F4);
    background: var(--Primary-100, #E7D0F4);
    color: var(--Primary-400, #602183);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-laranja{
    border: 1px solid var(--Warning-100, #FEF3C7);
   background: var(--Warning-100, #FEF3C7);
   color: var(--Warning-500, #F59E0B);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-azul{
    border: 1px solid var(--Info-100, #E0F2FE);
   background: var(--Info-100, #E0F2FE);
   color: var(--Info-800, #075985);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-vermelho{
    border: 1px solid #FCA5A5;
    background: #FCA5A5;
    color: var(--Error-700, #B91C1C);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-verde{
    border: 1px solid var(--Success-100, #D1FAE5);   
    background: var(--Success-100, #D1FAE5);   
    color: var(--Success-800, #065F46);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-verde-agua{
    border: 1px solid var(--Tertiary-300, #9CE7DE);
    background: var(--Tertiary-300, #9CE7DE);
    color: var(--Tertiary-700, #296C65);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-cinza{
    border: 1px solid var(--Mood-2-600, #7E86A0);
    background: transparent;   
    color: var(--Mood-2-600, #7E86A0);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-azul-linha{
    border: 1px solid var(--Secondary-400, #41B6E6);
    background: transparent;   
    color: var(--Secondary-400, #41B6E6);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}
.l-comercial-roxo-linha{
    border: 1px solid var(--Primary-500, #3D005E);
    background: transparent;   
    color: var(--Primary-500, #3D005E);
    line-height: 26px;
    border-radius: 4px;
    white-space: nowrap;
}

.naoParte{

    white-space: nowrap;
}

.bxDestaque{
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius:10px;
    margin-bottom: 32px;
}

.bxDestaque .desc-card{
    color: var(--Shades-White, #FFF);
    /* Body/Small Bold Mono */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bxDestaque .titulo-card{
    color: var(--Shades-White, #FFF);
    leading-trim: both;

    text-edge: cap;
    font-family: SulMono;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bxDestaqueAzul{
    background: var(--Secondary-400, #41B6E6);
    border: 2px solid var(--Secondary-400, #41B6E6);
}
.bxDestaqueRoxo{
    background: var(--Primary-500, #3D005E);
    border: 2px solid var(--Primary-500, #3D005E);
}

.bxDestaqueBranco{
    background: transparent;
    border: 2px solid var(--Primary-500, #3D005E);
}

.bxDestaqueBranco .titulo-card,
.bxDestaqueBranco .desc-card{
    color: var(--Primary-500, #3D005E);
}

.lista-filtros .v-card{
    border-radius: 8px;
    background: var(--Mood-2-100, #F0F1F4);
}

.lista-filtros .v-card input.form-control,
.lista-filtros .v-card select.form-control{
    background: transparent;
}

tfoot tr.fundoAzul{
    border-bottom: 1px solid var(--Mood-2-200, #E6E7EC);
    border-left: 1px solid var(--Mood-2-200, #E6E7EC);
    background: var(--Secondary-400, #41B6E6) !important;
}

tfoot th{
   color: var(--Secondary-400, #41B6E6);
text-align: center;

/* Body/Small Bold Mono */
font-family: SulMono;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

tfoot tr.fundoAzul th,
tfoot tr.fundoAzul td{
   color: var(--Primary-500, #3D005E);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.tb-com-border tr{
    border: 2px solid var(--Primary-500, #3D005E);
}

.table.tb-com-border  tr:nth-child(even){
    border: 2px solid var(--Primary-500, #3D005E);
    background: transparent;
}
.tb-com-border tr td:nth-child(3){
    text-align: right;
}

tr.clicaLead-aberto{
    background: var(--Secondary-400, #41B6E6) !important;
    border: 2px solid var(--Secondary-400, #41B6E6) !important;
}

tr.clicaLead-aberto .l-comercial-roxo{
    border: 1px solid var(--Primary-400, #602183);
    background:  var(--Primary-400, #602183);
    color: white;
}
tr.clicaLead-aberto .l-comercial-laranja{
    border: 1px solid #F59E0B;
    background:  #F59E0B;
    color: white;
}
tr.clicaLead-aberto .l-comercial-azul{
    border: 1px solid #075985;
    background:  #075985;
    color: white;
}
tr.clicaLead-aberto .l-comercial-vermelho{
    border: 1px solid #B91C1C;
    background:  #B91C1C;
    color: white;
}
tr.clicaLead-aberto .l-comercial-verde{
    border: 1px solid #10B981;
    background:  #10B981;
    color: white;
}
tr.clicaLead-aberto .l-comercial-verde-agua{
    border: 1px solid #296C65;
    background:  #296C65;
    color: #9CE7DE;
}
tr.clicaLead-aberto .l-comercial-cinza{
    border: 1px solid #7E86A0;
    background:  #7E86A0;
    color: white;
}
tr.clicaLead-aberto .l-comercial-azul-linha{
    border: 1px solid #41B6E6;
    background:  #41B6E6;
    color: white;
}
tr.clicaLead-aberto .l-comercial-roxo-linha{
    border: 1px solid #3D005E;
    background:  #3D005E;
    color: white;
}
.popup-content-side-lead,
.popup-content-side-agendar{
    display: none;
    width: 450px;
    height: 100vh;
    overflow-y: auto;
    padding: 32px 0px 64px;
    position: fixed;
    right: 0px;
    top: 0px;
    border-left: 2px solid var(--Primary-500, #3D005E);
    background: var(--Shades-White, #FFF);
    z-index: 99999;
}
.pre-header-side .col-6:nth-child(2){
    text-align: right;
}
.pre-header-side .col-6:nth-child(2) div{
    display: inline-block;
}
.header-side,
.pre-header-side,
.menu-side,
.dados-side{
    padding-left: 32px;
    padding-right: 32px;

}

.nome-side-bar{
        color: var(--Secondary-400, #41B6E6);
    font-family: SulMono;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 24px;
    padding-bottom: 24px;
}

.menu-side .col-3{
    max-width: 20%;
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0px 0px 0px 0px;
    border-top: 2px solid var(--Primary-500, #3D005E);
    border-right: 0px solid var(--Primary-500, #3D005E);
    border-bottom: 2px solid var(--Primary-500, #3D005E);
    border-left: 2px solid var(--Primary-500, #3D005E);
    text-align: center;
}
.menu-side .noMargem{
    margin-left: 0px;
    margin-right: 0px;
}
.menu-side .col-3:nth-child(1){
    border-radius: 4px 0px 0px 4px;
}
.menu-side .col-3:last-child{
    border-radius: 0px 4px 4px 0px;
    border-right: 2px solid var(--Primary-500, #3D005E);
}

.menu-side .btn-primario-pequeno{

    margin-top: 24px;
    margin-bottom: 24px;
}

.h1-side-bar{
    color: var(--Primary-500, #3D005E);

    /* Heading/H7/Sul Sans Bold */
    font-family: SulSans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.titulo-side-bar,
.dados-side th{
    color: var(--Secondary-400, #41B6E6);

    /* Body/Small Bold Mono */
    font-family: SulMono;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    }
.texto-side,
.dados-side td{
    color: var(--Primary-500, #3D005E);

    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}
.espaco-side-bar{
    padding-top: 24px;
}
.keyword {
    margin-right: 5px;
    padding: 5px 15px;
    border-radius: 8px;
    background: var(--Mood-2-200, #E6E7EC);
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.popup-content-side-lead select.form-control,
.popup-content-side-agendar select.form-control{
    color: var(--mood-2500, #959CB1);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    border: 0px solid #333;
    border-bottom: 2px solid var(--primary-500, #3D005E);
    background: var(--shades-white, #FFF);
    margin-bottom: 32px;
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.seller-side-bar .label{
   
    text-align: center;
    width: auto;
    max-width: 100%;
    display: inline-block;
    margin-top: 0px;
    margin-left: 0px;
    float: left;

}

.tipoBtn{
    cursor: pointer;
}

.btn-primario-danger{
    border-radius: 2px;
    background: var(--Error-500, #EF4444);
    border: 2px solid var(--Error-500, #EF4444);
}
.blockHeightScroll label{
    color: var(--Primary-500, #3D005E);
    /* Body/Regular */
    font-family: SulSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    margin-bottom: 5px;
    margin-right: 5px;
}
.blockHeightScroll{
    max-height: 300px;
    overflow-y: auto;
    border: 2px solid var(--primary-500, #3D005E);
    border-radius: 2px;
    margin-bottom: 30px;
    padding: 5px;

}

.qualifica img{
    margin-bottom: -6px;
}
.pesquisaPagina {
    border: 2px solid #41b6e6;
    padding: 6px;
    border-radius: 5px;
    margin-left: 40px;
}
.pesquisaPagina input[type="number"]{
    color: var(--Secondary-400, #41B6E6);
    text-align: center;
    font-family: SulSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    top: -4px;
    position: relative;
    width: 50px;
    padding-right: 0px;
    text-align: right;
}
.pesquisaPagina button{
    
    border: none;
    background: no-repeat;
}

.pop-content-side-comercial-not{
    width: 30vw;
    min-width: 280px;
    background: white;
    position: fixed;
    right: 0px;
    height: 100vh;
    padding: 40px 10px;
    overflow-y: auto;
    border-left: 1px solid #3d025e;
}
.pop-content-side-comercial-not .conteudo-noticacao{
    margin-top: 40px;
}
.pop-content-side-comercial-not .lista-notificacao{
    height: auto;   
    max-height: none;
    overflow-y: auto;
}
.pop-content-side-comercial-not tr.fontt td:nth-child(1){
    font-size: 10px;
}
.pop-content-side-comercial-not tr.fontt td:nth-child(2){
    font-size: 13px;
}

.pop-content-side-comercial-not .titulo-card{
    padding-left: 20px;
}
.pop-content-side-comercial-not  tr td{

}
#chamar,
.contar{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.proxima-tentativa,
.motivo-tentativa{
    display: none;
}
/*#chamar[disabled] {
    background-color: #ccc;
    color: #333;
    cursor: not-allowed; 
}*/
.table-notas-side tr td:nth-child(2){
    font-size: 12px;
    line-height: 16px;
}
.table-interesses-side td{
    font-size: 12px;
    line-height: 16px;
}


#chamar::before {
    content: '';
    position: absolute;
    /* top: 50%; */
    margin-left: -26px;
    margin-top: 4px;
    /* left: 50%; */
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid white;
    transition: -5s;
}



#chamar.pause::before {
    content: '';
    border-top: 7px solid white;
    border-bottom: 7px solid white;
    transition: -5s;
}

button.limparFiltros{
    border: none;
    vertical-align: top;
    float: right;
    color: var(--primary-500, #3D005E);
}

button.limparFiltros img{
    width: 19px;
    margin-bottom: -5px;
}

.maisClaro{
    color: #ced2db !important;
}

.olhoVerMail{

    position: relative;
    top: -6px;
    margin-left: 5px;

}

.new-bloco-home-titulo{
    color: var(--Primary-500, #3D005E);
    /* Heading/H6/Black */
    font-family: "SulMono";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.2px;
    top: 0px;
    width: 100%;
    position: relative;
    left: 0px;
    text-align: left;

}
.new-bloco-home-titulo span{
    color: var(--Primary-500, #3D005E);
    /* Heading/H6/Regular */
    font-family: "SulMono";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.new-home-comercial{
    border-radius: 8px;
    background: var(--Mood-2-100, #F0F1F4);
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.mini-card{border-radius: 8px;background: var(--Mood-2-100, #F0F1F4);margin-bottom: 20px;}

.w100{width: 99%;margin-left: .5%;float: left;margin-right: .5%;}
.w50{
    width: 49%;
    margin-left: .5%;
    float: left;
    margin-right: .5%;
}

.bloco-topo-mini{background: var(--Primary-400, #602183);border-top-left-radius: 8px;border-top-right-radius: 9px;padding: 7px 20px;}
.bloco-topo-mini .texto{width: calc(100% - 75px);display: inline-block;}
.bloco-topo-mini .texto p{
    color: var(--Shades-White, #FFF);

/* Body/Small Bold Mono */
    font-family: "SulMono";
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.bloco-topo-mini .texto p span{
    color: var(--Secondary-400, #41B6E6);
    font-family: "SulMono";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bloco-topo-mini .numeros{display: inline-block;width: 65px;text-align: center;}
.bloco-topo-mini .numeros p{
    color: var(--Shades-White, #FFF);
    text-align: right;
    leading-trim: both;
    text-edge: cap;
    font-family: "SulMono";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.bloco-topo-mini .numeros p span{
    
}

.bloco-bottom-mini{background: #ffffff;border-bottom-left-radius: 8px;border-bottom-right-radius: 9px;padding: 7px 20px;}
.bloco-bottom-mini .texto{width: calc(100% - 76px);display: inline-block;}
.bloco-bottom-mini .texto p{
    color: var(--Primary-500, #3D005E);

/* Body/Small Bold Mono */
    font-family: "SulMono";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.bloco-bottom-mini .texto p span{
    color: var(--Primary-500, #3D005E);
    font-family: "SulMono";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bloco-bottom-mini .numeros{display: inline-block;width: 65px;text-align: center;}
.bloco-bottom-mini .numeros p{
    color: var(--Primary-500, #3D005E);
    text-align: right;
    font-family: "SulMono";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.bloco-bottom-mini .numeros p span{
    
}

.mini-card.azul .bloco-topo-mini{
    background: #41B6E6;
}
.mini-card.azul .bloco-bottom-mini  .texto p{
    color: #41B6E6;
}
.mini-card.verde .bloco-topo-mini{
    background: #70D2C7;
}
.mini-card.verde .bloco-bottom-mini  .texto p{
    color: #70D2C7;
}
.mini-card.cinza .bloco-topo-mini{
    background: #A3A3A3;
}
.mini-card.cinza .bloco-bottom-mini  .texto p{
    color: #A3A3A3;
}
.mini-card.azul .bloco-topo-mini .texto p span,
.mini-card.verde .bloco-topo-mini .texto p span{
    color: #3D005E;
}
.mini-card.cinza .bloco-topo-mini .texto p span{
    color: white;
}


#calendarTotal{
    width: 1190px;
    max-width: 100%;
}


@media only screen and (min-width: 1600px){
    .homepage .v-card{
        min-height: 880px;
    }
    .tabela-homepage {
        max-height: 150px;
    }
}
@media only screen and (min-width: 1800px){
    .homepage .v-card{
        min-height: 900px;
    }
}
@media only screen and (min-width: 2000px){
    .homepage .v-card{
        min-height: 940px;
    }

    .tabela-homepage {
        max-height: 200px;
    }
}
@media only screen and (min-width: 2200px){
    .homepage .v-card{
        min-height: 1000px;
    }
}
@media only screen and (min-width: 2500px){
    .homepage .v-card{
        min-height: 1180px;
    }
}




@media only screen and (max-width: 1400px){


    

}

@media only screen and (max-width: 1200px){
    .footer-card {
        position: relative;
        bottom: auto;
    }
    .card-warning{
        position: relative;
        padding-bottom: 50px;
    }
    .desc-card {
        font-size: 14px;
    }
    .titulo-card {
        font-size: 12px;
    }
    .card-title {
        font-size: 19px;
    }
    .card-info {
        margin-bottom: 20px;
    }
    .header-card {
        padding: 20px;
    }
    .card-pos-left {
        left: 20px;
        top: 20px;
    }
    .card-pos-right {
        right: 20px;
        top: 20px;
    }
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        font-size: 12px;
    }
    h2.titulo-card {
        font-size: 20px;
    }
    .line-card {
        padding: 16px 20px;
    }
    h2.titulo-card a {
        font-size: 12px;
    }
    .lista-pagamentos-curso h3.nome-curso-card {
        font-size: 14px;
    }
    .nome-curso-card {
        font-size: 12px;
    }
    .lista-pagamentos-curso .resumo-card-pagamentos {
        font-size: 13px;
    }
    div.label,
    span.label,
    .label{
        font-size: 10px;
    }
    .notificacao .conteudo-not-texto {
        font-size: 12px;
    }
    .conteudo-mylsd {
        padding: 80px 45px;
    }

    .first-line-card .desc-card, .first-line-card .titulo-card {
        font-size: 16px;
    }
    .lista-pagamentos-curso .resumo-card-pagamentos {
        width: 20%;
    }
    .v-card {
        min-height: 10vh;
    }

    select.filtro {
        font-size: 12px;
        width: 170px;
    }
    .lista-notificacao {
        height: calc(100% - 210px);
        max-height: 80vh;
    }
    .resumo-card {
        font-size: 12px;
    }
    .btn-primario, .btn-primario:hover {
        width: auto;
        padding: 12px 24px;
        font-size: 14px;
    white-space: nowrap;
    }
    .desc-card a{
        font-size: 14px;
    }
    .btn-secundario, .btn-secundario:hover {
        width: auto;
        padding: 12px 24px;
        font-size: 14px;
        white-space: nowrap;
        min-width: 140px;
    }
    .v-card input.form-control, 
    .v-card select.form-control,
    .v-card textarea.form-control{
        font-size: 14px;
    }
    .conteudo-b-upload {
        width: 90%;
    }
    .desc-card-grande{
        font-size: 26px;
    }
}

@media only screen and (max-width: 1024px){



}

@media only screen and (max-width: 996px){
    .only-mobile{
        display: block;
    }
    .menu-mylsd{
        display: none;
        width: 100%;
        z-index: 99999;
    }
    .menu-mylsd .logo-menu{
        display: none;
    }
    .conteudo-mylsd{
        margin-left: 0px;
        width: 100%;
    }
    .bgroxo {
        border-radius: 0px;
        position: fixed;
        top: -35px;
        left: -4px;
        width: 100% !important;
        max-width: 100% !important;
        height: 100vh;
        z-index: 9999;
        display: none;
        padding: 50px 32px;
    }
    .footer-noticacao{
        display: none;
    }
    .menu-mobile li{
        display: inline-block;
    }
    .menu-mobile .menu-mobile{
        position: absolute;
        right: 15px;
        bottom: 0px;
    }
    .logoMobile img{
        width: 164px;
    }
    .v-card {

        width: 100%;
        max-width: 100%;
        margin-bottom: 32px;
    }
    .pp-cont,
    .popup-content{
        max-width: calc(100% - 64px);
    }
    .divFooter,
    .divFooter p {
        width: 100%;
        margin-bottom: 8px;
        max-width: 100%;
        flex: 0 0 100%;
        display: block !important;
    }
    .close-menu{

        position: absolute;
        right: 20px;
        top: 20px;
    }
    .minimiza{
        display: none !important;
    }
    .menu-principal{
        padding-top: 40px;
    }
    .only-mobile.menu-mobile{
        margin-bottom: 40px;
    }
    .abreNotificacao,
    .abreQRmenu{
        display: none;
    }
    .homepage .abreNotificacao,
    .homepage .abreQRmenu{
        display: block;
    }
    .breadcrumb-grp{
        display: none;
    }
    .max-height-card-sumario .label{
         min-width: 100px;
    }
    
    .iconFiltros{
        display: block;
    }
    .iconFiltros:before {
        content: "";
        position: absolute;
        top: 0px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: url("../img/Slider_01_filtrosRoxo.svg");
        background-size: cover;
        cursor: pointer;
        display: block;
    }
    .grp-filtros .filtro{
        display: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    .border-right-vert{
            border: none !important;
    }
    .fundo-menu{
        bottom: 78px;
    }
    .titulo-card {
        font-size: 12px;
        margin-top: 10px;
    }
    .grp-inquerito .subtitulo td b, .tabela-inquerito .subtitulo td b {
      
        font-size: 16px;
    }
    .grp-inquerito .opcoes td, .grp-inquerito .subtitulo td, .grp-inquerito .subtitulo td input, .tabela-inquerito .opcoes td, .tabela-inquerito .subtitulo td, .tabela-inquerito .subtitulo td input{
        font-size: 14px;
    }
    .filtro-perfil {
        top: -40px;
        display: inline-block;
        position: relative;
    }
    .v-card input.form-control, .v-card select.form-control{

    background: #F0F1F4;
    border: none;
    padding-left: 8px;
    padding-right: 8px;
    }



    .divFooter.col-4 p.text-align-right{
        text-align: left !important;
    }

    .ajuste-extra {
        margin-left: 10px;
        margin-top: 12px;
    }
    form.bloco-2-faltas .bloco-upload{
        margin-top: 30px;
    }
    .nome-mapa-salas{

        width: 60%;
    }
    .carta-mapa-salas div.nome-aluno-mapa{
        display: none;
    }
    .sigla-mapa-aulas {
        width: 40%;
        font-size: 10px;
    }
    .mapa-salas-grafico tbody tr td:first-child span {
        width: 100%;
    }
    .tabela-avaliacao td {
        font-size: 12px;
        line-height: 15px;
    }
    .tabela-avaliacao .titulo-1 th {
        font-size: 11px;
    }
    ul.inline-block{
        text-align: left !important;
    }
    .perfil-prof-aluno h1 {
        font-size: 20px;
    }




    .apaga-mobile{
        display: none;
    }
    .col-xs-12-m{
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .col-xs-6-m{

        width: 50%;
        flex: 50%;
        max-width: 50%;
    }
    .filtro-perfil{
        margin-top: -40px;
    }
    .loader {
        width: 20vw;
        height: 20vw;
    }
    .conteudo-progressa .valor-grande {
        font-size: 40px;
    }
    .grp-esp-mobile .iconFiltros {
        display: none;
    }
}

@media only screen and (max-width: 768px){



}

@media only screen and (max-width: 452px){

    .v-card #calendarTotal .fc-month-view.fc-basic-view tr>td>.fc-day-grid-event{

        line-height: 9px;
        font-size: 9px;
    }
    #calendarTotal .fc-month-view.fc-basic-view .fc-row .fc-content-skeleton tbody td{
        
    top: 25px;
    }

    .lista-nome {
        font-size: 12px;
    }

    .btn-primario, .btn-primario:hover,
    .btn-secundario, .btn-secundario:hover {
        width: auto;
        padding: 4px 10px;
        font-size: 11px;
        white-space: initial;
    }
    .popup-content-email, 
    .popup-content{

        padding: 10px;
    }
    .conteudo-mylsd {
        padding: 30px 15px;
    }
    .menu-mobile li img{
        width: 24px;
    }
    footer .divFooter p, 
    footer .divFooter p a {
        font-size: 11px;
        line-height: 16px;
    }
    .popup-content-myid .titulo-card{
        font-size: 17px;
    }
    .popup-content-myid h2.desc-card {
        font-size: 20px;
    }
    .popup-content-myid{

        padding: 25px;
    }
    .v-card-basic{
        padding: 18px;
    }
    .abre-tab {
        margin-left: 20px;
        margin-top: 0px;
    }
    .abre-tab img{
        width: 20px;
    }
    .labels-tele{
        margin-top: 20px;
    }
    .media-aval-bottom {
        position: relative;
        bottom: 0px;
    }

    .desc-card-grande{
        text-align: left;
    }

    .card-perfil{
        margin-top: 40px;
    }
    .grp-esp-mobile{

    position: relative;
    text-align: left;
    padding-left: 0px;
    }
    .grp-esp-mobile .iconFiltros{
        display: none;
    }
    .filtro-perfil {
        margin-top: 30px;
        margin-left: 0px;
            margin-right: 10px;
    }
    .esp-check input {
        width: 17px !important;
        height: 17px !important;
        padding: 10px !important;
        margin-top: -3px;
    }

    .close-pop {
        right: 15px;
        top: 15px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

    .fc-button-group .fc-year-button,
    .fc-button-group .fc-month-button,
    .fc-button-group .fc-agendaWeek-button{
        display: none !important;
    }

    .v-card #calendarTotal .fc-month-view.fc-basic-view .fc-row table {
        max-height: 97px;
    }
    #calendarTotal .fc-month-view.fc-basic-view .fc-row .fc-content-skeleton td {
        min-height: 97px;
        height: 97px;
    }
    .v-card #calendarTotal .fc-month-view.fc-basic-view .fc-body .fc-row {
        height: 97px;
    }
    #ficheirosUp{

        background-size: 95%;
    }
    .fecha-and-back{

        position: absolute;
        right: 0px;
        top: -30px;
    }
    .setasMapa .fecha-and-back{

        position: initial;
        right: initial;
        top: initial;
    }
    .gg-perfil-gg .foto-grande {
      margin: auto;
    }

    .grp-inquerito .opcoes td, .grp-inquerito .subtitulo td, .grp-inquerito .subtitulo td input, .tabela-inquerito .opcoes td, .tabela-inquerito .subtitulo td, .tabela-inquerito .subtitulo td input {
        font-size: 13px;
    }
    .tabela-inquerito tr.opcoes td:nth-child(2) span, .tabela-inquerito tr.opcoes td:nth-child(3) span, .tabela-inquerito tr.opcoes td:nth-child(4) span, .tabela-inquerito tr.opcoes td:nth-child(5) span, .tabela-inquerito tr.opcoes td:nth-child(6) span {
       
        padding: 8px 19px;
        font-size: 12px;
    }

    .no-padding-mob{
        padding-right: 0px;
        padding-left: 0px;
    }
    .minMovOlho{
    width: 64px;
    flex: 60px;
    max-width: 64px;
    min-width: 64px;
    padding: 0.75rem 0px !important;
    }
    .tabela-avaliacao tr td input {
        font-size: 12px;
        line-height: 20px;
        width: 60px;
    }
    .v-card-basic .first-line-card .desc-card {
        line-height: 20px;
    }
    .abre-tab-plus{

    position: absolute;
    right: 0px;
    top: -20px;
    width: 25px;
    }
    .cards-aval .bloco-4-faltas{
        padding-left: 0px;
        padding-right: 0px;
    }
    .cards-aval .btn-primario{
        width: 100%;
    }

    .minMovOlho .apagar{
        display: none;
    }

    .aparece-tele{
        display: block;
    }

    .apaga-mobile-mov{
        display: none !important;
    }
    .col-mov-3{

        width: 33.3333333%;
        flex: 33.3333333%;
        max-width: 33.3333333%;
    }

    .col-mov-6{

        width: 50%;
        flex: 50%;
        max-width: 50%;
    }
    .col-mov-12{

        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .loader {
        width: 60vw;
        height: 60vw;
    }
    .loader-container{
            margin-top: 50px;
        margin-bottom: 30px;
    }

}

@media only screen and (max-width: 400px){



}


@media only screen and (max-height: 980px) and (min-width: 500px){
    .logo-menu img {
        margin-bottom: 60px;
    }
    .menu-principal li a {
        font-size: 14px;
        line-height: 18px;
        padding: 6px 12px;
    }
    .menu-principal li img {
        width: 24px;
    }
    .item-sec > a span img {
        width: 15px;
        margin-top: -6px;
    }
    .fundo-menu {
        bottom: 10px;
    }

}
@media only screen and (max-height: 680px) and (min-width: 500px){

.menu-principal li img {
    width: 18px;
}
}