body{
    background: #efefef !important;
}
.dHeader{
    text-align: center;
    text-transform: uppercase;
}
.container_full{
    float:left;
    width:100%;
    text-align: center;
}
.chart_container_outer{
    text-align: center;
}
.chart-container{
    width:32%;
    height:460px;
    float:left;
    display: inline-block;
    border:1px solid #9a9a9a;
    margin-left:12px;
    margin-bottom:25px;
    background:#fff;
    box-shadow: 0px 0px 5px #888;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
.chart-container.doubleWidth{
    width:64%;
    float:left;
    display: inline-block;
    margin-left:12px;
    margin-bottom:25px;
}
.chart-container .canvasClass{
    /*width: 30%;*/
    height: 350px !important;
}
.chart-container canvas{
    height:430px !important;
}
.currChart
{
   /*width:600px;*/ 
}
.profile-image{
    padding:5px;
    background: #fff;
    border-radius:5px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.dropDownClass{
    width: 90%;
    height: 30px;
    font-size:14px;
    padding-left: 4px;
    /*margin-right: 10px;*/
    
    border-radius: 2px !important;
    -moz-border-radius: 2px;
    -webkit-border-radius:2px;
    border:1px solid #153d77;

}
.dropDowns{
    margin-bottom:0px;
    text-align:center;
}
.dropDowns th{
    background: #fff !important;
}
.sLinkButton{
    background-color: #77b7ff;
    text-decoration: none;
    padding:0.3em 0.4em 0.3em 0.4em;
    border: 1px solid #A0A0A0;
    color: black;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}
.chartHeader{
    font-size:14px;
    font-weight:bold;
    width:99.9%;
    color:#000000d1;
    padding:7px 0px 5px 0px;
    background:#ececec;
    border-bottom:1px solid #ccc;
}
#loaderContent, .loader{
    margin-top:15%;
    margin-bottom:10%;
}
.loader{
    text-align:center;
}
@media only screen and (max-width: 768px) {
    .chart-container{
        width:100%;
        float:left;
        display: inline-block;
        border:1px solid #ccc;
        margin:1%;
        background:#fff;

    }
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #519bc6;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #519bc6 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#modalContent{
    
}
.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {
    
}​
.ui-widget-overlay
{
  opacity: .70 !important;  
  filter: Alpha(Opacity=50) !important;
  background: rgb(170, 170, 170) !important;  
}
.filterDiv{
    padding:5px;
    border-bottom: 1px solid #ccc;
}
.modelInner{
    border:1px solid #ccc;
    margin:5px;
    width:100%;
    height:97%;
}
.dialogCanvasClass{
    width:100% !important;
    height:430px !important;
}
.closeOption{
    float:right;
}
#dialogLoaderContent{
    margin-top:15%;
    width:100%;
    height:100%;
    text-align:center;
}
#modalHeaderTitle{
    font-weight:bold;
    margin-right:20px;
}
.chart-container.halfWidth{
    width:48%;
    float:left;
    display: inline-block;
    margin-left:12px;
    margin-bottom:25px;
}
.chart-container.fullWidth{
    width:98%;
    float:left;
    display: inline-block;
    margin-left:12px;
    margin-bottom:25px;
}
.divSeperate{
    font-size:16px;
    padding:2px;
    color: #397192;
    text-shadow:0px 0px 1px #ccc;
 }
 #prevNextOption{
     float:left;
     display: inline-block;
     width:98%;
     height:30px;
     padding:10px 10px 0px 10px;
     font-size:18px !important;
 }
 #prevIcon{
     display: inline-block;
     float:left;
     text-align: left;
 }
 #nextIcon, #screenshotIcon{
     display: inline-block;
     float:right;
     text-align: right;
 }
 #screenshotIcon{
     margin-right:1%;
     color:#003f74;
 }
 .nav{
     margin:0px;
 }
 .chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.legend-span{
    display: inline-block;
    width: 21px;
    height: 7px;
    margin: 8px 10px 5px 0px;
    float:left;
    background-color: #f9f9f9;
}
.legend-div{
   display: block; 
}