@media print {
  @page { margin: 0; overflow: visible !important;}
  body{
    -webkit-print-color-adjust: exact; /*chrome & webkit browsers*/
    color-adjust: exact; /*firefox & IE */

    page-break-before: avoid;
  page-break-inside: avoid;
  page-break-after: always;
  padding: 0 !important;
  margin: 0 !important;

  } 
  #tool_address, .gm-fullscreen-control, .gm-svpc, .gm-control-active, .gm-style-cc, .gmnoprint, .gmnoscreen{
    display: none !important;
  }
  .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div{
    display: none !important;
  }
  body, div {
    display: block !important;
}

.preloader{display: none !important;}
  .break-before { page-break-before: always; }
  .table-div {
    margin-top: 0px !important;
}
.table-responsive{overflow: visible !important;display: block;}
  /* .copyrighttxt{position: absolute;bottom: 15px;left: 20px;} */
  .printfiltrborder{border: 1px solid #aaa;width: 100%;margin: 0 auto;}
  a[href]:after {content: none !important;}
  .printpdl0{padding-left: 0 !important;}
    .printgrp-box100{
      width: 100% !important;
    }
    .printgrp-box50{
      width: 50% !important;
    }
    .printgrp-box25{
      width: 25% !important;
    }
    .printgrp-box60{
      width: 60% !important;
    }
    .printgrp-box75{
      width: 75% !important;
    }
    .printgrp-box0{
      width: 0% !important;
    }    

    .printgrp-box33{
      width: 33.33% !important;
    }
    .printgrp-box66{
      width: 66.66% !important;
    }
    .printdis-flx{
      display: flex !important;
      width: 100% !important;
      float: left !important;
    }
    .print_frght{
      float: right !important;
    }
    .dataTables_length, .dataTables_filter, .disnone-print, #sidebar, .dataTables_info, .dataTables_paginate, #fav_heading, #action_heading, .fav_content, .action_content, #tool_news_heading, .tool_news_content {
      display: none !important;
      visibility: hidden !important;
    }
    #content {
      padding-left: 0px !important;
  }
  .pdf-disblock-svg h2 {
    color: #fff !important;
    font-size: 10px !important;
}
    table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
      padding-right: 0px !important;
  }
    .span-green {
    background-color: #2ece2e !important;
    -webkit-print-color-adjust: exact; 
}
.spanred {
    background-color: #ff0000 !important;
        -webkit-print-color-adjust: exact; 
}
.span-red, #tool_status {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  -webkit-print-color-adjust: exact;
  color-adjust: exact; /*firefox & IE */
}
.span-yellow{background-color:yellow !important;}
.span-green{background-color:#2ece2e !important;}

.span-yellow {
    background-color: yellow !important;
        -webkit-print-color-adjust: exact;
}
.trafic-span {
    width: 15px !important;
    height: 15px !important;
    border-radius: 100% !important;
    margin: 5px !important;
}
.indicstatus h2 {
    font-size: 12px !important;
}
.printgrp-box30{
      width: 30% !important;
  }
  .printgrp-box20{
        width: 20% !important;
  }
  .mobnon{
    display: block !important;
  }
  .mobpt0 {
    padding-top: 15px !important;
}
.pdf-disblock-svg {
    background-color: #333333 !important;
    -webkit-print-color-adjust: exact;
}
.pdf-disblock-svg h2{
    color: #fff !important;
    -webkit-print-color-adjust: exact;
}
.logo-pdf {
    text-align: center !important;
}
.logo-pdf img{padding-top:12px; }
.bg-blks{background-color: #333333 !important;}
.printbrk {margin-bottom: 120px;}
.print-mt30{margin-top: 60px;}
.panel-h4 {
  font-size: 16px !important;
}
.pdf-disblock .pdf-disblock-inn span.pdf-bg-strong {
  background-color: #ccc !important;
  width: 40%;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.pdf-disblock .pdf-disblock-inn input, .pdf-disblock .pdf-disblock-inn .form-control{
  width: 60%;
}
.pdf-disblock .pdf-disblock-inn span strong{
  font-size: 10px !important;
  /* font-weight: bold !important; */
}
.pdf-disblock-svg h2 {
  color: #fff !important;
  -webkit-print-color-adjust: exact;
}

.curvchrt {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}
.eventsConnector {
    background: #85D839 none repeat scroll 50% 50% !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{display: none !important;visibility: hidden !important;}
.table-div {margin-top: 0px !important;}
.same-height {min-height: auto !important;}
.graphtool{margin-bottom: 0 !important;}


/* Pie chart */
.forestgreen{background-color: forestgreen !important;}
.orange{background-color: orange !important;}
.red{background-color: red !important;}
.purple{background-color: purple !important;}
.cornflowerblue{background-color: cornflowerblue !important;}
.olivedrab{background-color: olivedrab !important;}
.tomato{background-color: tomato !important;}
.crimson{background-color: crimson !important;}
.turquoise{background-color: turquoise !important;}
.navy{background-color: navy !important;}
.gray{background-color: gray !important;}
.pie::before {background: #EEE !important;}
/* Pie end */

.dignle-main {background-color: #5f5f5f !important;}
.events li {width: 12%;}
.events li:last-child {width: 0%;}
.eventsConnector {width: 100%;}
.toolmap-div {height: 270px !important;}
  

.rangeouter{
      background-color: #ddd !important;
    -webkit-print-color-adjust: exact;
}

.range-danger .rangeinner {
    background-color: #ff0000 !important;
        -webkit-print-color-adjust: exact;
}


/*.print-half-circle{
      transform: rotate( -37.894736842105deg) !important;
      background-color: blue;
        -webkit-print-color-adjust: exact;

}*/

.label-warning {
    background-color: #f0ad4e !important;
      -webkit-print-color-adjust: exact;

}
.label-danger {
    background-color: #d9534f !important;
      -webkit-print-color-adjust: exact;
}
.label-success {
    background-color: green !important;
      -webkit-print-color-adjust: exact;
}
.speedometer {overflow: hidden !important;position: relative !important;margin: 20px auto !important;}
/* .speedometerhgt {min-height: 60px;} */
.speedometer::after {
  background-color: #fff !important;
  -webkit-print-color-adjust: exact;
  height: 10px !important;
  width: 130px !important;
  margin: 0 auto !important;
  left: 0 !important;
  bottom: 0 !important;
  content: '';
  position: absolute !important;
  border-radius: 1px !important;
  z-index: 40 !important;
  right: 0 !important;
}
.speedometer .dial {
  padding-top: 20px !important;
  overflow: hidden !important;
}
.speedometer .needle {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 2px !important;
  width: 12px !important;
  margin: 0 auto !important;
  z-index: 50 !important;
}
.speedometer .needle .inner {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTEzcHgiIHZpZXdCb3g9IjAgMCAxMiAxMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2NzY3NjciIGQ9Ik0wLjA2NywxMDYuMzQ0Yy0wLjAxNiwwLjEzNS0wLjAyNCwwLjU0My0wLjAzMiwwLjY4MWwtMC4wMTIsMC40MTFoMC4wMDVjLTAuMDAxLDAtMC4wMTEtMC4xNDYtMC4wMTEtMC4wODFjMC4wMDYsMy4xOSwyLjY4OSw1LjYzNSw1Ljk5NSw1LjYyOWMzLjMwNC0wLjAwNyw1Ljk3OC0yLjY2Niw1Ljk3MS01Ljg1NmMtMC4wMDEtMC40MTUtMC4wNS0wLjg1My0wLjEzNi0xLjI0Mkw2LjAxMiwwLjEyNEwwLjA2NywxMDYuMzQ0eiIvPjwvc3ZnPg==) !important;
  background-size: 100% !important;
  -webkit-print-color-adjust: exact;
  height: 112px !important;
  width: 12px !important;
  position: relative !important;
  -webkit-transform: rotate(92deg) !important;
          transform: rotate(92deg) !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
.speedometer .needle .top,
.speedometer .needle .bottom {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
}
.speedometer .needle .top {
  border-color: transparent !important;
}
.speedometer .needle .bottom {
  background-color: transparent !important;
  -webkit-print-color-adjust: exact;
}
.speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 95px !important;
}
.speedometer .half-circle {height: 95px !important;width: 190px !important;border-radius: 190px 190px 0 0 !important;margin: 0 auto !important;position: absolute !important;left: 0 !important;right: 0 !important;top: 0 !important;-webkit-transform-origin: bottom center !important;transform-origin: bottom center !important;}
.speedometer .half-circle-bg {background-color: #e0f3fc !important; -webkit-print-color-adjust: exact;z-index: 10 !important;}
.speedometer .half-circle-speed {/*background-color: #0590dd;*/}
.speedometer .half-com{z-index: 20 !important;}
.speedometer .half-circle-cover {background-color: #fff !important;-webkit-print-color-adjust: exact;height: 65px !important;width: 130px !important;border-radius: 190px 190px 0 0 !important;background: #fff;margin: 0 auto !important;top: auto !important;bottom: 0 !important;z-index: 30 !important;}
.speedometer .animated {-webkit-transform: rotate(-180deg) !important;transform: rotate(-180deg) !important;-webkit-transform-origin: bottom center !important;transform-origin: bottom center !important;-webkit-animation-duration: 2s !important;animation-duration: 2s !important;-webkit-animation-iteration-count: 1 !important;animation-iteration-count: 1 !important;-webkit-animation-timing-function: ease-out !important;animation-timing-function: ease-out !important;-webkit-animation-fill-mode: forwards !important;animation-fill-mode: forwards !important;}
[class*='sm'] .speedometer {
  position: relative !important;
  margin:5px auto !important;
}
[class*='sm'] .speedometer::after {
  height: 6.2px !important;
  width: 80.6px !important;
}
[class*='sm'] .speedometer .dial {
  padding-top: 12.4px !important;
}
[class*='sm'] .speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 58.9px !important;
}
[class*='sm'] .speedometer .half-circle {
  height: 58.9px !important;
  width: 117.8px !important;
  border-radius: 117.8px 117.8px 0 0 !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
[class*='sm'] .speedometer .half-circle-cover {
  height: 49.3px !important;
  width: 92.6px !important;
  border-radius: 117.8px 117.8px 0 0 !important;
}
[class*='sm'] .speedometer .needle {
  width: 7.44px !important;
}
[class*='sm'] .speedometer .needle .inner {
  height: 65.44px !important;
  width: 7.44px !important;
}

.scaled-90 .speedometer {
  width: 189px !important;
  height: 108px !important;
  position: relative !important;
  margin: 20px auto !important;
}
.scaled-90 .speedometer::after {
  height: 9px !important;
  width: 117px !important;
}
.scaled-90 .speedometer .dial {
  padding-top: 18px !important;
}
.scaled-90 .speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 85.5px !important;
}
.scaled-90 .speedometer .half-circle {
  height: 85.5px !important;
  width: 171px !important;
  border-radius: 171px 171px 0 0 !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
.scaled-90 .speedometer .half-circle-cover {
  height: 58.5px !important;
  width: 117px !important;
  border-radius: 171px 171px 0 0 !important;
}
.scaled-90 .speedometer .needle {
  width: 10.8px !important;
}
.scaled-90 .speedometer .needle .inner {
  height: 100.8px !important;
  width: 10.8px !important;
}

.scaled-80 .speedometer {
  width: 168px !important;
  height: 96px !important;
  position: relative !important;
  margin: 20px auto !important;
}
.scaled-80 .speedometer::after {
  height: 8px !important;
  width: 104px !important;
}
.scaled-80 .speedometer .dial {
  padding-top: 16px !important;
}
.scaled-80 .speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 76px !important;
}
.scaled-80 .speedometer .half-circle {
  height: 76px !important;
  width: 152px !important;
  border-radius: 152px 152px 0 0 !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
.scaled-80 .speedometer .half-circle-cover {
  height: 52px !important;
  width: 104px !important;
  border-radius: 152px 152px 0 0 !important;
}
.scaled-80 .speedometer .needle {
  width: 9.6px !important;
}
.scaled-80 .speedometer .needle .inner {
  height: 89.6px !important;
  width: 9.6px !important;
}

.scaled-70 .speedometer {
  width: 147px !important;
  height: 84px !important;
  position: relative !important;
  margin: 20px auto !important;
}
.scaled-70 .speedometer::after {
  height: 7px !important;
  width: 91px !important;
}
.scaled-70 .speedometer .dial {
  padding-top: 14px !important;
}
.scaled-70 .speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 66.5px !important;
}
.scaled-70 .speedometer .half-circle {
  height: 66.5px !important;
  width: 133px !important;
  border-radius: 133px 133px 0 0 !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
.scaled-70 .speedometer .half-circle-cover {
  height: 45.5px !important;
  width: 91px !important;
  border-radius: 133px 133px 0 0 !important;
}
.scaled-70 .speedometer .needle {
  width: 8.4px !important;
}
.scaled-70 .speedometer .needle .inner {
  height: 78.4px !important;
  width: 8.4px !important;
}

.scaled-60 .speedometer {
  width: 126px !important;
  height: 72px !important;
  position: relative !important;
  margin: 20px auto !important;
}
.scaled-60 .speedometer::after {
  height: 6px !important;
  width: 78px !important;
}
.scaled-60 .speedometer .dial {
  padding-top: 12px !important;
}
.scaled-60 .speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 57px !important;
}
.scaled-60 .speedometer .half-circle {
  height: 57px !important;
  width: 114px !important;
  border-radius: 114px 114px 0 0 !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
.scaled-60 .speedometer .half-circle-cover {
  height: 39px !important;
  width: 78px !important;
  border-radius: 114px 114px 0 0 !important;
}
.scaled-60 .speedometer .needle {
  width: 7.2px !important;
}
.scaled-60 .speedometer .needle .inner {
  height: 67.2px !important;
  width: 7.2px !important;
}

.scaled-50 .speedometer {
  width: 105px !important;
  height: 60px !important;
  position: relative !important;
  margin: 20px auto !important;
}
.scaled-50 .speedometer::after {
  height: 5px !important;
  width: 65px !important;
}
.scaled-50 .speedometer .dial {
  padding-top: 10px !important;
}
.scaled-50 .speedometer .bar {
  position: relative !important;
  overflow: hidden !important;
  height: 47.5px !important;
}
.scaled-50 .speedometer .half-circle {
  height: 47.5px !important;
  width: 95px !important;
  border-radius: 95px 95px 0 0 !important;
  -webkit-transform-origin: bottom center !important;
          transform-origin: bottom center !important;
}
.scaled-50 .speedometer .half-circle-cover {
  height: 32.5px !important;
  width: 65px !important;
  border-radius: 95px 95px 0 0 !important;
}
.scaled-50 .speedometer .needle {
  width: 6px !important;
}
.scaled-50 .speedometer .needle .inner {
  height: 56px !important;
  width: 6px !important;
}

.percent-100 .speedometer.play .animated,
.percent-100-sm .speedometer.play .animated {
  -webkit-animation-name: to-100 !important;
          animation-name: to-100 !important;
}

.percent-100-static .animated,
.percent-100-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}

.percent-66 .speedometer.play .animated,
.percent-66-sm .speedometer.play .animated {
  -webkit-animation-name: to-66 !important;
          animation-name: to-66 !important;
}

.percent-66-static .animated,
.percent-66-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(-60.12deg) !important;
          transform: rotate(-60.12deg) !important;
}

.percent-60 .speedometer.play .animated,
.percent-60-sm .speedometer.play .animated {
  -webkit-animation-name: to-60 !important;
          animation-name: to-60 !important;
}

.percent-60-static .animated,
.percent-60-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(-72deg) !important;
          transform: rotate(-72deg) !important;
}

.percent-40 .speedometer.play .animated,
.percent-40-sm .speedometer.play .animated {
  -webkit-animation-name: to-40 !important;
          animation-name: to-40 !important;
}

.percent-40-static .animated,
.percent-40-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(-108deg) !important;
          transform: rotate(-108deg) !important;
}

.percent-33 .speedometer.play .animated,
.percent-33-sm .speedometer.play .animated {
  -webkit-animation-name: to-33 !important;
          animation-name: to-33 !important;
}

.percent-33-static .animated,
.percent-33-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(-120.06deg) !important;
          transform: rotate(-120.06deg) !important;
}

.percent-30 .speedometer.play .animated,
.percent-30-sm .speedometer.play .animated {
  -webkit-animation-name: to-30 !important;
          animation-name: to-30 !important;
}

.percent-30-static .animated,
.percent-30-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(-126deg) !important;
          transform: rotate(-126deg) !important;
}

.percent-16 .speedometer.play .animated,
.percent-16-sm .speedometer.play .animated {
  -webkit-animation-name: to-16 !important;
          animation-name: to-16 !important;
}

.percent-16-static .animated,
.percent-16-static-sm .animated {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: rotate(-150.12deg) !important;
          transform: rotate(-150.12deg) !important;
}

@-webkit-keyframes to-100 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }
}

@keyframes to-100 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }
}
@-webkit-keyframes to-66 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-100.12deg) !important;
            transform: rotate(-100.12deg) !important;
  }
}
@keyframes to-66 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-100.12deg) !important;
            transform: rotate(-100.12deg) !important;
  }
}
@-webkit-keyframes to-60 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-72deg) !important;
            transform: rotate(-72deg) !important;
  }
}
@keyframes to-60 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-72deg) !important;
            transform: rotate(-72deg) !important;
  }
}
@-webkit-keyframes to-40 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-108deg) !important;
            transform: rotate(-108deg) !important;
  }
}
@keyframes to-40 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-108deg) !important;
            transform: rotate(-108deg) !important;
  }
}
@-webkit-keyframes to-33 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-120.06deg) !important;
            transform: rotate(-120.06deg) !important;
  }
}
@keyframes to-33 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-120.06deg) !important;
            transform: rotate(-120.06deg) !important;
  }
}
@-webkit-keyframes to-30 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-126deg) !important;
            transform: rotate(-126deg) !important;
  }
}
@keyframes to-30 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-126deg) !important;
            transform: rotate(-126deg) !important;
  }
}
@-webkit-keyframes to-16 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-150.12deg) !important;
            transform: rotate(-150.12deg) !important;
  }
}
@keyframes to-16 {
  0% {
    -webkit-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
  }
  100% {
    -webkit-transform: rotate(-150.12deg) !important;
            transform: rotate(-150.12deg) !important;
  }
}

/* ********************************************* */
/* Project dashboard */
/* ********************************************* */
/* .projdashprint-mt{
  padding-top: 10px !important;
} */
}