body{
    
    padding: 0;
    margin: 0;
    font-family: Arial;
    overflow-y: scroll; 
    overflow-x: hidden;
    background-color: #FEFEFA;
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-image : url("../images/wallpapers/1.jpg");
    height: 100%;
	
}

@font-face {
  font-family: 'Symb';
  font-style: normal;
  font-weight: normal;
  src: local('Symb'), url('WebSymbols-Regular.otf') format('truetype');
}

.ui-datepicker td.holiday a, .ui-datepicker td.holiday a:hover {
background: none #FFEBAF;
border: 1px solid #BF5A0C;
}

.campo_div{
    
    padding: 7px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e0e0e0;
    width: 218px;
    
}

.hide{
    
}

.tit-orange{
    
    font-size: 18px;
    text-align: center;
    margin: 15px 0;
    background: #FF5722;
    border-radius: 5px;
    padding: 3px;
    
}

#emulator{
    
    background: url(../images/s8.png);
    height: 600px;
    width: 278px;
    position: absolute;
    left: 50%;
    border: 0;
    margin-left: 120px;
    margin-top: 10px;
}

#emulator iframe{
    
    height: 538px;
    width: 265px;
    border: 0;
    margin-top: 33px;
    border-radius: 25px;
    margin-left: 7px;
    background: url(../images/805.svg) no-repeat 50% 50%;
    
}

.symb{
    
    font-family: Symb;
    
}

html{
    
    height: 100%;
    
}

.bocadinhas{
    
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: 1px solid white;
    
}

.sele-boca{
    
    border: 2px solid orange;
    
}

iframe{

    /*width: 900px;
    height: 660px;
    border: 1px solid;*/

}

.selec-lista{
    text-align: center;
    background: #4e4e4e;
    padding: 5px;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}

.img-left{
    
    float: left;
    width: 70px;
    padding: 20px 0;
    padding-bottom: 0px;
    
}

input.big-input{
    
    width: 427px !important;
    
}

select.big-input{
    
    width: 440px !important;
    
}

.small-input{
    
    width: 100px !important;
    
}

.arquivo_pequeno{
    
    width: 30px !important;
    height: 30px !important;
    
}

.duplicar_btn{
    
    margin-top: 0 !important;
    
}

#label_valor_total{
    
    font-size: 27px;
    color: green;
    
}

.modal{
    
    padding: 10px;
    color:black;
    box-shadow: 0px 0px 20px black;
    position: fixed;
    background: #FEFEFA;
    border-radius: 10px;
    top: 30px;
    width: 441px;
    left: 50%;
    margin-left: -200px;
    border-radius: 2px;
    
}

.solicitar{
    
    box-shadow: rgba(255, 255, 255, 0.25) 0px 39px 0px -22px inset;;
    border-radius: 3px;
    border: 1px solid rgb(255, 255, 255);
    display: inline-block;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-family: Arial;
    font-size: 19px !important;
    padding: 10px 21px !important;
    text-decoration: none;
    text-shadow: rgb(47, 125, 41) 0px 1px 0px;
    padding: 5px 10px !important;
    background: #FF9800;
    position: absolute;
    right: 4px;
    margin-top: -49px !important;
    
}

/** BOOTSTRAP **/

.b-button{
    
    box-shadow: rgb(230, 122, 115) 0px 39px 0px -18px inset; 
    border-radius: 4px; 
    border: 1px solid rgb(255, 255, 255); 
    display: inline-block; 
    cursor: pointer; 
    color: rgb(255, 255, 255); 
    font-family: Arial; 
    font-size: 18px; 
    padding: 10px 21px; 
    text-decoration: none; 
    text-shadow: rgb(178, 62, 53) 0px 1px 0px; 
    background: linear-gradient(rgb(228, 104, 93) 5%, rgb(235, 103, 94) 100%) rgb(228, 104, 93);
    
}

.blur{
	
    -webkit-filter: blur(2px);
	
}

.button-green{
    
    display: inline-block; 
    cursor: pointer; 
    font-family: Arial; 
    font-size: 20px !important; 
    padding: 10px 21px !important;
    text-decoration: none; 
color: #607d8b !important;
    text-align: right;        
}

.button-black{
    box-shadow: #2c2c2c 0px 39px 0px -18px inset; 
    border-radius: 4px; 
    border: 1px solid rgb(255, 255, 255); 
    display: inline-block; 
    cursor: pointer; 
    color: rgb(255, 255, 255) !important; 
    font-family: Arial; 
    font-size: 18px !important; 
    padding: 10px 21px !important;
    text-decoration: none; 
    text-shadow: #232323 0px 1px 0px; 
    background-color: #232323; 
}

.table-striped > tbody > tr:nth-of-type(odd) {
	
    background-color: #DDDDDD;
	
}

.pesq-lista:hover{
	
    padding-left: 32px;
    background-image: url(../images/lupa.png);
    background-repeat: no-repeat;
    background-position: 5px;
	
}

.butao{

    box-shadow    : 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-bottom : 5px solid #ff9800;
    height        : 170px;
    margin-top    : 0px;
    border-radius: 3px;

}

.titulo-home{

    color       : white;
    font-size   : 18px;
    padding     : 5px;
    position    : absolute;
    width       : 490px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

a{
	
    text-decoration: none;
	
}

#arrow-left {
    
    position: fixed;
    right: 65px;
    top: 10px;
    width: 0px;
    height: 0px;
    margin-top: 20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #5d5d5d;
    
}

#conteudo #layer{
    
    margin: 20px 20px !important;
    
}

.contador{
	
    text-align: right;
    font-size: 14px;
    font-size: 15px;
    margin-top: 0px;
    float: right;
    margin-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
	
}

.tip,.tip2,.tip3:hover{
	
    cursor: pointer;
	
}

#amigos-form{
    position: fixed;
    right: 30px;
    bottom: 80px;
    padding: 10px;
    background: #FEFEFA;
    display: none;
}

.filtro-avancado{
	
    position: absolute;
    background: #FEFEFA;
    /* padding: 5px; */
    margin-left: -113px;
    display: none;
    font-size: 12px;
    /* max-height: 400px; */
    overflow: hidden;
    z-index: 1;
    margin-top: 15px;
    /* min-height: 71px; */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    border-radius: 5px;
	
}

.resultado{
    
    padding: 6px 2px 0px 3px;
    
}

.select-lista-over{
    overflow: auto;
    max-height: 250px;
    min-height: 12px;
    margin-bottom: 5px;
    min-width: 220px;
    max-width: 400px;
}

.fechar_status{

    float: right;
    margin-top: -21px;
    margin-right: 3px;

}

.user_form{
    text-decoration: underline;
    color:blue;
}

.img-detalhes{
	
    float:right;
    margin-top: 5px;
	
}

#lista-exportar{
    display: inline-block;
    width: 300px;
    text-align: center;
    background: url('../images/b_full.png') repeat scroll 0% 0% ;
    height: 30px;
    padding: 0px;
    z-index: 2000;
}

[disabled], .disabled, .blocked{
    
    background-color: #ececec !important;
    color: #3e3e3e !important;
    background-repeat: no-repeat;
    background-position: 5px;
    
}

.free{
    
    border: 1px solid green;
    
}

.btn{
    padding: 8px;
    width: 150px;
    font-size: 12px !important;
    background-color: #232323;
    background-image: url(../images/bg_menu.png);
    background-position: 0px 16px;
    border: 0;
    color: white;
}

h4{
    margin:10px 0;
}

#botoes-acao{
    text-align: right;
    background: #232323;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    position: fixed;
    bottom: 0px;
    right: 50%;
    margin-right: -118px;
    box-shadow: 0px 8px 33px rgba(0, 0, 0, 0.9);
    z-index:11;
    height: 35px;
    width: 210px;
    text-align: center;
    /*background-image: url(../images/bg_menu.png);*/
    background-repeat: repeat-x;
    background-position: 0 7px;
}

.botoes-acao{
    text-align: right;
    background: #232323;
    border-top-left-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    position: fixed;
    bottom: 0px;
    right: 270px;
    box-shadow: 0px 8px 33px rgba(0, 0, 0, 0.9);
    z-index:11;
    height: 35px;
}

#arrow-up {
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #232323;
    margin-right: -15px;
    position: fixed;
    bottom: 55px;
    right: 50%;
    z-index: 20;
}

.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
    position: absolute;
    z-index: 2;
    margin-left: 50px;
    margin-top: 3px;
    display: none;
}

.arrow-up-gray {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #4e4e4e;
    position: absolute;
    z-index: 2;
    margin-left: 50px;
    margin-top: 3px;
    display: none;
}

#form-enviar-arquivo, #form-cnpj{
    z-index: 20010;
    width: 500px;
    position: fixed;
    left: 50%;
    margin-left: -250px;
    top: 10%;
}

.mini-ajax{
	
    margin-top: 120px;
    text-align: center;
	
}

a{
    text-decoration: none;
    color: blue;
}

.req{
    color: red;
}

.lista tr:nth-child(odd){
    background: #EAEAEA;
}
.elementos .lista thead tr th{
    
    padding: 4px;
    border-bottom: 0 !important;
    background: #EAEAEA;
    border: 1px solid #EAEAEA;
    
}

.elementos .lista tr:nth-child(even){
    background: #EAEAEA;
}

.elementos .lista tr:nth-child(odd){
    background: #FEFEFA;
}

/*
.elementos .lista thead tr{
    background: #9E9E9E !important;
    color: white !important;
}

.elementos .lista tr:nth-child(even){
    background: #9E9E9E !important;
    color: white !important;
}

.elementos .lista tr:nth-child(odd){
    background: #dddddd !important;
    color: black !important;
}
*/

#layer-widgets{
    position: fixed;
    right: 10px;top: 0;
    width: 180px;
    font-size: 11px;
    padding: 10px;
    margin-top: 150px;
    height: 100%;
}

#legenda{
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}

#botao_subform{
    border-top: 1px dashed gray;
    position: absolute;
    bottom: 0px;
    width: 790px;
    padding: 10px;
    padding-right: 0;
    text-align: right;
}

.gloss{
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

.left{
    float:left;
    margin-right: 10px;
    min-width: 218px;
}

.floatRight{
    float:right;
    margin-right: 0px;
}

.right .titulo-elm{
    
    padding: 0 !important;
    margin: 0 !important;
    
}

.right{
    position: fixed;
    right: 47px;
    margin-top: 0px;
    font-size: 40px;
    width: 100px;
    background: #FEFEFA;
    border-radius: 5px;
    z-index: 4004;
    top: 2px;
    min-height: 20px !important;
    font-weight: normal !important;
    box-shadow: 0px 0px 10px 1px grey inset;
    width: 160px;
    padding-left: 11px;
        text-align: center;
}

.odd{
    background: linear-gradient(to right, #EAEAEA 0%,transparent 100%);
}

.odd-solid{
    background: #EAEAEA;
}

.imagens a{
    text-decoration: none;
}

.imagens input{
    margin-left: -16px;
}

.imagens{
    width: 120px;
    height: 120px;
    display: inline-block;
    text-align: center;
}

.sombra{
    text-shadow: 1px 1px black;
}

#subform .html{
    height: 100%;
    overflow: auto;
    border-top: 0;
    border-bottom: 0;
    margin-top: 49px;
}

#load{
    width: 100px;
    position: fixed;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
    left: 50%;
    text-align: center;
    z-index: 6100;
    display: none;
    font-size: 10px;
    color:black;
}

#subform{
    top:0 ;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 4001;
    display: none;
    height: 100%;
    overflow: auto;
}

#carregando{
    position: fixed;
    bottom:0;
    left: 50%;
    text-align: center;
    width: 140px;
    margin-left: -70px;
    padding: 15px;
    background: red;
    color:white;
    display: none;
    z-index: 1001;
}

.input-big{
    width: 500px;
}

select{
    min-width: 182px;
}

.readonly{
    min-width: 120px;
    height: 25px;
    font-size: 16px;
    display: inline-block;
    margin-top: 7px;
}

.help{
    position: absolute;
    margin-left: 7px;
    margin-top: 4px;
}

.overlay{
    position: fixed;
    background: url(../images/bg_blk.png);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

.tab-anexo{
    width: 100%;
}

.tab-anexo td{
    padding: 5px;
}

.box_central{
    width: 500px;
    height: 500px;
    background: #FEFEFA;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -250px;
    z-index: 1000;
    display: none;
}

.alerta{
    
    width: 450px;
    height: 172px;
    position: fixed;
    z-index: 5000;
    border: 1px solid gray;
    display: none;
    left: 50%;
    top:50%;
    background: #FEFEFA;
    border-radius: 2px;
    padding: 5px;
    margin-left: -230px;
    margin-top: -86px;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);
    
}

.btn-ok{
    
   padding: 5px 20px;
   border-radius: 3px;
   color: #607d8b;
    background: transparent;
    border: 0;
    font-size: 14px;
    
}

.btn-ok:active{
    
    background: #7ec6ff;
    
}

.alerta img{
    
    width: 50px;
    float: left;
    margin: 20px;
    
}

.texto-alerta{
    
    text-align: left;
    margin-bottom: 20px;
    height: 37px;
    padding-right: 20px;
    
}

#layer-trans{
    background: black;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4000 !important;
    display: none;
}

#layer-trans-alerta{
    background-color: rgba(0,0,0,0.502);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5000 !important;
    display: none;
}

.novo{
    background: url(../images/novo.png) no-repeat 0 50%;
    padding-left: 20px;
    margin: 4px;
    margin-left: 0;
    height: 25px;
    margin-left: 2px;
    margin-right: 5px;
    text-decoration: none;
    padding-top: 3px;
    position: absolute;
}

#botoes-form{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FEFEFA;
    padding: 9px 0;
    background: url(../images/bottom_bg.png);
    text-align: right;
}

.mceEditor{
    width: 99%;
    height: 400px;
}

.simples{
    width: 500px;
    height: 30px;
}

.links{
    color:black;
    text-decoration: none;
}

#paginac{
    margin-top: 10px;
}

.novo{
    color: blue;
    font-size: 14px;
}

.rodape{
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    padding: 5px;
    padding-right: 0;
    height: 30px;
    bottom: 0;
    margin-top: 10px;
}

.ligue{
    background: #FEFEFA;width: 135px;height: 30px;position: absolute;right: 5px;font-size: 14px;
}

select[multiple='multiple']{
    height: 150px;
    min-width: 250px;
}

hr{
    border: 0;
    border-top: 1px dashed gray;
    margin: 0;
    padding: 0;
}

#conteudo .layer{
    margin: 5px;
    margin-bottom: 20px;
    border-radius: 3px;
        margin-top: 37px;
}

.tabela td{
    padding: 5px;
}

.titulo{
    font-size: 20px;
    padding: 0px;
    margin-bottom: 10px;
    color:white;
    text-shadow: 1px 1px black;
    text-align: center;
}

.lista tr:HOVER{
    background: #f7f7f7;
    /*text-shadow: 2px 2px #EAEAEA;*/
}

.hover:HOVER{
	
}

.lista{
    border: 1px solid gray;
    width: 100%;
    border-spacing:0;
    border-collapse:collapse;
    color: #555;
    background: #FEFEFA;
}

#filtrar{
    padding: 0px;
    border-radius: 3px;
    overflow: auto;
}

.lista th{
    border: 1px solid #eaeaea;
    font-weight: normal;
}

.even{
    background: #EAEAEA;
}

.lista th a{
    color: #795548;
}	
	
.lista td{
    font-size: 14px;
    border: 1px solid #eaeaea;
    padding: 5px;
}
	
.elementos .lista td{
    border: 1px solid #dddddd;
}

form input[type='text'],form input[type='number'], form select, form input[type='password'], form textarea, form .wysiwyg {
    padding: 6px;
    font-size: 16px;
    background-color: #FEFEFA;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
}

form input[type='text']:focus,textarea:focus {
    border-bottom: 2px solid #4285f4;
}

form input[type='text']{
    padding: 6.5px;
}

.botao {
    padding: 10px;
}

/*************** Notifications ***************/

.notification {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.9%;
}
                

.attention {
    background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #dbe3ff url('../images/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('../images/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error1 {
    background: #ffcece url('../images/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}

.notification div {
    display:block;
    font-style:normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color:#990000;
    font-size:9px;
    position:absolute;
    right:5px;
    top:5px;
}

form label {
    display: block;
    padding: 5px 0px;
}

.titulo-elm{
    font-size: 16px !important;
}

.minielement{
    min-height: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#form_principal label{
    font-size: 14px;
}

.error{
    border-bottom: 2px solid  #ef0623 !important;
}

hr{
    margin: 10px 0 10px;
}
.mceEditor {

    margin-bottom: 10px;
}
.elemento{
    padding: 0px;
    font-size: 14px;
}

.elemento h4{
    margin: 0;
}

.element{
    min-height: 75px;
    /*padding: 10px 0;*/
    padding-top: 1px;
}

.h2-alternative{
	
    padding-bottom: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    
}

.sub_form{
    background: #cfffa0;
    padding: 10px;
    display: none;
    padding: 10px;
}

input[type='text'], select, textarea{
    width: 200px;
}

select{
    width: 213px;
}

h3{
    margin-bottom: 5px;
    text-shadow: 1px 1px gray;
    color:white;
}

.tags{
    padding-left: 32px;
    background-image: url(../images/lupa.png);
    background-repeat: no-repeat;
    background-position: 5px;
}

/* CHAT */

#layer-amigos{
    width: 260px;
    margin-left: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}

#layer-chat{
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    width: 250px;
    position: fixed;
    margin-left: 320px;
    display:none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.layer-corpo{
	
    margin: 10px;
    border-bottom: 1px dashed gray;
    padding-bottom: 10px;
	
}

#layer-aviso{
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    width: 250px;
    position: fixed;
    margin-left: 320px;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
}

#layer-detalhes-amigos{
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    width: 250px;
    position: fixed;
    margin-left: 310px;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 280px;
    background-color: #FEFEFA;
    border-top-right-radius: 5px;
    padding: 10px;
    display: none;
}

.detalhes-amigos{
	
    margin-left: 20px;
	
}

.titulo-chat{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #232323;
    color:white;
    background-repeat: repeat-x;
    background-position: 0 -4px;
}


.titulo-chat:HOVER{
    cursor: pointer;
}

#corpo-mensagem{
    background: #FEFEFA;
    padding:10px;
    position: relative;	
    height: 200px;
    overflow: auto;
    width: 230px;
}

#nova-msg{
    float:right;
    margin-top: -5px;
    margin-right: -3px;
}

.nao-lido{
    background: #ffe181;
}

.chat-amigo{
    cursor: pointer;
    font-size: 12px;
}

.chat-amigo:HOVER{
    background: #EAEAEA;
}

.online{
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/chat.png) no-repeat -2px -50px;
}

.offline{
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/chat.png) no-repeat -20px 0px;
}

.mensagem:HOVER{
    cursor: default;
}

.mensagem{
    position: fixed;
    display: block;
    top: -100px;
    background: #232323;
    width: 280px;
    margin-left: -125px;
    border-radius: 5px;
    padding: 13px;
    font-size: 14px;
    color: white;
    opacity: 0;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    z-index: 2001;
    right: 20px;
}

label{
    margin: 5px 0;
}