.dropdown-menu {
    border: 0px solid rgba(0,0,0,.15) !important;
}

span.navbar-brand.menu-title {
    margin-left: 0px !important;
    float: none !important;
}

ul.navbar-nav.mr-auto {
    margin-left: 0px !important;
}

.link-login {
    border-radius: 5px 5px 5px 5px / 5px 5px;
}

.DivMotrarOcultarPaneles {
    display: none !important;
}

.MostrarPanel_98_porc {
    visibility: visible !important;
    width: 99% !important;
    display: block !important;
}
.pnlTopWindow {
    height:40px;
}

.OcultarPanel_98_porc {
    visibility: hidden !important;
    width: 1% !important;
    display: none !important;
}   |
.ht-logo {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    padding-top: 10px;
    margin-left: -40px;
}
@media only screen and (min-width: 50px) and (max-width: 720px) {
    .menu-title {
        display: none !important;
    }
}

    @media only screen and (min-width: 50px) and (max-width: 990px) {
        .messageCircle {
            top: 8px !important;
        }

        .DivMotrarOcultarPaneles {
            display: block !important;
        }

        .NotificacionNo {
            padding: -3px 0px;
            height: 20px;
            width: 20px;
            position: relative !important;
            vertical-align: central;
            top: 15px !important;
            border-radius: 50%;
            background: var(--bg-notification);
            color: white;
            font-size: medium;
            text-decoration: none;
            text-align: center;
            vertical-align: middle;
            top: -30px !important;
            left: 15px !important;
        }

        
    }


    @media only screen and (min-width: 50px) and (max-width: 370px) {
        img .logo-login {
            margin-top: -46px;
        }

        .circleBlue {
            top: 8px !important;
        }

        .small, small {
            font-size: 80%;
            font-weight: 400;
            max-height: 73px;
        }

        nav.navbar.fixed-top.navbar-login-top {
            max-height: 78px;
        }


        .menu-title {
            margin-left: 0px !important;
            float: none !important;
            display: none;
        }


        ul.navbar-nav.mr-auto {
            margin-left: 25px !important;
        }

        .login-title {
            margin-top: 17px !important;
        }

        .btn-login {
            -webkit-appearance: none;
            width: 100% !important;
        }

        .navbar-login-social {
            min-height: 56px;
        }
    }


    @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        .menu-title {
            display: none;
        }
    }


    /* iphone 3 */
    @media only screen and (max-device-height: 480px) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        .containerTarea {
            width: 85% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }


    /* iphone 3 */
    @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- iPhone 4 and 4S ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }



        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- iPhone 6, 6S, 7 and 8 ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- iPhone 6+, 7+ and 8+ ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }


        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- iPhone X ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }



        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }


    /* iphone 4 */
    @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) {

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* iphone 5 */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 87% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* iphone 6, 6s, 7, 8 */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* iphone 6+, 6s+, 7+, 8+ */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* iphone X , XS, 11 Pro */
    @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }
    /* iphone XR, 11 */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* iphone XS Max, 11 Pro Max */
    @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) {


        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }


    @media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {


        .btn-login {
            -webkit-appearance: none;
            width: 91% !important;
        }

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }


    @media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {


        .btn-login {
            -webkit-appearance: none;
            width: 91% !important;
        }

        #btnMotrarOcultarPaneles {
            visibility: visible !important;
            float: right !important
        }

        .footerMsgMiddleCenter {
            width: 100% !important;
        }

        .DivMotrarOcultarPaneles {
            width: 25% !important;
        }

        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .menu-title {
            display: none;
        }
    }


    /* ----------- Galaxy S3 ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- Galaxy S4, S5 and Note 3 ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }
    }

    /* Landscape */
    @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- Galaxy S6 ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }


    /* ----------- Google Pixel ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* ----------- Google Pixel XL ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Portrait */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }

        .menu-title {
            display: none;
        }
    }

    /* Landscape */
    @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
        div#pnlTop_btnMotrarOcultarPaneles {
            padding-left: 0px !important;
            padding-right: 0px !important;
            float: right !important;
        }
    }

    @media (min-width: 1025px) {
        .contentMsg {
            top: 140px !important;
        }

        .menu-title {
            display: none;
        }
    }



    @media only screen and (max-width: 400px) {
        img .logo-login {
            margin-top: -47px;
        }

        .small, small {
            font-size: 80%;
            font-weight: 400;
            max-height: 73px;
        }

        nav.navbar.fixed-top.navbar-login-top {
            max-height: 78px;
        }

        .menu-title {
            display: none;
        }
    }

 @media only screen and (min-width: 600px) and (max-width: 800px) {
    .logo-cliente {
        margin-left: -90px !important;
    }
}

    @media (min-width: 300px) {
        .navbar-expand-md {
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
        }

            .navbar-expand-md .navbar-nav {
                flex-direction: row;
            }

                .navbar-expand-md .navbar-nav .nav-link {
                    padding-right: .5rem;
                    padding-left: .5rem;
                }

            .navbar-expand-md .navbar-collapse {
                display: flex !important;
            }

            .navbar-expand-md .navbar-toggler {
                display: none;
            }

        .navbar-collapse {
            -ms-flex-preferred-size: 100%;
            flex-basis: auto !important;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-align: center;
            align-items: center;
        }

        li.nav-item.icon-middle-align.float {
            padding: 3px;
            text-align: left !important;
            MARGIN-LEFT: 0PX !IMPORTANT;
        }

        .navbar-collapse {
            -ms-flex-preferred-size: 100%;
            flex-basis: 80% !important;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-align: center;
            align-items: center;
        }
    }

    @media (max-width: 690px) {
        .ht-logo {
            position: absolute;
            left: 37px;
            top: 0;
            padding-top: 10px;
            margin-left: -40px;
        }

        .show-left-logo {
            display: none !important;
        }
    }

    @media (max-width: 480px) {
        .show-left-logo, .ht-logo {
            position: absolute;
            left: 0px;
            top: 0;
            padding-top: 10px;
            margin-left: -40px;
        }
    }

    @media (max-width: 450px) {
        .show-left-logo, .ht-logo {
            display: none !important;
        }

        #lblUser {
            display: none !important;
        }
    }

@media only screen and (max-width: 890px) {
    .logo-existe-seleccione-cliente {
        margin-left: -174px !important;
    }
}

@media only screen and (max-width: 699px) {
    .logo-existe-seleccione-cliente {
        margin-left: -55px !important;
    }
}

@media only screen and (max-width: 695px) {
    .logo-existe-seleccione-cliente {
        margin-left: -174px !important;
    }
}

@media only screen and (max-width: 690px) {
    .logo-existe-seleccione-cliente {
        margin-left: -55px !important;
    }
}

@media only screen and (max-width: 600px) {
    .logo-existe-seleccione-cliente {
        margin-left: -86px !important;
    }
}

@media only screen and (max-width: 565px) {
    .logo-existe-seleccione-cliente {
        display: none !important;
    }
}
@media only screen and (max-width: 530px) and (min-width: 50px) {
    .show-central-logo {
        display: none !important;
    }
    .text-dots {
        width: 230px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 935px) and (min-width: 50px) {
    .pnlTopWindow {
        height: 75px;
    }

    .text-dots {
        width: 550px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
       
}

@media only screen and (max-width: 635px) and (min-width: 50px) {

    .text-dots {
        width: 250px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}