/* Asda skin on the top of General.css*/ body {color:#666666; background-color:initial; font-family:'Montserrat', Arial, sans-serif;} /* Common Basic */ h1 {color:#222222; font-family:'Montserrat', sans-serif; font-weight:400;} h2 {color:#222222; font-family:'Montserrat', sans-serif; font-weight:400;} h2.BlueHeading {color:#222222; border-top:1px solid #d9d9d9;} h3 {color:#222222; font-weight:600;} a {color:#6bb636;} p {color:#000000; font-weight:400;} p b, p strong {font-weight:600;} ul li {margin:2px 0px 10px 0px; list-style-image:url(/images/Asda/bulletpoint.png); color:#000000; font-weight:400;} ol li {margin:2px 0px 10px 0px; list-style-image:url(/images/Asda/bulletpoint.png); color:#000000; font-weight:400;} label {color:#666666;} .DarkBlueText {color:#6bb636;} /* Buttons */ .StdBlueLrgBtn {max-width:180px; font-weight:600; background-color:#6bb636; border:1px solid #6bb636; border-radius:10px; color:#ffffff; box-shadow:none; text-shadow:none; font-family:'Montserrat', Arial, sans-serif;} .StdBlueLrgBtn:hover, .StdBlueLrgBtn:focus {background-color:#6bb636; border:1px solid #6bb636; color:#ffffff;} .StdLightBlueLrgBtn {max-width:180px; font-weight:600; background-color:#6bb636; border:1px solid #6bb636; border-radius:10px; color:#ffffff; box-shadow:none; text-shadow:none; font-family:'Montserrat', Arial, sans-serif;} .StdLightBlueLrgBtn:hover, .StdLightBlueLrgBtn:focus {background-color:#6bb636; border:1px solid #6bb636; color:#ffffff;} .StdWhiteLrgBtn {max-width:180px; font-weight:600; border-radius:8px; color:#666666; border:1px solid #dbdbdb; padding:15px 25px 12px 25px;} .InfoIconSm {background:url(/Images/Asda/InfoIcon.png) center center no-repeat; background-size:100%;} .InfoIconLrg {background:url(/Images/Asda/InfoIcon.png) center center no-repeat; background-size:100%;} .TimerIconSm {background:url(/Images/Asda/TimerIcon.png) center center no-repeat; background-size:100%; margin-right:10px;} .TimerIconLrg {background:url(/Images/Asda/TimerIcon.png) center center no-repeat; background-size:100%;} /* Structure */ .SiteContainer .SiteHeader {} .SiteContainer .SiteHeader .Logo {width:100px; height:60px; background:url(/Images/Asda/Logo.png?c=1) center center no-repeat; background-size:100%;} .SiteContainer .SiteHeader .SecondLogoLg {display:none;} .MobileSlidePanel .SecondLogoSm {display:none;} /* Pop-up Boxes */ .Positioning .CloseForm {background-image:url(/Images/Asda/Icon_Cross.png); background-size:35px 35px; top:33px; right:47px;} .Positioning .PopupContent .ContentToDisplay {width:95%;} .Positioning .PopupContent .PopUpText {width:95%;} .PopupContent h2 {color:#222222; font-family:'Montserrat', sans-serif; font-size:2.4em; font-weight:400; max-width:95%;} /* Landing Page */ .LandingPage .LandingIntro .LandingHdr {color:#222222; font-family:'Montserrat', sans-serif; font-weight:400;} .LandingPage .LandingIntro .IntroText {color:#000000; font-family:'Montserrat', sans-serif; font-weight:400;} .LandingPage .LandingIntro .StdBlueLrgBtn {font-weight:700 !important;} .LandingPage .LandingIntro .IntroSignIn {color:#666666;} .LandingPage .LandingIntro .IntroSignIn span {color:#000000; font-weight:400;} .LandingPage .LandingIntro .IntroSignIn a {color:#6bb636; font-weight:700;} .LandingPage .BtnDownArow {display:none !important;} .BtmBannerImg {background:url(/Images/Asda/Img_Home_01.png) center no-repeat; background-size:contain;} .PromotionBanner {display:none;} .LandingPageBanners {display:none !important;} .LandingPageBanners .BannerTable h2 {font-family:'Montserrat', sans-serif; color:#222222;} .LandingPageBanners .BannerTable p {color:#212121;} .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {background:url(/Images/Asda/Img_Home_Panel_02.png) center center no-repeat; background-size:100%;} .LandingPageBanners .BannerTable.FirstRow {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .LandingPageBanners .BannerTable.SecondRow .BannerCellLg {width:70%;} .LandingPageBanners .BannerTable.SecondRow .BannerCellSm {width:30%;} .LandingPageBanners .BannerTable .TakeTestImg1 {background:url(/Images/Asda/Img_Home_Panel_03_01.png) center center no-repeat; background-size:cover; height:139px; max-width:300px;} .LandingPageBanners .BannerTable .TakeTestImg2 {background:url(/Images/Asda/Img_Home_Panel_03_02.png) center center no-repeat; background-size:cover; height:139px; max-width:300px;} .LandingPageBanners .BannerTable .TakeTestImg3 {background:url(/Images/Asda/Img_Home_Panel_03_03.png) center center no-repeat; background-size:cover; height:139px; max-width:300px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock {background-color:#ffffff; border-radius:0px; box-shadow:none; text-shadow:none; border:1px solid #dbdbdb; text-align:left;} .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {margin:0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock p {color:#000000; padding:25px 20px; box-sizing:border-box; font-size:1.4em;} .LandingPageBanners .BannerTable .TestListSm .TestSlideContainer {margin:0px;} .LandingPageBanners .BannerTable .TestListSm .swiper-slide {width:260px; background-color:#fbfbfb; border-radius:0px; box-shadow:none; text-shadow:none; border:1px solid #d9d9d9;} .LandingPageBanners .BannerTable .TestListSm .swiper-slide p {color:#000000; padding:25px 20px; text-align:left; font-size:1.4em;} /* Respondent Instructions */ .InstructionBtns span .StdBlueLrgBtn {margin-right:20px;} .TestInfoSmContainer .swiper-button-prev {background-image:url(/Images/Asda/leftswiperbtn.png); left:0px;} .TestInfoSmContainer .swiper-button-next {background-image:url(/Images/Asda/rightswiperbtn.png); right:0px;} /* Assesment Questions */ .QuestionGroup .GroupQuestion .QuestionNumber .Number span {background-color:#ffffff; font-size:1.4em; font-weight:700; line-height:28px;} /* Forms */ .FormField .EditBoxW1 {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;} .FormField .DropDownW1 {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;} .FormField .TextAreaW6 {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;} .FormField .sbHolder {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;} /* Error 404 Page */ .ErrorSymbol {background:url(/Images/Asda/Icon_Warning.png) center center no-repeat; background-size:100%;} /* Question Information */ .QuestionInfoMob {background-color:#65b32e;} .QInfoHeader .InfoName h1 {font-size:1.8em; color:#6bb636; font-weight:600 !important;} .QInfoHeader .InfoName h2 {font-size:1.8em; color:#6bb636; font-weight:600 !important;} .QInfoHeader .PinIcon {background:url(/Images/Asda/pinicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .ExpandIcon {background:url(/Images/Asda/expandicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .CollapseIcon {background:url(/Images/Asda/collapseicon.png) center center no-repeat; background-size:100%;} .AssessQuestionTracker .Quotes {color:#6bb636;} .AssessQuestionTracker .MotivationalTextLg .TextMiddle {color:#1b1b1b;} .AssessQuestionTracker .TestPercentage .Labels {font-family:'Montserrat', sans-serif;} .AssessQuestionTracker .TestPercentage .Labels .Label1 {color:#4a4b4d; font-weight:700;} .MotivationalTextSm .Quotes {color:#6bb636;} .MotivationalTextSm .TextMiddle {color:#1b1b1b;} /* Admin */ .JQHiddenField input {background-color:#ffffff; border:1px solid #d9d9d9; font-family:Arial, Helvetica Neue, Helvetica, sans-serif; color:#666666;} /* Tour pages */ .TourSlideLink {color:#6bb636;} .TourSlideLink:hover {color:#5d9c30;} table.Type1 th {color:#000000;} table.Type1 td {color:#000000;} /*** Chat test - BEGIN ***/ .SelfAssessment .SpeechBubble .BubbleEnd.Std {background-image:url(/Images/ASDA/speechbubbleend.png);} .SelfAssessment .SpeechBubble .BubbleEnd.Fade {background-image:url(/Images/ASDA/speechbubbleendfade.png);} .SelfAssessment .SpeechBubble .BubbleEnd.Colour {background-image:url(/Images/ASDA/speechbubbleendcolour.png);} .SelfAssessment .SpeechBubble.Reply {background-color:#6bb636;} .SelfAssessment .BtmButton .Btn {background-color:#a2d081;} .SelfAssessment .BtmButton .Btn:hover {background-color:#a2d081;} .SelfAssessment .BtmButton .Btn.Active {background-color:#6bb636;} .SelfAssessment .BtmButton .Btn.Active:hover {background-color:#6bb636;} .icheckbox_assess, .iradio_assess {background-image:url(/Images/ASDA/assesscheck.png);} /*** Chat test - END ***/ /* Cookie Policy */ .CookiePolicyBanner .StdBlueLrgBtn {max-width:215px;} /* 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: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;} }