/* .WithFormik\(LoginForm\)-loginBox-29 {
    border: 1px solid gray;
    padding: 30px!important;
    max-width: 800px;
    max-height: calc(100vh - 94px - 50px - 110px - 16px);
    overflow-y: auto;
    background-color: #fff;
    border-radius: 8px;
} */

/* .WithFormik\(LoginForm\)-loginBox-29 div {
    margin:3px 0px;
} */

/* #submitButton {
    border-radius: 100px!important;
    padding:8px 50px!important;
} */

.MuiButton-contained {
    box-shadow:none!important;
}

.MuiButton-containedSecondary {
    background-color:#E1000F!important;
}

.WithFormik\(LoginForm\)-signInHeading-30 {
    color:#E1000F!important;
}




.Welcome-henkelTagLine-12 {
    color: #E5E5E5!important;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
}
.Welcome-subTag-13 {
    font-size: 26px;
    color:#3B3B3B;
}

.Welcome-footer-9,
.DashBoard-footerBox-14,
.DashBoard-footer-13 {
    background-color: #3B3B3B!important;
}

/* .Login-logo-19 {
    height: 110px;
    width: 110px;
    margin-top:30px!important;
} */

img.DashBoard-logo-4 {
    height: 60px;
    width: 60px;
}

.DashBoard-PicClass-18 {
    height: 46px!important;
    width: 46px!important;

}

/* .MuiIconButton-root:hover
 {
    background:none!important;

} */



.BUListing-container-30,
.BUListing-container-35 {
    max-width: 90%;
    margin:0px auto!important;
}

.Preview-closeButtonContainer-88,
    .Preview-closeButtonContainer-46 {
        display: none;
    }

    .Knowledge-pageHeading-38,
    .Knowledge-heading-37,
    .Course-pageHeading-47,
    .Course-pageHeading-39,
    .Course-heading-46,
    .Course-heading-38,
    .WithFormik\(ContactUs\)-pageHeading-40,
    .heading-41,
    .Tier3CourseListing-pageHeading-82,
    .Tier3CourseListing-pageHeading-40,
    .Banner-menuText-38,
    .Banner-menuText1-39,
    .StartTroubleshoot-pageHeading-39,
    .TroubleshootingTOC-pageHeading-38 {
        color: black!important;
    }

    .WithFormik\(ContactUs\)-heading-41 {
        color: black!important;
    }



@media (max-width: 430px) {


    .DashBoard-content-11,
    .DashBoard-dashboardPage-12 {
        background-color: #EFF1F5!important;
        background:#EFF1F5;
        background-image:none!important;
    }


    .Welcome-henkelTagLine-12 {display: none;}
    .Login-loginContainer-15 {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .react-swipeable-view-container {
        display: none!important;
    }

    .Welcome-bodyContainer-11 {
        background:#EFF1F5;
    }

    .WithFormik\(LoginForm\)-loginBox-29 div {
        margin:2px 0px;
    }

    .WithFormik\(LoginForm\)-loginBox-29 .MuiGrid-grid-xs-9 {
        max-width: 100%;
        flex-basis: 100%;
    }

    .Welcome-headerBox-8 {
        padding-left: 20px!important;
        background:white;
    }

    header.DashBoard-appBar-6 .MuiGrid-container {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        box-sizing: border-box;
    }

    header .MuiGrid-grid-xs-2 img {
        height:auto;
        width: 100%;
    }

    header .MuiGrid-grid-xs-2 {
        flex-grow: 0;
    max-width: 25%;
     flex-basis:auto;
    }

    header .MuiGrid-grid-xs-6 {
        flex-grow: 0;
    max-width: 25%;
     flex-basis:auto;
     display: none;
    }

    header .MuiGrid-grid-xs-4 {
        flex-grow: 0;
    max-width: 100%;
     flex-basis:auto;
    }

    header .DashBoard-headerRightMenu-15 .MuiGrid-item {
        margin:0 1px;
    }

    img.DashBoard-logo-4 {
        height: 40px;
        width: 40px;
    }

    .BUListing-heading-31  {
        font-size:20px!important;
    }

    .BUListing-subheading-32 {
        font-size:20px;
    }

    .BUListing-card-34 {
        /* cursor: pointer; */
        padding: 8px;
        max-width: 100%!important;
        text-align: center;
        margin-bottom: 0px!important;
        flex-direction: column;
        background-image:none!important;
        width: 160px!important;
    }

    .BUListing-media-36 {
        height: 140px!important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 140px!important;
    }


    .BUListing-container-30 .MuiGrid-grid-xs-3,
    .BUListing-card-39 {

        max-width: 40%;
        margin:10px 14px;
    }

    .HeaderPopover-menuContainer-27 {

        display: flex!important;
        flex-direction: column!important;
        align-items: flex-start!important;
        flex-wrap: nowrap!important;
    }

    .Banner-container-34 {
        padding: 0!important;
        display: flex!important;
        flex-direction: column;
        flex-wrap: nowrap!important;
        align-content: flex-start!important;
        justify-content: flex-start;
        align-items: flex-start;
        top: 124px;
    }

    .MuiGrid-spacing-xs-1 {
        width: 100%!important;
        margin: 0!important;
    }

    .StartTroubleshoot-RootGridContainer-36 .MuiGrid-grid-xs-8 {
        width: 100%!important;
        margin: 0 auto!important;
    }

    .Banner-LeftRightContainer-35 .MuiGrid-grid-xs-12 {
        flex-grow: 0;
        max-width: 44%;
        flex-basis: 100%;
        min-height: 247px;
        display: block;
        margin: 5px;

        }

    .MuiGrid-spacing-xs-4 {
        margin: 0!important;
    }

    .Banner-paper-36 {

        min-height: 180px!important;
    }



    .MuiGrid-grid-xs-8 {
        max-width:100%!important;
    }

    .Banner-chatBot-40 {

        position:fixed!important;
        z-index: 1000;
        background-color: #E1000F;
        border-radius: 100px;
    }

    .Banner-chatBot-40 .MuiIconButton-colorSecondary {
        color:#EFF1F5;
        background-color: #E1000F!important;
    }

    .Banner-menuText-38,
    .Banner-menuText1-39 {
        color: black!important;
        font-size: 1.5rem!important;
        padding-top: 20px!important;
        text-shadow: none!important;
    }

    .DashBoard-dashboardPage-12 {
        top:48px!important;
    }

    .Knowledge-pageHeading-38,
    .Knowledge-heading-37,
    .Course-pageHeading-47,
    .Course-pageHeading-39,
    .Course-heading-46,
    .Course-heading-38,
    .WithFormik\(ContactUs\)-pageHeading-40,
    .heading-41,
    .Tier3CourseListing-pageHeading-82,
    .Tier3CourseListing-pageHeading-40 {
        color: black!important;
    }

    .WithFormik\(ContactUs\)-heading-41 {
        color: black!important;
    }

    .Tier3CourseListing-RootContainer-35 .MuiGrid-container {
        margin:0 auto!important;
        width:100%!important;
    }

    .WithFormik\(ContactUs\)-textField-42 {
        width: 325px!important;
        margin: 8px;
        border-radius: 5px;
        background-color: #fff;
    }

    .MuiGrid-grid-xs-3 {
        flex-grow: unset!important;
        max-width: 100%!important;
        flex-basis: 100%!important;
    }

    .Knowledge-RootContainer-35 .MuiGrid-spacing-xs-1 {
        margin:20px!important;
    }

    .Course-card-49,
    .Course-card-41 {
        margin:20px auto!important;
    }


    .popup-preview-container .popup-preview-directive .popup-right-panel {
        position: absolute;
        height: auto!important;
        width: 370px!important;
        transform-origin: top left;
        transition: all .1s ease-in-out!important;
    }

    .popup-preview-state .popup_preview_container_wrapper {
        width: 100vw;
        height: 100vh;
    }


    }






    @media (max-width: 390px) {

        .Login-logo-19 {
            height: 60px;
            width: 60px;
            margin-top:10px!important;

        }

    }