:root {
   --ds-color-e: #E07358;
   --ds-color-c: #F1C176;
   --ds-color-p: #9A91C0;
   --ds-color-a: #5cbc8e;
   --ds-color-azulNeutro: #213B59;
   --ds-color-azulAux1: #4181A3;
   --ds-color-azulAux2: #77C7E4;

   --ds-color-primary: #223B59;
   --ds-color-primary-dark: #06102A;
   --ds-color-primary-light: #4F6586;
   --de-color-secondary: rgb(119, 199, 228);
   --de-color-secondary-dark: #4296B2;
   --de-color-secondary-outline: #F4FBFD;
   --ds-color-warning: #FABF69;
   --ds-color-warning-dark: #e3a527;
   --ds-color-danger: #EF6C64;
   --ds-color-danger-dark: #AC323F;
   --ds-color-success: #3FBE89;
   --ds-color-success-dark: #146E63;

}
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
body {font-family: 'Source Sans Pro', sans-serif;}

body p {font-size: 1.1rem;}

.br-height-nudges br {
   content: "";
   margin: 2em;
   display: block;
   font-size: 24%;
}
body ul {
   padding-left: 20px;
}
body ul li {
   font-size: 1.1rem;
   padding: 0;
}

.modal-backdrop {
   width: 100% !important;
   height: 100% !important;
}

.swal2-container {
  z-index: 20000 !important;
}

.mt-modal-content {
   margin-top: 3rem !important;
}

.red-placeholder-text::-webkit-input-placeholder { /* Edge */
   color: var(--ds-color-danger);
 }
 .red-placeholder-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--ds-color-danger);
 }
 .red-placeholder-text::placeholder {
   color: var(--ds-color-danger);
 }

 .webkit-appearance-none {
    box-shadow: none !important;
    outline: none !important;
   -webkit-appearance: none !important;
 }
 .form-group-webkit-appearance-none::after {
   content: '\f0d7';
    font-family: FontAwesome;
    color: #777;
    display: inline-block;
    position: absolute;
    right: 25px;
    bottom: 21px;
    pointer-events: none;
 }
 .webkit-appearance-none-fas {
   position: absolute;
   height: 20px;
   margin-top: 6px;
   margin-left: -25px;
   margin-top: 7px;
   padding: 3px;
   z-index: 3;
   background: #fff;
   pointer-events: none;
   font-size: .85rem;
   color: #666;
}
.cursor-pointer:hover {cursor: pointer;}
.cursor-lupa:hover{cursor: zoom-in;}
.cursor-default:hover{cursor: default;}
.nps-div {
   background: #f1f1f1;
   border-radius: 12px;
   padding: 22px 26px;
   float: left;
   margin-right: 15px;
   width: fit-content;
   line-height: 1.5rem;
   padding-right: 36px;
}
.nps-div-txt {
   padding-top: 1rem;
   display: grid;
}
.nps-div .enpsValue {font-size: 3.5rem;}

.nps-div.nps-div-zona1 {background: rgba(239, 107, 100, 0.1);}
.nps-div.nps-div-zona2 {background: rgba(65, 129, 163, 0.1);}
.nps-div.nps-div-zona3 {background: rgba(65, 129, 163, 0.1);}
.nps-div.nps-div-zona4 {background: rgba(63, 190, 137, 0.15);}


.nps-div.nps-div-zona1 .enpsValue {color: #EF6C64;}
.nps-div.nps-div-zona2 .enpsValue {color: #4181A3;}
.nps-div.nps-div-zona3 .enpsValue {color: #4181A3;}
.nps-div.nps-div-zona4 .enpsValue {color: #3FBE89;}

.ds-color-e { color: #E07358; }
.ds-color-c { color: #F1C176; }
.ds-color-p { color: #9A91C0; }
.ds-color-a { color: #5cbc8e; }
.ds-color-azulNeutro { color: #213B59; }
.ds-color-azulSecondary { color: #77C7E4; }
.ds-color-azulSecondaryDark { color: #4296B2; }
.ds-color-BlackFull {color: #363636;}
.ds-color-danger { color: var(--ds-color-danger); }
.ds-color-danger-dark { color: var(--ds-color-danger-dark) !important; }
.ds-color-warning { color: var(--ds-color-warning); }
.ds-color-warning-dark { color: var(--ds-color-warning-dark); }
.ds-color-success {color: var(--ds-color-success);}
.ds-color-success-dark {color: var(--ds-color-success-dark);}
.ds-color-white {color: #fff;}
.ds-color-black {color: #111;}
.ds-color-primary-light {color: var(--ds-color-primary-light);}
/* .ds-bg-azulSecondary {background-color: var(--de-color-secondary);} */
.ds-bg-azulSecondary {background-color: var(--ds-color-azulAux2);}
.ds-bg-azulSecondaryOutline {background-color: var(--de-color-secondary-outline);}
.ds-bg-azulSecondaryDark {background-color: var(--de-color-secondary-dark);}

div.textGrad {
	background: linear-gradient(-45deg, #E07358, #E07358, #5cbc8e, #F1C176, #E07358, #9A91C0, #5cbc8e);
	background-size: 300%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animated_text 10s ease-in-out infinite;
	-moz-animation: animated_text 10s ease-in-out infinite;
	-webkit-animation: animated_text 10s ease-in-out infinite;
}

@keyframes animated_text {
	0% { background-position: 0px 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0px 50%; }
}

.label {border-radius: 8px; padding: 7px 13px;}
.label-secondary {background: #c9ecf9; color: var(--ds-color-azulNeutro);}

.badge-white {
   background: #fff;
   border: 1px solid #999;
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: #222;
   font-size: 1rem;
}
.badge-success {
   background: #fff;
   border: 1px solid var(--ds-color-success);
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: var(--ds-color-success-dark);
   font-size: 1rem;
}
.badge-error {
   background: #fff;
   border: 1px solid var(--ds-color-danger);
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: var(--ds-color-danger-dark);
   font-size: 1rem;
}
.badge-warning {
   background: #fff;
   border: 1px solid var(--ds-color-warning-dark);
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: var(--ds-color-warning-dark);
   font-size: 1rem;
}
.badge-secondary {
   background: #fff;
   border: 1px solid var(--de-color-secondary-dark);
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: var(--de-color-secondary-dark);
   font-size: 1rem;
}
.badge-gray {
   background: #fff;
   border: 1px solid #bbb;
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: #aaa;
   font-size: 1rem;
}

.ds-overline {
   font-size: 1rem;
   text-transform: uppercase;
}

@media (min-width: 1200px) {
   .container {
      max-width: 1260px;
   }
}

h1, .h1, .ds-h1 { font-size: 2.25rem; line-height: 1.3em; }
h2, .h2, .ds-h2 { font-size: 2rem; line-height: 1.25em }
h3, .h3, .ds-h3 { font-size: 1.75rem; line-height: 1.25em; }
h4, .h4, .ds-h4 { font-size: 1.5rem; line-height: 1.25em; font-family: 'Montserrat',sans-serif; font-weight: 600;}
h5, .h5, .ds-h5 { font-size: 1.25rem; line-height: 1.2em; }
h6, .h6, .ds-h6 { font-size: 1.15rem; line-height: 1.2em; }
.micro {
   font-size: .8rem; line-height: 1.1em;
}

.ds-txt-menu { font-size: 1.25em; line-height: 1.2em; }
.ds-txt-subtitle-1 { font-size: 1em; line-height: 1.1em; }
/* .ds-subtitle-2 {}
.ds-body-1 {}
.ds-body-2 {} */
.lead-1 {
	font-size: 1.55rem;
	line-height: 2rem;
   font-weight: 300;
   font-family: 'Source Sans Pro',sans-serif;
}

.br-6px {
   border-radius: 6px;
}
.dp-2 {
   border: none; box-shadow: 0px 2px 3px rgba(0,0,0,.2); 
}


.dp-5 {
   border: none; box-shadow: 0px 5px 9px rgba(0,0,0,.15); 
}

.dp-7 {
   border: none; box-shadow: 0px 10px 12px rgba(0,0,0,.2); 
}


.ds-ssp {font-family: 'Source Serif Pro',serif;}
.ds-ssans {font-family: 'Source Sans Pro', sans-serif;}
.ds-ms {font-family: 'Montserrat',sans-serif;}

/* MODAL */

.ds-modal {background: rgba(33, 59, 89, .5);}
.ds-modal .modal-header {border-bottom: none; padding-bottom: 0; padding-top: 1rem;}
.ds-modal .modal-header .title {font-size: 1.15em; font-weight: 600;;}
.ds-modal .modal-footer {border-top: none; padding-top: .2rem;}
.ds-modal .modal-header .close {
   margin-top: -1.5rem;
}
.ds-modal-lg .modal-dialog {
   max-width: 1020px;
}
.ds-modal-md .modal-dialog {
   max-width: 740px;
}
.ds-modal-resultadoPesquisaSize .modal-dialog {
   max-width: 900px;
}
.ds-modal .modal-content {
   border: none;
   border-radius: 8px;
   padding: 8px 6px;
}
.ds-modal .modal-body {
   padding-bottom: 0;
   color: #747474;
}
.modal-open .blurOnModal{
   -webkit-filter: blur(2px);
   -moz-filter: blur(2px);
   -o-filter: blur(2px);
   -ms-filter: blur(2px);
   filter: blur(2px);
}
.ds-modal-instrutor .modal-header{
   padding-bottom: 0;
   margin-bottom: 0;
}
.ds-modal-instrutor .modal-body{
   padding-left: 2.5rem;
   padding-right: 2.25rem;
   padding-bottom: 2.75rem;
}
.modal-body-planoAcaoPip p {
   margin-bottom: .5rem;
}

/* ALERTAS */
.alert {
   font-family: 'Source Sans Pro', sans-serif;
   letter-spacing: -0.1px; 
   border: none; box-shadow: 1px 2px 4px rgba(0,0,0,.1); 
   padding: 24px 24px; font-size: .95em;
   line-height: 1.45em; 
   align-items: start;
   margin-bottom: 1.2em;
}

.alert p.title {margin-bottom: .25rem; font-weight: 600; font-size: .85em; font-family: 'Montserrat',sans-serif; }
.alert p {margin-bottom: 0; font-size: .95em; line-height: 1.35rem;}
.alert img.icon {max-width: 50px;}
.alert .number {max-width: 50px; font-family: 'Source Serif Pro',serif; font-weight: 600; margin-right: 1.25rem; margin-top: .6rem;}
.alert-info, .alert-primary {background-color: #F4FBFD; color: var(--ds-color-primary);}
.alert-success {background-color: #cef0e5; color:var(--ds-color-success-dark);}
.alert-warning {background-color: #FEF9EF;}
.alert-danger, .alert-card.alert-danger {background-color: #FDEDED; color: var(--ds-color-danger-dark);}
.alert-danger p {color: var(--ds-color-danger-dark) !important;}

.alert-card {padding: 1rem 1.25rem; padding-right: 2.5rem; background-color: #F4FBFD; color: var(--ds-color-primary); border-radius: 12px; box-shadow: none !important; background: #E0F1FA; width: fit-content; margin-top: 0; margin-right: 1.5rem; margin-bottom: 1.5rem; float: left;}
.alert-card .title {margin-bottom: 0 !important;}


.alert-success .ds-position-topRight-alert-btn {
   position: absolute;
   right: 0;
   top: 0;
   padding:10px;
   padding-top: 8px;
   padding-right: 8px;
   background: rgba(20, 110, 99, .1);
   border-top-right-radius: .25rem;
   border-bottom-left-radius: .65rem;
   border-top-left-radius: .15rem;
   border-bottom-right-radius: .15rem;
   width: 38px;
}
.alert .close {margin-top: -8px;}
.alert-body {width: 100%;}


.btn-txt {background: none; outline: none; color: var(--ds-color-primary); font-weight: 600; font-size: .8em; font-family: 'Montserrat',sans-serif; background: #fff;}
.btn-txt:hover {border:1px solid var(--ds-color-primary);}
.btn-txt-outline {border: 1px solid var(--ds-color-primary);}
.btn-txt-icon-arrow-double-right {
   background: url(../../images/ds-images/icons/arrow-double-right-primary.svg);
   background-repeat: no-repeat;
   padding-left: 1.85rem;
   background-position: .45rem .46rem;
}

/* DISPLAY SHOW HIDDEN RULES */
.show-if-width-lt-1200px {display: none;}
@media (max-width:1200px) {.show-if-width-lt-1200px {display: revert;}}
.show-if-width-lt-992px {display: none;}
@media (max-width:992px) {.show-if-width-lt-992px {display: revert;}}
.show-if-width-lt-768px {display: none;}
@media (max-width:768px) {.show-if-width-lt-768px {display: revert;}}
.show-if-width-lt-576px {display: none;}
@media (max-width:576px) {.show-if-width-lt-576px {display: revert;}}

.show-if-width-gt-1200px {display: none;}
@media (min-width:1200px) {.show-if-width-gt-1200px {display: revert;}}
.show-if-width-gt-992px {display: none;}
@media (min-width:992px) {.show-if-width-gt-992px {display: revert;}}
.show-if-width-gt-768px {display: none;}
@media (min-width:768px) {.show-if-width-gt-768px {display: revert;}}
.show-if-width-gt-576px {display: none;}
@media (min-width:576px) {.show-if-width-gt-576px {display: revert;}}

/* CARDS */

.card {
   border-radius: 8px;
   overflow: hidden;
}
.card-img {
   border-radius: 9px;
}
.card-img-overlay {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#264265+4,264265+100&0+35,0.8+100 */
   background: -moz-linear-gradient(top,  rgba(38,66,101,0) 4%, rgba(38,66,101,0) 35%, rgba(38,66,101,0.8) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(38,66,101,0) 4%,rgba(38,66,101,0) 35%,rgba(38,66,101,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(38,66,101,0) 4%,rgba(38,66,101,0) 35%,rgba(38,66,101,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00264265', endColorstr='#cc264265',GradientType=0 ); /* IE6-9 */
}


.ds-white-card img {
   border-radius: 8px;
}
.ds-white-card.disabled:after {
   width: 100%;
   height: 100%;
   background: rgba(255,255,255,.4);
   content: "";
   position: absolute;
}
.ds-white-card.disabled img {
   filter: grayscale(.7);
}

/* OUTROS COMPONENTES */


/* NOVO ACCORDION */
.ds-newAccordion .ds-newAccordionItem .card { border-radius: 0px !important; border: none !important; border-bottom: 1px solid #aaa !important; }
.ds-newAccordion .ds-newAccordionItem .card-body { background-color: #fff; border: none !important; padding-top: 0; padding-bottom: .4em; color: #747474; padding-right: 6%; }
.ds-newAccordion.ds-newAccordionV2 .ds-newAccordionItem .card-body { color: #223B59; }
.ds-newAccordion.ds-newAccordionV2 .ds-newAccordionItem .card-body p, .ds-newAccordion.ds-newAccordionV2 .ds-newAccordionItem .card-body li { font-size: 1.05rem; }
.ds-newAccordion .card-header {
	box-shadow: none !important;
	background-color: #fff !important;
	border: none !important;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	cursor: pointer;
}
.ds-newAccordionItem a.card-title { width: 45% !important; }
.ds-newAccordionItem .card-header:hover {background-color: inherit !important;}
.ds-newAccordionItem .card-header:after {font-family: 'FontAwesome';  content: "\f106";float: right; }
.ds-newAccordionItem .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f107"; }
.ds-newAccordionItem .collapsed { background-color: #fff !important; border-radius: 0 !important; }
@media(max-width: 576px) {
   .ds-newAccordion .card-header {padding-left: .5rem; padding-right: .5rem;}
   .ds-newAccordion .ds-newAccordionItem .card-body {padding-left: .5rem;}
}


.btn-primary {
   font-family: 'Montserrat',sans-serif;
   background: var(--ds-color-primary);
   border: 1px solid var(--ds-color-primary);
   border-radius: 5px;
   color: #ffffff;
   font-weight: 600;
   padding: .4rem 1.2rem;
   font-size: .95rem;
}

.btn-primary:hover {
   background: var(--ds-color-primary-light);
   border: 1px solid var(--ds-color-primary-light);
   }
.btn-primary:active, .btn-primary:focus {
   background: var(--ds-color-primary) !important;
   border: 1px solid var(--ds-color-primary) !important;
   box-shadow: none !important;
}
   .btn-primary.disabled, .btn-primary:disabled {
      background: #888 !important;
      border-color: #888;
   }

.btn-secondary, .btn-secondary-noHover {
   font-family: 'Montserrat',sans-serif;
   background: #BFE4F4;
   /* Primary / Mid */
   
   border: 1px solid #BFE4F4;
   border-radius: 5px;
   color: var(--ds-color-azulNeutro);
   font-weight: 600;
   padding: .4rem 1.2rem;
   font-size: .95rem;
}

.btn-secondary:hover {
   background: #add8ea;
   border: 1px solid #add8ea;
   color: var(--ds-color-azulNeutro);
}
.btn-secondary:active {
   background: var(--ds-color-azulAux1) !important;
   border: 1px solid var(--ds-color-azulAux1) !important;
   color: #fff !important;
   outline: 0 !important;
}
.btn-secondary:focus {
   outline: 0 !important;
}
.btn-secondary:disabled {
   background: #ccc !important;
   border-color: #ccc !important;
   color: #999 !important;
}
.btn-perfilCompartilhado-disabled, .btn-perfilCompartilhado-disabled:hover, .btn-perfilCompartilhado-disabled:focus {
   background: #ddd;
   border-color: #ddd;
   color: #aaa !important;
}

.btn-success {
   font-family: 'Montserrat',sans-serif;
   background: var(--ds-color-success);
   /* Primary / Mid */
   
   border: 1px solid var(--ds-color-success);
   border-radius: 5px;
   color: #fff;
   font-weight: 600;
   padding: .4rem 1.2rem;
   font-size: .95rem;
}
.btn-success:hover {
   background: #69cb9c;
   border: 1px solid #69cb9c;
}

.btn-danger {
   font-family: 'Montserrat',sans-serif;
   background: var(--ds-color-danger);
   /* Primary / Mid */
   
   border: 1px solid var(--ds-color-danger);
   border-radius: 5px;
   color: #fff;
   font-weight: 600;
   padding: .4rem 1.2rem;
   font-size: .95rem;
}
.btn-danger:hover {
   background: var(--ds-color-danger-dark);
   border: 1px solid var(--ds-color-danger-dark);
}

.btn-white, .btn-white-noHover {
   font-family: 'Montserrat',sans-serif;
   background: #FFFFFF;
   /* Primary / Mid */
   
   border: 1px solid #8C99A8;
   border-radius: 5px;
   color: var(--ds-color-azulNeutro);
   font-weight: 600;
   padding: .4rem 1.2rem;
   font-size: .95rem;
}

.btn-white:hover {
   background: #e8eef9;
   color: var(--ds-color-azulNeutro);
}

.btn-import-csv {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   font-size: .82rem;
}

.btn-small {
   padding: 5px 9px !important;
   font-size: .8rem !important;
}

/*ESTILOS PARA O MAPEAMENTO */
.graf-comp-barras-legendas .col p {
   padding-left: 0 !important;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: .95rem;
   letter-spacing: 0;
}
.graf-comp-barras-legendas .col {
   height: fit-content;
}
.bg-radar img {
   width: 67.25% !important;
   left: 14.5% !important;
   margin-top: 3.25% !important;
   opacity: .6 !important;
}
.numeracaoMapaCompetenciaHabilidades {
   display: none;
}
@media (max-width: 991px) {
   .numeracaoMapaCompetenciaHabilidades {
      display: inline;
   }
}

.mapaCompetenciasComparativoBarras {
   position: absolute;
   width: 6px;
   border: 1px dashed #000;
   background: rgba(79,101,134,.5);
   margin-left: 15px;
   text-align: center;
   bottom: 0;
   border-radius: 10px;
   border-bottom: none !important;
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   opacity: 1s;
   z-index: 1;
}

@media (max-width: 1199px) {
   .bg-radar img {
      width: 67.25% !important;
      left: 14.5% !important;
      margin-top: 3.25% !important;
      opacity: .6 !important;
   }
}
@media (max-width: 1199px) {
   .mapaCompetenciasComparativoBarras {
      width: 4px;
      margin-left: 11px;
   }
}
/* COISAS PRO PAINEL DO GESTOR */


.input-group-prepend span {background: #fff; z-index: 2; border-right: none; padding-right: 2px;}
input.form-control {z-index: 1 !important;}
input.form-control:focus {box-shadow: none; z-index: 1;}


.section-admin-header {
   margin-top: -30px;
   background: #213b59;
   color: #fff;
   padding-top: 4.5rem;
   padding-bottom: 4rem;
   line-height: 1.4rem;;
}
.section-admin-header-contratacao {
  margin-top: -4.5rem;
  pointer-events: none !important;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .2;
  background-image: url('../../images/painel-gestor/contratacao/header-bg-high.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}


.ck-tags {
   overflow:auto;
   float:left;
   padding: 0;
   font-weight: 400;
   color: #222;
   margin-bottom: 0;
   margin-right: .5rem;
   font-size: .9rem;
   text-decoration: none;
   outline: none;
   letter-spacing: .01rem;
}

.ck-tags:hover label span  {
   background: #bbc0cd;
   cursor: pointer !important;
}

.ck-tags label {
   float:left;
   width:fit-content;
   margin-bottom: 0 !important;
   cursor: pointer !important;
   
}

.ck-tags label span {
   text-align:center;
   padding: 1px 13px;
   display:block;
   border-radius: 20px;
   border: 1px solid #999;
   background: #fff;

}

.ck-tags label input {
   /* position:absolute;
   top:-20px; */
   display: none;
}

.ck-tags input:checked + span {
   color: #fff;
   background: var(--ds-color-primary);
   border: 1px solid var(--ds-color-primary);
}


.nav.admin-panels {
	margin-bottom: -4px !important;
	padding-left: 0px;
}
.nav.admin-panels:before {
   content: "";
   width: calc(100% - 30px);
   height: 1px;
   background: #bbb;
   position: absolute;
   top: 38px;
   z-index: 0;
}
.nav.admin-panels .nav-link {
	color: #213b59;
	background: none;
	padding: 5px 10px;
	border-radius: 0;
	border-bottom: 6px solid rgba(255,255,255,.0);
	margin: 0;
	margin-right: 1.5rem;
	font-size: .9rem;
   font-weight: 600;
	opacity: .7;
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   z-index: 1;
   position: relative;

}
.nav.admin-panels .nav-link .icone {
	margin-left: 5px;
}
.nav.admin-panels .nav-link.active, .nav.admin-panels .nav-link:hover {
	color: #213b59;
	background: none;
	border-bottom: 4px solid var(--de-color-secondary-dark);
	opacity: 1;
   z-index: 1;
}
.tab-content.admin-panels {
	background: #fff;
	border-radius: 0;
	padding: 0;
   padding-top: 2rem;
}
.admin-panels .tab-pane {
   margin-left: 0;
   margin-right: 0;
}


/** PAINEL INCLUIR COLABORADORES LEGACY **/
.ds-div-table-radius {
   border: 1px solid #ccc;
   border-radius: 8px;
   overflow: hidden;
}
.ds-div-table-radius-shadow {
   border: 1px solid #efefef !important;
   border-radius: .6rem;
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.13); 
   background: #fff;
   padding: 2px 1px;
   padding-top: 0;
}
.ds-div-table-radius table {
   border-top: 2px solid #f1f1f1 !important;
}
.ds-div-table-radius-shadow table, .ds-div-table-radius-shadow thead tr th {
   border-top: 0px solid #fff !important;
}
.ds-div-table-radius table {
   margin-bottom: 0 !important;
}
.inputColabTable input {
	background: #fff;
	box-shadow: none;
	color: #213b59;
	border-radius: 4px;
	border: 1px solid #ccc;
   outline: none !important;
   box-shadow: none !important;
   font-size: 1rem;
   padding-left: 6px;
   padding-right: 6px;
}
.inputColabTable input.form-control {
	padding: inherit;
	margin: inherit;
	color: inherit;
	font-size: inherit;
}
.inputColabTable input.form-control:focus {
	border-color: #4181A3;
}

.inputColabTable tbody tr:first-child{
	margin-top: 4px !important;
}

.inputColabTable .btn-delete-row, .btn-delete-row {
	border: 1px solid #4181A3;
	box-shadow: 0 0 5px rgba(224, 115, 88, 0.2);
   background: #fff;
	padding: 2px 10px;
	border-radius: 4px;
	color: #E07358;
	border-color: #E07358;
	font-size: .7rem;
   text-align: center;
   margin-right: 50px;
   width: 40px;
}
.btn-delete-user {
   margin-right: 0;
}
.btn-delete-user.disabled {
   opacity: .7;
   filter: grayscale(1) !important;
}
.inputColabTable .btn-delete-row:hover, .btn-delete-row:hover {
	box-shadow: 0 0 5px rgba(224, 115, 88, 0.7);
	border-color: rgb(179, 93, 72);
}
.btn-add-row {
   width: 40px;
	border: 1px solid #4181A3;
	box-shadow: 0px 0px 5px rgba(63, 179, 135, 0.2);
	border-radius: 4px;
   padding: 2px 10px;
	background: #fff;
	color: #3FB386;
	border-color: #3FB386;
	position: absolute;
	right: calc(15px + 0px);
	margin-top: -69px;
	font-size: .7rem;
   text-align: center;
   margin-right: 10px;
}
.btn-add-row:hover {
	box-shadow: 0px 0px 5px rgba(63, 179, 135, 0.7);
	border-color: rgb(53, 147, 111);
}
.btn-add-row:disabled {
	opacity: .6 !important;
	filter: grayscale(1) !important;
   pointer-events: none !important;
}
.btn-add-row:active, .btn-add-row:focus, .btn-delete-row:active, .btn-delete-row:focus {
   outline: none !important; box-shadow: none !important;
}

.btn-table-row {
	border: 1px solid #4181A3;
	box-shadow: 0px 0px 5px rgba(65, 129, 163, 0.24);
	padding: 1px 8px;
	border-radius: 4px;
	background-size: 14px;
	color: #213b59;
	font-size: .71rem;
	background: #fff;
}
.btn-table-row:hover {
	box-shadow: 0px 0px 5px rgba(63, 179, 135, 0.7);
	border-color: rgb(53, 147, 111);
}
.btn-table-row:disabled {
	opacity: .6;
	filter: grayscale(1);
}

.liderDropdown {
   font-size: 1rem;
   width: 125px;
   padding: 2px 10px;
   height: 31px;
   border-radius: 5px;
}
.liderDropdownIcon.fas {
   position: absolute;
   height: 20px;
   margin-top: 6px;
   margin-left: -25px;
   margin-top: 7px;
   padding: 3px;
   z-index: 3;
   background: #fff;
   pointer-events: none;
   font-size: .85rem;
   color: #666;
}




/* STEP BY STEP PARA O PAINEL DO GESTOR */


.modal-step-by-step {
   background: rgba(66, 150, 178, .9);
}
.modal-step-by-step p {
   color: #222;
}

.modal-step-by-step .modal-dialog {
   max-width: 700px;
}

.modal-step-by-step .modal-content {
   background: #fff;
   border: none;
   border-radius: 16px;
   padding: 20px;
}

.ds-steps .step {
   float: left;
   margin-right: 2rem;
}

.ds-steps .number {
   color: #fff;
   font-family: 'Source Serif Pro',serif;
   font-weight: 600;
   padding: 3px;
   font-size: 1.3rem;
   border-radius: 100px;
   width: 33px;
   height: 33px;
   display: block;
   text-align: center;
   background: rgb(117,117,117); /* Old browsers */
   background: -moz-radial-gradient(center, ellipse cover,  rgba(117,117,117,1) 0%, rgba(153,153,153,1) 71%); /* FF3.6-15 */
   background: -webkit-radial-gradient(center, ellipse cover,  rgba(117,117,117,1) 0%,rgba(153,153,153,1) 71%); /* Chrome10-25,Safari5.1-6 */
   background: radial-gradient(ellipse at center,  rgba(117,117,117,1) 0%,rgba(153,153,153,1) 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   box-shadow: 2px 5px 10px rgba(0,0,0,.2); 
   border: 1px solid rgba(255,255,255,.9);
}
.ds-steps .step:before {
   content: "";
   position: relative;
   display: block;
   height: 2px;
   width: calc(100% - 16px);
   background: var(--ds-color-primary);
   top: 16px;
   left: 40px;
   border-radius: 10px;
   overflow: hidden;
}
.ds-steps .step.number-done:before {
   background: var(--ds-color-success);
}

.ds-steps .step:last-child:before {
   display: none;
}

.ds-steps .step.number-current .number {
   background: var(--ds-color-primary);
}
.ds-steps .step.number-done .number {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#40be89+1,166f64+100 */
background: rgb(64,190,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(64,190,137,1) 1%, rgba(22,111,100,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(64,190,137,1) 1%,rgba(22,111,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(64,190,137,1) 1%,rgba(22,111,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40be89', endColorstr='#166f64',GradientType=0 ); /* IE6-9 */

}
.ds-steps .title {
   color: var(--ds-color-azulNeutro);
   font-size: 1rem;
   font-weight: 600;
   padding-top: .5rem;
   display: block;
}







/* MENU LATERAL */

.link-blog-section {
   background: rgba(154, 145, 192, .3);
}

.btn-side-menu-level-1, .btn-side-menu-level-1:hover, .btn-side-menu-level-1:active, .btn-side-menu-level-1:focus {
   padding: 0;
   font-family: 'Montserrat',sans-serif;
   color: var(--ds-color-azulNeutro);
   font-weight: 600;
   text-decoration: none !important;
   display: block;
   margin-top: 15px;
   margin-bottom: 4px;
   font-size: 1.15rem;
   text-transform: uppercase;
   letter-spacing: .1px;
}
.btn-side-menu-level-1::after {
   content: "\f107";
   color: var(--ds-color-azulAux2);
   margin-left: 8px;
   font-family: "FontAwesome";
   font-size: .95em;
 }
 
 .btn-side-menu-level-1[aria-expanded="true"]::after {
   content: "\f106";
 }
 .btn-side-menu-level-1-semSetinha::after, .btn-side-menu-level-1-semSetinha[aria-expanded="true"]::after {
   content: "";
}
 .btn-side-menu-level-1 img {
    width: 1.4rem;
    position: relative;
    margin-top: -.2rem;
    margin-right: .4rem;
 }

.accordion-side-menu-level-2 {
   padding-top: 4px;
   padding-bottom: 8px;
   padding-left: 1.85rem;
}

.menu-lateral-relatorio a.nav-link{
	color: #213b59;
	padding: 0;
	margin-bottom: 8px;
	padding-right: 17px;
	margin-right: -17px;
   border-right: 4px solid #fabf6900;
   border-right: none !important;
}
.navTaskicon {
   float: left;
   font-size: .9rem;
   margin-top: .08rem;
   position: absolute;
   margin-left: -1.25rem;
}

.topbar-btn-shared {
position: absolute; right: 15px; top: 0px;
}

.return-percentuais-perfil { float: left; position: relative; margin-left: 40px; margin-right: 0;}

.progress.return-percentuais-perfil-barra {
   float: left; position: relative; left: 25px; top: 7px; height: 10px; width: 210px; border-radius: 15px;
}


#mySharedLiveLinkLink.form-control, #mySharedLiveLinkLink.form-control:focus, #mySharedLiveLinkLink.form-control:active {
   background:  rgba(20, 110, 99, .1);
   border-color: rgba(20, 110, 99, .35);
   color: rgba(33, 59, 89, .6);
   font-size: .9rem;
   outline: 0 !important;
   letter-spacing: -.25px;
}
.btn-mySharedLiveLinkLink {
   font-size: .9rem;
}

.p-icon-info-curso {
   padding-left: 2.55rem;
}
.p-icon-info-curso img {
   width: 1.8rem;
   margin-left: -2.55rem;
   position: absolute;
}
.icon-info-curso {
   width: 1.8rem;
   float: left;
   margin-right: .75rem;
   padding-bottom: 26px;
}

.btn .btn-icon {
   width: 1.5rem;
   margin-left: -.5rem;
   margin-right: .5rem;
   margin-top: -.25rem;
}


a.curso-task-link {
   color: inherit !important;
   text-decoration: none;
}

.col-curso-tasks .task-subtitulo {
   background: #fff !important;
   padding-top: 0.5rem;
   padding-bottom: 1rem;
   position: relative;
   z-index: 2;
   margin-bottom: 0;
}
.col-curso-tasks .task-subtitulo::before {
   content: ' ';
   position: absolute;
   height: 80px;
   width: 40px;
   background: #fff;
   top: -70px;
   z-index: 1;
}
.curso-task {
   margin-bottom: 2.25rem;
}

.col-curso-tasks-timeline {
   height: calc(100% - 60px);
   position: absolute;
   width: 2px;
   background: var(--de-color-secondary) !important;
   margin-left: 18px;
   z-index: 1;
}

.curso-task .task-icon {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#757575+0,999999+71 */
   background: rgb(117,117,117); /* Old browsers */
   background: -moz-radial-gradient(center, ellipse cover,  rgba(117,117,117,1) 0%, rgba(153,153,153,1) 71%); /* FF3.6-15 */
   background: -webkit-radial-gradient(center, ellipse cover,  rgba(117,117,117,1) 0%,rgba(153,153,153,1) 71%); /* Chrome10-25,Safari5.1-6 */
   background: radial-gradient(ellipse at center,  rgba(117,117,117,1) 0%,rgba(153,153,153,1) 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   width: 38px;
   height: 38px;
   float: left;
   margin-right: 1rem;
   border-radius: 200px;
   box-shadow: 2px 5px 10px rgba(0,0,0,.2); 
   text-align: center;
   z-index: 3;
   position: absolute;
   border: 1px solid rgba(255,255,255,.7);
}
.curso-task .task-icon  img {
   width: 56%;
   margin-top: 15%;
}
.curso-task:hover .task-icon {
   box-shadow: 1px 6px 18px rgba(0,0,0,.4); 
}

.curso-task .task-done {
   background: var(--ds-color-success);
}
.curso-task p {
   line-height: 1.25rem;;
}
.curso-task p, .curso-task .micro {
   margin-left: 3.5rem;
}

@media (max-width: 576px) {
   .curso-task .task-icon img {
      width: 52%;
      margin-top: 7%;
   }
   .curso-task .micro {
      padding-top: .25rem;
      margin-bottom: -.28rem;
   }
   .btn-navViews.pull-left {
      float: initial;
    margin-bottom: -0.75rem;
    display: grid;
   }
   .btn-ConcluirTarefa, .btn-VerProximaTarefa {
      width: 100%;
   }
   .col-curso-tasks .curso-task-link:last-of-type .curso-task .task-icon::after  {
      content: '';
      width: 5px;
      height: 110%;
      background: #fff;
      position: absolute;
      display: block;
      margin-top: 0.5em;
      margin-left: calc(50% - 3px);
   }
}

/* use reverse flexbox to take advantage of flex-direction: reverse */
.star-rating-div {
   margin-top: 1rem;
}
.star-rating-div p.flag-avalie {
   float: left;
   font-size: 1rem;
   margin-top: .25rem;
}
.star-rating {
   display: flex;
   align-items: center;
   width: 170px;
   flex-direction: row-reverse;
   justify-content: space-between;
   margin: 0;
   left: -1rem;
   position: relative;
 }
 /* hide the inputs */
 .star-rating input {
   display: none;
 }
 /* set properties of all labels */
 .star-rating > label {
   width: 30px;
   height: 30px;
   font-family: Arial;
   font-size: 1.5rem;
   transition: 0.2s ease;
   color: #888;
 }
 /* give label a hover state */
 .star-rating label:hover {
   color: orange;
   transition: 0.2s ease;
 }
 .star-rating label:active::before {
   transform:scale(1.1);
 }
 
 /* set shape of unselected label */
 .star-rating label::before {
   /* content: '\2606'; */
   content: '\f005';
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   position: absolute;
   top: 0px;
   line-height: 26px;
 }
 /* set full star shape for checked label and those that come after it */
 .star-rating input:checked ~ label:before {
   content: '\f005';
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   color: orange !important;

 }
 
 @-moz-document url-prefix() {
   .star-rating input:checked ~ label:before {
   font-size: 36px;
   line-height: 21px;
   }
 }  


 .resultadoPesquisaTables .coluna-externa .row {
    padding-left: 15px;
    padding-right: 12%;
 }
 .resultadoPesquisaTables .coluna-externa .row .coluna {
   border-bottom: 1px solid #999;
   font-size: 1.1rem;
   line-height: 3.3rem;
   text-transform: initial;
}
.resultadoPesquisaTables .coluna-externa .row .coluna:first-letter {
   text-transform: uppercase;
 }
 /* .convergenciaBG {} */
 .convergenciaArrow {
   position: absolute;
   left: 0;
   transform: rotate(0deg);
   top: 30%;
   width: 70%;
   margin: 0 auto;
   margin-left: 15%;
}

.first-letter-uppercase:first-letter {text-transform: uppercase;}



 #feedbackFullScreenSaveProgress {
   background: rgba(255,255,255,.95);
   position: fixed;
   width: 100%;
   height: 100vh;
   z-index: 9999;
   top: 0;
   text-align: center;
   padding-top: calc(50vh + 80px);
   /* pointer-events: none; */
   display: none;
}

#loadingPage {
   background: rgba(255,255,255,.95);
   position: fixed;
   width: 100%;
   height: 100vh;
   z-index: 9999;
   top: 0;
   text-align: center;
   padding-top: calc(50vh + 80px);
   /* pointer-events: none; */
   /* display: none; */
}

/* TABELAS */
.tableRow-link {
   width: calc(100% - 30px);
     height: 35px;
     content: '';
     display: block;
     position: absolute;
     left: 15px;
     margin-top: -5px;
}

.table.ds-table {font-size: 1.15rem;}
.table.ds-table thead {font-size: .9rem; text-transform: uppercase; color: #888; font-weight: 500; font-family: 'Montserrat', sans-serif;}
.table.ds-table thead th {border-bottom: 1px solid #dee2e6;}

.table-responsive-scrollfade {
   border: 1px solid #ddd;
   border-radius: 8px;
}
.table-responsive-scrollfade table {
   border-top: 2px solid #fff;
   margin-top: 0;
   margin-bottom: 0;
}
.XXXXXXtable-responsive-scrollfade::after {
   pointer-events: none;
   opacity: 90%;
   position: absolute;
   width: calc(100% - 42px);
   margin-right: 1px;
   height: 50px;
   margin-top: -332px;
   /* bottom: 0; */
   border-radius: 10px;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */
   background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */   content: "";
}

.pretty .state-hack1 label {
   text-indent: 0 !important;
   /* min-width: calc(1em + 2px) !important; */
   margin-left: 1.75rem !important;
   margin-top: -1rem !important;
   padding-top: 7px;
   /* line-height: 1.5rem !important;   */
}

.pretty .state-hack1 label span {
   color: #222;
}


/* data tables */

.dt-buttons {margin-bottom: 1rem;}
.FiltroTitle, .FiltroTitle:hover {text-decoration: none; color: inherit; cursor: default; margin-right: .45rem; font-size: 1.1rem;}
.FiltroDataTablesBadge, .FiltroDataTablesBadge:hover, .FiltroDataTablesBadge:active, .FiltroDataTablesBadge:focus {
   background: #fff;
   border-radius: 20px;
   border: 1px solid #eaeef8;
   padding: 6px 12px;
   padding-bottom: 7px;
   font-weight: 400;
   color: #222;
   font-size: 1rem;
   margin-bottom: 1rem;
   margin-right: .5rem;
   font-size: .95rem;
   text-decoration: none;
   outline: none;
   letter-spacing: .01rem;
}
.xStatusSelecionado, .StatusTodosSelecionado {background: #eaeef8 !important;}

.pagination .page-item a {
   box-shadow: none !important; 
   padding: 8px;
   width: 40px;
   height: 40px;
   text-align: center;
   border: none !important;
   color: var(--ds-color-primary);
   border-radius: 20px;
   margin-right: 3px;
}
.pagination .page-item.active a {
   background: #eaeef8;
   color: var(--ds-color-primary-dark);
}
.pagination .page-item.next a, .pagination .page-item.previous a {
   font-size: .9rem;
   padding-top: .65rem;
   border: 1px solid #fff !important;
   border-radius: 20px;
   text-align: center;
   color: var(--ds-color-primary);
}
.pagination .page-item.next:hover a, .pagination .page-item.previous:hover a {
   border: 1px solid #f1f1f1 !important;
   background: #eaeef8;
}
.pagination .page-item.disabled a, .pagination .page-item.disabled:hover a {
   opacity: .7;
   border: 1px solid #fff !important;
   background: #fff;
}
div.dataTables_wrapper div.dataTables_info {
   margin-top: .15rem;
   border: 1px solid #eaeef8;
   padding: .35rem .75rem !important;
   width: fit-content;
   border-radius: 6px;
   font-size: .95rem;
   color: rgb(109, 111, 132);
}

.ds-div-table-radius-shadow div.dataTables_wrapper div.dataTables_info {
   margin-left: 10px;
   margin-bottom: 10px;
}
.ds-div-table-radius-shadow .div.dataTables_wrapper div.dataTables_paginate {
   margin-right: 10px;
}
.ds-div-table-radius-shadow .dt-buttons {
   padding: 15px;
   margin-bottom: -2px;
   border-bottom: 1px solid #ddd;
}

.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input:focus[type=color], .wpcf7 input:focus[type=date], .wpcf7 input:focus[type=datetime-local], .wpcf7 input:focus[type=datetime], .wpcf7 input:focus[type=email], .wpcf7 input:focus[type=file], .wpcf7 input:focus[type=month], .wpcf7 input:focus[type=number], .wpcf7 input:focus[type=range], .wpcf7 input:focus[type=search], .wpcf7 input:focus[type=submit], .wpcf7 input:focus[type=tel], .wpcf7 input:focus[type=text], .wpcf7 input:focus[type=time], .wpcf7 input:focus[type=url], .wpcf7 input:focus[type=week], .wpcf7 select:focus, .wpcf7 textarea:focus {   
   border-color: #ddd;
}
select.custom-select:focus {
   outline: none;
   box-shadow: none;
   border-color: #ddd;
}



/* PESQUISAS */

.list-group {
   list-style-type: none;
}
.list-group .list-group-item {
   border-radius: 0;
   cursor: move;
   font-size: 1rem;
   line-height: 1.25rem;
   margin-bottom: .5rem;
   height: auto;
   border: none;
   border-radius: 4px;
   background-color: var(--de-color-secondary-outline);
   color: var(--ds-color-azulNeutro);
}
.list-group .list-group-item span {
   height: 42px;
   padding-right: 1.5rem;
   display: table-cell;
   vertical-align: middle;

}
.list-group .list-group-item span:after {
   content: '\f338';
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   color: var(--de-color-secondary) !important;
   position: absolute;
   right: 1rem;
   top: 21px;
   opacity: 0;
   transition: all 100ms ease-in-out;
   -webkit-transition: all 100ms ease-in-out;
   -moz-transition: all 100ms ease-in-out;
   -ms-transition: all 100ms ease-in-out;
   -o-transition: all 100ms ease-in-out;
}
.list-group .list-group-item:hover span:after {
   opacity: 1;
}
.list-group .list-group-item:hover {
   background-color: #f7f7f7;
   }
   .list-group .list-group-item:active {
   background-color: #fff;
   }
.list-group .list-ranking-ref {
   border-radius: 0;
   cursor: move;
   margin-bottom: .5rem;
   color: var(--ds-color-azulNeutro);
   height: auto;
   height: 66px;
   display: table-cell;
   vertical-align: middle;
   font-family: 'Source Serif Pro',serif;
   font-weight: 600;
   font-size: 2rem;
   text-align: right;
   padding-top: .5rem;
}
@media (max-width: 992px) {
   .list-group .list-ranking-ref {
      height: 83px;
   }
   .pesquisaCulturaConvergencia .convergenciaArrow {
      top: 37%;
   }
}
@media (max-width: 768px) {
   .list-group .list-ranking-ref {
      height: 98px;
   }
}
@media (max-width: 576px) {
   .pesquisaCulturaConvergencia .convergenciaArrow {
      top: 37%;
   }
}
@media (max-width: 450px) {
   .pesquisaCulturaConvergencia .convergenciaArrow {
      top: 32%;
   }
   .nps-div {
      padding: 16px 18px;
   }
   .nps-div .enpsValue {
      font-size: 2.5rem;
      margin-top: -1rem;
   }
}
.pipQuest {
   width: calc(100% + 80px);
   margin-left: -40px;
   padding: 2rem 40px;
   background: var(--de-color-secondary-outline);
   margin-bottom: 0;
   color: var(--ds-color-azulNeutro)
}
.pipQuest .counterPergunta {
   float: left;
   height: 50px;
   margin-right: .5rem;
}
.pipQuest:nth-of-type(even) {
   background: #fff;
}
.pretty-pip-options:before {
   content: 'nunca';
   font-size: 1rem;
   color: #888;
   right: 0;
   margin-right: 1.25rem;
}
.pretty-pip-options:after {
   content: 'sempre';
   font-size: 1rem;
   color: #888;
   right: 0;
   margin-left: 0rem;
}
.pretty-pip-options-no-legend:after, .pretty-pip-options-no-legend:before {
   content: '' !important;
} 
.pretty-pip {
   margin-right: 1.5rem !important;
}
.pretty-pip .state i
{
   left: -1.5rem;
   position: absolute;
   top: -1.75rem;
   font-style: normal;
   font-size: 1rem;
   color: #888;
}
.pretty-pip-options .pretty-pip:after {
   content: '';
   width: 1.5rem;
   height: 2px;
   background: #ddd;
   position: absolute;
   top: 50%;
   margin-left: 50%;
}
.pretty-pip-options .pretty-pip:last-child:after {
   display: none;
}
@media (max-width: 992px) {
   .pretty-pip-options:before {
      /* display: none; */
      position: absolute;
      margin-top: 20px;
      left: -20rem;
   }
   .pretty-pip-options:after {
      position: absolute;
      margin-top: 20px;
      left: 19rem;
   }
   .pretty-pip { margin-right: 1rem !important; }
   .pretty-pip-options .pretty-pip:after {width: 1rem;}
}

.rotate-phone-required-alert {display: none;}
.rotate-phone {background: var(--de-color-secondary); border-radius: 100px; width: 50px; padding: 2px; margin: 0 auto; z-index: 2;}
.rotate-phone-text {
   margin-left: 5%; margin-right: 5%; margin-top: -25px; margin-bottom: 1.5rem; padding: .5rem; padding-top: calc(.1rem + 25px); padding-bottom: 1rem; border-radius: 8px; border: 1px solid var(--de-color-secondary);
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.25); 
   z-index: -1;
   font-size: 1rem;
   line-height: 1.2rem;
   color: var(--ds-color-azulNeutro);
}
@media(max-width: 540px) {
   .rotate-phone-required-alert {display: block;}
   .rotate-phone-required {display: none !important;}
}

/* DASHBOARD PERSORA 1.0 */
code.intervalos {
   font-family: 'Fira Code',monospace;
   font-variant-ligatures: normal;
   margin-left: 1rem;
   position: relative;
   top: -0.3rem;
   margin-bottom: 1rem;
   font-size: .7rem;
   background: #eee;
   padding: 0.2rem 0.5rem;
   border-radius: 6px;
}
span.percentuais {
   font-family: 'Fira Code',monospace;
   font-variant-ligatures: normal;
   margin-left: 1rem;
   position: relative;
   top: -0.6rem;
   margin-bottom: 1rem;
   font-size: .7rem;
   padding: 0.2rem 0.0rem;
   border-radius: 6px;
   color: var(--ds-color-primary-light) !important;
}
span.percentuaisNew {
   font-family: 'Fira Code',monospace;
   font-variant-ligatures: normal;
   font-size: .8rem;
   color: var(--ds-color-primary-light) !important;
}
.hidden-searchField .dataTables_filter {
   display: none !important;
}
.cta-centralAjuda {
   border: 1px solid #c8dae1;
   border-radius: .6rem;
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.1); 
   background: rgba(119, 199, 228, 0.104);
   padding: 17px 24px 32px 52px;
   position: relative;
   color: var(--ds-color-azulNeutro);
   text-decoration: none;
   font-size: 1.3rem;
   line-height: 1.55rem;
   display: block;
   width: fit-content;
}
.cta-centralAjuda:hover {
   color: var(--ds-color-azulNeutro);
   text-decoration: none !important;
   box-shadow: 0px 0px 8px rgba(86, 130, 177, 0.3); 
}
.cta-centralAjuda.text-white {
   color: #fff !important;
}
.cta-centralAjuda::before {
   content: '\f124';
    font-family: FontAwesome;
    color: #77C7E4;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 19px;
    pointer-events: none;
    z-index: 9;
 }
 .cta-centralAjuda p {
   margin-bottom: 0 !important;
 }
 .cta-centralAjuda p b {
   font-weight: 700;
   font-family: "Montserrat", sans-serif;
   font-size: .95rem !important;
   line-height: 1.7rem;
 }
 .cta-centralAjuda span.acessar {
   background: #bfe4f4;
   border-radius: .5rem;
   border-top-right-radius: 0;
   border-bottom-left-radius: 0;
   padding: 1px 9px 1px 12px;
   font-weight: 600;
   color: var(--ds-color-azulNeutro) !important;
   font-size: 1rem !important;
   display: inline-block;
   width: fit-content;
   position: absolute;
   right: 0;
   bottom: 0;
 }
 .cta-centralAjuda span.acessar .fas {
   font-size: .8rem;
 }
 .cta-centralAjuda:hover span.acessar {
   background: var(--ds-color-azulNeutro);
   color: #fff !important;
 }
.dashboard-container {
   border: 1px solid #dcdcdc;
   border-radius: .6rem;
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.1); 
   background: #fff;
   padding: 12px 10px;
}
.dashboard-container-reset {
   border: none !important;
   border-radius: .6rem;
   box-shadow: none !important;
   background: #fff;
   padding: 0px !important;
}
.dashboard-container-resumo {
   padding: 1.35rem 1.25rem;
   padding-right: 2rem;
   border-color: #eee;
   width: fit-content;
}
.dashboard-container-resumo-index {
   display: inline-block;
   border-left: 1px solid #eee;
   padding-right: 1.5rem;
   padding-left: 1rem;
   margin-bottom: .6rem;
}
.dashboard-container-resumo .dashboard-container-resumo-index:first-child {
   padding-left: 0;
   border-left: none;
}
.dashboard-container-resumo-index img {
   width: 38px;
}
.dashboard-container-resumo-index .img {
   display: inline-grid;
}
.dashboard-container-resumo-index .content {
   display: inline-grid;
   position: relative;
   top: -10px;
   margin-left: 15px;
}
.dashboard-container-resumo-index .content p {
   color: var(--ds-color-primary-light);
   font-size: 0.92rem;
   line-height: 1.1rem;
}
.dashboard-container-graficos {
   padding: 1.75rem 1.55rem;
   border-color: #eee;
}
.dashboard-container .col-sideNav {
   border-right: 1px solid #ddd;
   margin-bottom: -12px;
   margin-top: -12px;
   padding-top: .6rem;
   padding-bottom: .6rem;
}
.dashboard-container .col-tabPanes {
   padding: 12px 24px;
}
.dashboard-container .tab-pane {
   padding-top: .6rem;
}
.dashboard-container .col-topNav .nav-link {
   display: unset;
   width: fit-content;
   float: left;
}
.dashboard-container .nav-link {
   font-family: 'Montserrat',sans-serif;
   border-radius: 5px;
   color: #777;
   font-weight: 600;
   padding: .4rem 1.2rem;
   padding-left: .8rem;
   font-size: .95rem;
   filter: grayscale(1);
}
.dashboard-container .nav-link img {
   margin-right: 3px;
}
.dashboard-container.dashboard-container-navLinkWithBg .nav-link {
   background: #f1f1f1;
}
.dashboard-container.dashboard-container-navLinkWithBg .nav-link span {
   display: none;
}
@media(min-width: 768px) {
   .dashboard-container.dashboard-container-navLinkWithBg .nav-link span {
      display: inline-block;
   }
}
.dashboard-container .nav-link.active {
   font-family: 'Montserrat',sans-serif;
   background: #BFE4F4;
   color: var(--ds-color-azulNeutro);
   filter: grayscale(0);
}
.dashboard-container.dashboard-container-navLinkWithBg .nav-link.active span {
   display: inline-block;
}
.dashboard-container .dashboard-container-barGraph {
   display: inline-block;
   margin-right: 1.2rem;
   margin-top: 1rem;
   line-height: 1.25rem;
}
.dashboard-container .dashboard-container-barGraph .bullet {
   content: '.';
   width: 9px;
   height: 9px;
   border-radius: 10px;
   background: #77C7E4;
   position: absolute;
   margin-left: -1.25rem;
   margin-top: .4rem;
}
.dashboard-container .dashboard-container-barGraph small {
   padding-left: 1.25rem;
   line-height: 1rem;
}
.dashboard-container .dashboard-container-barGraph .bar {
   height: 9px !important;
   min-width: 160px;
   max-width: 180px;
   border-radius: 50px;
   background: #EEF0F2;
   padding: 0;
   
}
.dashboard-container .dashboard-container-barGraph .bar .progress {
   content: '.';
   padding: 0;
   background: #77C7E4 !important;
   height: 100%;
}


/* NOVA ABA DE TIME/EQUIPE */


.card-colab {
   border: 1px solid #dcdcdc;
   border-radius: .6rem;
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.1); 
   background: #fff;
   padding: 12px 10px;
   font-size: 0.92rem;
   line-height: 1.1rem;
   overflow: hidden !important;
}
.card-colab p {
   font-size: 0.92rem;
   line-height: 1.1rem;
   overflow: hidden;
}
.card-colab .card-nome {
   /* width: max-content; */
   width: fit-content;
   height: 1.15rem !important;
}
.opacity0 {
   opacity: 0;
}
.card-colab .opacity60 {
   opacity: .6;
}
.card-colab .opacity70 {
   opacity: .7;
}
.card-colab .opacity100 {
   opacity: 1;
}
.card-colab .perfil {
   width: fit-content;
   position: absolute;
   display: block;
   pointer-events: none;
   text-align: right;
   right: 12px;
   top: 6px;
   font-size: 2.1rem;
   font-weight: 700;
   opacity: 1;
   padding: 5px;
   background: #fff;
   z-index: 2;
}
.card-colab .perfil-boxShadowLider {
   background: #e6f8ff;
}
.card-colab .perfil::before {
   content: "";
   background: red;
   height: 20px;
   position: absolute;
   display: block;
   z-index: -1;
   width: calc(100% + 40px);
   right: -2px;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0&0+0,1+38 */
   background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.card-colab .perfil-boxShadowLider::before {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6f8ff+0&0+0,1+38 */
   background: -moz-linear-gradient(left,  rgba(230,248,255,0) 0%, rgba(230,248,255,1) 38%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  rgba(230,248,255,0) 0%,rgba(230,248,255,1) 38%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  rgba(230,248,255,0) 0%,rgba(230,248,255,1) 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e6f8ff', endColorstr='#e6f8ff',GradientType=1 ); /* IE6-9 */
}
.card-colab code.percPefis {
   font-family: 'Fira Code',monospace;
   color: var(--ds-color-primary-ligh);
   letter-spacing: -.025rem;
}
.card-colab .progress {
   width: calc(100%);
   left: 0;
   border-radius: 20px;
   height: 4px;
}
.card-colab .btn-small {
   padding: 3px 7px !important;
}

.btn-secondary.btn-group-filter {
   border: 1px solid rgba(79, 101, 134, 0.4);
}
.btn-secondary.btn-group-filter.active {
   background-color: rgba(79, 101, 134, 0.8) !important;
   color: #fff;
}

.btn-group-filter-dropdown select {
   font-family: 'Montserrat',sans-serif;;
   border-radius: 0;
   font-weight: 600;
   font-size: .85rem;
   background: #BFE4F4 !important;
   border: 1px solid rgba(79, 101, 134, 0.6) !important;
   color: var(--ds-color-azulNeutro) !important;
   box-shadow: none !important;
   cursor: pointer;
}
.btn-group-filter-dropdown:hover select {
   background: #add8ea !important;
}

/* .btn-secondary:hover {
   background: #add8ea;
   border: 1px solid #add8ea;
   color: var(--ds-color-azulNeutro);
} */


/* SAÚDE MENTAL */

.card-saudementalBV {
   border: 1px solid #dcdcdc;
   border-radius: .6rem;
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.1); 
   background: #fff;
   padding: 1.3rem;
   font-size: 0.92rem;
   line-height: 1.1rem;
   overflow: hidden !important;
}

.bg-escala-saudeMental {
   width: 100%;
   height: 20px;
   border-radius: 5px;
   position: relative;
}
.videoAvSaudeMental {
border-radius: 5px;
overflow: hidden !important;
}
.bg-escala-saudeMental-depressao {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3fbe89+11,fabf69+40,fabf69+58,ef6c64+82 */
   background: #3fbe89; /* Old browsers */
   background: -moz-linear-gradient(left,  #3fbe89 11%, #fabf69 40%, #fabf69 65%, #ef6c64 85%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  #3fbe89 11%,#fabf69 40%,#fabf69 65%,#ef6c64 85%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  #3fbe89 11%,#fabf69 40%,#fabf69 65%,#ef6c64 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fbe89', endColorstr='#ef6c64',GradientType=1 ); /* IE6-9 */
}
.bg-escala-saudeMental-ansiedade {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3fbe89+11,fabf69+40,fabf69+58,ef6c64+82 */
   background: #3fbe89; /* Old browsers */
   background: -moz-linear-gradient(left,  #3fbe89 11%, #fabf69 45%, #fabf69 61%, #ef6c64 85%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  #3fbe89 11%,#fabf69 45%,#fabf69 61%,#ef6c64 85%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  #3fbe89 11%,#fabf69 45%,#fabf69 61%,#ef6c64 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fbe89', endColorstr='#ef6c64',GradientType=1 ); /* IE6-9 */
}
.bg-escala-saudeMental-estresse {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3fbe89+11,fabf69+40,fabf69+58,ef6c64+82 */
   background: #3fbe89; /* Old browsers */
   background: -moz-linear-gradient(left,  #3fbe89 11%, #fabf69 47%, #fabf69 64%, #ef6c64 85%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  #3fbe89 11%,#fabf69 47%,#fabf69 64%,#ef6c64 85%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  #3fbe89 11%,#fabf69 47%,#fabf69 64%,#ef6c64 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fbe89', endColorstr='#ef6c64',GradientType=1 ); /* IE6-9 */
}
.bg-escala-saudeMental-depressao::before, .bg-escala-saudeMental-ansiedade::before, .bg-escala-saudeMental-estresse::before {
content: "0";
position: absolute;
font-size: .8rem;
width: 20px;
text-align: center;
color: #555;
margin-top: 15px;
left: -8px;
}
.bg-escala-saudeMental-depressao::after, .bg-escala-saudeMental-ansiedade::after, .bg-escala-saudeMental-estresse::after{
content: "28+";
position: absolute;
font-size: .8rem;
width: 20px;
text-align: center;
color: #555;
margin-top: 15px;
right: -8px;
}
.bg-escala-saudeMental-ansiedade::after {
content: "20+";
}
.bg-escala-saudeMental-estresse::after {
content: "34+";
}
.bg-escala-saudeMental .ultimaAv {
font-size: 1rem;
opacity: .9;
}
.bg-escala-saudeMental .ultimaAv.penultimaAv {
font-size: 1rem;
opacity: .9;
position: absolute;
padding-left: 2px;
left: 0;
z-index: 9;
top: -1px;
}
.bg-escala-saudeMental .ultimaAv.fa-arrow-up {
position: absolute;
left: 0;
z-index: 9;
margin-top: 15px;
}
.bg-escala-saudeMental .ultimaAv.fa-arrow-down {
position: absolute;
left: 0;
z-index: 9;
margin-top: -15px;
}
.bg-escala-saudeMental .marco {
height: 100%;
width: 2px;
position: absolute;
background: #fff;
}
.bg-escala-saudeMental .marco::after {
position: absolute;
font-size: .8rem;
width: 40px;
text-align: center;
color: #555;
margin-top: 15px;
}
.bg-escala-saudeMental .escalaDepressao .marco1 {
margin-left: 33%;
}
.bg-escala-saudeMental .escalaDepressao .marco1::after {
content: "9 ‏‏ ‎ 10";
margin-left: -17px;
}
.bg-escala-saudeMental .escalaDepressao .marco2 {
margin-left: 76.7%;
}
.bg-escala-saudeMental .escalaDepressao .marco2::after {
content: "20 ‏‏ ‎ 21";
margin-left: -19px;
}
.bg-escala-saudeMental .escalaAnsiedade .marco1 {
margin-left: 37.5%;
}
.bg-escala-saudeMental .escalaAnsiedade .marco1::after {
content: "7 ‏‏ ‎ 8";
margin-left: -19px;
}
.bg-escala-saudeMental .escalaAnsiedade .marco2 {
margin-left: 72.5%;
}
.bg-escala-saudeMental .escalaAnsiedade .marco2::after {
content: "14 ‏‏ ‎ 15";
margin-left: -19px;
}
.bg-escala-saudeMental .escalaEstresse .marco1 {
margin-left: 42.6%;
}
.bg-escala-saudeMental .escalaEstresse .marco1::after {
content: "14 ‏‏ ‎ 15";
margin-left: -18px;
}
.bg-escala-saudeMental .escalaEstresse .marco2 {
margin-left: 75%;
}
.bg-escala-saudeMental .escalaEstresse .marco2::after {
content: "25 ‏‏ ‎ 26";
margin-left: -19px;
}
.badge-asmental {
border: 1px solid #eee;
background: #f7f7f7;
font-size: .9rem;
color: #213B59;
}

.pSituacaoSaudeMental {
   font-size: 1.075rem;
   line-height: 1.35rem;
}


/* Área de Talento Styles */
.ponto-verde {width: 6px; height: 6px; background: #5CBC8E; border-radius: 5px; position: absolute;  box-shadow: 0px 0px 9px #5CBC8E; z-index: 4;}
.circunferencia-verde {width: 34%; height: 44%; background: #5CBC8E33; border-radius: 100px; position: absolute; border: 1px solid #5CBC8E; z-index:3;}
.ponto-verdeAnterior {width: 7px; height: 7px; background: rgba(92, 189, 142, .3); border: 1px dashed #5CBC8E; border-radius: 5px; position: absolute;  box-shadow: 0px 0px 9px #5CBC8E; z-index: 2;}
.circunferencia-verdeAnterior {width: 34%; height: 44%; background: none; border-radius: 90px; position: absolute; border: 1px dashed #4F6586; z-index: 1; opacity: .4;}
.ponto-vermelho {width: 5px; height: 5px; background: #E07358; border-radius: 5px; position: absolute; box-shadow: 0px 0px 9px #E07358; z-index: 4;}
.ponto-vermelhoAnterior {width: 7px; height: 7px; background: rgba(224, 115, 88, .3); border: 1px dashed #E07358; border-radius: 5px; position: absolute; box-shadow: 0px 0px 9px #E07358; z-index: 3;}
.camada-tooltip-talentos {
width: 100%;
height: 100%;
position: absolute;
z-index: 9;
}
.tooltip-talentos-default {position: absolute; width: 10%; height: 12%; border-radius: 50%;}
.tooltip-talento-1 {margin-left: 12.5%;margin-top: 62%;}
.tooltip-talento-2 {margin-left: 29.5%;margin-top: 45%;}
.tooltip-talento-3 {margin-left: 3.5%;margin-top: 30%;}
.tooltip-talento-4 {margin-left: 10%;margin-top: 7%;}
.tooltip-talento-5 {margin-left: 18%;margin-top: 24.5%;}
.tooltip-talento-6 {margin-left: 36%;margin-top: 24.5%;}
.tooltip-talento-7 {margin-left: 45%;margin-top: 5%;}
.tooltip-talento-8 {margin-left: 81%;margin-top: 7%;}
.tooltip-talento-9 {margin-left: 61%;margin-top: 24.5%;}
.tooltip-talento-10 {margin-left: 84.5%;margin-top: 30%;}
.tooltip-talento-11 {margin-left: 79%;margin-top: 61.5%}
.tooltip-talento-12 {margin-left: 58%;margin-top: 44%;}
.tooltip-talento-13 {margin-left: 45.5%;margin-top: 64.5%;}

/* BLOG YAGO */

 
 .section-blog-posts{
   margin-top:-5rem;
 }
 
 .container-main-content{
   border-radius: 15px;
   padding:2rem 0px;
 }

 
 .blog-post-titles-md{
   font-family:'Raleway', sans-serif;
   font-size:1.3rem;
   line-height: 1.7rem !important;
   color:#223b59;
 }
 
 
 .blog-post-linear-title{
   font-family:'Raleway', sans-serif;
   font-size:1.5rem;
   line-height: 2rem;
   color:#F2F2F2;
 }
 
 .blog-post-linear{
   border-radius: 8px;
 }
 
 .blog-post-body-md{
   padding-top:195px;
 }
 
 .card-img-top{
   width:65% !important;
   border-radius:5px;
 }
 
 .card-footer{
   padding:5px !important;
   border-top:none !important;
   background:white !important;
   height:160px;
 }
 
 .card-footer-md{
   height:160px; padding:0 10px 0 10px !important;
 }
 
 .badge-comportamento{
   /* cores (só trocar o hex) */
   border:1px #0d4544 solid;
   border-radius:5px;
   color:#0d4544;
   /* formatações da badge */
   background-color: transparent;
   text-transform: uppercase;
   font-size:0.8rem;
   margin-top:5px !important;
   border-radius:5px;
 }
 
 .badge-mercado{
   /* cores (só trocar o hex) */
   border:1px #fabf69 solid;
   color:#fabf69;
   /* formatações da badge */
   background-color: transparent;
   text-transform: uppercase;
   font-size:0.8rem;
   margin-top:5px !important;
   border-radius:5px;
 }
 
 .badge-cultura{
 /* cores (só trocar o hex) */
 border:1px #3EB286 solid;
 color:#3EB286;
 /* formatações da badge */
 border-radius:5px;
 background-color: transparent;
 text-transform: uppercase ;
 font-size:0.8rem;
 margin-top:5px !important;
 }
 
 .badge-pessoas{
   /* cores (só trocar o hex) */
   border:1px #9C92C5 solid;
   color:#9C92C5;
   /* formatações da badge */
   border-radius:5px;
   background-color: transparent;
   text-transform: uppercase ;
   font-size:0.8rem;
   margin-top:5px !important;
   }
 
 .badge-time{
   /* cores (só trocar o hex) */
   border:1px #77c7e4 solid;
   color:#77c7e4;
   /* formatações da badge */
   border-radius:5px;
   background-color: transparent;
   text-transform: uppercase ;
   font-size:0.8rem;
   margin-top:5px !important;
   }
 
 .badge-produto{
   /* cores (só trocar o hex) */
   border:1px #fabf69 solid;
   color:#fabf69;
   /* formatações da badge */
   border-radius:5px;
   background-color: transparent;
   text-transform: uppercase ;
   font-size:0.8rem;
   margin-top:5px !important;
   }
 
   .badge-liderança{
     /* cores (só trocar o hex) */
     border:1px #ef6c64 solid;
     color:#ef6c64;
     /* formatações da badge */
     border-radius:5px;
     background-color: transparent;
     text-transform: uppercase ;
     font-size:0.8rem;
     margin-top:5px !important;
     }
 
 
 
 .circulo-lateral-amarelo{
   width: 90px;
   height: 90px;
   background: #FAC06A;
   border-radius: 50%;
   position: absolute;
   top: 290px;
   right: -190px;
 }
 
 .circulo-lateral-vermelho{
   position: absolute;
   top: 120px;
   left: -110px;
 
 }
 
 .circulo-lateral-roxo{
   position: absolute;
   top: 700px;
   right: -170px;
 }
 
 .circulo-lateral-verde{
   position: absolute;
   top: 1100px;
   left: -180px;
 }
 
 @media only screen and (max-width: 600px){
   .circulo-lateral-verde{
     display:none;
   }
   .circulo-lateral-roxo{
     display:none;
   }
   .circulo-lateral-amarelo{
     display:none;
   }
   .circulo-lateral-vermelho{
     display:none;
   }
   .card-footer-md{
     height:120px;
     padding:0 10px 0 10px;
   }
   .card-footer{
     height:120px;
   }
 }
 
 .card-post{
   transition: all .2s ease-in-out;
 }
 .card-post:hover{
   transform: scale(1.03);
 }
 .circulo-lateral-amarelo{
   transition: all .2s ease-in-out;
 }
 .card-post:hover #circulo-amarelo1{
   transform: scale(1.04);
 }
 
 .blog-post-linear{
   transition: all .2s ease-in-out;
 }
 .blog-post-linear:hover{
   transform: scale(1.03);
 }
 
 .btn-menu-lateral-show-hidden {
    display: none;
 }
@media (max-width: 992px) {
   .btn-menu-lateral-show-hidden {
      transition: all 260ms ease-in-out;
      -webkit-transition: all 260ms ease-in-out;
      -moz-transition: all 260ms ease-in-out;
      -ms-transition: all 260ms ease-in-out;
      -o-transition: all 260ms ease-in-out;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      position: fixed;
      border: none;
      right: 0;
      font-size: 16px;
      width: 100%;
      top: 104px;
      outline: none !important;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      color: var(--ds-color-azulAux2);
      background: var(--ds-color-primary-dark);
      padding: 15px 15px 5px;
      z-index: 999;
   }
   .btn-menu-lateral-show-hidden.navbar-scroll {
      top: 78px !important;
   }
   .btn-menu-lateral-show-hidden.oppened {
      /* left: auto;
      position: absolute;
      margin-right: 35px; */
      color: var(--ds-color-danger);
      /* color: #fff; */
      /* background: var(--ds-color-danger); */
      /* margin-right: 1rem; */
   }
   .menu-lateral-relatorio-hidden-mobile {
      transition: all 160ms ease-in-out;
      -webkit-transition: all 160ms ease-in-out;
      -moz-transition: all 160ms ease-in-out;
      -ms-transition: all 160ms ease-in-out;
      -o-transition: all 160ms ease-in-out;
      display: block;
      position: absolute;
      z-index: 10;
      background: #fff;
      border: 1px solid;
      border-radius: 1rem;
      width: 100%;
      padding: 30px 30px 20px !important;
      /* padding-bottom: 15px !important;
      padding-left: 55px !important; */
      /* margin-left: calc(-65px); */
      /* margin-left: calc(-100% - 55px); */
      margin-left: -15px;
      margin-top: -200%;
      border: none; box-shadow: 0px 6px 30px rgba(0,0,0,.3);
   }
   .menu-lateral-relatorio-hidden-mobile.isVisible {
      /* margin-left: calc(-65px); */
      margin-top: -15px;
   }
   .menu-lateral-relatorio a.nav-link.active {
      color: inherit;
   }
}
@media (max-width: 767px) {
   .menu-lateral-relatorio-hidden-mobile {
      /* margin-left: calc(-100%); */
   }
}


/* ANOTAÇÕES E COMENTÁRIOS FEEDBACKS 2022 */
.anotacao-container {
   position: relative;
   border: 1px solid #dcdcdc;
   border-radius: .6rem;
   box-shadow: 0px 0px 8px rgba(85, 98, 112, 0.1); 
   /* background: #e6f8ff; */
   background: #F4FBFD;
   padding: 14px 16px;
   color: #223B59;
   font-size: 1.1rem;
}
.anotacao-container p {
   margin-bottom: .3rem;
}
.anotacao-container span.usuarioAutor {
   font-weight: 600;
}
.anotacao-container .anotacao p {
   font-size: 1.05rem;
   line-height: 1.3rem;
   margin-bottom: .3rem;
}
.anotacao-container .anotacao ol, .anotacao-container .anotacao ul {
   margin-top: .5rem;
   font-size: 1rem;
   line-height: 1.4rem;
   margin-bottom: .8rem;
}
.anotacao-container .anotacao ul  {
   padding-left: 2.3rem;
}
.anotacao-container .anotacao ul li {
   font-size: 1rem;
   line-height: 1.4rem;
}
/* .anotacao-container .dataCriacao {
   position: absolute;
   right: 15px;
   top: 14px;
   background: #dfe7f2;
   color: #213B59;
   font-size: .9rem;
   padding: 0px 8px;
   border-radius: 4px;
} */
.anotacao-container .dataCriacao {
   color: #777;
   font-size: .92rem;
}
@media (max-width: 450px) {
   .anotacao-container .dataCriacao {
      display: block;
      margin-top: -5px;
   }
}
.anotacao-container .tagPrivacidade {
   position: absolute;
   right: 15px;
   top: 14px;
   background: #dfe7f2;
   color: #213B59;
   font-size: .9rem;
   padding: 0px 8px;
   border-radius: 4px;
}
/* #ajaxResultFeedbacksUsuarioLogado .anotacao-container .tagPrivacidade {
   display: none !important;
} */
.anotacao-container .tagPrivacidade.privada {
   background: rgba(239, 108, 100,.4);
   color: #AC323F;
}
.anotacao-container .tagPrivacidade.publicaLider {
   background: rgba(250, 191, 105, .6);
   color: #9d731f;
}
.anotacao-container .tagPrivacidade.publicaLiderColab {
   background: rgba(92, 188, 142,.4);
   color: #146E63;
}
.anotacao-container .tagPrivacidade.publicaColab {
   background: rgba(92, 188, 142,.4);
   color: #146E63;
}
.anotacao-container .collapseComentariosAnotacoes {
   margin-top: .8rem;
   /* border-left: 1px solid #ddd; */
}
.anotacao-container .collapseComentariosAnotacoes .card {
   padding: 15px 20px;
   padding-bottom: 0;
}
.anotacao-container .comentarioEmAnotacao {
   font-size: 1rem;
   line-height: 1.35rem;
   color: #444;
   margin-bottom: .6rem;
}
.anotacao-container .comentarioEmAnotacao .dataCriacaoComentario {
   color: #888;
}

/* CHARTJS */
.chartWrapper {
   position: relative;
}

.chartWrapper > canvas {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events:none;
}

.chartAreaWrapper {
   width: 15000px;
   overflow-x: scroll;
}



.spin {
  transform: rotate(20deg);
	animation: spin 2.0s alternate infinite;
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-o-animation: spin 2.0s alternate infinite;
	-moz-transform: rotate(20deg);
	-moz-animation: spin 2.0s alternate infinite;
	-webkit-transform: rotate(20deg);
	-webkit-animation: spin 2.0s alternate infinite;
	
}

@keyframes spin {
   0%{
       transform:scale(1) rotate(0deg);
   }
  50% {
     transform:scale(1) rotate(80deg);
  }
  100% {
     transform:scale(1) rotate(-180deg);
  }
}

@-o-keyframes spin {
   0%{
       -webkit-transform:scale(1) rotate(0deg);
   }
  50% {
     -webkit-transform:scale(1) rotate(80deg);
  }
  100% {
     -webkit-transform:scale(1) rotate(-180deg);
  }
}

@-moz-keyframes spin {
   0%{
       -webkit-transform:scale(1) rotate(0deg);
   }
  50% {
     -webkit-transform:scale(1) rotate(80deg);
  }
  100% {
     -webkit-transform:scale(1) rotate(-180deg);
  }
}

@-webkit-keyframes spin {
   0%{
       -webkit-transform:scale(1) rotate(0deg);
   }
  50% {
     -webkit-transform:scale(1) rotate(80deg);
  }
  100% {
     -webkit-transform:scale(1) rotate(-180deg);
  }
}



.container-three-body {
   padding: 1rem; position: absolute; 
   border-radius: 6px;
   z-index: 9;
 }
 .three-body {
 --uib-size: 35px;
 --uib-speed: 0.8s;
 --uib-color: var(--ds-color-azulAux1);
 /* position: relative; */
 position: absolute;
 display: inline-block;
 height: var(--uib-size);
 width: var(--uib-size);
 animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
}

.three-body__dot {
 position: absolute;
 height: 100%;
 width: 30%;
}

.three-body__dot:after {
 content: '';
 position: absolute;
 height: 0%;
 width: 100%;
 padding-bottom: 100%;
 background-color: var(--uib-color);
 border-radius: 50%;
}

.three-body__dot:nth-child(1) {
 bottom: 5%;
 left: 0;
 transform: rotate(60deg);
 transform-origin: 50% 85%;
}

.three-body__dot:nth-child(1)::after {
 bottom: 0;
 left: 0;
 animation: wobble1 var(--uib-speed) infinite ease-in-out;
 animation-delay: calc(var(--uib-speed) * -0.3);
}

.three-body__dot:nth-child(2) {
 bottom: 5%;
 right: 0;
 transform: rotate(-60deg);
 transform-origin: 50% 85%;
}

.three-body__dot:nth-child(2)::after {
 bottom: 0;
 left: 0;
 animation: wobble1 var(--uib-speed) infinite
    calc(var(--uib-speed) * -0.15) ease-in-out;
}

.three-body__dot:nth-child(3) {
 bottom: -5%;
 left: 0;
 transform: translateX(116.666%);
}

.three-body__dot:nth-child(3)::after {
 top: 0;
 left: 0;
 animation: wobble2 var(--uib-speed) infinite ease-in-out;
}

@keyframes spin78236 {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}

@keyframes wobble1 {
 0%,
  100% {
  transform: translateY(0%) scale(1);
  opacity: 1;
 }

 50% {
  transform: translateY(-66%) scale(0.65);
  opacity: 0.8;
 }
}

@keyframes wobble2 {
 0%,
  100% {
  transform: translateY(0%) scale(1);
  opacity: 1;
 }

 50% {
  transform: translateY(66%) scale(0.65);
  opacity: 0.8;
 }
}


 .cssload-dots{width:0;height:0;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;outline:1px solid red;filter:url(#goo);-o-filter:url(#goo);-ms-filter:url(#goo);-webkit-filter:url(#goo);-moz-filter:url(#goo)}.cssload-dot{width:0;height:0;position:absolute;left:0;top:0}.cssload-dot:before{content:"";width:28px;height:28px;border-radius:40px;background:#e07358;position:absolute;left:50%;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);margin-left:-13.5px;margin-top:-13.5px}.cssload-dot:nth-child(5):before{z-index:100;width:36.5px;height:36.5px;margin-left:-17.75px;margin-top:-17.75px;animation:cssload-dot-colors 5.2s ease infinite;-o-animation:cssload-dot-colors 5.2s ease infinite;-ms-animation:cssload-dot-colors 5.2s ease infinite;-webkit-animation:cssload-dot-colors 5.2s ease infinite;-moz-animation:cssload-dot-colors 5.2s ease infinite}.cssload-dot:nth-child(1){animation:cssload-dot-rotate-1 5.2s 0s linear infinite;-o-animation:cssload-dot-rotate-1 5.2s 0s linear infinite;-ms-animation:cssload-dot-rotate-1 5.2s 0s linear infinite;-webkit-animation:cssload-dot-rotate-1 5.2s 0s linear infinite;-moz-animation:cssload-dot-rotate-1 5.2s 0s linear infinite}.cssload-dot:nth-child(1):before{background-color:#f1c176;animation:cssload-dot-move 5.2s 0s ease infinite;-o-animation:cssload-dot-move 5.2s 0s ease infinite;-ms-animation:cssload-dot-move 5.2s 0s ease infinite;-webkit-animation:cssload-dot-move 5.2s 0s ease infinite;-moz-animation:cssload-dot-move 5.2s 0s ease infinite}.cssload-dot:nth-child(2){animation:cssload-dot-rotate-2 5.2s 1.3s linear infinite;-o-animation:cssload-dot-rotate-2 5.2s 1.3s linear infinite;-ms-animation:cssload-dot-rotate-2 5.2s 1.3s linear infinite;-webkit-animation:cssload-dot-rotate-2 5.2s 1.3s linear infinite;-moz-animation:cssload-dot-rotate-2 5.2s 1.3s linear infinite}.cssload-dot:nth-child(2):before{background-color:#9a91c0;animation:cssload-dot-move 5.2s 1.3s ease infinite;-o-animation:cssload-dot-move 5.2s 1.3s ease infinite;-ms-animation:cssload-dot-move 5.2s 1.3s ease infinite;-webkit-animation:cssload-dot-move 5.2s 1.3s ease infinite;-moz-animation:cssload-dot-move 5.2s 1.3s ease infinite}.cssload-dot:nth-child(3){animation:cssload-dot-rotate-3 5.2s 2.6s linear infinite;-o-animation:cssload-dot-rotate-3 5.2s 2.6s linear infinite;-ms-animation:cssload-dot-rotate-3 5.2s 2.6s linear infinite;-webkit-animation:cssload-dot-rotate-3 5.2s 2.6s linear infinite;-moz-animation:cssload-dot-rotate-3 5.2s 2.6s linear infinite}.cssload-dot:nth-child(3):before{background-color:#5cbc8e;animation:cssload-dot-move 5.2s 2.6s ease infinite;-o-animation:cssload-dot-move 5.2s 2.6s ease infinite;-ms-animation:cssload-dot-move 5.2s 2.6s ease infinite;-webkit-animation:cssload-dot-move 5.2s 2.6s ease infinite;-moz-animation:cssload-dot-move 5.2s 2.6s ease infinite}.cssload-dot:nth-child(4){animation:cssload-dot-rotate-4 5.2s 3.9s linear infinite;-o-animation:cssload-dot-rotate-4 5.2s 3.9s linear infinite;-ms-animation:cssload-dot-rotate-4 5.2s 3.9s linear infinite;-webkit-animation:cssload-dot-rotate-4 5.2s 3.9s linear infinite;-moz-animation:cssload-dot-rotate-4 5.2s 3.9s linear infinite}.cssload-dot:nth-child(4):before{background-color:#e07358;animation:cssload-dot-move 5.2s 3.9s ease infinite;-o-animation:cssload-dot-move 5.2s 3.9s ease infinite;-ms-animation:cssload-dot-move 5.2s 3.9s ease infinite;-webkit-animation:cssload-dot-move 5.2s 3.9s ease infinite;-moz-animation:cssload-dot-move 5.2s 3.9s ease infinite}@keyframes cssload-dot-move{0%{transform:translateY(0)}18%,22%{transform:translateY(-56px)}100%,40%{transform:translateY(0)}}@-o-keyframes cssload-dot-move{0%{-o-transform:translateY(0)}18%,22%{-o-transform:translateY(-56px)}100%,40%{-o-transform:translateY(0)}}@-ms-keyframes cssload-dot-move{0%{-ms-transform:translateY(0)}18%,22%{-ms-transform:translateY(-56px)}100%,40%{-ms-transform:translateY(0)}}@-webkit-keyframes cssload-dot-move{0%{-webkit-transform:translateY(0)}18%,22%{-webkit-transform:translateY(-56px)}100%,40%{-webkit-transform:translateY(0)}}@-moz-keyframes cssload-dot-move{0%{-moz-transform:translateY(0)}18%,22%{-moz-transform:translateY(-56px)}100%,40%{-moz-transform:translateY(0)}}@keyframes cssload-dot-colors{0%{background-color:#e07358}25%{background-color:#f1c176}50%{background-color:#9a91c0}75%{background-color:#5cbc8e}100%{background-color:#e07358}}@-o-keyframes cssload-dot-colors{0%{background-color:#e07358}25%{background-color:#f1c176}50%{background-color:#9a91c0}75%{background-color:#5cbc8e}100%{background-color:#e07358}}@-ms-keyframes cssload-dot-colors{0%{background-color:#e07358}25%{background-color:#f1c176}50%{background-color:#9a91c0}75%{background-color:#5cbc8e}100%{background-color:#e07358}}@-webkit-keyframes cssload-dot-colors{0%{background-color:#e07358}25%{background-color:#f1c176}50%{background-color:#9a91c0}75%{background-color:#5cbc8e}100%{background-color:#e07358}}@-moz-keyframes cssload-dot-colors{0%{background-color:#e07358}25%{background-color:#f1c176}50%{background-color:#9a91c0}75%{background-color:#5cbc8e}100%{background-color:#e07358}}@keyframes cssload-dot-rotate-1{0%{transform:rotate(-105deg)}100%{transform:rotate(270deg)}}@-o-keyframes cssload-dot-rotate-1{0%{-o-transform:rotate(-105deg)}100%{-o-transform:rotate(270deg)}}@-ms-keyframes cssload-dot-rotate-1{0%{-ms-transform:rotate(-105deg)}100%{-ms-transform:rotate(270deg)}}@-webkit-keyframes cssload-dot-rotate-1{0%{-webkit-transform:rotate(-105deg)}100%{-webkit-transform:rotate(270deg)}}@-moz-keyframes cssload-dot-rotate-1{0%{-moz-transform:rotate(-105deg)}100%{-moz-transform:rotate(270deg)}}@keyframes cssload-dot-rotate-2{0%{transform:rotate(165deg)}100%{transform:rotate(540deg)}}@-o-keyframes cssload-dot-rotate-2{0%{-o-transform:rotate(165deg)}100%{-o-transform:rotate(540deg)}}@-ms-keyframes cssload-dot-rotate-2{0%{-ms-transform:rotate(165deg)}100%{-ms-transform:rotate(540deg)}}@-webkit-keyframes cssload-dot-rotate-2{0%{-webkit-transform:rotate(165deg)}100%{-webkit-transform:rotate(540deg)}}@-moz-keyframes cssload-dot-rotate-2{0%{-moz-transform:rotate(165deg)}100%{-moz-transform:rotate(540deg)}}@keyframes cssload-dot-rotate-3{0%{transform:rotate(435deg)}100%{transform:rotate(810deg)}}@-o-keyframes cssload-dot-rotate-3{0%{-o-transform:rotate(435deg)}100%{-o-transform:rotate(810deg)}}@-ms-keyframes cssload-dot-rotate-3{0%{-ms-transform:rotate(435deg)}100%{-ms-transform:rotate(810deg)}}@-webkit-keyframes cssload-dot-rotate-3{0%{-webkit-transform:rotate(435deg)}100%{-webkit-transform:rotate(810deg)}}@-moz-keyframes cssload-dot-rotate-3{0%{-moz-transform:rotate(435deg)}100%{-moz-transform:rotate(810deg)}}@keyframes cssload-dot-rotate-4{0%{transform:rotate(705deg)}100%{transform:rotate(1080deg)}}@-o-keyframes cssload-dot-rotate-4{0%{-o-transform:rotate(705deg)}100%{-o-transform:rotate(1080deg)}}@-ms-keyframes cssload-dot-rotate-4{0%{-ms-transform:rotate(705deg)}100%{-ms-transform:rotate(1080deg)}}@-webkit-keyframes cssload-dot-rotate-4{0%{-webkit-transform:rotate(705deg)}100%{-webkit-transform:rotate(1080deg)}}@-moz-keyframes cssload-dot-rotate-4{0%{-moz-transform:rotate(705deg)}100%{-moz-transform:rotate(1080deg)}}