@charset "utf-8";

/* Área Restrita */
.area-restrita { border: 0; }

.area-restrita { background: #fafafa; height: 100%; }
.area-restrita .wrapper { box-shadow: none; height: 100%; width: 100%; max-width: unset; min-width: unset; padding: 0; }

.area-restrita .w-login { max-width: 600px; padding: 0 20px; margin: 0 auto; text-align: center; }
.area-restrita .w-login .box { background: #fdfdfd; }
.area-restrita .w-login .box-t { border-bottom: 1px solid #eee; padding: 12px 30px; }
.area-restrita .w-login .box-t h5 { color: #484848; }
.area-restrita .w-login .box-b { padding: 30px; }
.area-restrita .w-login .box-b p { color: #484848; font: 500 1em/1.1em 'Roboto Condensed', Helvetica, Arial, sans-serif; }
.area-restrita .w-login .box-b p.frase-codigos { border: 1px dashed rgba(0,0,0,0.2); line-height: 160%; margin: 20px 0; padding: 15px; text-align: left; }
.area-restrita .w-login .btn { background: #fba842; color: #fff; border: 0; margin: 0; }
.area-restrita .w-login .btn.btn-cadastro { background: #333 !important; }
.area-restrita .w-login .btn.btn-logar,
.area-restrita .w-login .btn.btn-cadastro  { width: 230px; height: auto; margin: 5px; padding: 10px; line-height: 150%; }
.area-restrita .w-login .btn.btn-logar > strong,
.area-restrita .w-login .btn.btn-cadastro > strong { font-size: 1.75em; text-transform: uppercase; }

.area-restrita .side-bar { background-color: #fff; box-shadow: 0 0 35px rgba(0,0,0,0.075); height: 100%; position: fixed; width: 280px; overflow: auto; }
.area-restrita .side-bar h1 { color: #111; font: 700 1.85em/1.1em 'Roboto Condensed', Helvetica, Arial, sans-serif; margin: 30px 0 5px; padding: 0 30px; text-align: left; }
.area-restrita .side-bar h1:first-line { font-weight: 300; }
.area-restrita .side-bar h1 strong { font-weight: 700; }
.area-restrita .side-bar i.fa.fa-navicon { display: none; }
.area-restrita .side-bar .project { color: #fba842; display: block; font: 400 14px/19px 'Roboto Condensed', Helvetica, Arial, sans-serif; letter-spacing: 0; padding: 0 30px 30px; }
.area-restrita .side-bar .project a { color: #fba842; text-decoration: none; }
.area-restrita .side-bar .project a:hover { color: #fba842; }
.area-restrita .side-bar ul { border: 1px solid rgba(0,0,0,0.025); border-left: 0; border-right: 0; margin: 0; padding: 0; list-style: none; }
.area-restrita .side-bar ul li { font: 500 13px/20px 'Roboto Condensed', Helvetica, Arial, sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; text-transform: uppercase; }
.area-restrita .side-bar ul li a { color: #181818; display: block; padding: 15px 30px; text-decoration: none !important; }
.area-restrita .side-bar ul li a:hover { background-color: #fba842; color: #fff; }
.area-restrita .side-bar ul li a.active { background-color: rgba(0,0,0,0.15); border-left: 3px solid #fba842; color: #fff; }

.area-restrita .main { background-color: #fbfbfb; box-shadow: outset -4px 0px 4px rgba(0,0,0,0.2); min-height: 100%; margin: 0 0 0 280px; padding: 0; }
.area-restrita .main header { background: none; border: 0; border-bottom: 1px solid #eee !important; box-shadow: none; height: auto; padding: 25px 60px; position: relative; width: 100%; top: initial; }
.area-restrita .main header .abs-btn { position: absolute; top: 50%; right: 60px; margin-top: -25px; }

.area-restrita .selecao-steps { background: #fba842; font-size: 0; padding: 5px 15px; text-align: center; }
.area-restrita .selecao-steps span { display: inline-block; color: rgba(0,0,0,0.5); font: 500 18px/45px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 0 30px; position: relative; }
.area-restrita .selecao-steps span.on { color: #fff; }
.area-restrita .selecao-steps span:nth-child(1):before { content: '1. '; }
.area-restrita .selecao-steps span:nth-child(2):before { content: '2. '; }
.area-restrita .selecao-steps span:nth-child(3):before { content: '3. '; }
.area-restrita .selecao-steps span:nth-child(4):before { content: '4. '; }
.area-restrita .selecao-steps span:after { content: '>'; position: absolute; top: 0; right: 0; }
.area-restrita .selecao-steps span:last-child:after { display: none; }

.area-restrita .cartao-holder { background: #fff; border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; padding: 15px 25px; }
.area-restrita .cc-radio { cursor: pointer; vertical-align: middle; float: left; width: auto; background: #fff; border: 2px solid #eee; border-radius: 2px; margin: 5px !important; padding: 10px; text-align: center; }
.area-restrita .cc-radio input { vertical-align: middle; }
.area-restrita .cc-radio img { display: inline-block; vertical-align: middle; }

/* Content */
.area-restrita .main h1 { color: #050505; font: 500 44px/45px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 5px; padding: 0; text-transform: none; }
.area-restrita .main h2 { color: #888; font: 200 32px/32px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 5px; padding: 0; text-transform: none; }
.area-restrita .main h3 { color: #fba842; font: 600 26px/30px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 12px 0; padding: 0; text-transform: none; }
.area-restrita .main h4 { color: #050505; font: 300 21px/23px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 5px 0 5px; padding: 0; text-transform: ; }
.area-restrita .main h5 { color: #888; font: 400 18px/20px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin-bottom: 5px; padding: 0; text-transform: ; }
.area-restrita .main h6 { color: #050505; font: 500 14px/18px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 5px; padding: 0; text-transform: uppercase; }
.area-restrita .main h1:empty,
.area-restrita .main h2:empty,
.area-restrita .main h3:empty,
.area-restrita .main h4:empty,
.area-restrita .main h5:empty,
.area-restrita .main h6:empty { display: none; }
.area-restrita .main h1 strong,
.area-restrita .main h2 strong,
.area-restrita .main h3 strong,
.area-restrita .main h4 strong,
.area-restrita .main h5 strong,
.area-restrita .main h6 strong { font-weight: 600; }
.area-restrita .main p { color: rgba(0,0,0,0.75); font: 500 16px/26px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 30px; }

.area-restrita .content { background: #fff; padding: 0 0 80px; }
.area-restrita .description { background: none; border-bottom: 1px solid #eee; padding: 10px 60px; }

.area-restrita .section { border-bottom: 1px solid #eee; padding: 40px 60px; }
.area-restrita .section .summary { }
.area-restrita .section .form { }

.area-restrita input[readonly="readonly"],
.area-restrita input[readonly],
.area-restrita .readonly { cursor: not-allowed; border: 2px solid rgba(0,0,0,0.025) !important; opacity: .85; filter: alpha(opacity=85); box-shadow: none; }
select[readonly] { cursor: not-allowed; border: 2px solid rgba(0,0,0,0.025) !important; opacity: .85; filter: alpha(opacity=85); box-shadow: none; pointer-events: none; touch-action: none; }

.area-restrita .pagination { display: none; }

.area-restrita .wrap-grupos { padding: 0 25px; }

.area-restrita .icon { display: block; font-size: 1.85em; }
.area-restrita .icon-y { color: #61b261; }
.area-restrita .icon-n { color: #d9534f; }

.area-restrita .dashboard-1-2 { width: 50%; padding: 15px 15px 15px 0; }
.area-restrita .dashboard-1-2:last-child { padding: 15px 0 15px 15px; }

/* Labels */
.area-restrita .lbl { border-radius: 2px; color: #fff; font: 700 0.85em/2.3em 'Open Sans', Arial, Helvetica, sans-serif; display: inline-block; padding: 0 10px; text-align: center; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); text-decoration: none; }

/* Tables */
.area-restrita table,
.area-restrita tr,
.area-restrita th,
.area-restrita td { border: 0; border-collapse: collapse; }
.area-restrita table { background-color: #fff; margin: 0; padding: 0; width: 100%; }
.area-restrita table td input { vertical-align: middle; }
.area-restrita table caption { background: #282828; border: 1px solid rgba(0,0,0,0.1); border-bottom: 0; border-radius: 2px 2px 0 0; color: #fff; font: 500 0.85em/2em 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 15px; text-align: left; text-transform: uppercase; }
.area-restrita table th { background: #fafafa; border: 1px solid #eee; border-bottom: 1px solid #ddd; color: #333; font: 500 0.85em/2em 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 12px; text-align: left; text-transform: uppercase; vertical-align: middle; }
.area-restrita table td { color: #585858; font: 400 0.78em/1.5em Arial, Helvetica, sans-serif; padding: 8px 12px; vertical-align: middle; }
.area-restrita .tbl-list tr:nth-child(even) { background-color: #fafafa; }
.area-restrita .tbl-list tr:hover td { background-color: rgba(0,0,0,0.03); }
.area-restrita .tbl-list tfoot tr td { background: none !important; }
.area-restrita .tbl-list td { border-bottom: 1px solid #eee; }

/* Photo Selection */
.area-restrita .photo-wrap { background: #fff; border: 1px solid #eee; border-radius: 2px; font-size: 0; padding: 15px 20px; }
.area-restrita .photo-wrap .photo-item { background: #fff; border: 1px solid rgba(0,0,0,0.075); border-radius: 1px; display: inline-block; vertical-align: top; margin: 10px 0.5%; padding: 5px; width: 19%; position: relative; }
.area-restrita .photo-wrap .photo-item a { display: block; outline: none; }
.area-restrita .photo-wrap .photo-item img { display: block; height: auto; max-width: 100%; }
.area-restrita .photo-wrap .photo-item span.photo-checkbox { background: #fff; border-radius: 1px 0 0 0; cursor: pointer; position: absolute; bottom: 0; right: 0; padding: 7px; height: 36px; width: 36px; overflow: hidden; }
.area-restrita .photo-wrap .photo-item span.photo-checkbox input { visibility: hidden; }
.area-restrita .photo-wrap .photo-item span.photo-checkbox:before { content: '\f00c'; color: #fff; font-family: 'FontAwesome'; font-size: 10px; font-weight: normal; display: inline-block; line-height: 13px; width: 20px; height: 20px; background: #fff; border: 3px solid #ccc; border-radius: 2px; margin: 0; vertical-align: middle; text-align: center; }
.area-restrita .photo-wrap .photo-item span.photo-checkbox:hover:before { color: #ccc; }
.area-restrita .photo-wrap .photo-item.on,
.area-restrita .photo-wrap .photo-item.on span.photo-checkbox { background: #fba842; border-color: #fba842; }
.area-restrita .photo-wrap .photo-item.on span.photo-checkbox:before { border: 3px solid #fff !important; background: #fff; color: #fba842; }

.area-restrita .photo-comments { background: #fff; border: 1px solid #eee; border-radius: 2px; font-size: 0; padding: 15px 20px; }
.area-restrita .photo-comments .photo-item { border-bottom: 1px solid rgba(0,0,0,0.1); display: block; font-size: 0; margin: 0; padding: 10px 0; }
.area-restrita .photo-comments .photo-item > div { display: inline-block; font-size: 12px; padding: 0 10px !important; position: relative; vertical-align: top; width: 20%; }
.area-restrita .photo-comments .photo-item > div.photo-item-div-comment { width: 80%; }
.area-restrita .photo-comments .photo-item > div > i { color: #aaa; cursor: pointer; font-size: 22px; line-height: 26px; text-align: center; position: absolute; top: 25px; left: -2px; width: 26px; height: 26px; }
.area-restrita .photo-comments .photo-item a { background: #fff; border: 1px solid rgba(0,0,0,0.075); border-radius: 1px; padding: 5px; max-width: 120px; margin: 0 auto; display: block; outline: none; vertical-align: top; }
.area-restrita .photo-comments .photo-item a > img { display: block; height: auto; max-width: 100%; }
.area-restrita .photo-comments .photo-item span.btn-fake-formato { display: block; color: #fba842; cursor: pointer; font: 600 13px/22px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 5px; text-decoration: underline; }

.area-restrita .photos-selected-header { background: #fba842; border-radius: 2px; font-size: 0; text-align: left; }
.area-restrita .photos-selected-header span { display: inline-block; color: #fff; border-right: 1px solid rgba(0,0,0,0.1); font: 600 12px/50px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 0 20px; position: relative; width: 20%; text-transform: uppercase; }
.area-restrita .photos-selected-header span:last-child { border: none; }

.photo-item-select { border: 2px solid #ddd; border-radius: 2px; color: #020202; font: Arial, Helvetica, sans-serif; height: 40px; outline: none; margin: 20px 0 0; padding: 5px; width: 100%; }
.photo-item-total { border: 2px solid #fff !important; border-radius: 2px; color: #020202; font: Arial, Helvetica, sans-serif; height: 40px; outline: none; margin: 20px 0 0; padding: 5px; width: 100%; text-align: right; }

/* Messages */
.message { border-radius: 2px; color: #fff; font: 400 1em/1.5em 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 20px; text-shadow: 1px 1px 0px rgba(0,0,0,0.15); }

/* Form Validation */
.fields[data-validation="false"] { border: 2px solid #e62f2f; color: #e62f2f; }
span.validation-alert { color: #e62f2f; clear: both; display: block; }

/* Buttons */
.area-restrita .buttons { background: #fff; border-top: 1px solid #eee; display: block; padding: 15px 30px; text-align: right; }
.area-restrita .buttons-int { display: block; padding: 15px 0 0; }
.area-restrita .buttons h2 { color: #050505; font: 500 23px/46px 'Roboto Condensed', Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 0 330px; }
.area-restrita .btn { border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font: 500 13px/46px 'Roboto Condensed', Helvetica, Arial, sans-serif; height: 46px; margin: 0 0 0 5px; padding: 0 23px; text-decoration: none !important; text-transform: uppercase; vertical-align: middle; outline: none; white-space: nowrap; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-appearance: none; }
.area-restrita .btn:hover { transition: all 0.5s ease; }

/* Fields */
.text { height: auto; padding: 12px 15px !important; }

/* UI Colors */
.area-restrita .c-default { background: #fafafa; border: 1px solid #ddd; color: #484848; }
.area-restrita .c-default:hover,
.area-restrita .c-default:focus { background: #eee; }
.area-restrita .c-primary { background: #fba842; }
.area-restrita .c-primary:hover,
.area-restrita .c-primary:focus { background: #282828; }
.c-success { background: #61b261; }
.c-success:hover,
.c-success:focus { background: #58a558; }
.c-info { background: #428bca; }
.c-info:hover,
.c-info:focus { background: #3f7fb7; }
.c-alert { background: #f0b94e; }
.c-alert:hover,
.c-alert:focus { background: #d9a43c; }
.c-error { background: #d9534f; }
.c-error:hover,
.c-error:focus { background: #cf4a46; }
.area-restrita .c-black { background: #353535; }
.area-restrita .c-black:hover,
.area-restrita .c-black:focus { background: #252525; }

/* Produtos: Fotos drag-n-drop */
.area-restrita ul.sortable-fotos,
.area-restrita ul.sortable-fotos li { margin: 0; padding: 0; list-style: none; }
.area-restrita ul.sortable-fotos li { float: left; }

/* Iframe */
.area-restrita .iframe-body { background: #fff; padding: 20px; }

.area-restrita .eventos-busca { margin: 0 0 25px; padding: 0 0 25px; text-align: center; }
.area-restrita .eventos-busca label input:last-child { background: #fba842; color: #fff; }

.materiais { font-size: 0; background: #fff; border: 1px solid rgba(0,0,0,0.075); border-radius: 2px; padding: 15px; }
.item-material { background: #fff; border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; box-shadow: 0 8px 25px rgba(0,0,0,0.051); display: inline-block; margin: 10px 0.5%; width: 19%; vertical-align: top; padding: 5px; text-decoration: none; text-align: center; position: relative; }
.item-material i { display: block; font-size: 60px; line-height: 160px; text-align: center; background: #fafafa; border-radius: 2px; color: #ccc; }
.item-material span.caption { display: block; font-size: 15px; padding: 10px; font-weight: 600; text-align: left;; }
.item-material span.image { display: block; height: 160px; background: #fafafa; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 2px; color: #ccc; position: relative; }
.item-material span.image span.etapa { background: #202020; border-radius: 2px; color: #fff; font-size: 13px; line-height: 28px; font-weight: 500; padding: 0 6px; position: absolute; bottom: 5px; left: 5px; }
.item-material span.image span.chats,
.item-material span.image span.files { background: #202020; border-radius: 2px; color: #fff; font-size: 13px; line-height: 28px; font-weight: 500; padding: 0 6px; position: absolute; bottom: 5px; right: 5px; }
.item-material span.image span.chats { bottom: 40px; }
.item-material span.image span.chats i,
.item-material span.image span.files i { background: none; color: #fff; font-size: 20px; width: 20px; margin: 0 5px 0 0; text-align: center; display: inline-block; line-height: 28px;}

/* Chamados */
.mensagem-chamado { border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; margin: 10px 0; padding: 10px 25px; }
.mensagem-chamado p { font: 12px/20px Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; }
.mensagem-chamado.text-left { border-left: 2px solid #ffaf1e; }
.mensagem-chamado.text-left p strong { color: #ffaf1e; }
.mensagem-chamado.text-right { border-right: 2px solid #242424; }
.mensagem-chamado.text-right p strong { color: #242424; }

/* Chat */
.chat-button { cursor: pointer; background: #282828; border-radius: 50px; color: #fff; line-height: 25px; display: inline-block; padding: 10px 20px; position: absolute; right: 60px; top: 50%; transform: translate(0,-50%); }
.chat-button i { display: inline-block; font-size: 24px; line-height: 24px; height: 25px; margin: 0 10px 0 0; vertical-align: middle; }

.chat-window { background: #fff; border-left: 1px solid rgba(0,0,0,0.1); box-shadow: 0 0 30px rgba(0,0,0,0.075); display: flex; flex-direction: column; flex-grow: 1; position: fixed; z-index: 9999; top: 0; right: -360px; width: 360px; height: 100%; padding: 0; overflow: auto; }
.chat-window.on { right: 0; }
.chat-window h3 { margin: 0 0 20px; padding: 0; }

.chat-heading { display: flex; padding: 15px; border-bottom: 1px solid rgba(0,0,0,0.075); }
.chat-messages { display: flex; flex-direction: column; flex-grow: 1; flex-wrap: nowrap; overflow: auto; padding: 15px; }

.chat-msg { margin: 0 0 12px; }
.chat-msg p { background: rgba(0,0,0,0.045); border-radius: 6px; color: rgba(0,0,0,0.65); font: 12px/120% Arial, Helvetica, sans-serif !important; margin: 0 0 5px !important; padding: 11px; display: inline-block; width: 85%; }
.chat-msg span { display: block; color: #888; font: 11px/135% Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.chat-msg span strong { display: inline-block; font-style: italic; margin: 0 5px; }

.chat-msg[data-owner="plataforma"] { text-align: center; }
.chat-msg[data-owner="plataforma"] p { color: #fff; background: #282828; display: block; width: 100%; text-align: center; }
.chat-msg[data-owner="plataforma"] span strong { display: none;}

.chat-msg[data-owner="client"] { text-align: right; }
.chat-msg[data-owner="client"] p { background: rgba(249, 168, 20, 0.35); }

.chat-options { background: #fff; border-top: 1px solid rgba(0,0,0,0.075); display: flex; font-size: 0; padding: 15px; text-align: center; }
.chat-options form { display: block; width: 100%; }
.chat-options div.field { display: block; padding: 0 0 10px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.chat-options textarea { border: 2px solid #ccc; border-radius: 4px; color: #484848; font: 12px/120% Arial, Helvetica, sans-serif !important; height: 70px; width: 100%; margin: 0; padding: 8px; outline: none; resize: none; }
.chat-options span { background: #fafafa; border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; cursor: pointer; display: inline-block; margin: 0 1%; width: 48%; font: bold 12px/20px Arial, Helvetica, sans-serif ; padding: 10px; }
.chat-options span.chat-button-close { background: #ddd; color: #484848; }
.chat-options span.chat-button-msg { background: #fba842; color: #fff; }

@media screen and (max-width: 1024px){

	.area-restrita .side-bar { width: 100%; height: auto; position: relative; top: 0; left: 0; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.25); z-index: 9999; }
	.area-restrita .side-bar h1 { text-align: left; font-size: 1.15em; line-height: 30px; margin: 0; padding: 20px; }
	.area-restrita .side-bar i.fa.fa-navicon { content: '\f1fd'; font-family: 'FontAwesome'; font-size: 28px; line-height: 70px; text-align: center; cursor: pointer; background: #fff; border-left: 1px solid rgba(0,0,0,0.05); position: absolute; top: 0; right: 0; height: 70px; width: 65px; display: block; }
	.area-restrita .side-bar .project { border-top: 1px solid rgba(0,0,0,0.05); text-align: center; padding: 20px; }
	.area-restrita .side-bar ul { text-align: center; }
	.area-restrita .side-bar .project-menu { display: none; }
	.area-restrita .side-bar ul li {  }
	.area-restrita .side-bar ul li a { padding: 15px 30px; }
	.area-restrita .side-bar ul li a i { display: block; margin: 0 auto; }
	.area-restrita .side-bar ul ul li { font: 400 12px/14px 'Roboto Condensed', Helvetica, Arial, sans-serif; }

	.area-restrita .main { margin: 0; }

	.area-restrita .main header,
	.area-restrita .section { padding: 40px 20px; }

	.area-restrita .photo-wrap .photo-item { width: 32.333333%; }

	.materiais { padding: 12px; }
	.item-material { margin: 10px 0.5%; width: 49%; }
}

@media screen and (max-width: 768px){
	.area-restrita .buttons { position: relative; bottom: 0; left: 0; width: 100%; }
	.area-restrita .buttons h2 { clear: both; padding: 0; }
	.area-restrita .photos-selected-header { display: none; }

	.area-restrita .photo-wrap .photo-item { width: 49%; }

	.area-restrita .photo-comments .photo-item { border-bottom: 1px solid rgba(0,0,0,0.1); display: block; font-size: 0; margin: 0; padding: 10px 0; }
	.area-restrita .photo-comments .photo-item > div { display: block; width: 100% !important; }
	.area-restrita .photo-comments .photo-item > div > i { border: 1px solid rgba(0,0,0,0.05); border-radius: 1px; margin: 15px 0; padding: 5px; text-align: center; position: relative; top: initial; left: initial; width: 100%; height: auto; }

	.area-restrita td { display: block; }
	.area-restrita table { background-color: #fff; margin: 0; padding: 0; width: 100%; }
	.area-restrita table td input { vertical-align: middle; }
	.area-restrita table caption { background: #282828; border: 1px solid rgba(0,0,0,0.1); border-bottom: 0; border-radius: 2px 2px 0 0; color: #fff; font: 500 0.85em/2em 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 15px; text-align: left; text-transform: uppercase; }
	.area-restrita table th { background: #fafafa; border: 1px solid #eee; border-bottom: 1px solid #ddd; color: #333; font: 500 0.85em/2em 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 12px; text-align: left; text-transform: uppercase; vertical-align: middle; }
	.area-restrita table td { color: #585858; font: 400 0.78em/1.5em Arial, Helvetica, sans-serif; padding: 8px 12px; vertical-align: middle; }

	.area-restrita .tbl-list { width: 95%; }

	.area-restrita thead,
	.area-restrita thead tr,
	.area-restrita thead th { display: none; }

	.area-restrita .tbl-list tbody td { display: block; width: 100%; border-bottom: 0; padding: 3px 20px; }
	.area-restrita .tbl-list tbody tr td:first-child { padding-top: 20px; }
	.area-restrita .tbl-list tbody tr td:last-child { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px; }

	.area-restrita .section .form { margin: 0; padding: 8px; }

	.chat-button { position: relative; display: block; width: 100%; top: initial; right: initial; transform: unset; margin: 16px 0 0; text-align: center; }
}

@media screen and (max-width: 480px){
	.area-restrita .photo-wrap .photo-item { width: 99%; }

	.area-restrita .photo-comments .photo-item a,
	.area-restrita .photo-comments .photo-item label { width: 100%; }

	.area-restrita .btn { width: 100%; margin: 10px 0; }

	.materiais { border: 0; padding: 0; }
	.item-material { margin: 10px 0; width: 100%; }
}

/*
	Advanced example - Customized layout
*/

.ad {
	display: none;
}

@media all and (min-width: 800px) {

	/* Give space around window */
	.fancybox-custom-layout {
		border: 40px solid #eee;
	}

	/* Update tumbnail grid background color to match color around area */
	.fancybox-custom-layout .fancybox-thumbs {
		background: #c7bfbf;
	}

	/* Give background solid color */
	.fancybox-custom-layout .fancybox-bg {
		background: #fafafa;
		opacity: 1 !important;
		box-shadow: 0 0 30px rgba(0,0,0,0.15);
	}

	/* Move caption area to the right side */
	.fancybox-custom-layout .fancybox-caption-wrap {
		top: 0;
		right: 44px;
		bottom: 0;
		left: auto;
		width: 300px;
		padding: 0;
		background: #fba842;
	}

	/* Adjust content area and right arrow position */
	/* In this example, right distance is caption width (300) + toolbar width (44) */
	.fancybox-custom-layout .fancybox-stage,
	.fancybox-custom-layout .fancybox-arrow--right {
		right: 344px;
	}

	/* Remove top border from caption */
	.fancybox-custom-layout .fancybox-caption {
	    padding: 30px 20px;
	    border: 0;
	}

	/* Align buttons at the right side  */
	.fancybox-custom-layout .fancybox-toolbar {
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: 44px;
		background: #282828;
	}

	/* Remove background from buttons */
	.fancybox-custom-layout .fancybox-button {
	    background: transparent;
	    color: #fff;
	}

	.fancybox-button--thumbs,
	.fancybox-button--play { display: none; }

	/* Simple advert space */
	.ad {
		display: block;
		padding: 15px;
		color: #fff;
	}

	.ad p {
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 12px;
	}

	.ad p a {
		color: #fff;
	}

	.ad span.photo-fake-checkbox {

	}

	.ad a.photo-fake-checkbox { background: #fff; color: #aaa; font: 700 16px 'Roboto Condensed', Arial, Helvetica, sans-serif; border-radius: 2px; cursor: pointer; padding: 15px 15px 17px; height: auto; overflow: hidden; }
	.ad a.photo-fake-checkbox:before { content: '\f00c'; color: #fff; font-family: 'FontAwesome'; font-size: 10px; font-weight: normal; display: inline-block; line-height: 13px; width: 20px; height: 20px; background: #fff; border: 3px solid #ccc; border-radius: 2px; margin: 0; vertical-align: middle; text-align: center; }
	.ad a.photo-fake-checkbox:hover:before { color: #ccc; }
	.ad a.photo-fake-checkbox:after { content: 'Selecionar'; display: inline-block; padding: 0 5px 0 15px; }

	.ad a.photo-fake-checkbox.on { background: #282828; color: #fba842; }
	.ad a.photo-fake-checkbox.on:before { color: #fba842; border-color: #fba842; background: #282828; }
	.ad a.photo-fake-checkbox.on:after { content: 'Selecionado'; }
}