: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: #77C7E4;
   --de-color-secondary-dark: #4296B2;
   --de-color-secondary-outline: #F4FBFD;
   --ds-color-warning: #FABF69;
   --ds-color-warning-dark: #EFAD2C;
   --ds-color-danger: #EF6C64;
   --ds-color-danger-dark: #AC323F;
   --ds-color-success: #3FBE89;
   --ds-color-success-dark: #146E63;

}
body {font-family: 'Source Sans Pro', sans-serif;}

body p {font-size: 1.1rem;}

body ul {
   padding-left: 20px;
}
body ul li {
   font-size: 1.1rem;
   padding: 0;
}

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

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

@media(min-width: 1200px) {
   .overflowHiddenOnlyIfscreenWidth1200px {
      overflow: hidden !important;
   }
}
@media(max-width: 1200px) {
   .overflowHiddenOnlyIfscreenWidth1200px {
      border: 1px solid #bbb !important;
   }
}
.cursor-pointer:hover {cursor: pointer;}

.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;
}

.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-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;}

.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-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;
}

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


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;
}

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

.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;
}


/* NOVO HEADER */
.nav-link-acessar {
   border-radius: 6px;
   background: var(--ds-color-azulNeutro);
   outline: none !important;
   padding: 4px 14px !important;
   margin-top: -3px;
}
.nav-link-acessar:hover {
   background: var(--ds-color-primary-dark);
}
.nav-link-acessar:focus {
   background: var(--de-color-secondary-dark);
}
.dropdown-acessar {
	border-radius: 6px;
	font-size: .9rem;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(118, 145, 159, 0.45); 
	box-shadow: 0px 0px 19px 0px rgba(118, 145, 159, 0.45);
   border: 1px solid #fff;
   overflow: initial;
   margin-right: 5px;
   background: #fff;
}
.dropdown-acessar::before {
   width: 0; 
   height: 0; 
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   position: absolute;   
   border-bottom: 10px solid #fff;
   content: "";
   right: 17px;
   top: -10px;
   z-index: -1;
}
.dropdown-acessar .dropdown-item {
	padding-right: 35px;
}
.dropdown-acessar .dropdown-item:hover, .dropdown-acessar .dropdown-item:focus, .dropdown-acessar .dropdown-item:active {
	background-color: #f1f5fd;
	color: inherit;
}
.dropdown-acessar .dropdown-item:first-child {
	padding-top: 8px;
}
.dropdown-acessar .dropdown-item:last-child {
	padding-bottom: 9px;
}
@media (max-width: 576px) {
   .navbar-collapse.collapse.show, .navbar-collapse.collapising {
      -webkit-box-shadow: 0px 0px 19px 0px rgba(255, 255, 255, 0.7); 
	   box-shadow: 0px 20px 19px 0px rgba(255, 255, 255, 0.7);
   }
   .nav-link-acessar {display: none;}
   .dropdown-acessar {
      display: block;
      margin-top: -5px;
   }
}


/* 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: #EBFAF5; 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%;}

.ds-modal-pesquisasPersora .sora {
   width: 100px;
   position: absolute;
   right: 20px;
   bottom: -8px;
}


.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;
}


/* 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);
}

/* 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; }



.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 {
   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-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-warning {
   font-family: 'Montserrat',sans-serif;
   background: var(--ds-color-warning);
   /* Primary / Mid */
   
   border: 1px solid var(--ds-color-warning);
   border-radius: 5px;
   color: #fff;
   font-weight: 600;
   padding: .4rem 1.2rem;
   font-size: .95rem;
}
.btn-warning:hover {
   background: var(--ds-color-warning-dark);
   border: 1px solid var(--ds-color-warning-dark);
   color: #fff;
}
.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;
   outline: none !important;
   box-shadow: none !important;
}
.btn-danger:hover {
   background: var(--ds-color-danger-dark);
   border: 1px solid var(--ds-color-danger-dark);
}

.btn-white {
   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);
}


/* 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;
   font-size: 1rem;
   margin-bottom: 0;
   margin-right: .5rem;
   font-size: .95rem;
   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:2px 15px;
   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 table {
   border-top: 2px solid #f1f1f1 !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;
}
.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 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;
}


.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: relative;
   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);
}



/* 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;
}

/* 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);
}



.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 */

/* Muuri Map Cultura */
.gridMuuri {
   position: relative;
}
.gridMuuri .item {
   position: absolute;
   width: 100%;
   height: auto;
   line-height: 20px;
   margin: 5px;
   z-index: 1;
}
.gridMuuri .item.muuri-item-hidden {
   z-index: 0;
}
.gridMuuri .item.muuri-item-releasing {
   z-index: 2;
}
.gridMuuri .item.muuri-item-dragging {
   z-index: 3;
}
.gridMuuri .item-content {
   position: relative;
   width: 100%;
   height: fit-content;
   text-align: left;
   cursor: move;
font-size: 1rem !important;
line-height: 1.2rem !important;
margin-bottom: .4rem;
border: none;
border-radius: 4px;
background-color: var(--de-color-secondary-outline);
color: var(--ds-color-azulNeutro);
padding: 15px 25px;
padding-left: 2.1rem;
}
.gridMuuri .item-content .order {
position: absolute;
left: .7rem;
font-family: 'Source Serif Pro',serif;
font-weight: 600;
font-size: 1.6rem;
text-align: right;
padding-top: .2rem;
}
.gridMuuri .item.muuri-item-dragging .item-content {
   background: rgba(119, 199, 228, .3);
   color: #4181A3;
}
.gridMuuri .item.muuri-item-releasing .item-content {
   background: #77C7E4;
}


.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;
}
.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-nps-options:before {
   content: '' !important;
   /* content: 'improvável' !important; */
}
.pretty-nps-options:after {
   content: '' !important;
   /* content: 'muito provável' !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;
}



/* 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);
 }
 

 
 .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;
 }
}

 #loadingFeedbackPlataforma {
   position: absolute;
   background: rgba(255,255,255,.9);
   width: 100%;
   height: 100%;
   z-index: 99999;
   border-radius: 9px;
}
.btn-openFeedbackPlataforma {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   padding-bottom: 20px;
   margin-bottom: calc(-10px + 0px);
   font-size: .9rem;
}
.btn-openFeedbackPlataforma:hover {
   background: #3FBE89;
   border-color:#3FBE89;
   color: #fff;
   margin-top: calc(-5px - 0rem);
   padding-bottom: 25px !important;
   /* margin-top: calc(-5px - 1.45rem); */
   /* padding-bottom: calc(25px + 1.45rem); */
}
.feedbackTransitions {
   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;
}
#floatingSideFeedbackDiv {
   position: fixed;
   min-height: 100vh;
   min-height: fill-available;
   min-height: -webkit-fill-available;
   background: #fff;
   width: 400px;
   right: -400px;
   top: 0;
   color: #000;
   z-index: 9919;
   display: flex;
   flex-direction: column;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   /* box shadow left */
   -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.45);
}
#floatingSideFeedbackDiv.show {
   right: 0;
}
@media (max-width: 460px) {
   #floatingSideFeedbackDiv {
      width: calc(100% - 30px);
      right: -500px;
   }
}
.flexFeedbackForm {
   flex: 1;
}
.flexFeedbackHeader {
   border-bottom: 1px solid #ddd;
   padding: 18px 16px;
}
.flexFeedbackForm {
   padding: 14px 16px;
}
.flexFeedbackFooter {
   padding: 14px 16px;
   border-top: 1px solid #ddd;
   font-size: .8rem;
   line-height: 1.05rem;
   color: #777;
}
#blurFeedbackPlataforma {
   position: fixed;
   width: 100%;
   height: 100vh;
   background: rgba(6, 16, 42, .5);
   top: 0;
   left: 0;
   z-index: 9918;
   /* blur all behind div */
   -webkit-backdrop-filter: blur(3px);
   backdrop-filter: blur(3px);
   opacity: 0;
   pointer-events: none;
}
#blurFeedbackPlataforma.show {
   opacity: 1;
   pointer-events: all;
}
.blockScroll {
   overflow: hidden !important;
}




 .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)}}