@charset "utf-8";



.MenuIntern {
    padding-top: 70px;
}

    .MenuIntern .LeftButton:hover .MnuImg:before {
        color: #fff;
    }

    .MenuIntern .LbWithSub:hover .MnuImg:before {
        color: #006699 !important;
    }

.SideMenuOnScrollOff {
    padding-top: 70px;
}



.FirstMenu .LeftButton:first-of-type {
    padding: 0px;
}




.SubMenu {
    overflow-x: auto;
    transition: 0s;
    z-index: 78 !important;
    padding-top: 2px;
    transition: all .2s linear;
    transition-delay: 250ms;
    display: block;
    transition: all .2s linear;
    transition-delay: 250ms;
}

.LeftButton .SubMenu .SubMenuButton {
    line-height: 1.3em;
    padding: 0 0 12px 0;
    text-transform: none;
    min-width: 100px;
    padding-left: 60px;
    display: block;
}



.LeftButton:hover .SubMenu .SubMenuButton {
    color: #24245c !important;
}

.LeftButton .SubMenu .SubMenuButton:hover {
    transition: all linear .2s;
}

.lmbtnSignIn {
    display: none !important;
}


.FirstMenu .LeftButton {
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    float: none;
    display: block;
    background-color: transparent;
    color: #67688f !important;
    font-size: 0.85em;
    text-decoration: none;
    border: transparent solid 1px;
    transition: none;
    padding-left: 0px;
    padding-top: 0px;
    overflow: hidden;
}

.FirstMenu > .btnCatWithoutSub:nth-of-type(1) {
    margin-top: 0px;
    border-top: none !important;
    border-bottom: solid 1px #394860;
    width: 101% !important;
}

.ExpandableMenuElement {
    overflow: hidden;
    display: block;
}

.cSubMenu .cSubMenu .ExpandableMenuElement {
    height: 26px;
}

.cSubMenu .cSubMenu .Expanded {
    height: auto;
}

.divMenuClickElement, .btnCatWithoutSub {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.3em;
    text-transform: none;
}

.FirstMenu > .btnCatWithoutSub {
    font-size: 0.85em !important;
    height: auto;
    padding: 5px 5px 5px 15px;
    border: solid 1px #fff;
}

.Expanded > .cSubMenu > .ExpandableMenuElement > .divMenuClickElement {
    border: none !important;
    margin-left: 0px;
    font-weight: bold;
}

.LeftButton > .cSubMenu .BlueItem {
    margin-left: -10px !important;
    padding: 15px !important;
    padding-top: 10px !important;
}

.BlueItem, .FirstMenu > .btnCatWithoutSub {
    background-color: transparent;
    color: #4e5a65 !important;
    font-size: 13.5px !important;
    padding: 6px 5px 4px 18px;
    line-height: 1.6em;
    margin-left: -1px;
    border-right: solid 1px transparent !important;
    border-bottom: solid 1px #fff !important;
    margin-top: -1px;
    font-weight: bold;
}

.Expanded > .divMenuClickElement {
    font-weight: bold !important;
}



.LeftButton > .cSubMenu {
    padding-left: 15px;
}

    .LeftButton > .cSubMenu > div > .divMenuClickElement {
        border-left: none !important;
    }

    .LeftButton > .cSubMenu > .ExpandableMenuElement > .divMenuClickElement .aMenuClickElement:before {
        top: 8px !important;
        left: 13px;
    }

    .LeftButton > .cSubMenu > .Expanded > .divMenuClickElement .aMenuClickElement:before {
        top: 4px !important;
        left: 13px !important;
    }

    .LeftButton > .cSubMenu > .Expanded > .cSubMenu {
        padding-bottom: 10px;
    }

    .LeftButton > .cSubMenu > .Expanded > .divMenuClickElement .aMenuClickElement {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

.LeftButton > .cSubMenu {
    margin-top: 0px !important;
}

.cSubMenu {
    padding-left: 18px;
}



    .cSubMenu .cSubMenu .cSubMenu {
        padding: 0 0 0 12px !important;
    }

        .cSubMenu .cSubMenu .cSubMenu .cSubMenu {
            padding-left: 15px !important;
        }

            .cSubMenu .cSubMenu .cSubMenu .cSubMenu * {
                padding-left: 10px;
                background-color: #eeeef9;
                color: #404159;
            }

            .cSubMenu .cSubMenu .cSubMenu .cSubMenu .btnCatWithoutSub:last-of-type {
                padding-bottom: 10px !important;
            }

            .cSubMenu .cSubMenu .cSubMenu .cSubMenu .btnCatWithoutSub {
                padding-left: 20px;
            }


@media all and (min-width:1600px) {
    .LeftButton > .cSubMenu {
        padding-left: 50px;
    }
}



.LeftButton .cSubMenu .btnCatWithoutSub {
    height: auto;
    width: 100%;
    text-transform: none;
    padding-top: 10px;
    display: block;
    box-sizing: border-box;
    padding: 4px 0px 4px 18px;
    border-top: dotted 1px #fff;
    border-left: dashed 1px #c8c8ea;
    color: #596773;
    clear: both;
}

.cSubMenu .btnCatWithoutSub:last-of-type {
    border-bottom: none !important;
}



.MenuIntern .btnCatWithoutSub:before {
    display: none;
}



.MenuIntern .LeftButton > .cSubMenu > .btnCatWithoutSub {
    left: 0px;
}

.btnCatWithoutSub:hover {
    text-decoration: underline;
}

.divMenuClickElement .btnMenuShowCategory {
    position: absolute;
    height: 100%;
    width: 20px;
    top: 0px;
    border: solid 1px transparent;
    right: 0px;
}

.divMenuClickElement:hover .btnMenuShowCategory {
    background: url(/lib/aesthetics-graphics/Menu/Icons20218.png) no-repeat;
    background-position: -403px -3px;
}

.LeftButton > .divMenuClickElement:hover > .btnMenuShowCategory {
    background: url(/lib/aesthetics-graphics/Menu/Icons20218.png) no-repeat;
    background-position: -403px 8px;
}

.divMenuClickElement:hover .btnMenuShowCategory:hover {
    border: solid 1px #ccc;
}

.divMenuClickElement {
    position: relative;
}

.Expanded .divMenuClickElement:before {
    display: none;
}


.Expanded .aMenuClickElement:before, .ExpandableMenuElement > .aMenuClickElement:before {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #606285;
    font-weight: bold !important;
    content: ">";
    transform: scale(0.5, 1);
    font-size: 15px;
}


.Expanded > .ExpandableMenuElement > .aMenuClickElement:before, .Expanded > .divMenuClickElement > .aMenuClickElement:before {
    top: 2px !important;
    left: 10px !important;
    content: "v" !important;
    line-height: 25px;
    font-size: 15px;
    color: #6b6bc7;
    transform: scale(1, 0.5);
    font-weight: bold !important;
}

.mParent:before {
    content: ">" !important;
    visibility: visible;
    transform: scale(01, 1) !important;
    position: absolute;
    top: 5px;
    color: #82b3e3;
    left: 4px !important;
    font-weight: normal !important;
}

.Expanded > .divMenuClickElement > .mParent:before {
    left: 3px !important;
    top: 3.5px !important;
    color: #006699;
    transform: scale(0.8, 0.5) !important;
}


.cSubMenu {
    height: 0px;
    overflow: hidden;
    background-color: #fff;
}

    .cSubMenu:after {
        content: " ";
        clear: both;
    }

.Expanded > .cSubMenu {
    height: auto;
}

.LeftButton .mnuHoverElement {
    height: auto;
    width: 100%;
    padding: 0px;
    height: 45px;
    display: block;
    text-transform: uppercase !important;
    box-sizing: border-box;
    border: none !important;
    border-top: dotted 1px #dadaf1 !important;
    font-size: 0.9em;
}

    .LeftButton .mnuHoverElement .aMenuClickElement {
        padding-left: 50px;
        padding-top: 15px;
        color: #404159;
    }

        .LeftButton .mnuHoverElement .aMenuClickElement:hover {
            color: #404159 !important;
        }



.ExpandableMenuElement > .MnuImg:before {
    display: block !important;
}

.aMenuClickElement {
    display: block;
    width: 100%;
    width: calc(100% + 2px);
    border: none;
}

    .aMenuClickElement:hover {
        text-decoration: underline;
    }

.cSubMenu .aMenuClickElement {
    display: block;
    padding: 8px 30px 8px 18px !important;
    clear: both;
    line-height: 1em;
    height: auto !important;
    max-height: auto;
    border-left: dashed 1px #dadaf1;
    color: #596773;
    font-weight: normal;
}


.SubCatLvl2 .aMenuClickElement {
    padding-left: 30px !important;
    height: 100% !important;
}

    .SubCatLvl2 .aMenuClickElement:before {
        left: 8px;
    }

.SubCatLvl3 .aMenuClickElement {
    padding-left: 25px !important;
}

.SubCatLvl3 {
    min-height: 35px !important;
}

    .SubCatLvl3 .aMenuClickElement:before {
        top: 11px;
    }

.SubCatLvl2 > .cSubMenu > .Expanded > .divMenuClickElement > .aMenuClickElement:before {
    top: 5px !important;
}



.SubCatLvl3 .aMenuClickElement {
    padding-top: 10px !important;
}


.cSubMenu .divMenuCdlickElement {
    padding: 0px;
}

.LeftButton:nth-of-type(2) .mnuHoverElement {
    border-top: solid 1px #fff !important;
}






.FirstMenu .LeftButton .MnuImg {
    position: relative;
}

.lmbtnGeneric .MnuImg:before {
    background: none !important;
    content: "+";
    text-align: center;
    line-height: 30px;
}

.Expanded .MnuImg:before {
    content: "-";
}

.lmbtnPublicSite .MnuImg:before {
    background: none !important;
    content: "⌂";
    text-align: center;
}

.lmbtnCourses .MnuImg:before {
    background-position: -40px -1px;
}

.lmbtnAfterCourse .MnuImg:before {
    background-position: -479px -1px !important;
}

.lmbtnDevelopment .MnuImg:before {
    background-position: -86px 0px;
}

.lmbtnAboutUs .MnuImg:before {
    background-position: -132px -2px;
}

.lmbtnMyArea .MnuImg:before {
    background-position: -176px 0px;
}

.FirstMenu {
    transition: width linear .8s;
    width: 0px;
    max-width: 500px;
    left: 0px;
    background-color: #fff;
    height: 100% !important;
    position: fixed;
    z-index: 80;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    font-size: 1.1em;
    -webkit-box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.1);
    background-color: #fff;
    top: 0px !important;
    box-sizing: border-box;
}

.fmPadding {
    display: block;
    padding: 50px 50px 200px 50px;
}

.MnuOpen, .MnuOpenWhenNotMobile {
    width: 80%;
    max-width: 500px;
    transition: width linear .8s;
}

.RootMenuBtn {
    height: 100%;
    display: block;
    width: 100%;
}


.smtitle {
    display: block;
    font-size: 0.9em;
    color: #537193;
    border-bottom: solid 1px #adbed1;
    margin-bottom: 10px;
    margin-left: -5px;
}




.SubMenuCategory {
    padding: 5px;
}

/* width */
::-webkit-scrollbar {
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #555;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #555;
    box-shadow: inset 0 0 5px #005580;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #8da4bf;
    }


/* width */
div::-webkit-scrollbar {
    width: 8px;
}

/* Track */
div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d3dce6;
    border-radius: 10px;
}

/* Handle */
div::-webkit-scrollbar-thumb {
    background: #adbed1;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 5px #6c8aac;
}

    /* Handle on hover */
    div::-webkit-scrollbar-thumb:hover {
        background: #8da4bf;
    }

#SideMenu::-webkit-scrollbar-thumb {
    background: #fff !important;
}

#SideMenu::-webkit-scrollbar-track {
    background: #fff;
}

#SideMenu::-webkit-scrollbar {
    width: 3px;
    background: #fff;
}

.MnuOpenbtnShowMenu .MIcon div:nth-of-type(2), .MnuOpenbtnShowMenu .MIcon div:nth-of-type(1) {
    position: absolute;
    top: 5px;
    width: 10px;
}

.MnuOpenbtnShowMenu .MIcon div:nth-of-type(2) {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0px;
}

.MnuOpenbtnShowMenu .MIcon div:nth-of-type(1) {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 6px;
}

.MnuOpenbtnShowMenu .MIcon div:nth-of-type(3) {
    display: none !important;
}



.MenuIntern:before, .MenuIntern:hover:before {
    top: 40px !important;
    background-color: #006699;
    color: #fff;
    height: 35px;
    line-height: 35px;
}



.SideMenuOnScrollOff:before, .SideMenuOnScrollOff:hover:before, .SideMenuOnScrollOff .MnuOpen:before, .SideMenuOnScrollOff .MnuOpen:hover:before, .SideMenuOnScrollOff .MnuOpenWhenNotMobile:hover:before, .SideMenuOnScrollOff .MnuOpenWhenNotMobile:before {
    top: 35px;
    transition: all .2s linear;
}

.TelInMenu {
    padding-left: 15px;
    margin-top: 20px;
}

#SideMenu .TelInMenu {
    background-color: #fff;
    text-indent: 5px;
    border-top: solid 1px #dbdbf0;
    padding-top: 10px;
}

.SearchInMenu .scheduleTopSearch_Input {
    width: 175px !important;
    padding-left: 24px;
}

#SideMenu .scheduleTopSearch_Input {
    width: 170px !important;
    margin-top: 10px;
    padding: 20px 0 20px 24px !important;
    background-position: 0px 10px;
    left: 9px;
}









#SignOutFromMenu .RootMenuBtn {
    background-color: #fff !important;
    border: solid 1px #dadaf1;
    color: #67688f;
    padding: 5px 0;
    text-align: right;
    padding-right: 30px;
    transition: all linear .2s;
    cursor: pointer;
}

    #SignOutFromMenu .RootMenuBtn:hover {
        background-color: #ededf8 !important;
        border: solid 1px #a6a7bf;
    }









.LeftButton .mnuHoverElement {
    padding-left: 10px;
}

.MnuOpen .cSubMenu, .MnuOpenWhenNotMobile .cSubMenu {
    padding-right: 0px !important;
    /* padding-left: 8px !important; */
}


.MnuOpen .divMenuClickElement:before, .MnuOpenWhenNotMobile .divMenuClickElement:before {
    left: -6px !important;
}

.MnuOpen .Expanded .divMenuClickElement:before, .MnuOpenWhenNotMobile .Expanded .divMenuClickElement:before {
    left: -3px !important;
}

.SideMenuOnScroll {
    padding-top: 55px;
    position: fixed;
    top: 0px !important;
}

    .SideMenuOnScroll:before {
        top: 0px;
    }



@media all and (min-height:600px) {
    .SideMenuOnScroll {
        padding-top: 93px;
        position: fixed;
    }

        .SideMenuOnScroll:before {
            top: 33px;
        }

        .SideMenuOnScroll .ShowMenuButton {
            margin-top: 33px !important;
        }
}

@media all and (max-width:1000px) {
    .SideMenuOnScroll {
        padding-top: 20px;
        position: fixed;
    }

        .SideMenuOnScroll:before {
            top: 0px !important;
        }
}

@media all and (max-width:500px) {

    .MnuOpen {
        width: 85% !important;
        transition: all ease-in-out .5s;
    }

    #SideMenu {
        transition: all ease-in-out .5s;
    }

    .aMenuClickElement {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mParent:before {
        top: 10px !important
    }

    .Expanded > .divMenuClickElement > .mParent:before {
        top: 8px !important;
    }

    .LeftButton .cSubMenu .btnCatWithoutSub, .cSubMenu .aMenuClickElement {
        padding: 20px 35px !important;
        border: dotted 1px #dadaf1 !important;
    }

    .LeftButton > .cSubMenu > .ExpandableMenuElement > .divMenuClickElement .aMenuClickElement:before {
        top: 20px !important;
    }

    .LeftButton > .cSubMenu > .Expanded > .divMenuClickElement .aMenuClickElement:before {
        top: 5px !important;
    }

    .SubCatLvl3 .aMenuClickElement:before {
        top: 20px;
    }

    .SubCatLvl2 > .cSubMenu > .Expanded > .divMenuClickElement > .aMenuClickElement:before {
        top: 13px !important;
    }

    .ExpandableMenuElement {
        min-height: 55px !important;
    }
}

.LeftButton + .MnuJoinOurTeam {
    padding: 10px;
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    height: 100px;
    color: #51813a !important;
    font-weight: bold;
    text-transform: none;
    font-size: 17px;
}

.MnuJoinOurTeam:after {
    content: "";
    display: block;
    border-bottom: solid 1px #51813a;
    width: 100px;
    width: 100px;
    height: 100px;
    border: solid 5px #51813a;
    border-color: transparent transparent #51813a transparent;
    border-radius: 0 0 500px 500px;
    top: -17px;
    position: absolute;
    left: 10px;
    transform: rotate(338deg) skew(54deg);
    -webkit-transform: rotate(-20deg) skew(54deg);
    transition: all .2s linear;
    -moz-transform: rotate(-20deg) skew(54deg);
}

.MnuJoinOurTeam:hover:before {
    content: ". .";
    position: absolute;
    top: -20px;
    font-size: 80px;
    left: 36px;
    color: #006699;
    transition: all .3s linear;
}

.MnuJoinOurTeam:hover:after {
    border-color: transparent transparent #006699 transparent;
    transform: none;
    top: -28px;
    -webkit-transform: none;
    -moz-transform: none;
    transition: all .3s linear;
}

.MnuJoinOurTeam:before {
    font-size: 0px;
    transition: all .3s linear;
}

.MnuJoinOurTeam:hover {
    color: #006699;
    text-decoration: underline;
}

.FirstMenu .ShowMenuButton {
    top: 0px;
}

a.highlightButton, .highlightButton:link, a.highlightButton:active, a.highlightButton:link,
a.highlightButton:visited, .FirstMenu > a.highlightButton,
.FirstMenu > .btnCatWithoutSub:nth-of-type(1).highlightButton {
    background-color: #009dd2 !important;
    color: #fff !important;
    border: solid 1px #009dd2 !important;
    font-weight: normal !important;
    display: block !important;
    margin: 15px 0 10px 5%;
    width: 90% !important;
    text-align: center;
    padding: 8px !important;
    transition: linear all 0.3s;
    background-size: 200% 100%;
    background-position: 0 0;
    background-image: linear-gradient(to right, #006699 50%, #004466 50%);
}

    .btnCatWithoutSub:nth-of-type(1).highlightButton:hover, a.highlightButton:hover {
        border: solid 1px #006699 !important;
        background-size: 200% 100%;
        background-position: -100% -100%;
        text-decoration: none;
    }


a.IconBtn, .IconBtn :link, a.IconBtn :active, a.IconBtn :link,
a.IconBtn :visited, .FirstMenu > a.IconBtn,
.FirstMenu > .btnCatWithoutSub:nth-of-type(1).IconBtn {
    background-color: #009dd2 !important;
    border: solid 1px #d5e6f6 !important;
    font-weight: normal !important;
    display: block !important;
    margin: 15px 0 10px 0;
    width: 100% !important;
    text-align: left;
    padding: 14px 8px 14px 55px !important;
    transition: linear all 0.3s;
    background-size: 200% 100%;
    background-position: 0 0;
    background-image: linear-gradient(to right, #fff 50%, #eaf2fa 50%);
    position: relative;
    box-shadow: 0 5px 15px -10px rgb(0 0 0 / 30%);
}

    a.IconBtn:before {
        position: absolute;
        top: 5px;
        left: 0px !important;
        content: "";
        width: 45px;
        height: 35px;
        background: url(/lib/SVGs/IconsSVG.svg) no-repeat;
        background-position: -70px 0px;
        background-size: 600px;
    }

    .btnCatWithoutSub:nth-of-type(1).IconBtn:hover, a.IconBtn:hover {
        border: solid 1px #96bfe8 !important;
        background-size: 210% 100%;
        background-position: -95% -100%;
        text-decoration: none;
    }

.MnuServices:before {
    background-position: 7px 0 !important;
}

.MnuSchedule:before {
    background-position: -125px 0 !important;
}

.MnuCompareCourses:before {
    background-position: -170px 4px !important;
}

.fCloseMenu .MIcon div:nth-of-type(2) {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0px;
}

.fCloseMenu .MIcon div:nth-of-type(2), .fCloseMenu .MIcon div:nth-of-type(1) {
    position: absolute;
    top: 5px;
    left: 2px !important;
    width: 15px;
}

.fCloseMenu .MIcon div:nth-of-type(1) {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 6px;
}

.fCloseMenu .MIcon div:nth-of-type(2) {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 6px;
}

.fCloseMenu .MIcon div:nth-of-type(3) {
    display: none !important;
}



.MiniHeader #divTheLogo {
    height: 30px;
}

.subSubjectTitle {
    font-size: 13px !important;
    border-bottom: dotted 1px #dadaf1;
    margin-top: 30px;
    margin-bottom: 15px;
    text-indent: 5px;
}

.InCloseMenu {
    width: 35px !important;
    height: 30px !important;
    top: 25px !important;
    right: 25px !important;
    left: auto !important;
    position: absolute !important;
    cursor: pointer;
}

.fCloseMenu .InCloseMenu div:nth-of-type(2), .fCloseMenu .InCloseMenu div:nth-of-type(1) {
    position: absolute;
    top: 10px;
    left: 10px !important;
    width: 10px;
    bordeR: solid 1px #000;
}

.SideMenuSearch {
    color: #fff !important;
    font-weight: normal !important;
    display: block !important;
    margin: 15px 0 20px 0;
    width: 100% !important;
    text-align: center;
    padding: 8px 0 !important;
    transition: linear all 0.3s;
    background-size: 200% 100%;
    background-position: 0 0;
}

    .SideMenuSearch .txtSiteSearch {
        padding: 25px 10px 25px 55px !important;
        border: solid 1px #d5e6f6 !important;
        border-bottom: solid 2px #c0d9f1 !important;
        -webkit-box-shadow: none;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 5px 5px -5px rgb(0 0 0 / 30%);
    }

    .SideMenuSearch .clearSearch {
        top: 12px !important;
    }

    .SideMenuSearch .btnActivateSearch {
        top: 15px !important;
        left: 10px;
        width: 30px;
        background-position: -370px -7px;
        background-size: 700px;
    }

    .SideMenuSearch .LiveSearchResults {
        width: 100%;
        text-align: left;
    }

.lmbtnDevelopment .btnCatWithoutSub {
    font-weight: bold;
    padding: 5px 0 5px 10px;
}


.SideMenuSearch ::-webkit-input-placeholder {
    color: #ccc !important;
}

.SideMenuSearch :-moz-placeholder {
    color: #ccc !important;
}

.SideMenuSearch ::-moz-placeholder {
    color: #ccc !important;
}

.SideMenuSearch :-ms-input-placeholder {
    color: #ccc !important;
}