* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
body {padding:0px; margin:0px; background-color: #383838;}
.clear { clear: both; }

header {height: 100px; background-color: #aecee5; text-align:center; font-family:'Century Gothic',Arial,sans-serif; font-size:50px;}
header .page_title {padding: 14px 0px 0px 13px; width:800px; float:left; }
header .page_title img {width: 150px;height: 50px;float: left;margin-right: 10px; margin-top: 12px;}
header .page_title div {font-weight:bold;}
header .clock {float:right; padding:14px 13px 0px 0px; font-weight:bold;}
header .clock .time { color:#000; display:inline;}
header .clock svg {width: 50px;height: 37px;}
header .clock svg path {fill: #000;}
header .pagination {font-weight:bold; margin:-2px 0px 0px 0px;}
header .pagination div {display:inline; color:#fff; }
header .pagination .pageNum {}
header .pagination .dot {vertical-align:super;}
header .pagination .pageTot {}

.plataforma-cell {padding:5px !important;}
.plataforma {border-radius: 5px; width: 70px; text-align: center; color: #fff; font-weight: bold; height: 40px; line-height: 40px;}

.tabela {width:100%;}
.tabela thead {padding:3px; background-color:#efefef; font-weight:bold; border-radius:3px; font-size:12px;}
.tabela tr td {padding:3px;}

footer {background-color: #343d44; height: 130px;position: absolute; bottom: 0px; width: 100%; padding-top:5px;}
.proxchegadas, .logo_inlog {width: 230px; height:125px; position:relative;}
.proxchegadas {float:left;}
.proxchegadas .title {position:absolute; font-family: 'Century Gothic', Arial, sans-serif; font-size:32px; text-align: center; top: 20px;}
.logo_inlog {float:right;}
.logo_inlog .logo {background: url('../Veiculos/img/sinter/sinter_logo_inlog.png') center center no-repeat; width: 230px; height:125px; position:absolute;}
.logo_inlog .options {position: absolute;top: 5px;right: 20px;font-size: 32px;color: #000; cursor:pointer; transition: opacity 1.5s, color 0.1s; opacity:0;}
.logo_inlog .options:hover {color:#fff;}
.logo_inlog:hover .options {opacity:1;}
footer .bg-frame {width: 230px; height:125px; position:absolute;}
footer .bg-frame  svg {}
footer .list-nexts {}
footer .list-nexts .item {width: 230px;height: 120px;display: inline-block; font-family:'Century Gothic', Arial, sans-serif;}
footer .list-nexts .item .item-content{position:absolute; padding:10px 20px 10px 30px;}
footer .list-nexts .item .item-content .title {color: #fff600; font-size:18px; font-weight:bold; text-overflow: ellipsis; width: 190px; overflow: hidden; white-space: nowrap; height:33px;}
footer .list-nexts .item .item-content .veiculo { color:#fff; font-size: 20px;font-weight: bold; margin-bottom: 10px;}
footer .list-nexts .item .item-content .pltf {display:inline-block;}
footer .list-nexts .item .item-content .pltf .plataforma {padding: 5px 15px; width: auto;height: auto;line-height: 20px;margin-right: 10px;}
footer .list-nexts .item .item-content .previsto {display:inline-block; color: #fff;font-size: 20px;font-weight: bold;}

/* BOOTSTRAP */
.form-group {margin-bottom:5px;}
.form-control {height:30px;}
.form-horizontal .checkbox {padding-top:4px;}
label {font-size: 12px; color: #428bca;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {/*padding-right: 10px;padding-left: 10px;*/}
.tab-content > .tab-pane {padding: 10px 5px;}
.nav > li > a {padding: 2px 10px;}
.modal-header {padding: 5px 15px;}
.modal-body {padding:15px;}
.modal-footer {padding: 10px 15px; margin-top: 0px;}

/*FILE INPUT*/
.custom-file-input::-webkit-file-upload-button {  visibility: hidden;}
.custom-file-input::before {  content: 'Select some files';  display: inline-block;  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);  border: 1px solid #999;  border-radius: 3px;  padding: 5px 8px;  outline: none;  white-space: nowrap;  -webkit-user-select: none;  cursor: pointer;  text-shadow: 1px 1px #fff;  font-weight: 700;  font-size: 10pt;}
.custom-file-input:hover::before {  border-color: black;}
.custom-file-input:active::before {  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);}

/*column picker*/
.slick-columnpicker img {width:20px;}

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

.slick-header, .slick-header-column, .slick-header-columns {background: transparent; border: 0px !important; color: #fff;}
.slick-header {background-color: #343d44; color: #fff; font-size: 20px;}

.slick-header-column:hover, .slick-header-column-active {background: #93abbf; color: #343d44;}
.slick-header.ui-state-default, .slick-headerrow.ui-state-default { border: 0; }
.slick-headerrow-column { }
.slick-header-column.ui-state-default { height: 50px !important; padding: 4px; font-size: 28px; vertical-align:middle; }
.slick-header-column.ui-state-default:hover { cursor: pointer; font-weight: 700 }
.slick-headerrow-column { text-overflow: clip; }
.slick-headerrow-column input { margin: 0; padding: 0; width: 100%; height: 100%; }

.slick-row {color: #fff600; font-size: 28px; vertical-align:middle; transition:transform 0.2s ease-in-out, opacity 0.2s;}
.slick-row.even { background: #606060; }
.slick-row.odd { background: #383838; }

.slick-cell {padding: 0px 5px; line-height: 50px;}


footer.grid-footer { background: #fff; bottom: 0; left: 0; position: absolute; right: 0; z-index: 500 }
.table-head { background: url(../Veiculos/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: 300px; width: 100% }



.slick-column-name { font-size: 20px; font-weight: bold; text-transform: uppercase }
.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: 0px; border-right: 0; border-top: 0 }
.icon-estatistica { float: left; height: 12px; width: 16px }
.ui-widget-content .slick-cell img { padding: 3px; margin-top: -6px; }
.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 }
.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(../Veiculos/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: 16px; 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 }
.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 */