/* Clevry skin on the top of General.css */ body {color:#124a57; background-color:initial; font-family:'Roboto', sans-serif !important;} /* Common Basic */ h1 {color:#124a57; font-family:'Roboto', sans-serif !important; font-weight:700;} h2 {color:#429ccc; font-family:'Roboto', sans-serif !important;} h2.BlueHeading {color:#124a57; border-top:1px solid #e5e5e5;} h3 {color:#124a57; font-family:'Roboto', sans-serif !important; font-weight:700;} a {color:#429ccc;} p {color:#124a57;} b, strong {font-family:'Roboto', sans-serif !important; font-weight:700;} ul li {margin:2px 0px 10px 0px; list-style-image:url(/images/Clevry/bulletpoint.png);} label {color:#124a57;} .DarkBlueText {color:#124a57;} /* Buttons */ .StdBlueLrgBtn {font-family:'Roboto', sans-serif !important; background-color:#429ccc; border-color:#429ccc;} .StdBlueLrgBtn:hover {background-color:#4fa7d7; border-color:#4fa7d7;} .StdBlueLrgBtn:focus {background-color:#4fa7d7; border-color:#4fa7d7;} .StdBlueLrgBtn.SpaceLeft {margin-left:10px;} .StdLightBlueLrgBtn {font-family:'Roboto', sans-serif !important; background-color:#429ccc; border-color:#429ccc;} .StdLightBlueLrgBtn:hover {background-color:#4fa7d7; border-color:#4fa7d7;} .StdWhiteLrgBtn {font-family:'Roboto', sans-serif !important; color:#124a57;} .StdWhiteLrgBtn:hover {color:#124a57;} .StdWhiteLrgBtn.SpaceLeft {margin-left:10px;} .InfoIconSm {background:url(/Images/Clevry/InfoIcon.png) center center no-repeat; background-size:100%;} .InfoIconLrg {background:url(/Images/Clevry/InfoIcon.png) center center no-repeat; background-size:100%;} .TimerIconSm {background:url(/Images/Clevry/TimerIcon.png) center center no-repeat; background-size:100%; margin-right:10px;} .TimerIconLrg {background:url(/Images/Clevry/TimerIcon.png) center center no-repeat; background-size:100%; height:45px;} /* Forms */ #ForJSPasswordResult {font-family:'Roboto', sans-serif !important; color:#124a57; font-weight:400; font-size:1.0em;} #ForJSPasswordResult span {font-family:'Roboto', sans-serif !important;} .FormBox .FormField.FormInfoPopUp.Field .PopUpIcon .QuestionMark {height:18px; width:18px; font-size:1.2em;} .FormBox .FormField.FormInfoPopUp.Dropdown .PopUpIcon .QuestionMark {height:18px; width:18px; font-size:1.2em;} .FormField.FormInfoPopUp.Field .EditBoxW1 {padding:10.5px 40px 10.5px 15px;} /* Structure */ .SiteContainer .SiteHeader .Logo {background:url(/Images/Clevry/clevry-logo-small.png) center no-repeat; background-size:contain; width:110px;} .MobileSlidePanel .SecondLogoSm {display:none;} .SiteContainer .SiteFooter .FtrLayoutTable .CopyrightCell a.CPLinkClevry {display:inline;} .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {background:url(/Images/Clevry/clevry-logo-small.png?c=5) center center no-repeat; background-size:contain;} /* jQueryUI SelectMenu */ .ui-selectmenu-button {padding:10.5px 7px 10.5px 15px;} .ui-selectmenu-text {font-family:'Roboto', sans-serif !important; color:#124a57;} .ui-menu-item-wrapper {font-family:'Roboto', sans-serif !important; color:#124a57;} .ui-button .ui-icon {background-image:url("/images/clevry/black_arrow.png"); background-position:center center;} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {background-image:url("/images/clevry/black_arrow.png"); background-position:center center;} /* Pop-up Boxes */ .Positioning .CloseForm {background-image:url(/Images/Clevry/Icon_Cross.png); background-size:28px 28px;} .PopupContent h2 {color:#124a57; font-family:'Roboto', sans-serif !important; font-weight:700;} /* Landing Page */ .LandingPage .LandingIntro .LandingHdr {color:#124a57; font-family:'Roboto', sans-serif !important; font-weight:700;} .LandingPage .LandingIntro .IntroText {color:#124a57; margin-bottom:40px;} .LandingPage .LandingIntro .IntroSignIn {color:#124a57;} .LandingPage .LandingIntro .IntroSignIn a {color:#429ccc; font-family:'Roboto', sans-serif !important; font-weight:700;} .LandingPage .LandingIntro .IntroSignIn span {color:#124a57;} .BtmBannerImg {height:550px; background:url(/Images/Clevry/Img_Home_01.png) center no-repeat; background-size:contain;} .LandingPageBanners .BannerTable h2 {font-family:'Roboto', sans-serif !important; font-weight:700; color:#124a57;} .LandingPageBanners .BannerTable p {margin-bottom:30px;} .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {background:url(/Images/Clevry/Img_Home_Panel_02.png) center center no-repeat; background-size:74%; max-width:400px; border-radius:3px;} .LandingPageBanners .BannerTable.FirstRow {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .LandingPageBanners .BannerTable.SecondRow .BannerCellLg {width:65%;} .LandingPageBanners .BannerTable.SecondRow .BannerCellSm {width:35%;} .LandingPageBanners .BannerTable .TakeTestImg1 {background:url(/Images/Clevry/Img_Home_Panel_03_01.png) center center no-repeat; background-size:60%; height:160px; width:100%;} .LandingPageBanners .BannerTable .TakeTestImg2 {background:url(/Images/Clevry/Img_Home_Panel_03_02.png) center center no-repeat; background-size:contain; height:160px; width:100%;} .LandingPageBanners .BannerTable .TakeTestImg3 {background:url(/Images/Clevry/Img_Home_Panel_03_03.png) center center no-repeat; background-size:57%; height:160px; width:100%;} .LandingPageBanners .BannerTable .TestListLg .TestBlock p {color:#124a57; padding:20px; margin:0px;} .LandingPageBanners .BannerTable .TestListSm .swiper-slide p {color:#124a57;} .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {padding:0px;} /* Register / Log In / Update Details / Start Activity */ .FormText .Intro {font-family:'Roboto', sans-serif !important; color:#124a57; margin-bottom:25px;} .FormText .Title {font-family:'Roboto', sans-serif !important; font-weight:700; color:#124a57; margin-bottom:20px;} .FormText .Description {color:#124a57;} .FormLayout .StdBlueLrgBtn {margin-top:20px;} /* Respondent Instructions */ .TestInfoSmContainer .swiper-button-prev {background-image:url(/Images/Clevry/leftswiperbtn.png); left:0px;} .TestInfoSmContainer .swiper-button-next {background-image:url(/Images/Clevry/rightswiperbtn.png); right:0px;} /* Assesment Questions */ .QuestionGroup .GroupQuestion .QuestionNumber .Number span {background-color:#EAEAEA; border-color:#d1d1d1; color:#124a57; font-size:14px;} .QuestionGroup .GroupQuestion .QuestionNumber .Trail {background-color:#f8f7f7;} .QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Number span {background-color:#017935; border-color:#017935;} /* FAQ page */ #FAQListContainer h2:hover {color:#1b6b7d;} .FAQQuestions .QPanelHdr:hover {color:#1b6b7d;} /* Tour pages */ .TourSlideLink {color:#124a57;} .TourSlideLink:hover {color:#1b6b7d;} /* Forms */ .FormField .EditBoxW1 {font-family:'Roboto', sans-serif !important; color:#124a57; padding:10.5px 15px;} .FormField .DropDownW1 {font-family:'Roboto', sans-serif !important; color:#124a57;} .FormField .TextAreaW6 {font-family:'Roboto', sans-serif !important; color:#124a57;} .FormField .sbHolder {font-family:'Roboto', sans-serif !important; color:#124a57;} /* Error 404 Page */ .ErrorSymbol {background:url(/Images/Clevry/Icon_Warning.png) center center no-repeat; background-size:100%;} .ErrorSymbol2 {background:url(/Images/Clevry/Error_Robot_Img.png) center center no-repeat; background-size:100%;} /* Dashboard */ .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a {color:#124a57;} .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a:hover {color:#124a57;} .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Txt {color:#124a57;} .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessHolderName {color:#124a57;} .DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label1 {color:#124a57;} .DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label2 {color:#124a57;} /* Tests */ .TestTimer .TestTimerContainer {padding:12.5px 33px;} .TestTimer .TestTimerContainer .TimeHdr {color:#124a57; margin-bottom:2px;} .TestTimer .TestTimerContainer .Timer {color:#124a57; font-size:2.0em;} .Guide .Title {font-family:'Roboto', sans-serif !important; font-weight:700;} .Guide .List .Item .Desc strong {font-family:'Roboto', sans-serif !important; font-weight:700;} .ActivityListIntro.FullWidth .ListIntroText h2 {color:#124a57;} /* Question Information */ .QuestionInfoMob {background-color:#429ccc;} .QInfoHeader .InfoName h1 {font-size:2.5em; color:#124a57; font-family:'Roboto', sans-serif !important; font-weight:700;} .QInfoHeader .InfoName h2 {font-size:2.5em; color:#124a57; font-family:'Roboto', sans-serif !important; font-weight:700;} .QInfoHeader .PinIcon {background:url(/Images/Clevry/pinicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .ExpandIcon {background:url(/Images/Clevry/expandicon.png?c=1) center center no-repeat; background-size:100%;} .QInfoHeader .CollapseIcon {background:url(/Images/Clevry/collapseicon.png) center center no-repeat; background-size:100%;} .AssessQuestionTracker .QuestionsLeft h2 {color:#124a57;} .AssessQuestionTracker .QuestionsLeft.PQ h2 {display:none;} .AssessQuestionTracker .MotivationalTextLg .TextMiddle {color:#429ccc;} .AssessQuestionTracker .TestPercentage .Labels {font-family:'Roboto', sans-serif !important;} .AssessQuestionTracker .TestPercentage .Labels .Label1 {color:#124a57; font-size:1.9em;} .MotivationalTextSm .TextMiddle {color:#0098cd;} /* Admin */ .JQHiddenField input {background-color:#ffffff; border:1px solid #e5e5e5; font-family:'Roboto', sans-serif !important; color:#124a57;} /* Tour pages */ table.Type1 th {color:#124a57;} table.Type1 td {color:#124a57;} /* Help Page */ .HelpPanels .HPBlock .BlockInfo .Title {color:#124a57;} .HelpPanels .HPBlock .BlockInfo .Info {color:#124a57;} /* Video Interview */ .btn-myinterview.btn-darkblue, form .btn-myinterview.btn-darkblue {background:#429ccc !important;} /* Chat Test */ .SelfAssessment .HeaderBar .ProfileName {color:#124a57;} .SelfAssessment .SpeechBubble.Faded .Txt {color:#124a57;} .SelfAssessment .AnswerRow .Txt {color:#124a57;} .SelfAssessment .MsgInfo {color:#124a57;} .SelfAssessment .MsgInfo .MsgType {color:#124a57;} .SelfAssessment .BtmButton .Btn {background-color:#429ccc !important; border-color:#429ccc !important;} .SelfAssessment .BtmButton .Btn.Active {background-color:#429ccc !important; border-color:#429ccc !important;} .DelayMsg .Txt {color:#124a57;} /* Cookie Policy */ .CookiePolicyBanner {display:none;} .CookiePolicyBannerClevry {display:block;} .CookiePolicyBannerClevry .CPBtns .Inner a {background-color:#425b76 !important; border-color:#425b76 !important;} .CookiePolicyBannerClevry .CPBtns .Inner a.Decline {color:#425b76 !important;} /* Media Queries */ /* Buttons */ @media only screen and (max-width:480px) { .StdBlueLrgBtn {max-width:none !important;} .StdBlueLrgBtn.TextWidth {width:100% !important;} .StdLightBlueLrgBtn {max-width:none !important;} .StdLightBlueLrgBtn.TextWidth {width:100% !important;} .StdWhiteLrgBtn {max-width:none !important;} .StdWhiteLrgBtn.TextWidth {width:100% !important;} .LandingPage .StdBlueLrgBtn {max-width:220px !important;} } /* Landing Page */ @media only screen and (max-width:1024px) { .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {background-size:100% !important;} } @media only screen and (max-width:768px) { .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {padding:0px !important;} .LandingPageBanners .BannerTable .TakeTestImg1 {height:100px !important; width:115px !important; background-size:65% !important;} .LandingPageBanners .BannerTable .TakeTestImg2 {height:100px !important; width:115px !important; background-size:65% !important;} .LandingPageBanners .BannerTable .TakeTestImg3 {height:100px !important; width:115px !important; background-size:65% !important;} } @media only screen and (max-width:600px) { .Positioning .CloseForm {width:20px; top:15px; right:23px; background-size:20px 20px;} } /* Admin */ @media only screen and (max-width:768px) { .JQHiddenField input {font-size:1.4em;} }