﻿/*! ---------------------------------------------------------------------- */
/*! UMSLanguageSwitcher
/*! ----------------------------------------------------------------------
Version: 1.0.0
Author: KHM
Author URI: http://www.inlogic.dk
------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* TABLE OF CONTENTS
/* ----------------------------------------------------------------------
-Global Styles
-Selected Locale (the trigger for the dropdown)
-Language Container
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Global Styles
/* ---------------------------------------------------------------------- */
.ums-language-switcher {
    /*font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/ /* edit or delete so that the switcher inherits the font styles of your project */
    z-index: 999 !important;
}

    .ums-language-switcher,
    .ums-language-switcher * {
        margin: 0 !important;
        padding: 0 !important;
    }

.ums-language-switcher {
    position: relative !important;
}

    .ums-language-switcher ul {
        list-style: none !important;
    }

    .ums-language-switcher a {
        transition: all 0.2s ease-in-out !important;
    }

    .ums-language-switcher img {
        margin-right: 3px !important;
    }

    /* ---------------------------------------------------------------------- */
    /* Selected Locale (the trigger for the dropdown)
/* ---------------------------------------------------------------------- */
    .ums-language-switcher > .ums-selected-locale {
        text-decoration: none !important;
        color: #fff !important;
        position: relative !important; /* for the arrow */
    }

        .ums-language-switcher > .ums-selected-locale:hover {
            color: #fff !important;
        }

        .ums-language-switcher > .ums-selected-locale:after {
            content: " " !important;
            position: absolute !important;
            top: 50% !important;
            margin-top: -2px !important;
            left: 100% !important;
            margin-left: 5px !important;
            width: 0 !important;
            height: 0 !important;
            border-left: 4px solid transparent !important;
            border-right: 4px solid transparent !important;
            border-top: 4px solid #000 !important;
        }

/* ---------------------------------------------------------------------- */
/* Language Container
/* ---------------------------------------------------------------------- */
.ums-language-container-scrollable {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 10000 !important;
    width: auto !important;
    overflow-x: auto !important;
}

.ums-language-container {
    margin-top: 10px !important;
    padding: 10px 0 !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
    background-color: #fff !important;
}

    .ums-language-container td {
        border-right: 1px solid #ccc !important;
        vertical-align: top !important;
    }

        .ums-language-container td:last-child {
            border-right: none !important;
        }

    .ums-language-container a {
        color: #000 !important;
        text-decoration: none !important;
        padding: 5px 10px !important;
        display: block !important;
        white-space: nowrap !important;
    }

        .ums-language-container a:hover {
            background-color: #f5f5f5 !important;
            color: #000 !important;
        }

    .ums-language-container .ums-selected-locale {
        color: #000 !important;
        font-weight: bold !important;
        cursor: default !important;
    }

    .ums-language-container .ums-selected-locale-menu {
        color: #fff !important;
        font-weight: bold !important;
        cursor: default !important;
    }

        .ums-language-container .ums-selected-locale-menu a {
            color: #fff !important;
            text-decoration: none !important;
        }

            .ums-language-container .ums-selected-locale-menu a:hover {
                color: #fff !important;
                text-decoration: none !important;
            }

.NeedWhiteAndNoHover {
    color: #fff !important;
    cursor: pointer;
    text-decoration:none !important;
}

    .NeedWhiteAndNoHover a {
        color: #fff !important;
        cursor: pointer;
    }

        .NeedWhiteAndNoHover a:hover {
            color: #fff !important;
            cursor: pointer;
        }
