.CustomHeader{
    text-align: center;
        .GenHeaderMessage{
            width: 100%;
            text-align: center;
            display: -ms-flexbox;
            -ms-flex-align: center;
            background-color: #FA6400;
            color: #ffffff;
            text-align: left;
            margin: auto;
            line-height: 2.5;
            font-size: 15px;
        }
    
        .TrWideHeaderMessage{
            width: 100%;
            text-align: center;
            display: -ms-flexbox;
            -ms-flex-align: center;
            background-color: #666666;
            color: #ffffff;
            text-align: left;
            margin: auto;
            line-height: 2.5;
            font-size: 15px;
        }
    
        .ExternalHeaderMessage{
            width: 100%;
            text-align: center;
            display: -ms-flexbox;
            -ms-flex-align: center;
            background-color: #FA6400;
            color: #ffffff;
            text-align: left;
            margin: auto;
            line-height: 2.5;
            font-size: 15px; 
        }
    
}
.CustomHeaderTRWide{
    text-align: center;
        .GenHeaderMessage{
            width: 100%;
            text-align: center;
            display: -ms-flexbox;
            -ms-flex-align: center;
            background-color: #666666;
            color: #ffffff;
            text-align: left;
            margin: auto;
            line-height: 2.5;
            font-size: 15px;
        }
    
        .TrWideHeaderMessage{
            width: 100%;
            text-align: center;
            display: -ms-flexbox;
            -ms-flex-align: center;
            background-color: #666666;
            color: #ffffff;
            text-align: left;
            margin: auto;
            line-height: 2.5;
            font-size: 15px;
        }
    
        .ExternalHeaderMessage{
            width: 100%;
            text-align: center;
            display: -ms-flexbox;
            -ms-flex-align: center;
            background-color: #FA6400;
            color: #ffffff;
            text-align: left;
            margin: auto;
            line-height: 2.5;
            font-size: 15px; 
        }
    
}

specialtextTop {
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 2.5;
    color: #ffffff;
}

/* Show the tooltip on hover */
.specialtextTop:hover .specialtexttooltipTop {
    visibility: visible;
    opacity: 1;
}

.specialtexttooltipTop {
    font-size: 14px;
    color: #666666;
    position: absolute;
    width: 100%;
    left: 0%;
    bottom: 100%;
    margin-bottom: 15px;
    padding: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    border: 5px solid #666666;
    border-radius: 3px;
    background-color: #ffffff;
    
    /* Hide the tooltip by default */
    visibility: hidden;
    opacity: 0;
    
    /* Prettify */
    text-align: center;
    /* 
    @include transition-property(opacity);
    @include transition-duration(0.5s);
    @include transition-timing-function(linear);
    @include transition-delay(initial);
    The above are Bourbon mixins equivalent to the following:*/
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    
}

/* The bordered part of the triangle */
$border-width: 10px;

.specialtexttooltipTop::before,
.specialtexttooltipTop::after {
    content: "";
    position: absolute;
    border-left: $border-width solid transparent;
    border-right: $border-width solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -$border-width;
}

.specialtexttooltipTop::before {
    border-top: $border-width solid #6666;
    margin-top: 5px;
}

/* The white fill of the triangle */
.specialtexttooltipTop::after {
    border-top: $border-width solid white;
    margin-top: -2px;
    z-index: 1;
}


.CustomFooter{
    text-align: center;
    //display: table; 
    background-color: #666666;
    line-height:2.5; 

    .footmsg {
        display: inline-block;
    }
    
    .GenFooterMessage
    {
        display: inline-block;
        color: white;
        font-size: 15px;
        text-align: center;
        margin: auto;
        font-weight: initial;
    }

    .bannerDomContent{
        font-size: small;
    }

    .specialtext {
        position: relative;
        cursor: pointer;
        display: inline-block;
        line-height: 2.5;
        color: #ffffff;
    }
  
    /* Show the tooltip on hover */
    .specialtext:hover .specialtexttooltip {
        visibility: visible;
        opacity: 1;
    }
    
    .specialtexttooltip {
        font-size: 14px;
        color: #666666;
        position: absolute;
        width: 100%;
        left: 0%;
        bottom: 100%;
        margin-bottom: 15px;
        padding: 10px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        border: 5px solid #666666;
        border-radius: 3px;
        background-color: #ffffff;
        
        /* Hide the tooltip by default */
        visibility: hidden;
        opacity: 0;
        
        /* Prettify */
        text-align: center;
        /* 
        @include transition-property(opacity);
        @include transition-duration(0.5s);
        @include transition-timing-function(linear);
        @include transition-delay(initial);
        The above are Bourbon mixins equivalent to the following:*/
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
        
    }
    
    /* The bordered part of the triangle */
    $border-width: 10px;
    
    .specialtexttooltip::before,
    .specialtexttooltip::after {
        content: "";
        position: absolute;
        border-left: $border-width solid transparent;
        border-right: $border-width solid transparent;
        top: 100%;
        left: 50%;
        margin-left: -$border-width;
    }
    
    .specialtexttooltip::before {
        border-top: $border-width solid #6666;
        margin-top: 5px;
    }
    
    /* The white fill of the triangle */
    .specialtexttooltip::after {
        border-top: $border-width solid white;
        margin-top: -2px;
        z-index: 1;
    }


}

.CustomFooterTRWide{
   
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    background-color: #666666;
    color: #ffffff;
    text-align: left;
    margin: auto;
    line-height: 2.5;
    font-size: 15px; 
   
   
   
    .GenFooterMessage
    {
        width: 100%;
        text-align: center;
        display: -ms-flexbox;
        -ms-flex-align: center;
        background-color: #666666;
        color: #ffffff;
        text-align: left;
        margin: auto;
        line-height: 2.5;
        font-size: 15px; 
    }

    .bannerDomContent{
        font-size: small;
    }

    .specialtext {
        position: relative;
        cursor: pointer;
        //display: inline-block;
        line-height: 2.5;
        color: #ffffff;
    }
  
    /* Show the tooltip on hover */
    .specialtext:hover .specialtexttooltip {
        visibility: visible;
        opacity: 1;
    }
    
    .specialtexttooltip {
        font-size: 14px;
        color: #666666;
        position: absolute;
        width: 100%;
        left: 0%;
        bottom: 100%;
        margin-bottom: 15px;
        padding: 10px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        border: 1px solid #666666;
        border-radius: 3px;
        background-color: #ffffff;
        
        /* Hide the tooltip by default */
        visibility: hidden;
        opacity: 0;
        
        /* Prettify */
        text-align: center;
        /* 
        @include transition-property(opacity);
        @include transition-duration(0.5s);
        @include transition-timing-function(linear);
        @include transition-delay(initial);
        The above are Bourbon mixins equivalent to the following:*/
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
        
    }
    
    /* The bordered part of the triangle */
    $border-width: 10px;
    
    .specialtexttooltip::before,
    .specialtexttooltip::after {
        content: "";
        position: absolute;
        border-left: $border-width solid transparent;
        border-right: $border-width solid transparent;
        top: 100%;
        left: 50%;
        margin-left: -$border-width;
    }
    
    .specialtexttooltip::before {
        border-top: $border-width solid #6666;
        margin-top: 5px;
    }
    
    /* The white fill of the triangle */
    .specialtexttooltip::after {
        border-top: $border-width solid white;
        margin-top: -2px;
        z-index: 1;
    }
}