.index .custom-header{
    position: absolute; width: 100%; overflow-y: hidden
}

.index .custom-body{
    position: absolute;
    width: 100%;
    overflow-y: auto;
}

/* FONT SIZE FOR PROPERTIES AND VALUES */
.title-1-property{
    font-size: 16pt;
}
.title-2-property{
    font-size: 12pt;
}
.title-3-property{
    font-size: 10pt;
}

.title-1-value{
    font-size: 16pt;
}
.title-2-value{
    font-size: 12pt;
}
.title-3-value{
    font-size: 12px;font-style: italic;
}
.text-description{
    font-size: 10pt;
}

/* COLOR DESCRIPTION FROM DARK TO SHARP*/
.color-1{
    color: black;
}
.color-2{
    color: darkgray;
}
.color-3{
    color: gray;
}
.color-4{
    color: cornflowerblue;
}
.color-5{
    color: whitesmoke !important;
    fill: whitesmoke !important;
}

/*TOOLTIP PROPERTIES*/
md-tooltip{
    font-size: 10pt !important;
    max-width: 580px;
}
md-tooltip ._md-content{
    white-space: normal !important;
    height: auto !important;
    line-height: 20px; !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* SPACER: USED TO DEFINE A FIXED SPACE  */
.horizontal-1-spacer{
    width: 100px;
}
.horizontal-2-spacer{
    width: 40px;
}
.horizontal-3-spacer{
    width: 10px;
}

.vertical-1-spacer{
    width: 100px;
}
.vertical-2-spacer{
    width: 40px;
}
.vertical-3-spacer{
    width: 10px;
}

/*--------- USED TO REMOVE OUTLINE BORDER FROM ALL ELEMENTS -----------------*/
a, div, img, md-icon, td, tr {
    outline: 0;
}