/* CSS Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big,
blockquote, body, canvas, caption, center, cite, code, dd, del,
details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure,
footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, img,
iframe, ins, kbd, label, legend, li, mark, menu, nav, object, ol,
output, p, pre, q, ruby, s, samp, section, small, span, strike,
strong, sub, summary, sup, table, tbody, td, tfoot, th, thead,
time, tr, tt, u, ul, var, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
body, html { margin:  0; padding: 0; }
b { font-weight: 700; }
i { font-style: italic; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; }
ol, ul { list-style: none; }
.clear { clear: both; }
/* /CSS Reset */

/* Slickgrid */
/*
IMPORTANT: 
In order to preserve the uniform grid appearance,  all cell styles need to have padding,  margin and border sizes.
No built-in (selected,  editable,  highlight,  flashing,  invalid,  loading,  : focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default { width: 100%; overflow: hidden; border-left: 0px; }
.slick-header-columns, .slick-headerrow-columns { position: relative; white-space: nowrap; cursor: default; overflow: hidden; }
.slick-header-column.ui-state-default { position: relative; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 16px; line-height: 16px; margin: 0; padding: 4px; border-right: 1px solid silver; border-left: 0px; border-top: 0px; border-bottom: 0px; float: left; }
.slick-headerrow-column.ui-state-default { padding: 4px; }
.slick-header-column-sorted { font-style: italic; }
.slick-sort-indicator { display: inline-block; width: 8px; height: 5px; margin-left: 4px; margin-top: 6px; float: left; }
.slick-sort-indicator-desc { background: url(img/slickgrid/sort-desc.gif); }
.slick-sort-indicator-asc { background: url(img/slickgrid/sort-asc.gif); }
.slick-resizable-handle { position: absolute; font-size: 0.1px; display: block; cursor: col-resize; width: 4px; right: 0px; top: 0; height: 100%; }
.slick-sortable-placeholder { background: silver; }
.grid-canvas { position: relative; outline: 0; }
.slick-row.ui-widget-content, .slick-row.ui-state-active { position: absolute; border: 0px; width: 100%; }
.slick-cell, .slick-headerrow-column { position: absolute; border: 1px solid transparent; border-right: 1px dotted silver; border-bottom-color: silver; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; z-index: 1; padding: 1px 2px 2px 1px; margin: 0; white-space: nowrap; cursor: default; }
.slick-group-toggle { display: inline-block; }
.slick-cell.highlighted { background: lightskyblue; background: rgba(0,  0,  255,  0.2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.slick-cell.flashing { border: 1px solid red !important; }
.slick-cell.editable { z-index: 11; overflow: visible; background: white; border-color: black; border-style: solid; }
.slick-cell: focus { outline: none; }
.slick-reorder-proxy { display: inline-block; background: blue; opacity: 0.15; filter: alpha(opacity = 15); cursor: move; }
.slick-reorder-guide { display: inline-block; height: 2px; background: blue; opacity: 0.7; filter: alpha(opacity = 70); }
.slick-selection { z-index: 10; position: absolute; border: 2px dashed black; }
/* /Slickgrid */

/* Slickgrid Default Theme */
/*
IMPORTANT: 
In order to preserve the uniform grid appearance,  all cell styles need to have padding,  margin and border sizes.
No built-in (selected,  editable,  highlight,  flashing,  invalid,  loading,  : focus) or user-specified CSS
classes should alter those!
*/
.slick-header-columns { background: url(img/slickgrid/bg_breadcrumbs.png) top left repeat-x #d5ecf7; }
.slick-header-column { background: url(img/slickgrid/bg_breadcrumbs.png) top left repeat-x #d5ecf7; }
.slick-header-column:hover, .slick-header-column-active { background: url(img/slickgrid/header-columns-over-bg.png) center bottom repeat-x #d5ecf7; }
.slick-headerrow { background: #fafafa; }
.slick-headerrow-column { background: #fafafa; border-bottom: 0; height: 100%; }
.slick-row.ui-state-active { background: #F5F7D7; }
.slick-row { position: absolute; background: white; border: 0px; line-height: 20px; }
.slick-row.selected { z-index: 10; background: #DFE8F6; }
.slick-cell { padding-left: 4px; padding-right: 4px; }
.slick-group { border-bottom: 2px solid silver; }
.slick-group-toggle { width: 9px; height: 9px; margin-right: 5px; }
.slick-group-toggle.expanded { background: url(img/slickgrid/collapse.gif) no-repeat center center; }
.slick-group-toggle.collapsed { background: url(img/slickgrid/expand.gif) no-repeat center center; }
.slick-group-totals { color: gray; background: white; }
.slick-cell.selected { background-color: beige; }
.slick-cell.active { border-color: gray; border-style: solid; }
.slick-sortable-placeholder { background: silver !important; }
.slick-row.odd { background: #eef8fc; }
.slick-row.ui-state-active { background: #f2dede !important; }
.slick-row.loading { opacity: 0.5; filter: alpha(opacity = 50); }
.slick-row:hover { background: #ffffd9; }
.slick-cell.invalid { border-color: red; -moz-animation-duration: 0.2s; -webkit-animation-duration: 0.2s; -moz-animation-name: slickgrid-invalid-hilite; -webkit-animation-name: slickgrid-invalid-hilite; }
@-moz-keyframes slickgrid-invalid-hilite { from {  box-shadow: 0 0 6px red;  } to {  box-shadow: none;  } }
@-webkit-keyframes slickgrid-invalid-hilite { from {  box-shadow: 0 0 6px red;  } to {  box-shadow: none;  } }
/* /Slickgrid Default Theme */

/* Slickgrid Columnpicker */
.slick-columnpicker { border: 1px solid #718BB7; background: #f0f0f0; padding: 6px; -moz-box-shadow: 2px 2px 2px silver; -webkit-box-shadow: 2px 2px 2px silver; box-shadow: 2px 2px 2px silver; min-width: 100px; cursor: default; }
.slick-columnpicker li { list-style: none; margin: 0; padding: 0; background: none; }
.slick-columnpicker input { margin: 4px; }
.slick-columnpicker li a { display: block; padding: 4px; font-weight: bold; }
.slick-columnpicker li a:hover { background: white; }
/* /Slickgrid Columnpicker */

/* Custom */
.red { color: red !important }
.green { color: green !important }
body { background: #fff url(img/background.jpg) no-repeat; background-size: cover; font: 12px Helvetica, Arial, sans-serif; line-height: 1 }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
footer.grid-footer { background: #fff; bottom: 0; left: 0; position: absolute; right: 0; z-index: 500 }
.table-head { background: url(img/slickgrid/bg_footertitle.png) repeat-x scroll left top #abd9ef; border: 1px solid #cdcdcd; border-bottom: 0; color: #397999; display: block; font-size: 12px; font-weight: 700; padding: 3px 5px 4px; text-align: center; position: relative; }
.table-head:hover { color: #FFF; cursor: pointer; background-color: #589bc4 }
#myGrid { border: 0; height: 224px; width: 100% }
.slick-row { font-size: 11px }
.slick-header.ui-state-default, .slick-headerrow.ui-state-default { background: url(img/slickgrid/bg_breadcrumbs.png) top left repeat-x #d5ecf7 !important; border: 0 }
.slick-headerrow-column { background: 0 0 !important }
.slick-header-column.ui-state-default { border-color: #EEE; border-left: 1px solid #7fc6ff; color: #428bca; height: 25px !important; padding: 4px }
.slick-header-column.ui-state-default:hover { cursor: pointer; font-weight: 700 }
.slick-column-name { font-size: 11px; font-weight: 700; text-transform: uppercase }
.slick-headerrow-column { text-overflow: clip; }
.slick-headerrow-column input { margin: 0; padding: 0; width: 100%; height: 100%; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: #EEE; border-right: 0 }
.slick-cell, .slick-headerrow-column { border: 1px solid #DDD; border-right: 0; border-top: 0 }
.icon-estatistica { float: left; height: 12px; width: 16px ; overflow:hidden;}
.ui-widget-content .slick-cell img { padding: 3px }
.btn-acao { background: rgba(85, 85, 85, .8); border: 0; border-radius: 5px; color: #FFF; cursor: pointer; font-size: 11px !important; outline: 0; padding: 0 7px; margin-left: 2px }
.btn-acao:hover { background: rgba(85, 85, 85, 1) }
.btn-acao img { margin: -1px 3px 0 0; padding: 0 !important; vertical-align: middle }
.lista-filtros { background: #67a8cf url(img/slickgrid/lines.gif); box-shadow: inset 0 0 30px 0 rgba(50, 50, 50, .4); -moz-box-shadow: inset 0 0 30px 0 rgba(50, 50, 50, .4); -webkit-box-shadow: inset 0 0 30px 0 rgba(50, 50, 50, .4); display: none; padding: 8px 5px 0; z-index: 10000; position: absolute; background-color: rgba(103,  168,  207,  0.8); border-bottom: 2px solid #397999; width: 100%; }
.btn-filtro, .btn-list { background: 0; border: 0; float: right; margin-top: -5px; outline: 0; padding: 4px }
.btn-filtro:hover, .btn-list:hover { color: rgba(72, 220, 248, 1) }
.form-control { font-size: 12px; height: 20px; margin-right: 10px; padding: 0 5px }
.lista-filtros ul li { float: left; margin: 0 10px 2px 0 }
.lista-filtros ul li label { color: #fff; font-weight: 700; margin-bottom: 5px }
.lista-filtros ul li label .glyphicon { line-height: 0 }
/*.dropdown-menu { padding: 0 }
.dropdown-menu li { cursor: pointer; float: none !important; font-size: 11px; margin: 0 !important; overflow: hidden; padding: 8px 10px }
.dropdown-menu li:hover { background: #eee }
.dropdown-menu li img { display: block; left: 0; position: relative; top: 1px }
.dropdown-menu li:hover img { animation: bus 1s; -moz-animation: bus 1s; -webkit-animation: bus 1s }*/
@keyframes bus { 0 { left: 0 } 49% { left: 120% } 50% { left: -120% } 100% { left: 0 } }
@-webkit-keyframes bus { 0 { left: 0 } 49% { left: 120% } 50% { left: -120% } 100% { left: 0 } }
.no-label { margin-top: 17px }
.btn-info { background-color: #397999; border-color: #397999; color: #fff }
.btn-group-xs>.btn, .btn-xs { padding: 0 5px }
.slick-header-columns { border-bottom: 1px solid #7fc6ff }
.slick-cell, .slick-headerrow-column { padding: 2px 2px 2px 5px }
.no-label .glyphicon { font-size: 10px; margin-right: 4px }
.ui-resizable { position: absolute; }
.ui-resizable-handle { z-index: 9999; }
.slick-sort-indicator { margin-left: 0; margin-right: 3px; }
.lista-filtros ul li .filtrar, .lista-filtros ul li .limpar { margin-top: 17px; }
.lista-filtros ul li .filtrar span { font-size: 9px; top: 0; }
.hidden-column { display: none !important; }
.btn-list { float: right; margin-right: 30px; position: relative; }
/* /Custom */

/* Custom Columnpicker */
.slick-columnpicker { background: #fff; border-color: #ccc; box-shadow: none; border-radius: 3px; display: none; position: absolute; z-index: 99999; padding: 0; min-width: 160px; }
.slick-columnpicker li { padding: 3px 10px 1px; }
.slick-columnpicker li:hover { background: #eee; }
.slick-columnpicker li:last-child { margin-bottom: 0; }
.slick-columnpicker li label { font: 11px Arial,  Sans-serif; display: block; text-align: left; vertical-align: top; color: #000; white-space: nowrap; }
.slick-columnpicker li label input { margin: 1px 5px 0 0; }
/* /Custom Columnpicker */