/* Custom Colored Panels */
/* HVG Szépia: rgb(250, 242, 225) */

.panel-heading > strong {
    font-size: 18px;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.page-header {
	margin-top: 10px;
}

.huge {
    font-size: 24px; /* 28px; */
}

/* 
 * Heat Panel
 */
.panel-heat {
    border-color: #ff8080;
}
.panel-heat > .panel-heading {
    border-color: #ff8080;
    color: #fff;
    background-color: #ff8080;
}
.panel-heat > a {
    color: #ff8080;
}
.panel-heat > a:hover {
    color: #e60000;
}
/* 
 * Cool Panel
 */
.panel-cool {
    border-color: #8cb3d9;
}
.panel-cool > .panel-heading {
    border-color: #8cb3d9;
    color: #fff;
    background-color: #8cb3d9;
}
.panel-cool > a {
    color: #8cb3d9;
}
.panel-cool > a:hover {
    color: #264d73;
}


.panel-blue {
    border-color: #337ab7; /* #337ab7; #32d2c9; */
}
.panel-blue > .panel-heading {
    border-color: #337ab7;
    color: #fff;
    background-color: #337ab7;
}
.panel-blue > a {
    color: #337ab7;
}
.panel-blue > a:hover {
    color: #23527c;
}

.panel-green {
    border-color: #a9d86e; /* #5cb85c; */
}
.panel-green > .panel-heading {
    border-color: #a9d86e;
    color: #fff;
    background-color: #a9d86e;
}
.panel-green > a {
    color: #a9d86e;
}
.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #ed5d5d; /* #ff6c60; /* #d9534f; */
}
.panel-red > .panel-heading {
    border-color: #ed5d5d;
    color: #fff;
    background-color: #ed5d5d;
}
.panel-red > a {
    color: #ed5d5d;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #d6d23a; /* #f0ad4e; */
}
.panel-yellow > .panel-heading {
    border-color: #d6d23a;
    color: #fff;
    background-color: #d6d23a;
}

.panel-yellow > a {
    color: #d6d23a;
}
.panel-yellow > a:hover {
    color: #df8a13;
}

.dropdown-menu {width: 205px;}
/* .btn {width: 100%;} */
.top-nav {color:white;}

/* SVG Classes for Room Maps */
.pump_off{
    fill:       #000;
    stroke:     #000;
    stroke-width:   2;
    vertical-align: middle;
}
.pump_on{
    fill:       #0F0;
    stroke:     #000;
    stroke-width:   2;
    vertical-align: middle;
}

.room{
    fill:       rgba(255,243,204,0.5);  /*  #ccc #A6CAF0; gba(254,254,254,0.3) rgba(192,192,192,0.3) */
    stroke:     rgba(255,243,204,0.5);  /* #FF8000; */
    stroke-width:     2;
}
.room:hover{
    fill:       rgba(255,243,204,0.8);  /*  #ccc #A6CAF0; gba(254,254,254,0.3) rgba(192,192,192,0.3) */
}

.room .sub{
    fill:       rgba(255,243,204,0.7);  /*  #ccc #A6CAF0; gba(254,254,254,0.3) rgba(192,192,192,0.3) */  
}
.room_heat{
    fill:       rgba(240,140,140,0.5); /* #F06060; */
}
.room_heat:hover{
    fill:       rgba(240,140,140,0.8); /* #F06060; */
}
.room_cool{
    fill:       rgba(140,140,240,0.5); /* #6060F0; */
}
.room_cool:hover{
    fill:       rgba(140,140,240,0.8); /* #6060F0; */
}


.dayshed{
    fill:       #A6CAF0;
    stroke:     #224;
    stroke-width:     2;
    cursor:     pointer;
}
.dayshed:hover{
    fill:       #CEECF5;
}
.shedon{
    fill:       #5197e1;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/* Mediasized fontsize */

fa.collapse {
    visibility: collapse;
}
fa.hidden {
    visibility: hidden;
}

/*
 * Chart panel settings
 */
.header-flot-chart {
    display: block;
    height: 440px;
}
.header-flot-chart-content {
    width: 100%;
    height: 100%;
}
 .flot-chart {
    display: block;
    min-height: 540px;
    height: 100%;
}
.flot-chart-content {
    width: 100%;
    height: 100%;
} 

/*
 * Table PLC data settings
 */
td.plc-edt {
    width: 24px;
} 
td.plc-dta {
    width: 50%;
    text-align: right;
}
td.plc-dtt {
    width: 30%;
    text-align: right;
}
td.plc-msg {
    height: 100%;
}
td.plc-msg.indent {
    padding-left: 30px;
}
td.plc-io {
    width: 100px;
    text-align: left;
}
td.plc-dt {
    width: 100px;
    text-align: right;
}
td.plc-sk, th.plc-sk {
    width: 20%;
    text-align: left;
}
tr.plc-th { 
  background-color: #446e9b;
  color: #fff;
}

img.plc {
   max-width: 100%;
   height: auto;
}

.big-svg{}

.big-svg.zoomout {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 6000;
    transition: 0.3s; /* Transition effects on hover (color) */
    background-color: rgba(216,230,243,0.8); /* #d8e6f3; */
}
.tile-svg{
    height:200px;
    width: 240px;
}
.tile-svg.zoomout {
    position: fixed;
    height:90%;
    left: 5%;
    top: 5%;
    bottom: 0;
    right: 0;
    width: 90%;
    z-index: 6000;
    transition: 0.3s; /* Transition effects on hover (color) */
    background-color: rgba(216,230,243,0.95); /* #d8e6f3; */
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgb(118, 168, 210);
  color: #fff;
}
tr.plc-color_off td, td.plc-color_off {
  background-color: #d9edf7; 
}
tr.plc-color_on td, td.plc-color_on {
  background-color: rgba(0,128,0,0.1); 
}
tr.plc-green_on td, td.plc-color_on {
  background-color: rgba(0,128,0,0.1); 
}

/*
 * Gmap3 Settings
 */
.gmap3 {
    margin: 10px auto;
    border: 1px dashed #C0C0C0;
    width:  100%;
    height: 650px;
}

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

/*
 * PLC Schedule 
 */

  /* border-collapse: separate !important; */
.schedule-table {
    border-collapse: separate;
    border-spacing: 2px;
}

.schedule-table tbody {
  background-color: #ddd;
  font-size: 10px;
}

.schedule-table th {
  background-color: #ddd;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.schedule-footer {
  background-color: #ddd;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
 
.schedule-rows td {
  font-size: 10px;
  font-weight: bold;
  width: 30px;
  height: 7px;
  margin: 1px;
  padding: 1px;
  background-color: rgb(118, 168, 210); /* #3498DB; */
  cursor: pointer;
}

.schedule-rows td:first-child {
  background-color: transparent;
  text-align: right;
  position: relative;
  top: 0; /* -12px; */
}

.schedule-rows td[data-selected],
.schedule-rows td[data-selecting] { background-color: green; /* #E74C3C; */ }
.schedule-rows td[data-disabled] { opacity: 0.55; }

.schedule-rows-h td {
  font-size: 12px;
  font-weight: bold;
  width: 30px;
  height: 7px;
  margin: 1px;
  padding: 1px;
  background-color: rgb(118, 168, 210); /* #3498DB; */
  cursor: pointer;
}

.schedule-readonly td {
  cursor: default;
}

.schedule-rows-h td:first-child {
  background-color: transparent;
  text-align: right;
  position: relative;
  top: 0; /* -12px; */
}
.schedule-rows-h td[data-selected],
.schedule-rows-h td[data-selecting] { background-color: green; /* #E74C3C; */}
.schedule-rows-h td[data-disabled] { opacity: 0.55; }

/*
 * Modal Level 2
 */
.modal.level2 {
z-index:1052
}

.modal-backdrop.in + .modal-backdrop.in {
z-index: 1051;
}

/*
 * Font Awersome Blink
 */

@keyframes fa-blink {
     0% { opacity: 1; }
/*     25% { opacity: 0.25; }  */
     50% { opacity: 0; }
/*     75% { opacity: 0.75; } */
     100% { opacity: 1; }
 }
.fa-blink {
   -webkit-animation: fa-blink 2s linear infinite;
   -moz-animation: fa-blink 2s linear infinite;
   -ms-animation: fa-blink 2s linear infinite;
   -o-animation: fa-blink 2s linear infinite;
   animation: fa-blink 2s linear infinite;
}