.has-error{
    color: #ed5565;
}

.has-error .form-control{
    border-color: #ed5565;
}

.has-success{
    color: #3c763d;
}

.has-success .form-control{
    border-color: #3c763d;
}

.invalid-feedback {
    position: static;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .25rem;
    font-size: 0.75rem;
    color: #ed5565;
    background-color: rgba(237,85,101,.1);
    border-radius: .25rem;
}

.has-error-checkout{
    padding: .25rem .5rem;
    margin-top: .25rem;
    font-size: 0.75rem;
    color: #ed5565;
    background-color: rgba(237,85,101,.1);
    border-radius: .25rem;
}

.form-check-input {
    border: 1px solid #84A0CC;
    box-shadow: 2px 2px 2px rgba(132,160,204,.35);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #346096;
    background-color: #487DBE;
}

.has-length .input-group-text a:not([class^="bg-"]):not([class*=" bg-"]) {
  color: #fff !important; 
}

.btn {
    font-weight: normal !important;
}

.btn-primary {
    background-color: #487DBE !important;
    border-color: #4075B5 !important;
    color: #fff;
}

.btn-outline-primary:hover {
    box-shadow: 0 4px 11px rgba(72,125,190,.35);
}

.btn-rounded {
    border-radius: 60px;
}

.btn-social-light {
    background-color: transparent;
    border-color: #f8f9fa !important;
    color: #f8f9fa !important;
}

.btn-grey {
    color: #fff;
}

.btn-grey,
.btn-grey.disabled {
  background: #919191;
  border: 1px solid #919191;
  /*box-shadow: $grey-shadow;*/
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; 
}
.btn-grey:hover,
.btn-grey.disabled:hover {
	color: #fff;
	background: #919191;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	border: 1px solid #919191; 
}
.btn-grey.active, .btn-grey:active, .btn-grey:focus,
.btn-grey.disabled.active,
.btn-grey.disabled:active,
.btn-grey.disabled:focus {
	
	background: #727272;
	/*box-shadow: $grey-shadow-hover;*/
	border-color: transparent; 
}

.btn-outline-grey {
  color: #919191;
  background-color: #ffffff;
  border-color: #919191;
  /*box-shadow: $grey-shadow;*/
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; 
}
.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey.focus {
background: #919191;
/*box-shadow: $grey-shadow-hover;*/
color: #ffffff;
border-color: #919191; 
}
.btn-outline-grey.active, .btn-outline-grey:active, .btn-outline-grey:focus {
/*box-shadow: $grey-shadow-hover;*/
background-color: #727272;
border-color: #727272; 
}

.btn-rounded.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 12px;
}

.btn-mobile {
    height: auto;
    margin-top:10px;
}

.padding-no {
    padding: 0;
}

.td-mobile {
    padding-left:3px!important;
    padding-right:3px!important;
}

.btn-mobile-check {
    margin: 0 1px;
    padding: 4px 7px;
    font-size: 11px;
    line-height: 1.1;    
}

.alert-grey {
    color: #C1C1C1;
    font-size: 13px;
    font-weight: normal;    
    background-color: #F0F0F0;
    border-color: #EAEAEA;
}

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

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

.font-14 {
    font-size: 13px;
    font-weight: normal;
}

.font-12 {
    font-size: 12px;
    font-weight: normal;
}

.fs-7 {
    font-size: 0.85rem!important;
}

.link-under {
    text-decoration: underline !important;
}

.badge-circle {
    font-size: 0.85rem!important;
    line-height: 2.4;
    color: #fff;
    padding: 0.85em 0.55em;   
    border-radius: 50%!important;
}


.m-t-10 {
    margin-top: 10px;
}

.card .card-title {
    position: relative;
    font-weight: 500;
}

.card-title {
    margin-bottom: 0.75rem;
}

.formulario-skills hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.formulario-skills h5 {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
}

.formulario-skills h4 {
    line-height: 22px;
    font-size: 18px;
}

.formulario-skills h3 {
    line-height: 30px;
}

#footer.footer-dark .bg-distinct {
    background-color: #273047 !important;
}

#footer a {
    color: rgba(255,255,255,0.6) !important;
    text-decoration: none;
}

#footer a:hover {
    color: #fff !important;
}

#footer.footer-dark {
    background: linear-gradient(180deg,#2B354F 0,#2B354F);
}

#footer a img.icone {
    line-height: 1.5;
    color: rgba(255,255,255,0.6) !important;
}

.icones-social a {
    border-radius: 4px;
    color: rgba(255,255,255,0.6) !important;
    text-decoration: none;
    font-size: 30px;
    margin-right: 8px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;  
}

.icones-social i {
    font-size: 24px;
    text-align: center;    
}

.icon-social {
    border-color: rgba(255,255,255,0.6) !important;
    text-decoration: none;
    border-style: solid;
    border-width: 1px; 
    padding: 0.1em;       
}

.formulario-job hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.formulario-job .card-title {
    font-size: 1.25rem;
    font-weight: 400!important;
    margin-bottom: 0.75rem;
}

.formulario-job .m-t-10 {
    color: #455a64;
    margin-top: 10px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;    
}

.mapa-endereco {
    background-image: url(../img/geral/mapa_solido_transparente.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 18px 7px 18px 7px;
    min-height: 124px;
}

.box-termos {
    text-align: justify;
	padding: 15px;	
}

.box-termos h2{
    font-size: 24px;
	color:#487DBE;	
}

.box-termos-lgpd {
    text-align: justify;
	padding: 15px;	
}

.box-termos-lgpd h2{
    font-size: 24px;
	color:#487DBE;
	border: 0;	
}

.mr-auto, .mx-auto {
    margin-right: auto!important;
}

.breadcrumb {
    right: 0!important;
    left: auto!important;
}

.text-azul-dark{
    color: #1c0950;
}

.text-vermelho-dark{
    color: #CC0B1E;
}

.text-grey {
    color: #919191;
}

.text-grey-2 {
    color: #C1C1C1;
}

.text-primary-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(-107deg,#294B76,#487DBE);
    -webkit-background-clip: text;
    color: #487DBE;
    display: inline-block;
    position: relative;
}

.svg-drawlines {
    stroke: #487DBE;
}

.bg-grey {
    background-color: #919191;
}

.bg-blue {
    background-color: #487DBE;
}

.box-shadow-tutorial {
    position: relative;
    padding: 10px;
    -webkit-box-shadow: 0 1px 4px rgb(23 23 23 / 30%), 0 0 40px rgb(23 23 23 / 10%) inset;
    -moz-box-shadow: 0 1px 4px rgba(23, 23, 23, 0.3), 0 0 40px rgba(23, 23, 23, 0.1) inset;
    box-shadow: 0 1px 4px rgb(23 23 23 / 30%), 0 0 40px rgb(23 23 23 / 10%) inset;
}

div.alert-tutorial {
    background-color: rgba(0,0,0,0.05);
    border-left-color: rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-left-width: 5px;    
}

div.alert-border-tutorial {
    border-left-width: 5px;    
}

nav.nav-deep-dark .nav-item.active>.nav-link, nav.nav-deep-light .nav-item.active>.nav-link {
    font-weight: normal;
    color: #fff;
    background-color: #487DBE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
    padding-left:5px !important;    
}

nav .nav-item.active .fi-arrow-down  {
    color: #fff;
}

nav.navbar-light a.nav-link.active  {
    color: #fff;
    background-color: #487DBE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

nav.navbar-light a.nav-link:hover  {
    color: #414141 !important;
    background-color: #F7F7F7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

nav.nav-deep-light .nav-item > .nav-link {
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

nav.nav-deep-light .nav-item:hover > .nav-link {
    color: #487DBE;
    padding-left:10px !important;
    background-color:#F7F7F7 !important;
}

nav .nav-item:hover .fi-arrow-down {
    color: #487DBE;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link  {
    color: #fff;
    background-color: #487DBE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav-pills .nav-link:hover  {
    color: #414141 !important;
    padding-left:15px !important;
    background-color: #F7F7F7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav-pills .nav-link{
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

div.heading-title.heading-border {
    padding-left: 15px;
    border-left: #ccc 5px solid;
    text-align: left;
}

div.heading-title {
    position: relative;
    margin-bottom: 40px;
}

div.heading-title p {
    margin: 0;
    padding: 0;
    font-weight: 300;
}

div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    padding-left: 0;
    padding-right: 15px;
}

.badge {
    font-weight: normal;
    font-size: 0.85em;
}

.progress-hub {
    background: #E5E5E5;
}

.text-justify {
  text-align: justify;
  text-justify: inter-word;
}

/* text color */
.text-cinza {
	color:#666 !important;
}
.text-cinza-claro {
	color:#999 !important;
}
.text-hub-danger {
	color:#b92c28 !important;
}
.text-hub-warning {
	color:#e38d13 !important;
}
.text-hub-info {
	color:#28a4c9 !important;
}
.text-hub-primary {
	color:#487DBE !important;
}
.text-hub-success {
	color:#02B700 !important;
}

.bg-hub-success {
    background-color: #27AE5F;
}

.bg-hub-info {
    background-color: #1980B6;
}

.bg-hub-warning {
    background-color: #EAA824;
}

.bg-hub-danger {
    background-color: #D9534F;
}

.bg-hub-primary {
    background-color: #487DBE;
}

.box-azul {
  background-color:#1980b6;
  --bs-table-striped-bg:#1980b6;
  --bs-table-accent-bg:#1980b6;  
  color:#FFFFFF !important;
}

.box-cinza {
  background-color:#777777;
  --bs-table-striped-bg:#777777;
  --bs-table-accent-bg:#777777;  
  color:#FFFFFF;
}

.box-laranja {
  background-color:#EAA824;
  --bs-table-striped-bg:#EAA824;
  --bs-table-accent-bg:#EAA824;  
  color:#FFFFFF !important;
}

.box-verde {
  background-color:#27AE5F;
  --bs-table-striped-bg:#27AE5F;
  --bs-table-accent-bg:#27AE5F;  
  color:#FFFFFF;
}

.box-verde-escuro {
  background-color:#2D623E;
  --bs-table-striped-bg:#2D623E;
  --bs-table-accent-bg:#2D623E;  
  color:#FFFFFF;
}

.box-vermelho {
  background-color:#D9534F;
  --bs-table-striped-bg:#D9534F;
  --bs-table-accent-bg:#D9534F;  
  color:#FFFFFF;
}

.box-preto {
  background-color:#2E2E2E;
  --bs-table-striped-bg:#2E2E2E;
  --bs-table-accent-bg:#2E2E2E;  
  color:#FFFFFF;
}

.bg-azul {
  background-color:#1980B6;
}

.bg-cinza {
  background-color:#777777;
}

.bg-laranja {
  background-color:#EAA824;
}

.bg-verde {
  background-color:#27AE5F;
}

.bg-verde-escuro {
  background-color:#2D623E;
}

.bg-vermelho {
  background-color:#D9534F;
}

.bg-preto {
  background-color:#2E2E2E;
}

.amarelo input {
    background-color: #FFFF00;
}

/* table frmulçário */

.table tr.CheckMais td {
	border-bottom: 2px solid #487DBE;
}

.table tr.CheckMais td span{
    background-color: #487DBE;
    color: #ffffff;
	padding: 3px 15px;
    border-radius: 4px;
}

.table tr.CheckMenos td {
	border-bottom: 2px solid #919191;
}

.table tr.CheckMenos td span {
    background-color: #919191;
    color: #ffffff;
	padding: 3px 15px;
    border-radius: 4px;
}

.table-formulario td, .table-formulario th {
    border-top: 1px solid #CBD1D8;
    vertical-align: middle !important;
    padding: 0.75rem;
}

.table-formulario th.box-mais {
    background-color: #487DBE;
	border-radius: 4px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 7px;
}

.table-formulario th.box-menos {
    background-color: #919191;
	border-radius: 4px;
	color: #ffffff;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 7px;
}

/* table dossier */
table.table-grafico-barra {
    border: 0mm;
    padding: 0mm;
    margin: 0mm;                    
}
table.table-grafico-barra td{
    border: 0mm;
}                        
table.grafico td {
    border-bottom: 0.1px dotted #E1E1E1;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    font-size: 10pt;                
}
table.grafico td.td-fim {
    border: 0.0mm dotted #fff;                
}
table.grafico td.td-legenda {
    padding: 2mm;
    font-size: 10pt;                
}
table.grafico td.td-grafico {
    padding: 0px;                
}
table.grafico td.td-grafico-border {
    border-right: 0.2mm dotted #E1E1E1;
    background-color: #FAFAFA;
} 
table.grafico td.td-grafico-border-2 {
    border-right: 0.2mm dotted #E1E1E1;                
}                     
table.table-legenda td {
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    font-size: 9pt;
    color:#999999;
}    
table.grafico-legenda td {
    vertical-align: middle;
    font-size: 10pt;
    color:#999999                
} 

/* table hub */
.table-hub th, .table-hub td {
    vertical-align: middle !important;
}

.table-border-hub th, .table-border-hub td {
    border: 1px solid #dee2e6 !important;
}

.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
    background: #487DBE !important;
    color: #ffffff !important;
}

.datatable-hub {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;    
}

.datatable-hub th {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;    
}

div.dataTables_wrapper div.dataTables_length select {
   border: 1px solid #dde4ea;
}

div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 0.2rem;
    font-size: 1rem; 
    border: 1px solid #dde4ea;
    background: #fff !important;
}

/** table painel-comp **/

.table-painel-comp table,
.table-painel-comp table.table{
	margin:0px;
	font-weight:normal;
	border:0px;
	color:#777;
    border-spacing: 5px;
    border-collapse: separate;
}

.table-painel-comp .table tr td{
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	color:#626262;
	border:0px;
}


.table-painel-comp .table > tbody > tr:nth-child(2n) > td {
   background: #fff;
   border:1px solid #D9D9D9;
}

.table-painel-comp .table > tbody > tr:nth-child(2n+1) > td {
   background: #fff;
   border:1px solid #D9D9D9;
}

.table-painel-comp .table tr th{
	text-align:center;
	vertical-align:middle;
	text-transform:uppercase;
	background:#487DBE;
	color:#fff;
	border:0px;
}

.table-painel-comp .table tbody tr td.titulo{
	font-weight:700;
	background:#D9D9D9;
	color:#626262;
	border:0px;
}
.table-painel-comp .table tbody tr td.titulo-2{
	font-weight:700;
	background:#E5E5E5;
	color:#626262;
	border:0px;
}

.box-slider {
    padding-left: 3rem!important;
    padding-right: 3rem!important;
}

.th-200 {
    width: 200px;
}

@media (max-width: 576px) {
    
    .box-slider {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    } 

    .th-200 {
        width: auto;
    }

    .py-5 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important;
    } 

    .mb-5 {
        margin-bottom: 1.5rem!important;
    }    

    .fs-2 {
        font-size: calc(1.2rem + .9vw)!important;
    }

    .fs-3 {
        font-size: calc(1.1rem + .6vw)!important;
    }
    
    .h5, h5 {
        font-size: 1.1rem;
    } 

    .card-mobile {
        padding: 1rem!important;
    }    
}


.steps {
  display: flex;
  width: 100%;
}

.step-item {
  flex-basis: 0;
  flex-grow: 1;
  transition: color 0.25s ease-in-out;
  text-align: center;
  text-decoration: none !important;
}
.step-item:first-child .step-progress {
  border-radius: 0.125rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.step-item:last-child .step-progress {
  border-radius: 0.125rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.step-progress {
  position: relative;
  width: 100%;
  height: 0.25rem;
}

.step-count {
  position: absolute;
  top: -0.75rem;
  left: 50%;
  width: 1.625rem;
  height: 1.625rem;
  margin-left: -0.8125rem;
  border-radius: 50%;
  font-size: 0.875rem;
  line-height: 1.625rem;
}

.step-label {
  padding-top: 1.5625rem;
}
.step-label > i {
  margin-top: -0.25rem;
  margin-right: 0.425rem;
  font-size: 1.2em;
  vertical-align: middle;
}

@media (max-width: 499.98px) {
  .step-label {
    font-size: 0.75rem;
  }
  .step-label > i {
    display: none;
  }
}
.steps-dark .step-item {
  color: #7d879c;
}
.steps-dark .step-count,
.steps-dark .step-progress {
  color: #4b566b;
  background-color: #EAEDF4;
}
.steps-dark .step-item:hover {
  color: #4b566b;
}
.steps-dark .step-item.active.current {
  color: #373f50;
  pointer-events: none;
}
.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {
  color: #fff;
  background-color: #487DBE;
}

.steps-light .step-item {
  color: rgba(255, 255, 255, 0.55);
}
.steps-light .step-count,
.steps-light .step-progress {
  color: #fff;
  background-color: #485268;
}
.steps-light .step-item:hover {
  color: rgba(255, 255, 255, 0.8);
}
.steps-light .step-item.active.current {
  color: #fff;
  pointer-events: none;
}
.steps-light .step-item.active .step-count,
.steps-light .step-item.active .step-progress {
  color: #fff;
  background-color: #487DBE;
}