/* ========================================================================
   Component: layout
 ========================================================================== */
body,
.wrapper > section {
  background-color: #f5f7fa;
}
/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #fff;
}
.topnavbar .navbar-header {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #1797be 0%, #23b7e5 100%);
  background-image: -o-linear-gradient(left, #1797be 0%, #23b7e5 100%);
  background-image: linear-gradient(to right, #1797be 0%, #23b7e5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1797be', endColorstr='#ff23b7e5', GradientType=1);
}
@media only screen and (min-width: 768px) {
  .topnavbar .navbar-header {
    background-image: none;
  }
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
  color: #1797be;
}
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  color: #0c4f63;
}
.topnavbar .navbar-nav > .active > a,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .active > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
  color: #ffffff;
}
.topnavbar .nav-wrapper {
  background-color: #1797be;
  background-image: -webkit-linear-gradient(left, #1797be 0%, #23b7e5 100%);
  background-image: -o-linear-gradient(left, #1797be 0%, #23b7e5 100%);
  background-image: linear-gradient(to right, #1797be 0%, #23b7e5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1797be', endColorstr='#ff23b7e5', GradientType=1);
}
@media only screen and (min-width: 768px) {
  .topnavbar {
    background-color: #1797be;
    background-image: -webkit-linear-gradient(left, #1797be 0%, #23b7e5 100%);
    background-image: -o-linear-gradient(left, #1797be 0%, #23b7e5 100%);
    background-image: linear-gradient(to right, #1797be 0%, #23b7e5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1797be', endColorstr='#ff23b7e5', GradientType=1);
  }
  .topnavbar .navbar-nav > .open > a,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > .open > a:focus {
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
  }
  .topnavbar .navbar-nav > li > a,
  .topnavbar .navbar-nav > .open > a {
    color: #ffffff;
  }
  .topnavbar .navbar-nav > li > a:hover,
  .topnavbar .navbar-nav > .open > a:hover,
  .topnavbar .navbar-nav > li > a:focus,
  .topnavbar .navbar-nav > .open > a:focus {
    color: #0c4f63;
  }
}
/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar {
  background-color: #3a3f51;
}
.sidebar .nav-heading {
  color: #919da8;
}
.sidebar .nav > li > a,
.sidebar .nav > li > .nav-item {
  color: #e1e2e3;
}
.sidebar .nav > li > a:focus,
.sidebar .nav > li > .nav-item:focus,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > .nav-item:hover {
  color: #1797be;
}
.sidebar .nav > li > a > em,
.sidebar .nav > li > .nav-item > em {
  color: inherits;
}
.sidebar .nav > li.active,
.sidebar .nav > li.open,
.sidebar .nav > li.active > a,
.sidebar .nav > li.open > a,
.sidebar .nav > li.active .nav,
.sidebar .nav > li.open .nav {
  background-color: #383d4e;
  color: #1797be;
}
.sidebar .nav > li.active > a > em,
.sidebar .nav > li.open > a > em {
  color: #1797be;
}
.sidebar-subnav {
  background-color: #3a3f51;
}
.sidebar-subnav > .sidebar-subnav-header {
  color: #e1e2e3;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
  color: #e1e2e3;
}
.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
  color: #1797be;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
  color: #1797be;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
  border-color: #1797be;
  background-color: #1797be;
}
/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
  border-left: 1px solid #cccccc;
  background-color: #ffffff;
  color: #515253;
}

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
    margin-top: 2px;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
     }
}

.bg_gray {
	background-color: gray;
}

.bg_red {
	background-color: red;
}

.bg_lido {
	background-color: #EAEAEA;
}

.bg_green {
	background-color: green;
}

.bg_warning {
	background-color: #FF902B;
}

.planejamento_titulo {
  color: white;
  font-weight: bolder;
  text-align: center;
  padding: 3px;
}

.planejamento_aprovado_titulo {
  background-color: darkblue;
  color: white;
  font-weight: bolder;
  text-align: center;
  padding: 3px;
}

/* ========================================================================
   CSS de componente ag-table
 ========================================================================== */
.ag-cashlink .ag-root {
  border: 1px solid #9bc2e6;
  font: 8pt Verdana, sans-serif;
}
.ag-cashlink .ag-cell {
  top: -1px;
  padding-left: 2px;
  padding-right: 2px;
  overflow: hidden;
  white-space: nowrap;
  /*letter-spacing: -0.02em;*/
}
.ag-cashlink .ag-cell-focus {
  background: #fff;
  border: 2px solid #217346;
}
.ag-cashlink .ag-cell-no-focus {
  border-right: 1px dotted #9bc2e6;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 1px solid #9bc2e6;
}
.ag-cashlink .ag-header-viewport,
.ag-cashlink .ag-pinned-header, 
.ag-cashlink .ag-pinned-left-header, 
.ag-cashlink .ag-pinned-right-header {
  background-color: transparent;
  /* border-bottom: 1px solid #9bc2e6; */
}
.ag-cashlink .ag-header-container {
  background-color: transparent;
  /* border-bottom: 1px solid #9bc2e6; */
}
.ag-cashlink .ag-header-cell {
  border-right: 1px solid #9bc2e6;
}
.ag-cashlink .ag-header-group-cell {
  border-right: 1px solid #9bc2e6;
  text-align: center;
}
.ag-cashlink .ag-header-group-cell-with-group {
  border-bottom: 1px solid #9bc2e6;
}

.ag-cashlink .ag-header-cell-label{
  padding: 4px 2px 4px 2px;
  font-weight: bold;
  color: #fff;
}
.ag-cashlink .ag-header-cell-text {
  padding-left: 2px;
}
.ag-cashlink .ag-header-group-cell-label {
  padding: 4px;
  font-weight: bold;
  color: #fff;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-cashlink .ag-header-group-text {
  margin-right: 2px;
}
.ag-cashlink .ag-header-cell-menu-button {
  color: #5f6063;
  border: 1px solid #a6acb3;
  padding: 0 4px;
  margin-top: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
/* When using bootstrap, box-sizing was set to 'border-box' */
  background: -webkit--webkit-linear-gradient(#feffff, #eff2f7);
  background: -webkit--moz-linear-gradient(#feffff, #eff2f7);
  background: -webkit--o-linear-gradient(#feffff, #eff2f7);
  background: -webkit--ms-linear-gradient(#feffff, #eff2f7);
  background: -webkit-linear-gradient(#feffff, #eff2f7);
  background: -webkit-linear-gradient(#feffff, #eff2f7);
  background: -moz-linear-gradient(#feffff, #eff2f7);
  background: -o-linear-gradient(#feffff, #eff2f7);
  background: -ms-linear-gradient(#feffff, #eff2f7);
  background: linear-gradient(#feffff, #eff2f7);
}
.ag-cashlink .ag-header-icon {
  color: #fff;
}
.ag-cashlink .ag-dark .ag-header-expand-icon:hover {
  cursor: pointer;
}
.ag-cashlink .ag-row-odd {
  background-color: #ddebf7;
}
.ag-cashlink .ag-row-even {
  background-color: #fff;
}
.ag-cashlink .ag-overlay-loading-wrapper {
  background-color: rgba(255,255,255,0.5);
}
.ag-cashlink .ag-overlay-loading-center {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}
.ag-cashlink .ag-body {
  background-color: #fafafa;
}
.ag-cashlink .ag-row-selected {
  background-color: #c7c7c7;
}
.ag-cashlink .ag-group-cell-entire-row {
  background-color: #fff;
  font-weight: bold;
  padding: 2px 4px;
  border-bottom: solid 1px #9bc2e6;
  overflow: hidden;
  white-space: nowrap;
}
.ag-cashlink .ag-footer-cell-entire-row {
  background-color: #fff;
  font-weight: bold;
  padding: 4px;
  border-bottom: solid 1px #9bc2e6;
}
.ag-cashlink .ag-group-cell {
  font-style: italic;
}
.ag-cashlink .ag-group-expand {
  padding-right: 2px;
}
.ag-cashlink .ag-footer-cell {
  font-style: italic;
}
.ag-cashlink .ag-filter-checkbox {
  position: relative;
  top: 2px;
  left: 2px;
  padding-right: 2px;
}
.ag-cashlink .ag-filter-header-container {
  border-bottom: 1px solid #d3d3d3;
  font: 10pt Calibri, "Segoe UI", Thonburi, Arial, Verdana, sans-serif;
}
.ag-cashlink .ag-filter-apply-panel {
  border-top: 1px solid #d3d3d3;
  padding: 2px;
}
.ag-cashlink .ag-filter {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  font: 9pt Calibri, "Segoe UI", Thonburi, Arial, Verdana, sans-serif;
}
.ag-cashlink .ag-filter-filter {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  width: 192px;
}
.ag-cashlink .ag-filter-value {
  margin-left: 4px;
}
.ag-cashlink .ag-filter-value:hover {
  background-color: #39f;
  border: 1px dotted #000;
  color: #fff;
}
.ag-cashlink .ag-selection-checkbox {
  margin-left: 4px;
}
.ag-cashlink .ag-paging-panel {
  padding: 4px;
}
.ag-cashlink .ag-paging-button {
  margin-left: 4px;
  margin-right: 4px;
}
.ag-cashlink .ag-paging-row-summary-panel {
  display: inline-block;
  width: 300px;
}
.ag-cashlink .ag-column-not-visible {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: "alpha(opacity=75)";
}
.ag-cashlink .ag-not-dragging {
  border: 1px solid transparent;
}
.ag-cashlink .ag-drop-target-above {
  border-top: 5px solid #a9a9a9;
}
.ag-cashlink .ag-drop-target-below {
  border-bottom: 5px solid #a9a9a9;
}
.ag-cashlink .ag-dragging {
  border: 1px dotted #a9a9a9;
}
.ag-cashlink .ag-list-item-selected {
  color: #f0f0f0;
}
.ag-cashlink .ag-list-item-not-selected {
  font-style: italic;
  color: #a0a0a0;
}
.ag-cashlink .ag-tool-panel-container {
  background-color: #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #a9a9a9;
  padding: 4px;
}
.ag-cashlink .ag-list-selection {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ag-cashlink .ag-popup-list .ag-list-item:hover {
  background-color: #add8e6;
}
.ag-cashlink .ag-visible-icons {
  padding-left: 2px;
  padding-right: 2px;
}
.ag-header-expand-icon {
    padding-left:   5%;
}
.ag-group-cell {
    font-weight: bold;
    color: #7c9eb2;
}
.ag-cashlink .ag-group-cell {
    font-style: normal;
}
.ag-cashlink .ag-header-group-cell-label {
	display: inherit;
}
.select-tipo-documento {
	width: 100%;
	height: 100%;
	padding: 0;
}
.gly-flip-horizontal {
	transform: scale(-1, 1);
}
.gly-flip-vertical {
    transform: scale(1, -1);
}
.gly-rotate-90 {
	transform: rotate(90deg);
}
.gly-rotate-180 {
	transform: rotate(180deg);
}
.gly-rotate-270 {
	transform: rotate(270deg);
}
.btn-groupping {
	padding: 5px 6px !important;
	margin-right: 8px;
}
.center {
	text-align: center !important;
	align-content: center !important;
}
.valor-agrupado-oi {
    color: #2a88ad;
    font-size: larger;
}
/* ========================================================================
   Final de CSS de componente ag-table
 ========================================================================== */
 
.trimestre {
	margin-right: 0px !important;
	color: #fff !important;
	background-color: #337ab7 !important;
	border-color: #2e6da4 !important;
 }
 
 .trimestre.active {
 	background-color: #204d74 !important;
	border-color: #122b40 !important;
	font-weight: bold;
 }
 
 .divisor-trimestre {
 	margin-right: 3px !important;
 }
 
  .chosen-container-single .chosen-single abbr{
 	top: 12px !important;
 }
 .chosen-container-active .chosen-single{
 	border: 1px solid #66afe9 !important;
 }
.chosen-container .chosen-results {
  max-height: 130px !important;
}
 /* ========================================================================
   Planejamento Ag-Table
 ========================================================================== */
 
 .actual {
	background-color: #4f6228 !important;
	color: #ffffff !important;
 }
 
 .actual_celula {
	background-color: #77933c !important;
	color: #ffffff !important;
 }
 
 .planejamento-table .ag-floating-top .ag-cell{
	background-color: #17375e !important;
	color: #ffffff !important;
 }
 
 .planejamento-table .ag-group-cell {
 	background-color: #8eb4e3 !important;
 	color: #000000 !important;
 }
 
 .planejamento-table .ag-row {
 	background-color: #ffffff !important;
 	color: #000000 !important;
 }
 
 .planejamento-table .ag-root {
 	font-size: 14px;
 	font-family: "Source Sans Pro", sans-serif;
 	border: 1px solid transparent;
 }
 
 .planejamento-table .ag-cell-no-focus{
 	border-right: 1px dotted #000000;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 1px solid #000000;
 }
 
 .planejamento-table .ag-header-cell,
 .planejamento-table .ag-header-group-cell {
 	background-color: #10243e;
 	color: #FFFFFF !important;
 	border-right: 1px solid #000000;
 	border-bottom: 1px solid #000000;
 }
 
.planejamento-table select, 
.planejamento-table option,
.planejamento-table input{
	color: black !important;
}

/* ========================================================================
   Grid Simulador Personnel
 ========================================================================== */
.personnel-table .cell-totals {
	background-color: #EAEAEA;
}

.personnel-table div[row="0"] .ag-cell-value {
    background-color: #17375E !important;
    color : #FFF !important;
    font-weight: bold;
}

/* ========================================================================
   Planejamento Merchan
 ========================================================================== */

.merchan-table .ag-row-level-0 .ag-group-cell {
 	background-color: #90CAF9 !important;
}

.merchan-table .ag-row-level-1 .ag-group-cell {
 	background-color: #BBDEFB !important;
}

.merchan-table .ag-row-level-2 .ag-group-cell { 
 	background-color: #E3F2FD !important;
}

/* ========================================================================
   Plano Externo Variance
 ========================================================================== */

.variance-pe-table .ag-row-level-0 .ag-group-cell {
 	background-color: #FFB300 !important;
}

.variance-pe-table .ag-row-level-1 .ag-group-cell {
 	background-color: #90CAF9 !important;
}

.variance-pe-table .ag-row-level-2 .ag-group-cell { 
 	background-color: #BBDEFB !important;
}

.variance-pe-table .celula-plug, .variance-pe-nwm-table .celula-plug {
	background-color: #E3F2FD !important;
}

.variance-pe-table .ag-group-cell.celula-separador, .variance-pe-table .ag-cell.celula-separador,  
	.variance-pe-table .ag-header-cell.celula-separador, .variance-pe-table .ag-header-group-cell.celula-separador   {
   background-color: #FFF !important;
}

.variance-pe-nwm-table .ag-group-cell.celula-separador, .variance-pe-nwm-table .ag-cell.celula-separador,  
	.variance-pe-nwm-table .ag-header-cell.celula-separador, .variance-pe-nwm-table .ag-header-group-cell.celula-separador   {
   background-color: #FFF !important;
}





/* ========================================================================
   Planejamento Cabinets
 ========================================================================== */

.cabinets-table .ag-row-level-0 .ag-group-cell {
 	background-color: #8eb4e3 !important;
}

.cabinets-table .ag-row-level-1 .ag-group-cell {
 	background-color: #E3F2FD !important;
}


/* ========================================================================
   Variance Table
 ========================================================================== */



.variance-table .ag-row-level-0 .ag-group-cell { 
 	background-color: #FFC000 !important;
}

.variance-table .ag-row-level-1 .ag-group-cell {
 	background-color: #8EB4E3 !important;
}

.variance-table .ag-row-level-2 .ag-group-cell {
 	background-color: #BBDEFB !important;
}

.variance-table .ag-row-level-3 .ag-group-cell { 
 	background-color: #E3F2FD !important;
 	font-weight: normal;
}

.variance-table .ag-row-level-4 .ag-group-cell { 
 	background-color: #FFF !important;
 	font-weight: normal;
}

.variance-table .cabecalho-level-2 {
	background-color: #153359 !important;
}

.variance-table .cabecalho-level-3 {
	background-color: #1D4270 !important;
}

.variance-table .cabecalho-level-4 {
	background-color: #235087 !important;
}


.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	font-family: "Source Sans Pro", sans-serif !important;
}

.slidebox-negociocpg .slidebox, .slidebox-negociotopo .slidebox{
	padding: 0px !important;
}

.slidebox-negociocpg .slidebox-content th, .slidebox-negociotopo .slidebox-content th{
	padding: 5px 5px !important;
}	
	
.slidebox-negociotopo .slidebox{
	max-height: 250px;
}

/** ----------- Footer Version -------------- */
#footer-version {
	width: 100%;
    background-color: #313644;
    position: absolute;
    bottom: 0;
    height: 34px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
}

.no-padding-bottom {
	padding-bottom:0px !important
}

/** ------------ Histórico Apropriação -------------*/
#hist-apropriacao table > thead > tr > th {
	padding: 10px 8px;
}