#mdHeader, #xsHeader { background-color: black; border-color: black; }
#mdMenu li a, #overall-header a, #overall-header a:visited { color: white; }

#subMenu { background-color: black; border-color: black; }
    #subMenu .subMenuContent .proPanel .leftPart { border-color: #323234; }
    #subMenu .subMenuContent .ct-bt > div { border-color: #323234; }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .title { color: white; }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .intro { color: white; }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .advancedModules p { color: white; }
        #subMenu .subMenuContent .proPanel .leftPart .bigProduct .advancedModules p.label { color: white; }
        #subMenu .subMenuContent .proPanel .leftPart .bigProduct .advancedModules p a { color: white; }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .title { color: white; }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .intro { color: white; }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .title { color: white; }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .intro { color: white; }

#useCaseSubMenu { background-color: black; border-color: black; }
    #useCaseSubMenu .subMenuList li.item a { color: white; }
        #useCaseSubMenu .subMenuList li.item a:visited, #useCaseSubMenu .subMenuList li.item a:active { color: white; }

#demoSubMenu { background-color: black; border-color: black; }
    #demoSubMenu .demos > p:first-child { color: #aaa; }
    #demoSubMenu .demos .demosContainer > div > p { color: white; }
    #demoSubMenu .demos .demosContainer > div > a { color: white; }

#companySubMenu { background-color: black; border-color: black; }
    #companySubMenu .subMenuList li.item a { color: white; }
        #companySubMenu .subMenuList li.item a:visited, #companySubMenu .subMenuList li.item a:active { color: white; }

#developerSubMenu { background-color: black; border-color: black; }
    #developerSubMenu .subMenuList li.item a { color: white; }
        #developerSubMenu .subMenuList li.item a:visited, #developerSubMenu .subMenuList li.item a:active { color: white; }


#cp-header .action-search .searchIcon { filter: invert(1); }
#cp-header .header-visitor a:link, .header-visitor a:visited, .header-visitor a:hover { color: white; }

#overall-header .ds-logo { background-image: url(../images/dynamsoft-logos/logo-dynamsoft-white.svg); }

.layout { background-color: #1E1E1E; }
.icon-signin { filter: invert(1); }

#subMenu .subMenuContent .proPanel .leftPart .bigProduct > a:hover .proInfo div,
#subMenu .subMenuContent .proPanel .leftPart .bigProduct a.advancedModules:hover .proInfo div,
#subMenu .subMenuContent .proPanel .leftPart .bigProduct a.advancedModules:hover p,
#subMenu .subMenuContent .proPanel .rightPart .subProduct a:hover div,
#useCaseSubMenu .useCaseList .useCaseItem .useCaseSubList li a:hover,
#pcMenu .subMenuList li.item a:hover { color: #000000; }

#useCaseSubMenu .useCaseList .useCaseItem,
#useCaseSubMenu .useCaseList .useCaseItem .useCaseSubList li a { color: white; }

#demoSubMenu .demos .demosContainer > div:hover p { color: black; }

.headSubMenu .headSubContent.productList p, .headSubMenu .headSubContent.productList b { color: white; }
.headSubMenu .headSubContent.productList .product:hover p, .headSubMenu .headSubContent.productList .product:hover b { color: #323234; }

.headSubMenu .caseList .caseCol .caseTitle { color: white; }

#solutionSubMenu { background-color: black; border-color: black; }
.headSubMenu .headSubContent .caseDesc b, .headSubMenu .headSubContent .caseDesc p { color: white; }
.headSubMenu .caseList .caseCol .caseItem:hover b, .headSubMenu .caseList .caseCol .caseItem:hover p { color: #323234; }

.headSubMenu .subMenuContent p { color: #fff; }
.headSubMenu .subMenuContent .caseStudy p { color: #000; }
.headSubMenu .subMenuContent a.menuLink:hover p { color: #000; }

#cp-header .action-buttons a:hover { box-shadow: -4px 4px 0 0 #fff; }

.headSubMenu .subMenuContent u { color: white; }
#cp-header .userbox .user-profile { background-color: #fcfcfc; color: #fe8e14; }

.headSubMenu .subMenuContent .caseStudy a.caseLink:hover { box-shadow: -5px 5px 0 0 white; }