.circleImageBtnWrapper {
    text-align: center;

}
.circleImageBtn {
    margin: 5px auto;
    width: 48px; 
    height: 48px;
    display: inline-block;
}

.circleImageBtn svg {
    /*fill: #6EAFDD;*/ 
    width: 48px; 
    height: 48px;
    -webkit-transition: fill 0.5s;
    -moz-transition: fill 0.5s;
    -ms-transition: fill 0.5s;
    -o-transition:fill 0.5s;
    transition:fill 0.5s;
}

.circleImageBtn path {
    /*fill: white;*/ 
    -webkit-transition: fill 0.5s, opacity 0.5s;
    -moz-transition: fill 0.5s,opacity 0.5s;
    -ms-transition: fill 0.5s, opacity 0.5s;
    -o-transition:fill 0.5s, opacity 0.5s;
    transition:fill 0.5s, opacity 0.5s;
}

.circleImageBtn text {
    margin: 0 auto;
    -ms-opacity: 0;
    opacity: 0;
    fill: white;
    text-anchor: middle;
    cursor: default;

    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    transition:opacity 0.5s;
}

/*.circleImageBtn:hover svg {
    fill: #FFAF36;
}

.circleImageBtn:hover path {
    fill: #FFAF36;
}*/

.circleImageBtn:hover path {
    -ms-opacity: 0;
    opacity: 0;
}

.circleImageBtn:hover text {
    -ms-opacity: 1;
    opacity: 1;
}

/*Dashboard Tile classes*/
.dashboardTile {
    margin: 10px;
    background: #6EAFDD; 
    width: 256px; 
    height: 256px;

    -webkit-transition: background 0.5s, width 0.25s, height 0.25s;
    -moz-transition: background 0.5s, width 0.25s, height 0.25s;
    -ms-transition: background 0.5s, width 0.25s, height 0.25s;
    -o-transition: background 0.5s, width 0.25s, height 0.25s;
    transition: background 0.5s, width 0.25s, height 0.25s;
}

.dashboardTile svg {
    -webkit-transition: background 0.5s, width 0.25s, height 0.25s;
    -moz-transition: background 0.5s, width 0.25s, height 0.25s;
    -ms-transition: background 0.5s, width 0.25s, height 0.25s;
    -o-transition: background 0.5s, width 0.25s, height 0.25s;
    transition: background 0.5s, width 0.25s, height 0.25s;

    width: 100%;
    height: 100%;
}

.dashboardTile p {
    margin-top: -45px;
    margin-left: 10px;
    font-size: x-large;
    text-align: left;
}

.dashboardTile a {
    text-decoration: none;
    color: white;
}

/*.dashboardTile:hover {
    background: #FFAF36; 
}*/

.dashboardWrapper {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    display: inline-block;
}

.RoundEMSbtn {
    cursor: pointer;
    height: 40px;
    padding-top: 5px;
}


.EMSbtn {
    -webkit-transition: background ease-in 0.25s;
    -moz-transition: background ease-in 0.25s;
    -ms-transition: background ease-in 0.25s;
    -o-transition: background ease-in 0.25s;
    transition: background ease-in 0.25s;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #6EAFDD;
     border: solid #727272 0px; 
    padding: 5px 0px;
    margin: 2px;
    color: white;
    font-family: Segoe UI, Lucida Sans Unicode, Verdana, Arial;
    text-decoration: none;
    display: inline-block;
    -moz-min-width: 120px;
    -ms-min-width: 120px;
    -o-min-width: 120px;
    -webkit-min-width: 120px;
    min-width: 120px;
    text-align: center;
}

.EMSbtn:hover {
        background: #FFAF36;
        color: white;
        text-decoration: none;
        cursor: pointer;
    }

.EMSbtn-stretch-center {
    margin: 10px auto;
    text-align: center;
    width: 100%;
}

.altBlue-1 {
    background: #0084CC !important;
}

.altBlue-1:hover {
    background: #FFAF36 !important;
}

.altReverse {
    background: #FFAF36 !important;
}

.altReverse:hover {
    background: #6EAFDD !important;
}