﻿
.main_options .menu_dd_pc.option{
	height: 48px;
}

.main_options .option.selected[aria-expanded="false"] .option_link span:after {
    content: ' ';
    height: 4px;
    background-color: #000;
    display: block;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0px;
    left: 10px;
}
.main_options .menu_dd_pc.option.SubMenu:hover,
.main_options .menu_dd_pc.option.SubMenu[aria-expanded="true"]{ 
	background-color: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: solid 4px #ccc;
    width: auto;
}

    .main_options .menu_dd_pc.option.SubMenu:hover .option_link,
    .main_options .menu_dd_pc.option.SubMenu:hover .ShowSubMenu,
    .main_options .menu_dd_pc.option.SubMenu[aria-expanded="true"] .option_link,
    .main_options .menu_dd_pc.option.selected.SubMenu:hover .ShowSubMenu,
    .main_options .menu_dd_pc.option.selected.SubMenu[aria-expanded="true"] .ShowSubMenu,
    .main_options .menu_dd_pc.option.SubMenu[aria-expanded="true"] .ShowSubMenu {
        color: #000;
    }

.main_options .menu_dd_pc.option.SubMenu:hover .option_link span:after,
.main_options .menu_dd_pc.option.SubMenu[aria-expanded="true"] .option_link span:after{
	display: none;
}
.main_options .menu_dd_pc.option.selected.SubMenu .option_link{

}
.main_options .menu_dd_pc.option.selected.SubMenu .ShowSubMenu{
	color: #000;
}


    .menu_dropdown .dropdown_option[aria-expanded="true"] {
        background-color: #f5f5f5;
    }

        .menu_dropdown .dropdown_option[aria-expanded="true"] > .dropdown_option_link {
        }
            .menu_dropdown:not(.menu_dropdown_2_mbl) > .dropdown_option > .dropdown_option_link:hover:after,
            .menu_dropdown:not(.menu_dropdown_2_mbl) > .dropdown_option.selected_dropdown_option > .dropdown_option_link:after,
            .menu_dropdown .dropdown_option[aria-expanded="true"] > .dropdown_option_link:after {
                content: ' ';
                height: 4px;
                background-color: #000;
                display: block;
                width: 100%;
                position: relative;
                left: 0;
                top: -14px;
            }
            .menu_dropdown .dropdown_option[aria-expanded="true"] > .dropdown_option_link:after {
                
            }

                .main_options .menu_dd_pc.option.SubMenu .menu_dropdown .ShowSubMenu {
                    color: #000;
                }

        .main_options .menu_dd_pc.option.SubMenu .menu_dropdown .ShowSubMenu:after {
            -ms-transform: rotate(90deg); /* IE 9 */
            -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            left: 0px;
            top: 5px;
            width: 55px;
            line-height: 55px;
        }

    .main_options .menu_dd_pc.option.SubMenu[aria-expanded='true'] .menu_dropdown .dropdown_option[aria-expanded='true'] .ShowSubMenu .arrow:before {
        content: ' ';
        width: 0px;
        height: 0px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #fff;
        display: inline-block;
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 19px;
    }

    .main_options .menu_dd_pc.option.SubMenu[aria-expanded='true'] .menu_dropdown .dropdown_option[aria-expanded='true'] .ShowSubMenu .arrow:after {
        content: ' ';
        width: 0px;
        height: 0px;
        border-top: 9px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #ccc;
        display: inline-block;
        position: absolute;
        z-index: 1;
        left: 0px;
        top: 18px;
    }

    .menu_dropdown_2 {
        max-width: 0;
        max-height: none;
    }

        .menu_dropdown_2 .dropdown_option {
            font-weight: normal;
            font-size: 15px;
            color: #333;
            line-height: 20px;
            padding: 18px 20px;
            text-align: right;
            white-space: nowrap;
            width: 245px;
        }

            .menu_dropdown_2 .dropdown_option .dropdown_option_link {
                max-width: 173px;
                text-overflow: ellipsis;
                overflow: hidden;
                display: block;
            }
                .menu_dropdown_2_mbl .dropdown_option.selected_dropdown_option .dropdown_option_link,
                .menu_dropdown_2 .dropdown_option.selected_dropdown_option .dropdown_option_link,
                .menu_dropdown_2 .dropdown_option .dropdown_option_link:hover {
                    font-weight: bold;
                }

                .menu_dd_pc.option .menu_dropdown_2[aria-hidden="true"] {
                    max-width: 0;
                }

    .menu_dd_pc.option .menu_dropdown_2[aria-hidden="false"] {
        max-width: 600px;
        box-shadow: 0px 1px 2px 3px rgba(0, 0, 0,0.2);
        border-radius: 7px;
        position: absolute;
        z-index: 2;
        background: white;
        z-index: 1;
        top: 48px;
    }


    @media screen and (min-width:768px) {
        .un_boxed .header_container .main_options,
        .header_container .main_options {
            height: 48px;
            padding-top: 6px;
            box-sizing:content-box;
            /*white-space:nowrap;*/

        }
            .header_container .main_options .option button.option_link,
            .header_container .main_options > .option > .option_link {
                font-size: 18px;
                font-weight: 100;
            }
                .header_container .main_options > .option > .option_link > span:before {
                    /*place holder for size shifting on hover*/
                    display: block;
                    content: attr(data-text);
                    font-weight: bold;
                    height: 0;
                    margin-top: -1px;
                    overflow: hidden;
                    visibility: hidden;
                }
            .header_container .main_options > .option:hover > .option_link {
                font-weight: bold;
                text-decoration: underline;
            }
            .header_container .main_options > .option[aria-expanded="true"] > .option_link {
                font-weight: bold;
            }

        .main_options .menu_dd_pc.option .menu_dropdown {
            top: 48px;
            margin-top: 0;
            background-color: #fff;
        }
        .menu_dropdown_2_mbl {
            display: none !important;
        }
    }

    @media screen and (max-width:768px) {
        .menu_dropdown_2 {
            display: none !important;
        }



        .dropdown-options {
            max-height: 1000px;
            position: relative;
            background-color: transparent;
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }


            .dropdown-options .dropdown-option {
                padding: 0;
                border-bottom: 1px solid #ddd;
            }


                .dropdown-options .dropdown-option .dropdown-option-link {
                    padding: 0 36px;
                }


                .dropdown-options .selected_dropdown_option .dropdown-option-link,
                .dropdown-options .dropdown-option:hover .dropdown-option-link {
                    color: #00adef;
                }

        .option:hover .dropdown-options {
            background-color: transparent;
        }

        .header_container .main_options .option.selected .option_link span {
            position: relative;
        }

            .header_container .main_options .option.selected .option_link span:after {
                content: ' ';
                height: 4px;
                background-color: #000;
                display: block;
                width: 100%;
                position: absolute;
                bottom: -5px;
                left: 0;
            }

        .menu_dropdown .dropdown_option{
            height:auto;
        }
        .option .menu_dropdown.menu_dropdown_2_mbl {
            position: static;
            font-weight: normal;
        }

        .main_options .option.SubMenu .menu_dropdown .dropdown_option .ShowSubMenu:after {
            font-size: 18px;
            left: 24px;
            color: #000;
        }
        .main_options .option.SubMenu[aria-expanded='true'] .menu_dropdown .dropdown_option[aria-expanded='true'] .ShowSubMenu:after {
            -ms-transform: rotate(-180deg); /* IE 9 */
            -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
            -moz-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }
        .menu_dropdown.menu_dropdown_2_mbl .dropdown_option > a{
            padding-right:48px;
            font-size:15px;
        }
        .menu_dropdown.menu_dropdown_2_mbl .dropdown_option:not(:last-child) > a:after {
            display: none;
        }
    }
