﻿@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url("../fonts/Material-Icons-googlefonts.woff2") format('woff2'),url("../fonts/Material-Icons-googlefonts.woff") format('woff');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.desc {
    color: #333333
}
.desc a {
    color: #0092dd
}
.dropdown dd, .dropdown dt, .dropdown ul {
    margin: 0;
    padding: 0
}
.dropdown dd {
    position: relative
}
.dropdown dt a:hover {
    color: #000;
    border: 1px solid #237ca9
}
#sample.dropdown {
    margin-bottom: 0 !important
}

.dropdown dt a {
    display: block;
    padding-right: 20px;
    border: 1px solid #666366;
    width: auto;
    color: #4c4c4c;
    border-radius: 4px
}

    .dropdown dt a span {
        cursor: pointer;
        display: block;
        font-weight: 400;
        display: flex;
        padding: 5px 12px
    }

.wrapper_dd {
    width: auto;
    z-index: 10
}

.dropdown dd ul {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    color: #000;
    display: none;
    left: 0;
    padding: 0 0;
    position: absolute;
    width: 100%;
    min-width: 100px;
    list-style: none;
    z-index: 9;
    border-bottom: none;
    border-radius: 2px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 15%);
}

.wrapper_dd > .dropdown dt a {
    color: #4c4c4c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 11px;
    height: 35px;
    font-size: 14.5px;
    font-weight: 400;
    font-family: 'OpenSans-Bold'
}

.dp_language > li {
    width: 100%;
    float: left;
    padding: 0 !important;
    background-image: none !important
}

.dropdown span.value {
    display: none !important
}

.dropdown dd ul.dp_language li a {
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    width: 100%;
    padding: 5px 5px;
    display: block;
    font-family: 'OpenSans-Bold';
    text-decoration: none;
}

    .dropdown dd ul.dp_language li a:hover {
        color: #215ed9 !important;
        text-decoration: none
    }

.dropdown img.flag {
    border: 0;
    vertical-align: middle;
    margin-left: 7px;
    margin-right: 8px;
    width: 17px;
    height: 17px;
    display: none
}

.dropdown .dp_language img.flag {
    margin-left: 5px
}

.flagvisibility {
    display: none
}

.lan_txt_hide {
    font-style: normal
}

.dropdown > a.dropdown-toggle {
    display: block
}

dl#OuterHeader_LanguageDrpdwn_sample {
    margin: 0;
    min-width: 110px;
}

.rightF.mR15.langPan {
    margin: 17px 0px 14px;
}

.wrapper_dd > .dropdown dt a {
    text-decoration: none
}

@media (min-width:320px) and (max-width:767px) {
    .rightF {
        display: block !important;
        margin-right: 0 !important;
        margin-top: 9px !important
    }

    .wrapper_dd.wrapper_dd {
        width: 98px
    }

    .rightF.mR15.langPan {
        margin: 14px 0 !important
    }
}