*{margin:0; padding:0; box-sizing:border-box;}
#dashboard{width:95%; margin:auto; padding:10px 0;}
#dashboard .container{margin-left:-15px; margin-right:-15px;}
#dashboard .left-side{width:100%; padding:5px; background:#fff; float:left; border:1px solid #ddd; box-shadow:0 0 7px #ccc; position:relative;}
#dashboard ul.left-menu{width:100%; float:left; list-style:none; font-size:13px;}
#dashboard ul.left-menu > li{float:left; width:100%; margin:2px 0;}
#dashboard ul.left-menu > li > a{position:relative; display:block; *background:#ededed; background:-moz-linear-gradient(top, #f3f3f3, #dddddd); background:-webkit-linear-gradient(top, #f3f3f3, #dddddd); background:-ms-linear-gradient(top, #f3f3f3, #dddddd); color:#0083a1; padding:0 10px 0 10px; line-height:26px; text-decoration:none;}
#dashboard ul.left-menu > li:hover > a,
#dashboard ul.left-menu > li:focus > a,
#dashboard ul.left-menu > li:visited > a,
#dashboard ul.left-menu > li.active > a{background:#11b7dd; background:-moz-linear-gradient(top, #92d9e9, #03b4db); background:-webkit-linear-gradient(top, #92d9e9, #03b4db); background:-ms-linear-gradient(top, #92d9e9, #03b4db); color:#fff;}
#dashboard ul.left-menu li.subMenu > a:after, #dashboard ul.left-menu li.menu > a:after{position:absolute; top:0; bottom:0; right:5px; margin:auto; content:""; width:0; height:0; border-top:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #0083a1; transition: .3s}
#dashboard ul.left-menu > li.subMenu > ul{border:1px solid #dedede}
#dashboard ul.left-menu > li:hover > a:after,
#dashboard ul.left-menu > li:focus > a:after,
#dashboard ul.left-menu > li:visited > a:after,
#dashboard ul.left-menu > li.active > a:after{ border-left:5px solid #fff;}

#dashboard .right-side{width:100%; float:left;}
#dashboard .right-side .col-box{width:32%; margin:0 1% 1% 0; height:300px; background:#fff; float:left; border:1px solid #ddd; box-shadow:0 0 7px #ccc; padding:10px; position:relative;}
#dashboard .right-side .col-box.mid-box{width:34%;}
#dashboard .right-side .col-box.full-width{width:100%; height:auto;}
/*#dashboard .right-side .col-box:nth-child(3n+0){margin-right:0;}*/
#dashboard .right-side .col-box img{max-width:100%;}
#dashboard .right-side .title{font-size:15px; color:#000; font-weight: bold;}
#dashboard .right-side .link-box{width:118px; height:118px; position:absolute; border-radius:100%; text-align:center; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
#dashboard .right-side .link-box:hover{background:#f8f7f7; box-shadow:0 0 9px #888;}
.pos1{top:38px; left:18px;}
.pos2{top:36px; right:19px;}
.pos3{top:123px; right:0; left:0; margin:auto;}
.pos4{top:123px; left:8px;}
.pos5{top:113px; right:34px;}
.bg-blue{background:#05c6f1;}
.bg-blue2{background:#0083a1;}
.bg-yellow2{background:#d3be03;}
.drk-green{background:#90ad36;}
#dashboard .right-side .link-box a{color:#fff; text-decoration:none; font-size:13px; display:block; line-height:118px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
#dashboard .right-side .link-box:hover a{color:#000;}
.pad-top-40{padding-top:40px !important; line-height:normal !important;}
#dashboard .left-side .modal {width: 100%; position: absolute; left: 0; display:none; top:200px; background:#f9f9f9; border:1px solid #ddd; padding:10px;}
#dashboard .left-side .modal h3{font-size:14px; font-weight:bold; color:#0083a1; color:#fff;}

#dashboard .left-side .modaldatatxt {width: 100%; position: absolute; left: 0; display:none; top:200px; background:#f9f9f9; border:1px solid #ddd; padding:10px;}
#dashboard .left-side .modaldatatxt h3{font-size:14px; font-weight:bold; color:#0083a1; color:#fff;}
#dashboard .left-side .modaldatatxt .close-modal {
        padding: 2px 5px;
        background: #0083a1;
        color: #fff;
        text-decoration: none;
        border-radius: 100%;
        font-size: 14px;
        font-weight: bold;
        position:absolute;
        top:-10px;
        right:-10px;
    }
#dashboard .left-side .modal .close-modaldatatxt:hover{
    background:#ff006e;
}
#dashboard .left-side .modaldatatxt textarea{
    margin-bottom:0;
    height:283px;
}


/*Chart CSS*/
#chart,
#Chart2,
#Chart5,
#Chart6,
#chart7,
#InoutChart{
    margin-top:0;
    background: none;
    height:265px;
    
   
}
#Chart8{
    height: 540px !important;
    padding:25px;
}
#Chart svg{width:100%; float:left; display:block;}
#Chart svg path{width:100%; float:left; background:none;}
.l-pad-6 {
    padding-left: 6px;
}
.r-pad-6 {
    padding-right: 6px;
}
#dashboard ul.left-menu li a span.alert{
    font-size: 8px;
    background: #ff0099;
    color: #fff;
    padding: 1px 1px;
    line-height: normal;
    border-radius: 5px;
    margin: 1px -7px;
    position: absolute;
    right: 11px;
}

/* mks */
.mksMenu .subMenu.active{border:1px solid #00b3db}
.mksMenu .subMenu.active > a{background:#11b7dd; background:-moz-linear-gradient(top, #92d9e9, #03b4db); background:-webkit-linear-gradient(top, #92d9e9, #03b4db); background:-ms-linear-gradient(top, #92d9e9, #03b4db);  color:#fff}
.mksMenu .subMenu.active > a:after,.mksMenu .menu.active > a:after{transform: rotate(90deg); top:6px !important; border-left:5px solid #fff !important}
.mksMenu .dispNone{ display:none}
.mksMenu li ul{list-style: none; }
.mksMenu li a {position: relative}
.mksMenu .menuChild li a{padding-left:15px}
.mksMenu .menuChild ul li a{padding-left:20px}
/*.mksMenu li ul ul{
	display:none; list-style: none; 
}*/
.mksMenu li > ul li{margin-bottom:1px;}
.mksMenu li > ul li a{ padding:6px 10px 6px 10px; display:block;color:#0083a1; text-decoration: none; background: #f8f6f6;}
/*.mksMenu li > ul li a:hover{background:#11b7dd; background:-moz-linear-gradient(top, #92d9e9, #03b4db); background:-webkit-linear-gradient(top, #92d9e9, #03b4db); background:-ms-linear-gradient(top, #92d9e9, #03b4db);  color:#fff}*/

.mksMenu li > ul ul li a{padding:6px 10px 6px 30px; }
/*.mksMenu li:hover ul li > a{background: -webkit-linear-gradient(top, #f3f3f3, #dddddd) !important; color: #0083a1 !important}*/

/*.mksMenu > li:hover > ul, .mksMenu > li ul li:hover ul{
	display: block
}*/