@-webkit-keyframes spin {
  	0% { -webkit-transform: rotate(0deg); }
  	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}



/*Preloader*/
.candidatura .preloader.show{
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.candidatura .preloader{
	display: none;
  	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.9);
}

.candidatura .preloader.show .loader{
	margin: auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.candidatura .preloader .loader {
 	border: 16px solid;
 	border-radius: 50%;
 	border-top: 16px solid #03a2ff;
 	border-bottom: 16px solid #79b429;
 	width: 120px;
 	height: 120px;
 	-webkit-animation: spin 2s linear infinite;
 	animation: spin 2s linear infinite;

}

.candidatura .num_agregado.hide{
	display: none !important;
}

.candidatura .num_agregado{
	float: left;
	width: 100%;
	max-width: 400px;
}

.candidatura .num_agregado:after{
	content: '';
	clear: both;
}

.candidatura .num_agregado input{
	float: left;
    width: 70%;
    border: 2px solid #03a2ff;
    border-radius: 25px;
    height: 43px;
}
.candidatura .num_agregado_submit{
	float: right;
    width: 28%;
    border: 2px solid #79b329;
    border-radius: 25px;
    height: 43px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    background: #79b329;
    font-weight: 600;
}


/*Candidatura*/
.candidatura_container{
	padding: 20px 0;
}

.candidatura_container.hide{
	display: none;
}

.candidatura_container .person:not(:nth-child(1)){
	display: none;
}

.candidatura_container .candidatura_form{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.candidatura_container .candidatura_menu{
	width: 25%;
}

.candidatura_container .candidatura_content{
	width: 75%;
	position: relative;
}


.candidatura_container .candidatura_menu ul{
	list-style: none;
	padding: 0;
}

.candidatura_container .candidatura_menu ul li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 20px;
	background: #03a2ff;
	margin-bottom: 5px;
	max-width: 260px;
}

.candidatura_container .candidatura_menu ul li .title{
	width: 95%;
	color: #fff;
	font-size: 14px;
}

.candidatura_container .candidatura_menu ul li .check{
	width: 5%;
	display: none;
}

.candidatura_container .candidatura_menu ul li .check i{
	font-size: 20px;
	margin-top: 10px;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}



.candidatura_container .candidatura_menu ul li .check .good::before{
	content: "\f00c";
	color: #79b429;
}

.candidatura_container .candidatura_menu ul li .check .bad::before{
	content: "\f00d";
	color: #ec0101;
}


.candidatura_container .candidatura_menu ul li:hover{
	cursor: pointer;
}

/*background-color: #009bdf;*/

.form .row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}


.form .layout_1{
	width: 100%;
	padding: 0px 20px;
}

.form .layout_2{
	width: 50%;
	padding: 0px 20px;
}

.form .layout_3{
	width: 33.3333333333%;
	padding: 0px 20px;
}

.form .layout_4{
	width: 25%;
	padding: 0px 20px;
}

.form .layout_5{
	width: 20%;
	padding: 0px 20px;
}


.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.upload-btn-wrapper.required .btn{
	border: 2px solid #ec0101 !important;
    color: #ec0101 !important;
}

.upload-btn-wrapper .btn {
	display: block;
	margin:auto;
	border: 2px solid #878787;
	color: #878787;
	background-color: #fff;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}

.upload-btn-wrapper small{
	display: block;
	margin: 5px 0;
	text-align: center;
}

.upload-btn-wrapper .filename{
	color: #79b429;
}

.upload-btn-wrapper:hover,
.upload-btn-wrapper .btn,
.upload-btn-wrapper input[type=file]{
	cursor: pointer;
}

.candidatura_content .menu_item_content:not(.show){
	display: none;
}

.radio {
	margin: 16px 20px 16px 0;
    display: inline-block;
    cursor: pointer;
}
.radio input {
	display: none;
}
.radio input + span {
	line-height: 22px;
	height: 22px;
	padding-left: 22px;
	display: block;
	position: relative;
}
.radio input + span:not(:empty) {
	padding-left: 30px;
}
.radio input + span:before, .radio input + span:after {
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	border-radius: 50%;
	left: 0;
	top: 0;
	position: absolute;
}
.radio input + span:before {
	background: #878787;
	transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radio input + span:after {
	background: #fff;
	transform: scale(0.78);
	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radio input:checked + span:before {
	transform: scale(1.04);
	background: #878787;
}
.radio input:checked + span:after {
	transform: scale(0.4);
	transition: transform 0.3s ease;
}
.radio:hover input + span:before {
	transform: scale(0.92);
}
.radio:hover input + span:after {
	transform: scale(0.74);
}
.radio:hover input:checked + span:after {
	transform: scale(0.4);
}

.form .row .radio_content:not(.show){
	display: none;
}

.candidatura_container .controllers{
	position: absolute;
	right: 0;
	bottom: 0;
}

.candidatura_container .controllers a.button-custom{
	margin-top: 20px;
	width: auto;
    color: #fff !important;
    font-weight: 700 !important;
    background: #03a2ff;
}

.candidatura_container .controllers a.button-custom:hover{
	background: #79b429;
}