a {
    color: #0065ae;
    outline: none;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #0065ae;
        
    }

    a:hover {
        background-color:transparent !important;
    }
    
    
    
    
    h2, h3,
h4, h5, h6 {
    /*color: #959595;*/
    color: #4c4c4c;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight:300;
}

h1 
{
    color: #0065ae;
    /*font-size: 50px;*/
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 22px;
   
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 13px;
}
 h6 {
    font-size: 12px;
}

h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }
.attendance-overview h4
 {
     margin:0;
     
     }
 
.attendance-overview h3,h2
    {
        z-index:100;
        margin:0;
        /*green 00a140
                00984e
        blue: 0065ae*/
        color:#00984e;
        margin-top:-87px;
        padding-bottom:16px;
        
}
.attendance-overview h1{    margin-top:20px; color:#0065ae;}
.attendance-overview sup { font-size:12px;color: #00984e ;}

   .attendance-vertical h2
{ 
    color: #0065ae;    
    margin:0px;
    padding:14px;
    font-size: 30px;
    font-weight: 800;
}
    
    .popuptitle
    {
        margin-top: -27px;
padding: 6px;
color:#fff
        
        }

/**************
 Mobile Styles
**************/

@media only screen and (max-width: 718px) 
{
    
    .attendance-overview h1,.attendance-textoverview h1
    {
        font-size: 40px;
        margin-top:0px;
        padding-bottom:10px;
        
        }
        
        .attendance-textoverview h4
    {
        padding-left:10px;
       
        padding-right:10px;
        }
    
    }