.dashPanelCell {
    text-align: left;
    padding: 10px 10px 10px 10px;
    vertical-align: top;
}

.dashPanel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #76889B;
    text-align: left;
    padding: 10px 10px 10px 15px;
    width: 150px;
    min-height: 75px;
    background-color: #FFFFFF;
    border: solid 2px #76889B;
    border-radius: 4px 10%;
    box-shadow: 0px 0px 10px #000000;
    padding-top: 5px;
    display: inline-block;
    vertical-align: top;
}


.dashPanelBlue {
    font-family: 'Open Sans';
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 110px;
    height: 45px;
    background-color: Blue;
    border-radius: 10px;
    box-shadow: 0px 0px 20px Blue;
    padding-top: 5px;
}

.dashPanelRed {
    font-family: 'Arial, Helvetica, sans-serif';
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 150px;
    height: 60px;
    background-color: Red;
    border-radius: 10px;
    box-shadow: 0px 0px 20px Red;
    padding-top: 5px;
}

.dashPanelWhite {
    font-family: 'Open Sans';
    font-size: 8pt;
    font-weight: bolder;
    color: #76889B;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #76889B;
    padding-top: 5px;
}
.dashPanelWhitess {
    font-family: 'Open Sans';
    font-size: 8pt;
    font-weight: bolder;
    color: #76889B;
    text-align: center;
    background-color: #FFFFFF;
  
  
    padding-top: 5px;
}


.dashPanelWhites {
    font-family: 'Open Sans';
    font-size: 8pt;
    font-weight: bolder;
    color: #76889B;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #76889B;
    padding-top: 1px;
}

.img-hover-zoom {
    height: 300px; /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

    /* [2] Transition property for smooth transformation of images */
    .img-hover-zoom img {
        transition: transform .5s ease;
    }

    /* [3] Finally, transforming the image when container gets hovered */
    .img-hover-zoom:hover img {
        transform: scale(1.5);
    }

.img-hover-zoom1 {
    height: 100px; /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

    /* [2] Transition property for smooth transformation of images */
    .img-hover-zoom1 img {
        transition: transform .5s ease;
    }

    /* [3] Finally, transforming the image when container gets hovered */
    .img-hover-zoom1:hover img {
        transform: scale(1.5);
    }

.dashPanelNumber {
    font-family: 'Arial, Helvetica, sans-serif';
    font-size: 13pt;
    font-weight: 800;
}

.dashOuterCell {
    padding: 15px 15px 15px 15px;
    vertical-align: top;
}

.dashCell {
    vertical-align: top;
    padding: 7px 7px 7px 7px;
    font-size: 20pt;
}

    .dashCell:hover {
        animation: ease-in-out;
    }

.dashTable {
    border-collapse: separate;
    width: 300px;
    text-align: Center;
    border: 1px Solid #76889B;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #76889B;
    background-color: #76889B;
}


.dashTableMenu {
    border-collapse: separate;
    width: 200px;
    text-align: Center;
    border: 1px Solid #142c67;
    height: 150px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #444444;
    background-color: #142c67;
}

.dashHeading {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #7DA5BF;
    text-align: left;
    padding: 2px 15px 2px 15px;
}


.dashTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #76889B;
    text-align: center;
    padding: 2px 15px 2px 15px;
    height: 10px;
}

.dashTitleSection {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #444444;
    text-align: left;
    padding: 2px 15px 2px 15px;
    height: 10px;
}


.dashInnerCell {
    vertical-align: top;
    padding: 15px 15px 15px 15px;
    background-color: #FFFFFF;
}