@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,700';
@import 'font-awesome.min.css';
/* ========== GLOBAL RESET ======================================================================================= */
html, body, div, span, a, img, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, table, canvas,
embed { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; }
/* body { width: 100%; height: 100%; background-color:#F9F9F9; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:100; } */
html, body { width:100%; height:100%; color:#000; }
body { font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; color:#222; }
/* ========== ELEMENTOS BÁSICOS ================================================================================== */
a { text-decoration: none; color:#0C0 }
b, strong, .bold { font-weight:500; }
p, pre { margin: 0 0 10px 0; word-wrap:break-word; }
ol, ul { margin-left:20px;}
blockquote { margin: 20px 40px; padding:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
div:after, ol:after, form:after, ul:after, dl:after { /* Reset clear both */ content: "."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; }
table { border-collapse:collapse; border-spacing:0; visibility:visible }
/* ========== BREADCRUMBS ======================================================================================== */
.breadcrumb { padding: 8px 15px; margin:0 0 20px 0; list-style: none; background-color: #f9f9f9; border-radius: 4px; color: #999 }
.breadcrumb>li { display: inline-block }
.breadcrumb>li+li:before { content: "/\00a0"; padding: 0 5px; color: #ccc }
.breadcrumb>.active { color: #333 }
/* ========== LISTAS E DROPDOWN ================================================================================== */
/** LISTA HORIZONTAL */
ul.lista-horiz { list-style-type:none; margin:0; padding:0; background-color:transparent;}
ul.lista-horiz li { float:left; display:inline; margin:2px 2px; padding:5px 15px; }
ul.lista-horiz.border li { border:1px dotted #ddd; }
/** LISTA VERTICAL */
ul.lista-vert {list-style-type:none; margin:0; padding:0; overflow:hidden;}
ul.lista-vert li { margin:1px; padding:5px 5px 3px 5px; }
ul.lista-vert.berder li { border-bottom:1px #CCC dotted; }
ul.lista-vert-item { list-style-type:none;margin:0;padding:0;overflow:hidden; }
ul.lista-vert-item li { margin:1px; padding:5px 5px 3px 5px; border-bottom:1px #CCC dotted; }
ul.lista-vert-item li:hover { background-color:#F5F5F5; }
ul.lista-vert-item li label { cursor:pointer }
ul.lista-vert-item .lnh { margin:0; padding:0 0 0 26px; }
ul.lista-vert-item .item { float:right; margin:0; padding:0; }
/** Small Sizes <= 480 */
@media only screen and (max-width: 480px) {
ul.lista-vert-item .item { display:block; float:none; margin-left:27px; }
}
/** BOTÃO DROPDOWN */
.bt-dropdown { position:relative;display:inline-block }
.bt-dropdown .btn { background-color:#4CAF50;padding:10px;border:none;cursor:pointer }
.bt-dropdown .content { display:none;position:absolute;left:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.2) }
.bt-dropdown .content a { color:#000;padding:5px 10px;text-decoration:none;display:block }
.bt-dropdown .content a:hover { background-color:#f1f1f1 }
.bt-dropdown:hover .content { display:block }
.bt-dropdown:hover .btn { background-color:#3e8e41 }
/** IMAGEM DROPDOWN */
.img-dropdown { position:relative;display:inline-block }
.img-dropdown .content { display:none;position:absolute;background-color:#f9f9f9;min-width:180px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:3 }
.img-dropdown:hover .content { display:block; }
.img-dropdown .desc {padding:10px;text-align:center}
/** USADO EM EXIBIR FILTROS */
.s-dropdown { display:inline-block; color:#e00300; font-weight:500; cursor:pointer }
.s-dropdown:hover { color:#999 }
/* ========== ESTILOS DE HR ====================================================================================== */
hr {border: 0; margin:0 0 20px 0;height: 1px;clear:both;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
hr.hr-trans {background-image:none; border: 0;height: 1px;background: transparent; background-image:none;}
hr.hr-simples {background-image:none; border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}
hr.hr-traco {background-image:none; height: auto; border: 0;border-bottom: 1px dashed #ccc;background: #999;}
hr.hr-sombra {background-image:none; height: 12px;border: 0;box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
hr.hr-bullet {background-image:none; padding: 0;border: none;border-top: medium double #8c8b8b;color: #8c8b8b;text-align:center;}
hr.hr-bullet:after {content: "\0000d7";display: inline-block;position: relative;top: -16px;font-size: 18px;padding: 0 5px;background: white;}
hr.paragraph:after {content: "§";}
hr.heart:after {content: "\002665";}
hr.diamond:after {content: "\002666";}
hr.hr-barra {background-image:none; height: 6px;background: url(images/hr-barra.png) repeat-x 0 0;border: 0;}
hr.hr-zig {background-image:none; height: 6px;background: url(images/hr-zig.png) repeat-x 0 0;border: 0;}
hr.hr-corta {background-image:none; border-top: 1px dashed #8c8b8b; margin: 20px 0;}
hr.hr-corta:after {content: '\002702'; display: inline-block; position: relative; top: -15px; left: 40px; padding: 0 3px; background: #FFF; color: #8c8b8b; font-size: 22px;}
/* ========== IMAGENS & MIDIAS ================================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; }
/*img, embed, object, video { max-width: 100% !important; height:auto !important }*/
.img-full { position: absolute; top: 50%; left: 50%; margin: auto; max-width: 100%; min-width: 100% !important; min-height: 100% !important; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index: 0 }
.img-resp { max-width: 100%; height: auto }
/*
*/
/* ========== TIPOGRAFIA ======================================================================================== */
h1 { font-size: 32px; font-weight:300; margin:0 0 20px 0 !important; padding:0; }
h2 { font-size: 26px; font-weight:300; margin:0 0 20px 0 !important; padding:0; }
h3 { font-size: 20px; font-weight:300; margin:0 0 20px 0 !important; padding:0; }
h4 { font-size: 17px; font-weight:300; margin:0 0 20px 0 !important; padding:0; }
h5 { font-size: 15px; font-weight:normal; margin:0 0 20px 0 !important; padding:0; }
h6 { font-size: 14px; font-weight:normal; margin:0 0 20px 0 !important; padding:0; }
.seoh { position: absolute; left: -99px; top: -99px; text-indent: -9999px; }
/** Small Sizes <= 480 */
@media only screen and (max-width: 480px) {
h1 { font-size: 28px; }
h2 { font-size: 22px; }
}
/** ALINHAMENTO */
.txt-c { text-align:center !important }
.txt-l { text-align:left !important }
.txt-r { text-align:right !important }
.txt-j { text-align:justify !important }
/** FORMATAÇÃO */
.upper { text-transform:uppercase; }
.lower { text-transform:lowercase; }
.nowrap { white-space:nowrap; }
/** CORES TXT */
.txt-disable { color:#D1D1D1 !important }
.txt-help { color:#594e7c !important }
.txt-info { color:#049cdb !important }
.txt-success, .txt-Ativo { color:#46a546 !important }
.txt-error, .txt-Inativo { color:#e00300 !important }
.txt-warning, .txt-Cancelado { color:#f89406 !important }
.txt-black { color:#000 !important; }
.txt-white { color:#FFF !important; }
.txt-grey { color:#888 !important; }
/** TEXTO EM BOX - USADO EM CONJUNTO COM CORES DE BACKGROUND CRIA UMA CAIXA NO TEXTO */
.txt-box { padding:3px 6px; background-color:transparent; color:#333; font-weight:normal; }
/** CORES BACKGROUND */
.bgcolor-default { background-color:#F5F5F5; }
.bgcolor-transparent { background-color:transparent !important; }
.bgcolor-white { background-color:#FFF; }
.bgcolor-success { background:#dff0d8; color:#3c763d; }
.bgcolor-info { background:#d9edf7; color:#317092; }
.bgcolor-alert { background:#fcf8e3; color:#8a6d3b; }
.bgcolor-error { background:#f2dede; color:#a94442; }
.bgcolor-cancel { background:#FFDE43; color:#f89406; }
.bgcolor-help { background:#ece8f8; color:#594e7c; }
.bgcolor-grey { background-color:#ddd }
.bgcolor-grey-light { background-color:#F5F5F5 }
.bgcolor-grey-dark { background-color:#333; color:#FFF !important }
/** CRIA CIRCULO DE 10px - 100-flat-icons-by-graphicloads */
.pixel { display:inline-block; width:10px; height:10px; margin-right:5px; background-color:#F5F5F5; border-radius: 50%; }
.pixel.bck-Ativo { background-color:#46a546; border-bottom:none !important; }
.pixel.bck-Inativo { background-color:#e00300; border-bottom:none !important; }
.pixel.bck-Cancelado { background-color:#f89406; border-bottom:none !important; }
.cur-pointer { cursor:pointer; }
.cur-alias { cursor:alias; }
.cur-phone { cursor:url(images/cur-phone1.png),auto; color:#000 }
.cur-mail { cursor:url(images/cur-email1.png),auto; }
.cur-zoom { cursor:zoom-in; }
/* ========== ESTRUTURA DEFAULT - GRIDS ========================================================================== */
.row { position:relative; display:block; width:100%; clear:both; }
.container { position:relative; width:90%; max-width:1100px; margin:0 auto; padding:0; }
.container-full { position:relative; max-width:100%; margin:0 auto; padding:0; }
.container:after, .container-full:after { clear: both; content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.box-main { min-height:250px; }
.box-main-small { min-height:20px; }
.box-main-big { min-height:500px; }
.box-barr-title { padding:10px 10px; margin-bottom:20px; background-color:#000; color:#fff; font-size:20px; font-weight:500; }
.box-barr-title h1, .box-barr-title h2, .box-barr-title h3 { margin:0 !important; padding:0 !important; color:#fff; font-size:20px; font-weight:500; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11,
.grid-12 { display: block; float: left; margin-left: 1.04166%; margin-right: 1.04166%; margin-bottom:20px; margin-top:0; }
.grid-1-mz, .grid-2-mz, .grid-3-mz, .grid-4-mz, .grid-5-mz, .grid-6-mz,.grid-7-mz, .grid-8-mz, .grid-9-mz, .grid-10-mz, .grid-11-mz,
.grid-12-mz { display: block; float: left; margin: 0; }
.grid-offset { min-height:0.01em; }
/** COM MARGEM */
.grid-1 { width: 6.25%; }
.grid-2 { width: 14.58333%; }
.grid-3 { width: 22.91667%; }
.grid-4 { width: 31.25%; }
.grid-5 { width: 39.58333%; }
.grid-6 { width: 47.91667%; }
.grid-7 { width: 56.25%; }
.grid-8 { width: 64.58333%; }
.grid-9 { width: 72.91667%; }
.grid-10 { width: 81.25%; }
.grid-11 { width: 89.5833%; }
.grid-12 { width: 97.9166%; }
/** SEM MARGEM */
.grid-1-mz { width: 8.33332%; }
.grid-2-mz { width: 16.66665%; }
.grid-3-mz { width: 24.99999%; }
.grid-4-mz { width: 33.33332%; }
.grid-5-mz { width: 41.66665%; }
.grid-6-mz { width: 49.99999%; }
.grid-7-mz { width: 58.33332%; }
.grid-8-mz { width: 66.66665%; }
.grid-9-mz { width: 74.99999%; }
.grid-10-mz { width: 83.33332%; }
.grid-11-mz { width: 91.66662%; }
.grid-12-mz { width: 99.99992%; }
/** APENAS COLUNAS - GRID LAYOUT / ASIDE */
.gridcol-2 { width: 50%; display:block; float:left; }
.gridcol-3 { width: 33.333333%; display:block; float:left; }
.gridcol-4 { width: 25%; display:block; float:left; }
.gridcol-5 { width: 20%; display:block; float:left; }
.gridcol-6 { width: 16.666666%; display:block; float:left; }
.gridcol-7 { width: 14.285714%; display:block; float:left; }
.gridcol-8 { width: 12.5%; display:block; float:left; }
.gridcol-9 { width: 11.111111%; display:block; float:left; }
.gridcol-10 { width: 10%; display:block; float:left; }
.gridcol-11 { width: 9.090909%; display:block; float:left; }
.gridcol-12 { width: 8.333333%; display:block; float:left; }
.gridcol-big { width: 68%; display:block; float:left; }
.gridcol-small { width: 30%; display:block; float:right; }
.gridcol-medium { width: 49%; display:block; float:left; }
/** GRID COM BOTAO LATERAL */
.grid-button-height { margin-bottom:2px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.grid-button-height:hover { background-color:#F5F5F5 !important; transition: all 300ms ease-in-out; }
.grid-button-height .main-content { width: calc(100% - 45px); padding-right:10px; border-bottom:1px dotted #ccc; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -moz-box-flex: 1; }
.grid-button-height .main-content:hover + .main-nav { background-color:#8bbd66 !important; transition: all 300ms ease-in-out; }
.grid-button-height .main-nav { width:45px; background:#ccc; color:#fff; align-items:center; justify-content: center; border:none; border-radius:0; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: all 300ms ease-in-out; }
.grid-button-height .main-nav:hover { background-color:green; color:#FFF; cursor:pointer; transition: all 300ms ease-in-out; }
.grid-button-height .main-nav .fa { font-size:20px; }
.grid-button-height.off:hover .main-nav { background:#ccc !important; cursor:default !important; }
/** Small Sizes <= 1024 */
@media only screen and (max-width: 1024px) {
.container { width:98%; }
.gridcol-big .grid-6, .gridcol-medium .grid-6, .gridcol-small .grid-6 { width:100% }
}
/** Small Sizes <= 800 */
@media only screen and (max-width: 800px) {
.container { width:98%; }
.grid-3 { width: 47.91667%; }
.grid-3-mz { width: 49.99999%; }
}
/** Small Sizes <= 640 */
@media only screen and (max-width: 640px) {
.container { width:95%; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11,
.grid-12 { width:97.9166%; display: block; clear: both; }
.grid-1-mz, .grid-2-mz, .grid-3-mz, .grid-4-mz, .grid-5-mz, .grid-6-mz, .grid-7-mz, .grid-8-mz, .grid-9-mz, .grid-10-mz, .grid-11-mz,
.grid-12-mz { width:99.99992%; display: block; clear: both; }
.gridcol-big { width:54%; }
.gridcol-small { width:43%; }
.gridcol-medium { width:100%; }
}
/** Small Sizes <= 480 */
@media only screen and (max-width: 480px) {
.container { width:94%; }
.container-full { width:100%; margin:0; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11,
.grid-12 { width:98%; display: block; margin-left:1%; margin-right: 0; clear: both; }
.grid-1-mz, .grid-2-mz, .grid-3-mz, .grid-4-mz, .grid-5-mz, .grid-6-mz, .grid-7-mz, .grid-8-mz, .grid-9-mz, .grid-10-mz, .grid-11-mz,
.grid-12-mz { width:100%; display: block; clear: both; }
.gridcol-big, .gridcol-small, .gridcol-medium { width:100%; }
}
/* ========== ESTRUTURA DEFAULT - ELEMENTOS ====================================================================== */
.browsehappy { position: fixed; top: 0; width: 100%; color: #FFF; font-weight: 700; background-color: #c11b1b; border-bottom: 2px solid #8e0d0d; text-align: center; padding: 10px 20px; z-index: 100 }
.left { float:left !important; }
.right { float:right !important; }
.center { display:block; margin:0 auto; }
.vertical { position: relative; width:100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
/* .vertical { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear:after { clear: both; }
.nosel {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.separador { padding:0 10px }
.m-top { margin-top:20px !important; }
.m-bottom { margin-bottom:20px !important; }
.m-left { margin-left:20px !important; }
.m-right { margin-right:20px !important; }
.p-top { padding-top:20px !important; }
.p-bottom { padding-bottom:20px !important; }
.p-left { padding-left:20px !important; }
.p-right { padding-right:20px !important; }
.m-top-small { margin-top:10px !important; }
.m-bottom-small { margin-bottom:10px !important; }
.m-left-small { margin-left:10px !important; }
.m-right-small { margin-right:10px !important; }
.p-top-small { padding-top:10px !important; }
.p-bottom-small { padding-bottom:10px !important; }
.p-left-small { padding-left:10px !important; }
.p-right-small { padding-right:10px !important; }
.mz-top { margin-top:0 !important; }
.mz-bottom { margin-bottom:0 !important; }
.mz-left { margin-left:0 !important; }
.mz-right { margin-right:0 !important; }
.pz-top { padding-top:0 !important; }
.pz-bottom { padding-bottom:0 !important; }
.pz-left { padding-left:0 !important; }
.pz-right { padding-right:0 !important; }
.margin { margin: 20px !important; }
.margin-small { margin:10px !important; }
.no-margin { margin:0 !important; }
.padding { padding:20px !important; }
.padding-small { padding:10px !important; }
.no-padding { padding:0 !important; }
.none { display:none; }
.border { border:1px solid #999; padding:10px; }
.border-top { border-top:1px solid #999; padding:10px 0; }
.border-bottom { border-bottom:1px solid #999; padding:10px 0; }
.border-left { border-left:1px solid #999; padding:0 10px; }
.border-right { border-right:1px solid #999; padding:0 10px; }
i.fa b { font-family: 'Open Sans', sans-serif; font-weight:300 }
i.fa.r { margin-right: 10px; }
i.fa.l { margin-left: 10px; }
q.hover { margin-right: 5px; padding: 2px 7px; font-size:11px; font-weight: 700; color: #FFF; background:#999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
q.hover.trans { color:#000; background:none !important; }
q.hover.black { color:#FFF; background:#333 !important; }
q.hover.white { color:#333; background:#FFF !important; }
q.hover.square { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
q.hover.big { padding: 2px 9px; font-size:16px; font-weight:500; }
.ico-print { position:absolute; width:40px; height:40px; top:-10px; right:-10px; background-color:#999; border-radius:50%; cursor:pointer; z-index:10 }
.ico-print .fa { margin:9px 0 0 10px; font-size:22px; color:#fff; }
.logado { display:inline-block; padding:5px 25px 0 25px; min-width:160px; height:50px; font-size:14px; color:#333; border-radius:25px; background-color:#E9E9E9 }
.logado img { float:right; margin:-5px -25px 0 10px; height:50px; width:50px; border:4px solid #F5F5F5; border-radius:50% }
.logado:hover img { border:4px solid #E9E9E9; transition: all 300ms ease-in-out; }
/* ========== MEDIA ============================================================================================== */
.box-video-thumb-3 { position:relative; display:block; width:100%; height:180px; background:#000; overflow:hidden; }
.box-video-thumb-3 .icoplay { position:absolute; width:30%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 300ms ease-in-out; opacity:0.9; z-index:2; }
.box-video-thumb-3 .thumb { position:absolute; height:150%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 300ms ease-in-out; opacity:0.8; }
.box-video-thumb-3:hover > .icoplay { transition: all 300ms ease-in-out; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); }
.box-video-thumb-3:hover > .thumb { transition: all 300ms ease-in-out; opacity:1; }
@media only screen and (max-width: 480px) {
.box-video-thumb-3 .thumb { max-height:280px; }
}
/* ========== GRÁFICOS =========================================================================================== */
.graph { position:relative; margin-bottom:2px; width:130px; height:20px; background-color:#DDDDDD; }
.graph .num { position:absolute; left:5px; color:#5A5A5A; z-index:2 }
.graph .bar { position:relative; height:20px; background-color:#99EF94; z-index:1 }
.graph .bar2 { position:relative; height:20px; background-color:#FFF178; z-index:1 }
.graph .bar3 { position:relative; height:20px; background-color:#FFAFAF; z-index:1 }
/* ========== EFEITOS ============================================================================================ */
.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.no-link { pointer-events: none; cursor:default !important; }
.zoom-img { webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom-img:hover { -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); }
.opacity { background-color:#000; opacity:1; -moz-opacity:1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.opacity:hover { opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.sepia { filter: sepia(100%); -webkit-filter: sepia(100%); }
.txt-shadow { text-shadow: 0 1px 2px rgba(30, 30, 30, 0.8); }
.box-shadow { -webkit-box-shadow:0 0 5px #D1D1D1; -moz-box-shadow:0 0 5px #D1D1D1; box-shadow:0 0 5px #D1D1D1 }
.box-shadow-dark { -webkit-box-shadow:0 1px 5px #555; -moz-box-shadow:0 1px 5px #555; box-shadow:0 1px 5px #555 }
.radius { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.no-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.rounded { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.countdown, .countup { float:right; color:#e00300; font-weight: 500 }
.overflow { max-height:200px; overflow:auto }
.overflow.mtop { margin-top:10px }
.overflow.medium { max-height:400px; overflow:auto; }
.overflow.big { max-height:600px; overflow:auto; }
.overflow.top { border-top:1px dotted #333 }
.overflow.bottom { border-bottom:1px dotted #333 }
/* ========== PANEL ============================================================================================== */
.panel { position:relative; margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.panel .head { padding: 10px 15px; color: #333; background-color: #f5f5f5; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; border-color: #ddd; }
.panel .head h1 { margin:0; padding:0; font-size:16px; font-weight:400; }
.panel .body { padding: 15px; }
.panel .body h1 { font-size:20px; margin-bottom:10px }
.panel .body strong, .panel .body b { font-weight:400; }
.panel .img { height:180px; overflow:hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel .img img { max-width:100%; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel .footer { position:absolute; bottom:0; width:100%; min-height:50px; padding: 10px 15px; background-color:#f5f5f5; border-radius: 0 0 4px 4px; }
.panel .m-footer { margin-bottom:50px }
.panel.panel-default .head { background:transparent; color:#999; }
.panel.panel-default .head h1 { color:#999; font-weight:500; }
.panel.panel-success .head { background:#dff0d8; color:#3c763d; }
.panel.panel-success .head h1 { color:#3c763d; font-weight:500; }
.panel.panel-info .head { background:#d9edf7; color:#317092; }
.panel.panel-info .head h1 { color:#317092; font-weight:500; }
.panel.panel-warning .head { background:#fcf8e3; color:#8a6d3b; }
.panel.panel-warning .head h1 { color:#8a6d3b; font-weight:500; }
.panel.panel-error .head { background:#f2dede; color:#a94442; }
.panel.panel-error .head h1 { color:#a94442; font-weight:500; }
.panel.panel-cancel .head { background:#FFDE43; color:#f89406; }
.panel.panel-cancel .head h1 { color:#f89406; font-weight:500; }
.panel.panel-help .head { background:#ece8f8; color:#594e7c; }
.panel.panel-help .head h1 { color:#594e7c; font-weight:500; }
.panel.panel-help .head .fa { font-size:130%; }
.panel-ico { position:relative; width:100%; margin-bottom:10px; }
.panel-ico:hover > .txt, .panel-ico.active > .txt { border-left:1px solid #F28E00; }
.panel-ico .ico { float:left; width:50px; text-align:center }
.panel-ico .ico .fa-3x { font-size:30px }
.panel-ico .txt { float:left; width:calc(100% - 50px); padding-left:10px; border-left:1px dotted #999; }
.panel-ico .ico.big { float:left; width:100px; text-align:center }
.panel-ico .txt.big { float:left; width:calc(100% - 100px); padding-left:10px; border-left:1px dotted #999; }
.panel-ico .hover.square { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.painel-image { margin:10px 0;padding:15px;border-left:2px solid #ccc;background-color:#f5f5f5;border-radius:5px; }
.painel-image::after{content:"";clear:both;display:table}
.painel-image .image{float:left;margin-right:20px;width:90px;border-radius:50%}
.painel-image div { float:lef }
.painel-image h2 { margin:0; padding:0; font-size:18px;}
.painel-image a { font-size:24px; color:#f7847c !important }
@media (max-width: 500px) {
.painel-image { text-align:center }
.painel-image .image { float:none;display:block;margin:auto; margin-bottom:10px; }
}
/* ========== TABS ========================================================================================= */
.sysTab { border-bottom:1px solid #ccc }
.sysTab .tab-header { overflow:hidden; border:1px solid #ccc; padding:1px; background-color:#f1f1f1 }
.sysTab .tab-header a { float:left; display:block; color:#000; text-align:center; padding:14px 16px; text-decoration:none; transition:.3s; font-size:17px }
.sysTab .tab-header a:hover { background-color:#ddd }
.sysTab .tab-header a:focus, .sysTab .tab-header .active { background-color:#333; color:#FFF; font-weight:500 }
.sysTab .tab-content { display:none;padding:10px; }
.sysTab .tab-content .tab-title { font-size:24px; margin-bottom:10px; }
.sysTab .tab-content.visible { display:block }
/* ========== TABLE SORT ========================================================================================= */
.sort-msg { width: 100%; margin: 10px 0; font-size: 12px; color: #43ac6a; text-align: center; }
.sort-arrow { padding-left: 2px; }
/* ========== TABELA EM DIV ====================================================================================== */
.table-div-trans { width:100%; margin-bottom:1px; border-bottom:1px solid #ddd; }
.table-div-th { width:100%; margin-bottom:1px; padding:5px 0; border-top:1px solid #ddd; background:#005dab; font-weight:500; color:#FFF; }
.table-div { width:100%; margin-bottom:1px; background-color:#FFF; border-bottom:1px solid #ddd; }
.table-div:hover { background-color:#F5F5F5 !important; transition: all 300ms ease-in-out; }
.table-div:nth-child(odd) { background-color:#FAFAFA }
.table-div .td, .table-div-th .td, .table-div-trans .td { padding:3px 10px; }
/* ========== TABELA PADRÃO NÃO RESPONSIVA ======================================================================= */
.table-default { width:100%; }
.table-default th,.table-default td { padding:8px 15px; line-height:20px; text-align:left; vertical-align:middle; border-top:1px solid #ddd }
.table-default thead th { background:#005dab; color:#FFF; vertical-align:middle }
.table-default tbody > tr:nth-child(odd) > td, .table-vert tbody > tr:nth-child(odd) > th {background-color:#fafafa}
.table-default tbody > tr > td { background-color:#FFF }
.table-default tbody > tr:hover > td { background-color:#F5F5F5 !important; transition: all 300ms ease-in-out; }
.table-default tbody span { display:none; }
.table-default .t-small { width:5% }
.table-default .t-medium { width:15% }
.table-default .t-big { width:25% }
.table-default .t-center { text-align:center }
.table-default .t-right { text-align:right }
/* ========== TABELA RESPONSIVA VERTICAL ========================================================================= */
.table-vert {width:100%;margin-bottom:20px}
.table-vert th,.table-vert td {padding:8px 15px;line-height:20px;text-align:left;vertical-align:middle;border-top:1px solid #ddd}
.table-vert thead th {background:#005dab;color:#FFF;vertical-align:middle}
.table-vert tbody > tr:nth-child(odd) > td, .table-vert tbody > tr:nth-child(odd) > th {background-color:#fafafa}
.table-vert tbody > tr > td { background-color:#FFF }
.table-vert tbody > tr:hover > td { background-color:#F5F5F5 !important; transition: all 300ms ease-in-out; }
.table-vert td span { display:none; }
.table-vert .t-small { width:5% }
.table-vert .t-medium { width:15% }
.table-vert .t-big { width:25% }
.table-vert .t-center { text-align:center }
.table-vert .t-right { text-align:right }
/* Small Sizes < 640 */
@media (max-width: 640px) {
.table-vert.tb-action thead { display: none; }
.table-vert.tb-action tr { border-bottom: 1px solid #dddddd; }
.table-vert.tb-action td { border: 0; padding:5px; }
.table-vert.tb-action td span { display:inline; font-weight:500; color:#005dab }
.table-vert.tb-action td.fixed { display: block; }
.table-vert .t-center, .table-vert .t-right { text-align:left }
.table-vert .hidden { display:none }
}
/* ========== TABELA RESPONSIVA HORIZONTAL ================================================================================== */
.table-horiz {border-bottom:#999 solid 1px;width:100%;margin-bottom:20px}
.table-horiz th,.table-horiz td {padding:8px 15px;line-height:20px;text-align:left;vertical-align:middle;border-top:1px solid #ddd}
.table-horiz thead th {background:#005dab;color:#FFF;vertical-align:middle}
.table-horiz tbody > tr:nth-child(odd) > td, .table-horiz tbody > tr:nth-child(odd) > th {background-color:#fafafa}
.table-horiz tbody > tr:hover > td { background-color:#F5F5F5 !important; transition: all 300ms ease-in-out; }
.table-horiz th, .table-horiz td {border-right:#ddd solid 1px;}
.table-horiz td:last-child{border-right:0}
.table-horiz td span { display:none; }
.table-horiz .t-small { width:5% }
.table-horiz .t-medium { width:15% }
.table-horiz .t-big { width:25% }
.table-horiz .t-center { text-align:center }
.table-horiz .t-right { text-align:right }
/* Small Sizes < 768 */
@media (max-width: 767px) {
.table-horiz.tb-action {display:block;position:relative;width:100%}
.table-horiz.tb-action thead,.table-horiz.tb-action tbody,.table-horiz.tb-action th,.table-horiz.tb-action td,.table-horiz.tb-action tr{display:block}
.table-horiz.tb-action td,.table-horiz.tb-action th{height:35px}
.table-horiz.tb-action thead{float:left}
.table-horiz.tb-action tbody{width:auto;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
.table-horiz.tb-action tbody tr{display:inline-block}
.table-horiz td:last-child{border-right:#999 solid 1px}
.table-horiz .t-small, .table-horiz .t-medium,.table-horiz .t-big { width:auto !important }
.table-horiz .t-center, .table-horiz .t-right { text-align:left }
}
/* ========== TABELA SCROLL =========================================================================================== */
.table-scroll { position:relative; border:1px solid transparent; padding-top:40px; background:#0c3e65; color:#FFF; }
.table-scroll .tb-content { overflow-y:auto; height:200px }
.table-scroll .tb-content.h-medium { height:320px; }
.table-scroll table { border-spacing:0; width:100% }
.table-scroll tbody > tr:hover > td { background-color:#F5F5F5 !important; transition: all 300ms ease-in-out; }
.table-scroll tbody > tr:nth-child(odd) > td, .table-scroll tbody > tr:nth-child(odd) > th {background-color:#fafafa}
.table-scroll td + td { border-left:1px solid #ddd }
.table-scroll td,th { border-bottom:1px solid #ddd; background:#FFF; color:#000; padding:10px 10px }
.table-scroll th { height:0; line-height:0; padding-top:0; padding-bottom:0; color:transparent; border:none; white-space:nowrap }
.table-scroll th div { position:absolute; background:transparent; color:#fff; padding:9px 10px; top:0; margin-left:-10px; line-height:normal; border-left:1px solid #ddd }
.table-scroll th div input{ color:navy; width:100%; margin:0 0 0 5px; padding:5px; height:24px; }
.table-scroll th:first-child div { border:none; }
.table-scroll b, .table-scroll strong { font-weight:500; margin-right:5px; }
.table-scroll p { display:block; padding:8px 0 0 5px }
.table-scroll tbody .td-line { display:block; padding:2px 0 }
.table-scroll .small { width:75px; }
.table-scroll .medium { width:125px; }
.table-scroll .big { width:175px; }
/* Small Sizes < 540 */
@media (max-width: 800px) {
.table-scroll th span { display:none; }
}
/* ========== FORMULARIOS ELEMENTOS ================================================================================== */
fieldset { border:0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; background-color:#F8F8F8; outline: none; }
input[type="text"], input[type="file"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], select,
textarea { padding: 5px; width: 100%; height:35px; font-size: 13px; font-weight: 300; color:#000; border: 1px solid #999; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
textarea { height:100px; margin-bottom:15px; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; }
input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, select:focus,
textarea:focus { outline: none; background: #FFF; border-color:#428bca }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; height: 13px; width: 13px; width: 13px !important; height: 13px !important; }
textarea { overflow: auto; vertical-align: top; }
button[disabled], input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
#passSecurity { font-weight:bold; }
.displaySecurity { position:absolute; top:31px; right:5px; font-size:11px; font-weight:700; }
.viewPass { font-size:11px; color:#46a546; cursor:pointer; }
/* ========== FORMULÁRIO ESTRUTURA PADRÃO ============================================================================ */
.form-padrao { margin: 0 auto; }
.form-padrao:after { content: " "; display: block; clear: both; }
.form-padrao .f-center { padding-left: 0; padding-right: 0; text-align: center }
.form-padrao .f-left { padding-left: 5px; text-align: left }
.form-padrao .f-right { padding-right: 5px; text-align: right }
.form-padrao .f-titulo { margin-bottom:10px; padding:5px; font-size: 20px; font-weight: 300; clear:both; }
.form-padrao .f-subtitulo { margin-bottom:10px; padding:5px; font-size:16px; font-weight: 300; clear:both; }
.form-padrao label, .form-padrao .check .label { display: block; margin-bottom: 5px; font-weight: 400; color:#333 }
.form-padrao label q:hover, .form-padrao .check .label a:hover { background:#333; cursor: pointer; transition: all 400ms ease-in-out; }
.form-padrao br { clear:both }
/* 13-3 || 14-4 || 16F-6 || 13-6-6 || 14-8-8 || 2-3-6 || 2-4-4 || 16-16-6 || 2-6-6-6 || 15-5-5-5 || 3-6-6-6-6 */
.form-padrao .form-coluna { float: left; width: 98%; min-height:75px; margin-bottom:3px; margin-left:1%; position: relative; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form-padrao .form-coluna.col1 { width: 97.75%; margin-left:1.25%; }
.form-padrao .form-coluna.col2 { width: 48.5%; margin-left:1%; }
.form-padrao .form-coluna.col3 { width: 32%; margin-left:1%; }
.form-padrao .form-coluna.col4 { width: 23.75%; margin-left:1%; }
.form-padrao .form-coluna.col5 { width: 18.8%; margin-left:1%; }
.form-padrao .form-coluna.col6 { width: 15.5%; margin-left:1%; }
.form-padrao .form-coluna.col7 { width: 13.14285%; margin-left:1%; }
.form-padrao .form-coluna.col8 { width: 11.375%; margin-left:1%; }
.form-padrao .form-coluna.col13 { width: 65%; margin-left:1%; }
.form-padrao .form-coluna.col14 { width: 73.25%; margin-left:1%; }
.form-padrao .form-coluna.col15 { width: 38.6%; margin-left:1%; }
.form-padrao .form-coluna.col16 { width: 40.25%; margin-left:1%; }
.form-padrao .form-coluna.col16full { width: 82.5%; margin-left:1%; }
/* Divide em subcolunas uma coluna - Usado no SPAN */
.form-padrao .form-coluna .split2 { float:left; width:49%; }
.form-padrao .form-coluna .split2:last-of-type { margin-left:2% }
.form-padrao .form-coluna .split3 { float:left; width:31.89%; margin-left:2%; }
.form-padrao .form-coluna .split3:first-of-type { margin-left:0 }
.form-padrao .form-coluna .split3:last-of-type { margin-left:2% }
.form-padrao .form-coluna .split4 { float:left; width:23.5%; margin-left:2%; }
.form-padrao .form-coluna .split4:first-of-type { margin-left:0 }
.form-padrao .form-coluna .split4:last-of-type { margin-left:2% }
.form-padrao .form-coluna .split15 { float:left; width:79.6%; margin-left:2%; }
.form-padrao .form-coluna .split5 { float:left; width:18.4%; margin-left:2%; }
.form-padrao .form-coluna .split5:first-of-type { margin-left:0 }
.form-padrao .form-coluna .split5:last-of-type { margin-left:2% }
/* CONFIG DO INPUT RADIO E CHECKBOX */
.form-padrao .check .txt-label, .form-padrao .check .txt-label:hover { display:inline-block; padding: 10px 15px; cursor:default; background:transparent; }
.form-padrao .check label { display:inline-block; padding: 10px 15px; cursor: pointer; transition: all 200ms ease-in-out; }
.form-padrao .check label:hover{ background: rgba(0,0,0,0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 200ms ease-in-out; }
.form-padrao .check label:last-child{ margin-left: 0 !important; }
.form-padrao .check input { float: left; width: auto; margin: 2px 10px 0 0; cursor: pointer; }
.form-padrao .check .check-input-text { display:block; width: 50%; margin-left:15px; cursor:auto; }
/* Fixa LABEL em colunas */
.form-padrao .check.fix1 label { width:97%; }
.form-padrao .check.fix2 label { width:46.7%; }
.form-padrao .check.fix3 label { width:30%; }
.form-padrao .check.fix4 label { width:19.7%; }
/* Fixa LABEL em colunas */
.form-padrao .check .label.full { width:100%; }
.form-padrao .check .label.large { width:50%; }
.form-padrao .check .label.medium { width:30%; }
.form-padrao .check .label.small { width:20%; }
/* Input com sobreposição fixa de conteúdo */
.form-padrao .tag-value p { position:absolute; height:33px; padding:7px 10px 0 10px; font-weight:700; background-color:#CCC }
.form-padrao .tag-value.l-small p { margin:1px 0 0 1px; width:50px; }
.form-padrao .tag-value.l-small input { padding-left:55px; }
.form-padrao .tag-value.l-medium p { margin:1px 0 0 1px; width:100px; }
.form-padrao .tag-value.l-medium input { padding-left:105px; }
.form-padrao .tag-value.l-big p { margin:1px 0 0 1px; width:150px; }
.form-padrao .tag-value.l-big input { padding-left:155px; }
.form-padrao .tag-value.l-xbig p { margin:1px 0 0 1px; width:250px; }
.form-padrao .tag-value.l-xbig input { padding-left:255px; }
.form-padrao .tag-value.r-small p { right:0; margin:1px 1px 0 0; width:50px; }
.form-padrao .tag-value.r-small input { padding-right:55px; text-align:right }
.form-padrao .tag-value.r-medium p { right:0; margin:1px 1px 0 0; width:100px; }
.form-padrao .tag-value.r-medium input { padding-right:105px; text-align:right }
.form-padrao .tag-value.r-big p { right:0; margin:1px 1px 0 0; width:150px; }
.form-padrao .tag-value.r-big input { padding-right:155px; text-align:right }
.form-padrao .tag-value.r-xbig p { right:0; margin:1px 1px 0 0; width:250px; }
.form-padrao .tag-value.r-xbig input { padding-right:255px; text-align:right }
.form-padrao span.tag-value.t-small p { height:40px; padding-top:10px }
/* DIV para Botões */
.form-padrao .form-buttons { clear:both; margin: 0 1%; }
.form-padrao .form-buttons input[type="submit"], .form-padrao .form-buttons input[type="reset"], .form-padrao .form-buttons button,
.form-padrao .form-buttons .bt-padrao, .form-padrao .form-buttons .bt-line { float: left; }
.form-padrao .form-buttons .resposta-busca { border-left:2px #0068B4 solid; padding-left:10px; color:#0068B4 }
/* Style para Erros e Message */
.form-padrao input[type="text"].error, .form-padrao input[type="password"].error, .form-padrao input[type="file"].error, .form-padrao input[type="email"].error, .form-padrao input[type="url"].error, .form-padrao input[type="tel"].error, .form-padrao input[type="number"].error, .form-padrao input[type="date"].error, .form-padrao select.error,
.form-padrao textarea.error { color: #C60408; background-color: #ffefef; border: 1px solid #C60408; }
.form-padrao .form-buttons div.error { display:none; margin-bottom:10px; padding:5px; background-color:#FFC7D2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.form-padrao .form-buttons div.error, .form-padrao .label-error .label,
.form-padrao .label-error label { color:#C60408 !important; }
.form-message { display:none; margin:10px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.form-message.msg-error, .msg-error { padding:10px; background-color:#FFC7D2; color:#C30 }
.form-message.msg-success, .msg-success { padding:10px; background-color:#CAFFBA; color:#060 }
/** --> CAMPOS PERSONALIZADOS USADOS EM FORM --------------------- */
/* Apenas borda embaixo */
.form-padrao .inputline, .form-padrao .inputline:focus { border:1px solid transparent; border-bottom:1px solid #999; background-color:transparent; border-radius:0; }
.form-padrao .inputline:focus { border:1px solid #999; background-color:#FFF; }
/* Config do menu select avançado */
.form-padrao .select2-selection.select2-selection--single,
.form-padrao .select2-selection.select2-selection--multiple { width: 100%; min-height:35px; padding-top:2px; border: 1px solid #999; background-color:#F8F8F8; }
.form-padrao .select2-container--default .select2-selection--single .select2-selection__rendered { color:#000 !important; }
.form-padrao .select2-selection.select2-selection--single b { top:16px !important; }
/* Ajusta espaçamentos */
.form-padrao .grid-12 { padding-left:1%; padding-right:1%; }
.form-padrao .mg-z { margin:0; margin-bottom:5px; min-height: auto; }
/* Observação abaixo da input */
.form-padrao .form-coluna small { display: block; margin-top:2px; text-align: center }
.form-padrao .form-coluna .add-obs { display: block; margin-top:8px; }
/* Range values */
.form-padrao .range input[type="range"] { width:55%; float:left; margin-top: 10px; }
.form-padrao .range input[type="number"] { width:35%; float:right; text-align:center }
/* Input Search */
.search { position:relative; }
.search i { position:absolute; right:5px; margin-top:5px; font-size:23px; color:#CCC; z-index:2 }
.search input[type=text] { position:relative; float:right; width: 120px; padding-right:30px; z-index:1; -webkit-transition: width .35s ease-in-out; transition: width .35s ease-in-out; }
.search input[type=text]:focus { width: 100%; }
/* Input Size */
.form-padrao textarea.big-area { height:245px !important; }
.form-padrao input.t-large { font-size:20px; padding:20px 10px; }
.form-padrao input.t-medium { font-size:18px; padding:20px 10px; }
.form-padrao input.t-small { font-size:16px; padding:20px 10px; }
/* Check e Radio personalizados */
.niceform input[type=radio] { opacity:0;margin-right:-12px;cursor:pointer;width:12px;height:12px }
.niceform input[type=radio] + span:before { content:" ";background-color:#E5E5E5;display:inline-block;margin-right:8px;width:8px;height:8px;border:3px solid #FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;visibility:visible;box-shadow:0 0 0 1px #999 }
.niceform input[type=radio]:checked + span:before { background-color:#0C0;box-shadow:0 0 0 1px #0C0;background-color:#0C0 }
.niceform input[type=checkbox] { opacity:0;margin-right:-16px;cursor:pointer;width:12px;height:12px; }
.niceform input[type=checkbox] + span:before { content:url(images/checkgreen-off.png);display:inline-block;margin-right:5px;width:16px;height:16px;visibility:visible;border:2px dotted transparent;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:12px;font-size:14px;text-align:center;font-weight:700; }
.niceform input[type=checkbox]:checked + span:before { content:url(images/checkgreen-on.png) }
/* File Upload */
.customfile-container * { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box }
.customfile-container { width:100%;padding:5px;margin:0 auto }
.customfile-container label:first-child { width:100%;display:block;font:bold 18px Arial,sans-serif;color:#333 }
.customfile-wrap { position:relative;padding:0;margin-bottom:1px }
.customfile-filename,.customfile-upload { margin:0;padding:0 }
.customfile-filename { width:calc(99% - 70px)!important;height:34px !important; margin-top:-1px; padding:2px;border:1px solid #A8A49D;border-radius:2px 0 0 2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1) }
.customfile-filename:focus { outline:none }
.customfile-upload { display:inline-block;width:70px;height:34px;padding:5px;border:1px solid #A8A49D;color:#6B6863;background:#ddd;border-radius:0 2px 2px 0;margin-left:-1px;cursor:pointer;background:#CCC;background:-moz-linear-gradient(top,#CCC 0%,#fafafa 100%);background:-webkit-linear-gradient(top,#CCC 0%,#fafafa 100%);background:-o-linear-gradient(top,#CCC 0%,#fafafa 100%);background:-ms-linear-gradient(top,#CCC 0%,#fafafa 100%);background:linear-gradient(to bottom,#CCC 0%,#fafafa 100%) }
.customfile-upload:hover { background:#F5F5F5;box-shadow:0 0 2px rgba(0,0,0,.2) }
.customfile-upload::-moz-focus-inner { padding:0;border:0 }
/* SWITCH */
.switch__container{margin:30px auto;width:30px}
.switch{visibility:hidden;position:absolute;margin-left:-9999px}
.switch+label{display:block;position:relative;cursor:pointer;outline:0;user-select:none}
.switch--shadow+label{padding:2px;width:30px;height:15px;background-color:#ddd;border-radius:15px}
.switch--shadow+label:before,.switch--shadow+label:after{display:block;position:absolute;top:1px;left:1px;bottom:1px;content:""}
.switch--shadow+label:before{right:1px;background-color:#f1f1f1;border-radius:15px;transition:background .4s}
.switch--shadow+label:after{width:17px;background-color:#fff;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,0.3);transition:all .4s}
.switch--shadow:checked+label:before{background-color:#8ce196}
.switch--shadow:checked+label:after{transform:translateX(15px)}
.switch--flat+label{padding:2px;width:120px;height:60px;background-color:#ddd;border-radius:60px;transition:background .4s}
.switch--flat+label:before,.switch--flat+label:after{display:block;position:absolute;content:""}
.switch--flat+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#fff;border-radius:60px;transition:background .4s}
.switch--flat+label:after{top:4px;left:4px;bottom:4px;width:56px;background-color:#ddd;border-radius:52px;transition:margin .4s,background .4s}
.switch--flat:checked+label{background-color:#8ce196}
.switch--flat:checked+label:after{margin-left:60px;background-color:#8ce196}
/*
COMO USAR?
https://codepen.io/fellipe/pen/adzmPR
https://willianjusten.com.br/criando-um-switch-button-com-css/
*/
/* ========== FORÇA PADRÃO EM UMA COLUNA ============================================================================= */
.form-padrao.uni .check, .form-padrao.uni .form-coluna,
.form-padrao.uni .form-coluna.col1, .form-padrao.uni .form-coluna.col15, .form-padrao.uni .form-coluna.col2,
.form-padrao.uni .form-coluna.col3, .form-padrao.uni .form-coluna.col4, .form-padrao.uni .form-coluna.col5,
.form-padrao.uni .form-coluna.col6, .form-padrao.uni .form-coluna.col7,
.form-padrao.uni .form-coluna.col8 { width: 98% !important; }
.form-padrao.uni .check.fix2 label, .form-padrao.uni .check.fix3 label,
.form-padrao.uni .check.fix4 label { width:97%; }
/** Big Sizes >= 1024 */
@media only screen and (min-width: 1023px) {
.form-padrao .check.fix1 label { width: 97%; }
}
/** Small Sizes < 1023*/
@media only screen and (max-width: 1023px) {
.gridcol-big .form-coluna, .gridcol-medium .form-coluna, .gridcol-small .form-coluna { width: 98% !important; }
.form-padrao .check.fix1 label { width: 96%; }
}
/** Small Sizes < 800*/
@media only screen and (max-width: 800px) {
.form-padrao .check.fix2 label, .form-padrao .check.fix3 label,
.form-padrao .check.fix4 label { width:auto; }
}
/** Small Sizes < 600*/
@media only screen and (max-width: 600px) {
.form-padrao .form-coluna, .form-padrao .form-coluna.col1, .form-padrao .form-coluna.col15,
.form-padrao .form-coluna.col2, .form-padrao .form-coluna.col3, .form-padrao .form-coluna.col4,
.form-padrao .form-coluna.col5, .form-padrao .form-coluna.col6, .form-padrao .form-coluna.col7,
.form-padrao .form-coluna.col8 { width: 98% !important; }
.form-padrao .check label, .form-padrao .check.fix1 label, .form-padrao .check.fix2 label,
.form-padrao .check.fix3 label { width: 92%; }
.form-padrao .check .check-input-text { width:90%; }
.form-padrao .form-buttons .resposta-busca { margin-bottom:20px }
.form-padrao .form-coluna .split2, .form-padrao .form-coluna .split3,
.form-padrao .form-coluna .split4 { display:block; float:none; width:100% !important; margin-left:0 !important; padding-bottom:5px !important; }
}
/** Small Sizes < 480*/
@media only screen and (max-width: 480px) {
.form-padrao .check.fix1 label { width: 92% !important; }
.form-padrao .tag-value.l-xbig p { margin:1px 0 0 1px; width:150px; }
.form-padrao .tag-value.l-xbig span { display:none }
.form-padrao .tag-value.l-xbig input { padding-left:155px; }
.form-padrao span.tag-value.t-small p { height:40px; padding-top:0 }
}
/* ========== UPLOAD BAR PROGRESSIVE ================================================================================= */
.sysUpProgress { display:none; min-width:25px; max-width:100%; margin-bottom:10px; font-size:10px; padding:1px 5px; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.sysUpProgress.gradient.green {
background: rgba(223,255,82,1);
background: -moz-linear-gradient(left, rgba(223,255,82,1) 0%, rgba(159,234,62,1) 36%, rgba(97,147,31,1) 96%, rgba(97,147,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223,255,82,1)), color-stop(36%, rgba(159,234,62,1)), color-stop(96%, rgba(97,147,31,1)), color-stop(100%, rgba(97,147,31,1)));
background: -webkit-linear-gradient(left, rgba(223,255,82,1) 0%, rgba(159,234,62,1) 36%, rgba(97,147,31,1) 96%, rgba(97,147,31,1) 100%);
background: -o-linear-gradient(left, rgba(223,255,82,1) 0%, rgba(159,234,62,1) 36%, rgba(97,147,31,1) 96%, rgba(97,147,31,1) 100%);
background: -ms-linear-gradient(left, rgba(223,255,82,1) 0%, rgba(159,234,62,1) 36%, rgba(97,147,31,1) 96%, rgba(97,147,31,1) 100%);
background: linear-gradient(to right, rgba(223,255,82,1) 0%, rgba(159,234,62,1) 36%, rgba(97,147,31,1) 96%, rgba(97,147,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfff52', endColorstr='#61931f', GradientType=1 );
}
.sysUpProgress.stripes { color:#FFF; font-weight:600; background-color:#909090; background-size:30px 30px; background-image:linear-gradient(135deg, rgba(255, 255, 255, .20) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .20) 75%, transparent 75%, transparent); transition: width .4s ease-in-out; animation: animate-stripes 3s linear infinite; }
.sysUpProgress.stripes.green { background-color:#009835; }
.sysUpProgress.stripes.blue { background-color:#0068B4; }
@keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} }
/* ========== BOTÃO ================================================================================================== */
.bt-padrao { position:relative; display:inline-block; padding: 10px 15px; margin:3px; background-color:#909090; color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; box-sizing: border-box; border: none; text-shadow: 0 1px 1px rgba(30, 30, 30, 0.3);
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.40)); background-repeat: no-repeat; background-position: 0 40px; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; }
.bt-padrao:hover { background-position: 0 5px; color:#fff; cursor: pointer; }
.bt-line { position:relative; display:inline-block; padding: 9px 15px; margin:3px; background-color:transparent; color: #222; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; box-sizing: border-box; border:1px solid #000; transition:0.5s all ease; }
.bts-line:hover { border:1px solid #060; color:#060; cursor: pointer; text-shadow:0 1px 1px rgba(30, 30, 30, 0.2); box-shadow: 0px 1px 1px #ccc; }
.bt-padrao.mini, .bt-line.mini { padding: 5px 8px; }
.bt-padrao.big, .bt-line.big { padding: 20px 30px; }
/** BOTÃO CORES */
.bt-padrao.info, .btn-group.info .bt-item, .bt-round.info { color: #fff; background-color: #0068B4; }
.bt-padrao.success, .btn-group.success .bt-item, .bt-round.success { color: #fff; background-color: #009835; }
.bt-padrao.error, .btn-group.error .bt-item, .bt-round.error { color: #fff; background-color: #CC0000; }
.bt-padrao.warning, .btn-group.warning .bt-item, .bt-round.warning { color: #fff; background-color: #F28E00; }
.bt-padrao.support, .btn-group.support .bt-item, .bt-round.support { color: #ece8f8; background-color: #9548b2; }
.bt-line.info { color: #0068B4; border-color: #0068B4; }
.bt-line.success { color: #009835; border-color: #009835; }
.bt-line.error { color: #CC0000; border-color: #CC0000; }
.bt-line.warning { color: #F28E00; border-color: #F28E00; }
.bt-line.support { color: #9548b2; border-color: #9548b2; }
/** OVER */
.bt-line.info:hover, .bt-line.info.active { color:#fff; background-color:#0068B4 !important; }
.bt-line.success:hover, .bt-line.success.active { color:#fff; background-color:#009835 !important; }
.bt-line.error:hover, .bt-line.error.active { color:#fff; background-color:#CC0000 !important; }
.bt-line.warning:hover, .bt-line.warning.active{ color:#fff; background-color:#F28E00 !important; }
.bt-line.support:hover, .bt-line.support.active { color:#fff; background-color:#9548b2 !important; }
/** BOTÃO EFEITOS */
.bt-padrao.rc, .bt-line.rc { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.bt-padrao.upper, .bt-line.upper { text-transform:uppercase; }
.bt-padrao.shadow, .bt-line.shadow { box-shadow:1px 1px 1px #999; }
/* BOTÃO TAMANHO FONTE */
.bt-padrao.small, .bt-line.small { font-size:90%; }
.bt-padrao.medium, .bt-line.medium { font-size:110%; }
.bt-padrao.large, .bt-line.large { font-size:140%; }
.bt-padrao.full, .bt-line.full { width:100%; margin-left:0; }
/* BOTÃO ICO ANIMADO */
.bt-padrao.anima { overflow:hidden; } /* Pesquisar */
.bt-padrao.anima span { display:inline-block;position:relative;transition:.5s }
.bt-padrao.anima i { position:absolute; top:45px; left:-3px; opacity:0; }
.bt-padrao.anima:hover span { padding-left:20px; }
.bt-padrao.anima:hover i { top:0px; left:-3px; opacity:1; transition:.5s }
/* BUTTON GROUP */
.btn-group .bt-item { float: left; padding: 10px 24px; background-color:#909090; border: 1px solid #555; color: white;
font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; border-radius:0; cursor: pointer;
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.40)); background-repeat: no-repeat; background-position: 0 40px; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; }
.btn-group:after { content: ""; clear: both; display: table; }
.btn-group .bt-item:not(:last-child) { border-right: none; }
.btn-group .bt-item:hover { background-position: 0 5px; color:#fff; cursor: pointer; }
.btn-group.rc .bt-item:first-child { border-radius:5px 0 0 5px; }
.btn-group.rc .bt-item:last-child { border-radius:0 5px 5px 0; }
.btn-group.full2 .bt-item { width:50% }
.btn-group.full3 .bt-item { width:33.33333% }
.btn-group.full4 .bt-item { width:25% }
.btn-group.full5 .bt-item { width:20% }
/* BUTTON ROUND CORNER */
.bt-round { position:relative; display:inline-block; margin-top:-10px; width:130px; height:44px; border-radius:22px; cursor:pointer; }
.bt-round .rd-ico { position:absolute; top:5px; left:5px; display:block; width:34px; height:34px; background-color:rgba(255,255,255,.5); border-radius:50%; z-index:1 }
.bt-round .rd-ico .fa { margin:6px 0 0 8px; color:#FFF; }
.bt-round p { position:relative; padding:12px 0 0 25px; width:100%; font-size:14px; font-weight:500; text-align:center; z-index:2 }
/* ========== ALERT BOX ============================================================================================== */
/** USANDO FUNCTION OLD - REMOVER * /
.trigger {position:relative;display:block;width:98%;margin:0 auto;margin-bottom:15px;padding:15px 25px 15px 45px;background:#888;font-weight:500;color:#fff;border:1px solid #333;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.trigger p {margin-top:8px}
.trigger b, .trigger strong {font-weight:700;}
.trigger i {font-size: 200%; position: absolute; top:12px; left: 12px; }
.trigger .ajax_close { position: absolute; top:12px; right: 12px; }
.trigger_ajax {display:none;cursor:pointer}
.trigger_success {background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}
.trigger_info {background-color:#d9edf7;border-color:#bce8f1;color:#317092}
.trigger_alert {background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.trigger_error {background-color:#f2dede;border-color:#ebccd1;color:#a94442}
.trigger_modal {position:fixed;right:10px;top:15px;width:480px;max-width:100%;padding:0;cursor:pointer;z-index:99;}
.trigger_modal .trigger { margin-bottom:1px; -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2);}
.trigger_show .trigger_ajax {display:block;}*/
.alertAjax {position:fixed;right:10px;top:15px;width:480px;max-width:100%;padding:0;cursor:pointer;z-index:110;}
.nice-alert {position:relative;display:block;width:98%;min-height:50px;margin:0 auto;margin-bottom:15px;padding:15px 25px 15px 45px;background:#888;font-family: 'Roboto', sans-serif;font-weight:500;color:#fff;border:1px solid #333;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.nice-alert h3 { margin:10px 0 5px 0 !important; padding:0; font-size:14px; font-weight:700; color:#594e7c; }
.nice-alert p {margin-top:8px}
.nice-alert b, .nice-alert strong {font-weight:700;}
.nice-alert i {font-size: 200%; position: absolute; top:12px; left: 12px; }
.nice-alert .fa-close { position: absolute; top:10px; right:10px; }
.nice-alert.fixed { -webkit-box-shadow: 0px 2px 5px 0px rgba(153,153,153,0.6); -moz-box-shadow: 0px 2px 5px 0px rgba(153,153,153,0.6); box-shadow: 0px 2px 5px 0px rgba(153,153,153,0.6); }
.nice-alert.msg-ajax {display:none;cursor:pointer}
.nice-alert.msg-success {background-color:#a8e979;border-color:#8bbd66;color:#2f5330}
.nice-alert.msg-info {background-color:#88caff;border-color:#47a8f5;color:#1b3a53}
.nice-alert.msg-warning {background-color:#ffe26e;border-color:#e7c335;color:#563a11}
.nice-alert.msg-error {background-color:#f7847c;border-color:#f66359;color:#622622}
.nice-alert.msg-show .nice-alert.msg-ajax {display:block;}
.nice-alert.msg-help { position:relative; display:block;width:98%;margin:0 auto;margin-bottom:15px;padding:10px 10px 10px 40px;background:#ece8f8;font-weight:500;font-size:12px;color:#594e7c;border:1px solid #dad7f3;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.nice-alert.msg-help .fa { font-size:150%; position: absolute; top:10px; left: 12px; }
.nice-alert.msg-help b, .help strong { font-weight:900; }
/* ========== TOOLTIP ================================================================================================ */
.nice-tooltip { display:inline-block;vertical-align:top;position:relative }
.nice-tooltip:hover .nice-tooltip-msg { display:inline }
.nice-tooltip-msg { display:none;position:absolute;left:50%;margin-left:-50px;bottom:100%;margin-bottom:10px;width:100px;padding:8px;background:rgba(0,0,0,.8);font-size:12px;text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:0px 1px 2px rgba(0, 0, 0, 0.8) !important;z-index:99 }
.nice-tooltip-msg::after { content:'';position:absolute;top:100%;left:50%;margin-left:-8px;width:0;height:0;border-top:8px solid #000;border-right:8px solid transparent;border-left:8px solid transparent;opacity:.8 }
/* ========== PAGINAÇÃO ============================================================================================== */
.lnh-paginacao { width:100%; }
.lnh-paginacao .texto { margin-bottom:20px; text-align:center }
.lnh-paginacao .paginator { float: left; width:100%; margin:0; padding:0 0 20px 0; text-align:center; }
.lnh-paginacao .paginator li { display: inline; margin: 0 3px; }
.lnh-paginacao .paginator .active, .paginator li a { padding: 5px 10px; background: #2e6e9e; font-size:14px; font-weight: 400; color: #fff; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.lnh-paginacao .paginator li a:hover { background: #428bca; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.lnh-paginacao .paginator .active { background: #428bca; }
/* ========== WIDGETS =============================================================================================== */
/** MODAL DEFAULT */
.modal-sys { display:none;position:fixed;top:0;left:0;padding:20px 10px;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.4); overflow:auto; z-index:99; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.modal-sys .close-modal { position:fixed; float:right; top:-10px; right:10px; color:#f2f2f2; font-size:50px; font-weight:700; z-index:100 }
.modal-sys .close-modal:hover,.close-modal:focus { color:#b5b5b5;text-decoration:none;cursor:pointer }
.modal-sys .content-modal { position:absolute;margin:auto;width:500px;max-width:100%; max-height:90%;overflow:auto;background:#fff; }
.modal-sys .content-modal.big { width:90%; }
.modal-load { display:none; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; min-height:100%; background-color:rgba(0,0,0,0.8); z-index:10 }
.modal-load span { margin:0 auto; color:#C5C5C5; text-align:center; }
.modal-load span p { margin-top:10px; text-align:center; font-size:18px; font-weight:400; }
.modal-open { overflow:hidden; }
/* TINYMCE */
.calltoaction-green { background-color:#4CAF50;border:none;color:#fff;padding:20px;width:95%;text-align:center;text-decoration:none;display:inline-block;font-size:1.4em;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px 0 #000;-webkit-transition-duration:.2s;transition-duration:.2s;cursor:pointer;box-shadow:1px 1px 3px 1px #ccc;-moz-box-shadow:1px 1px 3px 1px #ccc;-webkit-box-shadow:1px 1px 3px 1px #ccc }
.calltoaction-green:hover { background-color:#55C25C;color:#fff }
.calltoaction-red { background-color:#DA1616;border:none;color:#fff;padding:20px;width:95%;text-align:center;text-decoration:none;display:inline-block;font-size:1.4em;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px 0 #000;-webkit-transition-duration:.2s;transition-duration:.2s;cursor:pointer;box-shadow:1px 1px 3px 1px #ccc;-moz-box-shadow:1px 1px 3px 1px #ccc;-webkit-box-shadow:1px 1px 3px 1px #ccc }
.calltoaction-red:hover { background-color:#E70F0F;color:#fff }
/* GERENCIADOR DE MÍDIA */
#upMedia .form_load { position:absolute; top:20px; right:60px; z-index:2 }
.box-germidia { margin-bottom:20px; padding-bottom:20px; width:100%; height:360px; overflow:auto; }
.box-germidia .germid-content { position:relative; float:left; margin:5px; width:200px; height:200px; background:#F5F5F5; border:1px solid #CCC; overflow:hidden; }
.box-germidia .germid-content p { position:absolute; top:0; padding:10px; text-align:left; z-index:1 }
.box-germidia .germid-content p small { display:block; margin-bottom:5px; padding:5px 0 5px 5px; text-align:left; border-bottom:1px dotted #CCC; }
.box-germidia .germid-content .bt-padrao { position:absolute; bottom:5px; right:5px; padding:8px 10px; border:1px solid #FFF; transition: all 1s ease; z-index:2; }
.box-germidia .germid-content .bt-padrao .fa { font-size:150%; }
.box-germidia .germid-content .bt-padrao b { display:none; padding-left:10px; transition: all 1s ease; }
.box-germidia .germid-content .bt-padrao:hover > b { display:inline-block; transition: all 1s ease; }
/* SEO ANALYTICS */
.seo-analytics { position:relative; margin-top:20px; padding:30px 20px 20px 20px; background-color:#f7f7f7; border:4px double #ccc; -webkit-box-shadow: 0px 5px 10px 0px rgba(128,128,128,0.35); -moz-box-shadow: 0px 5px 10px 0px rgba(128,128,128,0.35); box-shadow: 0px 5px 10px 0px rgba(128,128,128,0.35); }
.seo-analytics h1 { position:relative; padding:0 0 5px 40px; font-size:24px; font-weight:700; color:#555; border-bottom:1px dotted #555; }
.seo-analytics h1 span { float:right; font-size:20px; font-weight:300; color:#000; }
.seo-analytics h1 .fa { position:absolute; top:-15px; left:-10px; font-size:65px; font-weight:200; color:#555; }
.seo-analytics h2 { margin:0; padding:0; padding-top:10px; font-size:16px; color:#000; }
.seo-analytics h3 { padding-top:10px; font-size:18px; }
.seo-analytics .seo-content strong { font-size:18px; font-weight:400; }
.seo-analytics .seo-content { padding:0 30px; }
.seo-analytics .seo-content span.txt-success, .seo-analytics .seo-content span.txt-error { display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc }
.seo-analytics .seo-content span.txt-success { display:none; color:#0A5A83 !important }
/* STAR RATING */
.box-star { font-size:18px; font-weight:200; }
.box-star span { display:block; font-size:40px; color:#555; }
.box-star span .fa-star-o { color:#CCC; }
/* MULTI IMAGE UPLOAD */
.multiPreview img, .multiReturn img { margin:5px; height:125px; }
.multiReturn div { display:inline-block; position:relative; float:left; }
.multiReturn a.bt-padrao { position:absolute; bottom:13px; left:8px; }
.multiReturn span.bt-padrao { position:absolute; bottom:13px; right:8px; }
/** ANIMATE */
.anima-spin { -webkit-animation-name:animaSpin;-webkit-animation-duration:.4s;animation-name:animaSpin;animation-duration:.4s }
.anima-top { -webkit-animation-name:animaTop;-webkit-animation-duration:.4s;animation-name:animaTop;animation-duration:.4s }
.anima-left { -webkit-animation-name:animaLeft;-webkit-animation-duration:.4s;animation-name:animaLeft;animation-duration:.4s }
.anima-opacity { -webkit-animation-name:animaOpacity;-webkit-animation-duration:.8s;animation-name:animaOpacity;animation-duration:.8s }
@-moz-keyframes animaSpin { 100% { -moz-transform: rotate(360deg); } } /** SPIN 360 1x */
@-webkit-keyframes animaSpin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes animaSpin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-webkit-keyframes animaTop { from{top:-300px;opacity:0;} to{top:0px;opacity:1;} } /** ANIMATE TOP > BOTTOM */
@keyframes animaTop { from{top:-300px;opacity:0} to{top:0px;opacity:1} }
@-webkit-keyframes animaLeft { from{left:-300px;opacity:0;} to{left:0px;opacity:1;} } /** ANIMATE TOP > BOTTOM */
@keyframes animaLeft { from{left:-300px;opacity:0} to{left:0px;opacity:1} }
@-webkit-keyframes animaOpacity { from{opacity:0;} to{opacity:1;} } /** ANIMATE OPACITY */
@keyframes animaOpacity { from{opacity:0} to{opacity:1} }
/* ========== STANDARD ONLY SMARTPHONE ============================================================================== */
@media only screen and (max-width: 480px) {
h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
.sm-hide { display:none }
.sm-show { display:inline-block; }
.sm-left { float:none !important; display:block; }
.sm-right { float:none !important; display:block; }
.sm-txt-l { text-align:left !important; }
.sm-txt-r { text-align:right !important; }
.sm-mz-top { margin-top:0px !important; }
.sm-mz-bottom { margin-bottom:0px !important; }
.sm-mz-left { margin-left:0px !important; }
.sm-mz-right { margin-right:0px !important; }
.sm-pz-top { padding-top:0px !important; }
.sm-pz-bottom { padding-bottom:0px !important; }
.sm-pz-left { padding-left:0px !important; }
.sm-pz-right { padding-right:0px !important; }
.sm-m-top { margin-top:20px !important; }
.sm-m-bottom { margin-bottom:20px !important; }
.sm-m-left { margin-left:20px !important; }
.sm-m-right { margin-right:20px !important; }
.sm-p-top { padding-top:20px !important; }
.sm-p-bottom { padding-bottom:20px !important; }
.sm-p-left { padding-left:20px !important; }
.sm-p-right { padding-right:20px !important; }
.sm-m-top-small { margin-top:10px !important; }
.sm-m-bottom-small { margin-bottom:10px !important; }
.sm-m-left-small { margin-left:10px !important; }
.sm-m-right-small { margin-right:10px !important; }
.sm-p-top-small { padding-top:10px !important; }
.sm-p-bottom-small { padding-bottom:10px !important; }
.sm-p-left-small { padding-left:10px !important; }
.sm-p-right-small { padding-right:10px !important; }
}