@charset "utf-8";
/* CSS Document */
.pie{
    z-index:1;
    position:relative;	
}
*{
    margin:0;
    padding:0;	
    outline:none;
}
body{
    background:#ccc;
    font-family: 'Roboto', sans-serif;	
}
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
/* close commented backslash hack */

.auto{
    margin:0 auto;
}
.main{
    width:940px;
    background:#fff;
    padding:32px 0;	
    margin-top:19px;
}
.left{
    float:left;	
}
.right{
    float:right;	
}
.hidden{
    overflow:hidden;	
}
.envolveLogin{
    width:417px;

}
.envolveIcon{
    width:300px;	
}
.fundoIcon{
    width:91px;
    height:90px;
    border-radius:100%;
    background:url(../images/fundo-icon.png);
}
.envolveIcon > p{
    font-weight:bold;
    font-size:18px;
    color:#008ba4;	
    text-align:center;
    margin-top:5px;
}
.fundoIcon .iconMan{
    background:url(../images/ico_login.png);
    width:46px;
    height:58px;	
    margin:15px 0 0 23px;
    margin-bottom:30px;
}
.fundoIcon .iconForm{
    background:url(../images/ico_form.png);
    width:58px;
    height:48px;	
    margin:24px 0 0 18px;
    margin-bottom:30px;
}
.caixaLogin{
    width:365px;
    padding:45px 0 43px 32px;
    margin-top:22px;
}
.caixas{
    position:relative;
    background:#2eadbb;	
    border-radius:6px;
}
.caixaLogin #users-form input[type="password"],.caixaLogin #users-form input[type="text"], input{
    width:278px;
    background:#2eadbb;
    border:0;	
    font-size:16px;
    font-weight:lighter;
    color:#fff;
    height:35px;
    padding:0 0 0 15px;
    box-shadow:none;
    margin:0;
}

.caixaLogin select {
    width:332px;
    background:#2eadbb;
    border: none;
    font-size:16px;
    font-weight:lighter;
    color:#fff;
    height:35px;
    padding:0 0 0 15px;
    box-shadow:none;
    margin:0;
}

.placeholder{
    color:#fff!important;	
}
::-webkit-input-placeholder{
    color:#fff!important;	
}

::-moz-input-placeholder {
    color:#fff!important;	
}
:-moz-input-placeholder, :-moz-input-password-placeholder {
    color:#fff!important;	
}
:-ms-input-placeholder {  
    color: #fff!important; 
}
.separador, .separador2{
    border-top:3px solid #fff;
    margin:10px 0;	
}
.separador2{
    width:334px;
}
input[type="submit"].buttonLogin, input[type="submit"].buttonLogin2, input[type="submit"].buttonLogin3{
    background:#2eadbb url(../images/seta.png) no-repeat 16px 10px;
    border:10px solid #fff;	
    border-radius:100%;
    width:64px;
    height:64px;
    position:absolute;
    cursor:pointer;
    top: 59px;
    right: -30px;
    transition:800ms;
    font-size:14px;
}
input[type="submit"].buttonLogin3{
    top:36px;	
}
input[type="submit"].buttonLogin:hover,input[type="submit"].buttonLogin2:hover{
    background:#00646b url(../images/seta.png) no-repeat 16px 10px;
    transition:800ms;
}
input[type="submit"].buttonLogin2{
    top:93px;	
}
.esqSenha{
    font-size:14px;
    color:#006368;
    margin:20px 0 0 46px;
}
.esqSenha a{
    color:#2eadbb;
    text-decoration:none;
}
.esqSenha a:hover{
    text-decoration:underline;
}
.envolveForm{
    width:747px;	
}
.caixaForm{
    width: 720px;
    padding: 40px 13px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-top: 20px;
}
.caixaForm input[type="text"], .caixaForm table#editavel input[type="text"], textarea{
    background:#cccccc;
    border-radius:9px;	
    height:28px;
    margin-left:2px;
    color:#054d52;
    font-size:12px;
}
.caixaForm input[type="text"].medio{
    width: 290px;
    margin-right: 10px;
}
.caixaForm input[type="text"].pequeno{
    width:157px;
}
.caixaForm input[type="text"].grande{
    width:574px;
}
.botoes{
    border-radius:10px;
    padding:4px 10px;
    color:#00767f;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}
.botaoCancelar{
    background:#fff url(../images/ico_close.png)no-repeat 1px 3px;
    padding-left:26px;
    transition:300ms;
}
.botaoCancelar:hover{
    background:#0b8d97 url(../images/ico_close.png)no-repeat 1px 3px;
    color:#fff;
    transition:300ms;
}
.botaoEnviar{
    background: #fff url(../images/ico_enviar.png)no-repeat 1px 3px;
    padding-left: 34px;
    padding-right: 19px;
    margin-left: 10px;
    transition: 300ms;
    width: auto;
    height: 26px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    cursor:pointer;
}

.botaoLogout {
    background: #fff;
    /* padding-left: 34px; */
    /* padding-right: 19px; */
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 10px;
    transition: 300ms;
    width: auto;
    height: 26px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    cursor:pointer;
}

input.botaoEnviar:hover{
    background:#0b8d97 url(../images/ico_enviar.png)no-repeat 1px 3px;
    color:#fff;
    transition:300ms;
}
.caixaBotoes{
    float:right;
    margin:40px 20px 0 0;	
}
.first{
    width: 80px;
    word-wrap: break-word;
    max-width: 85px;
    padding-left: 7px;
    text-overflow: ellipsis;
}
.second{
    width:430px;
}
.third{
    width: 57px;
    padding-left:10px;
}
.help-inline{
    padding: 8px 13px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    width: 234px;
    margin: 10px 0 0 0px;
}
.campo-obrigatorio{
    font-size: 13px;
    text-align:left!important;
    color: #032124;	
}
.ui-spinner-input{
    background:none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{ 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
.caixaBotaoEnviar{
    margin-right:32px;	
    float:right;
}
.alert-success{
    width: 560px;
    margin: auto;
    background-color: #2eadbb;
    color:#fff;
    text-shadow:none;
    border:none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(0, 0, 0);
    background-image: none;
    color: rgb(0, 0, 0);

}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert-success {
    width: 560px;
    margin: auto;
    background-color: #2eadbb;
    color: #fff;
    text-shadow: none;
    border: none;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
    text-decoration: none;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
#yw0{
    margin-bottom:34px;	
}
.tabela{
    margin-left:114px;	
    border-radius:6px;
    padding-bottom:30px;
}
tr{
    margin-bottom:6px;	
    display:block;
}
td{
    text-align:right;	
    padding-right:6px;
}
table.produtos td{
    text-align:left;
}
table.produtos {
    border-radius:6px;	
    font-weight:300;
    font-size:14px;
    margin-top:10px;
    font-size:13px;
}
tr.border{
    background:#fff;
    height:26px;
    padding-top:2px;
    border-top-right-radius:6px;
    border-top-left-radius:6px;	
    color:#00767f;
    font-size:14px;
    margin-bottom:10px;
}
.caixaForm input.valor{
    width:44px;
    border:0;	
    height:18px;
    background:none;
    color:#fff;
    text-align:center;
    padding-bottom:3px;
}
.caixaForm table#editavel input[type="text"], textarea{
    background:#fff;
    font-size:14px;
}
.tabela-interna tr{
    margin-bottom:0;	
}
.active-header, .inactive-header{
    background: url(../images/seta-top.png) #5c9ea3 no-repeat 489px 4px;
    font-size: 15px;
    width: 539px;
    text-align: left;
    padding: 0 0 3px 7px;
    height: 19px;
    cursor:pointer;
}
.inactive-header {
    background: url(../images/seta-bottom.png) #5c9ea3 no-repeat 489px 4px;
}
.accordion-content{
    display: none;
}
.tabela-interna{
    margin:15px 9px 0 16px;
    border-radius:6px;	
}
.icon-photo{
    background:url(../images/icon-foto.png);
    width:23px;
    height:21px;
    display:block;	
    float:left;
    margin-left:7px;
}

.costcenter-block {
    display: none;
}

select#LoginForm_costcenter {
    background: #FAFFBD;
    border: none;
    height: 35px;
    width: 293px;
    padding-left: 12px;
    font-size: 16px;
}

textarea {
    padding: 3px;
}