﻿
.grid-menu {
    color: #fff;
}

    .grid-menu > div {
        display: flex;
    }



.grid-dropdown-menu {
    right: 0px !important;
    top: 100% !important;
    transform: none !important;
    padding: 0px 24px 28px 24px;
}

.grid-submenu-item-link {
       display: block;
       color: inherit;
}
.grid-submenu-item-link > span {
    color: inherit;
}
    .grid-submenu-item-link.active > span {
        color: inherit;
        font-weight: 700;
    }
    .grid-submenu-item-link:hover > span {
        text-decoration: none;
        color: #090D48;
        position: relative;
    }

        .grid-submenu-item-link:hover > span::after {
            text-decoration: none;
            color: #090D48;
            display: block;
            position: absolute;
            top: 66%;
            right: -20px;
            transform: translateY(-50%);
            content: '';
            height: 14px;
            width: 14px;
            background: url(/Content/gridAssets/icons/r-arrow-icon.svg) no-repeat;
        }


.top-menu-item,
.top-menu-item:active,
.top-menu-item:visited{
    margin: 0;
    color: #fff;
    margin-right: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    border-bottom: 3px solid transparent;
}
    .top-menu-item:hover {
        cursor: pointer;
        color: currentColor;
        transition: border 0.3s;
        border-bottom: 3px solid white;
    }
    .top-menu-item.tm-active {
        border-bottom: 3px solid white;
    }

.top-menu-item-mobile,
.top-menu-item-mobile:active,
.top-menu-item-mobile:visited,
.grid-submenu-item-mobile,
.grid-submenu-item-mobile:active,
.grid-submenu-item-mobile:visited {
    color: white;
}

.top-menu-item-mobile {
    display: block;
    border-bottom: 1px solid rgba(255, 255,255, 0.3);
}

.top-menu-item-mobile:hover,
.grid-submenu-item-mobile:hover {
    color: white;
}

.mi0
{
    /*padding: 1em;
    padding-top: 0.5em;
    padding-bottom:0.3em;*/
    
}

#divMenu1
{
    padding-left:1em;
    padding-bottom:0.3em;
    padding-top:0.7em;
    margin: 0;    
    
}

.mi1
{
    margin:-1px;
    padding: 1em;
    padding-top: 0.5em;
    padding-bottom:0.3em;
    margin: 0;    
}

#divMenu2
{
    padding: 0.5em;
    padding-bottom:0.3em;
    padding-left:2.5em;     
    padding-top: 0.7em;   
    margin: 0;
    /*height: 1.3em;*/
    min-height: 0.3em;
    
    border-width: 1px;
    border-style: none none solid none;
    border-color: #CCCCCC;
}

.mi2
{
    padding: 0.3em;    
    padding-top: 0.5em;
    margin: 0;
    color: #075296;
}

.mis0, .mias0 {
    border-bottom: 3px solid white;
    /*border-width: 1px;
    border-style: solid;
    border-color: #075296 #075296 #287CBA #075296;
    background-color: #287CBA;
    color: #76C5F0;*/
}


.mit0 {
    cursor: default;
    border-bottom: 3px solid transparent;
}

.mit0:hover
{
    cursor: pointer;
    border-bottom: 3px solid white;
}

.mit0 a:hover
{
    background-color: #287CBA;
    text-decoration:none;
}

.mia0
{
	
}

.mias0
{
	 font-weight: bold;	 
}

.mia1
{
	color: #99CEF2;
}

span.mi1 
{
    color: #66B7EC;
    font-weight: bold;
}

.mis1, .mias1
{
    border-width: 1px;
    border-style: solid;   
    color: #075296;
    border-color: #287CBA #287CBA #EFEFEF #287CBA;
    background-color: #EFEFEF;
}

.mias1 
{
    font-weight:bold;
    text-decoration:none;
}
	

.mit1
{
    cursor: pointer;
    color: #99CEF2;
}
.mit1:hover
{
	background-color: #76C5F0;
	color: #075296;
}

.mia2
{
	
}

.mias2
{
    font-weight: bold;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    color: #075296;
    border-color: #CCCCCC #CCCCCC #FFFFFF #CCCCCC;
    background-color: #FFFFFF;
}


.mis2
{
	background-color: #CC3300;
}

.mit2
{
	cursor: pointer;
}
.mit2:hover
{
	background-color: #FF6600;
}

.mia2
{
	
}