/*remove topo*/
header.top-header-size, .top-bar, .side-bar {
    display: none;
    width: 0;
}

main.content-site-devmedia {
	width: 100% !important;
	left: 0;
	min-height: 100vh;
	margin-top: 0;
	padding-top: 0;
	background-color: #262626;
	box-sizing: border-box;
	display: flex;
    align-items: center;
}

/* body, .login-section { background-color: #F8FAFB; height: auto; } */

.secundario-menu-devmedia-1 .secundario-link:hover { 
	color: #c9f31d !important;
}

.menu-itens-devmedia,.devmenu .login-box {display: none;}

.devmenu .logo-devmedia-svg {border-right: unset;}
/*remove topo*/
span.color-destaque {
    color: #c9f31d;
}

/* geral */
	body, html {
		height: 100vh;
	}
	.signup-wrapper {width: 100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;height: 100%; background: #262626;}
	.signup-wrapper * { box-sizing: border-box; font-family: 'Montserrat', 'Arial', sans-serif;}

	/* === HTML5 validation styles === */
		/* .input-container input:required:valid, .input-container textarea:required:valid { background: #fff url(../images/valid.png) no-repeat 95% center;}
		.input-container input:focus:invalid, .input-container textarea:focus:invalid{ background: #fff url(../images/invalid.png) no-repeat 95% center; border-color: #b03535;}
		.invalid { background: #fff url(../images/invalid.png) no-repeat 95% center !important; border-color: #b03535 !important;} */
	/* === HTML5 validation styles === */

	.signup-section { width: 100%; padding: 30px; background: #F8FAFB;}
	.form-header {width: 100%;display: flex;align-items: center;justify-content: center;}
	.form-header-image { display: block; margin-right: 15px;}
	.form-header-image img { display: block;}
	.signup-section .form-header-image {width: 64px;height: 50px;}
	.signup-section .form-header-image img { width: 64px; height: 50px;}

	.login-section .form-header-image {width: 30px;height: 30px;}
	.login-section .form-header-image img {width: 30px;height: 30px;filter: contrast(0);}

	.form-header-info {/* width: calc(100% - 64px); *//* text-align: center; */}
	.form-header-info label { width: 100%; display: block; color: #fff; font-size: 20px; font-weight: 500;}
	.form-header-info span { width: 100%; display: block; color: #fff; font-size: 14px; font-weight: 300;}
/* geral */

/* cadastro */
	.lbl-link{font-size: 16px;font-weight: 300;margin: 20px 0;display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;font-family: 'IBM Plex Mono';margin: 10px 0;}
	.lbl-link a{cursor: pointer;font-weight: 600;background: #c9f31d;margin-left: 5px;padding: 2px 10px;border-radius: 5px; text-decoration: none; color:#000; font-size: 16px;
		font-family: 'IBM Plex Mono';}
	.signup-form {width: 100%;display: block;margin-top: 20px;margin-bottom: 20px;}
	.type-container { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; flex-wrap: nowrap; flex-direction: row}
	.individuals-container, .company-container { width: 100%; display: flex; justify-content: flex-start;}
	.individuals-container {margin: 15px 0 0;display: flex;justify-content: center;}
	.individuals-container input, .company-container input { width: 24px; height: 24px; margin: 0; opacity: 0;}
	.input-radio { height: 24px; display: flex; align-items: center; margin-left: 15px; position: relative; font-weight: 300;}
	.input-radio::before { width: 22px; height: 22px; content: ''; position: absolute; left: -40px; top: 0; border-radius: 22px; border: 1px solid #DADCE3; background: #fff; box-sizing: border-box;}
	.input-radio::after { width: 10px; height: 10px; content: ''; display: none; position: absolute; left: -34px; top: 47%; border-radius: 10px; background: #0AC5D4; box-sizing: border-box; transform: translateY(-50%);}
	.individuals-container input:checked + .input-radio::before, .company-container input:checked + .input-radio::before { border: 1px solid #0AC5D4;}
	.individuals-container input:checked + .input-radio::after, .company-container input:checked + .input-radio::after { display: block;}

	/* CORREÇÃO DO PLACEHOLDER */
		.input-container input::-webkit-input-placeholder { color: #fff !important;font-weight: 00 !important;}
		/* Firefox 18- */
		.input-container input:-moz-placeholder { color: #fff !important;  font-weight: 00 !important;}
		/* Firefox 19+ */
		.input-container input::-moz-placeholder { color: #fff !important;font-weight: 00 !important;}
		/* Edge */
		.input-container input::-ms-input-placeholder { color: #fff !important;  font-weight: 00 !important;}
		/* IE */
		.input-container input:-ms-input-placeholder { color: #fff !important;  font-weight: 00 !important;}
	/* CORREÇÃO DO PLACEHOLDER */

	.input-container input:-webkit-autofill, .input-container input:-webkit-autofill:hover, .input-container input:-webkit-autofill:focus, .input-container select:-webkit-autofill {
		-webkit-text-fill-color: #fff !important;
		-webkit-box-shadow: 0 0 0px 1000px #222222 inset !important;
	}
	.secao-menu-devmedia-1 .secundario-menu-devmedia-1 .secundario-link{
		color:#fff;
	}

	.cls-2 {
		fill: #f9f9f9 !important;
	}
	.logo-devmedia .cls-1 {
		fill: #c9f31d;
	}
	.titulo_join {
		font-size: 30px;
		font-weight: 700;
		font-family: 'IBM Plex Mono';
		color: #fff;
		text-align: center;
		margin: 5px auto;
		font-size: 24px;
	}
	.texto_destaque_verde {
		color: #c9f31d;
	}
	.devmenu {
		background: #1a1a1a !important;
		box-shadow: 0px 4px 20px 0px #00000099;
	}
	.form-container { width: 100%; display: block; margin-top: 25px;}
	.input-container {width: 450px;max-width: 100%;display: block;margin: 0px auto 10px;position: relative;}
	.input-label {width: 100%;display: block;margin-bottom: 10px;color: #253A44;font-size: 16px;/* font-weight: 500; */}
	.input-container input:not([type=radio]) {width: 100%;height: 45px;padding-left: 20px;padding-right: 50px;color: #fff;font-size: 14px;font-weight: 500;border-radius: 4px;border: 1px solid #b7b7b7;background: #f5f5dc00;outline: none;}
	.input-container input::placeholder { color: #8795A2; font-weight: 300;}
	.input-container select { width: 100%; height: 50px; padding-left: 20px; color: #253A44; font-size: 14px; font-weight: 500; border-radius: 23px; border: 1px solid #E9ECF3; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
	.login-error, .email-error {position: absolute;top: -20px;right: 0px;color: #ff7171;font-size: 15px;font-weight: 300;font-style: italic;font-size: 12px;font-weight: 500;}
	#email-error-links{ display: flex; justify-content: space-around;}
	#email-error-links > a { color: #8795A2; font-size: 12px; padding: 0px 10px; font-weight: 400; outline: none;}
	#email-error-links { display: flex; justify-content: flex-end; margin-top: -10px; color: #8795A2; font-weight: 400;} 
	#error-link-login{ cursor:pointer; text-decoration: underline;}
	#aviso-login font { color: #FF1E63; font-size: 12px; font-weight: 300;}
    .input-container.international.nivel_conhecimento {display: flex; flex-direction: column;}
    .input-container.international.nivel_conhecimento .international-radio {width: 100%;}
	.international { display: flex; flex-wrap: wrap;}
	.international .international-radio { margin-top: 10px;}
	.international-radio { width: 50%; display: flex;}
	.international-radio input { width: 24px; height: 24px; margin: 0; opacity: 0;}
	.international-radio input:checked + .input-radio::before { border: 1px solid #0AC5D4;}
	.international-radio input:checked + .input-radio::after { display: block;}
	.dropdown-container { width: 100%; position: relative; margin-top: 10px;}
	.dropdown-container img { width: 15px; height: 15px; display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
	.phone-container { width: 100%; display: flex; justify-content: space-between;}
	.phone-container input:first-child { width: 80px; padding-right: 20px;}
	.phone-container input:last-child { width: calc(100% - 100px); padding-right: 30px;}
/* cadastro */

/* login */
	.login-section { width: 100%; height: 100%; padding: 30px; }
	.login-form {width: 100%;max-width: 600px;padding: 20px 60px 20px;box-sizing: content-box;}
	.login-form .input-container:last-child { margin-bottom: 0;}
	.login-button-form {width: 100%;display: flex;/* justify-content: center; *//* align-items: center; */flex-wrap: wrap;flex-direction: column;}
	.forgot {display: inline-block;font-size: 14px;font-weight: 300;text-decoration: none;text-align: end;margin: 5px 0 15px; color: #fff;}
	.login-button {width: 100%;padding: 10px 0;margin: 0 auto;color: #000;font-size: 18px;font-weight: 700;text-align: center;border: none;border-radius: 4px;background: #c9f31d;cursor: pointer;outline: none;}
/* login */

span.ja-cadastrado { font-family: "Montserrat", Arial, Tahoma; font-size: 12px; margin-left: 20px;}
.ja-cadastrado a { color: #494949;}
.infoCampo{ font-size: 12px; color: #a4a4a4; font-family: Arial, Tahoma;}
.textoCadastro{ margin: 0 0 40px !important; color: #656565 !important; font-size: 17px !important; font-family: Arial, Tahoma !important; line-height: 120% !important; clear: both;}
.textoCadastro a{ text-decoration: none !important; color: #49c5bf !important; font-weight: bold !important; font-size: 18px !important;}
.textoCadastro a:hover{ text-decoration: underline !important;}

/* === Estilo dos forms do site === */
	.allForm ul { list-style-type:none; list-style-position:outside; margin:0px; padding:0px;}
	.allForm li{ padding:12px;  position:relative; font-family: Arial;} 
	.required_notification { color:#d45252;  margin:5px 0 0 0;  display:inline; float:right;}

	/* === Form Elements === */
		.allForm textarea {padding:8px; width:75%; min-height: 130px;}

	/* form element visual styles */
		.allForm textarea { border:1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius:2px; padding-right:30px; -moz-transition: padding .25s;  -webkit-transition: padding .25s;  -o-transition: padding .25s; -ms-transition: padding .25s; transition: padding .25s;}
		.allForm textarea:focus { background: #fff;  border:1px solid #555;  box-shadow: 0 0 3px #aaa;  padding-right:40px;}
		.loading { background: #FDFDFD; border: 1px solid #D2D6D6; margin: auto 40px 40px auto; display: inline-block; padding: 10px 10px; font-family:"Conv_Nexa Bold", Arial, Tahoma; font-size: 24px; color: #302f31; border-radius:4px; float: left; outline: none;}
		.linkPolitica{ float: none !important; font-size: 17px !important; font-weight: bold; font-family: Arial, Tahoma !important; margin: 0 !important;}
/* === Fim do estilo dos forms === */

.li-center { margin-left: 180px; }
button.submit { box-shadow: 12px 15px 20px rgba(17, 136, 233, 0.16); background: #0ac5d4; border: none; display: block; cursor: pointer; padding: 10px 30px; font-family: "Montserrat", arial; font-size: 20px; color: #fff; float: none; outline: none; margin: -15px 0 25px; width: 300px; transition: all .2s; border-radius: 30px;}
.form-login { text-align: center; }
.form-login-container { padding: 45px 50px; background: rgba(243, 243, 243, 0.4); border: 1px solid #d5d5d5; margin: 50px auto 50px; display: inline-block; width: 60%; }
.input-login { display: inline-flex; width: calc(100% - 110px) !important; }
.form-login-container label { width: 60px; margin: 0; padding: 0; display: inline-block; text-align: right; margin-right: 5px; }
.span-login { margin: 25px 0 0 !important; }
.links { display: table;  padding-top: 30px; }
a.lembrar-login { color: #494949; text-decoration: none !important; font-size: 14px; font-family: "Montserrat", arial; margin-top: 20px; }
a.lembrar-login:hover { color: #a2a2a2; }
button.btn-login { box-shadow: 12px 15px 20px rgba(17, 136, 233, 0.16); background: #0ac5d4; border-radius: 30px; border: none; display: block; cursor: pointer; padding: 10px 15px; font-family: "Montserrat", arial; font-size: 18px; color: #fff; outline: none; width: 140px; transition: all .2s; float: right; }
.labelRadio { text-align: left !important; width: 100px !important; }
img.join-loading { width: 30px; position: absolute; margin-left: 55px; display: none;}
.box-produto {
    width: 100%;
    max-width: 300px;
}
@media (max-width: 576px) {
	.login-section {
		padding: 30px 0 0;
	}
	.login-form {
	    max-width: initial;
	    box-sizing: border-box;
	    padding: 40px 25px;
	}
}

.container-login {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin: 15px;
}
.item-produto {
    background: #212121;
    padding: 0;
    box-sizing: content-box;
    border-radius: 6px;
    border: 3px solid #c9f31d;
}
.desc-produto {
    list-style: none;
    padding: 0;
    margin: 0;
}
.desc-item-produto {
    border-bottom: 1px solid #cecece;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
	font-family: sans-serif;
}
.titulo-produto {
	text-align: center;
    padding: 20px 10px 15px;
    margin: 0;
    background: #c9f31d;
    display: flex;
    flex-direction: column;
    font-size: 18px;
	margin: 5px;
	font-family: 'IBM Plex Mono';
}
.titulo-produto span{
	font-family: 'IBM Plex Mono';
}
.valor-produto {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #253A44;
    color: #ffff;
    text-align: center;
    padding: 8px 0;
    font-weight: 500;
    font-size: 20px;
    min-height: 60px;
    display: none;
}
.desc-item-produto:last-child {
    border: none;
}
.small-produto {
    font-style: normal;
    font-size: 14px;
}
.valor-antigo-produto {
	text-decoration: line-through;
}
header.header-site-devmedia{
	background:#1a1a1a ;
	box-shadow: 0px 4px 20px 0px #00000099 ;
	border-bottom: none ;
}
header nav.lateral ul{
	background: rgb(26 26 26);
}
header a.back.close-menu.close-menu-back{
	border-bottom: 1px solid #c9f31d;
	border-top: 1px solid #c9f31d;
}
.devmenu .login-devmedia .login-usuario {
    fill: white;
}

.allForm.login-form .forgot {margin: 0; display: none;}
.btn-form-changer, .login-reenviar, .extra-buttons .forgot {font-size: 14px;font-weight: 700;text-decoration: none;color: white;background: none;cursor: pointer;border: 1px solid #b7b7b7;width: 100%;text-align: center;padding: 10px 20px;border-radius: 4px;transition: all .2s linear;}
.login-reenviar:disabled {background: gray;border-color: black;pointer-events: none;}
.extra-buttons {display: flex;gap: 10px;padding: 0;justify-content: center;align-items: center;flex-direction: column;}
.separador {width: 100%;color: white;margin: 15px auto;text-align: center;font-size: 16px;line-height: 1em;}
.codigo-aviso {color: white;text-align: center;}
#codigo {width: 250px;max-width: 100%;text-align: center;padding: 10px 20px;margin: auto;font-size: 30px;height: 2.4em;letter-spacing: 0.4em;margin: auto;}
.codigo-form .input-container {display: flex;flex-direction: column;gap: 20px;margin-bottom: 40px;}
.btn-form-changer:hover, .login-reenviar:hover, .extra-buttons .forgot:hover {background: #c9f31d;color: black;border-color: #c9f31d;}
.login-externo:disabled {background-color: gray;}
.login-form .login-error{display: block;color: #ff7171;font-size: 14px;font-weight: 500;margin-bottom: 10px;text-align: center;border: 1px solid;padding: 7px;line-height: 1.5em;border-radius: 4px;position:static;font-style: normal;}
.login-form .login-error .error-form-changer {color: white;font-weight: 700;margin: 0px;text-transform: uppercase;cursor: pointer;}
.login-form .login-error.hidden {display: none;}

@media (max-width: 1024px){
	.devmenu {
		box-shadow: none;
	}
	.cls-1{
		fill: #f9f9f9 !important;
	}
	.devmenu-mobile .drop-mobile a.menu span{
		background-color: #f9f9f9 !important;
	}
}
@media (max-width: 800px) {
	.login-form { padding: 40px 30px; }
}
@media (max-width: 700px) {
	.container-login { flex-direction: column-reverse; align-items: center; }
	.item-produto { margin: 0 0 30px; }
	.valor-produto { border-radius: 0 0 6px 6px; }
	/*.desc-produto { display: none; }*/
	.titulo_join {
        padding: 0 5px;
    }
}
@media (max-width: 576px) {
	.signup-section { padding: 30px 0 0; } 
	.login-form { max-width: initial; box-sizing: border-box; }
	.login-devmedia {margin-right: 0;}
}