@media print { 
  screen  {
   display: none;
  }  
 }

.RGraph_contextmenu {
     z-index: 999 !important;
     border-radius: 8px !important;
     border: 3px solid #808080 !important;
     background-color: #f9f9f9 !important;
     font-size: 12px !important;
     padding: 2px 2px 0px 1px;
} 

.RGraph_contextmenu_background {
   background-color: #f9f9f9 !important;
   border-left: 0px solid #fff !important; 
   border-right: 0px solid #fff !important;
   border-top: 0px solid #fff !important; 
   border-bottom: 0px solid #fff !important;
   border-radius: 8px !important;
   width: 0px !important;    
}

.RGraph_contextmenu_item { 	
  padding: 2px 5px 2px 10px !important;
  background-color: #e0e0e0;
  font-size: 12px !important; 
  border-radius: 2px !important;
  color: #0077bb;    
}  

.RGraph_tooltip {
   z-index: 999 !important;
}
 .RGraph_zoomed_canvas {
   z-index: 998;
 }
 
 .rgraph_tooltips {
            color: #000 !important;
            background-color: #f9f9f9 !important;
            padding: 4px !important;
            border: solid 2px #707070 !important;
            text-align: center;
            z-index: 999 !important;       
  }
  
 .rgraph_tooltips_green {
            color: #fff !important;
            background-color: green !important;
            padding: 4px !important;
            border: solid 2px #707070 !important;
            text-align: center;
            z-index: 999 !important;       
  }  
  
 #RGraph_tooltipsPointer {
   border-bottom: #707070 solid 2px;
   border-right: #707070 solid 2px;
   bottom: -7px !important;
 } 
     
.RGraph_png {
 }
  
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  display: block;	
  border-bottom: 0;
  padding: 0px 15px 0px;
  background-color: #0099cc;
  border-radius: 5px 5px 0px 0px;
  margin-top: -3px;
  color: #fff;
}

.modal-title {
	
	line-height: 2.5rem;
}

.modal-header .close {
    margin-top: -2px;
    color: #000 ! important;
    background: transparent;
    opacity: 0.5;
    font-size: 24px;
    line-height: 1.8rem;
    width: 2rem;
    line-height: 2.5rem;
    border-radius: 0px 5px 0px 0px;
}

.modal-header .close:hover {
    color: #000;
    opacity: 1;
    background-color: #fff;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    max-width: 70%;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

.modal-dialog {
    border-radius: 5px;
    max-width: 70%;
 }

.modal-body {
  padding: 0px 10px 5px 3px;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 3px 16px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 5px;
    display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
}

.modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.pv-system {
	
	background-repeat: no-repeat;
    background-image: url(/images/pv_system.jpg);
    background-size: 100% 100%;
}

.world-map {
	background-image: url('/images/worldmap.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.cvs-default {
	background-color: rgba(240, 240, 240, 0.4);
}

.cvs-euro {
    background-image: url('/media/plg_content_rgraph/images/euro.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.canvas-hide {
	left: -9999;
	top: -2222;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}