.wpDataTableFilterBox {display:none}
table tr {cursor: pointer;}
.fixinputwdt{
  display:inline !important;
  width:70% !important;
}
.fixbuttonwdt{
  display:inline !important;
  width:29% !important;
}
/***********************************************/
.dropdown-info{
  position: absolute;
  display: inline-block;
  left:5px;
  top:0px;	
}	

.dropdown {
  position: absolute;
  display: inline-block;
  right:5px;
  top:0px;
  z-index:100000; 
}

.dropdown-dot{
   font-size: 18px !important;	
   cursor:pointer;
}	

.dropdown-content {
  display: none;
  position: absolute;
  right:-10px;
  background-color: #f9f9f9;
  min-width: 400px;
  /*height:20px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 5px 5px 5px 20px;
  /*padding-left:10px;*/
  z-index: 999999999999;
  border-radius:5px;
 
}
/*
.dropdown:hover .dropdown-content {
  cursor:pointer; 
  display: block;
}*/
/****************************************************/

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    z-index: 10000000000000;
}

/* Tooltip text */
.tooltip .tooltiptext {
  /*visibility: hidden;*/
  width: 300px;
  /*background-color: black;
  color: #fff;*/
  background-color: #FFFFFF;
  color:black;  
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  border: 1px solid black;
  opacity: 0;
  transition: opacity 1s;
  top: -5px;
  left: 105%; 
}

/* Show the tooltip text when you mouse over the tooltip container */
/*
.tooltip:hover .tooltiptext {
  visibility: visible;
    opacity: 1;
}*/

.tooltip:hover .tooltiptext {
  visibility: visible;
    opacity: 1;
}


.tooltip .tooltiptext::after {
  content: "  ";
  position: absolute;
  top: 1em;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

/* start alarm styles */

 @-webkit-keyframes blink-M {
  50% {
    background: rgba(255, 0, 0, 0.5);
  }
}

@-moz-keyframes blink-M {
  50% {
    background: rgba(255, 0, 0, 0.5);
  }
}

@keyframes blink-M {
  50% {
    background: rgba(255, 0, 0, 0.5);
  }
}

.blink-M {
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: blink-M;
  -webkit-animation-timing-function: linear;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: blink-M;
  -moz-animation-timing-function: linear;
  animation-direction: normal;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: blink-M;
  animation-timing-function: linear;
} 

 @-webkit-keyframes blink-m {
  50% {
    background: #ffff00;
  }
}

@-moz-keyframes blink-m {
  50% {
    background: #ffff00;
  }
}

@keyframes blink-m {
  50% {
    background: #ffff00;
  }
}

.blink-m {
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: blink-m;
  -webkit-animation-timing-function: linear;
  -moz-animation-direction: normal;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: blink-m;
  -moz-animation-timing-function: linear;
  animation-direction: normal;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: blink-m;
  animation-timing-function: linear;
} 

.recognized-m {background-color: #ffff00 !important;}
  
.recognized-M {background-color: #FF0000 !important;}

/* end alarm styles*/

/*label dashboard styles*/
.et_pb_widget{width:100% !important;}
#divi_pb_widget-3, #divi_pb_widget-4, #divi_pb_widget-8{width:100% !important;}
.widget_label_green{background-image: linear-gradient( 264deg,#a2d123 0%,#2dc128 100%) !important;}
.widget_label_red{background-image: linear-gradient(264deg,rgba(237,96,40,0.8) 0%,#ef3532 100%) !important;}
.widget_label_no_display{display:none !important;}

@media only screen and (max-width: 980px) {
  .four-columns .et_pb_column {width: 25% !important;}
  .six-columns .et_pb_column {width: 33% !important;} 
  .fixed6x5label {height:1000px !important;}
  .fixed4x5label {height:400px !important;}
  .fixed2x5label {height:440px !important;}
}

.wpDataTablesWrapper table.wpDataTable td {
	white-space: nowrap !important;
}	
/*label dataset dashboard*/
h2.val-format-text{
    font-size:12px;	
	line-height: 0.4em ; 
}	


/*end label dashboard styles*/  

  .copy-icon{
    position:relative;
    float:right;
    cursor:pointer;
  }
  .datatocopy{
    min-width:100%;
    min-height:200px;
  }  

  /*gps labales indicators*/
  .gpsbox {
    display: inline;
    /*float: inline-start;*/
    /* height: 20px; */
    /* width: 20px; */
    margin-bottom: 15px;
    /* border: 1px solid black; */
    /* clear: both; */
    padding-left: 2px;
    padding-right: 12px;
    margin-left: 12px;
    /*margin-right: 2px;*/
    border-radius: 30px;
    /*background-color: red;*/
    font-size: 10px;
}

.red{
  background-color: red;
}
.yellow{
  background-color: yellow;
}
.cyan{
  background-color: cyan;
}
.blue{
  background-color: blue;
}
.magenta{
  background-color: magenta;
}
.green{
  background-color: green;
}

.inline-div-33 {
  display: inline-block;
  width: 33%;
  padding: 0px 15px;
}

/*button for popup forms*/
.cep-button-wrap:has(.bug-report-button) {
  position: relative !important;
  float: right !important;
}

/*close button */
.da-close-wrap.evr-close_wrap {
  z-index: 99999999999999999 !important;
}


/*helper form*/
/*to fix changes in z-index in wdt and popup plugin*/
div[data-da-area="helper-section"] {
  z-index: 10000000002 !important;
}
.json-msg-text-error {  
  background-color: rgba(247,116,80,0.52);
  padding:10px;
  margin-left:0px;
}
.json-msg-text-success {  
  background-color: rgba(116,219,110,0.52);
  padding:10px;
  margin-left:0px;
}
/*
.zone-container , .json-msg
{
  display:none;
}
/*
.row {
  display: flex;
}
.col {
  flex: 50%;
 padding-left:10px; 
}*/
.div-zone-selector{
  padding : 0px 0 !important;
}
#qrdiv2{text-align: center;padding:20px}
/***fin helper*/