@media print {

   .noprint {
      display: none;
   }

   .dhx_tabbar_row {
      display: none;
   }

   table.admin {
      border-spacing: 0px 0px;
      border-collapse: collapse;
   }

   table.admin th {
      border: 3px solid black;
   }

   table.admin td {
      border: thin solid black;
   }

   table.printable, table.printable th, table.printable td {
      border-spacing: 0px 0px;
      border-collapse: collapse;
      border: thin solid black;
   }

}

@media screen {
   .onlyprint {
      display: none;
   }
}

body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-decoration: none;
}

table {
   font-size: 12px;
}

a {
   text-decoration: none;
   color: #001050;
}

a:visited {
   color: #000000;
}

a:hover {
   color: #8b0e09;
}

table.admin {
   text-align: center;
   margin-left:auto;
   margin-right:auto;
}

table.admin th {
   color: #FFFFFF;
   background: #3E769B;
   padding: 4px;
}

table.admin th a {
   color: #FFFFFF;
   text-decoration: underline;
}

table.admin2 td {
   background: #a4c5dc;
}

th.admin {
   color: #FFFFFF;
   background: #3E769B;
}

td.admin {
   color: #000000;
   background: #a4c5dc;
}

.message {
   color: #AB0E09;
   text-align: center;
}

table.mapaVisual {
   background: #FFFFFF;
   border: 2px solid black;
   border-spacing: 2px 4px;
}

.mapaVisual {
   padding: 5px;
   border: 1px solid black;
   text-align: center;
}

.mapaVisual a:hover {
   color: #FFFFFF;
}

table.mapaVisualLegenda {
   background: #FFFFFF;
   border: 2px solid black;
}

.mapaVisualLegenda {
   padding: 5px;
   border: 1px solid black;
}

.mapaVisualPopup {
   background: #F5F5F5;
   color: #000;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
}

.mapaVisualPopup a {
   color: #555;
   font-weight: bold;
}

.mapaVisualPopup a:hover {
   color: #69C;
}

.desocupado {
   background: #E5E5E5;
}

.ocupado {
   background: #C0C0C0;
}

.desbloqueado {
   background: yellow;
}

.usado {
   background: #00BB00;
}

.usando {
   background: #A7C8FD;
}

.cabs {
   background: #FF9900;
}

.lineEven {
}

.lineOdd {
}

.notedefault {
   z-index: 100;
}

.notedefault a {
   color: #000000;
}

.notedefault a:visited {
   color: #000000;
}

.notedefault a:hover {
   color: #FFFFFF;
}

.drsMoveHandle a {
   color: #000000;
}

.drsMoveHandle a:visited {
   color: #000000;
}

.tabs-container {
   border: 1px solid #97a5b0;
   padding: 1em 8px;
   background: #fff;
}

h2 {
   font-size: 20px;
   margin-top: 0px;
   margin-bottom: 5px;
}

.carregandoFixed {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: 0px;
   padding: 0px;

   text-align: center;
   padding-top: 20%;
   color: white;
   font-size: 24px;
   background-color: black;
   opacity: 0.5;
   filter:alpha(opacity=50);
}

.error {
   color: red;
}

input:invalid,
select:invalid,
textarea:invalid,
.fieldInvalid {
   border: 1px solid #9C7774;
   background-color: #FCC1BC;
}

input[type="checkbox"].fieldInvalid,
input[type="checkbox"]:invalid,
input[type="radio"].fieldInvalid,
input[type="radio"]:invalid {
   outline: 2px solid #d13d32;
}

/******************************* Todos módulos ********************************/

.classPageContent {
   width: 100%;
   height: 100%;
   border: 0;
   margin: 0;
   padding: 0;
   float: none;
}

.classPageTitle {
   font-size: 16px;
   font-weight: bold;
}

.classHotspotName {
   display: inline-block;
}

.footnote {
   font-size: 10px;
}
/**************************** Mapa Visual Eventos *****************************/

.semEvento {
   background: #E5E5E5;
}

.reservado {
   background: yellow;
}

.confirmado {
   background: #00BB00;
}

.andamento {
   background: #A7C8FD;
}

.cancelado {
   background: #FF4444;
}

.finalizado {
   background: #C0C0C0;
}

/************************* Relatorios de disponíveis **************************/

.estoqueMinimo {
   color: #FFFFFF;
   font-weight: bold;
   background-color: #CC0000;
}

/******************** Gerenciador de Operadores e Hotspots ********************/

.disabled {
   background: #E5E5E5;
}

/*************************** Controle geral de popup **************************/

div.popup div.popupTip {
   display: none;
   z-index: 100;
}

div.popup:hover div.popupTip {
   display: block;
   position: absolute;
}

/**************************** Registrar Atendimento ***************************/

.selfIssue {
   background-color: #F27F58;
}

td div.admin2 {
   background-color: #a4c5dc;
}

div.popup div.popupTipIssue {
   text-align: left;
   border: 2px solid #FFFFFF;
   padding: 5px 5px 5px 5px;
   margin-left: 50px;
   background-color: #ffff99;
}

div.popup div.popupTipHelp {
   text-align: left;
   border: 2px solid #000000;
   padding: 5px 5px 5px 5px;
   margin-left: 20px;
   color: #000000;
   background-color: #ffff99;
}

/*************** Controle geral de formulário estilo dhtmlx *******************/

.formulario {
   border: 1px solid #a4bed4;
   font-family: Tahoma, Helvetica;
   font-size: 12px;
}

input.formulario {
   height: 24px;
}

:read-only.formulario {
   background-color: #F0F0F0;
}

:-moz-read-only.formulario {
   background-color: #F0F0F0;
}

/****************** Módulo 20 - Gerenciar perfis de acessos *******************/

.lang-box label {
   display: inline-block;
   width: 5em;
   text-align: right;
   padding-right: 0.5em;
}

.lang-box input {
   display: inline-block;
   width: calc(100% - 80px);
}

/******************************************************************************/

.LocationMap {
   visibility: hidden;
   font-size: 10px;
   overflow: auto;
   background-color: #FFFFFF;
   vertical-align: middle;
   display: table-cell;
   height: 100%;
   width: 100%;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/************************* Tabelas com Bootstrap 3 ****************************/
.table {
   width: auto;
   margin-bottom: 0px;
}

.table > tbody > tr > td {
   padding: 4px;
   vertical-align: middle;
}

.panel {
   margin-bottom: 8px;
}

.panel-group {
   margin-bottom: 8px;
}

.panel-heading {
   padding: 4px 8px 2px 8px;
}

.panel-body {
   padding: 8px;
}

.panel-heading a {
   color: #fff;
}

/*.panel-default > .panel-heading {
   background: #3E769B;
   color: #fff;
}

.panel-body {
   padding: 8px;
   background: #A4C5DC;
   color: #000;
}*/

.panel {
   background-color: #f0f7fb !important;
   
   margin-right: auto;
   margin-left: auto;
}

.panel-default {
   border-color: #658fab !important;
}

.panel-default > .panel-heading {
   color: #ffffff !important;
   background-color: #144775 !important;
   border-color: #658fab !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: #658fab !important;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: #658fab !important;
}

.btn-primary {
   color: #144775 !important;
   background-color: #ffffff !important;
   border-color: #144775 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
   color: #ffffff !important;
   background-color: #144775 !important;
   border-color: #144775 !important;
}

/****************** Sobrecarga das classes da lib dhtmlx **********************/

.dhtmlx_popup_text, .dhtmlx_popup_title {
   font-size: inherit;
   font-family: inherit;
}

.dhtmlx_popup_controls, .dhtmlx_popup_button {
   font-family: inherit;
}

.dhxcombo_input:invalid {
   background-color: #FCC1BC !important;
}

/******************************************************************************/