﻿/*****************************************************************************
** ModuleMenu
*****************************************************************************/

@media all {
    .ModuleMenuContainer { /*background-color: #cccccc;*/ }

        .ModuleMenuContainer .MMCMenuSimpleLineContainer { pointer-events: visible; }
            .ModuleMenuContainer .MMCMenuSimpleLineContainer .MMCMenuSimpleLine { border-bottom: 2px solid #006699; text-align: right; }
                .ModuleMenuContainer .MMCMenuSimpleLineContainer .MMCMenuSimpleLine .MMCIconSearch { background-image: url('/Css/Images/any/icon_pesquisa.png'); background-position: center center; background-repeat: no-repeat; background-size: 32px; background-color: transparent; width: 32px; height: 32px; border: none; display: inline-block; vertical-align: middle; margin: 0; padding: 0; outline: none; }
                .ModuleMenuContainer .MMCMenuSimpleLineContainer .MMCMenuSimpleLine .MMCIconLogin { background-image: url('/Css/Images/any/icon_login.png'); background-position: center center; background-repeat: no-repeat; background-size: 32px; background-color: transparent; width: 32px; height: 32px; border: none; display: inline-block; vertical-align: middle; margin: 0; padding: 0; outline: none; margin-right: 10px; }
                .ModuleMenuContainer .MMCMenuSimpleLineContainer .MMCMenuSimpleLine .MMCIconClear { background-image: url('/Css/Images/any/icon_borracha.png'); background-position: center center; background-repeat: no-repeat; background-size: 32px; background-color: transparent; width: 32px; height: 32px; border: none; display: inline-block; vertical-align: middle; margin: 0; padding: 0; outline: none; }

        .ModuleMenuContainer div.MMCMenu { }
            .ModuleMenuContainer div.MMCMenu .MMCMenuMobile { display: none; margin: 5px 0; }
            .ModuleMenuContainer div.MMCMenu button.MMCMenu { width: 40px; height: 40px; padding-left: 0; padding-right: 0; pointer-events: visible; }
                .ModuleMenuContainer div.MMCMenu button.MMCMenu[aria-expanded='true'] { color: #fff; background-color: #17406d; border-color: #17406d; }

            .ModuleMenuContainer div.MMCMenu ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 50; text-align: right; font-size: 0; pointer-events: visible; }
                .ModuleMenuContainer div.MMCMenu ul li { }
                    .ModuleMenuContainer div.MMCMenu ul li a { opacity: 1; }
                        .ModuleMenuContainer div.MMCMenu ul li a:not(.btn):hover { opacity: 1; text-decoration: underline; }

                .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li { margin: 0; padding: 0; }
                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a { color: #444; text-transform: uppercase; padding: 6px 12px; display: block; font-size: 0.8125rem; font-weight: 600; }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a[aria-expanded='true'] { background-color: #f0f5ff; color: #17406d; text-decoration: underline; }
                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li:first-child > a { /*padding-left: 0;*/ }
                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li:last-child > a { /*padding-right: 0;*/ }
                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a:hover { text-decoration: underline; text-decoration-color: #FFCC00; }
                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a:active { text-decoration: underline; text-decoration-color: #FFCC00; }
                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li[aria-haspopup='true'] > a { }

                    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul { margin: 0; padding: 10px 15px 30px 15px; transition: all 0.1s ease-in-out; box-shadow: 0px 3px 5px 1px rgba(85,85,85,0.85); }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul.Columns { column-count: 4; column-gap: 15px; column-rule: 1px solid transparent; column-width: 300px; column-fill: balance; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul:after { display: none; content: ''; height: 1px; border-bottom: 1px solid #FFCC00; position: absolute; bottom: -6px; left: 0; right: 0; }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul[aria-hidden='true'] { visibility: hidden; opacity: 0; }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul[aria-hidden='false'] { visibility: visible; opacity: 1; }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul > li.MMCMainLI { column-span: all; font-size: 1.5rem; font-weight: 600; margin: 0; }
                            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul > li.MMCMainLI hr { border-color: #dddddd; margin: 10px 0; }
                        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul > li { font-size: 1rem; font-weight: 600; margin: 5px 0; }
                            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul > li > ul { margin-left: 15px; margin-bottom: 15px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; text-align: left; }
                                .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul > li > ul > li { font-size: 0.875rem; font-weight: 500; margin: 3px 0; }

            .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer { }
                .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer ul.MMCMenu { }
                    .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer ul.MMCMenu > li { }
                        .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer ul.MMCMenu > li > a { }

        .ModuleMenuContainer .MMCLoginButtons { }
            .ModuleMenuContainer .MMCLoginButtons div { margin-bottom: 5px; }
                .ModuleMenuContainer .MMCLoginButtons div:last-child { margin-bottom: 0px; }

        .ModuleMenuContainer .MMCMenuSearch { display: inline-block; vertical-align: middle; }
        .ModuleMenuContainer .MMCSearchContainer { text-align: right; display: inline-block; vertical-align: middle; }
            .ModuleMenuContainer .MMCSearchContainer input[type='text'] { width: 200px; text-align: left; background-color: transparent; border: none; color: #006699; outline: none; border-bottom: 1px solid #006699; vertical-align: middle; font-size: 14px; padding: 0 5px; }
                .ModuleMenuContainer .MMCSearchContainer input[type='text']::-webkit-input-placeholder { color: #666666; }
                .ModuleMenuContainer .MMCSearchContainer input[type='text']:-moz-placeholder { color: #666666; }
                .ModuleMenuContainer .MMCSearchContainer input[type='text']::-moz-placeholder { color: #666666; }
                .ModuleMenuContainer .MMCSearchContainer input[type='text']:-ms-input-placeholder { color: #666666; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin > ul.MMCMenuLogin { right: calc((100% - 750px) / 2); }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin > ul.MMCMenuLogin { right: 1px; }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu li[data-hide-in-mobile-menu='true'] { display: none; }
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin > ul.MMCMenuLogin { right: 1px; }
}

@media all and (min-width: 992px) {
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li { /*float: left;*/ display: inline-block; vertical-align: middle; }
        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin { width: 0px; overflow: hidden; background-color: #ccc; max-height: 30px; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin > a { background-color: #ccc; }
        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul { overflow: auto; position: absolute; z-index: 51; /*top: 100%;*/ left: 0; right: 0; background-color: rgba(240, 245, 255, 0.9); border-bottom: 5px solid #FFCC00; text-align: left; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul.MMCMenuLogin { left: unset; right: unset; width: 300px; }

    .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer ul.MMCMenu > li > ul.MMCMenuLogin { width: 300px; position: absolute; top: -30px; right: 0px; }
}

@media all and (max-width: 991px) {
    .ModuleMenuContainer div.MMCMenu .MMCMenuMobile { display: block; text-align: right; }
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu[data-is-set-for-mobile='false'] { display: none !important; }
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu[aria-hidden='true'] { /*display: none; visibility: hidden; opacity: 0;*/ display: block; visibility: visible; opacity: 1; margin: -6px 0 5px 0; position: absolute; top: auto; left: 0; right: 0; box-shadow: none; height: 0; max-height: 0; overflow: hidden; }
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu[aria-hidden='false'] { display: block; visibility: visible; opacity: 1; /*background-color: #006699;*/ border-top: 1px solid #17406d; border-bottom: 3px solid #17406d; margin: -6px 0 5px 0; position: absolute; top: auto; left: 0; right: 0; box-shadow: 0px 3px 5px 1px rgba(85,85,85,0.85); max-height: calc(100vh - 42px); overflow-y: auto; }
    .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li { border-bottom: 1px solid #17406d; }
        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li:last-child { border-bottom: none; }
        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a { background-color: #dddddd; text-align: left; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a:hover { background-color: #f0f5ff; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > a[aria-expanded='true']:hover { background-color: #f0f5ff; color: #17406d; text-decoration: underline; }
        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul { position: relative; background-color: rgba(240, 245, 255, 0.9); text-align: left; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul[aria-hidden='true'] { display: none; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li > ul[aria-hidden='false'] { display: block; }

        .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin { height: 0px; overflow: hidden; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin > a { display: none; }
            .ModuleMenuContainer div.MMCMenu ul.MMCMenu > li.MMCLogin > ul.MMCMenuLogin { top: 35px; position: fixed; width: 300px; }

    .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer ul.MMCMenu { list-style: none; margin: 0; padding: 0; position: relative; z-index: 50; text-align: right; font-size: 0; pointer-events: visible; top: -20px; background-color: unset; border-top: unset; border-bottom: unset; left: unset; right: unset; box-shadow: unset; max-height: unset; overflow-y: unset; }
        .ModuleMenuContainer div.MMCMenu div.MMCExternalMenuContainer ul.MMCMenu > li > ul.MMCMenuLogin { width: 300px; position: absolute; top: -30px; right: 10px; }
}
