@charset "utf-8";

/* METRONICS ###################################################################################### */
body { 
		/*background-color: #000000 !important;*/
		background-image: url('../img/subtle_carbon.png'); 
}

/* Esconder placeholder on focus */
/* Webkit */
[placeholder]:focus::-webkit-input-placeholder { opacity: 0; }
/* Firefox < 19 */
[placeholder]:focus:-moz-placeholder { opacity: 0; }
/* Firefox > 19 */
[placeholder]:focus::-moz-placeholder { opacity: 0; }
/* Internet Explorer 10 */
[placeholder]:focus:-ms-input-placeholder { opacity: 0; }
/* Modern Browsers */
[placeholder]:focus::placeholder { opacity: 0; }


.login{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



.login .content {
	opacity: 0;
	width: 100%;
	max-width: 400px;
	/*background: url(../img/bg-white-90.png) repeat;*/
	/*background-color: #FFFFFF;*/
	background-color: rgba(255, 255, 255, 0.92);
	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
			border-radius: 10px;
}

.login .content .input-lg {
	width: 100% !important;

}
.login .content {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	padding: 0;
}

.login .content .login-form, .login .content .forget-form, .login .content .register-form {
    padding: 30px 30px 0 30px;
}


@keyframes spin { to { transform: rotate(360deg);} }
.login .carregando {
	position: absolute;
    border: 8px solid rgba(0, 0, 0, 0.1);
    border-left-color: #00a651;
    border-right-color: #00a651;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.2s linear infinite;
}
.login .showLogin ~ .carregando {
	display: none;
}
.login .content.showLogin {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.login .content .form-actions {
	background-color: transparent;
	border-width: 0;
}

.login .content .logo {
    margin: 0;
    padding: 30px 0;
    background-color: #999;
	border-radius: 10px 10px 0 0;
}

/* .login .content .logo:before {
    position: absolute;
    content: "";
    background-color: #DDD;
    width: 100%;
    height: 110px;
    border-radius: 8px 8px 0 0;
    z-index: -1;
    top: 0;
    left: 0;
} */

.login.logoEmpresa .content .logo:before { background-color: #999999; }
.login.criarconta .content .logo:before { background-color: #1f1f1f; }


.login .content .logo .logoSistema { display: none; }
.login.logoEmpresa .content .logo .logoEmpresa { display: inline; }
.login.logoEmpresa .content .logo .logoSistema { display: none; }
.login.criarconta .content .logo .logoEmpresa { display: none; }
.login.criarconta .content .logo .logoSistema { display: inline; }

.login .content .logo img { 
	/*width: 100%;*/
	max-width: 280px;
    max-height: 80px;
}

.login .btFacebook, .login .btEntrar, .login .btCadastro {
    width: 100%;
}

.login .content .input-icon {
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
}

.login .content .has-error .input-icon {
	border-color: red !important;
}

/*.login .copyright {}*/

.login .novoCadastroLogin {
  display: none;
}

.login.criarconta .login-form {
  display: none;
}


.login.criarconta .register-form {
  display: block;
}
.login.criarconta .content {
	max-width: 460px;
}


.input-icon > .form-control {
    padding-left: 16px !important;
}

.retorno .alert {
	margin-left: -30px;
	margin-right: -30px;
	border-radius: 0; 
}

.backstretch-info {
	background: url(../img/bg-white-90.png) repeat;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 1px 6px;
	border-radius: 8px 0px 0px 0px;
	font-size: 11px;
	opacity: 0.7;
	display: none;
	z-index: -999998;
}

.backstretch-info:hover {
	opacity: 0.9;
}

.backstretch-info a { 
  color: #000000;
  text-decoration: none; 
}


.backstretch:after {
  content: "";
  display: block;
  position: fixed; /* could also be absolute */ 
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  /*background-color: rgba(0,0,0,0.2);*/
  background-image: url("../img/overlays/01.png");
}




.c500px {
	color: #999;
	font-size: 11px;
	opacity: 0.7;
	text-align: center;
	margin-bottom: 5px;
	text-shadow: 1px 1px 1px #000;
}



.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

.margin10 {	margin: 10px !important; }
.margin20 {	margin: 20px !important; }
.margin30 {	margin: 30px !important; }
.margin40 {	margin: 40px !important; }

.marginTop10 { margin-top: 10px !important; }
.marginTop20 { margin-top: 20px !important; }
.marginTop30 { margin-top: 30px !important; }
.marginTop40 { margin-top: 40px !important; }

.marginBottom10 { margin-bottom: 10px !important; }
.marginBottom20 { margin-bottom: 20px !important; }
.marginBottom30 { margin-bottom: 30px !important; }
.marginBottom40 { margin-bottom: 40px !important; }

.marginRight10 { margin-right: 10px !important; }
.marginRight20 { margin-right: 20px !important; }
.marginRight30 { margin-right: 30px !important; }
.marginRight40 { margin-right: 40px !important; }

.marginLeft10 { margin-left: 10px !important; }
.marginLeft20 { margin-left: 20px !important; }
.marginLeft30 { margin-left: 30px !important; }
.marginLeft40 { margin-left: 40px !important; }



.padding10 { padding: 10px !important; }
.padding20 { padding: 20px !important; }
.padding30 { padding: 30px !important; }
.padding40 { padding: 40px !important; }

.paddingTop10 { padding-top: 10px !important; }
.paddingTop20 { padding-top: 20px !important; }
.paddingTop30 { padding-top: 30px !important; }
.paddingTop40 { padding-top: 40px !important; }

.paddingBottom10 { padding-bottom: 10px !important; }
.paddingBottom20 { padding-bottom: 20px !important; }
.paddingBottom30 { padding-bottom: 30px !important; }
.paddingBottom40 { padding-bottom: 40px !important; }

.paddingRight10 { padding-right: 10px !important; }
.paddingRight20 { padding-right: 20px !important; }
.paddingRight30 { padding-right: 30px !important; }
.paddingRight40 { padding-right: 40px !important; }

.paddingLeft10 { padding-left: 10px !important; }
.paddingLeft20 { padding-left: 20px !important; }
.paddingLeft30 { padding-left: 30px !important; }
.paddingLeft40 { margin-left: 40px !important; }

.noradius { border-radius: 0 !important; }
.noborder { border: 0px !important; }
.noPaddingTop { padding-top: 0px !important; }
.noPaddingBottom { padding-bottom: 0px !important; }
.noPaddingRight { padding-right: 0px !important; }
.noPaddingLeft { padding-left: 0px !important; }
.noMarginTop { margin-top: 0px !important; }
.noMarginBottom { margin-bottom: 0px !important; }
.noMarginRight { margin-right: 0px !important; }
.noMarginLeft { margin-left: 0px !important; }



/* FIM METRONICS ###################################################################################### */





/* ############################################### CHECKBOX / RADIO  */ 
/* http://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: .25em;
     -moz-border-radius: .25em;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.radio .cr {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
    border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    /*transform: scale(3) rotateZ(-20deg);*/
    opacity: 0;
    /*transition: all .3s ease-in;*/
}
.checkbox label:hover input[type="checkbox"] + .cr > .cr-icon,
.radio label:hover input[type="radio"] + .cr > .cr-icon {
    /*transform: scale(1) rotateZ(0deg);*/
    opacity: 1;
    color:#CCC;
}
.checkbox label:hover input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label:hover input[type="radio"]:checked + .cr > .cr-icon {
    /*transform: scale(1) rotateZ(0deg);*/
    opacity: 1;
    color:green;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    /*transform: scale(1) rotateZ(0deg);*/
    opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/* minha alteracao */
.checkbox .cr .cr-icon {
    font-size: 1.8em;
    left: 0;
    top: 30%;
    color: green;
}

/* ############################################### FIM CHECKBOX / RADIO  */ 






/* ################################################################# */
/* ################################################################# */ 
@media (max-width: 767px) {
	
	#isCelular { display: block !important; }

	
} /* FIM @media (max-width: 767px) */




/* ################################################################# */
/* ################################################################# */ 
@media (max-width: 480px) {



.login {
	margin: 0 25px !important;
}
.login .content {
	margin-top: 0px;
	max-width: 100%;
}

.c500px { display: none; }


} /* FIM @media (max-width: 480px) */