/* Loader*/
.windows8 {
	position: relative;
	width: 32px;
	height:32px;
	margin:auto;
}

.windows8 .wBall {
	position: absolute;
	width: 30px;
	height: 30px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 3.6325s infinite;
		-o-animation: orbit 3.6325s infinite;
		-ms-animation: orbit 3.6325s infinite;
		-webkit-animation: orbit 3.6325s infinite;
		-moz-animation: orbit 3.6325s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 4px;
	height: 4px;
	background: rgb(0,0,0);
	left:0px;
	top:0px;
	border-radius: 4px;
}

.windows8 #wBall_1 {
	animation-delay: 0.796s;
		-o-animation-delay: 0.796s;
		-ms-animation-delay: 0.796s;
		-webkit-animation-delay: 0.796s;
		-moz-animation-delay: 0.796s;
}

.windows8 #wBall_2 {
	animation-delay: 0.153s;
		-o-animation-delay: 0.153s;
		-ms-animation-delay: 0.153s;
		-webkit-animation-delay: 0.153s;
		-moz-animation-delay: 0.153s;
}

.windows8 #wBall_3 {
	animation-delay: 0.3165s;
		-o-animation-delay: 0.3165s;
		-ms-animation-delay: 0.3165s;
		-webkit-animation-delay: 0.3165s;
		-moz-animation-delay: 0.3165s;
}

.windows8 #wBall_4 {
	animation-delay: 0.4695s;
		-o-animation-delay: 0.4695s;
		-ms-animation-delay: 0.4695s;
		-webkit-animation-delay: 0.4695s;
		-moz-animation-delay: 0.4695s;
}

.windows8 #wBall_5 {
	animation-delay: 0.633s;
		-o-animation-delay: 0.633s;
		-ms-animation-delay: 0.633s;
		-webkit-animation-delay: 0.633s;
		-moz-animation-delay: 0.633s;
}



@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}
/* Loader */

.nav .open > a:focus {    
    border-color: var(--SelecaoItens);
}

/* Cores de texto de erros de validação */
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

/*.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}
    */

.validation-summary-valid {
    display: none;
}

 .sidebar-nav
{
    padding: 9px 0;
}

 /* Panel padrão PDG na cor "amarelo PDG"*/
.panel-pdg {
  border-color: var(--panelSubTitle);
  
}

.panel-pdg > .panel-heading {
    color: #ffffff;
    background-color: var(--panelSubTitle);
    border-color: var(--panelSubTitle);
}

.panel-pdg > .panel-heading + .panel-collapse .panel-body {
  border-top-color: var(--panelSubTitle);
}

.panel-pdg > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: var(--panelSubTitle);
}

/* Panel padrão PDG na cor "vermelho PDG"*/
.panel-pdg-danger {
  border-color: #c9302c;
  
}

.panel-pdg-danger > .panel-heading {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #c9302c;
}

.panel-pdg-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #c9302c;
}

.panel-pdg-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #c9302c;
}

/* Panel padrão PDG na cor "cinza PDG"*/
.panel-titulo-pagina {
  border-color: var(--panelTitle);
}

.panel-titulo-pagina > .panel-heading {
    color: #ffffff;
    background-color: var(--panelTitle);
    border-color: var(--panelTitle);
}

.panel-titulo-pagina > .panel-heading + .panel-collapse .panel-body {
  border-top-color: var(--panelTitle);
}

.panel-titulo-pagina > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: var(--panelTitle);
}

/* Painel de navegação padrão PDG na cor "azul PDG"*/
.navbar-pdg {
    background-color: var(--navbar);
    /*background-color: #28287d;*/
    /*border-color: #202064;*/
    /*background-image: linear-gradient(to bottom, var(--navbar1) 0%, var(--navbar2) 100%);
    background-repeat: repeat-x;*/
}
.navbar-pdg .navbar-brand {
  color: #ecf0f1;
}
.navbar-pdg .navbar-brand:hover,
.navbar-pdg .navbar-brand:focus {
  color: #e0e2e3;
}
.navbar-pdg .navbar-text {
  color: #ecf0f1;
}
.navbar-pdg .navbar-nav > li > a {
    color: #ffffff;
    border-left: 1px solid var(--SelecaoItens);
}
.navbar-pdg .navbar-nav > li > a:hover,
.navbar-pdg .navbar-nav > li > a:focus {
    color: var(--hoverTexto);
    background-color: transparent;
}
.navbar-pdg .navbar-nav > li > .dropdown-menu {
  /*background-color: #7d7350;*/
  background-color: #fff;
}
.navbar-pdg .navbar-nav > li > .dropdown-menu > li > a {
  color: #333;
}
.navbar-pdg .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-pdg .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #262626;
  /*background-color: #7d7350;*/
  background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
  background-color: #e8e8e8;
}
.navbar-pdg .navbar-nav > li > .dropdown-menu > li.divider {
  /*alterado background-color: #7d7350;*/
  background-color: #ecf0f1;
}
.navbar-pdg .navbar-nav > .active > a,
.navbar-pdg .navbar-nav > .active > a:hover,
.navbar-pdg .navbar-nav > .active > a:focus {
  color: #e0e2e3;
  background-color: #28287d;
}
.navbar-pdg .navbar-nav > .open > a,
.navbar-pdg .navbar-nav > .open > a:hover,
.navbar-pdg .navbar-nav > .open > a:focus {
  background-color: var(--SelecaoItens);
   color: var(--hoverTexto);
}
.navbar-pdg .navbar-toggle {
  border-color: var(--SelecaoItens);
}
.navbar-pdg .navbar-toggle:hover,
.navbar-pdg .navbar-toggle:focus {
  background-color: var(--SelecaoItens);
}
.navbar-pdg .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-pdg .navbar-collapse,
.navbar-pdg .navbar-form {
  border-color: #ecf0f1;
}
.navbar-pdg .navbar-link {
  color: #ecf0f1;
}
.navbar-pdg .navbar-link:hover {
  color: #e0e2e3;
}

@media (max-width: 767px) {
  .navbar-pdg .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
  .navbar-pdg .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-pdg .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e0e2e3;
  }
  .navbar-pdg .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-pdg .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-pdg .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e0e2e3;
    background-color: #28287d;
  }
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: var(--headerTitulos);
    white-space: nowrap;
}

/* Botão padrão PDG na cor "azul PDG"*/
.btn-pdg {
    background-color: var(--btnGravar);
    border-color: var(--bordaBtnGravar);
    color: white;
}
.btn-pdg:hover,
.btn-pdg:focus,
.btn-pdg:active,
.btn-pdg.active {
    background-color: var(--btnHoverGravar);
    border-color: var(--btnHoverGravar);
    color: #ffffff;
}
.btn-pdg.disabled:hover,
.btn-pdg.disabled:focus,
.btn-pdg.disabled:active,
.btn-pdg.disabled.active,
.btn-pdg[disabled]:hover,
.btn-pdg[disabled]:focus,
.btn-pdg[disabled]:active,
.btn-pdg[disabled].active,
fieldset[disabled] .btn-pdg:hover,
fieldset[disabled] .btn-pdg:focus,
fieldset[disabled] .btn-pdg:active,
fieldset[disabled] .btn-pdg.active {
  background-color: #28287d;
  border-color: #28287d;
  color: #e0e2e3;
}

/* Botão padrão PDG na cor "azul amarelo"*/
.btn-pdg-amarelo {
    background-color: var(--btnVoltar);
    border-color: var(--btnVoltar);
    color: #ffffff;
}
.btn-pdg-amarelo:hover,
.btn-pdg-amarelo:focus,
.btn-pdg-amarelo:active,
.btn-pdg-amarelo.active {
   background-color: var(--btnHoverVoltar);
   border-color: var(--btnHoverVoltar);
   color: #e0e2e3;
}
.btn-pdg-amarelo.disabled:hover,
.btn-pdg-amarelo.disabled:focus,
.btn-pdg-amarelo.disabled:active,
.btn-pdg-amarelo.disabled.active,
.btn-pdg-amarelo[disabled]:hover,
.btn-pdg-amarelo[disabled]:focus,
.btn-pdg-amarelo[disabled]:active,
.btn-pdg-amarelo[disabled].active,
fieldset[disabled] .btn-pdg-amarelo:hover,
fieldset[disabled] .btn-pdg-amarelo:focus,
fieldset[disabled] .btn-pdg-amarelo:active,
fieldset[disabled] .btn-pdg-amarelo.active {
  background-color: #004D7B;
  border-color: #004D7B;
  color: #e0e2e3;
}

/* Ao entrar num imput com classe "form-control" trocar a borda para a cor "azul PDG"*/
.form-control:focus
{
    border-color: #28287d;
}

/* No component "Select2" fazer a borda no cor "azul PDG" e os itens selecionados também na cor "azul PDG"*/
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices 
{
  border-color: ##28287d;
}

.select2-drop-active 
{
  border-color: ##28287d;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active 
{
  border-top-color: ##28287d;
}

.select2-results .select2-highlighted 
{
    background: ##28287d;
    color: #fff;
}

/* nav-pills no padrão PDG*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: var(--panelSubTitle);
  border: 1px solid var(--panelSubTitle);
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #28287d;
  background-color: #ffffff;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #28287d;
}

.nav-pills > li {
  border: 1px solid #28287d;
  border-radius: 5px;
}

/*.tablesorter-filter-row .tablesorter-filter.disabled {
	visibility:hidden;
}*/

/* CSS override do calendário */
#cal-slide-content {
  background-image: url("");
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

#cal-slide-tick {
  background-image: url("");
}

#cal-slide-content a.event-item {
  color: #808080;
}

#cal-slide-box {
    border-bottom: 1px solid #e1e1e1;
    border-bottom-width: 1px;
}

#cal-day-box .day-event {
    max-width: inherit;
    width:100%;
    overflow: hidden;
}

/* Cores do tab padrão */
.nav-tabs > li > a {
  /*margin-right: 2px;
  line-height: 1.428571429;*/
  border: 1px solid var(--panelTitle);/***/
  /*border-radius: 4px 4px 0 0;*/
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #ffffff;/**/
  /*cursor: default;*/
  background-color: var(--panelTitle);/**/
  /*border: 1px solid #dddddd;
  border-bottom-color: transparent;*/
}

/* Posicionamento dos tabs */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #dddddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.horizontal-scroll-container {
    overflow-x: auto;
    white-space: nowrap;
}