@font-face {
    font-family: 'DINProMedium';
    src: url('/fonts/DINPro-Medium.eot'); /* IE 5-8 */
    src: local('?'), /* sneakily trick IE */
    url('../fonts/DINPro-Medium.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */
    url('../fonts/DINPro-Medium.ttf') format('truetype'), /* Opera, Safari */
    url('../fonts/DINPro-Medium.svg#font') format('svg'); /* iOS */
}

@font-face {
    font-family: 'DinProBold';
    src: url('/fonts/DINPro-Bold.eot'); /* IE 5-8 */
    src: local('?'), /* sneakily trick IE */
    url('/fonts/DINPro-Bold.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */
    url('/fonts/DINPro-Bold.ttf') format('truetype'), /* Opera, Safari */
    url('/fonts/DINPro-Bold.svg#font') format('svg'); /* iOS */
}

.jquerycssmenu {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    /*border-bottom: 0px solid #999999;*/
    padding-left: 0px; /*offset of tabs relative to browser left edge*/
}

    .jquerycssmenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        z-index: 999999;
        height: 51px;
    }

        /*Top level list items*/
        .jquerycssmenu ul li  {
            position: relative;
            display: inline;
            float: left;
           /* border-bottom: 7px solid #F5F5F7;*/
            margin-bottom: -1px;
            width: 220px;
            margin-right: 10px;
            /*background-color: #ffffff;*/
        }

            /*Top level menu link items style*/
            .jquerycssmenu ul li a {
                display: block;
                /*background of tabs (default state)*/
                padding: 10px;
                border-top: 1px solid #d9d9d9;
                border-right: 1px solid #d9d9d9;
                border-left: 1px solid #d9d9d9;
                /*border-bottom: 1px solid #999999;*/
                color: #1a365e;
                text-decoration: none;
                border-radius: 12px 12px 0px 0px;
                font-family: "Montserrat", sans-serif;
                margin-bottom: 0px;
                font-size: 16px;
                background-color: #F5F5F7;
                padding-bottom: 17px;
            }

                .jquerycssmenu ul li a:hover {
                    color: #008abc; /*tab link background during hover state*/
                    font-family: "Montserrat", sans-serif;
                   /* border-bottom: 1px solid #fff;*/
                }

            .jquerycssmenu ul li.active > a {
                color: #1A365E;
                margin-bottom: 0px;
                padding-bottom: 17px;
                /*border-bottom: 35px solid #fff;*/
                background-color: #ffffff;
                /*margin-top:1px;*/
            }

            .jquerycssmenu ul li #CssTabMenu li.active > a {
                color: #1A365E;
                border-bottom: 1px solid #008abc;
                border-radius: 0px;
                width: 100%;
            }


            /*1st sub level menu*/
            .jquerycssmenu ul li ul {
                position: absolute;
                left: 0;
                display: block;
                visibility: hidden;
                /*border-top: 1px solid #999999;*/
                background: #fff;
                padding-bottom: 5px;
                
            }

                /*Sub level menu list items (undo style from Top level List Items)*/
                .jquerycssmenu ul li ul li {
                    display: list-item;
                    float: none;
                   /* border-right: 1px solid #999;
                    border-left: 1px solid #999;*/
                    
                    background-color: #fff;
                }



                    /* Sub level menu links style */
                    .jquerycssmenu ul li ul li a {
                        font-size: 13px;
                        font-family: "Montserrat", sans-serif;
                        width: 160px; /*width of sub menus*/
                        background: transparent;
                        color: #5ab847;
                        padding: 8px 10px 8px 10px;
                        margin: 0;
                        border-width: 0;
                        border-bottom: 1px solid transparent;
                        font-size: 20px;
                    }

                        .jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/
                            background: #fff;
                            color: #1A365E;
                            border-bottom: 1px solid transparent;
                            border-radius: 0px;
                            font-family: "Montserrat", sans-serif;
                            font-size: 20px;
                        }

            .tab-styling {
                border-top: 3px solid #1A365E;
                padding-right: 0px;
        }


.downarrowclass {
    position: absolute;
    top: 22px;
    right: 15px;
}

.rightarrowclass {
    position: absolute;
    top: 5px;
    right: 5px;
}

.tabs-container .tab-content {
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 0px 12px 12px 12px;
    /*margin-top: 21px;*/
    background-color: #fff;
}