/* 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(images/sort-desc.gif); }
.slick-sort-indicator-asc { background: url(images/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(images/bg_breadcrumbs.png) top left repeat-x #d5ecf7; }
.slick-header-column { background: url(images/bg_breadcrumbs.png) top left repeat-x #d5ecf7; }
.slick-header-column:hover, .slick-header-column-active { background: url(images/header-columns-over-bg.gif) 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(images/collapse.gif) no-repeat center center; }
.slick-group-toggle.collapsed { background: url(images/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 */

/* Custom */
.violet { color: #8758a8; }
.blue { color:#008bcc; }
.red { color: red !important }
.green { color: green !important }
* { 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(images/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 }
[id^="myGrid"] { border: 0; height: 225px; width: 100% }
.slick-row { font-size: 11px }
.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: #737576; border: 0; border-radius: 3px; color: #FFF; cursor: pointer; font-size: 11px !important; outline: 0; padding: 0px 5px 0px 5px; }
.btn-acao::before { content: "\e9ce"; font-family: "Icomoon"; margin-right: 5px; }
.btn-acao:hover { background-color: #555; }
.simple-btn-acao { background-position: center; display: block; height: 20px; padding: 0; width: 20px; }
.btn-edit{ background: #737576 url('Images/svg/icon_tool.svg') no-repeat 5px 3px / 14px 14px; border: 0; border-radius: 3px; color: #FFF; cursor: pointer; font-size: 11px !important; outline: 0; padding: 4px 5px 4px 23px; }
.btn-edit:hover { background-color: #555; }
.simple-btn-edit { background-position: center; display: block; height: 20px; padding: 0; width: 20px; }
.lista-filtros { background: #67a8cf url(images/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 }
@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; }
.slick-cell .progressbar { margin-top: 1px; width: 97%; }
/* /Custom */

/* Custom Columnpicker */
.slick-columnpicker { background: #fff; border-color: #ccc; box-shadow: none; border-radius: 3px; display: none; padding: 0; position: absolute; min-width: 160px; z-index: 9000; }
.slick-columnpicker li { list-style: none; 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 */