@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800&display=swap');

:root {
	--ar-background: #26155a;
	--ar-highlight: #ff5252;
}

.hide,
.hidden { display: none !important; }

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

.area-restrita { background: #fafafa; height: 100%; }
.area-restrita .wrapper { box-shadow: none; height: 100%; padding: 0; max-width: unset; min-width: unset; }
.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 'Nunito', 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: var(--ar-highlight); 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: var(--ar-highlight); box-shadow: 0 0 20px rgba(0,0,0,0.55); height: auto; position: relative; width: 100%; overflow: auto; padding: 0 60px; z-index: 9000; }
.area-restrita .side-bar h1 { color: #fff; font: 700 16px/15px 'Nunito', Helvetica, Arial, sans-serif; margin: 0; padding: 30px 0; text-align: left; float: left; }
.area-restrita .side-bar i.fa.fa-navicon { display: none; }
.area-restrita .side-bar .project { color: var(--ar-highlight); display: block; font: 400 14px/29px 'Nunito', Helvetica, Arial, sans-serif; letter-spacing: 0; padding: 21px 0; float: right; }
.area-restrita .side-bar .project a { border: 2px solid #fff; border-radius: 50px; display: inline-block; color: #fff; text-decoration: none; padding: 0 15px; }
.area-restrita .side-bar .project a:hover { border: 2px solid #fff; background: #fff; color: var(--ar-highlight); }
.area-restrita .side-bar ul { border: 1px solid rgba(0,0,0,0.25); border-top: 0; border-bottom: 0; font-size: 0; margin: 0 50px; padding: 0; list-style: none; float: left; }
.area-restrita .side-bar ul li { display: inline-block; font: 600 15px/15px 'Nunito', Helvetica, Arial, sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; text-transform: none; }
.area-restrita .side-bar ul li a { color: #fff; display: block; padding: 30px 45px; text-decoration: none !important; }
.area-restrita .side-bar ul li a:hover,
.area-restrita .side-bar ul li a.active { background-color: var(--ar-highlight); color: #fff; }

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

.area-restrita .selecao-steps { background: var(--ar-highlight); border-radius: 6px; font-size: 0; margin: 40px 40px 0; padding: 15px; text-align: left; }
.area-restrita .selecao-steps span { display: inline-block; color: rgba(0,0,0,0.5); font: 600 18px/35px 'Nunito', 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.1); border-radius: 3px; margin: 10px 0; padding: 20px 28px; max-width: 700px; font-size: 0; }
.area-restrita .main .cartao-holder h4 { font-size: 18px; font-weight: 700; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.area-restrita .cc-radio { cursor: pointer; vertical-align: middle; display: inline-block; width: auto; background: #fff; border: 2px solid #eee; border-radius: 2px; margin: 5px 0.5% !important; padding: 10px; text-align: center; width: 19%; }
.area-restrita .cc-radio input { vertical-align: middle; }
.area-restrita .cc-radio img { display: inline-block; vertical-align: middle; }

.area-restrita .main .cartao-holder label span { padding: 0 3px 2px; }
.area-restrita .main .cartao-holder .text { height: auto; padding: 12px; }
.area-restrita .main .cartao-holder .select { height: 44px; padding: 10px; }

.area-restrita .pagamentos-wrap { display: flex; align-items: flex-start; justify-content: left; flex-wrap: wrap; }
.area-restrita .pagamentos-wrap h3 { flex: 1 0 100%; }
.area-restrita .pagamentos-wrap .forma-campos { flex: 1 0 100%; }
.area-restrita .pagamentos-wrap .custom-radio { display: flex; align-items: center; justify-content: left; background: #fafafa; border: 1px solid rgba(0,0,0,0.055); border-bottom: 2px solid rgba(0,0,0,0.1); border-radius: 3px; margin: 0 8px 8px !important; padding: 16px; }
.area-restrita .pagamentos-wrap .custom-radio span { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-family: 'Nunito'; letter-spacing: 0; }
.area-restrita .pagamentos-wrap .custom-radio span:before { flex: 0 0 auto; margin: 0 12px 0 0; }
.area-restrita .pagamentos-wrap .custom-radio span strong { flex: 1; }
.area-restrita .pagamentos-wrap .custom-radio span strong i { display: block; font-size: 12px; }
.area-restrita .pagamentos-wrap .custom-radio.radio-on { background: var(--ar-highlight); color: #fff; }
.area-restrita .pagamentos-wrap .custom-radio.radio-on span:before { background: #fff; border: 3px solid #fff !important; color: var(--ar-highlight);}

.payment-module-wrap[data-payment-disabled="true"] *:not(h3) { display: none; }
.payment-module-wrap[data-payment-disabled="true"]::after { content: 'Complete o seu cadastro para liberar a seleção de opção de pagamento.'; display: block;}

/* Content */
.area-restrita .main h1 { color: var(--ar-highlight); font: 600 36px/40px 'Nunito', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0; padding: 0; text-transform: none; }
.area-restrita .main h2 { color: var(--ar-background); font: 600 24px/30px 'Nunito', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0; padding: 0; text-transform: none; }
.area-restrita .main h3 { color: var(--ar-highlight); font: 600 26px/30px 'Nunito', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 12px 0; padding: 0; text-transform: none; }
.area-restrita .main h4 { color: #312f48; font: 300 21px/23px 'Nunito', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 5px 0 5px; padding: 0; }
.area-restrita .main h5 { color: #888; font: 400 18px/20px 'Nunito', Arial, Helvetica, sans-serif; letter-spacing: 0; margin-bottom: 5px; padding: 0; }
.area-restrita .main h6 { color: #312f48; font: 500 14px/18px 'Nunito', 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 'Nunito', Arial, Helvetica, sans-serif; margin: 0 0 25px; }

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

.area-restrita .section { background: #fff; border: 1px solid rgba(0,0,0,0.05); border-radius: 6px; padding: 40px; }
.area-restrita .section .summary { height: auto; }
.area-restrita .section .form { height: auto; }

.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: #312f48; 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 'Nunito', 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 'Nunito', 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; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 16px }
.area-restrita .photo-wrap .photo-wrap-actions { flex: 1 0 100%; border-bottom: 1px solid rgba(0,0,0,0.075); padding: 8px; margin: 0 0 8px; }
.area-restrita .photo-wrap .photo-wrap-actions .registry-actions { cursor: pointer; display: inline-block; color: var(--ar-highlight); font: bold 11px 'Nunito', Arial, Helvetica, sans-serif; margin: 0 5px; padding: 5px; }
.area-restrita .photo-wrap .photo-wrap-actions .registry-actions:hover { color: #484848; }
.area-restrita .photo-wrap .photo-item { flex: 0 0 calc(20% - 13px); background: #fff; border: 1px solid rgba(0,0,0,0.075); border-radius: 1px; padding: 5px; position: relative; display: flex; align-items: center; }
.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: var(--ar-highlight); border-color: var(--ar-highlight); }
.area-restrita .photo-wrap .photo-item.on span.photo-checkbox:before { border: 3px solid #fff !important; background: #fff; color: var(--ar-highlight); }

.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; }
.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: var(--ar-highlight); cursor: pointer; font: 600 13px/22px 'Nunito', Arial, Helvetica, sans-serif; padding: 5px; text-decoration: underline; }

.area-restrita .photos-selected-header { background: var(--ar-highlight); 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 'Nunito', 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; }

.ar-btn-download { display: flex; align-items: center; background: var(--ar-background); border-radius: 2px; color: #fff; font: 12px 'Nunito', Helvetica, Arial, sans-serif; padding: 6px; position: absolute; top: 10px; right: 10px; text-decoration: none; }
.ar-btn-download i { font-size: 16px; margin: 0 4px 0 0; }

.nome-arquivo { display: block; color: #484848; font: 12px 'Nunito', Helvetica, Arial, sans-serif; padding: 4px; word-wrap:break-word; max-width: 300px; }

/* Messages */
.message { border-radius: 2px; color: #fff; font: 400 1em/1.5em 'Nunito', 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 60px; text-align: right; position: fixed; bottom: 0; left: 0; width: 100%; }
.area-restrita .buttons-int { display: block; padding: 15px 0 0; }
.area-restrita .buttons h2 { color: #312f48; font: 500 23px/46px 'Nunito', Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
.area-restrita .buttons h2 span.extra-info { display: inline-block; vertical-align: middle; color: #78768a; font: 500 13px/18px 'Nunito', Helvetica, Arial, sans-serif; margin: 0 10px; padding: 5px 20px; }
.area-restrita .btn { border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font: 500 13px/46px 'Nunito', 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; }

/* 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: var(--ar-highlight); }
.area-restrita .c-primary:hover,
.area-restrita .c-primary:focus { background: #312f48; }
.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: var(--ar-highlight); 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;}


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

	.area-restrita .side-bar { width: 100%; height: auto; position: relative; top: 0; left: 0; padding: 0 15px; 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: 22px; line-height: 70px; text-align: center; cursor: pointer; background: rgba(0,0,0,0.1); color: #fff; border-left: 1px solid rgba(0,0,0,0.125); position: absolute; top: 0; right: 0; height: 70px; width: 65px; display: block; }
	.area-restrita .side-bar .project-menu { display: none; width: 100%; clear: both; background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; margin: 0 0 15px; }
	.area-restrita .side-bar .project { border-top: 1px solid rgba(0,0,0,0.05); text-align: center; padding: 20px; float: none; display: block; width: 100%; }
	.area-restrita .side-bar ul { text-align: center; display: block; float: none; width: 100%; margin: 0; padding: 0; border: 0; }
	.area-restrita .side-bar ul li { display: block; margin: 0; padding: 0; border: 0; }
	.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 'Nunito', Helvetica, Arial, sans-serif; }

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

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

	.area-restrita .photo-wrap .photo-item { flex: calc(33.333333% - 13px); }
}

@media screen and (max-width: 720px){
	.area-restrita .content { padding: 30px 0; }
	.area-restrita .w-login { padding: 0; }

	.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 { flex: calc(50% - 13px); }

	.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 { background: var(--ar-highlight); border-bottom: 1px solid rgba(0,0,0,0.15); border-radius: 2px; color: #fff; display: block; margin: 8px auto; padding: 5px; text-align: center; position: relative; top: initial; left: initial; width: 60px; height: auto; }
	.photo-item-total { text-align: center; font-size: 16px; }

	.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: #312f48; 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 'Nunito', 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 'Nunito', 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 { 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 .selecao-steps { margin: 20px; }
	.area-restrita .selecao-steps span { display: block; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px; font-size: 16px; line-height: 125%; }
	.area-restrita .selecao-steps span:last-child { border: 0; }
	.area-restrita .selecao-steps span:after { display: none; }

	.area-restrita .cc-radio { width: 32.333333%; }
}

@media screen and (max-width: 480px){
	/* Menu */
	.area-restrita .side-bar { padding: 0 4px; }
	.area-restrita .side-bar h1 { padding: 16px 12px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.area-restrita .side-bar i.fa.fa-navicon { width: 62px; height: 62px; line-height: 62px; }

	.area-restrita .main header,
	.area-restrita .section { padding: 16px; }
	.area-restrita .section { border: 0; border-radius: 0; }
	.area-restrita .section .form { padding: 0; }

	.area-restrita .main h1 { font: 700 20px/24px 'Nunito', Arial, Helvetica, sans-serif; }
	.area-restrita .main h2 { font: 600 16px/20px 'Nunito', Arial, Helvetica, sans-serif; }
	.area-restrita .main h3 { font: 700 18px/24px 'Nunito', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 4px 0; }
	.area-restrita .main p { color: #383838; font: 500 14px/20px 'Nunito', Arial, Helvetica, sans-serif; margin: 0 0 16px; }

	.area-restrita .content { padding: 0; margin: 0; }

	.eventos-busca label { display: flex; align-items: flex-start; justify-content: space-between; }
	.eventos-busca label input[type="text"] { flex: 1; margin: 0; }
	.eventos-busca label input[type="submit"] { flex: 0 0 50px; margin: 0 0 0 8px; }

	.materiais { border: 0; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 0 16px; }
	.item-material { width: 49%; margin: 0 0.5% 8px; }

	.area-restrita .selecao-steps { margin: 8px; padding: 8px; display: flex; align-items: center; justify-content: space-between; }
	.area-restrita .selecao-steps span { font-size: 0; border: 0; padding: 6px; }
	.area-restrita .selecao-steps span:before,
	.area-restrita .selecao-steps span.on { font-size: 14px; line-height: 14px; }
	.area-restrita .selecao-steps span.on { flex: 1; }

	.area-restrita .photo-wrap { border: 0; padding: 0; }
	.area-restrita .photo-wrap .photo-item { flex: calc(50% - 13px); }

	.area-restrita .photo-comments { padding: 0; }
	.area-restrita .photo-comments .photo-item { border-bottom: 1px solid rgba(0,0,0,0.15); padding: 4px 0 12px; }
	.area-restrita .photo-comments .photo-item a,
	.area-restrita .photo-comments .photo-item label { width: 100%; }

	.area-restrita .buttons { padding: 8px 16px 16px; }
	.area-restrita .buttons h2 span.extra-info { margin: 6px 0 0; padding: 0; }
	.area-restrita .btn { border-bottom: 2px solid rgba(0,0,0,0.125); font: 700 13px/46px 'Nunito', Helvetica, Arial, sans-serif; letter-spacing: 0; width: 100%; margin: 4px 0 8px; }

	.message { font-size: 14px; margin: 8px 0; padding: 12px; }
	.message.c-default { color: #333; text-shadow: none; }

	.toggle-tab-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 12px 0; }
	.toggle-tab-wrap h3 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 4px 0 !important; }
	.toggle-tab-wrap h3 span { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0 0 0 12px; cursor: pointer; }
	.toggle-tab-wrap h3 span:before { content: '\f078'; font-family: 'FontAwesome'; font-size: 14px; color: #1d1b31; opacity: 0.5; transition: all 0.35s ease; }
	.toggle-tab-wrap h3 span.on:before { transform: rotate(-180deg); }
	.toggle-tab { display: none; padding: 4px; }

	.area-restrita .cartao-holder { padding: 15px; }
	.area-restrita .cc-radio { width: 49%; }
	.lbl-1-4 { width: 50%; }

	.area-restrita .pagamentos-wrap .custom-radio { flex: 1 0 100%; margin: 0 0 4px !important; }
}

/*
	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: var(--ar-highlight);
	}

	/* 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: #312f48;
	}

	/* 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 {
	outline: none
}

.ad a.photo-fake-checkbox { background: #fff; color: #aaa; font: 700 16px 'Nunito', Arial, Helvetica, sans-serif; border-radius: 2px; cursor: pointer; padding: 15px 15px 17px; height: auto; overflow: hidden; transition: unset; }
.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: #312f48; color: var(--ar-highlight); }
.ad a.photo-fake-checkbox.on:before { color: var(--ar-highlight); border-color: var(--ar-highlight); background: #312f48; }
.ad a.photo-fake-checkbox.on:after { content: 'Selecionado'; }

.bg-arr { background: var(--ar-background) !important; }