html, body { }
/*Bootstrap-overlay*/

body {
 overflow-x: hidden;
 font-family: 'Open Sans', sans-serif; font-size:12px; color:#666;
 background-color: whitesmoke;
}
a{color:#666;}
a:hover, a:focus {
 text-decoration: none; color:#28b779;
}
.dropdown-menu .divider{ margin:4px 0px;}
.dropdown-menu{ min-width:180px;}
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
.dropdown-menu > li > a i{ padding-right:3px;}
.userphoto img{ width:19px; height:19px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;}
.btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;}
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
.accordion-heading h5{ width:70%; }
.form-horizontal .form-actions{ padding-left:20px; }
#footer{ padding:10px; text-align:center;}
hr{ border-top-color:#dadada;}
.carousel{ margin-bottom:0px;}
.fl { float:left}
.fr {float:right}
.label-important, .badge-important{ background:#f74d4d;}

/*Metro Background color class*/
.bg_lb{ background:#ffb848;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#28b779;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#f74d4d;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}

body { background-color:#ffffff;    padding: 0;  }
#logo, #loginbox {/* width: 50%; */margin-left: 0;margin-right: 0;position: relative;}
#logo img {  margin: 0 auto;    display: block;}
#loginbox {text-align: left;position: relative;border-radius: 20px;}
#loginbox form{width:100%;position:relative;top:0;left:0;border-radius: 20px;}
#loginbox .form-actions { padding: 0px 0px 15px;}
#loginbox .form-actions .pull-left { margin-top:0px;}
#loginbox form#loginform { z-index: 200; display:block;}
#loginbox form#recoverform { z-index: 100;     display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto;  font-size:13px;}
#loginbox .main_input_box .add-on{  padding:9px 9px; *line-height:31px; color:#fff;  width:30px; display:inline-block;}
#loginbox .main_input_box input{
    box-shadow: none;
    color: #333;
    height: auto;
    margin: 0px;
    background: #FAF9FF;
    min-height: 40px;
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 20px;
    font-size: 16px;
    padding: 15px;
    }
#loginbox .controls{ /* padding:0 20px; */}
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
.form-vertical, .form-actions {  margin-bottom: 0; background:none; border-top:1px solid #fafbfa; }
#loginbox .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px; background:#009688; color:#fff; }

@media (max-width: 480px){
#logo { width: 40%; }
#loginbox{ width:100%}
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
}
.bt_signin, .bt_signin:focus {
    font-family:
    Roboto, Arial, sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:0.03em;
    text-transform:
    uppercase;
    color:
    rgba(255, 255, 255, 1);
    text-align:
    center;
    padding:2px 0 0 24px;
    cursor:
    pointer;
    display:
    block;
    width: 100%;
    height:50px;
    line-height:48px;
    margin: 16px 5px 24px 0px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:
    none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:
    none;
    line-height:0px;
    background-color: #9e9e9e;
    transition:
    all ease 0.4s;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.bt_signin:hover {
    font-family:Roboto, Arial, sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:0.03em;
    text-transform:uppercase;
    color:rgba(255, 255, 255, 1);
    text-align:center;
    padding:2px 0 0 24px;
    cursor:pointer;
    display:block;
    width: 100%;
    height:50px;
    line-height:48px;
    margin: 16px 5px 24px 0px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    line-height:0px;
    background-color: #12121285;
    transition:all ease 0.4s;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.bt_signin2, .bt_signin2:focus {
    font-family:Roboto, Arial, sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:0.03em;
    text-transform:uppercase;
    color:rgba(255, 255, 255, 1);
    text-align:left;
    padding:2px 0 0 24px;
    cursor:pointer;
    float:left;
    display:block;
    width: 190px;
    height:50px;
    line-height:48px;
    /* background-image:url(../img/arrow-right-w.svg); */
    background-repeat:no-repeat;
    background-position: 160px center;
    background-size:16px 16px;
    margin: 16px 5px 24px 0px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    line-height:0px;
    background-color: rgb(245, 133, 51);
    transition:all ease 0.4s;
}

.bt_signin2:hover {
	cursor:pointer;
	float:left;
	display:block;
	width: 190px;
	height:50px;
	/* background-image:url(../img/arrow-right-w.svg); */
	background-repeat:no-repeat;
    background-position:160px center;
	margin:16px 0px 24px 0px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:none;
    -webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
    float:left;
	line-height:0px;
    background-color:#a74600;
    transition:all ease 0.4s;
}

.master
{
	height: 100%;
}
.vitrine
{
	text-align: right;
	height:100vh;
	position: fixed;
	float: left;
	width: 50%;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center  !important;
}
.coluna-esquerda
{
	padding: 30px;
	padding-top: 24px;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2004b6d', endColorstr='#f200be93', GradientType=1);
	border-top: 16px solid #7D1D74;
}
.coluna-direita
{
	text-align: left;
	padding: 30px;
	right: 0;
	position: absolute;
	float: left;
	width: 50%;
	height:100%;
	background: url('../img/bg_login2.webp');
	background-size: cover;
}
.login_title{
	color: #7D1D74;
	font-size: 26px;
	font-weight: 700;
	line-height: 31px;
	text-align: center;
	margin-bottom: 25px;
}
.login_subtitle{
	color: #878786;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	max-width: 292px;
	text-align: center;
	line-height: 2;
}
.login-form{
    background: #fff;
    border-radius: 2px;
    /* padding: 20px; */
    width: 395px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.text-ini{
	font-size: 17px;
	color: #555;
	margin-top: 4px;
	margin-bottom: 5px;
	font-weight: 600;
	text-transform: uppercase;
}
.frase{
	font-size: 50px;
	color: #fff;
	line-height: 51px;
	width: 67%;
	margin-left: auto;
	margin-right: 20px;
	position: relative;
	font-weight: 400;
	text-align: right;
	margin-top: 100px;
	margin-bottom: auto;
}
.rodape {
    text-align: center;
    padding-top: 15px;
    font-size: 13px;
    border-top: 1px solid #eee;
}



.sociais
{
	margin-bottom: 15px;
}
.sociais i
{
}

.sociais a 
{
	background: #eee;
	font-size: 17px;
	color: #868686;
	border-radius: 50px;
	margin-right: 3px;
	width: 33px;
	height: 33px;
	text-align: center;
	padding-top: 5px;
	display: inline-block;
}
.sociais a:hover
{
	background: #4088F6;
	color: #fff;
}

@media screen and (max-width: 400px){
.vitrine {
    position: relative;
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
	
}
.frase {
    margin: auto;
    font-size: 23px;
    line-height: 28px;
    padding-bottom: 15px;
    width: 90%;
    margin-top: 5px;
}
.coluna-esquerda {
	padding: 30px;
	padding-top: 24px;
	height: 100%;
    background: -webkit-linear-gradient(45deg,rgba(0,75,109,.95) 0,rgba(0,190,147,.95) 100%);
    background: linear-gradient(45deg,rgba(0,75,109,.95) 0,rgba(0,190,147,.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2004b6d', endColorstr='#f200be93', GradientType=1);
}

.coluna-direita{
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
    padding: 14px;
}
.rodape{
	text-align: center;
}
}
@media screen and (max-width: 736px){
.login-form{
	width:auto;
}
.vitrine {
    position: relative;
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
}
.frase {
    margin: auto;
    font-size: 23px;
    line-height: 28px;
    padding-bottom: 15px;
    width: 90%;
    margin-top: 5px;
}
.coluna-esquerda {
	padding: 30px;
	padding-top: 24px;
	height: 100%;
	background: -webkit-linear-gradient(45deg,rgba(0,75,109,.95) 0,rgba(0,190,147,.95) 100%);
	background: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2004b6d', endColorstr='#f200be93', GradientType=1);
}

.coluna-direita{
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
    padding: 14px;
}
.rodape{
	text-align: center;
}
}

@media(min-width:400px) and (max-width:736px){
.vitrine {
    position: relative;
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
	
}
.frase {
    margin: auto;
    font-size: 23px;
    line-height: 28px;
    padding-bottom: 15px;
    width: 90%;
    margin-top: 10%;
}
.coluna-esquerda {
	padding: 30px;
	padding-top: 24px;
	height: 100%;
    background: -webkit-linear-gradient(45deg,rgba(0,75,109,.95) 0,rgba(0,190,147,.95) 100%);
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2004b6d', endColorstr='#f200be93', GradientType=1);
}

.coluna-direita{
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
    padding: 14px;
}
.rodape{
	text-align: center;
}
.row-fluid .offset3:first-child {margin-left:0px;}
#cad {text-align: left;position: relative;border-radius: 20px; margin-left: 80px;/* margin-right: 50%; */width: 80%;}
#loginbox {text-align: left;position: relative;border-radius: 20px;/* margin-left: 180px; *//* margin-right: 50%; *//* width: 80%; */}
.tonlybutton
{
    line-height: 28px;
    border: none;
    white-space: nowrap;
    color: #fff;
    font-size: inherit;
    padding-left: 5px;
    padding-top: 1px;
    padding-right: 16px;
    padding-bottom: 0px;
    border: 2px solid #609b6b;
    background: #609b6b;
    margin-bottom: 4px;
    margin-right: 6px;
}
.alert-info{
	/* margin-left: 180px; */
}
}
@media(min-width:350px) and (max-width:450px){
	.bt_signin, .bt_signin:focus {
		width: 150px;
	}
	.bt_signin:hover {
		width: 150px;
	}

	.bt_signin2, .bt_signin2:focus {
		width: 150px;
	}
	.bt_signin2:hover {
		width: 150px;
	}	
	
}
@media(min-width:200px) and (max-width:350px){
	.bt_signin, .bt_signin:focus {
		width: 135px;
	}
	.bt_signin:hover {
		width: 135px;
	}

	.bt_signin2, .bt_signin2:focus {
		width: 135px;
	}
	.bt_signin2:hover {
		width: 135px;
	}	
	
}
@media(min-width:736px) and (max-width:1050px){
.vitrine {
    position: relative;
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
	
}
.frase {
    margin: auto;
    font-size: 23px;
    line-height: 28px;
    padding-bottom: 15px;
    width: 90%;
    margin-top: 10%;
}
.coluna-esquerda {
	padding: 30px;
	padding-top: 24px;
	height: 100%;
	background: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2004b6d', endColorstr='#f200be93', GradientType=1);
}

.coluna-direita{
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
    padding: 14px;
}
.rodape{
	text-align: center;
}
.row-fluid .offset3:first-child {margin-left:0px;}
#cad {text-align: left;position: relative;border-radius: 20px; margin-left: 80px;/* margin-right: 50%; */width: 80%;}
#loginbox {text-align: center;position: relative;border-radius: 20px;/* margin-left: 180px; *//* margin-right: 50%; */width: 100%;}
.tonlybutton
{
    line-height: 28px;
    border: none;
    white-space: nowrap;
    color: #fff;
    font-size: inherit;
    padding-left: 5px;
    padding-top: 1px;
    padding-right: 16px;
    padding-bottom: 0px;
    border: 2px solid #609b6b;
    background: #609b6b;
    margin-bottom: 4px;
    margin-right: 6px;
}
.alert-info{
	margin-left: 170px;
}	
#loginbox .form-actions{
	/* margin-left: 180px; */
}
}
.bg-login-image {
    background: url(../img/homem-miv-link.jpg);
    background-position: center;
    background-size: cover;
}
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.loginAdm{
    z-index: 2;
    min-width: 35%;
    left: 0;
    right: 0;
    margin: 1rem auto 0;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1.8rem rgba(0, 0, 0, .15);
    padding: 3rem 4rem 0;
    transition: all 250ms ease;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 28rem;
    top: 29%;
    margin: -17.5rem auto 0;
}

@media(min-width:350px) and (max-width:1200px){
	.loginAdm{
        margin: 1rem auto 0;
        background-color: #fff;
        position: relative;
        max-width: 36rem;
        top: 20px;
        z-index: auto;
        min-width: auto;
        box-shadow: none;
        padding: initial;
	}

}