body {
color: #333;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
}
.IE8
{
    display:none;
}

.milonictable td
{
	
	border-top:sloid 2px #444a4f;
	border-right:sloid 1px #444a4f;
	border-left:sloid 1px #444a4f;
	border-bottom:sloid 1px #444a4f;

}
.milonictable a
{
display: block;
height: 19px;
margin: 0;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
}

.mmenucontainer
{
    background-color:#545a5f;
	width:100%;
}
.HeaderTop
{
    top:0px;
    width:100%;
    background-color:White;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-right: 20px;
padding-left: 20px;

background: #fff;
border: 0;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
border-bottom: 1px solid rgba(0, 0, 0, .2);
height: 80px;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
.rightTopMenu
{
    color:White;
    margin: 0 0 20px;
    display: table;
line-height: 0;
content: "";
float: right;
margin-right: 0;
position: relative;
left: 0;
display: block;
margin: 0 45px 0 0;
}
.brand
{
   
float: left;
width: 240px;
height: 80px;
position: relative;
}
a.logo {
font-size: 21px;
color: #2e2e2e;
float: left;
margin: 5px 0 0 25px;
text-transform: uppercase;
}
.LeftTopMenu
{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:36px;
   
float: left;
width: 240px;
height: 80px;
position: relative;
}
.rightTopMenu table
{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    color:White;
margin-top: -5px;
}
.rightTopMenu input
{
    
}
.rightTopMenu select
{
    color:White;
    margin-top: -0.5px;
    border: 1px solid rgba(0,0,0, .3);
border-right: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
font-size: 12px;
padding: 3px 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
background: rgba(255,255,255,.09)!important;
}
/*.UserName
{    
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #e9e9e9;
font-size: 11px;
line-height: 11px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
min-width: 80px;
width: auto;
padding: 3px 8px;
background: #3f4347;
cursor: pointer;
border: 1px solid rgba(0,0,0, .3);
height: 13px;
position: relative;

text-align: center;
font-weight: normal;
display: inline-block;
white-space: nowrap;
}*/

.UserName
{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0px;
background: none;
margin-right: 0;
border: 1px solid #333;
background: #F6F6F6;
font-size: 13px;
padding:7px;
margin-top: 2px;
}


.rightTopMenu li
{
    list-style:none;
    position: relative;
float: left;
}
.hiddenContent
{
    overflow-y: auto;
position: fixed;
top: 80px;
bottom:0px;
z-index: 1020;
width: 341px;
padding: 7px;
background-color: #f4f4f4;
color: #616161;
-webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, .5);
box-shadow: -2px 0 3px 0 rgba(0, 0, 0, .5);
font-size: 14px;
line-height: 20px;
right:0;
text-rendering: optimizelegibility;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.hiddenContent a
{
    text-decoration:none;
}
.profileSettingBlock
{
    
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
color: white;
cursor: pointer;
float: left;
font-size: 11px;
line-height: 12px;
padding: 20px 0;
width: 95px;
height: 70px;
text-align: center;
}
.profileSettingBlock:hover 
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
line-height: 12px;
    color: white;
}
.sidebarDivider
{
    background: url(../Images/3dot-divider.png) repeat;
height: 5px;
width: 245px;

}
#UpdateProfile i
{
    font-size:50px;
}
.icon-lock
{
    font-size:50px;
}
.icon-off
{
    font-size:50px;
}
.icon-question-sign
{
    font-size:50px;
}
.update
{

    background-image:url(../Images/user1.png);
    background-repeat:no-repeat;
}
.update:before{content:"\f007"}
.change
{

    background-image:url(../Images/user2.png);
    background-repeat:no-repeat;
}
.change:before{content:"\f007"}
.icon-lock-logout
{

    background-image:url(../Images/user3.png);
    background-repeat:no-repeat;
}
.icon-lock-logout:before{content:"\f007"}
.sidebarContent h1 {
font-size: 18px;
font-weight: 300;
line-height: 10px;
margin: 0 0 10px;
padding: 0;
padding-bottom: 10px;
text-align: left;
border-bottom: 1px solid #cccccc;
}
.sidebarContent
{
    padding: 10px;
text-align: center;
}
.profileBlock
{
    background-color: white;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
height: auto;
text-align: left;
width: 100%;
}
.editProfile
{
    padding-right: 2px;
}
.aboutMe table tr
{
    border-top: 5px solid #fff;
}
.aboutMe
{
background-color: rgba(0,0,0, 0.03);
border: 1px dotted rgba(0,0,0, 0.1);
font-size: 12px;
font-weight: 300;
margin: 10px 0;
padding: 10px;
text-align: left;
}
.aboutMe a
{
    font-family:'Open Sans',sans-serif;
    font-size:16px;    
    padding: 3px 3px;
    font-weight:bold;
}
.aboutMe a:hover
{
    color: #fff;    
}
.toggle-right-box {
float: left;
background: #f6f6f6;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 35px;
height: 35px;
}
.fixed-top {
position: fixed;
box-shadow: 1px 0 3px rgba(0,0,0,.5);
}
.header 
{
    top:0;
left: 0;
right: 0;
z-index: 1002;
background: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
}
.toggle-right-box {
float: left;
background: #f6f6f6;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 35px;
height: 35px;
}
.toggle-right-box .fa-bars {
cursor: pointer;
display: inline-block;
font-size: 15px;
padding: 10px;
}

.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul.top-menu {
margin-right: 15px;
margin-top: 0;
}
.pull-right {
float: right!important;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.top-nav {
margin-top: 20px;
}
.top-nav h1
{
    position: fixed;
margin-top: 3px;
left: 263px;
font-weight: normal;
font-size: 38px;
}
.top-nav ul.top-menu>li {
margin-left: 10px;
float: left;
}
.sidebar-toggle-box {
float: left;
margin-top: 23px;
margin-left: -15px;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 35px;
height: 30px;
position: absolute;
right: -14px;
}
.sidebar-toggle-box .fa-bars {
cursor: pointer;
display: inline-block;
font-size: 15px;
padding: 8px;

}
/*---*/

.nav-collapse.collapse {
    display:inline;
}
ul.sidebar-menu,ul.sidebar-menu li ul.sub {
    margin:-2px 0 0;
    padding:0;
}
ul.sidebar-menu {
    margin-top:80px;
}
#sidebar>ul>li>ul.sub {
    display:none;
}
#sidebar .sub-menu>.sub li a {
    padding-left:46px;
    height: 12px;
}
#sidebar>ul>li.active>ul.sub,#sidebar>ul>li>ul.sub>li>a {
    display:block;
}
ul.sidebar-menu li ul.sub li {
    background:#28282e;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
}
ul.sidebar-menu li ul.sub li a {
    font-size:12px;
    padding-top:10px;
    line-height:normal;
    height:40px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#aeb2b7;
}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
   
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:block;
    background:#202025;
}

ul.sidebar-menu li ul.sub li a.active
{      
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:block;
    background:#202025; 
}

ul.sidebar-menu li {
    border-bottom:1px solid rgba(255,255,255,0.05);
}
ul.sidebar-menu li.sub-menu {
    line-height:15px;
}
ul.sidebar-menu ul.sub li {
    border-bottom:none;
}
ul.sidebar-menu li a span {
    display:inline-block;
}
ul.sidebar-menu li a {
    color:#aeb2b7;
    text-decoration:none;
    display:block;
    padding:18px 0 18px 25px;
    font-size:12px;
    outline:none;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
ul.sidebar-menu li a.active,ul.sidebar-menu li a:hover,ul.sidebar-menu li a:focus {
    background:#28282e;
    
    display:block;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
ul.sidebar-menu li a i {
    font-size:15px;
    padding-right:6px;
}
ul.sidebar-menu li a i:before{content:"\f0fb"}
ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    
}
ul.sidebar-menu li a.active i {
   
}
.mail-info,.mail-info:hover {
    margin:-3px 6px 0 0;
    font-size: 11px;
}
/*sidebar navigation*/
#sidebar 
{
    top:0;
    left: 0;
    width:240px;
    height:100%;
    position:fixed;
    background:#32323a;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index : 1;
}
#sidebar ul li {
    position: relative;
}
/*LEFT NAVIGATION ICON*/
.dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background:url(../images/nav-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
}
.active .dcjq-icon {
    background:url(../images/nav-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.right-side-accordion .dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background:url(../images/acc-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
}
.right-side-accordion .active .dcjq-icon {
    background:url(../images/acc-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}
.nicescroll-rails
{
    top:0px;
}
#sidebar ul .sub li {
height:40px;
}
form
{
    margin-top:100px;
    margin-left: 240px;
}
/*.StripBackground
{
    margin-left: 240px;
}

#main-content
{
    margin-left: 240px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
box-sizing: border-box;
height:100%;
}*/
::selection {

color: #fff;
}
.wrapper {
/*display: inline-block;
margin-top: 80px;
padding: 15px;
width: 100%;
box-sizing: border-box;*/
}

#footer {
position:absolute;
bottom:0;
}
.topcolor>li
{
    list-style:none;
    margin-left: 5px;
float: left;
}
#cyan
{
    content:'';
    height:24px;
    width:24px;
    background:#1fb5ad;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}

#yellow
{
    height:24px;
    width:24px;
    background:#FFBB33;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#green
{
    height:24px;
    width:24px;
    background:#a9d86e;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#blue
{
    height:24px;
    width:24px;
    background:#57c8f2;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#purple
{
    height:24px;
    width:24px;
    background:#8075c4;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#red
{
    height:24px;
    width:24px;
    background:#ff6c60;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#HeaderWhite
{
    height:24px;
    width:24px;
    background:#fff;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
border:solid 1px rgba(0,0,0,0.3);
}
#HeaderBlack
{   
    height:24px;
    width:24px;
    background:#32323a;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#MenuWhite
{
    height:24px;
    width:24px;
    background:#fff;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
border:solid 1px rgba(0,0,0,0.3);
}
#MenuBlack
{   
    height:24px;
    width:24px;
    background:#32323a;
    -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:solid 1px #fff;
outline:none;
}
#cyan:hover,#yellow:hover,#green:hover,#blue:hover,#purple:hover,#red:hover,#HeaderBlack:hover,#HeaderBlack:hover
,#MenuWhite:hover,#MenuBlack:hover
{
    border:solid 1px rgba(0,0,0,0.3);
    webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, .5);
box-shadow: -2px 0 3px 0 rgba(0, 0, 0, .5);
}

/*****************************************Header Black***********************************************/
.header 
{

}

.clientselect
{

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
border-radius: 100px;
-webkit-border-radius: 100px;
padding: 5px;
border-color: #333;
margin-top: 0px;
color: #afafaf;
outline:none;
box-shadow:0px 0px 0px #333;
}



.toggle-right-box {
float: left;

border-radius: 50%;
-webkit-border-radius: 50%;
width: 35px;
height: 35px;
}
/*****************************************Header Black***********************************************/

fieldset
{
    margin:20px;
}
.anchor
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #767676;
	font-weight:bold;	
	text-decoration:underline;
}
.anchor:hover
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #FF0066;
	font-weight:bold;	
	text-decoration:underline;
}
.datablue
{
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
color: #7369B0; 
}
.datared
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
color: #7369B0;
}
.mandatory 
{
    color:#FF0066;
}
.content
{
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
color: #767676;
}
fieldset
{
    border: 1px solid #fff !important;
    box-shadow: 4px 4px 2px #fff !important;
    border-radius: 10px !important;
    background-color: #FFFFFF;
    text-align:left;
}
.textbox
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
select
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border: solid 1px #BEBEBE;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: #ffffff;
    box-shadow: 1px 1px 10px #BEBEBE;
    padding: 5px 10px;
}
.brand h1
{
    color: #fff;
font-size: 38px;
margin-top: 1px;
font-weight: normal;
text-decoration: none;
}
.brand h1 i
{
font-size: 60px;
}
.brand h1 a
{
    color: #fff;
font-size: 42px;
margin-top: 1px;
font-weight: normal;
text-decoration: none;
}

#footer
{
    box-shadow: 1px 0 3px rgba(0,0,0,.5);
}

.view
{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
padding: 3px 8px;
font-size: 11px;
color: white !important;
text-decoration:none !important;
background-color: #99CC00;
}
.view:hover
{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
padding: 3px 8px;
font-size: 11px;
color: white !important;
text-decoration:none !important;
background-color: #616161;
}
.viewother
{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
padding: 3px 8px;
font-size: 11px;
color: white !important;
text-decoration:none !important;
background-color: #57c8f2;
}
.viewother:hover
{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
padding: 3px 8px;
font-size: 11px;
color: white !important;
text-decoration:none !important;
background-color: #616161;
}
.viewpaid
{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
padding: 3px 8px;
font-size: 11px;
color: white !important;
text-decoration:none !important;
background-color: #fec901;
}
.viewpaid:hover
{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,.1);
font-weight: bold;
padding: 3px 8px;
font-size: 11px;
color: white !important;
text-decoration:none !important;
background-color: #616161;
}
.alert-success {
font-size: 85%;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-weight:bold;
color: #669533 !important;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-red {
font-size: 85%;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-weight:bold;
color: #b94a48 !important;
background-color: #f2dede;
border-color: #ebccd1;
}
.viewother
{
    margin: 0 1px;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom: 10px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
display: inline-block;
line-height: 120px;
z-index: 2;
font-family: Segoe UI;
font-size: 20px;
margin-left: 24px;
color:#fff;
}
.percent:after 
{
	content:'';
  margin-left: 0.1em;
  font-size: .8em;
}
.tile
{
border: 1px solid transparent;
border-radius: 2px;
/* box-shadow: 1px 1px 5px #666; */
width: 275px;
float: left;
margin-right: 30px;
background: #78B9F7;
height: 150px;
}
.Chart-Title
{
/* font-family: Segoe UI; */
font-size: 18px;
color: #fff;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
/* margin-left: 52px; */
position: relative;
/* width: 100%; */
/* text-align: right; */
/* table-layout: fixed; */
float: right;

}
.Chart-Title i
{
font-size: 120px;
}
.LeftDiv
{
    width: 180px;
    float: left;
    border-right:1px solid #ddd;
}
.RightDiv
{    
    width:700px;
    float: right;
}
.tabs
{
    text-align: left;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 2px none #D3DEEF;
    margin-right: -1px;
}
.tabs li
{
    list-style-type: none;
    text-decoration: none;
    background: #fff;
    margin-bottom: -1px;
}
.addBorder
{
    color: #767676;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
padding: 8px;
border: 1px solid #ddd;
line-height: 1.428571429;
}
.tabs li a
{
    color: #767676;
    font-size: 13px;
    font-weight:bold;
    text-decoration: none;
    line-height: 30px;
    padding-left: 10px;
    overflow: hidden;
}
.tabs li a.current
{
    width: 182px;
    margin-top: -1px;
    overflow: visible;
    background-color: #000;
}
.ne1
{
    background-color: Aqua;
}
.tabs li.none
{
    display: none;
}
.tabs li.leftcurrent
{
    border-left: 6px solid #C1D2EE;
    border-bottom: 2px solid #C1D2EE;
    border-top: 2px solid #C1D2EE;
    border-right: 2px none #C1D2EE;
    background: #fff;
    margin-right: -3%;
    color: #FF0000;
}

.pageNoActive
{
    margin: 0 3px;
color: #797979;
font-weight:bold;
}
.pageNo
{
    margin: 0 1px;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-border-radius: 3px;
color: #797979;
padding: 5px 10px;
display: inline-block;
text-decoration:none;
}
.pageNo:hover
{
    background: #eee;
}
.Button
{
color: #FFFFFF;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
}
.GridItem a
{
white-space: nowrap;
}
.alert-red
{
display: block;
}
#cboxLoadedContent form
{
margin:0px;
}


.pull-right {
    float: right !important;
    /*margin-left: 36px !important;*/
margin-top: 5px;
}
.text-muted {
    color: #999;
}
.label-info {
    background-color: #5BC0DE;
}
.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0px;
    overflow: hidden;
    background-color: #E5E5E5;
}
.text-center {
    text-align: center;
}
.navbar .nav.navbar-top-links .dropdown-menu li {
    display: block;
}
.navbar .nav.navbar-top-links .dropdown-menu li {
    display: block;
}
.navbar .nav.navbar-top-links .dropdown-menu li:not(.divider) {
    padding-top: 5px;
    padding-bottom: 7.5px;
}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
        .progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
        .progress {
height: 10px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
        .progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
        .progress-bar-success {
background-color: #5cb85c;
}
        .progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-size: 40px 40px;
}
        .progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
    .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.Left
{
    float:left;
}
.Right
{
    float:right;
}
.panel1
{
    height:300px;
    border:1px solid #ddd;
    margin:10px;
    border-radius:5px;
}
.panel2
{
    height:140px;
    border:1px solid #ddd;
    margin:10px;
    border-radius:5px; 
    width:570px !important;   
}
.statCount
{
    border:1px solid #ddd;
    width: 130px;
    margin:5px;
}
.statCount h5
{
    font-size:24px;
    margin-bottom:0px;
    margin-top:10px;
    text-align: center;
}
.statCount p
{
    font-size:14px;
    white-space:nowrap;
    text-align: center;
}
.panel1head
{
    background:#eee;
}
.panel1head h1
{
    font-size:20px;
    margin:0px;
    padding:5px;
    color:#666;
    line-height: 1.8;
}
.panel1body
{
    height:250px;
   padding-right:15px;
   padding-left:15px;
}
.certifi
{
    width:350px;
}
#graph-bar
{
   /* width: 90%;
  width: calc(90% - 330px);*/
  width: 580px;
   height:230px;
   margin-top: 20px;
}
#LocationStatus
{
    font-size:14px;
    outline:none;
    height: 28px;
}
.reminderbody
{
     border:1px solid #eee;
}
.reminderbody span
{
    margin-top: 15px;
    padding-top: 16px;
    float: left;
width: 55px;
height: 36px;
line-height: 45px;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #eee;
text-align: center;
color: #fff;
font-size: 16px;
background: #8dd7d6;
}
.reminderbody span i
{
    font-size:21px;
}
.head3{color:#3DA0EA;}
.head4{color:#E7912A;}
.head5{color:#BACF0B;}
.head6{color:#4EC9CE;}

.head13{color:#3DA0EA;}
.head14{color:#E7912A;}
.head15{color:#BACF0B;}
.head16{color:#4EC9CE;}

.le3{color:#2E1700; font-size:10px; font-weight:bold;}
.le4{color:#2E1700; font-size:10px; font-weight:bold;}
.le5{color:#2E1700; font-size:10px; font-weight:bold;}
.le6{color:#2E1700; font-size:10px; font-weight:bold;}

.le13{color:#2E1700; font-size:10px; font-weight:bold;}
.le14{color:#2E1700; font-size:10px; font-weight:bold;}
.le15{color:#2E1700; font-size:10px; font-weight:bold;}
.le16{color:#2E1700; font-size:10px; font-weight:bold;}

.progress-bar0{background-color: #428bca;}
.progress-bar1{background-color: #5cb85c;}
.progress-bar2{background-color: #428bca;}
.progress-bar3{background-color: #5cb85c;}
.progress-bar4{background-color: #428bca;}
.progress-bar5{background-color: #5cb85c;}
.progress-bar6{background-color: #428bca;}
.progress-bar7{background-color: #5cb85c;}
.progress-bar8{background-color: #428bca;}
.progress-bar9{background-color: #5cb85c;}
.progress-bar10{background-color: #428bca;}
.progress-bar11{background-color: #5cb85c;}
.progress-bar12{background-color: #428bca;}
.progress-bar13{background-color: #5cb85c;}
.progress-bar14{background-color: #428bca;}
.progress-bar15{background-color: #5cb85c;}
.progress-bar16{background-color: #428bca;}
.progress-bar17{background-color: #5cb85c;}
.progress-bar18{background-color: #428bca;}
.progress-bar19{background-color: #5cb85c;}
.progress-bar20{background-color: #428bca;}
.progress-bar21{background-color: #5cb85c;}
.progress-bar22{background-color: #428bca;}
.progress-bar23{background-color: #5cb85c;}
.progress-bar24{background-color: #428bca;}
.progress-bar25{background-color: #5cb85c;}
.progress-bar26{background-color: #428bca;}