* {
    margin: 0;
    padding: 0
}

.step-form input,
.step-form select {
	border-radius: 16px;
}

.step-form .btn,
.step-form .btn:hover,
.step-form .btn:active,
.step-form .btn:focus {
	background-color: #00acc6;
	border-radius: 16px;
	background-image: none;
	font-weight: bolder;
}

.step-conclusion-align {
	display: flex;
	justify-content: center;
}

.step-conclusion-button {
	width: 300px
}


.select2-container .select2-selection--single {
	border-radius: 16px !important;
    height: 34px !important;
}

.step-button {
	background-color: #00acc6;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    padding: 7.5px 5px;
    margin: 10px 5px;
    border: solid 1.5px #DCDCDC;

}

.logo-pasa {
    width: 120px;
    margin: 15px 0 0 12px;
}

.step-bar {
    background-color: white;
    margin-bottom: 15px;
    width: 100vw;
	position: relative;
	margin-left: -50vw;
	/* height: 100px; */
	left: 50%;
	display: flex;
	justify-content: center;
}

.step-content {
	width: 92rem;
}

#form {
    position: relative;
    margin-top: 0px
}

#form fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#form fieldset:not(:first-of-type) {
    display: none
}

#form fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#form .action-button {
    width: 100px;
    background: #145072;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 25px;
    cursor: pointer;
    padding: 7.5px 5px;
    margin: 10px 5px;
    border: solid 1.5px #DCDCDC;
    float: right;
    
}


#form .action-button:hover,
#form .action-button:focus {
	border-color: #FFF; 
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid #145072
}


.card {
    z-index: 0;
    border: none;
    position: relative;
}

#progressbar {
    margin: 10px 0;
    overflow: hidden;
    color: #DCDCDC
}

#progressbar .active {
    color: #145072
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    text-align: center;
    width: 20%;
    float: left;
    position: relative
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#progressbar #verificacao:before {
	padding: 8.8px 0px 0px 2px;
    content: url(../images/verificacao-inativo.png);
}

#progressbar #verificacao.active:before {
    content: url(../images/verificacao.png) !important;
}

#progressbar #dados-pessoais:before {
	padding: 9px 0px 0px 1.1px;
    content: url(../images/dados-pessoais-inativo.png);
}

#progressbar #dados-pessoais.active:before {
    content: url(../images/dados-pessoais.png) !important;
}

#progressbar #endereco:before {
	padding-top: 9px;
    content: url(../images/endereco-inativo.png);
}

#progressbar #endereco.active:before {
    content: url(../images/endereco.png) !important;
}

#progressbar #documentos:before {
	padding: 8px 0px 0px 2.49px;
    content: url(../images/documento-inativo.png);
}

#progressbar #documentos.active:before {
    content: url(../images/documento.png);
}

#progressbar #conclusao:before {
	padding: 8px 0px 0px 2.49px;
    content: url(../images/conclusao-inativo.png);
}

#progressbar #conclusao.active:before {
    content: url(../images/conclusao.png);
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #89a7b8;
    background: white;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    border: 1.5px solid #89a7b8;
    
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2.5px;
    background: #89a7b8;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: white;
    color: black;
    border: 1.5px solid #145072;
}

.step-hidden {
	display: none;
}

.step-show {
	display: block;
}

.step-radio-button-area {
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}

/* The step-radio-button */
.step-radio-button {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.step-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #00acc6;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.step-radio-button:hover input ~ .checkmark {
  background-color: #32bcd1;
}

/* When the radio button is checked, add a blue background */
.step-radio-button input:checked ~ .checkmark {
  background-color: #00acc6;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.step-radio-button input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.step-radio-button .checkmark:after {
 	top: 4px;
	left: 3.8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}

.confirmation-message input[type=checkbox] {
    margin-right: 10px;
    margin-top: 10px;
}