@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

html														{ border:0; margin:0px; padding:0px; width:100%; min-height:100%; overflow:auto; scroll-behavior: smooth; scroll-padding: var(--scroll-padding, 70px); }
body														{ border:0px; margin:0px; padding:0px; width:100%; min-height:100%; font-family:'Open Sans',sans-serif; font-weight:300; font-size:15px; background:#f0f0f0; top:0px !important; }
img, div, input, select, textarea							{ border:0; margin:0px; padding:0px; outline:0px; }
a															{ text-decoration:none; }
*															{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body::-webkit-scrollbar										{ width:8px; }
body::-webkit-scrollbar-track								{ background:#000; }
body::-webkit-scrollbar-thumb								{ background:#333; }

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%) !important;
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em  !important;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em  !important;
  background-repeat: no-repeat  !important;
  
}

.slick-dots													{ bottom:-15px !important; }
.slick-dots li												{ width:7px; height:10px; }
.slick-dots li button										{ width:7px; height:10px; }
.slick-dots li button:before								{ width:7px; height:10px; }

.centralizar													{ width:auto; margin:0px auto; }
.ui-datepicker												{ font-size:12px !important; }
.swal2-container												{ z-index:91060 !important; }

.btvoltar													{ border:1px solid #FFF; border-radius:50px; padding:10px 30px; color:#FFF; float:right; cursor:pointer; }
.btvoltar:hover												{ background:#FFF; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.btprint														{ border:1px solid #FFF; border-radius:50px; padding:7px 20px; color:#FFF; float:right; cursor:pointer; font-size:20px; margin-right:10px; }
.btprint:hover												{ background:#FFF; color:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.messagebox_content h3										{ font-size:18px; margin:0px; padding:0px 0px 10px 0px; }


.login														{ position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:center center no-repeat #000; background-size:cover; }
.login-caixa													{ position:fixed; top:20px; right:20px; width:380px; height:calc(100% - 40px); border-radius:10px; padding:30px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.5); backdrop-filter: blur(10px); display:flex; align-items:center; justify-content:center; }
.login-caixa-container										{ display:block; }
.login-caixa-container-logo									{ height:200px; background:center center no-repeat; background-size:260px; }
.login-caixa-container-erro									{ width:100%; background:#e74c3c; border:1px solid #c0392b; border-radius:5px; font-size:15px; padding:15px; margin-bottom:30px; color:#FFF; text-align:center; font-weight:bold; display:none; }
.login-caixa-container input[type=text]						{ width:100%; background:#FFF; border:1px solid #AAA; border-radius:5px; font-size:15px; padding:15px; margin-bottom:10px; }
.login-caixa-container input[type=password]					{ width:100%; background:#FFF; border:1px solid #AAA; border-radius:5px; font-size:15px; padding:15px; margin-bottom:10px; }
.login-caixa-container button								{ width:100%; background:#27ae60; border:1px solid #27ae60; border-radius:5px; font-size:14px; padding:15px 0px; margin-top:30px; color:#FFF; text-transform:uppercase; font-weight:bold; cursor:pointer; }
.login-caixa-container button i								{ margin-left:10px; }
.login-caixa-container button:hover							{ background:#2ecc71; }


.aviso1														{ position:absolute; top:10px; right:10px; z-index:999999; background:#27ae60; color:#FFF; padding:15px 20px; border-radius:5px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); }
.aviso1 i													{ display:inline-block; border-right:1px solid #FFF; padding-right:15px; margin-right:15px; }

.aviso2														{ position:absolute; top:10px; right:10px; z-index:999999; background:#c0392b; color:#FFF; padding:15px 20px; border-radius:5px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); }
.aviso2 i													{ display:inline-block; border-right:1px solid #FFF; padding-right:15px; margin-right:15px; }


.div01														{ background:#222; position:fixed; z-index:99; left:0px; top:0px; width:80px; height:100vh; color:#FFF; text-align:center; }
.div01-logo													{ font-size:32px; padding:20px 0px; border-bottom:1px solid #CCC; border-color:rgba(255,255,255,0.2); color:#FFF; }
.div01-item													{ font-size:24px; height:90px; cursor:pointer; border-bottom:1px solid #CCC; border-color:rgba(255,255,255,0.2); color:#FFF; }
.div01-item i												{ display:block; padding-top:20px; }
.div01-item span												{ display:block; font-size:12px; padding-top:10px; }
.div01-item:hover											{ background-color:rgba(255,255,255,0.1); }
.div01-item-ativo											{ background:#f28143 !important; }
.div01-configuracao											{ position:fixed; bottom:75px; left:15px; font-size:24px; width:50px; height:50px; border-radius:5px; background-color:rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; cursor:pointer; color:#FFF; }
.div01-configuracao:hover									{ color:#000; background:#FFF; }
.div01-usuario												{ position:fixed; bottom:15px; left:15px; font-size:24px; width:50px; height:50px; border-radius:5px; background:url(../images/perfil.webp) center center no-repeat; background-size:cover; cursor:pointer; }

.div01-usuario-caixa										{ position:absolute; display:none; width:340px; left:90px; bottom:10px; z-index:9999; background-color:#FFF; border-radius:10px; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3); }
.div01-usuario-caixa-conta									{ padding:20px; border-bottom:1px solid #CCC; }
.div01-usuario-caixa-conta-imagem							{ width:50px; height:50px; border-radius:50px; float:left; background:url(../images/perfil.webp) center center no-repeat; background-size:cover; }
.div01-usuario-caixa-conta-texto							{ margin-left:70px; color:#333; text-align:left; padding-top:8px; }
.div01-usuario-caixa-conta-texto b							{ font-size:18px; }
.div01-usuario-caixa-conta-texto span						{ font-size:14px; }
.div01-usuario-caixa-menu									{ padding:10px 0px; border-bottom:1px solid #CCC; text-align:left; }
.div01-usuario-caixa-menu i									{ display:inline-block; width:30px; text-align:center; }
.div01-usuario-caixa-menu a									{ color:#444; padding:10px 10px; display:block; }
.div01-usuario-caixa-menu a:hover							{ background:#ebebeb; }
.div01-usuario-caixa-sair									{ padding:15px 10px; font-size:14px; color:#333; text-align:left; cursor:pointer; }
.div01-usuario-caixa-sair i									{ display:inline-block; width:30px; text-align:center; }
.div01-usuario-caixa-sair:hover								{ background:#ebebeb; }

.div02														{ background:#FFF; position:fixed; z-index:98; left:80px; top:0px; width:300px; height:100vh; padding:0px 10px; }
.div02-btnovo												{ float:right; width:40px; height:40px; background-color:#d0e7de; border-radius:5px; margin:20px 10px 0px 0px; color:#073724; display:flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer; }
.div02-btnovo:hover											{ background:#073724; color:#FFF; }
.div02-titulo												{ padding:28px 10px; border-bottom:1px solid #CCC; font-size:20px; font-weight:bold; }
.div02-titulo i												{ margin-right:10px; }
.div02 ul													{ list-style:none; margin:0px; padding:0px; }
.div02 li													{ list-style:none; margin:0px; padding:0px; padding:15px 10px; border-bottom:1px solid #CCC; cursor:pointer; color:#666; font-weight:500; }
.div02 li a													{ color:#888; }
.div02 li:hover												{ color:#000; }
.div02 li:hover a											{ color:#000; }
.div02 li i													{ margin-right:10px; }
.div02 li i 													{ color:#f28143; }
.div02 li ul													{ padding-top:10px; display:none; }
.div02 li ul li												{ padding:5px 0px 5px 30px; border:0px; font-weight:300; }
.div02 li ul li a											{ color:#888 !important; }
.div02 li ul li a:hover										{ color:#000 !important; }
.div02 li ul li i											{ display:inline-block; width:20px; margin-right:5px; text-align:center; }

.div02-clientes												{ background:#f2814333 !important; padding:20px; margin:-1px -10px 0px -10px; border-top:1px solid #f28143; border-bottom:1px solid #f28143; }
.div02-clientes select										{ width:100%; height:40px; border:1px solid #f2814399; border-radius:5px; background-color:#FFF; color:#000; font-size:14px; padding:0px 10px; }

/*.div02 li:active ul											{ display:block; }*/

.div02-ocultar												{ display:none; }


.div03														{ position:fixed; z-index:97; right:0px; top:0px; width:calc(100% - 380px); height:100vh; overflow-y:scroll; }
.div03-ocultar												{ width:calc(100% - 80px); }
.div03-topo													{ margin:20px; height:150px; border-radius:12px; background:url(../images/titulo-fundo.webp) center center no-repeat #f28143; background-size:cover; position:relative; }
.div03-topo-titulo											{ font-size:24px; font-weight:700; color:#FFF; position:absolute; left:30px; bottom:30px; }
.div03-topo-titulo .div02-btnovo							{ float:left; display:inline-flex; margin:-7px 0px 0px 20px; }

.div03-conteudo												{ padding:20px; }

.div03-conteudo .dataTables_wrapper							{ margin:-10px 0px; }
.div03-conteudo .dataTables_info    				        { border:1px solid #CCC; border-color: rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 0px 0px 0px; padding: 10px 20px; background: #FFF; font-size: 1em; }
.div03-conteudo .previous               				    { border:1px solid #CCC !important; border-color: rgba(0,0,0,0.1) !important; border-radius: 5px 0px 0px 5px !important; margin: 10px 0px 0px 0px !important; padding: 10px 20px !important; background: #FFF !important; font-size: 1em !important; }
.div03-conteudo .next                  					    { border:1px solid #CCC !important; border-color: rgba(0,0,0,0.1) !important; border-radius: 0px 5px 5px 0px !important; margin: 10px 0px 0px 0px !important; padding: 10px 20px !important; background: #FFF !important; font-size: 1em !important; }
.div03-conteudo .paginate_button        				    { border:1px solid #CCC !important; border-color: rgba(0,0,0,0.1) !important; margin: 10px 0px 0px -1px !important; padding: 10px 15px !important; background: #FFF !important; font-size: 1em !important; }
.div03-conteudo .disabled                   				{ background: transparent !important; }


.div03::-webkit-scrollbar									{ width:5px; }
.div03::-webkit-scrollbar-track								{ background:#f3f3f3; }
.div03::-webkit-scrollbar-thumb								{ background:#333; }


.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #000 !important; background: #e0e0e0 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover   { color: #000 !important; background: #f9f9f9 !important; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: none !important; }
.dataTables_wrapper .dataTables_filter              { float: left; border: 1px solid #CCC; border-color: rgba(0,0,0,0.1); border-radius: 5px; margin: 18px 0px 20px 0px; overflow: hidden; }
.dataTables_wrapper .dataTables_filter input        { border: 0px !important; background: transparent !important; width: 240px !important; padding: 11px 15px !important; background: #FFF !important; border-left: 1px solid #CCC !important; border-color: rgba(0,0,0,0.2) !important; }
.dataTables_wrapper .dataTables_filter label        { padding:0px 0px 0px 10px; }
.dataTables_wrapper .dataTables_length              { float: right; border: 1px solid #CCC; border-color: rgba(0,0,0,0.1); border-radius: 5px; margin: 18px 0px 20px 0px; overflow: hidden; }
.dataTables_wrapper .dataTables_length label        { padding:0px 15px 0px 0px; }
.dataTables_wrapper .dataTables_length select       { border: 0px !important; background-color: transparent !important; width: 70px !important; padding: 9px 10px !important; background-color: #FFF !important; border-right: 1px solid #CCC !important; border-color: rgba(0,0,0,0.2) !important; margin-right: 10px !important; }
.dataTables_wrapper::after                          { content: ""; clear: both; display: block; }

table.dataTable.no-footer                           { margin-top: 20px; }

table.dataTable thead th, table.dataTable thead td  { border-bottom: 1px solid #CCC !important; border-color: rgba(0,0,0,0.1) !important; padding: 15px 10px !important; background-color: #FFF !important; font-size: 1em !important; text-align: left !important; }
table.dataTable thead th                            { background-color: #fff !important; -webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,1); box-shadow:inset 0 1px 0 0 rgba(255,255,255,1); }
table.dataTable thead th:first-child                { border-radius: 5px 0px 0px 0px !important; }
table.dataTable thead th:last-child                 { border-radius: 0px 5px 0px 0px !important; }
table.dataTable tbody tr td                         { border: 0px !important; border-color: rgba(0,0,0,0.1) !important; padding: 10px 10px; }
table.dataTable tbody tr td a						{ text-decoration:none; color:#555; }
table.dataTable.no-footer                           { border: 1px solid #CCC !important; border-color: rgba(0,0,0,0.1) !important; border-radius: 5px !important; overflow: hidden !important; }
table.dataTable thead .sorting                      { background-image: url(../images/datatable/002.png) !important; background-size: 8px; }
table.dataTable thead .sorting_asc                  { background-image: url(../images/datatable/003.png) !important; background-size: 8px; }
table.dataTable thead .sorting_desc                 { background-image: url(../images/datatable/004.png) !important; background-size: 8px; }

.select2-container .select2-selection--single		{ height:38px !important; }
.select2-container--default .select2-selection--single									{ border-color:#CCC !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered		{ font-family:arial !important; padding-top:5px !important; font-size:14px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow			{ top:6px !important; }

.lista-apagar								{ width:30px; height:30px; border:1px solid #DDD; background:#eee; border-radius:4px; font-size:16px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; margin:0px 2px; }
.lista-apagar:hover							{ background:#e74c3c; border-color:#c0392b; color:#FFF; }
.lista-editar								{ width:30px; height:30px; border:1px solid #DDD; background:#eee; border-radius:4px; font-size:16px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; margin:0px 2px; }
.lista-editar:hover							{ background:#2ecc71; border-color:#27ae60; color:#FFF; }
.lista-nenhum								{ padding:60px 0px; margin:30px 0px; text-align:center; font-family:'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#000; border:1px dashed #CCC; background:#f9f9f9; -moz-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); }

.formulario										{ background:#F9F9F9; border:1px solid #CCC; border-radius:10px; padding:30px 23px 30px 30px; margin-bottom:20px; }

.formulario-subtitulo							{ width:100%; float:left; text-transform:uppercase; font-family:'PT Sans', sans-serif; font-weight:400; font-size:16px; color:#000; margin:20px 0px 20px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #CCC; }

.formulario-caixa								{ float:left; padding-bottom:15px; }
.formulario-caixa label							{ font-family:'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#666; display:block; padding:5px 0px 3px 0px; }
.formulario-caixa .formulario-editor			{ border:1px solid #CCC; background:#FFF; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:0px; border-radius:4px; }
.formulario-caixa input[type=text]				{ border:1px solid #CCC; background:#FFF; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa input[type=password]			{ border:1px solid #CCC; background:#FFF; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa input[type=file]				{ border:1px solid #CCC; background:#FFF; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa textarea						{ border:1px solid #CCC; background:#FFF; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa select						{ border:1px solid #CCC; background:#FFF; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; -webkit-appearance:menulist-button; height:38px; }
.formulario-caixa fieldset						{ border:1px solid #CCC; border-radius:6px; width:100%; padding:15px; background:#FFF; width:calc(100% - 7px); }
.formulario-caixa legend						{ padding:5px; margin-left:-7px; border:1px solid #CCC; background:#FBFBFB; font-size:13px; color:#000; border-radius:4px; }
.formulario-caixa .formulario-opcao				{ float:left; margin-bottom:8px; }
.formulario-caixa .formulario-opcao label		{ font-size:14px; }

.formulario-caixa .formulario-editor:focus		{ background:#FFF; border:1px solid #48b7f4; }
.formulario-caixa input[type=text]:focus		{ background:#FFF; border:1px solid #48b7f4; }
.formulario-caixa input[type=password]:focus	{ background:#FFF; border:1px solid #48b7f4; }
.formulario-caixa textarea:focus				{ background:#FFF; border:1px solid #48b7f4; }
.formulario-caixa select:focus					{ background:#FFF; border:1px solid #48b7f4; }

.formulario-caixa .caixa_file_botao_excluir				{ width:42px; height:42px; border:1px solid #CCC; background:#FFF; float:right; border-radius:4px; color:#999; font-size:16px; margin-left:5px; margin-right:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.formulario-caixa .caixa_file_botao_excluir:hover		{ border-color:#c0392b; background-color:#e74c3c; color:#FFF; }
.formulario-caixa .caixa_file_botao_visualizar			{ width:42px; height:42px; border:1px solid #CCC; background:#FFF; float:right; border-radius:4px; color:#999; font-size:16px; margin-left:5px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.formulario-caixa .caixa_file_botao_visualizar:hover	{ border-color:#2980b9; background-color:#3498db; color:#FFF; }

.formulario-caixa-erro								{ float:left; padding-bottom:15px; }
.formulario-caixa-erro label						{ font-family:'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#C30; display:block; padding:5px 0px 3px 0px; }
.formulario-caixa-erro .formulario-editor			{ border:1px solid #C30; background:#FFf6f6; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:0px; border-radius:4px; }
.formulario-caixa-erro input[type=text]				{ border:1px solid #C30; background:#FFf6f6; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa-erro input[type=password]			{ border:1px solid #C30; background:#FFf6f6; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa-erro textarea						{ border:1px solid #C30; background:#FFf6f6; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; }
.formulario-caixa-erro select						{ border:1px solid #C30; background:#FFf6f6; font-family:arial; font-size:14px; color:#000; width:100%; width:-webkit-calc(100% - 7px); width:-moz-calc(100% - 7px); width:calc(100% - 7px); padding:10px 5px; border-radius:4px; -webkit-appearance:menulist-button; height:38px; }
.formulario-caixa-erro fieldset						{ border:1px solid #C30; border-radius:6px; width:100%; padding:15px; background:#FFf6f6; width:-webkit-calc(100% - 47px); width:-moz-calc(100% - 47px); width:calc(100% - 47px); }
.formulario-caixa-erro legend						{ padding:5px; margin-left:0px; border:1px solid #C30; background:#FFf6f6; font-family:arial; font-size:13px; border-radius:4px; }
.formulario-caixa-erro .formulario-opcao			{ float:left; margin-bottom:8px; }
.formulario-caixa-erro .formulario-editor:focus		{ background:#FFF; border:1px solid #FF0000; }
.formulario-caixa-erro input[type=text]:focus		{ background:#FFF; border:1px solid #FF0000; }
.formulario-caixa-erro textarea:focus				{ background:#FFF; border:1px solid #FF0000; }
.formulario-caixa-erro select:focus					{ background:#FFF; border:1px solid #FF0000; }

#adm_form											{ margin:0px 7px; display:block; }

.mensagem_erro								{ background:#E9573F; border-radius:6px; padding:20px; margin:0px 7px 20px 0px; font-family:'PT Sans', sans-serif; font-weight:400; font-size:12px; color:#FFF; line-height:24px; display:none; }
.mensagem_erro .erro						{ border-left:1px solid #FFF; padding-left:20px; }
.mensagem_erro .erro b						{ text-transform:uppercase; }


.botoes-caixa								{ margin-right:7px; }
.botoes-salvar								{ float:right; border:0px; padding:8px 40px; font-family:'PT Sans', sans-serif; cursor:pointer; font-weight:400; font-size:16px; color:#FFF; margin-left:10px; background-color:#27ae60; border-radius:4px; transition-duration:0.3s; }
.botoes-salvar:hover						{ background-color:#2ecc71; transition-duration:0.3s; }
.botoes-generico								{ float:left; border:0px; padding:8px 30px; font-family:'PT Sans', sans-serif; cursor:pointer; font-weight:400; font-size: 16px; color:#000; margin-left:10px; background-color:rgba(255,255,255,0.4); border-radius:4px; transition-duration:0.3s; }
.botoes-generico:hover						{ background-color:rgba(255,255,255,1); transition-duration:0.3s; }
.botoes-cancelar								{ float:right; border:0px; padding:8px 25px; font-family:'PT Sans', sans-serif; cursor:pointer; font-weight:400; font-size: 16px; color:#000; margin-left:10px; background-color:#CCC; border-radius:4px; transition-duration:0.3s; }
.botoes-cancelar:hover						{ background-color:rgba(255,255,255,1); transition-duration:0.3s; }


.chat										{ border:1px solid #CCC; border-radius:10px; background:#FFF; width:100%; height:calc(100vh - 230px); overflow:hidden; }
.chat-caixa									{ height:calc(100% - 61px); border-bottom:1px solid #CCC; background:url(../images/chat-fundo.png) center center repeat #e0e0e0; padding:10px 20px; background-size:400px; overflow:scroll; }
.chat-caixa::-webkit-scrollbar				{ width:4px; height:0px; }
.chat-caixa::-webkit-scrollbar-track		{ background:#e0e0e0; }
.chat-caixa::-webkit-scrollbar-thumb		{ background:#AAA; }


.chat-caixa-mensagem1						{ float:right; background:#FFF; padding:10px; border-radius:10px; font-size:15px; line-height:22px; color:#000; margin:20px 20px 0px 100px; }
.chat-caixa-mensagem1-data					{ font-size:11px; text-align:right; background-color:rgba(0,0,0,0.1); border-radius:5px; margin:0px 0px 5px 0px; padding:2px 8px; color:#000; display:inline-block; }
.chat-caixa-mensagem1-data i				{ margin:0px 5px 0px 0px; }
.chat-caixa-mensagem1-data span				{ font-size:14px; font-weight:bold; padding-right:20px; }

.chat-caixa-mensagem2						{ float:left; background:#f28143; padding:10px; border-radius:10px; font-size:15px; line-height:22px; color:#000; margin:20px 100px 0px 20px; }
.chat-caixa-mensagem2-data					{ font-size:11px; text-align:right; background-color:rgba(0,0,0,0.2); border-radius:5px; margin:0px 0px 5px 0px; padding:2px 8px; color:#FFF; display:inline-block; }
.chat-caixa-mensagem2-data i				{ margin:0px 5px 0px 0px; }
.chat-caixa-mensagem2-data span				{ font-size:14px; font-weight:bold; padding-right:20px; }


.chat-mensagem								{ height:60px; }
.chat-mensagem input						{ float:left; width:calc(100% - 60px); border:0px; background:transparent; padding:22px 10px 10px 20px; font-size:15px; color:#000; }
.chat-mensagem button						{ float:right; width:40px; height:40px; background:#f28143; color:#FFF; display:flex; align-items:center; justify-content:center; font-size:22px; border:0px; border-radius:6px; margin:10px; }


.conteudo-barra-botoes						{ margin:-20px 0px 40px 0px; }
.conteudo-barra-botoes-direita				{ float:left; border:1px solid #CCC; border-radius:5px; background:#FFF; padding:10px 15px; font-size:14px; color:#666; margin-right:5px; cursor:pointer; }
.conteudo-barra-botoes-esquerda				{ float:right; border:1px solid #CCC; border-radius:5px; background:#FFF; padding:10px 15px; font-size:14px; color:#666; margin-left:5px; cursor:pointer; }
.conteudo-barra-botoes-esquerda i			{ margin:0px 0px; }
.conteudo-barra-botoes-esquerda:hover		{ background-color:#DDD; }


.config-texto								{ max-width:1000px; margin:0px auto; background:#FFF; padding:10px 30px; text-align:justify; border-radius:10px; font-size:16px; line-height:24px; }

.duvidas-grupos								{ margin:-10px; }
.duvidas-grupos-item						{ width:calc((100% / 4) - 20px); margin:10px; float:left; background:#f28143; border-radius:10px; padding:20px; text-align:center; color:#FFF; }
.duvidas-grupos-item i						{ display:block; font-size:62px; padding:20px 0px; }
.duvidas-grupos-item span					{ height:60px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.duvidas-grupos-item:hover					{ background-color:#444; }

.duvidas-lista												{ margin-top:-20px; }
.duvidas-lista-item											{ margin:10px 0px; border:1px solid #DDD; padding:20px; border-radius:5px; background:#fff; }
.duvidas-lista-item-pergunta								{ font-weight:500; color:#f28143; font-size:18px; cursor:pointer;  }
.duvidas-lista-item-pergunta i								{ float:right; margin-left:10px; padding-top:5px; }
.duvidas-lista-item-resposta								{ line-height:25px; padding-top:10px; display:none; background:#FFF; border-radius:10px; padding:1px 15px; margin-top:20px; }

.modal										{ padding:20px 0px; }
.modal-titulo								{ padding:0px 10px 20px 10px; font-size:24px; font-weight:bold; }